.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

* {
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
}

html,
body,
.h100,
#root {
  margin: 0;
  height: 100%;
  overflow: auto;
  background-color: var(--bg-color);
}

ul {
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

button,
select,
i,
input {
  border: none;
  outline: none;
  border-radius: 6px;
}

.error {
  color: #c53030;
}

.skip {
  display: none;
}

img {
  filter: var(--img-color);
}

#td-center {
  text-align: center;
}

#td-right {
  text-align: right;
  padding-right: 5px;
  font-family: "Spline Sans Mono", monospace !important;
}

.logo {
  width: 40px;
  filter: none !important;
}

.logo-title {
  text-align: center;
}

hr.solid {
  border-bottom: 1px solid var(--border-color);
}

hr.dotted {
  border-bottom: 2px dotted #cbd5e0;
  margin: 5px 0px 0px 0px !important;
}

hr.dashed {
  border-bottom: 1px dashed var(--level-2);
  margin: 5px 0px 0px 0px !important;
}

.token {
  width: 450px;
  margin: 10px;
}

#search::placeholder {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.031%2014.617L20.314%2018.899L18.899%2020.314L14.617%2016.031C13.0237%2017.3082%2011.042%2018.0029%209%2018C4.032%2018%200%2013.968%200%209C0%204.032%204.032%200%209%200C13.968%200%2018%204.032%2018%209C18.0029%2011.042%2017.3082%2013.0237%2016.031%2014.617ZM14.025%2013.875C15.2941%2012.5699%2016.0029%2010.8204%2016%209C16%205.132%2012.867%202%209%202C5.132%202%202%205.132%202%209C2%2012.867%205.132%2016%209%2016C10.8204%2016.0029%2012.5699%2015.2941%2013.875%2014.025L14.025%2013.875Z'%20fill='%23718096'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 15px;
  color: var(--text-color);
}

#delete-profile {
  width: 16px;
  margin-left: 10px;
}

.activefinancialyear {
  background-color: #86efac;
}
.activefinancialyear td {
  color: #166534 !important;
  font-weight: 500;
  font-family: "Spline Sans Mono", monospace !important;
}
.activefinancialyear:hover {
  background-color: #86efac !important;
}

.activefinancialyear-tree {
  background: linear-gradient(82.84deg, #4acf8c 0%, #75eda6 100%);
  border-radius: 30px;
  padding: 6px !important;
  color: white;
  font-weight: 500;
  font-family: "Josefin Sans" !important;
}
.activefinancialyear-tree img {
  filter: invert(100%);
}

.txt_uppercase {
  text-transform: uppercase;
}

.Skip-img {
  filter: invert(100%);
}

.modal-flex {
  display: flex;
}
.modal-flex__image {
  width: 20px;
  filter: var(--img-color) !important;
}
.modal-flex__image img:hover {
  background-color: #e2e8f0;
  border-radius: 6px;
}
.modal-flex__data {
  width: calc(100% - 20px);
}

.modal-close-icon {
  display: block;
  margin-left: auto;
  margin-top: 3px;
}

.delete-icon {
  width: 18px;
}

textarea:focus-visible {
  outline: none !important;
}

.delete-tooltip-icon {
  fill: #dc2626 !important;
}

.date-grid {
  display: grid;
  grid-template-columns: 0.6fr 0.8fr;
}

.nodata {
  color: #b91c1c;
  display: flex;
  justify-content: center;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans" !important;
}

.upload-icon {
  width: 50px;
}

.browse-icon {
  filter: invert(0%);
}

.span-4 {
  column-count: 4;
}

.configuration-settings {
  width: 30px;
  padding-top: 5px;
  margin-right: 15px;
}
.configuration-settings--modal {
  width: 30px;
  padding-top: 5px;
}

#settings-icon {
  animation: rotation 3s infinite linear !important;
  -webkit-animation: rotation 3s infinite linear;
  height: 20px;
  width: 20px;
  display: block !important;
  margin-left: 5px;
  margin-top: 10px;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.totalcount {
  color: #44403c !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-align: right !important;
  background: #4ade80 !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  font-family: "Spline Sans Mono", monospace !important;
  padding-right: 5px !important;
}

.total {
  text-align: right;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: "Josefin Sans" !important;
  background-color: var(--bg-color) !important;
}

.totalcountcell {
  background-color: #fef08a;
  color: #000;
  text-align: right;
  width: 100%;
}
.totalcountcell:focus {
  background-color: white;
}

.editCell {
  background-color: #fef9c3 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.balance-amount {
  color: #c53030;
  font-weight: 500 !important;
}

.balance-count {
  background-color: #ef4444 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: white !important;
  border-bottom: 1px solid #cbd5e0 !important;
}

.taxableamount {
  background-color: #00a3c4 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: white !important;
}

.select-all {
  display: flex;
  margin-left: 30px;
  border-bottom: 1px dashed var(--level-2);
}
.select-all--checkbox {
  width: 20px;
  height: 20px;
}
.select-all Label {
  color: var(--level-5) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  margin: 2px 10px 0px 10px !important;
  font-family: "Josefin Sans" !important;
}
.select-all__checkboxes {
  position: relative;
  display: flex;
  border-bottom: 1px dashed var(--level-2);
  padding: 5px;
}
.select-all__checkboxes input {
  width: 18px !important;
  height: 18px !important;
  margin-top: 0px !important;
}
.select-all__checkboxes label {
  font-size: 12px !important;
  margin: 0px 10px 0px 10px !important;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.select-all .MuiFormControlLabel-label {
  color: var(--level-5) !important;
  font-weight: bold !important;
  font-size: 18px !important;
  margin: 2px 10px 0px 10px !important;
  font-family: "Josefin Sans" !important;
}
.select-all .Mui-checked {
  color: var(--level-5) !important;
}

.data-fetch-icon {
  background-color: var(--level-5);
  padding: 4px;
  border-radius: 6px;
  margin-left: 10px;
  margin-top: 3px;
  height: 30px;
}
.data-fetch-icon:hover {
  cursor: pointer;
}

#right-align {
  text-align: right;
  padding-right: 10px;
}

.MuiStepLabel-iconContainer .Mui-active {
  color: var(--level-5) !important;
}
.MuiStepLabel-iconContainer .Mui-active .MuiStepIcon-text {
  fill: white !important;
}

.MuiStepIcon-root {
  color: #e2e8f0 !important;
}

.MuiStepIcon-text {
  fill: #000 !important;
}

.MuiStepLabel-iconContainer .Mui-completed {
  color: var(--level-5) !important;
}

.MuiStepConnector-line {
  border-color: var(--level-6) !important;
}

.MuiStepLabel-alternativeLabel {
  color: var(--text-color) !important;
  font-family: "Josefin Sans" !important;
}

.MuiTypography-root {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--text-color);
}

.loading-time {
  text-align: center;
}
.loading-time span {
  font-weight: 500;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.loading-time h4 {
  color: #15803d;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}
.loading-time .error-heading {
  color: #c53030;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}
.loading-time__btn {
  display: flex;
  justify-content: flex-end;
}

.loading-gif {
  width: 150px;
}

.vertical-line {
  border-left: 4px solid var(--level-4);
  margin-top: 5px;
}

.ReactModal__Content,
.ReactModal__Content--after-open,
.feedemand__table .total,
.demand-fee__table .total,
.student-fee-receipt__table .total,
.non-demandfee-payable__table .total,
.refund-academic-fee__table .total,
.std-complete-fee-receipt__frame--table .total {
  background: var(--modal-bg-color) !important;
  color: var(--text-color) !important;
}

.activefinancialyearIcon,
.theme-image,
.transport-icon,
.modal-close-icon,
.data-fetch-icon {
  filter: invert(0%);
}

.MuiSvgIcon-root .MuiSelect-icon {
  fill: var(--text-color) !important;
}

.MuiFormLabel-root,
.MuiInputLabel-root {
  color: var(--text-color) !important;
  font-family: "Josefin Sans" !important;
}

.MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--border-color) !important;
}

.MuiInputBase-input {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}

.inst-name {
  font-family: "Josefin Sans" !important;
}

.selected-row {
  background-color: var(--level-4) !important;
}
.selected-row .pointer-icon {
  width: 12px;
}
.selected-row td {
  color: white !important;
}
.selected-row:hover td {
  background-color: var(--level-4) !important;
}

.MuiTableRow-root .Mui-selected {
  background-color: var(--level-4) !important;
}
.MuiTableRow-root .Mui-selected td {
  color: white !important;
}

.LedgerEditWarning {
  padding-top: 2%;
  text-align: right;
  color: red;
  font-family: "Josefin Sans" !important;
}

.down-arrow-autocomplete {
  width: 18px;
}

.admission-no {
  color: var(--level-7);
  font-weight: bold;
}

.MuiSnackbar-anchorOriginTopCenter {
  top: 50% !important;
}

.chat-icon {
  width: 30px !important;
}

.danger {
  background: rgb(211, 110, 110);
}

.MuiStepLabel-label {
  font-family: "Josefin Sans" !important;
}

.td-green {
  color: #079e52 !important;
  font-weight: bold !important;
}

.td-red {
  color: rgb(162, 17, 17) !important;
  font-weight: bold !important;
}

.MuiAutocomplete-listbox {
  font-size: 12px !important;
  font-family: "Josefin Sans" !important;
}

.MuiAutocomplete-option:hover {
  background-color: var(--level-2) !important;
}
.MuiAutocomplete-option:focus {
  background-color: var(--level-2) !important;
}

progress {
  margin-top: 15px;
  width: 100%;
  height: 12px;
}

.none {
  display: none !important;
}

progress::-webkit-progress-bar {
  background: var(--border-color) !important;
  border-radius: 6px;
}

progress::-webkit-progress-value {
  background-color: #079e52 !important;
  border-radius: 6px;
}

.sticky-table-no-border {
  border-style: none !important;
  padding-left: 0px !important;
}

.image-preview {
  height: 120px;
  width: 120px;
  margin: auto;
  display: block;
  margin-top: 10px;
}

.events-none {
  pointer-events: none;
  opacity: 0.3;
}

.desktop-error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.eduate-success-message .MuiSvgIcon-root {
  fill: white !important;
}

.MuiInputBase-root .Mui-disabled {
  background-color: var(--disabled-color) !important;
  opacity: 1;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold;
  z-index: 5;
}

.MuiAutocomplete-root {
  width: 100%;
}

.Mui-checked {
  color: var(--level-5) !important;
}

.MuiCheckbox-root {
  padding: 0px !important;
}

.MuiAutocomplete-endAdornment {
  right: 10px !important;
}

.MuiTooltip-popper {
  z-index: 9999 !important;
}

.documents-upload {
  display: grid;
  grid-template-columns: 0.85fr 1.5fr 0.6fr;
}
.documents-upload--filename {
  display: flex;
  column-gap: 5px;
  height: 30px;
  border: 1px solid var(--border-color);
  background-color: var(--disabled-color);
  margin-top: 10px;
  border-radius: 6px;
  margin-right: 10px;
}
.documents-upload--filename img {
  width: 25px;
}
.documents-upload--filename span {
  font-size: 14px;
  color: var(--text-color);
  width: calc(100% - 60px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-family: "Josefin Sans" !important;
}

.cal-bg-green {
  background-color: #4ade80 !important;
}

.cal-bg-red {
  background-color: #dc2626 !important;
}

.cal-bg-amber {
  background-color: #f59e0b !important;
}

.max_error {
  background-color: red !important;
  color: white !important;
}

.image-opacity {
  opacity: 0.3;
}

ol {
  padding-left: 1.6rem !important;
}

.flex_error {
  height: calc(100% - 50px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.rotate-img {
  transform: rotate(180deg) !important;
}

.months-list {
  display: grid;
  grid-template-columns: auto auto auto;
}

.month_name {
  margin: 5px;
  padding: 5px;
  border: 2px solid var(--level-5);
  border-radius: 10px;
  box-shadow: black;
}
.month_name:hover {
  background-color: var(--level-5);
  color: white;
}

.react-tel-input {
  top: 10px;
  font-family: "Spline Sans Mono", monospace !important;
  height: 30px;
}
.react-tel-input .form-control {
  width: 100% !important;
  height: 30px !important;
  border: 1px solid var(--border-color) !important;
}
.react-tel-input .form-control:required {
  box-shadow: 3px 0px 0px red;
}
.react-tel-input .form-control:focus {
  border: 1px solid var(--level-3) !important;
}
.react-tel-input input {
  height: 30px;
}
.react-tel-input input:focus {
  box-shadow: none !important;
}
.react-tel-input .flag-dropdown {
  height: 30px;
  padding-right: 15px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  font-weight: 400;
}

.swipable-tabs {
  height: 100% !important;
}

.ql-toolbar {
  position: sticky;
  top: 0;
  background-color: #fff;
  border-style: none !important;
  z-index: 1;
  padding: 0px !important;
  border-top: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-left: none !important;
  border-right: none !important;
}

.ql-container {
  border-style: none !important;
  height: calc(100% - 25px) !important;
}

.ql-editor {
  padding: 5px !important;
  height: 105px !important;
}
.ql-editor p {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.ql-editor::placeholder {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.ql-editor u {
  text-decoration: underline;
}
.ql-editor s {
  text-decoration: line-through;
}

.student-autocomplete {
  display: flex;
}
.student-autocomplete .MuiAutocomplete-root,
.student-autocomplete .data-fetch-icon {
  margin-top: 10px !important;
}

.bg-grey {
  background-color: grey !important;
}

.bg-green {
  background-color: #dcfce7;
}

.bg-red {
  background-color: #fee2e2;
}

.bg-yellow {
  background-color: #fef9c3;
}

.bg-Grey {
  background-color: #f1f5f9;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.time-input {
  border: 1px solid var(--border-color);
  width: 65px;
  display: flex;
  height: 30px;
  color: black;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  align-items: center;
}
.time-input input {
  height: 100%;
  width: 30px;
  caret-color: transparent;
  text-align: center;
  border-radius: 0;
}
.time-input input:focus {
  background-color: var(--level-2);
}

.hide-td button,
.hide-td input,
.hide-td span,
.hide-td .storybook-input,
.hide-td .MuiFormControl-root,
.hide-td .MuiInputBase-root,
.hide-td img {
  display: none !important;
}

.ql-editor ul {
  list-style-type: disc;
}

.ql-editor ol {
  list-style-type: decimal;
}

.ql-spacing {
  display: flex;
  justify-content: space-between;
}

.ql-editor td,
.ql-editor th {
  text-align: left;
}

.predefined-select {
  position: relative;
}
.predefined-select li {
  padding: 5px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.predefined-select li:hover {
  background-color: var(--level-1);
}

.list-tag {
  position: absolute;
  top: 100%; /* Position below the input */
  left: 0;
  z-index: 1000; /* Ensure it overlays other content */
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%; /* Match the width of the input */
  max-height: 200px; /* Add a max height to limit the size */
  overflow-y: auto; /* Allow scrolling if options exceed max height */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.selected-item {
  background-color: var(--border-color);
}

.overall-total-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin-right: 20px;
}
.overall-total-count b {
  background-color: var(--level-5);
  color: white;
  width: 30px;
  height: 25px;
  margin-left: 10px;
  justify-content: center;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.predefined-select {
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-top: 10px;
}
.predefined-select li {
  padding: 5px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.predefined-select li:hover {
  background-color: var(--level-1);
}

.main-frame {
  border-radius: 15px;
  padding: 10px;
  margin: 10px 10px 0px 10px;
  height: calc(100% - 100px);
}

.frame-space {
  margin-top: 20px;
}

.booktype-right, .booktype-left {
  border: 1px solid #cbd5e0;
  border-radius: 40px 0px 0px 0px;
  margin: 10px 10px 0px 10px;
  padding: 10px 10px 5px 10px;
}

.booktype-left {
  border-radius: 0px 40px 0px 0px;
}

.account-frames {
  border: 1px solid #cbd5e0;
  margin: 10px 10px 0px 10px;
  padding: 5px 10px 10px 5px;
  border-radius: 6px;
}

.h-30 {
  height: calc(100% - 30px);
}

.h-60 {
  height: calc(100% - 60px);
}

.h-70 {
  height: calc(100% - 70px);
}

.h-90 {
  height: calc(100% - 90px);
}

.h-95 {
  height: calc(100% - 95px);
}

.h-120 {
  height: calc(100% - 120px);
}

.h-125 {
  height: calc(100% - 125px);
}

.h-130 {
  height: calc(100% - 130px);
}

.h-140 {
  height: calc(100% - 140px);
}

.h-150 {
  height: calc(100% - 150px);
}

.h-155 {
  height: calc(100% - 155px);
}

.h-160 {
  height: calc(100% - 160px);
}

.h-165 {
  height: calc(100% - 165px);
}

.h-170 {
  height: calc(100% - 170px);
}

.h-175 {
  height: calc(100% - 175px);
}

.h-180 {
  height: calc(100% - 180px);
}

.h-185 {
  height: calc(100% - 185px);
}

.h-190 {
  height: calc(100% - 190px);
}

.h-200 {
  height: calc(100% - 200px);
}

.h-215 {
  height: calc(100% - 215px);
}

.h-220 {
  height: calc(100% - 220px);
}

.h-235 {
  height: calc(100% - 235px);
}

.h-240 {
  height: calc(100% - 240px);
}

.h-225 {
  height: calc(100% - 225px);
}

.h-265 {
  height: calc(100% - 265px);
}

.h-270 {
  height: calc(100% - 270px);
}

.h-275 {
  height: calc(100% - 275px);
}

.h-290 {
  height: calc(100% - 290px);
}

.h-300 {
  height: calc(100% - 300px);
}

.h-340 {
  height: calc(100% - 340px);
}

.h-430 {
  height: calc(100% - 430px);
}

.label-grid {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
}

.select-grid {
  display: grid;
  grid-template-columns: 1.2fr 3.4fr;
}

.layout-80 {
  height: calc(100% - 80px);
}

.details {
  background: var(--level-5);
  width: 100%;
  height: 35px;
  color: white;
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.details > h4 {
  font-family: "Josefin Sans" !important !important;
  font-size: 18px;
  text-align: center;
  line-height: 36px;
  font-weight: 500;
}
.details > h4 img {
  filter: invert(100%);
  padding-right: 10px;
}

.button-left {
  margin-left: 20px;
}

.parent-std-association, .parent-std-association--update {
  height: calc(100% - 180px);
}
.parent-std-association--update {
  height: calc(100% - 147px);
}
.parent-std-association .data-fetch-icon, .parent-std-association--update .data-fetch-icon {
  margin-left: 0px;
  margin-top: 10px;
}
.parent-std-association__tableblock {
  height: calc(100% - 133px);
  margin-top: 10px;
}
.parent-std-association__table {
  max-height: 100%;
}
.parent-std-association__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.parent-std-association__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.parent-std-association__table td img:hover,
.parent-std-association__table td a:hover {
  cursor: pointer;
}
.parent-std-association__table tbody {
  background-color: var(--level-1);
}
.parent-std-association__table tbody tr:hover {
  background-color: var(--level-2);
}
.parent-std-association__table tbody tr:hover td {
  color: var(--level-7);
}
.parent-std-association__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.parent-std-association__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.parent-std-association__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.parent-std-association__table--desc {
  width: 10%;
}
.parent-std-association__table--actions {
  width: 5%;
}
.parent-std-association__image-flex {
  display: flex;
  column-gap: 10px;
}
.parent-std-association__image-flex .MuiAutocomplete-root {
  margin-top: 10px;
}

.container__table {
  max-height: 100%;
}
.container__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.container__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.container__table td img:hover,
.container__table td a:hover {
  cursor: pointer;
}
.container__table tbody {
  background-color: var(--level-1);
}
.container__table tbody tr:hover {
  background-color: var(--level-2);
}
.container__table tbody tr:hover td {
  color: var(--level-7);
}
.container__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.container__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.container__table tr:hover .container__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.container__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.container__table--mobile {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.container__table--action {
  width: 8%;
}
.container__table--action--image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.container__table--cperson {
  width: 10%;
}
.container__table--place {
  width: 15%;
}
.container__table--email {
  width: 10%;
}
.container__table--th-slno {
  width: 5%;
}
.container__table--th-mobile {
  width: 7%;
}

.container__list {
  height: calc(100% - 265px);
  margin: 10px 20px 0px 20px;
}
.container__list--addnew {
  display: flex;
  margin-left: auto !important;
  justify-content: flex-end;
  margin-right: 20px !important;
}

#customerlist {
  height: calc(100% - 155px);
}

#staff-list {
  height: calc(100% - 150px);
}

.MuiTableContainer-root::-webkit-scrollbar,
.MuiDataGrid-columnsManagement::-webkit-scrollbar,
.MuiDataGrid-panelContent::-webkit-scrollbar,
.MuiDataGrid-scrollbar::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.MuiTableContainer-root::-webkit-scrollbar-thumb,
.MuiDataGrid-columnsManagement::-webkit-scrollbar-thumb,
.MuiDataGrid-panelContent::-webkit-scrollbar-thumb,
.MuiDataGrid-scrollbar::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.MuiTableContainer-root::-webkit-scrollbar-thumb:hover,
.MuiDataGrid-columnsManagement::-webkit-scrollbar-thumb:hover,
.MuiDataGrid-panelContent::-webkit-scrollbar-thumb:hover,
.MuiDataGrid-scrollbar::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.MuiAutocomplete-listbox::-webkit-scrollbar,
.country-list::-webkit-scrollbar,
.MuiInputBase-inputMultiline::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.MuiAutocomplete-listbox::-webkit-scrollbar-thumb,
.country-list::-webkit-scrollbar-thumb,
.MuiInputBase-inputMultiline::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.MuiAutocomplete-listbox::-webkit-scrollbar-thumb:hover,
.country-list::-webkit-scrollbar-thumb:hover,
.MuiInputBase-inputMultilineMuiInputBase-inputMultiline::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.menus {
  height: 30px;
  background-color: var(--level-6);
}
.menus .active {
  color: var(--level-6) !important;
}
.menus .active:hover {
  text-decoration: none !important;
}
.menus .border-right {
  border-right: 2px dashed var(--border-color);
  height: 100%;
}
.menus hr {
  width: 50px;
  border: 1px solid var(--level-7);
  border-radius: 6px;
  margin: 0px;
  opacity: 1 !important;
}
.menus ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.menus li {
  float: left;
}
.menus .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  padding: 5px 10px;
  height: 30px;
  background-color: var(--level-6);
  border-radius: 0px;
}
.menus .dropbtn .MuiSvgIcon-root {
  font-size: 14px;
}
.menus .dropbtn:hover {
  background-color: white;
  color: var(--level-6) !important;
}
.menus .dropbtn:hover .MuiSvgIcon-root {
  transform: rotate(90deg);
}
.menus .dropbtn:hover .menus__dropdown-content {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16.1333332062px);
}
.menus li.menus__dropdown {
  display: inline-block;
}
.menus .image-white {
  filter: invert(100%);
}
.menus__dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  padding: 5px 10px;
  overflow: hidden;
  height: fit-content;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16.1333332062px);
}
.menus__dropdown-content:hover .dropbtn {
  background-color: white;
  color: var(--level-6) !important;
}
.menus__dropdown-content:hover .dropbtn .MuiSvgIcon-root {
  transform: rotate(90deg);
}
.menus__dropdown-content--flex {
  display: flex;
  column-gap: 10px;
}
.menus__dropdown-content--title {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.menus__dropdown-content--title h6 {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: var(--text-color);
  font-weight: 700;
}
.menus__dropdown-content--image {
  background-color: var(--level-6);
  border-radius: 6px;
}
.menus__dropdown-content--image img {
  width: 40px;
  height: 40px;
  padding: 2px;
}
.menus__dropdown-content--routes {
  margin-top: 5px;
  padding: 3px 5px;
  display: block !important;
  text-align: left !important;
  color: var(--text-color) !important;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.menus__dropdown-content--routes:hover {
  color: var(--level-5) !important;
  text-decoration: underline;
}

.menus__dropdown:hover .menus__dropdown-content {
  display: block;
}

.menus__dropdown-content--routes {
  color: black !important;
  padding: 5px;
  text-decoration: none;
  border-radius: 2px;
}

li .menus__dropdown-content--routes:hover,
.menus__dropdown:hover .dropbtn {
  background-color: white;
  color: var(--text-color);
}

.menus__dropdown.active > button {
  background-color: var(--bg-color);
  color: var(--level-6) !important;
  border-radius: 2px;
}

.print-receipts {
  height: 100%;
  width: 100%;
}
.print-receipts span,
.print-receipts b {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.print-receipts__ss {
  display: flex;
  gap: 30px;
  width: 100%;
  height: calc(100% - 45px);
}
.print-receipts__ff {
  height: calc(100% - 50px);
  width: 100%;
}
.print-receipts__dd {
  width: 100%;
  height: calc(100% - 10px);
}

.print-receipts__ff::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.print-receipts__ff::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.print-receipts__ff::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.configurations-image {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 35px;
  right: 15px;
}
.configurations-image:hover {
  background-color: #f3f4f6;
}

.calendar-for-input--title {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-bottom: 10px;
}
.calendar-for-input--title img {
  width: 20px;
}
.calendar-for-input--grid-container {
  height: fit-content;
  width: 230px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto auto auto auto auto auto;
  /* Rows will adjust to fit content */
  gap: 5px;
}
.calendar-for-input--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
  height: 20px;
  font-weight: 700;
  color: var(--text-color);
}
.calendar-for-input--date {
  text-align: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 11px;
  height: 20px;
  border-radius: 2px;
  padding: 3px;
  color: var(--text-color);
}
.calendar-for-input--date:hover {
  background-color: var(--level-2);
}
.calendar-for-input--textfield {
  margin: 0px 0px 0px 0px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.calendar-for-input--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.calendar-for-input--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.calendar-for-input--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.calendar-for-input--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.calendar-for-input--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.calendar-for-input--textfield {
  width: fit-content !important;
}

.td-sl-no {
  width: 60px;
  font-family: "Spline Sans Mono", monospace !important;
}

.td-adm-no {
  font-family: "Josefin Sans" !important;
  width: 120px;
}

.td-marks {
  width: 150px;
}

.td-amount {
  width: 150px !important;
  max-width: 150px !important;
  margin-right: 10px;
}

.td-actions-print {
  width: 200px;
}
.td-actions-print img {
  width: 20px;
}

.td-actions-plan {
  min-width: 200px !important;
  max-width: 200px !important;
}
.td-actions-plan img {
  width: 20px;
}

.td-actions-view {
  min-width: 120px !important;
  max-width: 120px !important;
}
.td-actions-view img {
  width: 20px;
}

.td-actions {
  min-width: 200px !important;
  max-width: 200px !important;
}
.td-actions img {
  width: 20px;
}

.td-actions-print-header {
  width: 200px;
}
.td-actions-print-header img {
  width: 20px;
}

.td-name {
  width: 200px;
}

.td-sub {
  width: 120px;
}

.td-sub-code {
  width: 100px;
}

.td-date {
  width: 100px;
  font-family: "Spline Sans Mono", monospace !important;
}

.td-number {
  width: 60px;
  font-family: "Spline Sans Mono", monospace !important;
}

.td-mobile {
  width: 150px;
  font-family: "Spline Sans Mono", monospace !important;
}

.td-status {
  width: 80px;
  font-family: "Spline Sans Mono", monospace !important;
  padding: 0px !important;
}
.td-status__cell {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.td-status__more {
  width: 25px;
  filter: invert(0%);
}
.td-status__more:hover {
  background: white;
  border-radius: 50%;
}

.td-sub-type {
  width: 120px;
}

.td-att-present, .td-att-percentage, .td-att-absent {
  width: 150px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #22c55e !important;
}

.td-att-absent {
  color: #ef4444 !important;
}

.td-att-percentage {
  padding: 0px 0px !important;
  text-align: center;
}

.td-results {
  width: 80px;
}

.td-std-type {
  width: 80px;
}

.td-gender {
  width: 80px;
}

.td-yes {
  width: 80px;
}

.td-remarks {
  width: 120px;
}

.allocatesubjects {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 95px);
}
.allocatesubjects__select-flex {
  column-gap: 10px;
}
.allocatesubjects__select-flex--button {
  display: flex;
  margin-left: auto !important;
  justify-content: flex-end;
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.allocatesubjects__table {
  max-height: 100%;
}
.allocatesubjects__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.allocatesubjects__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.allocatesubjects__table td img:hover,
.allocatesubjects__table td a:hover {
  cursor: pointer;
}
.allocatesubjects__table tbody {
  background-color: var(--level-1);
}
.allocatesubjects__table tbody tr:hover {
  background-color: var(--level-2);
}
.allocatesubjects__table tbody tr:hover td {
  color: var(--level-7);
}
.allocatesubjects__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.allocatesubjects__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.allocatesubjects__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.allocatesubjects__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.allocatesubjects__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.allocatesubjects__table .MuiFormControl-root {
  margin-top: 0px !important;
}
.allocatesubjects__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.allocatesubjects__table--th-slno {
  width: 4%;
}
.allocatesubjects__table--code {
  width: 14%;
}
.allocatesubjects__table--actions {
  width: 10%;
}
.allocatesubjects__table--row {
  background-color: #fef08a;
  background: hsl(55, 79%, 94%);
}
.allocatesubjects__table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.allocatesubjects__table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.allocatesubjects__table--row .MuiInputBase-input {
  height: 15px !important;
}
.allocatesubjects__table--row td {
  padding: 0px !important;
}
.allocatesubjects__table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.allocatesubjects__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.allocatesubjects__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.allocatesubjects__table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.allocatesubjects__table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.allocatesubjects__table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.allocatesubjects__table--row .MuiAutocomplete-root,
.allocatesubjects__table--row .auto-complete:focus {
  background-color: var(--bg-color) !important;
}
.allocatesubjects__table--row input:focus {
  background-color: white;
}
.allocatesubjects__table--row td {
  color: #000 !important;
}
.allocatesubjects__table-block {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.allocatesubjects__copy {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.allocatesubjects__copy--details {
  column-gap: 10px;
}
.allocatesubjects__copy--tableblock {
  height: calc(100% - 90px);
  margin: 10px 0px 10px 0px;
}
.allocatesubjects__copy--table {
  max-height: 100%;
}
.allocatesubjects__copy--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.allocatesubjects__copy--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.allocatesubjects__copy--table td img:hover,
.allocatesubjects__copy--table td a:hover {
  cursor: pointer;
}
.allocatesubjects__copy--table tbody {
  background-color: var(--level-1);
}
.allocatesubjects__copy--table tbody tr:hover {
  background-color: var(--level-2);
}
.allocatesubjects__copy--table tbody tr:hover td {
  color: var(--level-7);
}
.allocatesubjects__copy--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.allocatesubjects__copy--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.enter-image {
  width: 25px;
  height: 20px;
}

.associate-elective-subjects {
  height: calc(100% - 140px);
}
.associate-elective-subjects__select-flex {
  margin: 10px 20px 0px 20px;
  column-gap: 10px;
}
.associate-elective-subjects__select-flex .MuiChip-root {
  height: 18px !important;
  font-size: 12px !important;
  font-family: "Josefin Sans" !important;
}
.associate-elective-subjects__select-flex .container__list--addnew {
  margin-right: 0px;
  margin-top: 0px;
}
.associate-elective-subjects__tableblock {
  height: calc(100% - 50px);
  margin: 10px 10px 0px 10px;
}
.associate-elective-subjects__tableblock--title {
  border-bottom: 1.5px dashed var(--border-color);
  margin-right: 5px;
  padding-bottom: 5px;
  height: 40px;
}
.associate-elective-subjects__tableblock--title #search {
  margin-top: 0px;
}
.associate-elective-subjects__tableblock--title .subtitle1 {
  text-align: left;
}
.associate-elective-subjects__tableblock--title2 {
  border-bottom: 1.5px dashed var(--border-color);
  padding-bottom: 5px;
  height: 40px;
}
.associate-elective-subjects__tableblock--swap-image {
  width: 40px;
  text-align: center;
  margin: auto;
}
.associate-elective-subjects__tableblock--swap-image img {
  background-color: white;
  padding: 5px;
  width: 40px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.associate-elective-subjects__tableblock--table {
  max-height: 100%;
}
.associate-elective-subjects__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.associate-elective-subjects__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.associate-elective-subjects__tableblock--table td img:hover,
.associate-elective-subjects__tableblock--table td a:hover {
  cursor: pointer;
}
.associate-elective-subjects__tableblock--table tbody {
  background-color: var(--level-1);
}
.associate-elective-subjects__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.associate-elective-subjects__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.associate-elective-subjects__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.associate-elective-subjects__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.associate-elective-subjects__tableblock--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.associate-elective-subjects__tableblock--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.associate-elective-subjects__tableblock--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.associate-elective-subjects__tableblock--table {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.associate-elective-subjects__tableblock--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.associate-elective-subjects__tableblock--table--th-slno {
  width: 8%;
}
.associate-elective-subjects__tableblock--table--code {
  width: 14%;
}

.add-test {
  margin: 0px 10px 0px 10px;
}
.add-test__label-grid {
  display: grid;
  grid-template-columns: 0.8fr 3fr;
}

.view-allocated-subjects__select-flex {
  column-gap: 10px;
  margin-top: 10px;
}
.view-allocated-subjects__tableblock {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.view-allocated-subjects__table {
  max-height: 100%;
}
.view-allocated-subjects__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.view-allocated-subjects__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.view-allocated-subjects__table td img:hover,
.view-allocated-subjects__table td a:hover {
  cursor: pointer;
}
.view-allocated-subjects__table tbody {
  background-color: var(--level-1);
}
.view-allocated-subjects__table tbody tr:hover {
  background-color: var(--level-2);
}
.view-allocated-subjects__table tbody tr:hover td {
  color: var(--level-7);
}
.view-allocated-subjects__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.view-allocated-subjects__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.view-allocated-subjects__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-allocated-subjects__table--th-slno {
  width: 5%;
}
.view-allocated-subjects__table--code {
  width: 10%;
}

.view-allocated-subjects__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.view-allocated-subjects__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.view-allocated-subjects__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.academic-subject-details {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 265px);
}
.academic-subject-details__toggle-buttons {
  display: flex;
  justify-content: space-between;
}
.academic-subject-details__form-labels .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}

.sub-allocation {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.sub-allocation__cards {
  height: 50px;
}
.sub-allocation__cards--list {
  height: 100%;
  display: flex;
  column-gap: 10px;
}
.sub-allocation__cards--grid {
  background-color: #f1f5f9;
  height: 100%;
  width: 230px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  padding: 0px 8px;
}
.sub-allocation__cards--grid img {
  width: 30px;
}
.sub-allocation__cards--grid span {
  width: calc(100% - 50px);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.sub-allocation__cards--grid b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.sub-allocation__filters {
  margin-top: 15px;
  column-gap: 10px;
}
.sub-allocation__tableblock {
  margin-top: 10px;
  height: calc(100% - 150px);
}
.sub-allocation__tableblock--elective {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.sub-allocation__table {
  max-height: 100%;
}
.sub-allocation__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.sub-allocation__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.sub-allocation__table td img:hover,
.sub-allocation__table td a:hover {
  cursor: pointer;
}
.sub-allocation__table tbody {
  background-color: var(--level-1);
}
.sub-allocation__table tbody tr:hover {
  background-color: var(--level-2);
}
.sub-allocation__table tbody tr:hover td {
  color: var(--level-7);
}
.sub-allocation__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.sub-allocation__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.sub-allocation__table--actions {
  width: 15%;
}
.sub-allocation__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sub-allocation__table .allocate-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.sub-allocation__table .allocate-button img {
  width: 15px;
  margin-left: 10px;
}
.sub-allocation__table .view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.sub-allocation__table .view-button img {
  width: 20px;
}
.sub-allocation__table .update-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.sub-allocation__table .update-button img {
  width: 15px;
  margin-left: 10px;
}
.sub-allocation__table .update-button {
  margin: 5px;
}
.sub-allocation__table .delete-button {
  background-color: #dc2626;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.sub-allocation__table .delete-button img {
  width: 20px;
}
.sub-allocation__view {
  height: calc(100% - 30px);
}
.sub-allocation__view--details {
  column-gap: 10px;
}
.sub-allocation__view--details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.sub-allocation__view--details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.sub-allocation__view--details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.sub-allocation__view--details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.sub-allocation__view--details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.sub-allocation__view--details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.sub-allocation__view--details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.sub-allocation__view--tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.sub-allocation__view--table {
  max-height: 100%;
}
.sub-allocation__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.sub-allocation__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.sub-allocation__view--table td img:hover,
.sub-allocation__view--table td a:hover {
  cursor: pointer;
}
.sub-allocation__view--table tbody {
  background-color: var(--level-1);
}
.sub-allocation__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.sub-allocation__view--table tbody tr:hover td {
  color: var(--level-7);
}
.sub-allocation__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.sub-allocation__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.sub-allocation__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sub-allocation__view--table--code {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sub-allocation__view--table--type {
  width: 6%;
}
.sub-allocation__view--reorder {
  height: 100%;
}
.sub-allocation__view--reorder--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.sub-allocation__view--reorder--title img:hover {
  background-color: #f3f4f6;
}
.sub-allocation__view--reorder--filters {
  height: 30px;
  margin-top: 10px;
}
.sub-allocation__view--reorder--filters .storybook-input {
  margin-top: 0px !important;
}
.sub-allocation__view--reorder--tableblock {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.sub-allocation__types {
  height: 100%;
}
.sub-allocation__types--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.sub-allocation__types--title img:hover {
  background-color: #f3f4f6;
}
.sub-allocation__types--image {
  width: 50px;
  height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sub-allocation__types--image img {
  width: 100%;
  height: 100%;
}
.sub-allocation__types--ul {
  margin-bottom: 0px !important;
}
.sub-allocation__types--ul li {
  display: flex;
  align-items: center;
  padding: 8px 2px;
  border: 1px solid var(--border-color);
  margin-top: 5px;
}
.sub-allocation__types--ul li img {
  width: 40px;
  height: 40px;
}
.sub-allocation__types--ul li {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--level-5);
}
.sub-allocation__types--ul li:hover {
  background-color: var(--level-1);
  border-radius: 6px;
}
.sub-allocation__warning {
  height: 100%;
  width: 100%;
}
.sub-allocation__warning--title {
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
  width: 100%;
}
.sub-allocation__warning--close img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.sub-allocation__warning--close img:hover {
  background-color: #f3f4f6;
}

.test-planner__subject-allocation {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-planner__subject-allocation--elective {
  height: calc(100% - 45px);
}
.test-planner__subject-allocation--elective--tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.test-planner__subject-allocation--sub-list {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.test-planner__subject-allocation--select {
  column-gap: 10px;
  margin-top: 10px;
}
.test-planner__subject-allocation--buttons {
  display: flex;
  justify-content: flex-end;
  right: 0px;
}
.test-planner__subject-allocation--buttons .storybook-button {
  margin-top: 0px !important;
}
.test-planner__subject-allocation--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.test-planner__subject-allocation--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.test-planner__subject-allocation--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-planner__subject-allocation--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.test-planner__subject-allocation--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-planner__subject-allocation--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.test-planner__subject-allocation--tableblock {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.test-planner__subject-allocation--view {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.test-planner__subject-allocation--tableblock3 {
  margin-top: 15px;
  height: calc(100% - 75px);
}
.test-planner__subject-allocation--table {
  max-height: 100%;
}
.test-planner__subject-allocation--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.test-planner__subject-allocation--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.test-planner__subject-allocation--table td img:hover,
.test-planner__subject-allocation--table td a:hover {
  cursor: pointer;
}
.test-planner__subject-allocation--table tbody {
  background-color: var(--level-1);
}
.test-planner__subject-allocation--table tbody tr:hover {
  background-color: var(--level-2);
}
.test-planner__subject-allocation--table tbody tr:hover td {
  color: var(--level-7);
}
.test-planner__subject-allocation--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.test-planner__subject-allocation--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.test-planner__subject-allocation--table--row {
  background: hsl(55, 79%, 94%);
}
.test-planner__subject-allocation--table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.test-planner__subject-allocation--table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.test-planner__subject-allocation--table--row .MuiInputBase-input {
  height: 15px !important;
}
.test-planner__subject-allocation--table--row td {
  padding: 0px !important;
}
.test-planner__subject-allocation--table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.test-planner__subject-allocation--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.test-planner__subject-allocation--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.test-planner__subject-allocation--table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.test-planner__subject-allocation--table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.test-planner__subject-allocation--table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.test-planner__subject-allocation--table--row td {
  padding: 0px 0px !important;
}
.test-planner__subject-allocation--table--elective-row {
  background-color: #ef4444 !important;
}
.test-planner__subject-allocation--table--elective-row:hover {
  background-color: #ef4444 !important;
}
.test-planner__subject-allocation--table--elective-row:hover td {
  color: white !important;
}
.test-planner__subject-allocation--table--elective-row td {
  color: white;
}
.test-planner__subject-allocation--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.test-planner__subject-allocation--table--th-slno {
  width: 4%;
}
.test-planner__subject-allocation--table--code {
  width: 10%;
}
.test-planner__subject-allocation--table--type {
  width: 10%;
}
.test-planner__subject-allocation--table--actions {
  width: 4%;
}
.test-planner__subject-allocation--table--actions--more {
  width: 20px;
  filter: invert(100%);
}
.test-planner__subject-allocation--table--actions--more:hover {
  background-color: black;
  padding: 2px;
  border-radius: 50%;
}
.test-planner__subject-allocation--table--actions--add {
  filter: invert(100%);
  width: 20px;
}
.test-planner__subject-allocation--table--actions--li {
  margin-bottom: 10px;
  padding: 5px;
}
.test-planner__subject-allocation--table--actions--li:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.test-planner__subject-allocation--tableblock1 {
  height: calc(100% - 135px);
  margin-top: 10px;
}

.elective-sub {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.elective-sub__options {
  column-gap: 10px;
}
.elective-sub__options .MuiAutocomplete-root {
  margin-top: 10px;
}
.elective-sub__options .nodata {
  height: 35px;
  margin-top: 5px;
}
.elective-sub__view-tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.elective-sub__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.elective-sub__table {
  max-height: 100%;
}
.elective-sub__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.elective-sub__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.elective-sub__table td img:hover,
.elective-sub__table td a:hover {
  cursor: pointer;
}
.elective-sub__table tbody {
  background-color: var(--level-1);
}
.elective-sub__table tbody tr:hover {
  background-color: var(--level-2);
}
.elective-sub__table tbody tr:hover td {
  color: var(--level-7);
}
.elective-sub__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.elective-sub__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.elective-sub__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.elective-sub__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.elective-sub__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.elective-sub__move-to {
  height: calc(100% - 30px);
  padding: 0px 20px;
}
.elective-sub__move-to--tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}

.sub-allocation-individual {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.sub-allocation-individual--title {
  display: flex;
  color: var(--level-6);
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin-top: 10px;
}
.sub-allocation-individual--filters--total {
  margin-top: 10px;
  border-radius: 10px;
  background-color: #f9fafb;
  display: flex;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  width: fit-content;
  padding: 5px;
  display: flex;
  align-items: center;
}
.sub-allocation-individual--filters--total--number {
  background-color: var(--level-3);
  color: white;
  font-family: "Spline Sans Mono", monospace !important;
  padding: 2px 5px;
  margin-left: 5px;
}
.sub-allocation-individual--datablock {
  height: calc(100% - 175px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  overflow: auto;
  padding: 5px;
}
.sub-allocation-individual--datablock--grids {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}
.sub-allocation-individual--datablock--grid {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
  background-color: var(--level-1);
}
.sub-allocation-individual--datablock--grid--title {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  display: flex;
  justify-content: center;
}
.sub-allocation-individual--datablock--grid--span {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.sub-allocation-individual--datablock--grid--span span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.sub-allocation-individual--datablock--grid--span b {
  font-family: "Spline Sans Mono", monospace !important;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sub-allocation-individual--datablock--grid--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.sub-allocation-individual--datablock--grid--view img {
  width: 20px;
}
.sub-allocation-individual--datablock--grid--button {
  display: flex;
  justify-content: center;
}

.sub-allocation-comb {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.sub-allocation-comb__title {
  display: flex;
  color: var(--level-6);
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin-top: 10px;
}
.sub-allocation-comb__datablock {
  height: calc(100% - 130px);
  margin-top: 10px;
  display: flex;
  column-gap: 40px;
}
.sub-allocation-comb__datablock--search .student-total-count {
  display: flex;
  justify-content: flex-end;
}
.sub-allocation-comb__datablock--left, .sub-allocation-comb__datablock--right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: calc(100% - 400px);
  padding: 5px;
}
.sub-allocation-comb__datablock--right {
  width: 400px;
}
.sub-allocation-comb__datablock--std-list {
  height: calc(100% - 30px);
  width: calc(100% - 20px) !important;
}
.sub-allocation-comb__datablock--std-list--tableblock {
  margin-top: 10px;
  height: calc(100% - 60px);
  width: 100% !important;
}
.sub-allocation-comb__sub-list {
  height: calc(100% - 30px);
}
.sub-allocation-comb__sub-list--tableblock {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.sub-allocation-comb__sub-list--table {
  max-height: 100%;
}
.sub-allocation-comb__sub-list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.sub-allocation-comb__sub-list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.sub-allocation-comb__sub-list--table td img:hover,
.sub-allocation-comb__sub-list--table td a:hover {
  cursor: pointer;
}
.sub-allocation-comb__sub-list--table tbody {
  background-color: var(--level-1);
}
.sub-allocation-comb__sub-list--table tbody tr:hover {
  background-color: var(--level-2);
}
.sub-allocation-comb__sub-list--table tbody tr:hover td {
  color: var(--level-7);
}
.sub-allocation-comb__sub-list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.sub-allocation-comb__sub-list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.sub-allocation-comb__sub-list--table {
  height: calc(100% - 40px) !important;
}
.sub-allocation-comb__selected-students {
  height: 100%;
}
.sub-allocation-comb__selected-students--title {
  display: flex;
  justify-content: space-between;
}
.sub-allocation-comb__selected-students--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.sub-allocation-comb__selected-students--title img:hover {
  background-color: #f3f4f6;
}
.sub-allocation-comb__selected-students--b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--level-5);
}
.sub-allocation-comb__selected-students--tableblock {
  height: calc(100% - 145px);
  margin-top: 10px;
}

.add-remarks {
  height: 100%;
  position: relative;
}
.add-remarks__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.add-remarks__title img:hover {
  background-color: #f3f4f6;
}
.add-remarks__title b {
  color: var(--level-6) !important;
}
.add-remarks__block {
  height: calc(100% - 75px);
  display: block;
  margin: auto;
  padding-top: 30px;
}
.add-remarks__block--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.add-remarks__block--flex .storybook-button {
  width: 100px;
  height: fit-content;
}
.add-remarks__block ul {
  margin-bottom: 0px !important;
  height: calc(100% - 120px);
  margin-top: 10px;
  overflow: auto;
}
.add-remarks__block ul .highlight-remark {
  color: var(--level-2);
}
.add-remarks__block ul li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 5px;
  font-family: "Josefin Sans" !important;
  border-bottom: 1px dashed var(--border-color);
}
.add-remarks__block ul li img {
  width: 20px;
  height: 20px;
}

.calendar-events {
  height: calc(100% - 95px);
  margin: 10px 20px 0px 20px;
}
.calendar-events__data {
  height: calc(100% - 45px);
  column-gap: 20px;
}
.calendar-events__data--calendar {
  margin-top: 20px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}
.calendar-events__data--calendar .react-calendar {
  width: 100%;
}
.calendar-events__data--calendar .react-calendar__navigation button {
  font-size: 30px !important;
}
.calendar-events__data--calendar .react-calendar__navigation span {
  font-size: 18px !important;
}
.calendar-events__data--options {
  margin-top: 20px;
}
.calendar-events__data--list {
  height: calc(50% - 10px);
  overflow: auto;
}
.calendar-events__data--list li {
  display: flex;
  column-gap: 10px;
}
.calendar-events__data--list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.calendar-events__data--list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.calendar-events__data--list--events b {
  font-family: "Josefin Sans" !important;
}
.calendar-events__data--list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.calendar-events__data--list--events:hover {
  background-color: var(--level-3);
}

.calendar-events__data--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.calendar-events__data--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.calendar-events__data--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.holiday-list {
  height: calc(100% - 95px);
  margin: 10px 20px 0px 20px;
}
.holiday-list .subtitle1 {
  margin-top: 10px;
}
.holiday-list__data {
  height: calc(100% - 45px);
  column-gap: 40px;
}
.holiday-list__data--calendar {
  margin-top: 15px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}
.holiday-list__data--calendar .react-calendar {
  width: 100%;
}
.holiday-list__data--calendar .react-calendar__navigation button {
  font-size: 30px !important;
}
.holiday-list__data--calendar .react-calendar__navigation span {
  font-size: 18px !important;
}
.holiday-list__data--calendar .react-calendar__year-view__months__month {
  font-family: "Josefin Sans" !important;
  padding: 6px;
}
.holiday-list__data--calendar .react-calendar__tile--now {
  background: var(--level-5) !important;
  color: white;
}
.holiday-list__data--options {
  margin-top: 20px;
}
.holiday-list__data--details {
  column-gap: 10px;
  margin-top: 30px;
}
.holiday-list__data--column {
  height: 100%;
  overflow: auto;
}
.holiday-list__data--year {
  margin-top: 5px;
}
.holiday-list__table {
  margin-top: 55px;
  max-height: 100%;
}
.holiday-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.holiday-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.holiday-list__table td img:hover,
.holiday-list__table td a:hover {
  cursor: pointer;
}
.holiday-list__table tbody {
  background-color: var(--level-1);
}
.holiday-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.holiday-list__table tbody tr:hover td {
  color: var(--level-7);
}
.holiday-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.holiday-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.holiday-list__table {
  height: calc(50% - 55px);
}
.holiday-list__table--th-slno {
  width: 6%;
}
.holiday-list__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.holiday-list__table--date {
  font-family: "Spline Sans Mono", monospace !important;
  width: 20%;
}
.holiday-list__table--th-date {
  width: 20%;
}
.holiday-list__table--actions {
  width: 6%;
}
.holiday-list__table--status {
  width: 15%;
}
.holiday-list__list {
  height: calc(50% - 45px);
  margin-top: 10px;
  overflow: auto;
}
.holiday-list__list li {
  display: flex;
  gap: 10px;
}
.holiday-list__list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.holiday-list__list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.holiday-list__list--events b {
  font-family: "Josefin Sans" !important;
}
.holiday-list__list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}

.highlight {
  color: rgb(40, 75, 0) !important;
}

.holiday-list__list::-webkit-scrollbar,
.holiday-list__table::-webkit-scrollbar,
.holiday-list__data--column::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.holiday-list__list::-webkit-scrollbar-thumb,
.holiday-list__table::-webkit-scrollbar-thumb,
.holiday-list__data--column::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.holiday-list__list::-webkit-scrollbar-thumb:hover,
.holiday-list__table::-webkit-scrollbar-thumb:hover,
.holiday-list__data--column::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.holiday-entry {
  height: calc(100% - 170px);
  margin: 0px 20px 0px 20px;
}
.holiday-entry--modal {
  height: calc(100% - 40px);
}
.holiday-entry--modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.holiday-entry--modal--title img:hover {
  background-color: #f3f4f6;
}
.holiday-entry__details {
  height: 40px;
}
.holiday-entry__details .storybook-button {
  display: flex;
  justify-content: flex-end;
  margin: 0px 0px 0px auto !important;
}
.holiday-entry__data, .holiday-entry__data--modal {
  height: calc(100% - 90px);
  margin-top: 10px;
  column-gap: 30px;
}
.holiday-entry__data--modal {
  height: calc(100% - 50px);
}
.holiday-entry__data--left {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
}
.holiday-entry__data--right {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
}
.holiday-entry__data--right .MuiAutocomplete-root {
  margin-top: 10px;
}
.holiday-entry__data--right--details {
  column-gap: 10px;
}
.holiday-entry__data--right--icons {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  border-top: 1px dashed var(--border-color);
  padding: 5px;
}
.holiday-entry__data--right--icons img {
  border: 1px solid var(--border-color);
  border-radius: 50%;
  padding: 5px;
}
.holiday-entry__data--holiday-list {
  height: calc(100% - 80px);
  overflow: auto;
}
.holiday-entry__data--holiday-list li {
  display: flex;
  column-gap: 10px;
}
.holiday-entry__data--holiday-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.holiday-entry__data--holiday-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.holiday-entry__data--holiday-list--events b {
  font-family: "Josefin Sans" !important;
}
.holiday-entry__data--holiday-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.holiday-entry__data--holiday-list--desc {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.holiday-entry__new {
  height: calc(100% - 40px);
}
.holiday-entry__new--details {
  height: calc(100% - 45px);
  margin: 10px 0px 0px 0px;
  column-gap: 20px;
}
.holiday-entry__new--block {
  height: 100%;
  border: 1.8px dashed var(--border-color);
  padding: 10px;
}
.holiday-entry__new--block .subtitle1 {
  height: 50px;
}
.holiday-entry__new--block .select-all {
  margin-left: 0px !important;
}
.holiday-entry__new--block--weekend-list {
  height: calc(100% - 110px);
  margin-left: 20px;
  overflow: auto;
}
.holiday-entry__new--block--weekend-list .MuiButtonBase-root {
  padding: 0px !important;
}
.holiday-entry__new--block--list {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.holiday-entry__new--block--table {
  max-height: 100%;
}
.holiday-entry__new--block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.holiday-entry__new--block--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.holiday-entry__new--block--table td img:hover,
.holiday-entry__new--block--table td a:hover {
  cursor: pointer;
}
.holiday-entry__new--block--table tbody {
  background-color: var(--level-1);
}
.holiday-entry__new--block--table tbody tr:hover {
  background-color: var(--level-2);
}
.holiday-entry__new--block--table tbody tr:hover td {
  color: var(--level-7);
}
.holiday-entry__new--block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.holiday-entry__new--block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.holiday-entry__new--block--table--day {
  background-color: var(--bg-color);
}
.holiday-entry__new--block--table--day td {
  border-bottom: 1.8px dashed var(--border-color) !important;
  color: var(--level-5) !important;
  font-weight: bold;
}
.holiday-entry__new--block--holiday-list {
  height: calc(100% - 20px);
  overflow: auto;
}
.holiday-entry__new--block--holiday-list li {
  display: flex;
  column-gap: 10px;
}
.holiday-entry__new--block--holiday-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.holiday-entry__new--block--holiday-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.holiday-entry__new--block--holiday-list--events b {
  font-family: "Josefin Sans" !important;
}
.holiday-entry__new--block--holiday-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.holiday-entry__add .MuiAutocomplete-root {
  margin-top: 10px;
}
.holiday-entry__add--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.holiday-entry__add--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.holiday-entry__add--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.holiday-entry__add--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.holiday-entry__add--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.holiday-entry__add--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.holiday-entry__add--textfield {
  margin: 10px 0px 0px 0px !important;
}
.holiday-entry__add--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.holiday-entry__add--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.holiday-entry__add--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.holiday-entry__add--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.holiday-entry__add--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.holiday-entry__add--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.holiday-entry__add--textfield--date {
  width: fit-content;
  margin: 10px 0px 0px 0px !important;
}
.holiday-entry__add--select-options {
  margin-top: 15px;
}
.holiday-entry__calendar {
  height: 100%;
  border: 1px solid #edf2f7;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 5px;
}
.holiday-entry__calendar--grid-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height: calc(100% - 45px);
  margin-bottom: 0px !important;
  gap: 10px;
}
.holiday-entry__calendar--month {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 40px;
}
.holiday-entry__calendar--month img {
  width: 20px;
}
.holiday-entry__calendar--day {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.holiday-entry__calendar--date {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  position: relative;
}
.holiday-entry__calendar--date:hover {
  background-color: var(--level-1);
}

.holiday-entry__new--block--holiday-list::-webkit-scrollbar,
.calendar-holiday-list--data::-webkit-scrollbar,
.holiday-entry__new--block--weekend-list::-webkit-scrollbar,
.holiday-entry__data--holiday-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.holiday-entry__new--block--holiday-list::-webkit-scrollbar-thumb,
.calendar-holiday-list--data::-webkit-scrollbar-thumb,
.holiday-entry__new--block--weekend-list::-webkit-scrollbar-thumb,
.holiday-entry__data--holiday-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.holiday-entry__new--block--holiday-list::-webkit-scrollbar-thumb:hover,
.calendar-holiday-list--data::-webkit-scrollbar-thumb:hover,
.holiday-entry__new--block--weekend-list::-webkit-scrollbar-thumb:hover,
.holiday-entry__data--holiday-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.calendar-holiday-list {
  height: 100%;
}
.calendar-holiday-list--title {
  display: flex;
  justify-content: space-between;
}
.calendar-holiday-list--data {
  height: calc(100% - 120px);
  overflow: auto;
  margin-top: 10px;
}
.calendar-holiday-list--data--month {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.calendar-holiday-list--data--holidays {
  height: calc(100% - 140px);
}
.calendar-holiday-list--data--holiday-list li {
  display: flex;
  column-gap: 10px;
}
.calendar-holiday-list--data--holiday-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.calendar-holiday-list--data--holiday-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.calendar-holiday-list--data--holiday-list--events b {
  font-family: "Josefin Sans" !important;
}
.calendar-holiday-list--data--holiday-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.calendar-holiday-list--data--entry {
  height: calc(100% - 40px);
}
.calendar-holiday-list--data--vacations-list li {
  display: flex;
  column-gap: 10px;
}
.calendar-holiday-list--data--vacations-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border: 1px solid var(--border-color);
}
.calendar-holiday-list--data--vacations-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.calendar-holiday-list--data--vacations-list--events b {
  font-family: "Josefin Sans" !important;
}
.calendar-holiday-list--data--vacations-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.calendar-holiday-list--data--vacations-list span {
  column-gap: 10px;
}
.calendar-holiday-list--data--events-list li {
  display: flex;
  column-gap: 10px;
}
.calendar-holiday-list--data--events-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border: 1px solid var(--border-color);
}
.calendar-holiday-list--data--events-list--events b {
  font-family: "Spline Sans Mono", monospace !important;
}
.calendar-holiday-list--data--events-list--events span {
  font-family: "Josefin Sans" !important;
  color: var(--level-6);
  display: block;
}
.calendar-holiday-list--data--events-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.calendar-holiday-list--data--events-list span {
  column-gap: 10px;
}
.calendar-holiday-list--data--weekends-list--li {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
}
.calendar-holiday-list--data--weekends-list--date {
  color: #ef4444;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
}
.calendar-holiday-list--data--desc {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.calendar-holiday-list__add-holiday .MuiAutocomplete-root {
  margin-top: 10px;
}
.calendar-holiday-list__add-holiday {
  height: calc(100% - 70px);
}
.calendar-holiday-list__add-holiday .MuiSwitch-root {
  margin-left: 10px;
}

.vacation-entry {
  height: calc(100% - 180px);
  margin: 10px 20px 0px 20px;
}
.vacation-entry__block {
  height: calc(100% - 40px);
  column-gap: 40px;
}
.vacation-entry__block--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.vacation-entry__block--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.vacation-entry__block--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.vacation-entry__block--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.vacation-entry__block--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.vacation-entry__block--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.vacation-entry__block--textfield {
  margin: 10px 0px !important;
  width: fit-content !important;
}
.vacation-entry__block--frame {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 10px;
  border-radius: 6px;
}
.vacation-entry__block--frame--date {
  column-gap: 20px;
}
.vacation-entry__block--frame--details {
  column-gap: 10px;
}
.vacation-entry__block--frame--button {
  display: flex;
  justify-content: flex-end;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.vacation-entry__block--frame--holiday-list {
  height: calc(100% - 80px);
  overflow: auto;
  margin-top: 10px;
}
.vacation-entry__block--frame--holiday-list li {
  display: flex;
  column-gap: 10px;
}
.vacation-entry__block--frame--holiday-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.vacation-entry__block--frame--holiday-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.vacation-entry__block--frame--holiday-list--events b {
  font-family: "Josefin Sans" !important;
}
.vacation-entry__block--frame--holiday-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}

.vacation-entry__block--frame--holiday-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.vacation-entry__block--frame--holiday-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.vacation-entry__block--frame--holiday-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.customized-calendar {
  height: 100%;
}
.customized-calendar--month {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 5px;
}
.customized-calendar--month img {
  width: 20px;
  height: 20px;
}
.customized-calendar--grid-container {
  height: calc(100% - 60px);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto auto auto auto auto auto;
  padding: 0px 5px;
  gap: 5px;
}
.customized-calendar--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customized-calendar--grid-item, .present-day-in-calendar, .holidays-in-calendar {
  border-radius: 3px;
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.customized-calendar--grid-item ul, .present-day-in-calendar ul, .holidays-in-calendar ul {
  margin-bottom: 0px !important;
}
.customized-calendar--grid-item:hover, .present-day-in-calendar:hover, .holidays-in-calendar:hover {
  background-color: var(--level-2);
}
.customized-calendar--grid-item:hover .customized-calendar--date, .present-day-in-calendar:hover .customized-calendar--date, .customized-calendar--grid-item:hover .present-date-in-calendar, .present-day-in-calendar:hover .present-date-in-calendar, .customized-calendar--grid-item:hover .vacations-in-calendar, .present-day-in-calendar:hover .vacations-in-calendar, .holidays-in-calendar:hover .customized-calendar--date, .holidays-in-calendar:hover .present-date-in-calendar, .holidays-in-calendar:hover .vacations-in-calendar, .customized-calendar--grid-item:hover .weekends-in-calendar, .present-day-in-calendar:hover .weekends-in-calendar, .holidays-in-calendar:hover .weekends-in-calendar, .customized-calendar--grid-item:hover .customized-calendar--legends--box--vacations, .present-day-in-calendar:hover .customized-calendar--legends--box--vacations, .holidays-in-calendar:hover .customized-calendar--legends--box--vacations {
  font-weight: 700;
}
.customized-calendar--date, .present-date-in-calendar, .vacations-in-calendar, .weekends-in-calendar, .customized-calendar--legends--box--vacations {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
}
.customized-calendar--legends {
  display: flex;
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.customized-calendar--legends--box, .customized-calendar--legends--present-day, .customized-calendar--legends--events, .customized-calendar--legends--partially-marked, .customized-calendar--legends--un-marked, .customized-calendar--legends--marked, .customized-calendar--legends--holiday, .customized-calendar--legends--vacations {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.customized-calendar--legends--box--date {
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
}
.customized-calendar--legends--box--text {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  margin-top: 6px;
}
.customized-calendar--legends--box--vacations {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 2px solid red;
}
.customized-calendar--legends--box--vacations span {
  position: relative;
  z-index: 1;
}
.customized-calendar--legends--outline {
  display: flex;
  column-gap: 2px;
}
.customized-calendar--legends--vacations {
  position: relative;
}
.customized-calendar--legends--vacations--date {
  font-size: 12;
  font-family: "Spline Sans Mono", monospace !important;
}
.customized-calendar--legends--holiday {
  border-left: 2px solid red;
}
.customized-calendar--legends--marked {
  background-color: #4ade80;
}
.customized-calendar--legends--un-marked {
  background-color: #ef4444;
}
.customized-calendar--legends--partially-marked {
  background-color: #f59e0b;
}
.customized-calendar--legends--events--dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0284c7;
  margin-top: 5px;
}
.customized-calendar--legends--present-day {
  background-color: var(--level-2);
}
.customized-calendar--legends--present-day .customized-calendar--legends--box--date {
  font-weight: 700;
  color: var(--level-6);
}

.events-in-calendar {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 14px;
  margin-left: -2px;
}

.weekends-in-calendar {
  color: #dc2626 !important;
  font-weight: 700;
}

.holidays-in-calendar {
  border-left: 3px solid red !important;
}

.vacations-in-calendar {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 2px solid red;
}
.vacations-in-calendar span {
  position: relative;
  z-index: 1;
}

.present-date-in-calendar {
  color: var(--level-7);
  font-weight: 700;
}

.present-day-in-calendar {
  background-color: var(--level-2);
}

.per-student-attendance-report {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 160px);
}
.per-student-attendance-report__details {
  height: 120px;
  column-gap: 20px;
}
.per-student-attendance-report__details .MuiAutocomplete-root {
  width: 100% !important;
  margin-top: 8px;
}
.per-student-attendance-report__details--imagefield {
  display: flex;
}
.per-student-attendance-report__details--imagefield .data-fetch-icon {
  margin-top: 8px;
}
.per-student-attendance-report__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.per-student-attendance-report__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.per-student-attendance-report__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.per-student-attendance-report__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.per-student-attendance-report__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.per-student-attendance-report__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.per-student-attendance-report__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.per-student-attendance-report__details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.per-student-attendance-report__details--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.per-student-attendance-report__details--date .MuiInputBase-input {
  padding: 5px !important;
}
.per-student-attendance-report__details--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.per-student-attendance-report__details--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.per-student-attendance-report__details--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.per-student-attendance-report__details--date .MuiInputBase-input {
  height: 1.3em !important;
}
.per-student-attendance-report__details--date {
  margin: 8px 10px 0px 0px !important;
  width: fit-content !important;
}
.per-student-attendance-report__calendar {
  height: calc(100% - 180px);
  margin-top: 10px;
}
.per-student-attendance-report__calendar .react-calendar {
  width: 100% !important;
  height: 320px !important;
  border-radius: 10px;
  border: 1px solid var(--border-color);
}
.per-student-attendance-report__calendar .react-calendar__tile {
  padding: 10px !important;
  border: 5px solid var(--bg-color);
  border-radius: 10px !important;
  font-size: 15px;
  font-family: "Josefin Sans" !important;
}
.per-student-attendance-report__calendar .react-calendar__tile:enabled:focus {
  background-color: var(--level-4) !important;
  color: black !important;
  border-radius: 6px;
}
.per-student-attendance-report__calendar .react-calendar__tile:enabled:hover {
  background-color: var(--level-2) !important;
  color: black !important;
  border-radius: 6px;
}
.per-student-attendance-report__calendar .react-calendar__tile--now,
.per-student-attendance-report__calendar .react-calendar__tile .react-calendar__tile--now:enabled:hover,
.per-student-attendance-report__calendar .react-calendar__tile .react-calendar__tile--now:enabled:focus {
  background: var(--level-8) !important;
  border-radius: 6px;
  font-weight: 500;
  color: white !important;
}
.per-student-attendance-report__calendar .react-calendar__tile--active {
  background: var(--level-4) !important;
  border-radius: 6px;
  font-weight: 500;
  color: white !important;
}
.per-student-attendance-report__calendar .react-calendar__navigation {
  margin-top: 10px;
  font-family: "Spline Sans Mono", monospace !important;
  height: 30px !important;
}
.per-student-attendance-report__calendar .react-calendar__navigation__arrow {
  font-weight: 500;
  font-size: 30px;
}
.per-student-attendance-report__legends {
  display: flex;
  justify-content: flex-end;
  margin-top: 13px;
  margin-right: 20px;
  gap: 5px;
}
.per-student-attendance-report__legends--fullday, .per-student-attendance-report__legends--halfday {
  background-color: #4ade80;
  border-radius: 50%;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  width: 30px;
  color: white;
}
.per-student-attendance-report__legends--halfday {
  background-color: #fbbf24 !important;
}
.per-student-attendance-report__legends Label {
  padding: 0px;
  margin-top: 5px !important;
}

.full-day {
  background-color: #4ade80 !important; /* green */
}

.half-day {
  background-color: #fbbf24 !important; /* orange */
}

.academics-test-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.academics-test-report__select {
  column-gap: 10px;
}
.academics-test-report__tabs {
  margin-top: 10px;
}
.academics-test-report__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.academics-test-report__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.academics-test-report__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.academics-test-report__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.academics-test-report__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.academics-test-report__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.academics-test-report__tabs {
  width: fit-content;
}
.academics-test-report__swipable {
  height: calc(100% - 85px);
}
.academics-test-report__swipable--tabs {
  height: calc(100% - 10px);
}
.academics-test-report__search {
  margin-top: 10px;
}
.academics-test-report__search #search {
  margin-top: 0px;
}
.academics-test-report__datablock {
  height: calc(100% - 85px);
  overflow: auto;
}
.academics-test-report__datablock--grids {
  display: grid;
  grid-template-columns: auto auto auto auto;
  column-gap: 20px;
  padding-top: 10px;
}
.academics-test-report__datablock--grids--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.academics-test-report__datablock--grids--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.academics-test-report__datablock--grids--cards {
  height: 140px;
}
.academics-test-report__datablock--grids--cards:hover .academics-test-report__datablock--grids--cards--button {
  display: flex;
  justify-content: center;
}
.academics-test-report__datablock--grids--cards {
  margin-bottom: 20px;
}
.academics-test-report__datablock--grids--cards--title {
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  gap: 10px;
}
.academics-test-report__datablock--grids--cards--date {
  display: flex;
  justify-content: center;
  gap: 20px;
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics-test-report__datablock--grids--cards--status {
  display: flex;
  justify-content: space-between;
}
.academics-test-report__datablock--grids--cards--status--separator {
  color: #d1d5db;
  font-weight: 700;
}
.academics-test-report__datablock--grids--cards--status--present {
  margin: auto;
}
.academics-test-report__datablock--grids--cards--status--present b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: block;
}
.academics-test-report__datablock--grids--cards--status--present span {
  display: block;
  text-align: center;
  font-weight: 700;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.academics-test-report__datablock--grids--cards--button {
  display: none;
  height: 40px;
}
.academics-test-report__filters {
  display: flex;
}
.academics-test-report__filters .MuiAutocomplete-root {
  top: 10px;
  position: relative;
}
.academics-test-report__filters .subtitle1 {
  top: 10px;
  position: relative;
}

.view-test-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.view-test-report__options {
  column-gap: 10px;
  margin-top: 10px;
}
.view-test-report__options--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-test-report__options--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.view-test-report__options--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-test-report__options--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-test-report__options--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-test-report__options--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.view-test-report__options--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-test-report__options--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.view-test-report__options--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-test-report__options--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-test-report__options--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-test-report__options--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.view-test-report__options--textfield--date {
  width: fit-content;
}
.view-test-report__datablock {
  border: 1.8px dashed var(--border-color);
  padding: 5px;
  margin-top: 10px;
  height: calc(100% - 105px);
}
.view-test-report__datablock--filters {
  height: 40px;
}
.view-test-report__datablock--filters .storybook-input {
  width: fit-content !important;
  margin-top: 10px !important;
}
.view-test-report__datablock--date {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.view-test-report__datablock--date .Label {
  margin-top: 10px !important;
}
.view-test-report__status {
  margin-top: 10px;
}
.view-test-report__tableblock {
  margin-top: 10px;
  height: calc(100% - 55px);
}
.view-test-report__table {
  max-height: 100%;
}
.view-test-report__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.view-test-report__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.view-test-report__table td img:hover,
.view-test-report__table td a:hover {
  cursor: pointer;
}
.view-test-report__table tbody {
  background-color: var(--level-1);
}
.view-test-report__table tbody tr:hover {
  background-color: var(--level-2);
}
.view-test-report__table tbody tr:hover td {
  color: var(--level-7);
}
.view-test-report__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.view-test-report__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.view-test-report__table--sticky-header {
  position: sticky !important;
  top: 49px !important;
  z-index: 998 !important;
  height: 25px !important;
  overflow: hidden;
}
.view-test-report__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}

.particular-student-results {
  height: calc(100% - 30px);
}
.particular-student-results__select {
  column-gap: 10px;
  height: 120px;
}
.particular-student-results__select .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.particular-student-results__select .MuiChip-root {
  height: 20px !important;
}
.particular-student-results__select .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.particular-student-results__select--image-flex {
  display: flex;
}
.particular-student-results__select--image-flex .MuiAutocomplete-root {
  margin-top: 8px !important;
}
.particular-student-results__select--image-flex .data-fetch-icon {
  margin-top: 5px;
}
.particular-student-results__select--student-profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.particular-student-results__select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.particular-student-results__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.particular-student-results__select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.particular-student-results__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.particular-student-results__select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.particular-student-results__select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.particular-student-results__select--textfield {
  margin: 8px 0px 0px 0px !important;
}
.particular-student-results__tableblock {
  margin-top: 10px;
  height: calc(100% - 210px);
}
.particular-student-results__tableblock .echarts-for-react {
  height: 100% !important;
}
.particular-student-results__table {
  max-height: 100%;
}
.particular-student-results__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.particular-student-results__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.particular-student-results__table td img:hover,
.particular-student-results__table td a:hover {
  cursor: pointer;
}
.particular-student-results__table tbody {
  background-color: var(--level-1);
}
.particular-student-results__table tbody tr:hover {
  background-color: var(--level-2);
}
.particular-student-results__table tbody tr:hover td {
  color: var(--level-7);
}
.particular-student-results__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.particular-student-results__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.particular-student-results__table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.particular-student-results__table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.particular-student-results__table--subheader th {
  top: 30px;
}
.particular-student-results__table--totalcount {
  color: white !important;
  text-align: center !important;
  background: #4ade80 !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.particular-student-results__table--marks {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.particular-student-results__table--code {
  width: 6%;
}
.particular-student-results__table--sub {
  width: 8%;
}
.particular-student-results__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.particular-student-results__table--sticky {
  position: sticky !important;
  top: 25px !important;
  z-index: 998 !important;
  height: 25px !important;
  overflow: hidden;
}
.particular-student-results__table tfoot td {
  border-bottom: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
}
.particular-student-results__swipable {
  border-top: 1.8px dashed var(--border-color);
  height: calc(100% - 230px);
  margin-top: 10px;
}
.particular-student-results__swipable--select .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.particular-student-results__swipable--select .MuiChip-root {
  height: 20px !important;
}
.particular-student-results__swipable--select .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.particular-student-results__swipable--select {
  height: 60px;
  background-color: #f3f4f6;
  border-radius: 6px;
  padding: 5px;
  align-items: center;
  column-gap: 10px;
}
.particular-student-results__swipable--select--images {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
}
.particular-student-results__swipable--select--images img {
  height: 30px;
  width: 30px;
}
.particular-student-results__swipable--select--images .active-image {
  background-color: var(--level-3);
  padding: 2px;
  border-radius: 6px;
}
.particular-student-results__swipable--right {
  border-right: 1.8px dashed var(--border-color);
  padding: 10px 20px 5px 5px;
  height: 100%;
}
.particular-student-results__swipable--left {
  padding: 10px 5px 5px 20px;
  height: 100%;
}
.particular-student-results__swipable--tableblock {
  margin-top: 10px;
  height: calc(100% - 45px);
}
.particular-student-results__swipable--tableblock .total {
  padding: 0px !important;
}
.particular-student-results__swipable--title {
  display: flex;
  justify-content: center;
  height: 45px;
}
.particular-student-results__swipable--title b,
.particular-student-results__swipable--title span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin-top: auto;
}
.particular-student-results__swipable--charts {
  height: 100%;
}
.particular-student-results__swipable--charts .echarts-for-react {
  height: 100% !important;
}

.class-wise-performance {
  height: calc(100% - 30px);
}
.class-wise-performance__graph {
  height: calc(100% - 80px);
}
.class-wise-performance__graph .echarts-for-react {
  height: 100% !important;
}
.class-wise-performance__next {
  display: flex;
  justify-content: flex-end;
}
.class-wise-performance__next img {
  width: 30px;
}

.progress-report {
  height: calc(100% - 45px);
  overflow: auto;
}
.progress-report__inst {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.progress-report__inst--details {
  white-space: pre-wrap;
  text-align: center;
}
.progress-report__inst--details .progress-report__inst--logo {
  display: block;
  margin: auto;
}
.progress-report__inst--details--cust-name, .progress-report__inst--details--inst-address, .progress-report__inst--details--inst-name {
  color: var(--text-color);
  display: block;
}
.progress-report__inst--details--inst-name {
  color: var(--text-color);
}
.progress-report__inst--logos {
  display: flex;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--text-color);
}
.progress-report__test {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.progress-report__test--name {
  color: var(--level-6);
  font-weight: 700;
}
.progress-report__test--duration {
  color: #475569;
}
.progress-report__group {
  color: #475569;
  text-align: center;
}
.progress-report__table {
  max-height: 100%;
}
.progress-report__table th {
  padding: 0px;
  border: 1px solid var(--text-color) !important;
  font-family: "Josefin Sans";
  font-weight: 700;
  text-align: center;
}
.progress-report__table td {
  padding: 0px;
  font-style: normal;
  font-size: 14px;
  font-family: "Josefin Sans";
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  border: 1px solid var(--text-color) !important;
}
.progress-report__table tbody {
  border-style: none;
  height: calc(100% - 25px) !important;
}
.progress-report__table--groupheader {
  height: 30px;
}
.progress-report__table--subheader {
  background-color: var(--bg-color) !important;
  top: 30px;
}
.progress-report__table--slno {
  width: 6%;
}
.progress-report__table--marks {
  width: 6%;
}
.progress-report__table2 {
  max-height: 100%;
}
.progress-report__table2 th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.progress-report__table2 td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.progress-report__table2 td img:hover,
.progress-report__table2 td a:hover {
  cursor: pointer;
}
.progress-report__table2 tbody {
  background-color: var(--level-1);
}
.progress-report__table2 tbody tr:hover {
  background-color: var(--level-2);
}
.progress-report__table2 tbody tr:hover td {
  color: var(--level-7);
}
.progress-report__table2 tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.progress-report__table2 tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.progress-report__table2 {
  width: 40% !important;
  margin-left: auto;
  margin-right: auto;
}
.progress-report__table2 th {
  background-color: #6b7280 !important;
}
.progress-report__table2--slno {
  width: 6%;
}
.progress-report__table2--marks {
  width: 6%;
}
.progress-report__percentage--details {
  display: flex;
  column-gap: 10px;
  height: 40px;
  align-items: center;
}
.progress-report__percentage--details img {
  width: 30px;
}
.progress-report__percentage--details span {
  font-weight: 500;
}
.progress-report__remarks {
  display: flex;
  column-gap: 10px;
  margin-top: 20px;
  border-radius: 6px;
  padding: 5px;
}
.progress-report__remarks span {
  color: #64748b;
}
.progress-report__remarks b {
  color: var(--text-color);
}
.progress-report__signature {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-right: 50px;
}
.progress-report__signature--text {
  color: var(--text-color);
  border-top: 2px dashed #64748b;
  font-weight: 700;
}
.progress-report__signature img {
  width: 150px;
  height: 30px;
}
.progress-report__signature--image {
  height: 30px;
  display: flex;
  justify-content: center;
}
.progress-report__title {
  display: flex;
  justify-content: center;
}
.progress-report__subtitle {
  display: block;
  margin: auto;
  text-align: center;
  border: 1px solid var(--text-color);
  border-radius: 20px;
  width: fit-content;
  margin-bottom: 3px;
  padding: 3px 8px;
}
.progress-report__settings {
  margin-left: 5px;
}
.progress-report__print {
  height: 100%;
}
.progress-report__graph {
  height: 200px;
}
.progress-report__graph .echarts-for-react {
  height: 100% !important;
  width: 720px !important;
}
.progress-report__grade-text {
  width: 100%;
  border: 1px solid var(--text-color);
  display: flex;
  align-items: center;
  padding: 3px;
  justify-content: space-between;
}

.page-break {
  page-break-after: always;
}

.progress-report::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.progress-report::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.progress-report::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.acd-reports {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.acd-reports__select {
  column-gap: 10px;
  margin-top: 10px;
}
.acd-reports__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.acd-reports__table {
  max-height: 100%;
}
.acd-reports__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.acd-reports__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.acd-reports__table td img:hover,
.acd-reports__table td a:hover {
  cursor: pointer;
}
.acd-reports__table tbody {
  background-color: var(--level-1);
}
.acd-reports__table tbody tr:hover {
  background-color: var(--level-2);
}
.acd-reports__table tbody tr:hover td {
  color: var(--level-7);
}
.acd-reports__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.acd-reports__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.acd-reports__table--view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.acd-reports__table--view-button img {
  width: 20px;
}
.acd-reports__table--actions {
  width: 10%;
}
.acd-reports__table--number {
  font-family: "Spline Sans Mono", monospace !important;
  width: 8%;
}
.acd-reports__view {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.acd-reports__view--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.acd-reports__view--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.acd-reports__view--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.acd-reports__view--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.acd-reports__view--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.acd-reports__view--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.acd-reports__view--tabs {
  margin-top: 10px;
}
.acd-reports__view--swipable {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.acd-reports__test {
  height: calc(100% - 50px);
}
.acd-reports__test--select {
  column-gap: 10px;
}
.acd-reports__test--select .MuiAutocomplete-root {
  margin-top: 10px;
}
.acd-reports__test--cards, .acd-reports__attendance--cards {
  height: 60px;
  margin-top: 10px;
}
.acd-reports__test--cards img, .acd-reports__attendance--cards img {
  width: 40px;
}
.acd-reports__test--card, .acd-reports__attendance--card {
  height: 100%;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
  background-color: var(--disabled-color);
  padding: 0px 10px;
  border-radius: 6px;
}
.acd-reports__test--card--flex, .acd-reports__attendance--card--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.acd-reports__test--card--flex span, .acd-reports__attendance--card--flex span {
  font-family: "Josefin Sans" !important;
  color: #374151;
  font-size: 14px;
}
.acd-reports__test--card--flex b, .acd-reports__attendance--card--flex b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  color: #c026d3;
}
.acd-reports__test--datablock {
  margin-top: 10px;
  height: calc(100% - 120px);
  overflow: auto;
}
.acd-reports__test--modal-data {
  margin-top: 10px;
  height: calc(100% - 45px);
  overflow: auto;
}
.acd-reports__test--grids {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.acd-reports__test--flex {
  display: flex;
  column-gap: 5px;
  justify-content: center;
}
.acd-reports__test--flex--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.acd-reports__test--flex--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.acd-reports__test--flex--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.acd-reports__test--flex--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.acd-reports__test--flex--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.acd-reports__test--flex--textfield {
  width: fit-content !important;
}
.acd-reports__test--flex--textfield .MuiInputBase-root .Mui-disabled {
  background-color: var(--bg-color) !important;
}
.acd-reports__test--grid {
  background-color: var(--level-1);
  border-radius: 6px;
  padding: 5px;
  text-align: center;
}
.acd-reports__test--grid--test-name {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: block;
}
.acd-reports__test--grid--test-type, .acd-reports__test--grid--sub-count, .acd-reports__test--grid--sub-text {
  color: #4b5563;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
}
.acd-reports__test--grid--test-type, .acd-reports__test--grid--sub-count, .acd-reports__test--grid--sub-text {
  color: #6b7280;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
}
.acd-reports__test--grid--sub-text {
  color: #374151;
}
.acd-reports__test--grid--sub-count {
  color: #374151;
  font-family: "Spline Sans Mono", monospace !important;
}
.acd-reports__test--grid--view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.acd-reports__test--grid--view-button img {
  width: 20px;
}
.acd-reports__test--grid--view-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.acd-reports__test--textfields {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.acd-reports__per-test {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.acd-reports__per-test--modal {
  height: calc(100% - 40px);
}
.acd-reports__per-test--modal .acd-reports__per-test--tableblock {
  height: calc(100% - 165px);
  margin-top: 10px;
}
.acd-reports__per-test--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.acd-reports__per-test--title img:hover {
  background-color: #f3f4f6;
}
.acd-reports__per-test--select {
  column-gap: 10px;
  margin-top: 10px;
}
.acd-reports__per-test--textfields {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.acd-reports__per-test--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.acd-reports__per-test--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.acd-reports__per-test--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.acd-reports__per-test--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.acd-reports__per-test--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.acd-reports__per-test--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.acd-reports__per-test--cards {
  width: fit-content !important;
  display: flex;
  justify-content: space-between;
  background-color: var(--disabled-color);
  margin-top: 10px;
  border-radius: 6px;
  padding: 5px;
  column-gap: 30px;
}
.acd-reports__per-test--card {
  display: flex;
  flex-direction: column;
}
.acd-reports__per-test--card span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.acd-reports__per-test--card b {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  text-align: center;
}
.acd-reports__per-test--tableblock {
  height: calc(100% - 210px);
  margin-top: 10px;
}
.acd-reports__per-test--button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.acd-reports__per-test--button button {
  border-radius: 30px;
  padding: 5px 15px;
  border: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background: var(--bg-color);
  color: var(--text-color);
}
.acd-reports__per-test--button button:hover {
  color: var(--level-5);
  text-decoration: underline;
  font-weight: 700;
}
.acd-reports__attendance {
  height: calc(100% - 50px);
}
.acd-reports__attendance--data {
  height: calc(100% - 45px);
}
.acd-reports__attendance--cards {
  display: flex;
  column-gap: 10px;
}
.acd-reports__attendance--tableblock {
  margin-top: 10px;
  height: calc(100% - 50px);
  border: 1px solid var(--border-color);
}
.acd-reports__attendance--month {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.acd-reports__attendance--month img {
  width: 20px;
}
.acd-reports__view-sub {
  height: 100%;
}
.acd-reports__view-sub--title {
  display: flex;
  justify-content: space-between;
}
.acd-reports__view-sub--tableblock {
  margin-top: 5px;
  height: calc(100% - 80px);
}

.acd-reports__test--datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.acd-reports__test--datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.acd-reports__test--datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.test-wise-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-wise-report__select {
  column-gap: 10px;
}
.test-wise-report__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.test-wise-report__datablock {
  height: calc(100% - 95px);
  margin-top: 10px;
  overflow: auto;
}
.test-wise-report__datablock--cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}
.test-wise-report__datablock--card {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background-color: var(--level-1);
  padding: 5px;
}
.test-wise-report__datablock--card b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--level-6);
  display: flex;
  justify-content: center;
}
.test-wise-report__datablock--card span {
  font-family: "Josefin Sans" !important;
  text-align: center;
  font-size: 14px;
  color: #6b7280;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.test-wise-report__datablock--card--flex {
  display: flex;
  column-gap: 2px;
  justify-content: center;
  margin-top: 10px;
  align-items: center;
}
.test-wise-report__datablock--card--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.test-wise-report__datablock--card--view img {
  width: 20px;
}
.test-wise-report__datablock--card--view {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.test-wise-report__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.test-wise-report__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.test-wise-report__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.test-wise-view {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-wise-view__select {
  column-gap: 10px;
}
.test-wise-view__title {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
}
.test-wise-view__title b {
  color: var(--level-6);
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.test-wise-view__title span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.test-wise-view__tableblock {
  margin-top: 10px;
  height: calc(100% - 170px);
}
.test-wise-view__table {
  max-height: 100%;
}
.test-wise-view__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.test-wise-view__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.test-wise-view__table td img:hover,
.test-wise-view__table td a:hover {
  cursor: pointer;
}
.test-wise-view__table tbody {
  background-color: var(--level-1);
}
.test-wise-view__table tbody tr:hover {
  background-color: var(--level-2);
}
.test-wise-view__table tbody tr:hover td {
  color: var(--level-7);
}
.test-wise-view__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.test-wise-view__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.test-wise-view__table--actions {
  width: 18%;
}
.test-wise-view__table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.test-wise-view__table--view img {
  width: 20px;
}
.test-wise-view__table--toppers {
  background-color: var(--bg-color) !important;
  width: 50%;
}
.test-wise-view__table--toppers ul {
  margin-bottom: 0px;
}
.test-wise-view__table--toppers li {
  border-radius: 30px;
  padding: 5px 10px;
  display: flex;
  background-color: #f7fafc;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.test-wise-view__table--toppers li img {
  width: 30px;
}
.test-wise-view__table--toppers--l {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.test-wise-view__table--toppers--l--name b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.test-wise-view__table--toppers--l--name span {
  display: block;
  font-family: "Spline Sans Mono", monospace !important;
  color: #cbd5e1 !important;
  font-size: 12px;
}
.test-wise-view__table--toppers--perc {
  color: var(--level-6);
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.test-wise-view__table--actions {
  width: 8%;
}
.test-wise-view__table--actions img {
  width: 25px;
  height: 25px;
}
.test-wise-view__multiple {
  height: 100%;
}
.test-wise-view__multiple--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.test-wise-view__multiple--title img:hover {
  background-color: #f3f4f6;
}
.test-wise-view__multiple--ul {
  margin-bottom: 0px !important;
  height: calc(100% - 205px);
  margin-top: 10px;
  overflow: auto;
}
.test-wise-view__multiple--ul li {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  border-bottom: 1px dashed var(--border-color);
}
.test-wise-view__multiple--ul--std-details span {
  display: block;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.test-wise-view__multiple--ul--std-details b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.test-wise-view__multiple--grade {
  height: 80px;
  width: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.test-wise-view__multiple--grade img {
  width: 40px;
  display: block;
}
.test-wise-view__multiple--grade b {
  color: var(--level-6);
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.test-wise-view__multiple--grade span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
  display: block;
}
.test-wise-view__multiple--select {
  column-gap: 10px;
  margin-top: 10px;
}
.test-wise-view__multiple--select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.test-wise-view__multiple--select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.test-wise-view__multiple--select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-wise-view__multiple--select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.test-wise-view__multiple--select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-wise-view__multiple--select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}

.test-wise-view__multiple--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.test-wise-view__multiple--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.test-wise-view__multiple--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.test-wise-detailed-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-wise-detailed-report__select {
  column-gap: 10px;
}
.test-wise-detailed-report__select .MuiFormControl-root {
  margin-top: 0px !important;
}
.test-wise-detailed-report__title {
  display: flex;
  column-gap: 10px;
  margin-top: 5px;
}
.test-wise-detailed-report__title b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.test-wise-detailed-report__title span {
  font-family: "Josefin Sans" !important;
}
.test-wise-detailed-report__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.test-wise-detailed-report__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.test-wise-detailed-report__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.test-wise-detailed-report__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.test-wise-detailed-report__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.test-wise-detailed-report__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.test-wise-detailed-report__tabs {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.test-wise-detailed-report__tabpanel {
  height: calc(100% - 130px);
  margin-top: 10px;
}
.test-wise-detailed-report__tabpanel p {
  height: 100% !important;
}

.class-wise-rank {
  height: calc(100% - 35px);
}
.class-wise-rank__overview .MuiAutocomplete-root {
  background-color: white;
}
.class-wise-rank__overview {
  height: 50px;
  margin-top: 5px;
  border-radius: 30px;
  padding: 0px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--disabled-color);
}
.class-wise-rank__overview b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.class-wise-rank__overview--images {
  display: flex;
  column-gap: 10px;
}
.class-wise-rank__overview--images .active {
  background-color: var(--level-5);
  border-radius: 6px;
}
.class-wise-rank__overview--images .active img {
  filter: invert(100%);
  width: 30px;
  padding: 5px;
}
.class-wise-rank__overview--images img {
  width: 30px;
}
.class-wise-rank__datablock {
  column-gap: 20px;
  height: calc(100% - 60px);
  margin-top: 5px;
  display: flex;
}
.class-wise-rank h6 {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  text-align: center;
}
.class-wise-rank__graph {
  height: 100%;
  width: 50%;
  border-radius: 30px;
  background-color: var(--disabled-color);
  padding: 10px;
}
.class-wise-rank__graph .echarts-for-react {
  height: calc(100% - 30px) !important;
}
.class-wise-rank__toppers {
  height: 100%;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  z-index: 2;
  width: 50%;
}
.class-wise-rank__toppers::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/BgImageForToppersList-Gf5rFH_0.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(16px);
  z-index: -1;
  border-radius: 30px;
}
.class-wise-rank__toppers--view {
  position: relative;
  z-index: 1;
  padding: 10px;
  border-radius: 30px;
  height: 100%;
}
.class-wise-rank__toppers--view::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  z-index: -1;
}
.class-wise-rank__toppers--view img {
  width: 80px;
  display: block;
  margin: 10px auto;
}
.class-wise-rank__toppers--view--ul {
  height: calc(100% - 110px);
  overflow: auto;
  margin-bottom: 0px;
}
.class-wise-rank__toppers--view li {
  border-radius: 30px;
  padding: 5px 10px;
  display: flex;
  background-color: #f7fafc;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.class-wise-rank__toppers--view li img {
  width: 30px;
}
.class-wise-rank__toppers--view--l {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.class-wise-rank__toppers--view--l--name b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.class-wise-rank__toppers--view--l--name span {
  display: block;
  font-family: "Spline Sans Mono", monospace !important;
  color: #d1d5db;
  font-size: 12px;
}
.class-wise-rank__toppers--view--perc {
  color: var(--level-6);
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.class-wise-rank__t-view {
  height: 100%;
  width: 100%;
}
.class-wise-rank__t-view--tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.class-wise-rank__t-view--select {
  column-gap: 10px;
}
.class-wise-rank__sub-wise--tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}

.class-wise-rank__toppers--view--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.class-wise-rank__toppers--view--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.class-wise-rank__toppers--view--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.combination-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.combination-report__back img {
  transform: rotate(180deg);
  width: 15px;
}
.combination-report__back {
  color: #6b7280;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  display: flex;
  column-gap: 5px;
  margin-top: 5px;
}
.combination-report__title {
  color: var(--level-6);
  font-size: 20px;
  font-family: "Josefin Sans" !important;
}
.combination-report__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.combination-report__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.combination-report__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.combination-report__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.combination-report__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.combination-report__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.combination-report__tabs {
  margin-top: 10px;
}
.combination-report__datablock {
  height: calc(100% - 250px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
}
.combination-report__datablock--tab-panel {
  height: 100%;
}
.combination-report__details {
  height: 100%;
}
.combination-report__details--grids {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}
.combination-report__details--grid {
  background-color: var(--level-1);
  text-align: center;
  padding: 5px;
  border-radius: 6px;
}
.combination-report__details--grid b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.combination-report__details--flex {
  display: flex;
  justify-content: space-between;
}
.combination-report__details--flex span {
  display: block;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.combination-report__details--flex b {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: var(--text-color);
}
.combination-report__details--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.combination-report__details--view img {
  width: 20px;
}

.combination-report-view {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.combination-report-view__select {
  justify-content: space-between;
  margin-top: 10px;
}
.combination-report-view__select b {
  font-family: "Josefin Sans" !important;
  color: var(--level-6);
  text-align: center;
  font-size: 16px;
}
.combination-report-view__select--flex {
  column-gap: 10px;
  display: flex;
}
.combination-report-view__select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.combination-report-view__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.combination-report-view__select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.combination-report-view__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.combination-report-view__select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.combination-report-view__select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.combination-report-view__select--textfield {
  margin: 10px 0px 0px 0px !important;
}
.combination-report-view__tableblock {
  margin-top: 10px;
  height: calc(100% - 270px);
}
.combination-report-view__tableblock--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.combination-report-view__tableblock--view img {
  width: 20px;
}
.combination-report-view__table {
  max-height: 100%;
}
.combination-report-view__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.combination-report-view__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.combination-report-view__table td img:hover,
.combination-report-view__table td a:hover {
  cursor: pointer;
}
.combination-report-view__table tbody {
  background-color: var(--level-1);
}
.combination-report-view__table tbody tr:hover {
  background-color: var(--level-2);
}
.combination-report-view__table tbody tr:hover td {
  color: var(--level-7);
}
.combination-report-view__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.combination-report-view__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.combination-report-view__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.combination-report-view__table--admno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.combination-report-view__table--marks {
  width: 12%;
}
.combination-report-view__sub-wise {
  height: 100%;
}
.combination-report-view__sub-wise--tableblock {
  height: 100%;
}
.combination-report-view__sub-wise--tableblock--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.combination-report-view__sub-wise--tableblock--view img {
  width: 20px;
}

.report-card-create {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.report-card-create__frame {
  height: calc(100% - 55px);
  margin-top: 10px;
  column-gap: 40px;
}
.report-card-create__frame--left, .report-card-create__frame--right {
  height: 100%;
  border: 1px solid #cbd5e0;
  border-radius: 0px 40px 0px 0px;
  padding: 20px 5px 5px 5px;
}
.report-card-create__frame--right {
  border-radius: 40px 0px 0px 0px;
}
.report-card-create__table {
  height: calc(100% - 35px);
}

.report-card-test {
  height: 100%;
}
.report-card-test__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.report-card-test__title img:hover {
  background-color: #f3f4f6;
}
.report-card-test__filters {
  column-gap: 10px;
}
.report-card-test__tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.report-card-test__table {
  max-height: 100%;
}
.report-card-test__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.report-card-test__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.report-card-test__table td img:hover,
.report-card-test__table td a:hover {
  cursor: pointer;
}
.report-card-test__table tbody {
  background-color: var(--level-1);
}
.report-card-test__table tbody tr:hover {
  background-color: var(--level-2);
}
.report-card-test__table tbody tr:hover td {
  color: var(--level-7);
}
.report-card-test__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.report-card-test__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.report-card-test__table--row {
  background: hsl(55, 79%, 94%);
}
.report-card-test__table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.report-card-test__table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.report-card-test__table--row .MuiInputBase-input {
  height: 15px !important;
}
.report-card-test__table--row td {
  padding: 0px !important;
}
.report-card-test__table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.report-card-test__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.report-card-test__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.report-card-test__table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.report-card-test__table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.report-card-test__table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.report-card-test__table--row td {
  padding: 0px 0px !important;
}
.report-card-test__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.report-card-test__table--actions {
  width: 6%;
}

.report-cards {
  height: calc(100% - 50px);
}
.report-cards__block {
  height: calc(100% - 50px);
  margin-top: 10px;
  overflow: auto;
}
.report-cards__grids {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.report-cards__grid {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
  text-align: center;
  background-color: var(--level-1);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.report-cards__grid--view {
  margin-top: 10px;
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.report-cards__grid--view img {
  width: 20px;
}
.report-cards__grid--copy {
  margin-top: 10px;
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #f1f5f9;
  color: #0f172a;
  font-size: 14px;
  background-color: var(--bg-color);
}
.report-cards__grid--copy img {
  width: 15px;
  margin-left: 10px;
  filter: invert(100%);
}
.report-cards__grid--button {
  display: flex;
  justify-content: center;
  column-gap: 5px;
}
.report-cards__test-details {
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.report-cards__test-details--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
  height: 60px;
  width: 100%;
  background: var(--level-1);
  border-radius: 10px;
  padding: 5px;
  margin-top: 10px;
}
.report-cards__test-details--test-name {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  padding: 2px 8px;
}
.report-cards__std-list {
  margin-top: 10px;
  height: calc(100% - 165px);
}
.report-cards__std-list--table {
  height: 100%;
}

.report-cards__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.report-cards__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.report-cards__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.report__card-details {
  height: calc(100% - 95px);
  margin-top: 10px;
  overflow: auto;
}
.report__card-details--per-test {
  height: fit-content;
  border-radius: 6px;
  background-color: var(--level-1);
  padding: 10px;
  position: relative;
}
.report__card-details--per-test--title {
  height: 30px;
}
.report__card-details--per-test--desc {
  margin-top: 10px;
  height: 30px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.report__card-details--per-test--desc img {
  height: 20px;
}
.report__card-details--per-test--desc span {
  font-family: "Josefin Sans" !important;
}
.report__card-details--per-test--desc b {
  font-family: "Spline Sans Mono", monospace !important;
  color: #0ea5e9;
}
.report__card-details--per-test--date {
  height: fit-content;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.report__card-details--per-test--date img {
  margin-top: 10px;
  height: 20px;
}
.report__card-details--per-test--assign {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.report__card-details--per-test--assign .assign-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.report__card-details--per-test--assign .assign-button img {
  width: 15px;
  margin-left: 10px;
}
.report__card-details--per-test--assign .update-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.report__card-details--per-test--assign .update-button img {
  width: 15px;
  margin-left: 10px;
}
.report__card-details--per-test--assign .view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.report__card-details--per-test--assign .view-button img {
  width: 20px;
}
.report__card-details--per-test .edit {
  position: absolute;
  top: 5px;
  right: 25px;
  width: 20px;
}
.report__card-details--per-test .delete {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
}
.report__card-details--block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.report__create {
  height: 100%;
}
.report__create--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.report__create--title img:hover {
  background-color: #f3f4f6;
}
.report__create--title img {
  width: fit-content !important;
}
.report__create .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between;
  padding: 10px 20px 0px 5px;
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  width: calc(100% - 20px);
}
.report__create--data {
  height: calc(100% - 85px);
  margin: 10px 10px 0px 10px;
  font-family: "Josefin Sans" !important;
  overflow: auto;
}
.report__create--data--date {
  display: flex;
  gap: 10px;
}
.report__create--data--date img {
  margin-top: 10px;
  height: 20px;
}
.report__create--data--label {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-top: 10px;
}
.report__create--data .inst-logo__datablock {
  height: 250px;
  width: 250px;
  display: block;
  margin: auto;
}
.report__create--data--grid {
  display: grid;
  grid-template-columns: 0.4fr 1fr 0.01fr;
}
.report__create--data--grid .data-fetch-icon {
  margin-top: 5px;
}
.report__create--classes-data {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.report__create--classes-data--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.report__create--classes-data--grid .timetable__plan--sessions--block {
  padding: 5px !important;
}
.report__create--classes-data--grid .timetable__plan--sessions--block--persession {
  font-family: "Josefin Sans" !important;
}
.report__create--classes-data--grid .timetable__plan--sessions--block--persession img {
  height: 20px;
}
.report__create--classes-data--grid .timetable__plan--sessions--block--time {
  column-gap: 10px !important;
}
.report__create--classes-data--button {
  width: 100%;
}
.report__create--classes-data--button .storybook-button {
  width: 100%;
}
.report__create--classes {
  height: 150px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.report__create--classes span {
  height: 35px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  text-align: center;
  padding: 5px;
  font-family: "Josefin Sans" !important;
}

.choose-report-template {
  height: 100%;
}
.choose-report-template__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.choose-report-template__title img:hover {
  background-color: #f3f4f6;
}
.choose-report-template__block {
  height: calc(100% - 75px);
  overflow: auto;
  background-color: var(--disabled-color);
}
.choose-report-template__block--single-page, .choose-report-template__block--three-pages, .choose-report-template__block--two-pages {
  display: flex;
  column-gap: 10px;
  gap: 5px;
  height: 400px;
}
.choose-report-template__block--single-page b, .choose-report-template__block--three-pages b, .choose-report-template__block--two-pages b {
  text-align: center;
  display: block;
}
.choose-report-template__block--single-page img, .choose-report-template__block--three-pages img, .choose-report-template__block--two-pages img {
  height: 350px;
  width: 350px;
}
.choose-report-template__block--single-page img:hover, .choose-report-template__block--three-pages img:hover, .choose-report-template__block--two-pages img:hover {
  cursor: pointer;
}
.choose-report-template__selected {
  height: 100%;
}
.choose-report-template__selected--block {
  height: calc(100% - 30px);
}

.test-group {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-group__block {
  height: calc(100% - 45px);
  overflow: auto;
}
.test-group__block--li {
  display: flex;
  column-gap: 5px;
  padding: 5px;
  border-bottom: 1.2px dashed var(--border-color);
  margin-top: 2px;
  align-items: center;
}
.test-group__block--left {
  width: calc(100% - 125px);
}
.test-group__block--left b {
  color: var(--level-6);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.test-group__block--test-names span {
  margin: 2px;
  padding: 3px 8px;
  border-radius: 20px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  background-color: #f3f4f6;
}
.test-group__block--right {
  width: 125px;
  display: flex;
  column-gap: 5px;
}
.test-group__block--right img {
  width: 25px;
  height: 25px;
}
.test-group__block--tableblock {
  height: calc(100% - 75px);
  margin-top: 5px;
}
.test-group__block--table {
  max-height: 100%;
}
.test-group__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.test-group__block--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.test-group__block--table td img:hover,
.test-group__block--table td a:hover {
  cursor: pointer;
}
.test-group__block--table tbody {
  background-color: var(--level-1);
}
.test-group__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.test-group__block--table tbody tr:hover td {
  color: var(--level-7);
}
.test-group__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.test-group__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.add-test-group {
  height: 100%;
}
.add-test-group__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.add-test-group__title img:hover {
  background-color: #f3f4f6;
}
.add-test-group__block {
  height: calc(100% - 70px);
}
.add-test-group__block--table {
  max-height: 100%;
}
.add-test-group__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.add-test-group__block--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.add-test-group__block--table td img:hover,
.add-test-group__block--table td a:hover {
  cursor: pointer;
}
.add-test-group__block--table tbody {
  background-color: var(--level-1);
}
.add-test-group__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.add-test-group__block--table tbody tr:hover td {
  color: var(--level-7);
}
.add-test-group__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.add-test-group__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.add-test-group__block--tableblock {
  margin-top: 10px;
  height: calc(100% - 50px);
}

.teacher-wise-allocated-reports {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.teacher-wise-allocated-reports__details {
  column-gap: 20px;
  margin-top: 5px;
}
.teacher-wise-allocated-reports__tableblock {
  margin-top: 10px;
  height: calc(100% - 170px);
}
.teacher-wise-allocated-reports__view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-wise-allocated-reports__view img {
  width: 20px;
}

.teacher-report {
  margin: 10px 20px;
  height: calc(100% - 180px);
  display: flex;
  column-gap: 30px;
}
.teacher-report__left {
  height: 100%;
  width: 300px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.teacher-report__right {
  height: 100%;
  width: calc(100% - 300px);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.teacher-report__right--select {
  column-gap: 10px;
  margin-top: 10px;
}
.teacher-report__right--title {
  font-size: 18px;
  font-family: "Josefin Sans" !important;
  display: flex;
  justify-content: center;
  color: var(--level-5) !important;
}
.teacher-report__table {
  max-height: 100%;
}
.teacher-report__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.teacher-report__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.teacher-report__table td img:hover,
.teacher-report__table td a:hover {
  cursor: pointer;
}
.teacher-report__table tbody {
  background-color: var(--level-1);
}
.teacher-report__table tbody tr:hover {
  background-color: var(--level-2);
}
.teacher-report__table tbody tr:hover td {
  color: var(--level-7);
}
.teacher-report__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.teacher-report__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.teacher-report__table {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.teacher-report__table input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.teacher-report__table input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.teacher-report__table a {
  color: var(--text-color);
}
.teacher-report__table a.active {
  color: var(--level-5) !important;
  font-weight: 700;
}
.teacher-report__table--teacher {
  display: flex !important;
  column-gap: 10px;
}
.teacher-report__table--teacher img {
  height: 40px;
  width: 40px;
}
.teacher-report__table--teacher span {
  display: block;
}
.teacher-report__table--subjects {
  width: 16%;
}
.teacher-report__table--subjects ul {
  margin-bottom: 0px !important;
}
.teacher-report__table--subjects li {
  display: flex;
  justify-content: space-between;
  padding: 2px;
}
.teacher-report__tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}

.alloted-teacher-report {
  margin: 10px 20px;
  height: calc(100% - 180px);
  display: flex;
  column-gap: 30px;
}
.alloted-teacher-report__left {
  height: 100%;
  width: 300px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.alloted-teacher-report__right {
  height: 100%;
  width: calc(100% - 300px);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.alloted-teacher-report__right--select {
  column-gap: 10px;
  margin-top: 10px;
}
.alloted-teacher-report__right--select .storybook-input {
  margin-top: 0px !important;
}
.alloted-teacher-report__right--title {
  font-size: 18px;
  font-family: "Josefin Sans" !important;
  display: flex;
  justify-content: center;
  color: var(--level-5) !important;
}
.alloted-teacher-report__right--tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.alloted-teacher-report__right--tableblock .MuiDataGrid-cell {
  display: flex !important;
  align-items: center !important;
}
.alloted-teacher-report__right--block {
  margin-top: 10px;
  height: calc(100% - 90px);
  display: flex;
  column-gap: 20px;
  font-family: "Josefin Sans" !important;
}
.alloted-teacher-report__right--block--test {
  height: 100%;
  width: calc(50% - 10px);
  border: 3px dotted var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.alloted-teacher-report__right--block--test .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.alloted-teacher-report__right--block--test--select {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}
.alloted-teacher-report__right--block--test--content {
  margin-top: 10px;
  height: calc(100% - 60px);
  overflow-y: auto;
}
.alloted-teacher-report__right--block--test--data {
  display: flex;
  gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
  margin: 0px 0px 10px 10px;
}
.alloted-teacher-report__right--block--test .alloted-teacher-report__right--block--test--data.selected {
  background-color: var(--level-1) !important;
  border: 3px dotted var(--level-2) !important;
}
.alloted-teacher-report__right--block--test--details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
  margin: 0px 0px 10px 10px;
  transition: all 0.2s ease;
}
.alloted-teacher-report__right--block--test--details .alloted-teacher-report__right--block--test--select {
  margin: 0px 0px 0px 10px !important;
  color: #9ca3af;
}
.alloted-teacher-report__right--block--test .alloted-teacher-report__right--block--test--details.selected {
  background-color: var(--level-1) !important;
  border: 3px dotted var(--level-2) !important;
  height: fit-content;
}
.alloted-teacher-report__right--block--test--grade {
  display: flex;
  gap: 10px;
}
.alloted-teacher-report__right--block--test--sub {
  display: flex;
  gap: 10px;
  margin-left: 20px;
}
.alloted-teacher-report__right--average {
  margin-top: 10px;
  height: calc(100% - 90px);
  display: flex;
}
.alloted-teacher-report__selected-list {
  height: 100%;
  border-radius: 6px;
  background-color: #e5e7eb;
  padding: 10px 5px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.alloted-teacher-report__selected-list--test-data {
  height: 120px;
  background-color: var(--bg-color);
  border-radius: 6px;
  padding: 5px;
}
.alloted-teacher-report__selected-list--test-data .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.alloted-teacher-report__selected-list--tests {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 10px;
}
.alloted-teacher-report__selected-list--tests span {
  background-color: #f3f4f6;
  border-radius: 12px;
  padding: 2px 5px;
  font-family: "Josefin Sans" !important;
}
.alloted-teacher-report__selected-list--class-data {
  height: calc(100% - 150px);
  margin-top: 10px;
  background-color: var(--bg-color);
  border-radius: 6px;
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.alloted-teacher-report__selected-list--class-data .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.alloted-teacher-report__selected-list--class-data .alloted-teacher-report__selected-list--tests {
  height: fit-content;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  background-color: var(--level-1);
}
.alloted-teacher-report__selected-list--class-data .alloted-teacher-report__selected-list--tests .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
  color: var(--level-5) !important;
}
.alloted-teacher-report__selected-list--class-data .alloted-teacher-report__selected-list--tests span {
  display: flex;
  align-items: center;
  font-family: "Josefin Sans" !important;
  background-color: #f9fafb;
}
.alloted-teacher-report__garph {
  height: 100%;
  border-radius: 6px;
  padding: 10px;
  background-color: var(--level-1);
}
.alloted-teacher-report__garph--block {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.alloted-teacher-report__view {
  height: calc(100% - 20px);
}
.alloted-teacher-report__view--details {
  column-gap: 20px;
  height: 120px;
}
.alloted-teacher-report__view--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.alloted-teacher-report__view--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.alloted-teacher-report__view--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.alloted-teacher-report__view--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.alloted-teacher-report__view--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.alloted-teacher-report__view--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.alloted-teacher-report__view--textfield {
  margin: 10px 0px 0px 0px !important;
}
.alloted-teacher-report__view--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.alloted-teacher-report__view--date .MuiInputBase-input {
  padding: 5px !important;
}
.alloted-teacher-report__view--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.alloted-teacher-report__view--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.alloted-teacher-report__view--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.alloted-teacher-report__view--date .MuiInputBase-input {
  height: 1.3em !important;
}
.alloted-teacher-report__view--date {
  margin: 10px 0px 0px 0px !important;
  width: fit-content !important;
}
.alloted-teacher-report__view--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.alloted-teacher-report__view--select {
  column-gap: 10px;
  margin-top: 15px;
}
.alloted-teacher-report__view--tableblock {
  height: calc(100% - 200px);
  margin-top: 10px;
}

.view-overall-att {
  height: calc(100% - 170px);
  margin: 0px 20px;
  display: flex;
  column-gap: 10px;
}
.view-overall-att__left {
  border: 1px solid var(--border-color);
  height: 100%;
  border-radius: 6px;
  width: 200px;
}
.view-overall-att__right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  width: calc(100% - 200px);
}
.view-overall-att__tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.view-overall-att__monthly {
  margin-top: 10px;
  height: calc(100% - 130px);
}
.view-overall-att__select .subtitle1 {
  margin-top: 10px !important;
}

.individual-std-report {
  margin: 0px 20px;
  height: calc(100% - 170px);
  display: flex;
  column-gap: 10px;
}
.individual-std-report__left {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: 200px;
}
.individual-std-report__right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  width: calc(100% - 200px);
}
.individual-std-report__select {
  height: 130px;
  column-gap: 20px;
}
.individual-std-report__select .MuiAutocomplete-root {
  margin-top: 8px;
}
.individual-std-report__select--profile {
  height: 100%;
}
.individual-std-report__select--profile img img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.individual-std-report__select--profile img {
  height: 100% !important;
  width: 100% !important;
}
.individual-std-report__bottom {
  margin-top: 10px;
  height: calc(100% - 140px);
  column-gap: 20px;
}
.individual-std-report__bottom--frame {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 10px);
  padding: 10px;
}

.att-report-marked {
  height: calc(100% - 170px);
  margin: 0px 20px;
  display: flex;
  column-gap: 20px;
}
.att-report-marked__left {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: 280px;
}
.att-report-marked__right {
  width: calc(100% - 280px);
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 6px;
}
.att-report-marked__cal {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.att-report-marked__cal .attendance-overview__monthly-overview--calendar {
  height: calc(100% - 165px) !important;
}

.faculty-device-details {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.faculty-device-details__select {
  column-gap: 10px;
}
.faculty-device-details__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.faculty-device-details__tableblock {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.faculty-device-details__tableblock--image {
  width: 20px;
}

.workdairy {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.workdairy__select {
  height: 40px;
}
.workdairy__select .per-session-details__list--data--flex {
  margin-top: 0px !important;
}
.workdairy__select--date {
  height: 100%;
}
.workdairy__select--date .textfield {
  height: 100%;
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important !important;
  padding: 10px !important;
}
.workdairy__table {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.workdairy__table--view {
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-report {
  height: 100%;
}
.view-report__frame {
  column-gap: 20px;
  margin-top: 10px;
  height: calc(100% - 80px);
}
.view-report__frame--left {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  padding: 5px;
}
.view-report__frame--right {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  padding: 5px;
}
.view-report__frame--right--sessions {
  height: 100%;
}
.view-report__frame--right--sessions--swipable {
  height: calc(100% - 45px);
}
.view-report__block {
  height: 100%;
  overflow: auto;
}
.view-report__block--data {
  height: fit-content;
  border-bottom: 1px solid var(--border-color);
  margin-top: 10px;
}
.view-report__block--data .teacher-dashboard__workdone--review--block--data--flex {
  border: none !important;
}
.view-report__block--header {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.view-report__block--subject {
  display: flex;
  column-gap: 10px;
  font-family: "Josefin Sans" !important;
  font-size: 18px;
}
.view-report__block--subject span {
  font-weight: bold;
}
.view-report__block--class {
  font-family: "Josefin Sans" !important;
}
.view-report__block--class span {
  color: #94a3b8;
}
.view-report__block--sub-heading {
  height: fit-content;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
  font-family: "Josefin Sans" !important;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.view-report__block--sub-heading b {
  font-size: 16px;
}
.view-report__block--sub-heading span {
  color: #94a3b8;
}
.view-report__session {
  margin-top: 10px;
  height: 400px;
  font-family: "Josefin Sans" !important;
  padding: 5px;
}
.view-report__session--class {
  height: 20px;
  color: var(--level-4);
}
.view-report__session--data {
  margin-top: 5px;
  height: calc(100% - 20px);
  border: 1px solid var(--border-color);
}
.view-report__session--data--subject {
  height: 30px;
  margin-bottom: 10px;
  padding: 10px;
}
.view-report__session--data--subject .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.view-report__session--data--topic, .view-report__session--data--activities {
  border-bottom: 1px solid var(--border-color);
  padding: 10px;
}
.view-report__session--data--topic span, .view-report__session--data--activities span {
  color: var(--level-7);
  font-size: 16px;
  font-weight: bold;
}
.view-report__session--data--topic p, .view-report__session--data--activities p {
  color: #94a3b8;
  margin-top: 5px;
  height: 120px;
  overflow: auto;
  margin: 0px !important;
}
.view-report__session--data--activities {
  border-bottom: none !important;
}

.publish-report-cards {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.publish-report-cards__filters {
  column-gap: 10px;
  margin-top: 10px;
}
.publish-report-cards__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.publish-report-cards__groups {
  height: calc(100% - 145px);
  margin-top: 10px;
  overflow: auto;
}
.publish-report-cards .report__input {
  column-gap: 10px !important;
}
.publish-report-cards .report__input .MuiAutocomplete-root {
  margin-top: 10px !important;
}

.academic-dept-list {
  margin: 10px 20px 10px 20px;
  height: calc(100% - 10px);
}
.academic-dept-list__table {
  height: 100%;
}
.academic-dept-list__table--data {
  max-height: 100%;
}
.academic-dept-list__table--data th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.academic-dept-list__table--data td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.academic-dept-list__table--data td img:hover,
.academic-dept-list__table--data td a:hover {
  cursor: pointer;
}
.academic-dept-list__table--data tbody {
  background-color: var(--level-1);
}
.academic-dept-list__table--data tbody tr:hover {
  background-color: var(--level-2);
}
.academic-dept-list__table--data tbody tr:hover td {
  color: var(--level-7);
}
.academic-dept-list__table--data tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.academic-dept-list__table--data tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.academic-dept-list__table--data {
  border-radius: 15px 15px 0px 0px !important;
  height: 100%;
}
.academic-dept-list__table--data tr:hover .institution__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.academic-dept-list__table--data--list {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academic-dept-list__table--data--total {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academic-dept-list__table--data--dropout {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academic-dept-list__table--data--th-list {
  width: 10%;
}
.academic-dept-list__table--data--th-total {
  width: 10%;
}
.academic-dept-list__table--data--th-dropout {
  width: 10%;
}

.academics-table-logo {
  background: white;
  border-radius: 30px;
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  filter: invert(0%);
}

.academic-dept-list__table--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.academic-dept-list__table--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.academic-dept-list__table--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.academics-all-studentlist {
  height: calc(100% - 240px);
  margin: 10px 20px 0px 20px;
}
.academics-all-studentlist__table {
  max-height: 100%;
}
.academics-all-studentlist__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.academics-all-studentlist__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.academics-all-studentlist__table td img:hover,
.academics-all-studentlist__table td a:hover {
  cursor: pointer;
}
.academics-all-studentlist__table tbody {
  background-color: var(--level-1);
}
.academics-all-studentlist__table tbody tr:hover {
  background-color: var(--level-2);
}
.academics-all-studentlist__table tbody tr:hover td {
  color: var(--level-7);
}
.academics-all-studentlist__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.academics-all-studentlist__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.academics-all-studentlist__table {
  border-radius: 15px 15px 0px 0px;
}
.academics-all-studentlist__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics-all-studentlist__table--th-slno {
  width: 5%;
}
.academics-all-studentlist__table--th-admno {
  width: 12%;
}
.academics-all-studentlist__table--admno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics-all-studentlist__table--admno img {
  width: 30px;
  margin: 5px;
}
.academics-all-studentlist__table--regno {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics-all-studentlist__table--date {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics-all-studentlist__table--dropout {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics-all-studentlist__table--th-regno {
  width: 7%;
}
.academics-all-studentlist__table--th-date {
  width: 5%;
}
.academics-all-studentlist__table--th-dropout {
  width: 4%;
}

.academics-all-studentlist__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.academics-all-studentlist__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.academics-all-studentlist__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.academic-test-creation {
  margin: 0px 10px 0px 10px;
  height: calc(100% - 170px);
}
.academic-test-creation--modal {
  height: 100%;
}
.academic-test-creation__data {
  height: calc(100% - 50px);
  column-gap: 20px;
}
.academic-test-creation__data--details {
  height: calc(100% - 50px);
  overflow: auto;
}
.academic-test-creation__data .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.academic-test-creation__table {
  max-height: 100%;
}
.academic-test-creation__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.academic-test-creation__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.academic-test-creation__table td img:hover,
.academic-test-creation__table td a:hover {
  cursor: pointer;
}
.academic-test-creation__table tbody {
  background-color: var(--level-1);
}
.academic-test-creation__table tbody tr:hover {
  background-color: var(--level-2);
}
.academic-test-creation__table tbody tr:hover td {
  color: var(--level-7);
}
.academic-test-creation__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.academic-test-creation__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.academic-test-creation__table {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.academic-test-creation__table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academic-test-creation__table--marks {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academic-test-creation__table--th-slno {
  width: 10%;
}
.academic-test-creation__table--th-marks {
  width: 12%;
}
.academic-test-creation__buttons {
  margin: 10px 0px 10px 10px;
}
.academic-test-creation__grid {
  display: grid;
  grid-template-columns: 0.215fr 0.8fr;
}
.academic-test-creation__grid Input {
  width: 30%;
}
.academic-test-creation__max-grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
}

.academic-test-creation__table::-webkit-scrollbar,
.academic-test-creation__data--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.academic-test-creation__table::-webkit-scrollbar-thumb,
.academic-test-creation__data--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.academic-test-creation__table::-webkit-scrollbar-thumb:hover,
.academic-test-creation__data--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.reorder-test {
  margin: 0px 20px;
  height: calc(100% - 165px);
}

.monthly-attendance-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.monthly-attendance-list__tableblock {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.monthly-attendance-list__table {
  max-height: 100%;
}
.monthly-attendance-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.monthly-attendance-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.monthly-attendance-list__table td img:hover,
.monthly-attendance-list__table td a:hover {
  cursor: pointer;
}
.monthly-attendance-list__table tbody {
  background-color: var(--level-1);
}
.monthly-attendance-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.monthly-attendance-list__table tbody tr:hover td {
  color: var(--level-7);
}
.monthly-attendance-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.monthly-attendance-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.monthly-attendance-list__table tr:hover .monthly-attendance-list__table--month {
  text-decoration: underline !important;
  cursor: pointer;
}
.monthly-attendance-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.monthly-attendance-list__table--th-slno {
  width: 4%;
}
.monthly-attendance-list__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.monthly-attendance-list__table--th-date {
  width: 8%;
}
.monthly-attendance-list__table--actions {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.monthly-attendance-list__table--status {
  width: 10%;
}
.monthly-attendance-list__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.monthly-attendance-list__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.monthly-attendance-list__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-attendance-list__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.monthly-attendance-list__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-attendance-list__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.monthly-attendance-list__textfield {
  margin: 10px 0px 0px 0px !important;
}
.monthly-attendance-list__days {
  column-gap: 10px;
}
.monthly-attendance-list__view {
  height: 100%;
}
.monthly-attendance-list__view--status-block {
  height: calc(100% - 310px);
}
.monthly-attendance-list__view--status {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #16a34a;
  font-weight: 700;
}
.monthly-attendance-list__view--form-labels {
  margin-top: 10px;
}
.monthly-attendance-list__view--form-labels .MuiFormControlLabel-root {
  margin-left: 5px !important;
}
.monthly-attendance-list__view--form-labels .MuiTypography-root {
  font-weight: bold !important;
}
.monthly-attendance-list__view--label-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.monthly-attendance-list__view .MuiSwitch-root {
  left: 15px !important;
}
.monthly-attendance-list__modal {
  height: 100%;
}
.monthly-attendance-list__modal--title {
  height: 15px;
}
.monthly-attendance-list__modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.monthly-attendance-list__modal--title img:hover {
  background-color: #f3f4f6;
}
.monthly-attendance-list__modal--block {
  height: calc(100% - 15px);
  display: flex;
  gap: 10px;
}
.monthly-attendance-list__modal--block--left, .monthly-attendance-list__modal--block--right {
  width: 50%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.monthly-attendance-list__modal--block--right {
  width: 50% !important;
}
.monthly-attendance-list__modal--block--right .monthly-attendance-list__view--status {
  height: calc(100% - 330px) !important;
}

.att-for-admin {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.att-for-admin__cards {
  margin-top: 10px;
  height: 60px;
}
.att-for-admin__cards--list {
  display: flex;
  height: 100%;
  column-gap: 15px;
}
.att-for-admin__cards--list--grid {
  height: 100%;
  width: 230px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: #f1f5f9;
  border-radius: 6px;
  padding: 0px 10px;
}
.att-for-admin__cards--list--grid img {
  width: 30px;
}
.att-for-admin__cards--list--grid span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
  width: calc(100% - 50px);
}
.att-for-admin__cards--list--grid b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.att-for-admin__cards--filter {
  text-align: right;
}
.att-for-admin__cards--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.att-for-admin__cards--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.att-for-admin__cards--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.att-for-admin__cards--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.att-for-admin__cards--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.att-for-admin__cards--textfield {
  width: fit-content !important;
  text-align: right;
}
.att-for-admin__filters {
  column-gap: 10px;
  margin-top: 10px;
}
.att-for-admin__filters--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.att-for-admin__filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.att-for-admin__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.att-for-admin__filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.att-for-admin__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.att-for-admin__tableblock {
  height: calc(100% - 235px);
  margin-top: 10px;
}
.att-for-admin__table {
  max-height: 100%;
}
.att-for-admin__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.att-for-admin__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.att-for-admin__table td img:hover,
.att-for-admin__table td a:hover {
  cursor: pointer;
}
.att-for-admin__table tbody {
  background-color: var(--level-1);
}
.att-for-admin__table tbody tr:hover {
  background-color: var(--level-2);
}
.att-for-admin__table tbody tr:hover td {
  color: var(--level-7);
}
.att-for-admin__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.att-for-admin__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.att-for-admin__table--desc {
  display: flex;
  justify-content: space-between;
}
.att-for-admin__table--actions {
  width: 15%;
}
.att-for-admin__table--number {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.att-for-admin__table .assign_teacher {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.att-for-admin__table .assign_teacher img {
  width: 15px;
  margin-left: 10px;
}
.att-for-admin__table .update-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.att-for-admin__table .update-button img {
  width: 15px;
  margin-left: 10px;
}

.att-for-teacher {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.att-for-teacher__filters {
  column-gap: 10px;
  margin-top: 10px;
}
.att-for-teacher__filters--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.att-for-teacher__filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.att-for-teacher__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.att-for-teacher__filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.att-for-teacher__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.att-for-teacher__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.att-for-teacher__table {
  max-height: 100%;
}
.att-for-teacher__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.att-for-teacher__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.att-for-teacher__table td img:hover,
.att-for-teacher__table td a:hover {
  cursor: pointer;
}
.att-for-teacher__table tbody {
  background-color: var(--level-1);
}
.att-for-teacher__table tbody tr:hover {
  background-color: var(--level-2);
}
.att-for-teacher__table tbody tr:hover td {
  color: var(--level-7);
}
.att-for-teacher__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.att-for-teacher__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.att-for-teacher__table--desc {
  display: flex;
  justify-content: space-between;
}
.att-for-teacher__table--actions {
  width: 8%;
}
.att-for-teacher__table--actions .view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.att-for-teacher__table--actions .view-button img {
  width: 20px;
}
.att-for-teacher__table .assign_teacher {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.att-for-teacher__table .assign_teacher img {
  width: 15px;
  margin-left: 10px;
}

.ass-catg {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.ass-catg__filters {
  column-gap: 10px;
}
.ass-catg__filters--button {
  display: flex;
  justify-content: flex-end;
}
.ass-catg__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.ass-catg__table {
  max-height: 100%;
}
.ass-catg__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.ass-catg__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.ass-catg__table td img:hover,
.ass-catg__table td a:hover {
  cursor: pointer;
}
.ass-catg__table tbody {
  background-color: var(--level-1);
}
.ass-catg__table tbody tr:hover {
  background-color: var(--level-2);
}
.ass-catg__table tbody tr:hover td {
  color: var(--level-7);
}
.ass-catg__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.ass-catg__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.ass-catg__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.ass-catg__table--actions {
  width: 10%;
}
.ass-catg__table--ul {
  margin-bottom: 0px !important;
}
.ass-catg__table--name:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.ass-catg__add {
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.ass-catg__add--modal {
  height: calc(100% - 30px);
}
.ass-catg__add--block {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
}
.ass-catg__add--block .MuiFormControl-root {
  background-color: var(--bg-color) !important;
}
.ass-catg__add--block .label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.ass-catg__add--tableblock {
  height: calc(100% - 150px);
  margin-top: 10px;
}
.ass-catg__add--table {
  max-height: 100%;
}
.ass-catg__add--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.ass-catg__add--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.ass-catg__add--table td img:hover,
.ass-catg__add--table td a:hover {
  cursor: pointer;
}
.ass-catg__add--table tbody {
  background-color: var(--level-1);
}
.ass-catg__add--table tbody tr:hover {
  background-color: var(--level-2);
}
.ass-catg__add--table tbody tr:hover td {
  color: var(--level-7);
}
.ass-catg__add--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.ass-catg__add--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.ass-catg__add--table--row {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.ass-catg__add--table--row:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.ass-catg__add--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.ass-catg__add--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.ass-catg__add--table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.ass-catg__add--table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.ass-catg__add--table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.ass-catg__add--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.ass-catg__add--table--row td {
  padding: 0px 3px !important;
}
.ass-catg__add--table--select {
  padding: 0px !important;
}
.ass-catg__add--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.ass-catg__add--table--actions {
  width: 10%;
}
.ass-catg__add--table--subcode {
  width: 12%;
}
.ass-catg__view {
  height: 100%;
}
.ass-catg__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.ass-catg__view--title img:hover {
  background-color: #f3f4f6;
}
.ass-catg__view--selected-catg {
  display: flex;
  justify-content: center;
  color: var(--level-5);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.ass-catg__view--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}

.add-groups {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.add-groups__modal {
  height: calc(100% - 30px);
}
.add-groups__block {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
}
.add-groups__block .MuiAutocomplete-root {
  background-color: var(--bg-color) !important;
}
.add-groups__block .label-grid {
  grid-template-columns: 1fr 1fr 0.2fr;
}
.add-groups__block .label-grid img {
  margin-top: 10px;
}
.add-groups__tableblock {
  height: calc(100% - 110px);
  margin-top: 10px;
}
.add-groups__table {
  max-height: 100%;
}
.add-groups__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.add-groups__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.add-groups__table td img:hover,
.add-groups__table td a:hover {
  cursor: pointer;
}
.add-groups__table tbody {
  background-color: var(--level-1);
}
.add-groups__table tbody tr:hover {
  background-color: var(--level-2);
}
.add-groups__table tbody tr:hover td {
  color: var(--level-7);
}
.add-groups__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.add-groups__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.add-groups__table--row {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.add-groups__table--row:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.add-groups__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.add-groups__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.add-groups__table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.add-groups__table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.add-groups__table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.add-groups__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.add-groups__table--row td {
  padding: 0px 3px !important;
}
.add-groups__table--select {
  padding: 0px !important;
}
.add-groups__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.add-groups__table--actions {
  width: 10%;
}
.add-groups__table--subcode {
  width: 12%;
}

.delete-groups {
  height: 100%;
}
.delete-groups .view-groups {
  height: calc(100% - 180px);
}
.delete-groups .ass-catg__view {
  height: calc(100% - 180px);
}

.view-groups {
  height: 100%;
}
.view-groups__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.view-groups__title img:hover {
  background-color: #f3f4f6;
}
.view-groups__selected-catg {
  display: flex;
  justify-content: center;
  color: var(--level-5);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.view-groups__tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}

.combinations {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.combinations__modal {
  height: calc(100% - 30px);
}
.combinations__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.combinations__title img:hover {
  background-color: #f3f4f6;
}
.combinations__filters {
  column-gap: 10px;
}
.combinations__filters--button {
  display: flex;
  justify-content: flex-end;
}
.combinations__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.combinations__table {
  max-height: 100%;
}
.combinations__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.combinations__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.combinations__table td img:hover,
.combinations__table td a:hover {
  cursor: pointer;
}
.combinations__table tbody {
  background-color: var(--level-1);
}
.combinations__table tbody tr:hover {
  background-color: var(--level-2);
}
.combinations__table tbody tr:hover td {
  color: var(--level-7);
}
.combinations__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.combinations__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.combinations__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.combinations__table--actions {
  width: 14%;
}
.combinations__table--assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.combinations__table--assign img {
  width: 15px;
  margin-left: 10px;
}
.combinations__table--ul {
  margin-bottom: 0px !important;
}
.combinations__table--ul b {
  font-size: 16px !important;
}
.combinations__table--name:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.combinations__add {
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.combinations__add--modal {
  height: calc(100% - 30px);
}
.combinations__add--block {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
}
.combinations__add--block .MuiAutocomplete-root {
  background-color: var(--bg-color) !important;
}
.combinations__add--tableblock {
  height: calc(100% - 150px);
  margin-top: 10px;
}
.combinations__add--table {
  max-height: 100%;
}
.combinations__add--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.combinations__add--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.combinations__add--table td img:hover,
.combinations__add--table td a:hover {
  cursor: pointer;
}
.combinations__add--table tbody {
  background-color: var(--level-1);
}
.combinations__add--table tbody tr:hover {
  background-color: var(--level-2);
}
.combinations__add--table tbody tr:hover td {
  color: var(--level-7);
}
.combinations__add--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.combinations__add--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.combinations__add--table--row {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.combinations__add--table--row:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.combinations__add--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.combinations__add--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.combinations__add--table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.combinations__add--table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.combinations__add--table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.combinations__add--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.combinations__add--table--select {
  padding: 0px !important;
}
.combinations__add--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.combinations__add--table--actions {
  width: 10%;
}
.combinations__add--table--subcode {
  width: 12%;
}
.combinations__view {
  height: 100%;
}
.combinations__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.combinations__view--title img:hover {
  background-color: #f3f4f6;
}
.combinations__view--selected-catg {
  display: flex;
  justify-content: center;
  color: var(--level-5);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.combinations__view--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}

.add-combinations {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.add-combinations__row .label-grid {
  grid-template-columns: 1fr 1fr !important;
}
.add-combinations__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.add-combinations__title img:hover {
  background-color: #f3f4f6;
}
.add-combinations__modal {
  height: calc(100% - 30px);
}
.add-combinations__block {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
}
.add-combinations__block .MuiAutocomplete-root {
  background-color: var(--bg-color) !important;
}
.add-combinations__tableblock {
  height: calc(100% - 110px);
  margin-top: 10px;
}
.add-combinations__table {
  max-height: 100%;
}
.add-combinations__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.add-combinations__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.add-combinations__table td img:hover,
.add-combinations__table td a:hover {
  cursor: pointer;
}
.add-combinations__table tbody {
  background-color: var(--level-1);
}
.add-combinations__table tbody tr:hover {
  background-color: var(--level-2);
}
.add-combinations__table tbody tr:hover td {
  color: var(--level-7);
}
.add-combinations__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.add-combinations__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.add-combinations__table--row {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.add-combinations__table--row:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.add-combinations__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.add-combinations__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.add-combinations__table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.add-combinations__table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.add-combinations__table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.add-combinations__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.add-combinations__table--row td {
  padding: 0px 3px !important;
}
.add-combinations__table--select {
  padding: 0px !important;
}
.add-combinations__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.add-combinations__table--actions {
  width: 10%;
}
.add-combinations__table--subcode {
  width: 12%;
}
.add-combinations__table--group td {
  background-color: var(--bg-color) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.view-combinations {
  height: 100%;
}
.view-combinations__delete {
  height: calc(100% - 185px);
}
.view-combinations__delete--span {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.view-combinations__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.view-combinations__title img:hover {
  background-color: #f3f4f6;
}
.view-combinations__selected-catg {
  display: flex;
  justify-content: center;
  color: var(--level-5);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.view-combinations__tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.view-combinations__table {
  max-height: 100%;
}
.view-combinations__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.view-combinations__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.view-combinations__table td img:hover,
.view-combinations__table td a:hover {
  cursor: pointer;
}
.view-combinations__table tbody {
  background-color: var(--level-1);
}
.view-combinations__table tbody tr:hover {
  background-color: var(--level-2);
}
.view-combinations__table tbody tr:hover td {
  color: var(--level-7);
}
.view-combinations__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.view-combinations__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.view-combinations__table--group td {
  background-color: var(--bg-color) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.view-combinations__table--subcode {
  width: 15%;
}

.att-report {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.att-report__block {
  display: flex;
  column-gap: 10px;
  height: 100%;
}
.att-report__block--left {
  height: 100%;
  border: 1px solid var(--border-color);
  width: 200px;
  border-radius: 6px;
}
.att-report__block--right {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 10px;
  border-radius: 6px;
  width: calc(100% - 200px);
}
.att-report__block--right--select {
  column-gap: 10px;
}
.att-report__block--right--select .storybook-input {
  margin-top: 0px !important;
}
.att-report__block--right--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}
.att-report__block--right--tableblock .MuiDataGrid-cell--textCenter {
  display: flex;
  align-items: center !important;
}
.att-report__block--right--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.att-report__block--right--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.att-report__block--right--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.att-report__block--right--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.att-report__block--right--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.att-report__block--right--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.att-report__block--right--textfield {
  width: fit-content !important;
}

.show-holiday {
  color: red;
  background-color: rgba(248, 113, 113, 0.4196078431);
  border-left: 2px solid red;
  border-right: 2px solid red;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.show-weekend {
  color: #f59e0b;
  background-color: #fffbeb;
  border-left: 2px solid #f59e0b;
  border-right: 2px solid #f59e0b;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.daily-attendance {
  height: calc(100% - 170px);
  margin: 0px 20px;
  display: flex;
  column-gap: 10px;
}
.daily-attendance__left {
  height: 100%;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  width: 200px;
}
.daily-attendance__right {
  height: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  width: calc(100% - 200px);
}
.daily-attendance__right--cards {
  margin-top: 10px;
  height: 60px;
}
.daily-attendance__right--cards--list {
  display: flex;
  height: 100%;
  column-gap: 15px;
}
.daily-attendance__right--cards--list--grid {
  height: 100%;
  width: 230px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: #f1f5f9;
  border-radius: 6px;
  padding: 0px 10px;
}
.daily-attendance__right--cards--list--grid img {
  width: 30px;
}
.daily-attendance__right--cards--list--grid span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
  width: calc(100% - 50px);
}
.daily-attendance__right--cards--list--grid b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.daily-attendance__right--cards--filter {
  text-align: right;
}
.daily-attendance__right--cards--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.daily-attendance__right--cards--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.daily-attendance__right--cards--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-attendance__right--cards--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.daily-attendance__right--cards--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.daily-attendance__right--cards--textfield {
  width: fit-content !important;
  text-align: right;
}
.daily-attendance__right--filters {
  column-gap: 10px;
  margin-top: 10px;
}
.daily-attendance__right--filters--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.daily-attendance__right--filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.daily-attendance__right--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-attendance__right--filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.daily-attendance__right--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.daily-attendance__right--tableblock {
  height: calc(100% - 235px);
  margin-top: 10px;
}
.daily-attendance__right--overall {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.daily-attendance__right--table {
  max-height: 100%;
}
.daily-attendance__right--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.daily-attendance__right--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.daily-attendance__right--table td img:hover,
.daily-attendance__right--table td a:hover {
  cursor: pointer;
}
.daily-attendance__right--table tbody {
  background-color: var(--level-1);
}
.daily-attendance__right--table tbody tr:hover {
  background-color: var(--level-2);
}
.daily-attendance__right--table tbody tr:hover td {
  color: var(--level-7);
}
.daily-attendance__right--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.daily-attendance__right--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.daily-attendance__right--table--desc {
  display: flex;
  justify-content: space-between;
}
.daily-attendance__right--table--actions {
  width: 15%;
}
.daily-attendance__right--table--number {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.daily-attendance__right--table .view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.daily-attendance__right--table .view-button img {
  width: 20px;
}

.view-daily-att-report {
  height: calc(100% - 170px);
  margin: 0px 20px;
  display: flex;
  column-gap: 30px;
}
.view-daily-att-report--left {
  height: 100%;
  width: 280px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.view-daily-att-report--right {
  width: calc(100% - 280px);
  padding: 10px;
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.view-daily-att-report--right--tableblock {
  height: calc(100% - 200px);
  margin-top: 10px;
}
.view-daily-att-report--right--filter {
  margin-top: 10px;
}
.view-daily-att-report--right--filters {
  column-gap: 10px;
}

.daily-activities {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.daily-activities .assignments__view-details {
  height: calc(100% - 45px) !important;
}
.daily-activities .assignments__view-details--data {
  height: calc(100% - 50px) !important;
}
.daily-activities .MuiDrawer-root {
  z-index: 100 !important;
}
.daily-activities__select-block {
  height: 110px;
}
.daily-activities__select-block--teacher-details {
  margin-top: 10px;
  height: 60px;
  background-color: #f3f4f6;
  border-radius: 15px;
  display: flex;
  column-gap: 5px;
  padding: 5px;
}
.daily-activities__select-block--teacher-details img {
  width: 50px;
  border-radius: 50%;
  display: block;
  margin: auto;
}
.daily-activities__select-block--teacher-details--name {
  width: calc(100% - 60px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.daily-activities__select-block--teacher-details--name span {
  display: block;
  font-family: "Spline Sans Mono", monospace !important;
}
.daily-activities__select-block--title {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--text-color);
}
.daily-activities__select {
  column-gap: 10px;
  margin-top: 10px;
}
.daily-activities__select .storybook-input {
  margin-top: 0px !important;
}
.daily-activities__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.daily-activities__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-activities__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-activities__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.daily-activities__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-activities__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.daily-activities__textfield {
  margin: 0px 0px 0px 0px !important;
}
.daily-activities__tabs {
  margin-top: 10px;
}
.daily-activities__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.daily-activities__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.daily-activities__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.daily-activities__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.daily-activities__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.daily-activities__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.daily-activities__swipable {
  height: calc(100% - 105px);
}
.daily-activities__swipable--tabs {
  height: 100% !important;
}
.daily-activities__home {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.daily-activities__home--select {
  column-gap: 10px;
  margin-top: 10px;
}
.daily-activities__home--tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.daily-activities__home--table {
  max-height: 100%;
}
.daily-activities__home--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.daily-activities__home--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.daily-activities__home--table td img:hover,
.daily-activities__home--table td a:hover {
  cursor: pointer;
}
.daily-activities__home--table tbody {
  background-color: var(--level-1);
}
.daily-activities__home--table tbody tr:hover {
  background-color: var(--level-2);
}
.daily-activities__home--table tbody tr:hover td {
  color: var(--level-7);
}
.daily-activities__home--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.daily-activities__home--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.daily-activities__home--table--view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.daily-activities__home--table--view-button img {
  width: 20px;
}
.daily-activities__home--table--assign-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.daily-activities__home--table--assign-button img {
  width: 15px;
  margin-left: 10px;
}
.daily-activities__home--table--remove-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.daily-activities__home--table--remove-button img {
  width: 15px;
  margin-left: 10px;
}
.daily-activities__home--table--upload-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.daily-activities__home--table--upload-button img {
  width: 20px;
}
.daily-activities__home--table--upload-button img {
  filter: invert(100%);
}
.daily-activities__home--table--actions {
  width: 10%;
}
.daily-activities__class-list {
  height: 100%;
  padding-top: 10px;
}
.daily-activities__class-list .assign-subjects--table {
  margin-top: 0px !important;
  height: calc(100% - 55px) !important;
}

.assignments {
  height: 100%;
}
.assignments__title {
  height: 60px;
  display: flex;
  align-items: center;
}
.assignments__title .Heading {
  text-align: left !important;
}
.assignments .storybook-input {
  margin-top: 0px !important;
}
.assignments__list {
  margin-top: 10px;
  height: calc(100% - 120px);
  overflow: auto;
}
.assignments__list--data {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.assignments__list--data--card, .stu-assignments__list--card, .assignments__view--list--cards--not-submitted, .assignments__list--data--card--not-submitted {
  text-align: center;
  border-radius: 6px;
  background-color: #f0fdf4;
  padding: 10px;
  margin-bottom: 10px;
}
.assignments__list--data--card--not-submitted {
  background-color: #fef2f2;
}
.assignments__list--data--b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.assignments__list--data--code {
  display: block;
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
}
.assignments__list--data--view {
  margin-top: 10px;
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.assignments__list--data--view img {
  width: 20px;
}
.assignments__view {
  height: 100%;
}
.assignments__view--title {
  column-gap: 10px;
}
.assignments__view--title--back {
  font-family: "Josefin Sans" !important;
  color: #475569 !important;
  display: flex;
  align-items: center;
}
.assignments__view--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.assignments__view--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.assignments__view--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.assignments__view--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.assignments__view--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.assignments__view--date {
  column-gap: 10px;
}
.assignments__view--data {
  height: calc(100% - 85px);
  overflow: auto;
}
.assignments__view--list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.assignments__view--list--cards {
  text-align: center;
  border-radius: 6px;
  background-color: #fef2f2;
  padding: 10px;
}
.assignments__view--list--cards--not-submitted {
  background-color: #f0fdf4;
}
.assignments__view--list--cards--image {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}
.assignments__view--list--cards--image img {
  width: 20px;
}
.assignments__view--list--cards--b {
  font-size: 14px;
  text-align: center;
}
.assignments__view--list--cards--li {
  justify-content: flex-start;
  padding: 10px;
  column-gap: 30px;
}
.assignments__view--list--cards--li img {
  width: 20px;
}
.assignments__view--list--cards--li:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.assignments__view--list--cards--li span {
  font-size: 14px !important;
}
.assignments__view--list--cards--flex {
  display: flex;
  justify-content: space-between;
}
.assignments__view--list--cards--submitted--text {
  font-size: 12px;
}
.assignments__view--list--cards--submitted--number {
  display: block;
  font-size: 14px;
  color: #16a34a;
  font-weight: 700;
  font-family: "Spline Sans Mono", monospace !important;
}
.assignments__view--list--cards--notsubmitted--text {
  font-size: 12px;
}
.assignments__view--list--cards--notsubmitted--number {
  display: block;
  color: #dc2626;
  font-weight: 700;
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
}
.assignments__view--list--cards--created {
  background-color: #f8fafc;
  padding: 2px;
}
.assignments__view--list--cards--created--text {
  font-size: 10px;
}
.assignments__view--list--cards--created--number {
  font-size: 10px;
  font-family: "Spline Sans Mono", monospace !important;
}
.assignments__view--mark {
  margin-top: 5px;
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.assignments__view--mark img {
  width: 15px;
  margin-left: 10px;
}
.assignments__view--update {
  margin-top: 5px;
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.assignments__view--update img {
  width: 15px;
  margin-left: 10px;
}
.assignments__creation {
  height: 100%;
}
.assignments__creation--attachments {
  border: 1px solid var(--border-color);
  padding: 5px;
  margin-top: 10px;
  border-radius: 6px;
  min-height: 35px;
  max-height: 100px;
  overflow-y: auto;
}
.assignments__creation--attachments li {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.assignments__creation--attachments--input {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assignments__creation--pdf {
  border: 1px solid var(--border-color);
  padding: 5px;
  margin-top: 10px;
  border-radius: 6px;
  min-height: 35px;
  overflow: auto;
  display: flex;
}
.assignments__creation--pdf li {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.assignments__creation--pdf--input {
  width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assignments__creation--data {
  height: calc(100% - 75px);
}
.assignments__creation--title {
  display: flex;
  justify-content: space-between;
}
.assignments__creation--selected {
  text-align: center;
}
.assignments__creation--selected span {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  color: #475569;
}
.assignments__creation--logo-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.5fr 0.6fr;
  gap: 10px;
}
.assignments__creation--browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.assignments__creation--browse input {
  display: none;
}
.assignments__creation--browse img {
  padding-right: 5px;
}
.assignments__creation--browse {
  margin: 10px 10px 0px 0px;
}
.assignments__creation--browse--input {
  display: none;
}
.assignments__creation .quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
}
.assignments__view-details {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assignments__view-details--filters {
  column-gap: 10px;
  margin-top: 10px;
}
.assignments__view-details--data, .teachers-channel__data {
  margin-top: 10px;
  height: calc(100% - 105px);
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.assignments__view-details--data-block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  background-color: #f9fafb;
  padding: 5px;
  overflow: auto;
}
.assignments__view-details--messages-list {
  height: 100%;
}
.assignments__view-details--messages-list--modal {
  height: 100%;
}
.assignments__view-details--messages-list--messages {
  height: calc(100% - 35px);
  display: flex;
  padding: 5px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
}
.assignments__view-details--messages-list--messages ul {
  height: 100% !important;
}
.assignments__view-details--messages-list--messages--list {
  display: flex;
  gap: 10px;
  border-radius: 6px;
  padding: 5px 10px;
}
.assignments__view-details--messages-list--messages--list--sender {
  border-radius: 6px;
  margin-right: 0% !important;
  background-color: var(--level-2) !important;
  padding: 5px 10px;
  border-radius: 6px;
  width: 100%;
  display: flex;
}
.assignments__view-details--messages-list--messages--list--sender--li {
  padding: 5px;
}
.assignments__view-details--messages-list--messages--file-image {
  width: 100%;
  height: 240px;
}
.assignments__view-details--messages-list--messages p {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 0px;
}
.assignments__view-details--messages-list--image {
  width: 35px;
  height: 35px;
  margin-top: 5px;
}
.assignments__view-details--messages-list--time {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  display: block;
}
.assignments__view-details--messages-list--name {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.assignments__view-details--messages-list--header {
  font-size: 20px;
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.assignments__view-details--messages-list--flex {
  display: flex;
  justify-content: space-between;
}
.assignments__view-details--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.assignments__view-details--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.assignments__view-details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.assignments__view-details--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.assignments__view-details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.assignments__view-details--textfield {
  width: fit-content !important;
  margin-top: 0px !important;
}
.assignments__view-details--channel-name {
  color: #475569;
  font-size: 16px;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
}
.assignments__view-details--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.assignments__view-details--total {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.assignments__view-details--body {
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.assignments__view-details--body .MuiChip-root {
  background-color: var(--bg-color) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}
.assignments__view-details--body--li {
  width: 100%;
  margin: 10px;
  background-color: white;
  border-radius: 6px;
  padding: 10px 20px;
}
.assignments__daily-activities {
  margin: 0px 20px;
  height: calc(100% - 65px);
}

.teachers-channel {
  height: 100%;
  padding-top: 10px;
}
.teachers-channel__data {
  margin-top: 0px !important;
  height: calc(100% - 50px) !important;
}
.teachers-channel__view {
  height: calc(100% - 45px);
}
.teachers-channel__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.teachers-channel__view--title img:hover {
  background-color: #f3f4f6;
}
.teachers-channel__view--block {
  height: calc(100% - 45px);
  margin-top: 10px;
  display: flex;
  column-gap: 20px;
}
.teachers-channel__button {
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.assignments__list::-webkit-scrollbar,
.stu-assignments__list--ul::-webkit-scrollbar,
.assignments__view-details--data-block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.assignments__list::-webkit-scrollbar-thumb,
.stu-assignments__list--ul::-webkit-scrollbar-thumb,
.assignments__view-details--data-block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.assignments__list::-webkit-scrollbar-thumb:hover,
.stu-assignments__list--ul::-webkit-scrollbar-thumb:hover,
.assignments__view-details--data-block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.stu-assignments {
  display: flex;
  height: 100%;
  column-gap: 40px;
}
.stu-assignments .subtitle1 {
  text-align: center !important;
}
.stu-assignments__list {
  height: 100%;
  width: 280px;
}
.stu-assignments__list--ul {
  margin-top: 10px;
  height: calc(100% - 30px);
  overflow: auto;
}
.stu-assignments__chat-view {
  height: 100%;
  width: calc(100% - 280px);
}
.stu-assignments__chat-view--body {
  height: calc(100% - 30px);
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
.stu-assignments__chat-view--body .MuiChip-root {
  background-color: var(--bg-color) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}
.stu-assignments__chat-view--body .channel__message-block--messages-list--messages {
  height: 100% !important;
}
.stu-assignments__chat-view--body .channel__message-block--messages-list--messages p {
  height: fit-content !important;
}

.attendance-overview {
  height: 100%;
}
.attendance-overview .MuiDrawer-paperAnchorRight {
  top: 95px !important;
  bottom: 0px !important;
  width: 30% !important;
  border-radius: 6px 0px;
}
.attendance-overview__title {
  height: 45px;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.attendance-overview__title--sessions, .attendance-overview__title--sessions--active {
  padding: 5px 12px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: var(--bg-color);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  border: 1px solid var(--border-color);
}
.attendance-overview__title--sessions--success {
  width: 20px;
  margin-right: 5px;
}
.attendance-overview__title--sessions--active {
  color: var(--level-5);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.attendance-overview__title--sessions--close {
  width: 20px;
  margin-left: 5px;
}
.attendance-overview__title--sessions:hover, .attendance-overview__title--sessions--active:hover {
  border: 1px solid var(--level-3);
}
.attendance-overview__admin {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.attendance-overview__filters {
  column-gap: 10px;
  margin-top: 10px;
}
.attendance-overview__data {
  height: calc(100% - 50px);
  column-gap: 40px;
}
.attendance-overview__data--options {
  height: 40px;
}
.attendance-overview__data--block {
  height: calc(100% - 45px);
  column-gap: 20px;
  margin-top: 10px;
}
.attendance-overview__data--block--header, .attendance-overview__b-list--header {
  height: 30px;
  background-color: var(--disabled-color);
  color: var(--level-6);
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.attendance-overview__data--block--left {
  height: 100%;
}
.attendance-overview__data--block--mid, .attendance-overview__data--block--right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.attendance-overview__data--block--body {
  height: calc(100% - 120px);
  overflow: auto;
}
.attendance-overview__data--block--buttons {
  display: flex;
  flex-direction: column;
}
.attendance-overview__data--block .acd-admin-dashboard__card {
  padding: 0px !important;
}
.attendance-overview__data .nodata {
  margin-top: 15px;
}
.attendance-overview__data--admin {
  margin: 0px 20px;
  height: calc(100% - 250px);
  column-gap: 40px;
}
.attendance-overview__data--admin .nodata {
  margin-top: 15px;
}
.attendance-overview__blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.attendance-overview__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.attendance-overview__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.attendance-overview__blocks--cards {
  height: 80px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: var(--disabled-color);
  margin: 5px 5px 5px 0px;
}
.attendance-overview__blocks--cards img {
  width: 25px;
}
.attendance-overview__blocks--cards span {
  font-size: 13px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.attendance-overview__blocks--cards b {
  font-size: 13px;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-overview__blocks--cards--present {
  color: #86efac;
}
.attendance-overview__blocks--cards--absent {
  color: #f87171;
}
.attendance-overview__blocks--cards--sessions {
  color: #fbbf24;
}
.attendance-overview__tableblock {
  height: 100%;
}
.attendance-overview__table {
  max-height: 100%;
}
.attendance-overview__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.attendance-overview__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.attendance-overview__table td img:hover,
.attendance-overview__table td a:hover {
  cursor: pointer;
}
.attendance-overview__table tbody {
  background-color: var(--level-1);
}
.attendance-overview__table tbody tr:hover {
  background-color: var(--level-2);
}
.attendance-overview__table tbody tr:hover td {
  color: var(--level-7);
}
.attendance-overview__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.attendance-overview__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.attendance-overview__table--slno {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-overview__table--admno {
  width: 16%;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-overview__table--regno {
  width: 16%;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-overview__table--status {
  width: 10%;
}
.attendance-overview__table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.attendance-overview__table--view img {
  width: 20px;
}
.attendance-overview__table tr:hover .attendance-overview__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.attendance-overview__monthly-overview {
  height: 100%;
}
.attendance-overview__monthly-overview ul {
  margin-bottom: 0px !important;
}
.attendance-overview__monthly-overview--title {
  display: flex;
  justify-content: space-between;
}
.attendance-overview__monthly-overview--date {
  display: flex;
  justify-content: space-between;
  height: 35px;
}
.attendance-overview__monthly-overview--date .storybook-button {
  margin-top: 0px !important;
}
.attendance-overview__monthly-overview--calendar {
  height: calc(100% - 250px);
  margin-top: 10px;
}
.attendance-overview__monthly-overview--month, .attendance-overview__student-attendance--month {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 10px;
  align-items: center;
}
.attendance-overview__monthly-overview--month img, .attendance-overview__student-attendance--month img {
  width: 20px;
}
.attendance-overview__monthly-overview--status {
  color: #15803d;
  font-weight: 700;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.attendance-overview__monthly-overview .customized-calendar--legends {
  display: grid !important;
  grid-template-columns: 0.1fr 1fr 1fr !important;
  gap: 5px;
}
.attendance-overview__monthly-overview--grid-container, .attendance-overview__student-attendance--grid-container {
  height: calc(100% - 30px);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto auto auto auto auto auto;
  /* Rows will adjust to fit content */
  gap: 5px;
  overflow: auto;
}
.attendance-overview__monthly-overview--grid-container--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  height: 100% !important;
}
.attendance-overview__monthly-overview--grid-day, .attendance-overview__student-attendance--grid-day {
  height: 30px !important;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto auto auto auto auto auto;
  /* Rows will adjust to fit content */
  gap: 5px;
}
.attendance-overview__monthly-overview--grid-item {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: auto;
}
.attendance-overview__monthly-overview--grid-item:hover {
  background-color: var(--level-2);
}
.attendance-overview__monthly-overview--grid-item:hover .enquiry-dashboard__data--calendar--grid-item--number {
  background-color: var(--level-6);
  color: white;
}
.attendance-overview__monthly-overview--grid-item .font-green,
.attendance-overview__monthly-overview--grid-item .font-red {
  font-weight: 700 !important;
}
.attendance-overview__monthly-overview--grid-item--date {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  padding-left: 5px;
}
.attendance-overview__monthly-overview--grid-item--number {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 17px;
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  width: fit-content;
  border-radius: 20px 0px 0px 0px;
  padding: 2px 8px;
  background-color: #f5f5f4;
}
.attendance-overview__monthly-overview--number {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  width: fit-content;
  border-radius: 20px 0px 0px 0px;
  padding: 2px 4px;
  background-color: #f5f5f4;
}
.attendance-overview__absenties-list {
  height: 100%;
}
.attendance-overview__absenties-list--title {
  display: flex;
  justify-content: space-between;
}
.attendance-overview__absenties-list--title--close {
  display: flex;
  justify-content: flex-end;
  column-gap: 20px;
}
.attendance-overview__absenties-list--tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.attendance-overview__absenties-list--table {
  max-height: 100%;
}
.attendance-overview__absenties-list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.attendance-overview__absenties-list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.attendance-overview__absenties-list--table td img:hover,
.attendance-overview__absenties-list--table td a:hover {
  cursor: pointer;
}
.attendance-overview__absenties-list--table tbody {
  background-color: var(--level-1);
}
.attendance-overview__absenties-list--table tbody tr:hover {
  background-color: var(--level-2);
}
.attendance-overview__absenties-list--table tbody tr:hover td {
  color: var(--level-7);
}
.attendance-overview__absenties-list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.attendance-overview__absenties-list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.attendance-overview__absenties-list--table tbody td {
  color: #f87171 !important;
  font-weight: 700;
}
.attendance-overview__absenties-list--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.attendance-overview__absenties-list--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.attendance-overview__absenties-list--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.attendance-overview__absenties-list--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.attendance-overview__absenties-list--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.attendance-overview__absenties-list--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.attendance-overview__absenties-list--textfield {
  width: fit-content !important;
  margin: 5px 0px 0px 0px !important;
}
.attendance-overview__student-attendance {
  height: 100%;
}
.attendance-overview__student-attendance ul {
  margin-bottom: 0px !important;
}
.attendance-overview__student-attendance .customized-calendar--legends {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 5px;
  margin-top: 5px;
}
.attendance-overview__student-attendance--details {
  height: 100px;
  border: 1.8px dashed var(--border-color);
  display: flex;
  column-gap: 10px;
  padding: 5px;
  margin-top: 10px;
}
.attendance-overview__student-attendance--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.attendance-overview__student-attendance--details--list {
  display: grid;
  grid-template-columns: 0.6fr 0.2fr 1fr;
  width: calc(100% - 100px);
}
.attendance-overview__student-attendance--details--list Label {
  margin-top: 0px !important;
}
.attendance-overview__student-attendance--percentage {
  display: flex;
  justify-content: space-between;
  height: 100px;
}
.attendance-overview__student-attendance--percentage b {
  margin-top: 10px;
}
.attendance-overview__student-attendance--update-att {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  border-bottom: 1.6px dashed var(--border-color);
  padding-bottom: 10px;
}
.attendance-overview__student-attendance--graph {
  height: 100%;
  width: 80px;
}
.attendance-overview__student-attendance--graph .echarts-for-react {
  height: 100% !important;
}
.attendance-overview__student-attendance--block {
  margin-top: 10px;
  height: calc(100% - 425px);
}
.attendance-overview__student-attendance--calendar {
  margin-top: 5px;
  height: 400px;
}
.attendance-overview__student-attendance--title {
  display: flex;
  justify-content: space-between;
}
.attendance-overview__student-attendance--grid-container--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  height: 100% !important;
}
.attendance-overview__student-attendance--grid-item {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: auto;
}
.attendance-overview__student-attendance--grid-item:hover {
  background-color: var(--level-2);
}
.attendance-overview__student-attendance--grid-item .font-green,
.attendance-overview__student-attendance--grid-item .font-red {
  font-weight: 700 !important;
}
.attendance-overview__student-attendance--grid-item--date {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.attendance-overview__student-attendance--status {
  height: 100%;
}
.attendance-overview__student-attendance--status--title {
  height: 40px;
  display: flex;
}
.attendance-overview__student-attendance--status--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.attendance-overview__student-attendance--status--title--close:hover {
  background-color: #f3f4f6;
}
.attendance-overview__student-attendance--status--block {
  height: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.attendance-overview__student-attendance--status--block .Label {
  font-family: "Spline Sans Mono", monospace !important;
  margin-top: 0px !important;
}
.attendance-overview__student-attendance--status--toggle {
  height: 30px;
}
.attendance-overview__student-attendance--status .font-green .font-red {
  font-family: "Josefin Sans" !important;
}
.attendance-overview__student-attendance--status--filter {
  height: 40px;
  width: 200px;
  margin-top: 10px;
}
.attendance-overview__session-list, .attendance-overview__session-list--session {
  height: calc(100% - 50px);
  margin-top: 10px;
  overflow: auto;
}
.attendance-overview__session-list--session {
  height: calc(100% - 70px);
}
.attendance-overview__session-list--li {
  background-color: #f3f4f6;
  border-radius: 15px;
  padding: 10px;
  margin-top: 10px;
}
.attendance-overview__session-list--title {
  display: flex;
  justify-content: space-between;
  color: var(--level-5);
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.attendance-overview__session-list--flex {
  display: flex;
  column-gap: 5px;
}
.attendance-overview__session-list--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.attendance-overview__session-list--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.attendance-overview__session-list--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.attendance-overview__session-list--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.attendance-overview__session-list--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.attendance-overview__session-list--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.attendance-overview__session-list--textfield {
  margin-top: 10px !important;
  width: fit-content !important;
}
.attendance-overview__sessions {
  display: flex;
  column-gap: 10px;
  margin-left: 10px;
  width: calc(100% - 40px);
  overflow: hidden;
}
.attendance-overview__std-att--update {
  height: calc(100% - 45px);
}
.attendance-overview__std-att {
  height: 100%;
}
.attendance-overview__std-att--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.attendance-overview__std-att--title img:hover {
  background-color: #f3f4f6;
}
.attendance-overview__std-att--datablock {
  height: calc(100% - 75px);
  column-gap: 20px;
  margin-top: 5px;
}
.attendance-overview__std-att--details, .attendance-overview__std-att--leave-details {
  border-bottom: 1.8px dashed var(--border-color);
  display: flex;
  column-gap: 10px;
  padding: 5px;
}
.attendance-overview__std-att--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.attendance-overview__std-att--details--list {
  display: grid;
  grid-template-columns: 0.6fr 0.2fr 1fr;
  width: calc(100% - 100px);
}
.attendance-overview__std-att--details--list Label {
  margin-top: 0px !important;
}
.attendance-overview__std-att--frame {
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
}
.attendance-overview__std-att--cards {
  height: 80px;
  gap: 10px;
  margin-top: 10px;
}
.attendance-overview__std-att--session {
  height: 40px;
}
.attendance-overview__std-att--blocks {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.attendance-overview__std-att--blocks:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.attendance-overview__std-att--blocks {
  border-radius: 6px;
}
.attendance-overview__std-att--blocks--attendance {
  display: flex;
  justify-content: center !important;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  color: #d946ef;
  font-weight: 700;
}
.attendance-overview__std-att--blocks--header {
  display: block;
  text-align: center;
  color: #94a3b8;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  font-weight: 700;
  height: 50px !important;
}
.attendance-overview__std-att--blocks--present, .attendance-overview__std-att--blocks--percentage, .attendance-overview__std-att--blocks--absent {
  display: flex;
  justify-content: center !important;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  font-weight: 700;
  color: #22c55e !important;
}
.attendance-overview__std-att--blocks--absent {
  color: #ef4444 !important;
}
.attendance-overview__std-att--blocks--percentage {
  color: #64748b !important;
}
.attendance-overview__std-att--button {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.attendance-overview__std-att--percentage {
  height: calc(100% - 305px);
  margin-top: 20px;
}
.attendance-overview__std-att--percentage--text b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  text-align: center;
  display: block;
  margin: 10px auto;
}
.attendance-overview__std-att--percentage--graph {
  height: calc(100% - 50px);
}
.attendance-overview__std-att--percentage--graph .echarts-for-react {
  height: 100% !important;
}
.attendance-overview__std-att--leave-details {
  display: block;
  background-color: var(--disabled-color);
}
.attendance-overview__std-att--leave-details--status {
  display: flex;
  justify-content: space-between;
}
.attendance-overview__std-att--leave-details--text span {
  display: block;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.attendance-overview__std-att--leave-details--pr {
  background-color: #16a34a;
  color: white;
  font-size: 12px;
  border-radius: 2px;
  padding: 2px;
}
.attendance-overview__std-att--leave-details--edit {
  height: 15px;
  width: 15px;
}
.attendance-overview__std-att--leave-details--ab {
  border: 1px solid #f87171;
  color: #f87171;
  font-size: 12px;
  border-radius: 2px;
  padding: 2px;
}
.attendance-overview__std-att--leave-details--comments {
  color: #9ca3af;
  border-radius: 2px;
  padding: 2px;
  background-color: #e5e7eb;
  font-size: 14px;
  text-transform: capitalize;
}
.attendance-overview__std-att--leave-details label {
  margin-top: 0px !important;
  padding: 0px !important;
}
.attendance-overview__std-att--month {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 10px;
}
.attendance-overview__std-att--month img {
  width: 20px;
}
.attendance-overview__std-att--calendar {
  margin-top: 5px;
  height: calc(100% - 240px);
}
.attendance-overview__std-att--legends {
  height: 30px;
}
.attendance-overview__std-att--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.attendance-overview__std-att--title img:hover {
  background-color: #f3f4f6;
}
.attendance-overview__std-att--block {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 75px);
  flex-direction: column;
}
.attendance-overview__std-att--block .MuiSwitch-root {
  margin-bottom: 20px !important;
}
.attendance-overview__std-att--graph {
  height: calc(100% - 70px);
}
.attendance-overview__std-att--graph .echarts-for-react {
  height: 100% !important;
}
.attendance-overview__date {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.attendance-overview__b-list {
  height: 100%;
}
.attendance-overview__b-list--header {
  color: var(--text-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.attendance-overview__b-list--header b {
  font-size: 16px;
  background-color: var(--level-1);
  color: var(--level-6);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 4px 10px;
  height: 30px;
  width: 30px;
}
.attendance-overview__b-list--ul {
  height: calc(100% - 75px);
  margin-bottom: 0px;
  overflow: auto;
}
.attendance-overview__b-list--ul li {
  display: flex;
  justify-content: space-between;
  padding: 3px;
  background-color: var(--disabled-color);
  border-bottom: 1px solid var(--border-color);
  margin-top: 2px;
  border-radius: 6px;
}
.attendance-overview__b-list--ul--flex {
  display: flex;
  column-gap: 5px;
}
.attendance-overview__b-list--ul--name {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.attendance-overview__b-list--ul--name span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.attendance-overview__b-list--ul--name b {
  color: var(--level-6);
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-overview__b-list--ul--name img {
  width: 25px;
  height: 25px;
}
.attendance-overview__sessionwise-dailyactivities {
  height: calc(100% - 90px);
  margin: 0px;
  column-gap: 40px;
}
.attendance-overview__sessionwise, .attendance-overview__sessionwise--active {
  height: calc(100% - 210px);
  margin: 0px 20px;
  column-gap: 40px;
}
.attendance-overview__sessionwise--active {
  height: calc(100% - 250px);
}
.attendance-overview__sessionwise--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--level-6);
  height: 30px;
  padding: 0px 5px;
  border-radius: 3px;
}
.attendance-overview__sessionwise--header span {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: white;
  font-weight: 700;
}
.attendance-overview__sessionwise--header b {
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  align-items: center;
  background-color: white;
  color: var(--level-6);
}

.attendance-overview__monthly-overview--grid-container::-webkit-scrollbar, .attendance-overview__student-attendance--grid-container::-webkit-scrollbar,
.attendance-overview__session-list::-webkit-scrollbar,
.attendance-overview__session-list--session::-webkit-scrollbar,
.attendance-overview__b-list--ul::-webkit-scrollbar,
.attendance-overview__data--block--body::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.attendance-overview__monthly-overview--grid-container::-webkit-scrollbar-thumb, .attendance-overview__student-attendance--grid-container::-webkit-scrollbar-thumb,
.attendance-overview__session-list::-webkit-scrollbar-thumb,
.attendance-overview__session-list--session::-webkit-scrollbar-thumb,
.attendance-overview__b-list--ul::-webkit-scrollbar-thumb,
.attendance-overview__data--block--body::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.attendance-overview__monthly-overview--grid-container::-webkit-scrollbar-thumb:hover, .attendance-overview__student-attendance--grid-container::-webkit-scrollbar-thumb:hover,
.attendance-overview__session-list::-webkit-scrollbar-thumb:hover,
.attendance-overview__session-list--session::-webkit-scrollbar-thumb:hover,
.attendance-overview__b-list--ul::-webkit-scrollbar-thumb:hover,
.attendance-overview__data--block--body::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.academics__channel {
  height: 100%;
}
.academics__channel--title {
  display: flex;
  align-items: center;
  height: 60px;
}
.academics__channel--title .Heading {
  text-align: left !important;
}
.academics__channel--datablock {
  height: calc(100% - 5px);
  display: flex;
  column-gap: 20px;
}
.academics__channel--datablock--left, .academics__channel--datablock--right {
  height: calc(100% - 10px);
  width: calc(100% - 290px);
  border: 1px solid var(--border-color);
  margin-top: 10px;
  position: relative;
  overflow: auto;
}
.academics__channel--datablock--left--header {
  display: flex;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0px;
  padding: 0px 5px;
  background: rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(16.1333332062px);
}
.academics__channel--datablock--left--header .storybook-input {
  margin-top: 0px;
  width: 150px;
}
.academics__channel--datablock--left--messages {
  height: calc(100% - 40px);
  overflow: auto;
  display: flex;
  padding: 5px 20px;
}
.academics__channel--datablock--left--messages ul {
  width: 100% !important;
  height: 100%;
}
.academics__channel--datablock--left--messages--list {
  display: flex;
  gap: 10px;
  height: fit-content;
  width: fit-content;
  border-radius: 6px;
  background-color: white;
  padding: 5px 10px;
}
.academics__channel--datablock--left--messages--list--li {
  padding: 5px 200px 5px 5px;
}
.academics__channel--datablock--left--messages--list Label {
  margin-top: 2px;
  padding: 0px;
  font-weight: 700 !important;
  margin-right: 10px;
}
.academics__channel--datablock--left--messages--list--sender {
  border-radius: 6px;
  display: flex;
  justify-content: flex-end !important;
  margin-right: 0% !important;
  width: fit-content;
  margin-left: auto !important;
  background-color: var(--level-1);
  padding: 5px 10px;
  border-radius: 6px;
}
.academics__channel--datablock--left--messages--list--sender--li {
  padding: 5px 5px 5px 200px;
}
.academics__channel--datablock--left--messages--list--sender--left {
  width: 25%;
}
.academics__channel--datablock--left--messages--file-image {
  width: 320px;
  height: 240px;
}
.academics__channel--datablock--left--messages p {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 0px;
}
.academics__channel--datablock--left--messages b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: #475569 !important;
}
.academics__channel--datablock--right {
  width: 260px;
}
.academics__channel--datablock--right--list {
  height: 100%;
}
.academics__channel--datablock--right--list .storybook-input {
  margin-top: 0px !important;
}
.academics__channel--datablock--right--list .storybook-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.academics__channel--datablock--right--list--header {
  height: 40px;
  background-color: #9ca3af;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: white;
  justify-content: space-between;
  padding: 0px 5px;
  font-weight: 700;
}
.academics__channel--datablock--right--list--data {
  margin: 5px 10px;
  height: calc(100% - 50px);
  background: var(--bg-color);
}
.academics__channel--datablock--right--list--data .storybook-input {
  margin-top: 0px !important;
}
.academics__channel--datablock--right--list--data .storybook-button {
  width: 100%;
  display: flex;
  justify-content: center;
}
.academics__channel--datablock--right--list--send {
  display: none;
}
.academics__channel--datablock--right--list--ul, .academics__channel--datablock--right--list--sel {
  margin-top: 10px;
  height: calc(100% - 160px);
  padding: 5px;
  overflow: auto;
  margin-bottom: 0px !important;
}
.academics__channel--datablock--right--list--ul li, .academics__channel--datablock--right--list--sel li {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  align-items: center;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  padding: 5px;
  border-radius: 6px;
}
.academics__channel--datablock--right--list--ul li:hover, .academics__channel--datablock--right--list--sel li:hover {
  background-color: var(--level-1);
}
.academics__channel--datablock--right--list--ul li:hover .academics__channel--datablock--right--list--send, .academics__channel--datablock--right--list--sel li:hover .academics__channel--datablock--right--list--send {
  display: flex;
  width: 20px !important;
  height: 20px !important;
}
.academics__channel--datablock--right--list--sel {
  height: calc(100% - 85px);
}
.academics__channel--datablock--right--list--subheader {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  padding: 0px 5px;
}
.academics__channel--datablock--right--list--subheader b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #9ca3af;
}
.academics__channel--datablock--right--list--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.academics__channel--datablock--right--list--flex img {
  width: 30px;
  height: 30px;
}
.academics__channel--view-more {
  height: calc(100% - 75px);
}

.academics__channel--datablock--left::-webkit-scrollbar, .academics__channel--datablock--right::-webkit-scrollbar,
.academics__channel--send-message--block--right--ul::-webkit-scrollbar,
.academics__channel--datablock--right--list--ul::-webkit-scrollbar,
.academics__channel--datablock--right--list--sel::-webkit-scrollbar,
.academics__channel--datablock--left--messages::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.academics__channel--datablock--left::-webkit-scrollbar-thumb, .academics__channel--datablock--right::-webkit-scrollbar-thumb,
.academics__channel--send-message--block--right--ul::-webkit-scrollbar-thumb,
.academics__channel--datablock--right--list--ul::-webkit-scrollbar-thumb,
.academics__channel--datablock--right--list--sel::-webkit-scrollbar-thumb,
.academics__channel--datablock--left--messages::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.academics__channel--datablock--left::-webkit-scrollbar-thumb:hover, .academics__channel--datablock--right::-webkit-scrollbar-thumb:hover,
.academics__channel--send-message--block--right--ul::-webkit-scrollbar-thumb:hover,
.academics__channel--datablock--right--list--ul::-webkit-scrollbar-thumb:hover,
.academics__channel--datablock--right--list--sel::-webkit-scrollbar-thumb:hover,
.academics__channel--datablock--left--messages::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.sub-details {
  height: 100%;
}
.sub-details__title {
  display: flex;
  height: 60px;
  align-items: center;
}
.sub-details__title .Heading {
  text-align: left !important;
}
.sub-details__classteacher, .sub-details__std-list--classteacher {
  width: 400px;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 80px;
}
.sub-details__classteacher--profile, .sub-details__std-list--classteacher--profile {
  display: flex;
  column-gap: 5px;
}
.sub-details__classteacher--profile img, .sub-details__std-list--classteacher--profile img {
  width: 50px;
  border-radius: 50%;
}
.sub-details__classteacher--profile--details, .sub-details__std-list--classteacher--profile--details {
  width: calc(100% - 50px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sub-details__classteacher--profile--details span, .sub-details__std-list--classteacher--profile--details span {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  color: var(--text-color);
  display: block;
}
.sub-details__classteacher--profile--details b, .sub-details__std-list--classteacher--profile--details b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.sub-details__classteacher--desc, .sub-details__std-list--classteacher--desc {
  display: flex;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.sub-details__images {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  margin-right: 10px;
  height: 40px;
}
.sub-details__images .active-image {
  background-color: var(--level-4);
  border-radius: 6px;
}
.sub-details__images img:hover {
  background-color: var(--level-2);
  padding: 5px;
  border-radius: 6px;
}
.sub-details__tableblock {
  margin-top: 10px;
  height: calc(100% - 200px);
}
.sub-details__table {
  max-height: 100%;
}
.sub-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.sub-details__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.sub-details__table td img:hover,
.sub-details__table td a:hover {
  cursor: pointer;
}
.sub-details__table tbody {
  background-color: var(--level-1);
}
.sub-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.sub-details__table tbody tr:hover td {
  color: var(--level-7);
}
.sub-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.sub-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.sub-details__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sub-details__table--code {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sub-details__table--type {
  width: 8%;
}
.sub-details__table--teacher {
  width: 12%;
}
.sub-details__table--teacher--details {
  display: flex;
  column-gap: 5px;
}
.sub-details__table--teacher--details img {
  width: 25px;
  border-radius: 50%;
}
.sub-details__table--teacher--details b {
  font-size: 16px !important;
}
.sub-details__table--teacher--details span {
  display: block;
}
.sub-details__table--open-elective td {
  background-color: var(--bg-color) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.sub-details__std-list {
  height: 100%;
}
.sub-details__std-list--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.sub-details__std-list--title img:hover {
  background-color: #f3f4f6;
}
.sub-details__std-list--subtitle {
  display: flex;
  margin-top: 5px;
}
.sub-details__std-list--subtitle b {
  font-size: 20px !important;
}
.sub-details__std-list--subtitle span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #6b7280;
  margin-top: 5px;
}
.sub-details__std-list--classteacher {
  margin-top: 10px;
}
.sub-details__std-list--tableblock {
  height: calc(100% - 280px);
  margin-top: 10px;
}
.sub-details__per-std {
  height: 100%;
}
.sub-details__per-std--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.sub-details__per-std--title img:hover {
  background-color: #f3f4f6;
}
.sub-details__per-std--details {
  height: 130px;
  column-gap: 10px;
  margin-top: 10px;
}
.sub-details__per-std--std-profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.sub-details__per-std--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.sub-details__per-std--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.sub-details__per-std--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.sub-details__per-std--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.sub-details__per-std--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.sub-details__per-std--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.sub-details__per-std--textfield {
  margin: 10px 0px 0px 0px !important;
}
.sub-details__per-std--tableblock {
  height: calc(100% - 285px);
  margin-top: 10px;
}

.academics__exam {
  height: 100%;
  padding: 5px 10px;
}
.academics__exam--constants {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.academics__exam--constants--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.academics__exam--constants--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.academics__exam--constants--cards {
  height: 70px;
}
.academics__exam--constants--cards--test-conducted, .academics__exam--constants--cards--pending-me, .academics__exam--constants--cards--me-completed {
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: 700;
  font-size: 16px;
  color: #e879f9;
  display: flex;
  justify-content: center;
}
.academics__exam--constants--cards--me-completed {
  color: #4ade80;
}
.academics__exam--constants--cards--pending-me {
  color: #ef4444;
}
.academics__exam--filters {
  column-gap: 10px;
}
.academics__exam--filters--textfield {
  width: fit-content !important;
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.academics__exam--filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.academics__exam--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.academics__exam--filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.academics__exam--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.academics__exam--filters--flex {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
}
.academics__exam--filters--flex img {
  margin-top: 5px;
}
.academics__exam--details {
  height: calc(100% - 225px);
  margin-top: 10px;
  overflow: auto;
}
.academics__exam--details--li {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 205px;
}
.academics__exam--details--cards, .academics__exam--details--cards--bg-red, .academics__exam--details--cards--bg-green {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.academics__exam--details--cards:hover, .academics__exam--details--cards--bg-red:hover, .academics__exam--details--cards--bg-green:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.academics__exam--details--cards, .academics__exam--details--cards--bg-red, .academics__exam--details--cards--bg-green {
  height: 100% !important;
}
.academics__exam--details--cards--bg-green {
  background-color: #f0fdf4;
}
.academics__exam--details--cards--bg-red {
  background-color: #fef2f2;
}
.academics__exam--details--cards--derivative {
  border: 1px solid var(--level-4);
  color: var(--level-4);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
  display: block;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
}
.academics__exam--details--cards--nonacademic {
  color: var(--text-color);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
  background-color: var(--disabled-color);
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.academics__exam--details--cards .derivative-logo, .academics__exam--details--cards--bg-green .derivative-logo, .academics__exam--details--cards--bg-red .derivative-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  height: 40px;
}
.academics__exam--details--cards--title {
  display: flex;
  justify-content: center;
  color: var(--text-color);
}
.academics__exam--details--cards--sub-code {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  display: block;
  text-align: center;
}
.academics__exam--details--cards--flex {
  display: flex;
  justify-content: space-between;
}
.academics__exam--details--cards--subjects {
  text-align: left;
}
.academics__exam--details--cards--subjects--total {
  font-family: "Josefin Sans" !important;
  font-size: 12px;
  color: var(--text-color);
  height: 20px;
}
.academics__exam--details--cards--subjects--number, .academics__exam--details--cards--marks--number {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 10px;
  color: var(--text-color);
  display: block;
  text-align: center !important;
  font-weight: 700;
}
.academics__exam--details--cards--marks {
  text-align: right;
}
.academics__exam--details--cards--marks--number {
  color: #4ade80;
}
.academics__exam--details--cards--date {
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
  background-color: #f9fafb;
  padding: 2px 10px;
  border-radius: 5px;
}
.academics__exam--details--cards--button {
  display: flex;
  justify-content: center;
}
.academics__exam--details--cards--button .storybook-button {
  margin-top: 5px !important;
}
.academics__exam--details--cards--icons {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  height: 25px;
}
.academics__exam--details--cards Label, .academics__exam--details--cards--bg-green Label, .academics__exam--details--cards--bg-red Label {
  margin-top: 5px !important;
  padding: 0px !important;
}
.academics__exam--choose-sub {
  height: 100%;
}
.academics__exam--choose-sub--tableblock {
  height: calc(100% - 70px);
  column-gap: 30px;
}
.academics__exam--choose-sub--tableblock .nodata {
  height: 50px;
  font-size: 12px;
  font-weight: 500 !important;
  margin-top: 5px;
}
.academics__exam--choose-sub--table {
  max-height: 100%;
}
.academics__exam--choose-sub--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.academics__exam--choose-sub--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.academics__exam--choose-sub--table td img:hover,
.academics__exam--choose-sub--table td a:hover {
  cursor: pointer;
}
.academics__exam--choose-sub--table tbody {
  background-color: var(--level-1);
}
.academics__exam--choose-sub--table tbody tr:hover {
  background-color: var(--level-2);
}
.academics__exam--choose-sub--table tbody tr:hover td {
  color: var(--level-7);
}
.academics__exam--choose-sub--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.academics__exam--choose-sub--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.academics__exam--choose-sub--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.academics__exam--choose-sub--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.academics__exam--choose-sub--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.academics__exam--choose-sub--table {
  margin-top: 5px;
  height: calc(100% - 60px);
}
.academics__exam--choose-sub--table .MuiFormControl-root {
  margin-top: 0px !important;
}
.academics__exam--choose-sub--table--parent-row {
  display: flex !important;
  justify-content: space-between !important;
  color: var(--level-6) !important;
  font-size: 16px !important;
  font-weight: 600;
  background-color: var(--bg-color) !important;
}
.academics__exam--choose-sub--table--parent-row--image {
  display: flex;
  gap: 10px;
}
.academics__exam--choose-sub--table--parent-row--image b {
  font-family: "Spline Sans Mono", monospace !important;
  background-color: var(--disabled-color);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 30px;
  margin: 2px;
  color: var(--text-color);
}
.academics__exam--choose-sub--table--parent-row--image img {
  width: 20px;
}
.academics__exam--choose-sub--table--disabled-row {
  opacity: 0.5;
}
.academics__exam--choose-sub--table .academics__exam--choose-sub--table--link:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.academics__exam--choose-sub--table--subjects {
  display: flex !important;
  justify-content: space-between !important;
}
.academics__exam--choose-sub--table--subjects img {
  width: 20px;
}
.academics__exam--marks-entry {
  margin: 5px 20px 0px 20px;
  height: calc(100% - 170px);
}
.academics__exam--marks-entry--options {
  column-gap: 10px;
}
.academics__exam--marks-entry--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.academics__exam--marks-entry--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.academics__exam--marks-entry--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.academics__exam--marks-entry--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.academics__exam--marks-entry--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.academics__exam--marks-entry--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.academics__exam--marks-entry--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.academics__exam--marks-entry--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.academics__exam--marks-entry--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.academics__exam--marks-entry--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.academics__exam--marks-entry--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.academics__exam--marks-entry--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.academics__exam--marks-entry--textfield--date {
  width: fit-content !important;
}
.academics__exam--marks-entry--table {
  max-height: 100%;
}
.academics__exam--marks-entry--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.academics__exam--marks-entry--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.academics__exam--marks-entry--table td img:hover,
.academics__exam--marks-entry--table td a:hover {
  cursor: pointer;
}
.academics__exam--marks-entry--table tbody {
  background-color: var(--level-1);
}
.academics__exam--marks-entry--table tbody tr:hover {
  background-color: var(--level-2);
}
.academics__exam--marks-entry--table tbody tr:hover td {
  color: var(--level-7);
}
.academics__exam--marks-entry--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.academics__exam--marks-entry--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.academics__exam--marks-entry--table {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.academics__exam--marks-entry--table input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.academics__exam--marks-entry--table input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.academics__exam--marks-entry--table .MuiFormControl-root {
  margin-top: 0px !important;
}
.academics__exam--marks-entry--table--textarea {
  display: flex !important;
  align-items: center;
}
.academics__exam--marks-entry--table--textarea .storybook-textarea {
  margin-top: 0px !important;
  background-color: var(--level-1) !important;
}
.academics__exam--marks-entry--table--textarea .storybook-textarea:focus {
  background-color: var(--bg-color) !important;
}
.academics__exam--marks-entry--table--textarea img {
  width: 25px;
  height: 25px;
}
.academics__exam--marks-entry--select-sub {
  margin-top: 10px;
  column-gap: 20px;
}
.academics__exam--marks-entry--select-sub .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.academics__exam--marks-entry--select-sub .MuiChip-root {
  height: 20px !important;
}
.academics__exam--marks-entry--select-sub .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.academics__exam--marks-entry--date {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.academics__exam--marks-entry--subtitle {
  margin-top: 5px;
  align-items: center;
}
.academics__exam--marks-entry--subtitle .subtitle1 {
  text-align: left !important;
}
.academics__exam--marks-entry--tableblock {
  margin-top: 10px;
  height: calc(100% - 176px);
}
.academics__exam--marks-entry--table {
  max-height: 100%;
}
.academics__exam--marks-entry--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.academics__exam--marks-entry--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.academics__exam--marks-entry--table td img:hover,
.academics__exam--marks-entry--table td a:hover {
  cursor: pointer;
}
.academics__exam--marks-entry--table tbody {
  background-color: var(--level-1);
}
.academics__exam--marks-entry--table tbody tr:hover {
  background-color: var(--level-2);
}
.academics__exam--marks-entry--table tbody tr:hover td {
  color: var(--level-7);
}
.academics__exam--marks-entry--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.academics__exam--marks-entry--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.academics__exam--marks-entry--table--grade {
  width: 8%;
}
.academics__exam--marks-entry--table--grade .MuiFormControl-root {
  margin-top: 0px !important;
}
.academics__exam--marks-entry--table--grade .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.academics__exam--marks-entry--table--select-row {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.academics__exam--marks-entry--table--select-row:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.academics__exam--marks-entry--table--groupheader {
  height: 30px;
}
.academics__exam--marks-entry--table--subheader {
  height: 25px;
}
.academics__exam--marks-entry--table--subheader th {
  top: 30px;
  background-color: var(--level-8);
}
.academics__exam--marks-entry--table--subheader1 th {
  top: 55px;
  background-color: var(--level-8);
}
.academics__exam--marks-entry--table--marks {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics__exam--marks-entry--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics__exam--marks-entry--table--regno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.academics__exam--marks-entry--table--input {
  width: 12%;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.academics__exam--marks-entry--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.academics__exam--marks-entry--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.academics__exam--marks-entry--table--input {
  padding: 0px !important;
}
.academics__exam--marks-entry--table--switch {
  width: 12%;
}
.academics__exam--remarks {
  height: 100%;
}
.academics__exam--remarks--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.academics__exam--remarks--title img:hover {
  background-color: #f3f4f6;
}
.academics__exam--remarks--subtitle {
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--level-4);
}
.academics__exam--remarks .storybook-textarea {
  height: calc(100% - 255px) !important;
}
.academics__exam--remarks--details {
  column-gap: 10px;
}
.academics__exam--deravative-logo {
  height: 20px;
  margin: 10px;
}
.academics__exam--deravative-logo img {
  height: 100% !important;
}
.academics__exam--view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.academics__exam--view-button img {
  width: 20px;
}
.academics__exam--portions {
  height: calc(100% - 35px);
}
.academics__exam--portions--header .Heading {
  text-align: start !important;
}
.academics__exam--portions--details {
  height: calc(100% - 50px);
}
.academics__exam--portions--details .assign-lesson-planner {
  margin: 0px !important;
  height: 100% !important;
}
.academics__exam--portions--details .assign-lesson-planner__frame {
  height: calc(100% - 45px) !important;
}
.academics__exam--portions-page {
  height: 100%;
}
.academics__exam--portions-page--details {
  height: calc(100% - 225px);
  margin: 0px 20px;
}
.academics__exam--portions-page--details .assign-lesson-planner {
  margin: 0px !important;
  height: 100% !important;
}
.academics__exam--portions-page--details .assign-lesson-planner__frame {
  height: calc(100% - 45px) !important;
}
.academics__exam--portion-list__header {
  height: 85px;
  display: flex;
  align-items: center;
  font-family: "Josefin Sans" !important;
}
.academics__exam--portion-list__header b {
  font-family: "Spline Sans Mono", monospace !important;
}
.academics__exam--image {
  height: 30px;
}

.academics__exam--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.academics__exam--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.academics__exam--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.submission-details {
  height: calc(100% - 30px);
}
.submission-details__title {
  text-align: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.submission-details__block {
  height: 80px;
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.submission-details__block--details {
  width: 45%;
  padding: 5px;
  border-right: 1px dashed var(--border-color);
}
.submission-details__block--details span {
  display: block;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
}
.submission-details__block--images {
  height: 100%;
  padding: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.submission-details__block--dates {
  display: flex;
  justify-content: flex-end;
}
.submission-details__block--dates--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.submission-details__block--dates--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.submission-details__block--dates--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.submission-details__block--dates--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.submission-details__block--dates--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.submission-details__block--dates--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.submission-details__block--dates--textfield {
  margin: 10px 10px 0px 0px !important;
  width: fit-content !important;
}
.submission-details__block--show-all {
  height: calc(100% - 80px);
  overflow: auto;
}
.submission-details__block--show-all li {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  background-color: #f3f4f6;
  border-radius: 6px;
  margin-top: 10px;
}
.submission-details__block--show-all li img {
  width: 30px;
  margin-right: 10px;
}
.submission-details__block--show-all li span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #475569;
  width: calc(100% - 70px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.submission-details__block--show-all li span:hover {
  text-decoration: underline;
}
.submission-details__block--icons {
  display: flex;
  column-gap: 5px;
}
.submission-details__block--icons img {
  width: 30px;
}
.submission-details__block--view-more {
  color: var(--level-5);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin-top: 10px;
}
.submission-details__block--view-more:hover {
  text-decoration: underline;
  font-weight: 700;
}
.submission-details__tableblock {
  height: calc(100% - 215px);
  margin-top: 10px;
}
.submission-details__table {
  max-height: 100%;
}
.submission-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.submission-details__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.submission-details__table td img:hover,
.submission-details__table td a:hover {
  cursor: pointer;
}
.submission-details__table tbody {
  background-color: var(--level-1);
}
.submission-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.submission-details__table tbody tr:hover td {
  color: var(--level-7);
}
.submission-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.submission-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.submission-details__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.submission-details__table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.submission-details__table--regno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.submission-details__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.submission-details__table--status {
  width: 15%;
}
.submission-details__table--actions {
  width: 7%;
}

.submission-details__block--show-all::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.submission-details__block--show-all::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.submission-details__block--show-all::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.per-session-details {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.per-session-details .subtitle1 {
  margin-top: 10px !important;
}
.per-session-details__options {
  column-gap: 10px;
  margin-top: 10px;
}
.per-session-details__options .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.per-session-details__data {
  height: calc(100% - 140px);
  overflow: auto;
  margin-top: 10px;
}
.per-session-details__data--grids {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.per-session-details__data--grid {
  background-color: var(--disabled-color);
  border-radius: 10px;
  height: 100px;
  padding: 5px;
}
.per-session-details__data span,
.per-session-details__data b {
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--text-color);
  margin-top: 3px;
}
.per-session-details__data--sub {
  font-family: "Josefin Sans" !important;
}
.per-session-details__data--subcode {
  font-family: "Spline Sans Mono", monospace !important;
}
.per-session-details__data--desn, .per-session-details__list--data--desn--multiple, .per-session-details__data--desn--multiple {
  font-family: "Josefin Sans" !important;
}
.per-session-details__data--desn--multiple:hover {
  font-weight: 700;
  text-decoration: underline;
  color: var(--level-5);
}
.per-session-details__data--profile {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35px;
}
.per-session-details__data--multiple-images {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.per-session-details__data--multiple-images img {
  width: 35px;
  margin-left: -10px;
}
.per-session-details__data--multiple-images b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.per-session-details__data--multiple-codes {
  display: flex;
  justify-content: center;
}
.per-session-details__data--view {
  display: flex;
  justify-content: center;
}
.per-session-details__data--view button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.per-session-details__data--view button img {
  width: 20px;
}
.per-session-details__data--list {
  margin-bottom: 0px !important;
}
.per-session-details__data--list li {
  display: flex;
  column-gap: 5px;
}
.per-session-details__list {
  height: 100%;
}
.per-session-details__list--data {
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: calc(100% - 90px);
  overflow: auto;
}
.per-session-details__list--data li {
  margin-top: 10px;
}
.per-session-details__list--data--flex {
  display: flex;
  column-gap: 5px;
  margin-top: 20px;
  align-items: center;
}
.per-session-details__list--data--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.per-session-details__list--data--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.per-session-details__list--data--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.per-session-details__list--data--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.per-session-details__list--data--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.per-session-details__list--data--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.per-session-details__list--data--textfield {
  width: fit-content !important;
}
.per-session-details__list--data--grid {
  background-color: var(--level-1);
  border-radius: 10px;
  height: 220px;
  padding: 15px 5px;
}
.per-session-details__list--data span,
.per-session-details__list--data b {
  display: block;
  text-align: center;
  font-size: 14px;
  color: var(--text-color);
  margin-top: 3px;
}
.per-session-details__list--data--sub {
  font-family: "Josefin Sans" !important;
}
.per-session-details__list--data--subcode {
  font-family: "Spline Sans Mono", monospace !important;
}
.per-session-details__list--data--desn {
  font-family: "Josefin Sans" !important;
}
.per-session-details__list--data--desn--multiple:hover {
  font-weight: 700;
  text-decoration: underline;
  color: var(--level-5);
}
.per-session-details__list--data--profile {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35px;
}
.per-session-details__list--data--multiple-images {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.per-session-details__list--data--multiple-images img {
  width: 35px;
  margin-left: -10px;
}
.per-session-details__list--data--multiple-images b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.per-session-details__list--data--multiple-codes {
  display: flex;
  justify-content: center;
}
.per-session-details__list--data--view {
  display: flex;
  justify-content: center;
}
.per-session-details__list--data--view button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.per-session-details__list--data--view button img {
  width: 20px;
}
.per-session-details__list--data--list {
  margin-bottom: 0px !important;
}
.per-session-details__list--data--list li {
  display: flex;
  column-gap: 5px;
  margin-top: 10px;
}
.per-session-details__list--details {
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.per-session-details__list--details span {
  color: var(--level-5) !important;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  background-color: var(--disabled-color);
  border-radius: 20px;
  font-weight: 700;
}

.per-session-details__data::-webkit-scrollbar,
.per-session-details__list--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.per-session-details__data::-webkit-scrollbar-thumb,
.per-session-details__list--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.per-session-details__data::-webkit-scrollbar-thumb:hover,
.per-session-details__list--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.lesson-status {
  height: 100%;
}
.lesson-status__title {
  display: flex;
  justify-content: flex-start;
}
.lesson-status__frame {
  height: 100%;
  display: flex;
  column-gap: 10px;
}
.lesson-status__frame--left {
  width: 210px;
  overflow: auto;
  height: 100%;
  background-color: var(--level-1);
}
.lesson-status__frame--right {
  width: calc(100% - 210px);
  height: 100%;
  overflow: auto;
}
.lesson-status__select-wrapper {
  border-radius: 20px;
  padding: 2px 8px;
  width: fit-content;
  border: 1px solid var(--border-color);
}
.lesson-status__select-wrapper img {
  width: 18px !important;
}
.lesson-status__select {
  background: transparent;
}

.lesson-status__frame--left::-webkit-scrollbar,
.lesson-status__frame--right::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.lesson-status__frame--left::-webkit-scrollbar-thumb,
.lesson-status__frame--right::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.lesson-status__frame--left::-webkit-scrollbar-thumb:hover,
.lesson-status__frame--right::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.derivatives-list {
  margin: 5px 20px 0px 20px;
  height: calc(100% - 170px);
}
.derivatives-list__title {
  padding-top: 5px;
  display: flex;
  height: 30px;
  align-items: center;
  column-gap: 10px;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
}
.derivatives-list__title .storybook-input {
  margin-top: 0px !important;
  width: fit-content !important;
}
.derivatives-list__title--derivative {
  border: 1px solid var(--level-4);
  color: var(--level-4);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
}
.derivatives-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.derivatives-list__table {
  max-height: 100%;
}
.derivatives-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.derivatives-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.derivatives-list__table td img:hover,
.derivatives-list__table td a:hover {
  cursor: pointer;
}
.derivatives-list__table tbody {
  background-color: var(--level-1);
}
.derivatives-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.derivatives-list__table tbody tr:hover td {
  color: var(--level-7);
}
.derivatives-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.derivatives-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.derivatives-list__table--groupheader th {
  height: 50px;
}
.derivatives-list__table--subheader th {
  top: 50px;
}
.derivatives-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.derivatives-list__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.derivatives-list__table--sub {
  width: 15%;
}
.derivatives-list__table--sub span {
  margin-left: 10px;
  color: #4b5563 !important;
}
.derivatives-list__table--marks {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.derivatives-list__table--t-marks {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: 700;
  background-color: var(--disabled-color) !important;
}

.combination-sub-list {
  height: 100%;
  overflow: auto;
}
.combination-sub-list__grids {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}
.combination-sub-list__grid {
  text-align: center;
  background-color: var(--level-1);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 5px;
}
.combination-sub-list__grid b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.combination-sub-list__grid span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: block;
  color: #1f2937;
}
.combination-sub-list__grid--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.combination-sub-list__grid--view img {
  width: 20px;
}
.combination-sub-list__grid--flex {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}
.combination-sub-list__view {
  height: 100%;
}
.combination-sub-list__view--datablock {
  height: calc(100% - 150px);
  margin-top: 10px;
  column-gap: 20px;
}
.combination-sub-list__view--datablock--left, .combination-sub-list__view--datablock--right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.combination-sub-list__view--datablock--right {
  background-color: var(--disabled-color);
}
.combination-sub-list__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.combination-sub-list__view--title img:hover {
  background-color: #f3f4f6;
}
.combination-sub-list__view--subtitle {
  display: flex;
  justify-content: flex-start;
}
.combination-sub-list__view--subtitle b {
  font-size: 20px !important;
}
.combination-sub-list__view--tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}

.combination-sub-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.combination-sub-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.combination-sub-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.combinations-std-list {
  height: 100%;
}
.combinations-std-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.combinations-std-list__tableblock--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.combinations-std-list__tableblock--view img {
  width: 20px;
}

.combinations-individual {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.combinations-individual__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.combinations-individual__title img:hover {
  background-color: #f3f4f6;
}
.combinations-individual__back {
  margin-top: 10px;
  border: 1px solid var(--border-color);
  padding: 5px 8px;
  color: #6b7280;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.combinations-individual__back img {
  width: 20px;
  transform: rotate(180deg);
}
.combinations-individual__details {
  column-gap: 20px;
  height: 130px;
}
.combinations-individual__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.combinations-individual__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.combinations-individual__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.combinations-individual__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.combinations-individual__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.combinations-individual__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.combinations-individual__textfield {
  margin: 10px 0px 0px 0px !important;
}
.combinations-individual__profile {
  height: 100% !important;
}
.combinations-individual__profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.combinations-individual__profile img {
  margin-top: 10px;
}
.combinations-individual__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.combinations-individual__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.combinations-individual__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.combinations-individual__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.combinations-individual__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.combinations-individual__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.combinations-individual__tabpanel {
  margin-top: 10px;
  height: calc(100% - 270px);
}
.combinations-individual__tabpanel .MuiTypography-root, .combinations-individual__tabpanel p {
  height: 100%;
}
.combinations-individual__tabpanel--frame {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
  height: 100%;
}
.combinations-individual__tabpanel--block {
  height: 100%;
  column-gap: 20px;
}
.combinations-individual__tabpanel--block .student-dashboard__attendance--full-view--subjects-list {
  height: calc(100% - 115px) !important;
}
.combinations-individual__tabpanel--modal {
  height: calc(100% - 230px);
  margin-top: 10px;
}
.combinations-individual__testwise {
  height: 100%;
}
.combinations-individual__testwise--cards {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}
.combinations-individual__testwise--block {
  overflow: auto;
  height: calc(100% - 85px);
}
.combinations-individual__testwise--anecdote-block {
  overflow: auto;
  height: calc(100% - 45px);
}
.combinations-individual__subject-wise {
  height: 100%;
}
.combinations-individual__subject-wise--block {
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
  height: calc(100% - 45px);
}
.combinations-individual__modal {
  height: calc(100% - 30px);
}
.combinations-individual__modal p {
  height: 100% !important;
}

.combinations-individual__testwise--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.combinations-individual__testwise--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.combinations-individual__testwise--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.academics__channel--send-message {
  height: calc(100% - 20px);
}
.academics__channel--send-message--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.academics__channel--send-message--title img:hover {
  background-color: #f3f4f6;
}
.academics__channel--send-message--block {
  height: calc(100% - 45px);
  margin-top: 20px;
  display: flex;
  column-gap: 20px;
}
.academics__channel--send-message--block--right {
  height: 100%;
  width: 300px;
  border: 1px solid var(--border-color);
}
.academics__channel--send-message--block--right .storybook-input {
  margin-top: 10px 5px 0px 5px !important;
  width: calc(100% - 10px) !important;
}
.academics__channel--send-message--block--right--ul {
  height: calc(100% - 75px);
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.academics__channel--send-message--block--right--ul li {
  padding: 5px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: var(--text-color);
}
.academics__channel--send-message--block--right--ul li img {
  width: 30px;
  height: 30px;
}
.academics__channel--send-message--block--left, .academics__channel--send-message--block--fw {
  height: 100%;
  width: calc(100% - 300px);
  border: 1px solid var(--border-color);
  padding: 5px;
}
.academics__channel--send-message--block--fw {
  width: 100%;
}
.academics__channel--send-message .ql-toolbar {
  position: sticky;
  top: 0;
  background-color: #fff;
  border-style: none !important;
  z-index: 1;
  padding: 0px !important;
  border-top: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-left: none !important;
  border-right: none !important;
}
.academics__channel--send-message .ql-container {
  border-style: none !important;
}
.academics__channel--send-message .ql-editor {
  padding: 5px !important;
  height: 105px !important;
}
.academics__channel--send-message .ql-editor p {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.academics__channel--send-message .ql-editor::placeholder {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.academics__channel--send-message .quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
}

.send-message__form--attachments input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.send-message__form {
  height: 100%;
}
.send-message__form--label-grid1 {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  height: 150px;
}
.send-message__form--label-grid2 {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  height: calc(100% - 160px);
  margin-top: 10px;
}
.send-message__form--attachments {
  border: 1px solid var(--border-color);
  margin-top: 10px;
  border-radius: 6px;
  height: calc(100% - 55px);
  border: 1px solid var(--border-color);
  position: relative;
  overflow: hidden;
}
.send-message__form--attachments ul {
  height: calc(100% - 25px);
  padding: 5px;
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='55'%20viewBox='0%200%2050%2055'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201155'%3e%3cpath%20id='Vector'%20d='M38.6584%2033.251V10.5811H30.7946C30.0104%2010.5758%2029.2591%2010.2649%2028.7004%209.71454C28.1416%209.16419%2027.8194%208.41771%2027.8021%207.63363L27.6638%200.5H3.90263C2.86478%200.50417%201.87098%200.919918%201.13932%201.65601C0.407657%202.3921%20-0.00208624%203.38839%207.98847e-06%204.42625V47.5475C-0.00178792%2048.5852%200.408087%2049.5812%201.13971%2050.317C1.87134%2051.0529%202.86498%2051.4685%203.90263%2051.4726H30.1669C28.987%2049.8064%2028.2688%2047.8578%2028.0852%2045.8245C27.9015%2043.7911%2028.259%2041.7453%2029.1212%2039.8947C29.9835%2038.0441%2031.3199%2036.4545%2032.9948%2035.2871C34.6698%2034.1197%2036.6237%2033.4161%2038.6584%2033.2476V33.251Z'%20fill='%2310B981'/%3e%3cpath%20id='Vector_2'%20d='M30.8002%208.71917H38.4176C38.3299%208.56585%2038.2195%208.42665%2038.0902%208.3063L30.1961%200.974673C30.0057%200.798013%2029.7787%200.665495%2029.5312%200.586548L29.6662%207.59755C29.6724%207.89524%2029.7942%208.17884%2030.0059%208.38822C30.2176%208.59761%2030.5025%208.71631%2030.8002%208.71917Z'%20fill='%2310B981'/%3e%3cpath%20id='Vector_3'%20d='M39.5878%2035.0756C34.2463%2035.0756%2029.9004%2039.4327%2029.9004%2044.7878C29.9004%2050.1427%2034.2463%2054.4999%2039.5878%2054.4999C44.9293%2054.4999%2049.2751%2050.1427%2049.2751%2044.7878C49.2751%2039.4327%2044.9293%2035.0756%2039.5878%2035.0756ZM44.9079%2045.7181H40.5204V50.1214C40.5204%2050.3678%2040.4225%2050.6042%2040.2482%2050.7785C40.074%2050.9527%2039.8376%2051.0506%2039.5911%2051.0506C39.3447%2051.0506%2039.1083%2050.9527%2038.9341%2050.7785C38.7598%2050.6042%2038.6619%2050.3678%2038.6619%2050.1214V45.7181H34.2744C34.0331%2045.7097%2033.8045%2045.608%2033.6367%2045.4343C33.469%2045.2606%2033.3753%2045.0286%2033.3753%2044.7872C33.3753%2044.5457%2033.469%2044.3137%2033.6367%2044.1401C33.8045%2043.9664%2034.0331%2043.8646%2034.2744%2043.8562H38.6619V39.4541C38.6619%2039.2077%2038.7598%2038.9713%2038.9341%2038.797C39.1083%2038.6228%2039.3447%2038.5249%2039.5911%2038.5249C39.8376%2038.5249%2040.074%2038.6228%2040.2482%2038.797C40.4225%2038.9713%2040.5204%2039.2077%2040.5204%2039.4541V43.8562H44.9079C45.1492%2043.8646%2045.3778%2043.9664%2045.5455%2044.1401C45.7133%2044.3137%2045.807%2044.5457%2045.807%2044.7872C45.807%2045.0286%2045.7133%2045.2606%2045.5455%2045.4343C45.3778%2045.608%2045.1492%2045.7097%2044.9079%2045.7181Z'%20fill='%2310B981'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  list-style: none;
  margin-bottom: 0px !important;
}
.send-message__form--attachments li {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.send-message__form--attachments--footer {
  height: 25px;
  background-color: #f3f4f6;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}

.message-for-individual {
  height: 100%;
}
.message-for-individual .academics__channel {
  height: 100%;
}
.message-for-individual .academics__channel--datablock {
  height: 100%;
}
.message-for-individual .academics__channel--datablock--left {
  width: 100%;
  height: 100%;
  margin-top: 0px !important;
  border-style: none !important;
}
.message-for-individual .channel__message-block--messages-list--messages {
  height: 100% !important;
}
.message-for-individual__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.message-for-individual__title img:hover {
  background-color: #f3f4f6;
}
.message-for-individual__message-list {
  height: calc(100% - 220px);
  border: 1px solid var(--border-color);
  margin-top: 10px;
}
.message-for-individual__message-list .academics__channel--datablock--left--messages {
  height: 100% !important;
}

.test-list-view {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-list-view__filters {
  column-gap: 10px;
  margin-top: 10px;
}
.test-list-view__title {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.test-list-view__title b {
  color: var(--text-color);
  font-size: 20px;
  font-family: "Josefin Sans" !important;
}
.test-list-view__tableblock {
  height: calc(100% - 135px);
  margin-top: 10px;
}
.test-list-view__table {
  max-height: 100%;
}
.test-list-view__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.test-list-view__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.test-list-view__table td img:hover,
.test-list-view__table td a:hover {
  cursor: pointer;
}
.test-list-view__table tbody {
  background-color: var(--level-1);
}
.test-list-view__table tbody tr:hover {
  background-color: var(--level-2);
}
.test-list-view__table tbody tr:hover td {
  color: var(--level-7);
}
.test-list-view__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.test-list-view__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.multiple-reports {
  height: calc(100% - 45px);
}
.multiple-reports__block {
  height: calc(100% - 40px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  column-gap: 20px;
  padding: 5px;
}
.multiple-reports__test-names {
  height: 100%;
  overflow: auto;
}
.multiple-reports__test-names--selected {
  margin-top: 10px;
}
.multiple-reports__test-selection {
  height: 100%;
  overflow: auto;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.multiple-reports__test-selection--filter {
  height: 30px;
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}
.multiple-reports__test-selection--parameters {
  margin-top: 20px;
  height: calc(100% - 80px);
  overflow: auto;
}

.clean-up-tests {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.clean-up-tests__cards {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.clean-up-tests__cards .academics__exam--details {
  height: 100% !important;
}

.allocate-teacher {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.allocate-teacher__filters {
  height: 30px;
  margin-top: 10px;
}
.allocate-teacher__filters .storybook-input {
  margin-top: 0px !important;
}
.allocate-teacher__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.allocate-teacher__tableblock .MuiDataGrid-cell--textCenter {
  display: flex;
  align-items: center !important;
}
.allocate-teacher__tableblock--without-filters {
  margin-top: 10px;
  height: calc(100% - 55px);
}
.allocate-teacher__table {
  max-height: 100%;
}
.allocate-teacher__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.allocate-teacher__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.allocate-teacher__table td img:hover,
.allocate-teacher__table td a:hover {
  cursor: pointer;
}
.allocate-teacher__table tbody {
  background-color: var(--level-1);
}
.allocate-teacher__table tbody tr:hover {
  background-color: var(--level-2);
}
.allocate-teacher__table tbody tr:hover td {
  color: var(--level-7);
}
.allocate-teacher__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.allocate-teacher__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.allocate-teacher__table--assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.allocate-teacher__table--assign img {
  width: 15px;
  margin-left: 10px;
}
.allocate-teacher__table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.allocate-teacher__table--view img {
  width: 20px;
}
.allocate-teacher__assign {
  height: 100%;
}
.allocate-teacher__assign--title {
  display: flex;
  justify-content: space-between;
}
.allocate-teacher__assign .student-total-count {
  text-align: right;
}
.allocate-teacher__assign--filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.allocate-teacher__assign--sub-details {
  height: 60px;
  background-color: #f3f4f6;
  border-radius: 6px;
  padding: 5px;
}
.allocate-teacher__assign--sub-details--grid {
  display: grid;
  grid-template-columns: 0.3fr 0.04fr 1fr;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.allocate-teacher__assign--sub-details--code {
  color: var(--text-color);
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  font-weight: bold;
}
.allocate-teacher__assign--sub-details--name {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  font-weight: bold;
}
.allocate-teacher__assign--tableblock {
  height: calc(100% - 205px);
  margin-top: 10px;
}
.allocate-teacher__assign--table {
  max-height: 100%;
}
.allocate-teacher__assign--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.allocate-teacher__assign--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.allocate-teacher__assign--table td img:hover,
.allocate-teacher__assign--table td a:hover {
  cursor: pointer;
}
.allocate-teacher__assign--table tbody {
  background-color: var(--level-1);
}
.allocate-teacher__assign--table tbody tr:hover {
  background-color: var(--level-2);
}
.allocate-teacher__assign--table tbody tr:hover td {
  color: var(--level-7);
}
.allocate-teacher__assign--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.allocate-teacher__assign--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.allocate-teacher__assign--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.allocate-teacher__assign--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.allocate-teacher__assign--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.allocate-teacher__assign--table--slno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.allocate-teacher__assign--table--id {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.allocate-teacher__assign--table--count {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.allocate-teacher__assign--table--grade {
  width: 10%;
}
.allocate-teacher__assign--table--assign {
  width: 10%;
  color: green !important;
  text-decoration: underline;
}
.allocate-teacher__assign--table tr:hover .allocate-teacher__assign--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.allocate-teacher__assign--table tr:hover .allocate-teacher__assign--table--assign {
  color: var(--level-6) !important;
}
.allocate-teacher__details {
  height: calc(100% - 30px);
}
.allocate-teacher__details .student-total-count {
  text-align: right;
}
.allocate-teacher__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.allocate-teacher__details--image {
  margin-top: 10px;
}
.allocate-teacher__details--title {
  display: flex;
  justify-content: space-between;
}
.allocate-teacher__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.allocate-teacher__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.allocate-teacher__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.allocate-teacher__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.allocate-teacher__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.allocate-teacher__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.allocate-teacher__details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.allocate-teacher__details--data {
  column-gap: 10px;
  height: 120px;
}
.allocate-teacher__details--tableblock {
  height: calc(100% - 185px);
}
.allocate-teacher__details--table {
  max-height: 100%;
}
.allocate-teacher__details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.allocate-teacher__details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.allocate-teacher__details--table td img:hover,
.allocate-teacher__details--table td a:hover {
  cursor: pointer;
}
.allocate-teacher__details--table tbody {
  background-color: var(--level-1);
}
.allocate-teacher__details--table tbody tr:hover {
  background-color: var(--level-2);
}
.allocate-teacher__details--table tbody tr:hover td {
  color: var(--level-7);
}
.allocate-teacher__details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.allocate-teacher__details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.allocate-teacher__details--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.allocate-teacher__details--table--code {
  width: 16%;
}

.assign-class-teacher {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-class-teacher__select {
  column-gap: 10px;
  margin-top: 10px;
}
.assign-class-teacher__block {
  height: 70px;
  padding: 5px;
  width: fit-content;
  flex-direction: column;
  display: flex;
  justify-content: flex-end;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  margin-right: 0px;
  margin-left: auto;
  margin-top: 10px;
}
.assign-class-teacher__block--image {
  display: flex;
  column-gap: 10px;
}
.assign-class-teacher__block--image img {
  width: 25px;
}
.assign-class-teacher__block--image--assign {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
}
.assign-class-teacher__block--image--text {
  display: block;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  margin-top: 5px;
}
.assign-class-teacher__block--emp-details--emp-id {
  display: block;
  font-size: 10px;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__block--emp-details b {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
}
.assign-class-teacher__block--button {
  align-items: center;
  display: flex;
  column-gap: 15px;
}
.assign-class-teacher__assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.assign-class-teacher__assign img {
  width: 15px;
  margin-left: 10px;
}
.assign-class-teacher__remove {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.assign-class-teacher__remove img {
  width: 15px;
  margin-left: 10px;
}
.assign-class-teacher__replace {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #d97706;
  color: #d97706;
  font-size: 14px;
  background-color: var(--bg-color);
}
.assign-class-teacher__replace img {
  width: 15px;
  margin-left: 10px;
}
.assign-class-teacher__tableblock {
  margin-top: 10px;
  height: calc(100% - 185px);
}
.assign-class-teacher__table {
  max-height: 100%;
}
.assign-class-teacher__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-class-teacher__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-class-teacher__table td img:hover,
.assign-class-teacher__table td a:hover {
  cursor: pointer;
}
.assign-class-teacher__table tbody {
  background-color: var(--level-1);
}
.assign-class-teacher__table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-class-teacher__table tbody tr:hover td {
  color: var(--level-7);
}
.assign-class-teacher__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-class-teacher__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-class-teacher__table--open-elective td {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-weight: 700;
  font-size: 16px;
}
.assign-class-teacher__table--code {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__table--teacher {
  width: calc(100% - 80px);
}
.assign-class-teacher__table--teacher img {
  width: 25px;
}
.assign-class-teacher__table--teacher span {
  display: block;
}
.assign-class-teacher__table--teacher--details {
  display: flex;
  column-gap: 10px;
}
.assign-class-teacher__table--actions img {
  width: 25px;
  filter: invert(0%);
}
.assign-class-teacher__table--actions img:hover {
  background: white;
  border-radius: 50%;
}
.assign-class-teacher__table--actions ul {
  margin-bottom: 0px !important;
}
.assign-class-teacher__list {
  height: 100%;
}
.assign-class-teacher__list--title {
  display: flex;
  justify-content: space-between;
}
.assign-class-teacher__list--filter .MuiAutocomplete-root {
  margin-top: 10px;
}
.assign-class-teacher__list--tableblock {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.assign-class-teacher__list--table {
  max-height: 100%;
}
.assign-class-teacher__list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-class-teacher__list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-class-teacher__list--table td img:hover,
.assign-class-teacher__list--table td a:hover {
  cursor: pointer;
}
.assign-class-teacher__list--table tbody {
  background-color: var(--level-1);
}
.assign-class-teacher__list--table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-class-teacher__list--table tbody tr:hover td {
  color: var(--level-7);
}
.assign-class-teacher__list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-class-teacher__list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-class-teacher__list--table--slno {
  width: 8%;
  display: flex;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__list--table--slno img {
  width: 20px;
}
.assign-class-teacher__list--table--id {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__list--table--code {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__list--table--exp {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-class-teacher__list--table--grade {
  width: 10%;
}
.assign-class-teacher__list--table--actions {
  width: 8%;
  color: #16a34a !important;
}
.assign-class-teacher__list--table--actions:hover {
  text-decoration: underline;
  font-weight: 700;
}

.teacher-dashboard {
  height: calc(100% - 175px);
  margin: 10px 20px;
}
.teacher-dashboard__block {
  height: 175px;
  column-gap: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.teacher-dashboard__block--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard__block--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard__block--cards {
  height: fit-content;
}
.teacher-dashboard__flex {
  display: flex;
  justify-content: space-between;
  height: 50px;
}
.teacher-dashboard__flex--title {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  width: calc(100% - 100px);
}
.teacher-dashboard__flex--image {
  display: flex;
  width: 100px;
  column-gap: 5px;
  justify-content: flex-end;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__flex--image img {
  width: 25px;
}
.teacher-dashboard__flex--mark {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__flex--mark img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__flex--mark {
  display: flex;
  align-items: center;
}
.teacher-dashboard__flex--mark img {
  width: 20px !important;
}
.teacher-dashboard__flex--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__flex--view img {
  width: 20px;
}
.teacher-dashboard__flex--view {
  display: flex;
  align-items: center;
}
.teacher-dashboard__flex--view img {
  width: 20px !important;
  margin-left: 10px;
}
.teacher-dashboard__flex--edit {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__flex--edit img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__flex--edit {
  display: flex;
  align-items: center;
}
.teacher-dashboard__flex--edit img {
  width: 20px !important;
  margin-left: 10px;
}
.teacher-dashboard__flex img {
  width: 25px;
  height: 25px;
}
.teacher-dashboard__details {
  height: calc(100% - 50px);
}
.teacher-dashboard__details--flex {
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.teacher-dashboard__details--image-flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.teacher-dashboard__details img {
  width: 35px;
}
.teacher-dashboard__club-activity {
  height: calc(100% - 60px);
  padding: 10px;
}
.teacher-dashboard__club-activity .student-dashboard__attendance--grid-container {
  height: calc(100% - 10px) !important;
}
.teacher-dashboard__daily-dairy {
  height: 100%;
  background: var(--bg-color);
}
.teacher-dashboard__daily-dairy--flex {
  height: 30px;
  display: flex;
  justify-content: space-between;
}
.teacher-dashboard__daily-dairy--flex .classwise__flex {
  height: 23px !important;
}
.teacher-dashboard__daily-dairy--flex--title {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  gap: 10px;
}
.teacher-dashboard__daily-dairy--flex--image {
  display: flex;
  width: 250px;
  column-gap: 5px;
  justify-content: flex-end;
  font-family: "Josefin Sans" !important;
  height: 22px;
}
.teacher-dashboard__daily-dairy--flex--image img {
  width: 25px;
}
.teacher-dashboard__daily-dairy--month {
  height: 30px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
.teacher-dashboard__daily-dairy--month span {
  font-weight: bold;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.teacher-dashboard__daily-dairy--calender {
  height: calc(100% - 60px);
  padding: 10px;
}
.teacher-dashboard__daily-dairy--calender .student-dashboard__attendance--grid-container {
  height: calc(100% - 60px) !important;
}
.teacher-dashboard__daily-dairy--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__daily-dairy--view img {
  width: 20px;
}
.teacher-dashboard__daily-dairy--view {
  width: fit-content;
  font-family: "Josefin Sans" !important;
}
.grid-stack.reorder-active .teacher-dashboard__daily-dairy--view {
  margin-right: 30px;
}
.teacher-dashboard__daily-dairy--mark {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__daily-dairy--mark img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__daily-dairy--mark {
  display: flex;
  align-items: center;
}
.grid-stack.reorder-active .teacher-dashboard__daily-dairy--mark {
  margin-right: 30px;
}
.teacher-dashboard__table {
  max-height: 100%;
}
.teacher-dashboard__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.teacher-dashboard__table td img:hover,
.teacher-dashboard__table td a:hover {
  cursor: pointer;
}
.teacher-dashboard__table tbody {
  background-color: var(--level-1);
}
.teacher-dashboard__table tbody tr:hover {
  background-color: var(--level-2);
}
.teacher-dashboard__table tbody tr:hover td {
  color: var(--level-7);
}
.teacher-dashboard__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.teacher-dashboard__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.teacher-dashboard__table {
  height: 100%;
}
.teacher-dashboard__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__table--view img {
  width: 20px;
}
.teacher-dashboard__table--actions {
  width: 12%;
}
.teacher-dashboard__upcoming {
  height: calc(100% - 30px);
  overflow: auto;
}
.teacher-dashboard__upcoming--test {
  height: 100%;
  overflow: auto;
}
.teacher-dashboard__upcoming--test--card {
  height: 90px;
  display: flex;
  justify-content: space-between;
  background-color: #eff6ff;
  border-bottom: 1px solid var(--border-color);
  padding: 10px;
}
.teacher-dashboard__upcoming--details {
  height: 100%;
}
.teacher-dashboard__upcoming--details--title {
  display: flex;
  gap: 15px;
}
.teacher-dashboard__upcoming--details--title b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.teacher-dashboard__upcoming--details--title span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #94a3b8;
}
.teacher-dashboard__upcoming--details--title--progress-btn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  color: white;
  font-size: 14px;
  background-color: #d97706;
}
.teacher-dashboard__upcoming--details--title--progress-btn img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__upcoming--details--title--progress-btn img {
  margin-left: 0px !important;
}
.teacher-dashboard__upcoming--details--title--pending-btn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: var(--level-5);
  color: white;
  font-size: 14px;
}
.teacher-dashboard__upcoming--details--title--pending-btn img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__upcoming--details--title--pending-btn {
  background-color: #e2e8f0 !important;
  color: var(--text-color) I !important;
}
.teacher-dashboard__upcoming--details--title--pending-btn img {
  margin-left: 0px !important;
}
.teacher-dashboard__upcoming--details--date label {
  margin-top: 0px !important;
  padding: 0px !important;
}
.teacher-dashboard__upcoming--details--date span {
  color: #e2e8f0;
}
.teacher-dashboard__upcoming--arrow {
  display: flex;
  align-items: center;
}
.teacher-dashboard__upcoming--arrow img {
  height: 30px;
}
.teacher-dashboard__bottom-block {
  height: calc(100% - 190px);
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  column-gap: 10px;
}
.teacher-dashboard__bottom-block--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard__bottom-block--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard__bottom-block--cards {
  margin-bottom: 10px;
}
.teacher-dashboard__planner {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.teacher-dashboard__planner--sub-heading b {
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__planner--tableblock {
  height: calc(100% - 45px);
  margin-top: 10px;
}

.teacher-dashboard-columnwise {
  height: calc(100% - 165px);
  margin: 10px 20px;
  display: flex;
  gap: 10px;
}
.teacher-dashboard-columnwise__block {
  height: 100%;
  width: 430px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.teacher-dashboard-columnwise__block .storybook-button {
  width: 100% !important;
}
.teacher-dashboard-columnwise__block--timetable-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-columnwise__block--timetable-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-columnwise__block--timetable-card {
  height: calc(100% - 20px);
  padding: 0px !important;
}
.teacher-dashboard-columnwise__block--timetable-card .academics__channel--datablock--right--list--data {
  height: calc(100% - 60px) !important;
}
.teacher-dashboard-columnwise__block--alloted-class {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-columnwise__block--alloted-class:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-columnwise__block--alloted-class {
  height: calc(100% - 20px);
  padding: 0px !important;
}
.teacher-dashboard-columnwise__block--alloted-class .academics__channel--datablock--right--list--data {
  height: calc(100% - 50px) !important;
}
.teacher-dashboard-columnwise__block--workdairy-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-columnwise__block--workdairy-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-columnwise__block--workdairy-card {
  height: 365px !important;
  padding: 0px !important;
}
.teacher-dashboard-columnwise__block--workdairy-card .acd-admin-dashboard__title {
  border-bottom: 1px solid var(--border-color) !important;
  padding: 0px 5px !important;
}
.teacher-dashboard-columnwise__block--workdairy-card .acd-admin-dashboard__upcoming-test {
  height: calc(100% - 32px) !important;
  border-radius: 6px;
}
.teacher-dashboard-columnwise__block--workdairy-card .approval-request {
  height: fit-content !important;
}
.teacher-dashboard-columnwise__block--coordinator-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-columnwise__block--coordinator-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-columnwise__block--coordinator-card {
  padding: 0px !important;
}
.teacher-dashboard-columnwise__right-block {
  height: 100%;
  width: calc(100% - 1290px);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.teacher-dashboard-columnwise__brick-block {
  height: calc(100% - 20px);
  width: calc(100% - 860px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
  row-gap: 10px;
}
.teacher-dashboard-columnwise__brick-block .storybook-button {
  width: 100% !important;
}
.teacher-dashboard-columnwise__channel {
  height: calc(100% - 70px);
  margin-top: 10px;
}
.teacher-dashboard-columnwise__channel--data {
  height: 100%;
}
.teacher-dashboard-columnwise__channel--data-block {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  padding: 5px;
  overflow: auto;
}
.teacher-dashboard-columnwise__view-channel {
  height: calc(100% - 45px);
}
.teacher-dashboard-columnwise__view-channel--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.teacher-dashboard-columnwise__view-channel--title img:hover {
  background-color: #f3f4f6;
}
.teacher-dashboard-columnwise__allocate-block {
  height: 100%;
  width: calc(100% - 500px);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.teacher-dashboard-columnwise__cluster {
  height: 170px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  width: 100%;
}
.teacher-dashboard-columnwise__cluster--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-columnwise__cluster--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-columnwise__cluster--cards {
  height: 100%;
}

.teacher-dashboard-drag-drop {
  height: calc(100% - 165px);
  margin: 20px 20px;
  position: relative;
  overflow: auto;
}
.teacher-dashboard-drag-drop .grid-stack-item .ui-resizable-handle {
  display: none !important;
}
.teacher-dashboard-drag-drop .grid-stack-item-content {
  height: 100%;
}
.teacher-dashboard-drag-drop__shortcut {
  position: fixed;
  right: 13px;
  top: 55%;
  transform: translateY(-50%);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-drag-drop__shortcut:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-drag-drop__shortcut {
  width: 55px;
  height: 50px !important;
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.teacher-dashboard-drag-drop__shortcut img {
  width: 30px;
}
.teacher-dashboard-drag-drop__shortcut--list {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -90px;
  width: 80px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-drag-drop__shortcut--list:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-drag-drop__shortcut--list {
  padding: 10px;
}
.teacher-dashboard-drag-drop__shortcut--items {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.teacher-dashboard-drag-drop__shortcut--items img {
  height: 40px;
}
.teacher-dashboard-drag-drop__shortcut--items span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.teacher-dashboard-drag-drop .teacher-dashboard-drag-drop__shortcut--list.open {
  right: 0px;
  position: absolute;
  top: 55%;
  width: 100px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  z-index: 1;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.teacher-dashboard-drag-drop__block {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard-drag-drop__block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard-drag-drop__block {
  height: auto !important;
  padding: 0px !important;
}

.teacher-dashboard-columnwise__channel--data-block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.teacher-dashboard-columnwise__channel--data-block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.teacher-dashboard-columnwise__channel--data-block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.teacher-dashboard__attendance {
  height: calc(100% - 30px);
}
.teacher-dashboard__attendance--filters {
  column-gap: 10px;
}
.teacher-dashboard__attendance--filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.teacher-dashboard__attendance--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.teacher-dashboard__attendance--filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__attendance--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.teacher-dashboard__attendance--filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__attendance--filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.teacher-dashboard__attendance--filters--textfield {
  margin: 10px 10px 0px 0px !important;
  width: fit-content !important;
}
.teacher-dashboard__attendance--filters--images {
  display: flex;
  column-gap: 10px;
  margin-right: 10px;
  height: 40px;
}
.teacher-dashboard__attendance--filters--images .active-image {
  background-color: var(--level-4);
  border-radius: 6px;
}
.teacher-dashboard__attendance--filters--images img:hover {
  background-color: var(--level-2);
  padding: 5px;
  border-radius: 6px;
}
.teacher-dashboard__attendance--filters--images {
  justify-content: right !important;
  margin-right: 0px;
}
.teacher-dashboard__attendance--tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.teacher-dashboard__attendance--table {
  max-height: 100%;
}
.teacher-dashboard__attendance--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__attendance--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.teacher-dashboard__attendance--table td img:hover,
.teacher-dashboard__attendance--table td a:hover {
  cursor: pointer;
}
.teacher-dashboard__attendance--table tbody {
  background-color: var(--level-1);
}
.teacher-dashboard__attendance--table tbody tr:hover {
  background-color: var(--level-2);
}
.teacher-dashboard__attendance--table tbody tr:hover td {
  color: var(--level-7);
}
.teacher-dashboard__attendance--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.teacher-dashboard__attendance--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.teacher-dashboard__attendance--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__attendance--table--number {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__attendance--table--status {
  width: 15%;
}
.teacher-dashboard__attendance--table--mark-attendance {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__attendance--table--mark-attendance img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__attendance--table--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__attendance--table--update img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__attendance--cardview {
  margin-top: 10px;
  height: calc(100% - 95px);
  overflow: auto;
}
.teacher-dashboard__attendance--cardview .marked {
  background-color: #f0fdf4;
}
.teacher-dashboard__attendance--cardview .not-marked {
  background-color: #fef2f2;
}
.teacher-dashboard__attendance--gridlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.teacher-dashboard__attendance--grid {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard__attendance--grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard__attendance--grid {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.teacher-dashboard__attendance--grid--level-1, .teacher-dashboard__attendance--grid--text, .teacher-dashboard__attendance--grid--level-3, .teacher-dashboard__attendance--grid--level-2 {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
  text-align: center;
  color: var(--text-color);
}
.teacher-dashboard__attendance--grid--flex {
  display: flex;
  column-gap: 10px;
  justify-content: space-around;
}
.teacher-dashboard__attendance--grid--flex2 {
  text-align: center;
}
.teacher-dashboard__attendance--grid--text {
  font-size: 12px;
}
.teacher-dashboard__attendance--grid--number {
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  justify-content: center;
}
.teacher-dashboard__attendance--grid--button {
  display: flex;
  justify-content: center;
}
.teacher-dashboard__attendance--grid--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__attendance--grid--update img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__attendance--grid--update {
  margin-top: 5px;
}
.teacher-dashboard__attendance--grid--mark {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__attendance--grid--mark img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__attendance--grid--mark {
  margin-top: 5px;
}

.teacher-dashboard__attendance--cardview::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.teacher-dashboard__attendance--cardview::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.teacher-dashboard__attendance--cardview::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.teacher-dashboard__marks-entry {
  height: calc(100% - 30px);
}
.teacher-dashboard__marks-entry--filters {
  column-gap: 10px;
}
.teacher-dashboard__marks-entry--filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.teacher-dashboard__marks-entry--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.teacher-dashboard__marks-entry--filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__marks-entry--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.teacher-dashboard__marks-entry--filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__marks-entry--filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.teacher-dashboard__marks-entry--filters--textfield {
  margin: 10px 10px 0px 0px !important;
  width: fit-content !important;
}
.teacher-dashboard__marks-entry--filters--images {
  display: flex;
  column-gap: 10px;
  margin-right: 10px;
  height: 40px;
}
.teacher-dashboard__marks-entry--filters--images .active-image {
  background-color: var(--level-4);
  border-radius: 6px;
}
.teacher-dashboard__marks-entry--filters--images img:hover {
  background-color: var(--level-2);
  padding: 5px;
  border-radius: 6px;
}
.teacher-dashboard__marks-entry--filters--images {
  justify-content: right !important;
  margin-right: 0px;
}
.teacher-dashboard__marks-entry--card-view {
  margin-top: 10px;
  height: calc(100% - 95px);
  overflow: auto;
}
.teacher-dashboard__marks-entry--card-view .marked {
  background-color: #f0fdf4;
}
.teacher-dashboard__marks-entry--card-view .not-marked {
  background-color: #fef2f2;
}
.teacher-dashboard__marks-entry--card-view--gridlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.teacher-dashboard__marks-entry--card-view--grid {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard__marks-entry--card-view--grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard__marks-entry--card-view--grid {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.teacher-dashboard__marks-entry--card-view--grid--level-1, .teacher-dashboard__marks-entry--card-view--grid--text, .teacher-dashboard__marks-entry--card-view--grid--level-3, .teacher-dashboard__marks-entry--card-view--grid--level-2 {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
  text-align: center;
  color: var(--text-color);
}
.teacher-dashboard__marks-entry--card-view--grid--flex {
  display: flex;
  column-gap: 10px;
  justify-content: space-around;
}
.teacher-dashboard__marks-entry--card-view--grid--flex2 {
  text-align: center;
}
.teacher-dashboard__marks-entry--card-view--grid--text {
  font-size: 12px;
  white-space: wrap !important;
}
.teacher-dashboard__marks-entry--card-view--grid--number {
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  justify-content: center;
}
.teacher-dashboard__marks-entry--card-view--grid--button {
  display: flex;
  justify-content: center;
}
.teacher-dashboard__marks-entry--card-view--grid--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__marks-entry--card-view--grid--update img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__marks-entry--card-view--grid--update {
  margin-top: 5px;
}
.teacher-dashboard__marks-entry--card-view--grid--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__marks-entry--card-view--grid--view img {
  width: 20px;
}
.teacher-dashboard__marks-entry--card-view--grid--view {
  margin-top: 5px;
}
.teacher-dashboard__marks-entry--tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.teacher-dashboard__marks-entry--table {
  max-height: 100%;
}
.teacher-dashboard__marks-entry--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__marks-entry--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.teacher-dashboard__marks-entry--table td img:hover,
.teacher-dashboard__marks-entry--table td a:hover {
  cursor: pointer;
}
.teacher-dashboard__marks-entry--table tbody {
  background-color: var(--level-1);
}
.teacher-dashboard__marks-entry--table tbody tr:hover {
  background-color: var(--level-2);
}
.teacher-dashboard__marks-entry--table tbody tr:hover td {
  color: var(--level-7);
}
.teacher-dashboard__marks-entry--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.teacher-dashboard__marks-entry--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.teacher-dashboard__marks-entry--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__marks-entry--table--number {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__marks-entry--table--status {
  width: 15%;
}
.teacher-dashboard__marks-entry--table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__marks-entry--table--view img {
  width: 20px;
}
.teacher-dashboard__marks-entry--table--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__marks-entry--table--update img {
  width: 15px;
  margin-left: 10px;
}

.teacher-dashboard__marks-entry--card-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.teacher-dashboard__marks-entry--card-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.teacher-dashboard__marks-entry--card-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.teacher-dashboard__assignments {
  height: calc(100% - 30px);
}
.teacher-dashboard__assignments--filters {
  column-gap: 10px;
}
.teacher-dashboard__assignments--filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.teacher-dashboard__assignments--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.teacher-dashboard__assignments--filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__assignments--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.teacher-dashboard__assignments--filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__assignments--filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.teacher-dashboard__assignments--filters--textfield {
  margin: 10px 10px 0px 0px !important;
  width: fit-content !important;
}
.teacher-dashboard__assignments--filters--images {
  display: flex;
  column-gap: 10px;
  margin-right: 10px;
  height: 40px;
}
.teacher-dashboard__assignments--filters--images .active-image {
  background-color: var(--level-4);
  border-radius: 6px;
}
.teacher-dashboard__assignments--filters--images img:hover {
  background-color: var(--level-2);
  padding: 5px;
  border-radius: 6px;
}
.teacher-dashboard__assignments--filters--images {
  justify-content: right !important;
  margin-right: 0px;
}
.teacher-dashboard__assignments--card-view {
  margin-top: 10px;
  height: calc(100% - 95px);
  overflow: auto;
}
.teacher-dashboard__assignments--card-view .marked {
  background-color: #f0fdf4;
}
.teacher-dashboard__assignments--card-view .not-marked {
  background-color: #fef2f2;
}
.teacher-dashboard__assignments--card-view--gridlist {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.teacher-dashboard__assignments--card-view--grid {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.teacher-dashboard__assignments--card-view--grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.teacher-dashboard__assignments--card-view--grid {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.teacher-dashboard__assignments--card-view--grid--level-1, .teacher-dashboard__assignments--card-view--grid--text, .teacher-dashboard__assignments--card-view--grid--level-3, .teacher-dashboard__assignments--card-view--grid--level-2 {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
  text-align: center;
  color: var(--text-color);
}
.teacher-dashboard__assignments--card-view--grid--flex {
  display: flex;
  column-gap: 10px;
  justify-content: space-around;
}
.teacher-dashboard__assignments--card-view--grid--flex2 {
  text-align: center;
}
.teacher-dashboard__assignments--card-view--grid--text {
  font-size: 12px;
  white-space: wrap !important;
}
.teacher-dashboard__assignments--card-view--grid--number {
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  justify-content: center;
}
.teacher-dashboard__assignments--card-view--grid--button {
  display: flex;
  justify-content: center;
}
.teacher-dashboard__assignments--card-view--grid--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__assignments--card-view--grid--update img {
  width: 15px;
  margin-left: 10px;
}
.teacher-dashboard__assignments--card-view--grid--update {
  margin-top: 5px;
}
.teacher-dashboard__assignments--card-view--grid--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__assignments--card-view--grid--view img {
  width: 20px;
}
.teacher-dashboard__assignments--card-view--grid--view {
  margin-top: 5px;
}
.teacher-dashboard__assignments--tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.teacher-dashboard__assignments--table {
  max-height: 100%;
}
.teacher-dashboard__assignments--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__assignments--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.teacher-dashboard__assignments--table td img:hover,
.teacher-dashboard__assignments--table td a:hover {
  cursor: pointer;
}
.teacher-dashboard__assignments--table tbody {
  background-color: var(--level-1);
}
.teacher-dashboard__assignments--table tbody tr:hover {
  background-color: var(--level-2);
}
.teacher-dashboard__assignments--table tbody tr:hover td {
  color: var(--level-7);
}
.teacher-dashboard__assignments--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.teacher-dashboard__assignments--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.teacher-dashboard__assignments--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__assignments--table--number {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__assignments--table--status {
  width: 15%;
}
.teacher-dashboard__assignments--table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teacher-dashboard__assignments--table--view img {
  width: 20px;
}
.teacher-dashboard__assignments--table--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.teacher-dashboard__assignments--table--update img {
  width: 15px;
  margin-left: 10px;
}

.teacher-dashboard__assignments--card-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.teacher-dashboard__assignments--card-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.teacher-dashboard__assignments--card-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.teacher-dashboard__subjects {
  height: calc(100% - 30px);
}
.teacher-dashboard__subjects--tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.teacher-dashboard__subjects--table {
  max-height: 100%;
}
.teacher-dashboard__subjects--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__subjects--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.teacher-dashboard__subjects--table td img:hover,
.teacher-dashboard__subjects--table td a:hover {
  cursor: pointer;
}
.teacher-dashboard__subjects--table tbody {
  background-color: var(--level-1);
}
.teacher-dashboard__subjects--table tbody tr:hover {
  background-color: var(--level-2);
}
.teacher-dashboard__subjects--table tbody tr:hover td {
  color: var(--level-7);
}
.teacher-dashboard__subjects--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.teacher-dashboard__subjects--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.teacher-dashboard__subjects--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__subjects--table--code {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}

.acd-admin-dashboard {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.acd-admin-dashboard__cards {
  height: 230px;
  column-gap: 20px;
  display: flex;
  column-gap: 10px;
}
.acd-admin-dashboard__cards .echarts-for-react {
  height: 75px !important;
}
.acd-admin-dashboard__card {
  height: 100% !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.acd-admin-dashboard__card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.acd-admin-dashboard__card {
  width: 25%;
}
.acd-admin-dashboard__card--title {
  display: flex;
  justify-content: space-between;
}
.acd-admin-dashboard__card--title .subtitle1 {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.acd-admin-dashboard__card--details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.acd-admin-dashboard__card--details span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.acd-admin-dashboard__card--details img {
  width: 30px;
  margin-right: 10px;
}
.acd-admin-dashboard__card--details b {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.acd-admin-dashboard__card--details--pers {
  width: 35px;
}
.acd-admin-dashboard__card .teacher-dashboard__daily-dairy--flex {
  border: none !important;
}
.acd-admin-dashboard__card .teacher-dashboard__daily-dairy--flex--title {
  color: #475569 !important;
}
.acd-admin-dashboard__datablock {
  margin-top: 10px;
  height: calc(100% - 245px);
  display: flex;
  column-gap: 10px;
}
.acd-admin-dashboard__top-right {
  height: 100% !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.acd-admin-dashboard__top-right:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.acd-admin-dashboard__top-right {
  width: 25%;
}
.acd-admin-dashboard__top-right .teacher-dashboard__daily-dairy--flex--title {
  color: #475569 !important;
}
.acd-admin-dashboard__bottom-right {
  height: 100% !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.acd-admin-dashboard__bottom-right:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.acd-admin-dashboard__bottom-right--tableblock {
  height: calc(100% - 35px);
}
.acd-admin-dashboard__staff {
  height: 120px;
}
.acd-admin-dashboard__staff--graph {
  height: calc(100% - 150px);
}
.acd-admin-dashboard__staff--graph .echarts-for-react {
  height: 100% !important;
}
.acd-admin-dashboard__calendar {
  height: calc(100% - 25px);
}
.acd-admin-dashboard__upcoming-test {
  height: calc(100% - 30px);
  overflow: auto;
}
.acd-admin-dashboard__upcoming-test ul {
  margin-bottom: 0px;
  height: 100%;
}
.acd-admin-dashboard__upcoming-test li {
  height: fit-content;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1.2px dashed var(--border-color);
}
.acd-admin-dashboard__upcoming-test--names {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.acd-admin-dashboard__upcoming-test--names--title {
  display: flex;
  align-items: center;
  gap: 5px;
}
.acd-admin-dashboard__upcoming-test--names--test {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.acd-admin-dashboard__upcoming-test--names--test-type {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.acd-admin-dashboard__upcoming-test--names--s-date {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.acd-admin-dashboard__upcoming-test--names--date {
  color: var(--level-6);
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.acd-admin-dashboard__upcoming-test--total {
  width: 30px;
}
.acd-admin-dashboard__upcoming-test--total--inprogress {
  background-color: #f59e0b;
  color: white;
  padding: 5px;
  border-radius: 20px;
  font-size: 10px;
  font-family: "Josefin Sans" !important;
  display: flex;
}
.acd-admin-dashboard__upcoming-test--total--inprogress img {
  width: 15px;
}
.acd-admin-dashboard__upcoming-test--total--upcoming {
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 20px;
  font-size: 10px;
  font-family: "Josefin Sans" !important;
  background-color: #f3f4f6;
  display: flex;
}
.acd-admin-dashboard__upcoming-test--total--upcoming img {
  width: 15px;
}
.acd-admin-dashboard__upcoming-test--total img {
  width: 25px;
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
.acd-admin-dashboard__att-behaviour {
  height: 70px;
  overflow: auto;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: space-evenly;
}
.acd-admin-dashboard__att-behaviour--flex {
  display: flex;
  align-items: center;
}
.acd-admin-dashboard__att-behaviour--flex b {
  font-size: 12px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.acd-admin-dashboard__att-behaviour--flex span {
  font-size: 12px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.acd-admin-dashboard__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.acd-admin-dashboard__title .student-total-count {
  margin: 0px 0px 0px 0px !important;
}
.acd-admin-dashboard__total {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.acd-admin-dashboard__upcoming-test::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.acd-admin-dashboard__upcoming-test::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.acd-admin-dashboard__upcoming-test::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.birthday-list {
  height: 100%;
  background: var(--bg-color);
}
.birthday-list__title {
  display: flex;
  height: 30px;
  justify-content: space-between;
}
.birthday-list__title .subtitle1 {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.birthday-list__tabpanel, .birthday-list__tabpanel--dashboard {
  height: calc(100% - 30px);
}
.birthday-list__tabpanel .daily-activities__tabs, .birthday-list__tabpanel--dashboard .daily-activities__tabs {
  margin: 0px !important;
  display: flex;
  justify-content: center;
  height: 50px !important;
}
.birthday-list__tabpanel .daily-activities__swipable, .birthday-list__tabpanel--dashboard .daily-activities__swipable {
  height: calc(100% - 50px) !important;
}
.birthday-list__tabpanel--dashboard {
  padding: 5px !important;
}
.birthday-list__student {
  height: 100%;
}
.birthday-list__data {
  overflow: hidden;
  height: 100%;
  z-index: 0;
}
.birthday-list__data--subtitle {
  display: flex;
  justify-content: center;
}
.birthday-list__data--subtitle img {
  width: 25px;
}
.birthday-list__data--subtitle b {
  color: var(--level-6);
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.birthday-list__data--total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  background: var(--level-3) !important;
  border-radius: 10px 10px 0px 0px;
  padding: 5px;
  font-family: "Josefin Sans" !important;
}
.birthday-list__data--total--count {
  padding: 5px;
  font-size: 14px;
  background-color: var(--level-6);
  color: white !important;
  font-family: "Spline Sans Mono", monospace !important;
  border-radius: 2px;
}
.birthday-list__data--total--image {
  display: flex;
  column-gap: 5px;
}
.birthday-list__data--list, .more-birthday-list__data--right--list, .more-birthday-list__data--left--list {
  margin-top: 5px;
  overflow: auto;
  height: calc(100% - 110px);
}
.birthday-list__data--list li, .more-birthday-list__data--right--list li, .more-birthday-list__data--left--list li {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  margin-top: 5px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1.3px dashed var(--border-color);
  background: #f9fafb;
  opacity: 1;
  z-index: 999;
}
.birthday-list__data--list li span, .more-birthday-list__data--right--list li span, .more-birthday-list__data--left--list li span {
  color: #4b5563;
  font-family: "Spline Sans Mono", monospace !important;
  display: block;
  font-size: 14px;
}
.birthday-list__data--list li img, .more-birthday-list__data--right--list li img, .more-birthday-list__data--left--list li img {
  width: 30px;
  height: 30px;
}
.birthday-list__data--list li:hover, .more-birthday-list__data--right--list li:hover, .more-birthday-list__data--left--list li:hover {
  background-color: var(--level-1);
}
.birthday-list__data--list--flex {
  display: flex;
  column-gap: 5px;
}
.birthday-list__data--list--image {
  display: block;
  height: 60%;
  width: 60%;
  margin: auto;
}
.birthday-list__data--button {
  position: sticky;
  bottom: 0px;
}
.birthday-list__data--button .storybook-button {
  width: 100% !important;
}
.birthday-list__data--gif {
  height: 50px;
  width: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.birthday-list__data--gif img {
  width: 100%;
  height: 100%;
}
.birthday-list__daily-activities {
  height: 100%;
}
.birthday-list__daily-activities .birthday-list__data--total--count {
  display: flex;
  align-items: center;
  font-family: "Spline Sans Mono", monospace !important;
}
.birthday-list__daily-activities .teacher-dashboard__daily-dairy--flex {
  background: #f9fafb !important;
}
.birthday-list__daily-activities .birthday-list__data--list li, .birthday-list__daily-activities .more-birthday-list__data--right--list li, .birthday-list__daily-activities .more-birthday-list__data--left--list li {
  background-color: var(--bg-color) !important;
}
.birthday-list__daily-activities .attendance-overview__data--block--buttons {
  margin: 0px 10px !important;
}
.birthday-list__daily-activities .attendance-overview__data--block--buttons .storybook-button {
  width: 100% !important;
}

.more-birthday-list {
  height: 100%;
}
.more-birthday-list__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.more-birthday-list__title img:hover {
  background-color: #f3f4f6;
}
.more-birthday-list__data {
  margin-top: 10px;
  height: calc(100% - 80px);
  column-gap: 20px;
}
.more-birthday-list__data--left, .more-birthday-list__data--right {
  height: 100%;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-image: url("/assets/Birthday_Celebration_Gif-ZxtqBoT0.gif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.more-birthday-list__data--left--list {
  overflow: auto;
  height: calc(100% - 180px);
  margin-top: 10px;
  margin-bottom: 0px;
}
.more-birthday-list__data--left--list li {
  z-index: 10;
  background-color: #f9fafb;
}
.more-birthday-list__data--left--gif {
  height: 80px;
  width: 80px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.more-birthday-list__data--left--gif img {
  width: 100%;
  height: 100%;
}
.more-birthday-list__data--right {
  background-image: none !important;
}
.more-birthday-list__data--right--list {
  overflow: auto;
  height: calc(100% - 80px);
  margin-top: 10px;
}
.more-birthday-list__data--right--li {
  background-color: var(--disabled-color);
  margin-top: 0px !important;
}
.more-birthday-list__data--right--flex {
  display: flex;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
}

.more-birthday-list__data--left--list::-webkit-scrollbar,
.birthday-list__data--list::-webkit-scrollbar,
.more-birthday-list__data--right--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.more-birthday-list__data--left--list::-webkit-scrollbar-thumb,
.birthday-list__data--list::-webkit-scrollbar-thumb,
.more-birthday-list__data--right--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.more-birthday-list__data--left--list::-webkit-scrollbar-thumb:hover,
.birthday-list__data--list::-webkit-scrollbar-thumb:hover,
.more-birthday-list__data--right--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.approval-request {
  height: 100%;
}
.approval-request .subtitle1 {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.approval-request__block {
  height: 55px;
  margin-top: 10px;
  column-gap: 10px;
  background-color: var(--level-2);
  padding: 5px;
}
.approval-request__block--data, .approval-request__block--count {
  height: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  font-family: "Josefin Sans" !important;
}
.approval-request__block--data img, .approval-request__block--count img {
  height: 30px;
}
.approval-request__block--count {
  font-family: "Spline Sans Mono", monospace !important;
}

.substitute-list {
  height: 100%;
  background: var(--bg-color);
}
.substitute-list .subtitle1 {
  width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.substitute-list__block {
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  overflow: auto;
  row-gap: 10px;
}
.substitute-list__block--teacher {
  height: 60px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.substitute-list__block--teacher--details {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.substitute-list__block--teacher--details img {
  height: 30px;
}
.substitute-list__block--teacher--name {
  display: flex;
  flex-direction: column;
}
.substitute-list__block--teacher--name span {
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
}
.substitute-list__block--teacher--name b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.substitute-list__button {
  display: flex;
  justify-content: center;
}
.substitute-list__button--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.substitute-list__button--view img {
  width: 20px;
}

.assign-substitute {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-substitute__filters {
  height: 140px;
  border-bottom: 2px dotted var(--border-color);
}
.assign-substitute__session-details {
  height: calc(100% - 190px);
}
.assign-substitute__session-details--date .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.assign-substitute__session-details--block {
  height: calc(100% - 60px);
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.assign-substitute__session-details--block--card {
  height: fit-content;
  padding: 10px;
  background-color: var(--level-1);
  border-radius: 6px;
}
.assign-substitute__session-details--block--card span {
  color: #94a3b8;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  display: flex;
  justify-content: center;
  padding: 3px;
}
.assign-substitute__session-details--block--card p,
.assign-substitute__session-details--block--card b {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-family: "Josefin Sans" !important;
  display: flex;
  justify-content: center;
  margin-bottom: 0px !important;
}
.assign-substitute__session-details--block--button {
  display: flex;
  justify-content: center;
}
.assign-substitute__session-details--block--button .assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.assign-substitute__session-details--block--button .assign img {
  width: 15px;
  margin-left: 10px;
}
.assign-substitute__session-details--block--button .update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.assign-substitute__session-details--block--button .update img {
  width: 15px;
  margin-left: 10px;
}
.assign-substitute__session-details--block--button .delete {
  background-color: #dc2626;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.assign-substitute__session-details--block--button .delete img {
  width: 20px;
}

.teachers-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.teachers-list__filters {
  height: fit-content;
  margin-top: 10px;
  width: fit-content;
}
.teachers-list__table {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.teachers-list__view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.teachers-list__view img {
  width: 20px;
}

.sustitute-persession {
  height: calc(100% - 135px);
}
.sustitute-persession__modal {
  height: calc(100% - 45px);
}
.sustitute-persession__details {
  height: 140px;
  border-bottom: 2px dotted var(--border-color);
  margin-top: 10px;
}
.sustitute-persession__filters {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.sustitute-persession__block {
  margin-top: 10px;
  height: calc(100% - 230px);
}
.sustitute-persession__block--menu {
  height: 40px;
}
.sustitute-persession__block--menu--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.sustitute-persession__block--menu--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.sustitute-persession__block--menu--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.sustitute-persession__block--menu--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.sustitute-persession__block--menu--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.sustitute-persession__block--menu--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.sustitute-persession__block--menu--tabpanel {
  margin-top: 10px;
  height: calc(100% - 50px);
  overflow: auto;
}
.sustitute-persession__block--menu--tabpanel .MuiTypography-root {
  height: 100% !important;
}
.sustitute-persession__assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.sustitute-persession__assign img {
  width: 15px;
  margin-left: 10px;
}
.sustitute-persession__remove {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.sustitute-persession__remove img {
  width: 15px;
  margin-left: 10px;
}
.sustitute-persession__remove {
  background-color: #dc2626 !important;
  color: var(--bg-color);
}
.sustitute-persession__replace {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #d97706;
  color: #d97706;
  font-size: 14px;
  background-color: var(--bg-color);
}
.sustitute-persession__replace img {
  width: 15px;
  margin-left: 10px;
}
.sustitute-persession__replace {
  background-color: #d97706 !important;
  color: var(--bg-color);
}

.available-teachers {
  height: 100%;
}

.time-table {
  height: 100%;
}
.time-table .birthday-list__data--button {
  padding: 0px 5px !important;
}
.time-table__date-day {
  display: flex;
  justify-content: center;
  gap: 5px;
  font-family: "Josefin Sans" !important;
}
.time-table__date-day b {
  font-family: "Spline Sans Mono", monospace !important !important;
  margin-top: 2px;
}
.time-table__error {
  height: calc(100% - 110px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Josefin Sans" !important;
}
.time-table__periods, .time-table__student-periods {
  height: calc(100% - 60px);
  padding: 0px 5px;
  overflow: auto;
}
.time-table__periods--list1 {
  height: fit-content;
  border-radius: 6px;
  background-color: #f0fdf4;
  margin-top: 5px;
  padding: 5px;
}
.time-table__periods--list1 p {
  border-bottom: 2px dashed var(--border-color) !important;
  display: flex;
  justify-content: start;
  margin: 0px !important;
  font-size: 12px;
  color: #475569;
}
.time-table__periods--details {
  height: calc(100% - 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.time-table__periods--details--flex {
  display: flex;
  flex-direction: column;
}
.time-table__periods--details--flex span {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.time-table__periods--details--flex .subtitle1 {
  color: #cbd5e1;
  font-size: 14px;
  text-align: start !important;
}
.time-table__periods--details .Heading {
  font-size: 16px !important;
}
.time-table__periods--details b {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
}
.time-table__periods--sub {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
.time-table__periods--sub .Heading {
  font-size: 18px !important;
}
.time-table__student-periods {
  height: calc(100% - 30px) !important;
}
.time-table__assigned-sub {
  height: 100%;
}
.time-table__assigned-sub--table {
  height: calc(100% - 40px);
  overflow: auto;
}
.time-table__assigned-sub--content {
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.time-table__view {
  height: 300px;
}
.time-table__view--block {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.time-table__view--block .teacher-dashboard__flex {
  height: 30px !important;
}
.time-table__view--block--attendance {
  height: 90px;
  border: 1px solid var(--border-color);
  padding: 5px;
}
.time-table__view--block--attendance--status {
  height: calc(100% - 30px);
  display: flex;
  justify-content: space-around;
  align-items: end;
}
.time-table__view--block--attendance--status span {
  font-family: "Spline Sans Mono", monospace !important;
}
.time-table__view--block--lesson-status {
  height: calc(100% - 90px);
  border: 1px solid var(--border-color);
  padding: 5px;
}
.time-table__view--block--lesson-status .teacher-dashboard__flex {
  height: 30px !important;
}
.time-table__view--block--lesson-status .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.time-table__view--block--lesson-status--frame {
  height: calc(100% - 30px);
  display: flex;
  column-gap: 10px;
}
.time-table__view--block--lesson-status--frame--completed {
  width: calc(100% - 90px);
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.time-table__view--block--lesson-status--frame--progress {
  height: 100%;
  width: 90px;
}
.time-table__view--block--lesson-status--frame--status {
  height: 40px;
  display: flex;
  column-gap: 15px;
}
.time-table__view--block--lesson-status--frame--status b {
  color: #ef4444;
  font-family: "Spline Sans Mono", monospace !important;
}
.time-table__view--block--lesson-status--frame--status span {
  width: 75px;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
}
.time-table__view--block--lesson-status--frame--status p {
  width: calc(100% - 75px);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 0px !important;
}

.time-table__student-periods::-webkit-scrollbar,
.time-table__periods::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.time-table__student-periods::-webkit-scrollbar-thumb,
.time-table__periods::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.time-table__student-periods::-webkit-scrollbar-thumb:hover,
.time-table__periods::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.teacher-dashboard__workdone {
  height: 100%;
}
.teacher-dashboard__workdone--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.teacher-dashboard__workdone--title img:hover {
  background-color: #f3f4f6;
}
.teacher-dashboard__workdone--options {
  height: 30px;
  column-gap: 10px;
}
.teacher-dashboard__workdone--options .MuiTextField-root {
  margin-top: 0px !important;
}
.teacher-dashboard__workdone--options .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.teacher-dashboard__workdone--datablock {
  height: calc(100% - 115px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--selector {
  height: 60px;
  margin-top: 10px;
  padding: 5px;
  display: flex;
  gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--level-1);
}
.teacher-dashboard__workdone--selector--page {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  width: fit-content;
  padding: 20px;
  display: flex;
  align-items: center;
}
.teacher-dashboard__workdone--selector--page span {
  font-family: "Spline Sans Mono", monospace !important;
  color: #94a3b8;
}
.teacher-dashboard__workdone--selector--page--active {
  border: 1px solid var(--level-6);
  background-color: var(--level-3);
  border-radius: 6px;
  height: 100%;
  width: fit-content;
  padding: 20px;
  display: flex;
  align-items: center;
}
.teacher-dashboard__workdone--selector--page--active span {
  color: var(--text-color);
  font-family: "Spline Sans Mono", monospace !important;
}
.teacher-dashboard__workdone--ques-block, .teacher-dashboard__workdone--club-ques-block {
  height: calc(100% - 70px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--ques-block b, .teacher-dashboard__workdone--club-ques-block b {
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--ques-block .storybook-textarea, .teacher-dashboard__workdone--club-ques-block .storybook-textarea {
  height: calc(100% - 35px) !important;
}
.teacher-dashboard__workdone--ques-block .ql-editor, .teacher-dashboard__workdone--club-ques-block .ql-editor {
  height: fit-content !important;
}
.teacher-dashboard__workdone--club-ques-block {
  height: calc(100% - 185px);
}
.teacher-dashboard__workdone--grid-view {
  height: calc(100% - 115px);
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  overflow: auto;
}
.teacher-dashboard__workdone--grid-view--item {
  height: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.teacher-dashboard__workdone--grid-view--item .ql-container {
  height: auto !important;
  overflow: visible !important;
}
.teacher-dashboard__workdone--grid-view--item .quill {
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.teacher-dashboard__workdone--grid-view--item .ql-table-select-container {
  right: 0px !important;
}
.teacher-dashboard__workdone--grid-view--item .ql-editor {
  height: fit-content !important;
  padding-bottom: 10px !important;
  overflow: none !important;
}
.teacher-dashboard__workdone--grid-view--item b {
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--grid-view--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.teacher-dashboard__workdone--review {
  height: 100%;
}
.teacher-dashboard__workdone--review--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.teacher-dashboard__workdone--review--title img:hover {
  background-color: #f3f4f6;
}
.teacher-dashboard__workdone--review--block {
  height: calc(100% - 115px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--review--block--details {
  height: calc(100% - 170px);
  overflow: auto;
}
.teacher-dashboard__workdone--review--block--modal-details {
  height: 100%;
  overflow: auto;
}
.teacher-dashboard__workdone--review--block--data {
  height: fit-content;
  font-family: "Josefin Sans" !important;
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid var(--border-color);
}
.teacher-dashboard__workdone--review--block--data--flex {
  display: flex;
  flex-direction: column;
  column-gap: 5px;
  border-right: 1px dashed var(--text-color);
}
.teacher-dashboard__workdone--review--block--data--flex span {
  color: #94a3b8;
}
.teacher-dashboard__workdone--review--block--data--edit {
  height: 100%;
  display: flex;
  justify-content: center;
}
.teacher-dashboard__workdone--review--block--data--edit img {
  height: 35px;
}
.teacher-dashboard__workdone--review--block--daywise {
  height: calc(100% - 115px);
  margin-top: 10px;
  overflow: auto;
}
.teacher-dashboard__workdone--review--block--daywise--details {
  height: fit-content;
}
.teacher-dashboard__workdone--attachments {
  margin-top: 10px;
  font-family: "Josefin Sans" !important;
  height: 160px;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.teacher-dashboard__workdone--attachments .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.teacher-dashboard__workdone--attachments p {
  text-align: center;
  color: #94a3b8;
}
.teacher-dashboard__workdone--attachments--files {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  height: calc(100% - 30px);
  overflow-x: hidden;
  overflow-y: auto;
}
.teacher-dashboard__workdone--attachments--files--data {
  height: 40px;
  display: flex;
  gap: 10px;
  background-color: var(--border-color);
  border-radius: 6px;
  padding: 5px;
  align-items: center;
}
.teacher-dashboard__workdone--attachments--files--data img {
  width: 20px;
}
.teacher-dashboard__workdone--attachments--files--data p {
  margin: 0px !important;
}
.teacher-dashboard__workdone--attachments--files--button {
  height: fit-content;
  display: flex;
  align-items: center;
}
.teacher-dashboard__workdone--photo-view {
  height: 100%;
}
.teacher-dashboard__workdone--photo-view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.teacher-dashboard__workdone--photo-view--title img:hover {
  background-color: #f3f4f6;
}
.teacher-dashboard__workdone--photo-view--block {
  margin-top: 10px;
  height: calc(100% - 80px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.teacher-dashboard__workdone--photo-view--block--img {
  height: 100%;
}
.teacher-dashboard__workdone--photo-view--block--img img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.teacher-dashboard__workdone--file {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--file--data {
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--file--data .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.teacher-dashboard__workdone--file--data span {
  color: #94a3b8;
}
.teacher-dashboard__workdone--file--data--block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 10px;
  padding: 10px;
  row-gap: 10px;
}
.teacher-dashboard__workdone--file--data .assignment-creation__inputTag {
  display: flex;
  justify-content: center !important;
}
.teacher-dashboard__workdone--edit-block {
  height: calc(100% - 85px);
  margin-top: 10px;
  overflow: auto;
}
.teacher-dashboard__workdone--edit-block b {
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--info {
  height: calc(100% - 115px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--daywise {
  height: calc(100% - 55px);
}
.teacher-dashboard__workdone--daywise-view {
  height: calc(100% - 155px);
  overflow: auto;
}
.teacher-dashboard__workdone--daywise-frame {
  height: calc(100% - 110px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--daywise-frame--grid {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.teacher-dashboard__workdone--daywise-frame--topic {
  border-right: 1px solid var(--border-color);
  padding: 10px;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--daywise-frame--topic .storybook-textarea {
  border: none !important;
  height: 180px !important;
}
.teacher-dashboard__workdone--frame {
  height: calc(100% - 120px);
  overflow: auto;
}
.teacher-dashboard__workdone--buttons {
  border: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--buttons--active {
  background-color: var(--level-4);
  color: white;
}
.teacher-dashboard__workdone--buttons {
  border-radius: 6px;
  background-color: white;
  padding: 3px 5px;
  color: black;
  font-family: "Josefin Sans" !important;
}
.teacher-dashboard__workdone--block {
  height: 130px;
  display: grid;
  grid-template-columns: 0.8fr 1.5fr;
}
.teacher-dashboard__workdone--block--session-grids {
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  background-color: var(--level-1);
}
.teacher-dashboard__workdone--block--session-grids--list {
  height: 100%;
}
.teacher-dashboard__workdone--block--session-grids--list .Heading {
  color: var(--level-5) !important;
}
.teacher-dashboard__workdone--block--session-grids--list img {
  height: 20px;
  margin-top: 10px;
}
.teacher-dashboard__workdone--block--session-grids--list span {
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  margin-top: 10px;
}
.teacher-dashboard__workdone--block--topic-grids {
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
}
.teacher-dashboard__workdone--block--topic-grids .storybook-textarea {
  border: none !important;
  border-radius: 0px !important;
  color: #94a3b8 !important;
}
.teacher-dashboard__workdone--block--combined {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 30px);
}
.teacher-dashboard__workdone--block--combined .storybook-textarea {
  width: 400px !important;
}
.teacher-dashboard__workdone--block--time {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.teacher-dashboard__workdone--block--time .MuiInputBase-input {
  padding: 5px !important;
}
.teacher-dashboard__workdone--block--time input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__workdone--block--time label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.teacher-dashboard__workdone--block--time .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.teacher-dashboard__workdone--block--time .MuiInputBase-input {
  height: 1.3em !important;
}
.teacher-dashboard__workdone--heading {
  margin-top: 10px;
  height: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.teacher-dashboard__workdone--heading--session-grids {
  padding: 10px;
  height: 100%;
}
.teacher-dashboard__workdone--edit {
  height: 100%;
}
.teacher-dashboard__workdone--edit--block {
  height: calc(100% - 90px);
  border: 1px solid var(--border-color);
  margin-top: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.teacher-dashboard__workdone--edit--topic {
  height: 355px;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.teacher-dashboard__workdone--edit--topic .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.teacher-dashboard__workdone--edit--topic .storybook-textarea {
  border: none !important;
  height: calc(100% - 30px) !important;
}
.teacher-dashboard__workdone--modal {
  height: calc(100% - 40px);
}
.teacher-dashboard__workdone--modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.teacher-dashboard__workdone--modal--title img:hover {
  background-color: #f3f4f6;
}
.teacher-dashboard__workdone--modal--tabpanel {
  height: 100%;
  margin-top: 10px;
}
.teacher-dashboard__workdone--modal--swipable {
  height: calc(100% - 40px);
}
.teacher-dashboard__workdone--modal--session {
  height: calc(100% - 35px);
  overflow: auto;
}
.teacher-dashboard__workdone--modal--details {
  height: 80px;
  column-gap: 10px;
  border-bottom: 1px solid var(--border-color);
  padding: 10px;
}
.teacher-dashboard__workdone--modal--details--content {
  font-family: "Josefin Sans" !important;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.teacher-dashboard__workdone--modal--details--content p {
  color: #94a3b8;
  margin: 0px !important;
}
.teacher-dashboard__workdone--modal--details--content span {
  color: var(--level-6);
  font-weight: bold;
}
.teacher-dashboard__workdone--modal--details--content--flex {
  display: flex;
  gap: 5px;
}
.teacher-dashboard__workdone--modal--details--content--flex b,
.teacher-dashboard__workdone--modal--details--content--flex span {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.teacher-dashboard__workdone--modal--details--date {
  display: flex;
  align-items: center;
  gap: 10px;
}
.teacher-dashboard__workdone--modal--details--date img {
  height: 20px;
}
.teacher-dashboard__workdone--modal--details--date .MuiInputLabel-shrink {
  font-size: 14px !important;
}
.teacher-dashboard__workdone--modal--details--fill {
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher-dashboard__workdone--modal--view {
  height: 100%;
}
.teacher-dashboard__workdone--modal--view .teacher-dashboard__workdone--review--block {
  overflow: auto !important;
}
.teacher-dashboard__workdone--modal--view .teacher-dashboard__workdone--review--block--data {
  border-bottom: 1px solid var(--border-color) !important;
  display: flex;
  flex-direction: column;
  column-gap: 10px;
}
.teacher-dashboard__workdone--modal--daywise {
  height: calc(100% - 35px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--modal--daywise .teacher-dashboard__workdone--ques-block, .teacher-dashboard__workdone--modal--daywise .teacher-dashboard__workdone--club-ques-block {
  height: calc(100% - 80px) !important;
}
.teacher-dashboard__workdone--modal--daywise--datablock {
  height: calc(100% - 15px);
}
.teacher-dashboard__workdone--modal--daywise--grid-view {
  height: calc(100% - 15px);
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  overflow: auto;
}
.teacher-dashboard__workdone--workdiary-modal {
  height: 100%;
}
.teacher-dashboard__workdone--workdiary-modal--tabpanel {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.teacher-dashboard__workdone--workdiary-modal--swipable {
  height: calc(100% - 45px);
}
.teacher-dashboard__workdone--workdiary-modal--swipable p {
  height: 100% !important;
}
.teacher-dashboard__workdone--workdiary-modal--session {
  height: calc(100% - 45px);
  overflow: auto;
}

.classwise {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.classwise__dashboard {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.classwise__dashboard--grid-view {
  height: calc(100% - 10px);
  overflow: auto;
  padding: 0px 5px;
}
.classwise__dashboard--grid-view .classwise__grid-view--list {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
.classwise__flex {
  height: 50px;
  display: flex;
  justify-content: flex-end;
}
.classwise__grid-view {
  height: calc(100% - 55px);
  margin-top: 5px;
  overflow: auto;
}
.classwise__grid-view--list {
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.classwise__grid-view--list--title {
  display: block;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  text-align: center;
}
.classwise__grid-view--list--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.classwise__grid-view--list--card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.classwise__grid-view--list--card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.classwise__grid-view--list--card {
  height: 120px;
  background-color: var(--level-1);
}
.classwise__grid-view--list--card:hover .teacher-dashboard__grid-view--list--view {
  opacity: 1;
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.classwise__grid-view--list--card:hover .teacher-dashboard__grid-view--list--view img {
  width: 20px;
}
.classwise__grid-view--list--card .teacher-dashboard__grid-view--list--view {
  opacity: 0;
}
.classwise__grid-view--list--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.classwise__grid-view--list--view img {
  width: 20px;
}
.classwise__grid-view--list--view {
  width: fit-content;
  font-family: "Spline Sans Mono", monospace !important;
}

.counsellor-dashboard {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.counsellor-dashboard__stats .teacher-dashboard__flex {
  padding: 5px !important;
  border-bottom: 1px solid var(--border-color);
  height: 30px !important;
}
.counsellor-dashboard__request {
  height: 100%;
}
.counsellor-dashboard__request .teacher-dashboard__flex {
  padding: 5px !important;
  border-bottom: 1px solid var(--border-color);
  height: 30px !important;
}
.counsellor-dashboard__request--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.counsellor-dashboard__request--block--data {
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.counsellor-dashboard__request--block--data--image {
  height: 50px;
  display: flex;
  justify-content: center;
  width: 60px;
}
.counsellor-dashboard__request--block--data--info {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: "Josefin Sans" !important;
  width: calc(100% - 160px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.counsellor-dashboard__request--block--data--info .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.counsellor-dashboard__request--block--data--info b {
  color: var(--level-6);
}
.counsellor-dashboard__request--block--data--info span {
  color: #6b7280;
}
.counsellor-dashboard__request--block--data--status {
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.counsellor-dashboard__request--block--data--status .acd-admin-dashboard__upcoming-test--total--inprogress {
  margin-left: 0px !important;
}

.appointment-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.appointment-list__filters {
  height: 30px;
  column-gap: 10px;
  margin-top: 10px;
}
.appointment-list__date {
  margin-top: 10px;
  height: 30px;
}
.appointment-list__table {
  margin-top: 20px;
  height: calc(100% - 150px);
}
.appointment-list__student-counselling {
  height: 120px;
  margin: 10px 0px;
}
.appointment-list__student-counselling--table {
  margin-top: 10px;
  height: calc(100% - 260px);
}
.appointment-list .subtitle1 {
  color: var(--level-7) !important;
  font-size: 20px !important;
}
.appointment-list__review-btn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: var(--level-5);
  color: white;
  font-size: 14px;
}
.appointment-list__review-btn img {
  width: 15px;
  margin-left: 10px;
}

.feedback-drawer {
  height: 100%;
}
.feedback-drawer__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.feedback-drawer__title img:hover {
  background-color: #f3f4f6;
}
.feedback-drawer__block {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.feedback-drawer__block--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.feedback-drawer__block--grid .quill {
  border: 1px solid var(--border-color) !important;
  margin-bottom: 10px !important;
}
.feedback-drawer__block--flex {
  display: flex;
}
.feedback-drawer__block--flex img {
  height: 20px;
  margin-top: 15px;
}
.feedback-drawer .teacher-dashboard__workdone--ques-block {
  height: calc(100% - 115px) !important;
}
.feedback-drawer .teacher-dashboard__workdone--ques-block .quill {
  border: 1px solid var(--border-color) !important;
  margin-bottom: 10px !important;
  height: calc(100% - 60px) !important;
}

.test-planner {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-planner__cards {
  height: 60px;
  margin-top: 10px;
}
.test-planner__cards--list {
  display: flex;
  column-gap: 10px;
  height: 100%;
}
.test-planner__cards--list--grid {
  background-color: #f1f5f9;
  height: 100%;
  width: 230px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  padding: 0px 8px;
}
.test-planner__cards--list--grid img {
  width: 30px;
}
.test-planner__cards--list--grid span {
  width: calc(100% - 50px);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.test-planner__cards--list--grid b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.test-planner__filters {
  column-gap: 10px;
}
.test-planner__filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.test-planner__filters--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.test-planner__filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.test-planner__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.test-planner__filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.test-planner__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.test-planner__filters--textfield {
  width: fit-content !important;
  margin-left: 10px !important;
}
.test-planner__data {
  height: calc(100% - 165px);
  overflow: auto;
  margin-top: 10px;
}
.test-planner__data--list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
}
.test-planner__data--list .planned {
  background-color: #f0fdf4;
}
.test-planner__data--list .notplanned {
  background-color: #fef2f2;
}
.test-planner__data--li {
  margin-bottom: 10px;
  padding: 5px;
}
.test-planner__data--li:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.test-planner__data--li img {
  width: 20px;
}
.test-planner__data--li span {
  color: var(--text-color);
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.test-planner__data--grid {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.test-planner__data--grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.test-planner__data--grid--image {
  width: 20px;
  margin-left: auto;
  margin-right: 0px;
  display: block;
}
.test-planner__data--grid--title {
  color: var(--text-color);
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  text-align: center;
  display: block;
}
.test-planner__data--grid--subtitle {
  color: #475569;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  text-align: center;
  display: block;
}
.test-planner__data--grid--derivative {
  border: 1px solid var(--level-4);
  color: var(--level-4);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.test-planner__data--grid--non-academic {
  color: var(--text-color);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
  background-color: var(--disabled-color);
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.test-planner__data--grid--flex {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 10px;
}
.test-planner__data--grid--flex--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.test-planner__data--grid--flex--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.test-planner__data--grid--flex--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-planner__data--grid--flex--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.test-planner__data--grid--flex--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-planner__data--grid--flex--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.test-planner__data--grid--flex--textfield {
  margin: 0px 0px 0px 0px !important;
  width: fit-content !important;
}
.test-planner__data--grid .font-red {
  text-align: center !important;
}
.test-planner__data--grid--number {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  display: block;
  text-align: center;
  color: var(--text-color);
}
.test-planner__data--grid--total {
  column-gap: 10px;
  margin-top: 10px;
}
.test-planner__data--grid--view {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.test-planner__data--grid--view button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.test-planner__data--grid--view button img {
  width: 20px;
}
.test-planner__view {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-planner__view--filters {
  column-gap: 10px;
  margin: 10px 0px;
}
.test-planner__view--cards {
  height: 30px;
  margin-top: 10px;
}
.test-planner__view--cards--list {
  display: flex;
  column-gap: 10px;
  height: 100%;
}
.test-planner__view--cards--list--grid {
  background-color: #f1f5f9;
  height: 100%;
  width: 230px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  padding: 0px 8px;
}
.test-planner__view--cards--list--grid img {
  width: 30px;
}
.test-planner__view--cards--list--grid span {
  width: calc(100% - 50px);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.test-planner__view--cards--list--grid b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.test-planner__view--tableblock {
  height: calc(100% - 170px);
  margin-top: 10px;
}
.test-planner__view--table {
  max-height: 100%;
}
.test-planner__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.test-planner__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.test-planner__view--table td img:hover,
.test-planner__view--table td a:hover {
  cursor: pointer;
}
.test-planner__view--table tbody {
  background-color: var(--level-1);
}
.test-planner__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.test-planner__view--table tbody tr:hover td {
  color: var(--level-7);
}
.test-planner__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.test-planner__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.test-planner__view--table--number {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.test-planner__view--table--actions {
  width: 15%;
}
.test-planner__view--table--actions .allocate-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.test-planner__view--table--actions .allocate-button img {
  width: 15px;
  margin-left: 10px;
}
.test-planner__view--table--actions .edit-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.test-planner__view--table--actions .edit-button img {
  width: 15px;
  margin-left: 10px;
}
.test-planner__view--table--actions .edit-button {
  margin: 5px;
}
.test-planner__view--table--actions .delete-button {
  background-color: #dc2626;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.test-planner__view--table--actions .delete-button img {
  width: 20px;
}
.test-planner__view--table--groupheader th {
  height: 30px;
}
.test-planner__view--table--subheader th {
  top: 30px;
}

.test-planner__data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.test-planner__data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.test-planner__data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.test-planner__details {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.test-planner__details--create-test {
  margin: 0px 20px;
  height: calc(100% - 190px);
}
.test-planner__details--create-test--warning .subtitle1 {
  text-align: left !important;
}
.test-planner__details--create-test--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.test-planner__details--create-test--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.test-planner__details--create-test--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-planner__details--create-test--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.test-planner__details--create-test--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.test-planner__details--create-test--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.test-planner__details--create-test--select {
  column-gap: 10px;
}
.test-planner__details--create-test--details {
  border-top: 1.8px dashed var(--border-color);
  margin-top: 10px;
}
.test-planner__details--create-test--table {
  max-height: 100%;
}
.test-planner__details--create-test--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.test-planner__details--create-test--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.test-planner__details--create-test--table td img:hover,
.test-planner__details--create-test--table td a:hover {
  cursor: pointer;
}
.test-planner__details--create-test--table tbody {
  background-color: var(--level-1);
}
.test-planner__details--create-test--table tbody tr:hover {
  background-color: var(--level-2);
}
.test-planner__details--create-test--table tbody tr:hover td {
  color: var(--level-7);
}
.test-planner__details--create-test--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.test-planner__details--create-test--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.test-planner__details--create-test--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.test-planner__details--create-test--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.test-planner__details--create-test--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.test-planner__details--create-test--table--groupheader {
  font-size: 16px;
  font-weight: bold;
  height: 30px;
}
.test-planner__details--create-test--table--subheader th {
  top: 30px;
}
.test-planner__details--create-test--table--open-elective td {
  background-color: var(--disabled-color);
  height: 30px;
  font-weight: 700;
}
.test-planner__details--create-test--table--th-slno {
  width: 4%;
}
.test-planner__details--create-test--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.test-planner__details--create-test--table--marks {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.test-planner__details--create-test--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.test-planner__details--create-test--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.test-planner__details--create-test--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.test-planner__details--create-test--table--input {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
  padding: 0px !important;
}
.test-planner__details--create-test--table--input input {
  text-align: center !important;
}
.test-planner__details--create-test--table--code {
  width: 8%;
}
.test-planner__details--create-test--table--date {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
  padding: 0px !important;
}
.test-planner__details--create-test--tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}

.grade {
  height: calc(100% - 30px);
}
.grade__scale {
  height: 40px;
  width: 100%;
  background-color: var(--level-1);
  border-radius: 3px;
  color: var(--level-7);
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grade__block {
  height: calc(100% - 120px);
  margin-bottom: 0px !important;
  overflow: auto;
}
.grade__block li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  justify-content: space-evenly;
  margin-top: 10px;
}
.grade__block--grade, .grade__block--perc {
  height: 40px;
  width: 100px;
  background-color: var(--disabled-color);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.grade__block--perc {
  display: flex;
  justify-content: center;
}
.grade__block--perc img {
  width: 20px;
  margin-right: 0px;
  margin-left: 20px;
}
.grade__edit {
  height: calc(100% - 170px);
  margin: 0px 20px;
}
.grade__edit--modal {
  height: calc(100% - 30px);
}
.grade__edit--frame {
  column-gap: 40px;
  margin-top: 10px;
  height: calc(100% - 50px);
}
.grade__edit--frame--left {
  height: 100%;
  border-radius: 0px 30px 0px 0px;
  border: 1px solid var(--border-color);
}
.grade__edit--frame--right {
  height: 100%;
  border-radius: 30px 0px 0px 0px;
  border: 1px solid var(--border-color);
}
.grade__edit--list {
  padding: 10px;
  height: 100%;
}
.grade__edit--list--tableblock {
  margin-top: 10px;
  height: calc(100% - 30px);
}
.grade__edit--list--table {
  max-height: 100%;
}
.grade__edit--list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.grade__edit--list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.grade__edit--list--table td img:hover,
.grade__edit--list--table td a:hover {
  cursor: pointer;
}
.grade__edit--list--table tbody {
  background-color: var(--level-1);
}
.grade__edit--list--table tbody tr:hover {
  background-color: var(--level-2);
}
.grade__edit--list--table tbody tr:hover td {
  color: var(--level-7);
}
.grade__edit--list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.grade__edit--list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.grade__edit--add {
  padding: 10px;
}
.grade__edit--add .storybook-input {
  width: 80px !important;
}
.grade__subtitle {
  display: flex;
  height: 30px;
  align-items: center;
  margin-top: 10px;
  justify-content: space-evenly;
}
.grade__subtitle b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
  width: 150px;
  text-align: center;
}
.grade__list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.grade__list--table {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.grade__list--modal {
  height: 100%;
}
.grade__list--modal--title {
  height: 30px;
}
.grade__list--modal--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.grade__list--modal--close:hover {
  background-color: #f3f4f6;
}
.grade__list--modal--close {
  width: 32px !important;
}
.grade__list--modal--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  display: grid;
  grid-template-columns: 0.7fr 1fr;
}

.grade__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.grade__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.grade__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.non-acd-test {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.non-acd-test__subtitle {
  height: 50px;
  display: flex;
  align-items: center;
  color: var(--level-7);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.non-acd-test__subtitle--nonacademic {
  color: var(--text-color);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
  background-color: var(--disabled-color);
}
.non-acd-test__grid {
  display: flex;
  height: 50px;
  align-items: center;
  background-color: var(--level-2);
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  width: fit-content;
  column-gap: 10px;
  padding: 10px;
}
.non-acd-test__tableblock, .non-acd-test__tableblock--without-remarks {
  height: calc(100% - 195px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
}
.non-acd-test__tableblock--without-remarks {
  height: calc(100% - 145px);
}
.non-acd-test__table {
  max-height: 100%;
}
.non-acd-test__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.non-acd-test__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.non-acd-test__table td img:hover,
.non-acd-test__table td a:hover {
  cursor: pointer;
}
.non-acd-test__table tbody {
  background-color: var(--level-1);
}
.non-acd-test__table tbody tr:hover {
  background-color: var(--level-2);
}
.non-acd-test__table tbody tr:hover td {
  color: var(--level-7);
}
.non-acd-test__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.non-acd-test__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.non-acd-test__table--grade .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.non-acd-test__table--grade .MuiFormControl-root {
  margin-top: 0px !important;
}
.non-acd-test__table--grade .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.non-acd-test__table--grade .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.non-acd-test__table--grade .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}

.sessions__frame {
  margin: 0px 10px 10px 10px;
  height: calc(100% - 185px);
  column-gap: 20px;
}
.sessions__frame--row {
  height: calc(100% - 35px);
  margin-bottom: 10px;
  column-gap: 20px;
}
.sessions__frame--title {
  height: 30px;
}
.sessions__frame--title #search {
  margin-top: 0px;
}
.sessions__frame--block, .sessions__frame--block--club {
  height: calc(100% - 75px);
  overflow-y: auto;
}
.sessions__frame--block .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment, .sessions__frame--block--club .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.sessions__frame--block .MuiChip-label, .sessions__frame--block--club .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
}
.sessions__frame--block .MuiFormControlLabel-root, .sessions__frame--block--club .MuiFormControlLabel-root {
  padding: 8px 0px 0px 6px !important;
  column-gap: 190px !important;
}
.sessions__frame--block--autocomplete .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.sessions__frame--block--autocomplete--multiselect .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.sessions__frame--block--autocomplete--multiselect .MuiChip-root {
  height: 20px !important;
}
.sessions__frame--block--autocomplete--multiselect .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.sessions__frame--block--keywords {
  background: #fffbeb;
  border-radius: 20px;
  padding-bottom: 3px;
  width: 100%;
  margin-bottom: 3px;
  margin-top: 10px;
}
.sessions__frame--block--keywords--footer {
  margin: 5px;
}
.sessions__frame--block--keywords--footer label {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  padding: 4px;
  margin: 2px;
  font-size: 12px;
}
.sessions__frame--block--keywords b {
  font-size: 13px;
  margin-left: 10px;
  margin-top: 0px !important;
  color: #000;
}
.sessions__frame--block--club {
  height: calc(100% - 115px);
}
.sessions__frame--modal {
  height: calc(100% - 50px);
}
.sessions__table {
  max-height: 100%;
}
.sessions__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.sessions__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.sessions__table td img:hover,
.sessions__table td a:hover {
  cursor: pointer;
}
.sessions__table tbody {
  background-color: var(--level-1);
}
.sessions__table tbody tr:hover {
  background-color: var(--level-2);
}
.sessions__table tbody tr:hover td {
  color: var(--level-7);
}
.sessions__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.sessions__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.sessions__table {
  margin-top: 10px;
  height: calc(100% - 10px);
}
.sessions__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sessions__table--th-slno {
  width: 8%;
}
.sessions__table--status {
  width: 8%;
}
.sessions__table--actions {
  width: 8%;
}
.sessions__table--shortdesc {
  width: 7%;
}
.sessions__table--phoneno {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.sessions__table--th-phoneno {
  width: 6%;
}
.sessions__table--email {
  width: 12%;
}
.sessions__buttons {
  margin-left: 10px;
}

.library__table::-webkit-scrollbar,
.library__frame--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.library__table::-webkit-scrollbar-thumb,
.library__frame--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.library__table::-webkit-scrollbar-thumb:hover,
.library__frame--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.active-session {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.active-session__select {
  column-gap: 10px;
}
.active-session__tableblock {
  margin-top: 10px;
  height: calc(100% - 98px);
}

.acd-posting {
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.acd-posting__filters {
  height: 30px;
  margin-top: 10px;
  display: flex;
  gap: 25px;
}
.acd-posting__filters--radio-btn {
  width: 350px;
}
.acd-posting__filters--inputs {
  width: calc(100% - 380px);
  column-gap: 10px;
}
.acd-posting__filters--inputs .MuiAutocomplete-tag {
  height: 20px !important;
}
.acd-posting__data {
  height: calc(100% - 95px);
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-top: 10px;
}
.acd-posting__data--accordian-header {
  display: flex;
  align-items: center;
  font-family: "Josefin Sans" !important;
  color: var(--level-7);
}
.acd-posting__data--accordian-details {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding: 10px;
  font-family: "Josefin Sans" !important;
}
.acd-posting__data--accordian-details p {
  margin: 0px !important;
}
.acd-posting__data--accordian-details span {
  font-weight: bold !important;
}
.acd-posting__data--accordian-details b {
  color: var(--level-7) !important;
}
.acd-posting__data--accordian-details img {
  height: 30px;
}
.acd-posting__data--accordian-details .center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.acd-posting__data--accordian-details .storybook-button {
  margin: 0px !important;
}
.acd-posting__data--accordian-details--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.2fr 0.4fr;
}
.acd-posting__data--accordian-details--grid .font-red {
  color: #ef4444 !important;
  text-align: start !important;
}
.acd-posting__data--dates-block {
  padding: 15px;
  height: 100%;
}
.acd-posting__data--dates-block .choose-acd-yrs {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 10px;
  overflow: auto;
  height: calc(100% - 120px);
}
.acd-posting__data--dates-block .choose-acd-yrs__grid {
  display: grid;
  grid-template-columns: 0.1fr 2fr;
}
.acd-posting__data--dates-block .choose-acd-yrs__grid .MuiFormControlLabel-root {
  margin-top: 5px !important;
}
.acd-posting__data--dates-block .choose-acd-yrs__grid .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.acd-posting__data--dates-block .choose-acd-yrs__previous, .acd-posting__data--dates-block .choose-acd-yrs__current {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.acd-posting__data--dates-block .choose-acd-yrs__current {
  margin-bottom: 10px;
}
.acd-posting__data .choose-acd-yrs::-webkit-scrollbar {
  display: none;
}
.acd-posting__data--left {
  width: 350px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  height: 100%;
}
.acd-posting__data--right {
  width: calc(100% - 350px);
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
  border-radius: 6px;
  height: 100%;
  overflow: auto;
}
.acd-posting__data--right .MuiAccordion-root {
  margin-bottom: 10px !important;
}
.acd-posting__data--right li {
  padding: 10px;
  font-family: "Josefin Sans" !important;
}
.acd-posting__data--right--title {
  background-color: var(--level-2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  color: var(--level-7);
}
.acd-posting__data--right--title button {
  margin-top: 0px !important;
}
.acd-posting__data--right--sublist {
  display: grid;
  grid-template-columns: 1fr 0.3fr 1fr;
  border-bottom: 2px dashed var(--border-color);
}
.acd-posting__data--right--moving-sec {
  display: flex;
  flex-direction: column;
}
.acd-posting__data--right--moving-sec span {
  color: var(--level-5);
  text-align: right;
}
.acd-posting__data--right--moving-sec b {
  font-family: "Josefin Sans" !important;
  color: #c53030;
  font-size: 16px;
  text-align: right;
}
.acd-posting__data--right--moving-sec button {
  padding: 4px 10px;
  border-radius: 20px;
  color: #1e293b;
  width: fit-content;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  display: block;
  margin-left: auto;
  margin-right: 0px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.acd-posting__data--label-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  height: 120px;
}
.acd-posting__data--label-grid .MuiFormControlLabel-root {
  margin-top: -12px !important;
}
.acd-posting__view-year-posting-data {
  height: calc(100% - 60px);
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-top: 10px;
}
.acd-posting__dataframe {
  height: calc(100% - 95px);
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-top: 10px;
}
.acd-posting__dataframe--heading {
  height: 40px;
  display: flex;
  gap: 10px;
}
.acd-posting__dataframe--heading span {
  font-family: "Josefin Sans" !important;
}
.acd-posting__dataframe--heading--year {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
  display: flex;
  align-items: center;
}
.acd-posting__dataframe--heading--year span {
  font-family: "Spline Sans Mono", monospace !important !important;
}
.acd-posting__dataframe--filters {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.acd-posting__dataframe--filters .MuiTextField-root {
  margin-top: 0px !important;
}
.acd-posting__dataframe--details {
  height: calc(100% - 90px);
  margin-top: 10px;
  overflow: auto;
}
.acd-posting__dataframe--details--info {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 3px dashed var(--border-color);
  padding: 5px 0px;
}
.acd-posting__dataframe--details--info b {
  font-family: "Josefin Sans" !important;
  color: var(--level-7);
}
.acd-posting__dataframe--details--view-btn {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.acd-posting__dataframe--details--view-btn img {
  width: 20px;
}
.acd-posting__dataframe--details--assign-btn {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.acd-posting__dataframe--details--assign-btn img {
  width: 15px;
  margin-left: 10px;
}
.acd-posting__dataframe--left {
  width: 50%;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
}
.acd-posting__dataframe--right {
  width: 50%;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
}
.acd-posting__reorder {
  height: calc(100% - 35px);
}
.acd-posting__reorder--tableblock {
  height: calc(100% - 40px);
}
.acd-posting__reorder--table {
  max-height: 100%;
}
.acd-posting__reorder--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.acd-posting__reorder--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.acd-posting__reorder--table td img:hover,
.acd-posting__reorder--table td a:hover {
  cursor: pointer;
}
.acd-posting__reorder--table tbody {
  background-color: var(--level-1);
}
.acd-posting__reorder--table tbody tr:hover {
  background-color: var(--level-2);
}
.acd-posting__reorder--table tbody tr:hover td {
  color: var(--level-7);
}
.acd-posting__reorder--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.acd-posting__reorder--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.acd-posting__reorder--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.acd-posting__view-section {
  height: calc(100% - 35px);
}
.acd-posting__view-section--data {
  height: calc(100% - 40px);
  overflow: auto;
}
.acd-posting__transfer-image {
  height: calc(100% - 60px);
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.acd-posting__transfer-image img {
  height: 100%;
}
.acd-posting__transfer-image b {
  font-family: "Josefin Sans" !important;
  color: var(--level-7);
  font-size: 20px;
}
.acd-posting__view {
  height: calc(100% - 35px);
}
.acd-posting__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.acd-posting__view--title img:hover {
  background-color: #f3f4f6;
}
.acd-posting__view--filters {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.acd-posting__view--filters .MuiAutocomplete-tag {
  height: 20px !important;
}
.acd-posting__view--data {
  margin-top: 10px;
  height: calc(100% - 90px);
  overflow: auto;
}

.acd-posting__data--right::-webkit-scrollbar,
.acd-posting__view-section--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.acd-posting__data--right::-webkit-scrollbar-thumb,
.acd-posting__view-section--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.acd-posting__data--right::-webkit-scrollbar-thumb:hover,
.acd-posting__view-section--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.lesson-planner {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.lesson-planner__select {
  column-gap: 10px;
  margin-top: 10px;
}
.lesson-planner__date {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}
.lesson-planner__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.lesson-planner__table {
  max-height: 100%;
}
.lesson-planner__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.lesson-planner__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.lesson-planner__table td img:hover,
.lesson-planner__table td a:hover {
  cursor: pointer;
}
.lesson-planner__table tbody {
  background-color: var(--level-1);
}
.lesson-planner__table tbody tr:hover {
  background-color: var(--level-2);
}
.lesson-planner__table tbody tr:hover td {
  color: var(--level-7);
}
.lesson-planner__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.lesson-planner__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.lesson-planner__table--assign-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.lesson-planner__table--assign-button img {
  width: 15px;
  margin-left: 10px;
}
.lesson-planner__table--review-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: var(--level-5);
  color: white;
  font-size: 14px;
}
.lesson-planner__table--review-button img {
  width: 15px;
  margin-left: 10px;
}
.lesson-planner__table--view-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.lesson-planner__table--view-button img {
  width: 20px;
}
.lesson-planner__table--total {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.lesson-planner__table--actions {
  width: 12%;
}

.assign-lesson-planner {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-lesson-planner__frame {
  margin-top: 10px;
  height: calc(100% - 95px);
  border: 1px solid var(--border-color);
  border-radius: 2px;
  display: flex;
}
.assign-lesson-planner__frame--left {
  width: 210px;
  overflow: auto;
  background-color: var(--level-1);
}
.assign-lesson-planner__frame--left--sub {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--bg-color) !important;
}
.assign-lesson-planner__frame--left--sub img {
  height: 20px;
}
.assign-lesson-planner__frame--left--sub span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.assign-lesson-planner__frame--left--sub b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.assign-lesson-planner__frame--left--sub--selected {
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
}
.assign-lesson-planner__frame--left--sub--selected span,
.assign-lesson-planner__frame--left--sub--selected b {
  display: block;
  text-align: center;
}
.assign-lesson-planner__frame--left--sublist {
  height: calc(100% - 65px);
}
.assign-lesson-planner__frame--right {
  width: calc(100% - 210px);
}
.assign-lesson-planner__subs {
  height: 100%;
  margin-bottom: 0px !important;
}
.assign-lesson-planner__subs--li, .assign-lesson-planner__subs--li--selected {
  text-align: center;
  border-bottom: 1px dashed var(--border-color);
  padding: 5px;
  border-left: 1px dashed var(--border-color);
}
.assign-lesson-planner__subs--li img, .assign-lesson-planner__subs--li--selected img {
  width: 20px;
}
.assign-lesson-planner__subs--li span, .assign-lesson-planner__subs--li--selected span {
  display: block;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.assign-lesson-planner__subs--li b, .assign-lesson-planner__subs--li--selected b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}
.assign-lesson-planner__subs--li--selected {
  background-color: var(--bg-color) !important;
}

.assign-lesson-planner__frame--left::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.assign-lesson-planner__frame--left::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.assign-lesson-planner__frame--left::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.create-lesson-planner {
  height: 100%;
  padding: 0px 5px 5px 5px;
}
.create-lesson-planner__review-comment {
  text-align: center;
  color: #16a34a;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.create-lesson-planner__header {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.create-lesson-planner__header--buttons {
  display: flex;
}
.create-lesson-planner__header--graph {
  height: 100%;
  width: 100px;
}
.create-lesson-planner__header--graph .echarts-for-react {
  height: 100% !important;
}
.create-lesson-planner__header--durations {
  display: flex;
  column-gap: 10px;
}
.create-lesson-planner__header--durations span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__header--durations b {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.create-lesson-planner__header--separator {
  height: 20px;
  width: 2px;
  background-color: var(--border-color);
}
.create-lesson-planner__header--selected {
  border-radius: 6px;
  padding: 3px 10px;
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__header--selected span,
.create-lesson-planner__header--selected b {
  display: block;
  text-align: center;
}
.create-lesson-planner__topics-review {
  height: calc(100% - 125px);
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__topics-planned {
  height: calc(100% - 75px);
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__topics-planned--list {
  height: calc(100% - 55px);
  overflow: auto;
}
.create-lesson-planner__topics-assign {
  height: calc(100% - 75px);
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__topics {
  height: calc(100% - 65px);
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__topics--first-row {
  height: 50px;
  display: flex;
  column-gap: 10px;
}
.create-lesson-planner__topics .storybook-button {
  margin: 0px 10px 0px 0px !important;
  height: 35px;
}
.create-lesson-planner__topics--selected-file {
  background: #f3f4f6;
  width: 250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  padding: 5px;
}
.create-lesson-planner__topics--selected-file span {
  text-overflow: ellipsis;
  width: calc(100% - 25px);
  color: #000;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 600;
}
.create-lesson-planner__topics--selected-file img {
  width: 25px;
}
.create-lesson-planner__topics--preview {
  height: calc(100% - 60px);
  margin-top: 10px;
  overflow: auto;
}
.create-lesson-planner__topics--preview--subtitle {
  padding-bottom: 5px;
  border-bottom: 1.5px dashed var(--border-color);
}
.create-lesson-planner__topics--yearly {
  height: calc(100% - 115px);
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.create-lesson-planner__attachments {
  height: calc(100% - 75px);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  position: relative;
  overflow: hidden;
}
.create-lesson-planner__attachments--block {
  height: calc(100% - 30px);
  padding: 5px;
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-lesson-planner__attachments--block--image {
  margin: auto;
  height: 100px;
  width: 200px;
  display: block;
  position: relative;
}
.create-lesson-planner__attachments--block--image img {
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
}
.create-lesson-planner__attachments--block--image span {
  color: #6b7280;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  text-align: center;
  display: block;
}
.create-lesson-planner__attachments--block--image input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.create-lesson-planner__attachments--footer {
  height: 30px;
  background-color: #f3f4f6;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}
.create-lesson-planner__drawer {
  height: 100%;
}
.create-lesson-planner__drawer--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.create-lesson-planner__drawer--title img:hover {
  background-color: #f3f4f6;
}
.create-lesson-planner__drawer--filters {
  margin-top: 10px;
  column-gap: 10px;
}
.create-lesson-planner__drawer--tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}

.create-lesson-planner__topics--preview::-webkit-scrollbar,
.create-lesson-planner__topics::-webkit-scrollbar,
.create-main-chapter--frame::-webkit-scrollbar,
.create-main-chapter--sub-chapter-frame::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.create-lesson-planner__topics--preview::-webkit-scrollbar-thumb,
.create-lesson-planner__topics::-webkit-scrollbar-thumb,
.create-main-chapter--frame::-webkit-scrollbar-thumb,
.create-main-chapter--sub-chapter-frame::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.create-lesson-planner__topics--preview::-webkit-scrollbar-thumb:hover,
.create-lesson-planner__topics::-webkit-scrollbar-thumb:hover,
.create-main-chapter--frame::-webkit-scrollbar-thumb:hover,
.create-main-chapter--sub-chapter-frame::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.create-main-chapter {
  height: 100%;
}
.create-main-chapter__title {
  display: flex;
}
.create-main-chapter__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.create-main-chapter__title img:hover {
  background-color: #f3f4f6;
}
.create-main-chapter--frame, .create-main-chapter--sub-chapter-frame {
  height: calc(100% - 90px);
  margin-top: 20px;
}
.create-main-chapter--frame .label-grid .storybook-textarea, .create-main-chapter--sub-chapter-frame .label-grid .storybook-textarea {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: 100%;
  height: 65px !important;
  padding: 5px;
  margin-top: 5px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
  background-color: var(--bg-color);
}
.create-main-chapter--frame .label-grid .storybook-input, .create-main-chapter--sub-chapter-frame .label-grid .storybook-input {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px !important;
}
.create-main-chapter--frame .time-input, .create-main-chapter--sub-chapter-frame .time-input {
  margin-top: 10px !important;
}
.create-main-chapter--sub-chapter-frame {
  overflow: auto;
}

.lesson-planner-list {
  height: calc(100% - 55px);
}
.lesson-planner-list--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.lesson-planner-list--header img {
  width: 20px;
  margin-right: 20px;
}
.lesson-planner-list--title {
  display: flex;
  flex-direction: column;
}
.lesson-planner-list--title--durations {
  display: flex;
  column-gap: 10px;
}
.lesson-planner-list--title--durations span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #9ca3af;
}
.lesson-planner-list--title--durations b {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #000;
}
.lesson-planner-list--title--separator {
  height: 20px;
  width: 2px;
  background-color: #6b7280;
}
.lesson-planner-list--title--pending, .lesson-planner-list--title--progress, .lesson-planner-list--title--completed {
  color: #000;
  width: 150px;
  border: 1px Solid var(--border-color);
  padding: 6px 8px;
  border-radius: 20px;
  background-color: var(--bg-color);
}
.lesson-planner-list--title--pending img, .lesson-planner-list--title--progress img, .lesson-planner-list--title--completed img {
  margin-right: 5px;
}
.lesson-planner-list--title--completed {
  background-color: #16a34a;
  color: white;
}
.lesson-planner-list--title--progress {
  background-color: #d97706;
  color: white;
}
.lesson-planner-list__date-modal {
  height: 100%;
}
.lesson-planner-list__date-modal--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.lesson-planner-list__date-modal--close:hover {
  background-color: #f3f4f6;
}
.lesson-planner-list__date-modal--close {
  width: fit-content !important;
}
.lesson-planner-list__date-modal--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}
.lesson-planner-list--image img {
  width: 20px !important;
}
.lesson-planner-list--subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed var(--border-color);
  padding: 5px 5px 5px 40px;
}
.lesson-planner-list--subtitle--flex {
  display: flex;
  flex-direction: column;
}
.lesson-planner-list--subtitle--flex img {
  width: 20px;
  margin-right: 5px;
}
.lesson-planner-list--subtitle--duration {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.lesson-planner-list--subtitle--duration span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #9ca3af;
}
.lesson-planner-list--subtitle--duration b {
  font-size: 13px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #000;
}
.lesson-planner-list--subtitle--duration img {
  width: 15px;
}
.lesson-planner-list--subtitle--duration--button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.lesson-planner-list--subtitle--duration--button img {
  width: 20px;
}
.lesson-planner-list--subtitle--duration--button .assignments__list--data--view {
  margin-top: 0px !important;
  padding: 0px !important;
}
.lesson-planner-list--subtitle--images {
  display: flex;
  column-gap: 5px;
}
.lesson-planner-list--subtitle--images img {
  width: 25px;
}
.lesson-planner-list--subtitle--edit {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.lesson-planner-list--subtitle--edit img {
  width: 15px;
  margin-left: 10px;
}
.lesson-planner-list--subtitle--edit img {
  filter: invert(100%);
}
.lesson-planner-list--subtitle--set {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  color: white;
  font-size: 14px;
  background-color: #d97706;
}
.lesson-planner-list--subtitle--set img {
  width: 15px;
  margin-left: 10px;
}
.lesson-planner-list__tracker {
  height: 100%;
}
.lesson-planner-list__tracker--content {
  height: calc(100% - 45px);
}
.lesson-planner-list__tracker--title .Heading {
  text-align: start !important;
}
.lesson-planner-list__tracker--field {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 0px 10px;
}
.lesson-planner-list--flex {
  display: flex;
  column-gap: 10px;
}
.lesson-planner-list__assign {
  height: 100%;
}
.lesson-planner-list__assign--block {
  height: calc(100% - 45px);
  overflow: auto;
}

.set-duration__title {
  display: flex;
}
.set-duration__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.set-duration__title img:hover {
  background-color: #f3f4f6;
}

.update-schedule {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 180px);
}
.update-schedule__datablock {
  height: calc(100% - 40px);
  column-gap: 40px;
}
.update-schedule__datablock .booktype-left,
.update-schedule__datablock .booktype-right {
  margin: 0px 0px 0px 0px !important;
}
.update-schedule__datablock--label-grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.update-schedule__table {
  margin-top: 10px;
}

.yearly-lesson-planner {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.yearly-lesson-planner__frame {
  margin-top: 10px;
  height: calc(100% - 95px);
  border: 1px solid var(--border-color);
  border-radius: 2px;
  display: flex;
}
.yearly-lesson-planner__frame--left {
  width: 210px;
  overflow: auto;
  background-color: var(--level-1);
}
.yearly-lesson-planner__frame--left--sub {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--bg-color) !important;
}
.yearly-lesson-planner__frame--left--sub img {
  height: 20px;
}
.yearly-lesson-planner__frame--left--sub span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.yearly-lesson-planner__frame--left--sub b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.yearly-lesson-planner__frame--left--sub--selected {
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
}
.yearly-lesson-planner__frame--left--sub--selected span,
.yearly-lesson-planner__frame--left--sub--selected b {
  display: block;
  text-align: center;
}
.yearly-lesson-planner__frame--left--sublist {
  height: calc(100% - 55px);
  background-color: var(--level-1);
}
.yearly-lesson-planner__frame--mid {
  width: calc(100% - 420px);
}
.yearly-lesson-planner__frame--right {
  width: 210px;
}
.yearly-lesson-planner__subs {
  height: 100%;
  margin-bottom: 0px !important;
}
.yearly-lesson-planner__subs--li, .yearly-lesson-planner__subs--li--selected {
  text-align: center;
  border-bottom: 1px dashed var(--border-color);
  padding: 5px;
  background-color: var(--level-1);
}
.yearly-lesson-planner__subs--li img, .yearly-lesson-planner__subs--li--selected img {
  width: 20px;
}
.yearly-lesson-planner__subs--li span, .yearly-lesson-planner__subs--li--selected span {
  display: block;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.yearly-lesson-planner__subs--li b, .yearly-lesson-planner__subs--li--selected b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}
.yearly-lesson-planner__subs--li--selected {
  background-color: var(--bg-color) !important;
}
.yearly-lesson-planner__ul {
  height: 100%;
  overflow: auto;
}
.yearly-lesson-planner__ul--pending {
  filter: invert(100%);
}

.yearly-lesson-planner__frame--left::-webkit-scrollbar,
.yearly-lesson-planner__ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.yearly-lesson-planner__frame--left::-webkit-scrollbar-thumb,
.yearly-lesson-planner__ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.yearly-lesson-planner__frame--left::-webkit-scrollbar-thumb:hover,
.yearly-lesson-planner__ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.daily-diary {
  height: 100%;
}
.daily-diary__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.daily-diary__title img:hover {
  background-color: #f3f4f6;
}
.daily-diary__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.daily-diary__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-diary__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.daily-diary__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.daily-diary__numbers {
  margin-top: 10px;
  height: 45px;
  width: 100%;
  border-radius: 6px;
  background-color: var(--level-1);
  border-color: var(--border-color);
  padding: 5px;
}
.daily-diary__numbers ul {
  margin-bottom: 0px !important;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.daily-diary__numbers li {
  height: 35px;
  width: 35px;
  border: 1px solid var(--border-color);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  border-radius: 5px;
}
.daily-diary__numbers .active {
  border: 1px solid var(--level-5);
  color: var(--text-color);
  font-weight: 700;
}
.daily-diary__datablock {
  margin-top: 10px;
  height: calc(100% - 165px);
}
.daily-diary__datablock--qa .storybook-textarea {
  height: 125px !important;
}
.daily-diary__datablock--message {
  height: calc(100% - 200px);
  border: var(--border-color);
  border-radius: 2px;
  margin-top: 30px;
  background-color: var(--disabled-color);
  padding: 5px;
}
.daily-diary__datablock--message--header {
  height: 40px;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.daily-diary__datablock--message--header .MuiAutocomplete-root {
  width: 150px !important;
}
.daily-diary__datablock--message--header .MuiAutocomplete-endAdornment {
  background-color: transparent !important;
}
.daily-diary__datablock--message--header--date {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #9ca3af;
}
.daily-diary__datablock--message--header--previous-response {
  border: 1px solid var(--level-4);
  color: var(--level-7);
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  height: 30px;
}
.daily-diary__datablock--message--footer {
  height: 45px;
  margin-top: 2px;
}
.daily-diary__datablock--message--footer--copy {
  padding: 6px 15px;
  border-radius: 30px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  border: 1px solid var(--border-color);
}
.daily-diary__datablock--message--footer--copy img {
  width: 20px;
  margin-right: 10px;
  filter: invert(95%);
}
.daily-diary__datablock--message--text {
  height: calc(100% - 80px);
  overflow: auto;
}
.daily-diary__datablock p {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin-bottom: 0px !important;
}
.daily-diary__btns {
  display: flex;
  justify-content: space-between;
}

.daily-diary__datablock--message--text::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.daily-diary__datablock--message--text::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.daily-diary__datablock--message--text::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.daily-diary-review {
  height: 100%;
}
.daily-diary-review__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.daily-diary-review__title img:hover {
  background-color: #f3f4f6;
}
.daily-diary-review__select {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.daily-diary-review__select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.daily-diary-review__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-diary-review__select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary-review__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.daily-diary-review__select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary-review__select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.daily-diary-review__datablock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.daily-diary-review__datablock--ul {
  height: calc(100% - 30px);
  overflow: auto;
}
.daily-diary-review__datablock--ul--text {
  width: calc(100% - 60px);
  border-right: 1px dashed var(--border-color);
  padding: 10px;
}
.daily-diary-review__datablock--ul li {
  padding: 5px;
  border-bottom: 1px dashed var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.daily-diary-review__datablock--ul b {
  font-family: "Josefin Sans" !important;
  font-size: 20px;
  font-family: "Josefin Sans" !important;
  color: #0ea5e9;
  display: block;
}
.daily-diary-review__datablock--ul span {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
}
.daily-diary-review__datablock--ul--image {
  padding-left: 10px;
  width: 60px;
}

.daily-diary-review__datablock--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.daily-diary-review__datablock--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.daily-diary-review__datablock--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.daily-diary-view {
  height: calc(100% - 30px);
  margin: 0px 20px;
}
.daily-diary-view__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.daily-diary-view__title img:hover {
  background-color: #f3f4f6;
}
.daily-diary-view__frame {
  margin-top: 10px;
  display: flex;
  column-gap: 20px;
  height: calc(100% - 55px);
}
.daily-diary-view__frame--left {
  height: 100%;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.daily-diary-view__frame--left--calendar {
  height: calc(100% - 50px);
}
.daily-diary-view__frame--left--calendar--flex {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
.daily-diary-view__frame--right {
  height: 100%;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.daily-diary-view__frame--right--textfield {
  margin: 5px 0px 0px 0px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.daily-diary-view__frame--right--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-diary-view__frame--right--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary-view__frame--right--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.daily-diary-view__frame--right--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary-view__frame--right--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.daily-diary-view__frame--right--textfield {
  width: fit-content !important;
}
.daily-diary-view__frame--right--sessions {
  height: calc(100% - 40px);
  margin-top: 10px;
  overflow: auto;
}
.daily-diary-view__frame--right--sessions--data {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
.daily-diary-view__frame--right--sessions--data--persession {
  padding: 5px;
  border-radius: 30px;
  background-color: #f1f5f9;
  color: var(--level-7);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.daily-diary-view__frame--right--sessions--data--time {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.daily-diary-view__frame--right--sessions--data--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.daily-diary-view__frame--right--sessions--data--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-diary-view__frame--right--sessions--data--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary-view__frame--right--sessions--data--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.daily-diary-view__frame--right--sessions--data--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-diary-view__frame--right--sessions--data--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.daily-diary-view__frame--right--sessions--data--textfield {
  margin: 10px 0px 0px 0px !important;
  width: 100% !important;
}
.daily-diary-view__frame--right--sessions--data--textfield input[type=time] {
  width: 100% !important;
  font-size: 16px !important;
  display: flex;
  justify-content: space-around;
}
.daily-diary-view__frame--right--sessions--data--textfield .MuiInputBase-root {
  font-family: "Josefin Sans" !important !important;
}

.status-badge {
  margin-top: 4px;
  padding: 3px 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
  display: inline-block;
}

.status-badge.filled {
  color: #0f9d58; /* green text */
  border-bottom: 5px solid #0f9d58;
  border-radius: 3px;
}

.status-badge.not-filled {
  color: #ff6f00; /* amber/orange text */
  border-bottom: 5px solid #ff6f00;
  border-radius: 3px;
}

.daily-diary-view__frame--right--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.daily-diary-view__frame--right--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.daily-diary-view__frame--right--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.daily-dairy-update {
  height: 100%;
}
.daily-dairy-update__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.daily-dairy-update__title img:hover {
  background-color: #f3f4f6;
}
.daily-dairy-update__block {
  height: calc(100% - 85px);
}
.daily-dairy-update__block--datablock {
  height: 200px;
  margin-top: 10px;
}
.daily-dairy-update__block--datablock b {
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  font-weight: 700;
  font-size: 16px;
}
.daily-dairy-update__block--datablock .storybook-textarea {
  height: calc(100% - 70px) !important;
  overflow: auto;
}
.daily-dairy-update__datablock {
  height: calc(100% - 115px);
}

.derivative-plan {
  margin: 0 20px;
  height: calc(100% - 175px);
}
.derivative-plan__title {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-top: 5px;
}
.derivative-plan__title--derivativespan {
  border: 1px solid var(--level-4);
  color: var(--level-4);
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-radius: 2px;
  width: fit-content;
  padding: 0px 5px;
}
.derivative-plan__details {
  margin-top: 10px;
  height: calc(100% - 125px);
  width: 100%;
  display: flex;
  gap: 20px;
}
.derivative-plan__details--image {
  width: 350px;
  background: #e5e7eb;
  height: 100%;
  display: flex;
  align-items: center;
}
.derivative-plan__details--image img {
  display: block;
  margin: auto;
  width: 300px;
  height: 80%;
}
.derivative-plan__details--tableblock {
  width: calc(100% - 350px);
  height: 100%;
}
.derivative-plan__details--tableblock--filters {
  height: 30px;
  margin-top: 10px;
  column-gap: 20px;
}
.derivative-plan__details--tableblock--filters .multi-select .MuiAutocomplete-root .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.derivative-plan__details--tableblock--filters .multi-select .MuiAutocomplete-root .MuiChip-root {
  height: 20px !important;
}
.derivative-plan__details--tableblock--filters .multi-select .MuiAutocomplete-root .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.derivative-plan__details--tableblock--filters .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.derivative-plan__details--tableblock--filters label {
  margin-top: 0px !important;
}
.derivative-plan__details--tableblock--filters .number label span {
  color: #9ca3af;
}
.derivative-plan__details--tableblock--test-name {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
}
.derivative-plan__details--tableblock--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.derivative-plan__details--tableblock--marks-grid {
  display: grid;
  grid-template-columns: 0.2fr 0.1fr 0.2fr 0.1fr;
}
.derivative-plan__details--tableblock--marks-grid input[type=number] {
  margin-top: 0px !important;
}
.derivative-plan__details--table {
  height: calc(100% - 100px);
  margin-top: 20px;
}

.groups-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.groups-list__frame {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.groups-list__table {
  max-height: 100%;
}
.groups-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.groups-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.groups-list__table td img:hover,
.groups-list__table td a:hover {
  cursor: pointer;
}
.groups-list__table tbody {
  background-color: var(--level-1);
}
.groups-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.groups-list__table tbody tr:hover td {
  color: var(--level-7);
}
.groups-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.groups-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.groups-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.groups-list__table--name:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.groups-list__table ul {
  margin-bottom: 0px !important;
}

.feed-back {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.feed-back__details {
  height: 190px;
  column-gap: 40px;
  margin-top: 10px;
}
.feed-back__details--left, .feed-back__details--right {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 10px;
}
.feed-back__details--left--grid {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
}
.feed-back__details--left--flex {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
}
.feed-back__details--left--flex .MuiSwitch-root {
  margin-left: 10px !important;
}
.feed-back__total {
  padding: 5px;
  height: 40px;
  background-color: var(--level-1);
  display: flex;
  justify-content: center;
  column-gap: 15px;
  width: 120px;
  align-items: center;
  margin-top: 10px;
}
.feed-back__total--left, .feed-back__total--right {
  background-color: #dcfce7;
  padding: 4px 10px;
  border-radius: 6px;
  color: var(--text-color);
}
.feed-back__total--right {
  background-color: #f87171;
  color: white;
}
.feed-back__tableblock {
  height: calc(100% - 305px);
  margin-top: 10px;
}
.feed-back__table {
  max-height: 100%;
}
.feed-back__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feed-back__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feed-back__table td img:hover,
.feed-back__table td a:hover {
  cursor: pointer;
}
.feed-back__table tbody {
  background-color: var(--level-1);
}
.feed-back__table tbody tr:hover {
  background-color: var(--level-2);
}
.feed-back__table tbody tr:hover td {
  color: var(--level-7);
}
.feed-back__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feed-back__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feed-back__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feed-back__table--action {
  width: 4%;
}
.feed-back__table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.feed-back__table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.feed-back__table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.feed-back__table--input input {
  background-color: #fefce8;
}
.feed-back__table--input input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.feed-back__table--select {
  background: hsl(55, 79%, 94%);
}
.feed-back__table--select:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.feed-back__table--select .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.feed-back__table--select .MuiInputBase-input {
  height: 15px !important;
}
.feed-back__table--select td {
  padding: 0px !important;
}
.feed-back__table--select td .MuiAutocomplete-root {
  padding: 0px !important;
}

.feedback-view {
  height: 100%;
}
.feedback-view__row {
  margin-top: 10px;
  height: calc(100% - 85px);
  column-gap: 40px;
  display: flex;
  column-gap: 40px;
}
.feedback-view__row .tree-view {
  margin-top: 10px !important;
}
.feedback-view__row--left {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 5px;
  width: 280px;
}
.feedback-view__row--right {
  height: 100%;
  width: calc(100% - 280px);
}
.feedback-view__row--right--flex {
  column-gap: 10px;
}
.feedback-view__row--right--flex .storybook-button {
  margin: 0px 10px 0px 0px !important;
}
.feedback-view__row--tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.feedback-view__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.feedback-view__title img:hover {
  background-color: #f3f4f6;
}

.form-type {
  height: 100%;
}
.form-type__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-type__title img {
  width: 40px;
  height: 40px;
}
.form-type__datablock {
  height: calc(100% - 50px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  overflow: auto;
}
.form-type__datablock--form {
  height: fit-content;
  width: fit-content;
  padding: 10px;
  background-color: var(--level-1);
  margin-top: 10px;
}
.form-type__datablock--form b {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  text-align: center;
  display: block;
}
.form-type__datablock--form--acd, .form-type__datablock--event--acd {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: var(--level-4);
  color: white;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 2px;
  display: block;
  margin: 15px auto;
  width: fit-content;
}
.form-type__datablock--form--flex {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.form-type__datablock--form--flex .MuiInputBase-root .Mui-disabled {
  background-color: var(--bg-color) !important;
}
.form-type__datablock--form--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.form-type__datablock--form--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.form-type__datablock--form--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.form-type__datablock--form--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.form-type__datablock--form--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.form-type__datablock--form--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.form-type__datablock--form--textfield {
  width: fit-content !important;
}
.form-type__datablock--form--button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.form-type__datablock--form--button img {
  width: 15px;
  margin-left: 10px;
}
.form-type__datablock--form--button {
  display: block;
  margin: 15px auto;
  background-color: #15803d;
}
.form-type__datablock--form--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.form-type__datablock--form--update img {
  width: 15px;
  margin-left: 10px;
}
.form-type__datablock--form--update {
  display: block;
  margin: 15px auto;
}
.form-type__datablock--grid {
  display: grid;
  column-gap: 10px;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
}
.form-type__datablock--grid .MuiInputBase-root .Mui-disabled {
  background-color: var(--bg-color) !important;
}
.form-type__datablock--flex {
  display: flex;
  column-gap: 30px;
  justify-content: center;
}
.form-type__datablock--event {
  height: fit-content;
  width: fit-content;
  padding: 10px;
  background-color: #f9fafb;
  margin-top: 10px;
}
.form-type__datablock--event b {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  text-align: center;
  display: block;
}
.form-type__datablock--event--acd {
  background-color: #e5e7eb;
  color: #6b7280;
}

.form-type__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.form-type__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.form-type__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.formtype-form {
  height: calc(100% - 135px);
  margin: 0px 20px;
}
.formtype-form__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.formtype-form__title img {
  width: 40px;
  height: 40px;
}
.formtype-form__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.formtype-form__flex--header {
  width: fit-content;
  background-color: #f3f4f6;
  padding: 10px;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  display: flex;
  border-radius: 6px;
}
.formtype-form__flex--header--acd {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: var(--level-4);
  color: white;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 2px;
  width: fit-content;
}
.formtype-form__flex--dates {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.formtype-form__flex--dates img {
  width: 25px;
}
.formtype-form__flex--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.formtype-form__flex--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.formtype-form__flex--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.formtype-form__flex--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.formtype-form__flex--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.formtype-form__flex--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.formtype-form__flex--textfield {
  width: fit-content !important;
}
.formtype-form__datablock {
  height: calc(100% - 160px);
  margin-top: 10px;
  overflow: auto;
}
.formtype-form__datablock ul {
  margin-bottom: 0px !important;
}
.formtype-form__datablock li {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  align-items: center;
  border: 1px solid var(--border-color);
  padding: 10px;
  align-items: center;
  border-radius: 6px;
}
.formtype-form__datablock {
  padding: 5px 10px 5px 5px;
}
.formtype-form__datablock--flex {
  display: grid;
  column-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}
.formtype-form__datablock--s {
  display: flex;
  column-gap: 5px;
  font-family: "Josefin Sans" !important;
}
.formtype-form__datablock--s--name {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--level-6);
  display: block;
}
.formtype-form__datablock--s--code {
  font-size: 14px;
  color: #6b7280;
  background-color: #f3f4f6;
  padding: 2px 5px;
}
.formtype-form__datablock--emp {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.formtype-form__datablock--emp img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.formtype-form__datablock--emp--block {
  display: block;
}
.formtype-form__datablock--emp--name {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.formtype-form__datablock--emp--id {
  color: #6b7280;
  font-size: 14px;
  display: block;
}
.formtype-form__datablock--status {
  border-right: 1px dashed var(--border-color);
  padding-right: 15px;
}
.formtype-form__datablock--status--comp, .formtype-form__datablock--status--not-comp {
  display: flex;
  column-gap: 10px;
  align-items: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: #f0fdf4;
  padding: 5px;
}
.formtype-form__datablock--status--comp img, .formtype-form__datablock--status--not-comp img {
  width: 40px;
  height: 40px;
}
.formtype-form__datablock--status--not-comp {
  background-color: #fef2f2;
}
.formtype-form__datablock--status--not-comp img {
  width: 40px;
  height: 40px;
}
.formtype-form__datablock--arrow {
  display: flex;
  align-items: center;
}
.formtype-form__datablock--arrow img {
  width: 25px;
  height: 25px;
}

.formtype-form__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.formtype-form__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.formtype-form__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.fill-form {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.fill-form__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.fill-form__flex--header {
  width: fit-content;
  background-color: #f3f4f6;
  padding: 10px;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  display: flex;
  border-radius: 6px;
}
.fill-form__flex--header--acd {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: var(--level-4);
  color: white;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 2px;
  width: fit-content;
}
.fill-form__flex--sub {
  display: flex;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
  align-items: center;
  padding: 10px;
  background-color: var(--level-1);
  column-gap: 10px;
  border-radius: 6px;
}
.fill-form__flex--sub b {
  color: var(--level-5);
  font-size: 16px;
}
.fill-form__flex--sub span {
  color: #6b7280;
  background-color: #f3f4f6;
  padding: 2px;
  border-radius: 2px;
}
.fill-form__flex--dates {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.fill-form__flex--dates img {
  width: 25px;
}
.fill-form__flex--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.fill-form__flex--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.fill-form__flex--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.fill-form__flex--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.fill-form__flex--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.fill-form__flex--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.fill-form__flex--textfield {
  width: fit-content !important;
}
.fill-form__datablock {
  height: calc(100% - 112px);
  margin-top: 10px;
  overflow: auto;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.fill-form__datablock--preview {
  height: calc(100% - 110px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.fill-form__datablock--preview .storybook-textarea {
  height: calc(100% - 240px) !important;
}
.fill-form__datablock--emp {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  column-gap: 10px;
  align-items: center;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.fill-form__datablock--emp img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.fill-form__datablock--emp--block {
  display: block;
}
.fill-form__datablock--emp--name {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.fill-form__datablock--emp--id {
  color: #6b7280;
  font-size: 14px;
  display: block;
}
.fill-form__datablock--numbers {
  margin-top: 10px;
  height: 50px;
  width: 100%;
  border-radius: 6px;
  background-color: #f3f4f6;
  border-color: var(--border-color);
  padding: 10px;
}
.fill-form__datablock--numbers ul {
  margin-bottom: 0px !important;
  display: flex;
  column-gap: 10px;
}
.fill-form__datablock--numbers li {
  height: 35px;
  width: 35px;
  border: 1px solid var(--border-color);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  border-radius: 5px;
  background-color: var(--bg-color);
}
.fill-form__datablock--numbers .active {
  border: 1px solid var(--level-5);
  color: var(--text-color);
  font-weight: 700;
}
.fill-form__datablock--question {
  margin-top: 20px;
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.fill-form__datablock--remarks {
  display: flex;
  margin-top: 15px;
  column-gap: 10px;
}
.fill-form__datablock--remarks b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
}
.fill-form__datablock--remarks span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #9ca3af;
}
.fill-form__datablock--remarks--button {
  margin-left: -10px !important;
}

.form-type__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.form-type__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.form-type__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.feedback-preview {
  height: calc(100% - 160px);
  margin: 0px 20px;
}
.feedback-preview__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.feedback-preview__flex--header {
  width: fit-content;
  background-color: #f3f4f6;
  padding: 10px;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  display: flex;
  border-radius: 6px;
}
.feedback-preview__flex--header--acd {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: var(--level-4);
  color: white;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 2px;
  width: fit-content;
}
.feedback-preview__flex--sub {
  display: flex;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
  align-items: center;
  padding: 10px;
  background-color: var(--level-1);
  column-gap: 10px;
  border-radius: 6px;
}
.feedback-preview__flex--sub b {
  color: var(--level-5);
  font-size: 16px;
}
.feedback-preview__flex--sub span {
  color: #6b7280;
  background-color: #f3f4f6;
  padding: 2px;
  border-radius: 2px;
}
.feedback-preview__flex--dates {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.feedback-preview__flex--dates img {
  width: 25px;
}
.feedback-preview__flex--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.feedback-preview__flex--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.feedback-preview__flex--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedback-preview__flex--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.feedback-preview__flex--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedback-preview__flex--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.feedback-preview__flex--textfield {
  width: fit-content !important;
}
.feedback-preview__datablock {
  margin-top: 10px;
  height: calc(100% - 118px);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.feedback-preview__datablock--list {
  height: calc(100% - 85px);
  margin-top: 20px;
  overflow: auto;
  display: flex;
}
.feedback-preview__datablock--list--left {
  border-right: 1px dashed var(--border-color);
  padding-right: 10px;
  width: calc(100% - 100px);
}
.feedback-preview__datablock--list--edit {
  width: 100px;
  display: flex;
  align-items: center;
}
.feedback-preview__datablock--list--edit img {
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
}
.feedback-preview__datablock--list ul {
  margin-bottom: 0px;
  width: 100%;
}
.feedback-preview__datablock--list li {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  margin-top: 10px;
  display: flex;
}
.feedback-preview__datablock--list--ques {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
}
.feedback-preview__datablock--list--flex {
  display: flex;
  column-gap: 15px;
  margin-top: 15px;
}
.feedback-preview__datablock--list--flex label {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: #9ca3af;
}
.feedback-preview__datablock--list--flex--remark {
  width: 100%;
  background-color: var(--disabled-color);
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  padding: 2px 5px;
}
.feedback-preview__datablock--list--flex b {
  background-color: var(--level-1);
  color: var(--level-5);
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  padding: 2px 5px;
}
.feedback-preview__datablock--emp {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  column-gap: 10px;
  align-items: center;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 60px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.feedback-preview__datablock--emp img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.feedback-preview__datablock--emp--block {
  display: block;
}
.feedback-preview__datablock--emp--name {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.feedback-preview__datablock--emp--id {
  color: #6b7280;
  font-size: 14px;
  display: block;
}

.feedback-preview__datablock--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.feedback-preview__datablock--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.feedback-preview__datablock--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.feedback-edit {
  height: 100%;
}
.feedback-edit__title {
  display: flex;
  justify-content: space-between;
}
.feedback-edit__data {
  height: calc(100% - 95px);
}
.feedback-edit__data--span {
  color: #9ca3af;
  font-size: 14px;
}
.feedback-edit__data--remarks {
  height: calc(100% - 115px);
}
.feedback-edit__data--remarks .storybook-textarea {
  height: 100% !important;
}

.fb-form-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
  display: flex;
  column-gap: 20px;
}
.fb-form-report__datablock {
  height: calc(100% - 50px);
  overflow: auto;
}
.fb-form-report__datablock--grids {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}
.fb-form-report__datablock--grid {
  height: fit-content;
  width: fit-content;
  padding: 10px;
  background-color: var(--level-1);
  margin-top: 10px;
}
.fb-form-report__datablock--grid b {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  text-align: center;
  display: block;
}
.fb-form-report__datablock--grid--acd, .fb-form-report__datablock--event--grid {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: var(--level-4);
  color: white;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 2px;
  display: block;
  margin: 15px auto;
  width: fit-content;
}
.fb-form-report__datablock--grid--flex {
  display: flex;
  column-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.fb-form-report__datablock--grid--flex .MuiInputBase-root .Mui-disabled {
  background-color: var(--bg-color) !important;
}
.fb-form-report__datablock--grid--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.fb-form-report__datablock--grid--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.fb-form-report__datablock--grid--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.fb-form-report__datablock--grid--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.fb-form-report__datablock--grid--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.fb-form-report__datablock--grid--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.fb-form-report__datablock--grid--textfield {
  width: fit-content !important;
}
.fb-form-report__datablock--grid--button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.fb-form-report__datablock--grid--button img {
  width: 20px;
}
.fb-form-report__datablock--grid--button {
  display: block;
  margin: 15px auto;
}
.fb-form-report__datablock--grid--block span,
.fb-form-report__datablock--grid--block b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.fb-form-report__datablock--event {
  height: fit-content;
  width: fit-content;
  padding: 10px;
  background-color: #f9fafb;
  margin-top: 10px;
}
.fb-form-report__datablock--event b {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  text-align: center;
  display: block;
}
.fb-form-report__datablock--event--acd {
  background-color: #e5e7eb;
  color: #6b7280;
}
.fb-form-report__datablock--event--grid {
  background-color: #f9fafb;
}
.fb-form-report__left {
  height: 100%;
  width: 250px;
}
.fb-form-report__left--table {
  max-height: 100%;
}
.fb-form-report__left--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fb-form-report__left--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fb-form-report__left--table td img:hover,
.fb-form-report__left--table td a:hover {
  cursor: pointer;
}
.fb-form-report__left--table tbody {
  background-color: var(--level-1);
}
.fb-form-report__left--table tbody tr:hover {
  background-color: var(--level-2);
}
.fb-form-report__left--table tbody tr:hover td {
  color: var(--level-7);
}
.fb-form-report__left--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fb-form-report__left--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fb-form-report__left--table {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.fb-form-report__left--table input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.fb-form-report__left--table input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.fb-form-report__left--table a {
  color: var(--text-color);
}
.fb-form-report__left--table a.active {
  color: var(--level-5) !important;
  font-weight: 700;
}
.fb-form-report__right {
  height: 100%;
  width: calc(100% - 250px);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0px 10px;
}

.fb-form-report__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.fb-form-report__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.fb-form-report__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.fb-teacher-wise-report {
  height: 100%;
}
.fb-teacher-wise-report__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.fb-teacher-wise-report__select {
  column-gap: 10px;
}
.fb-teacher-wise-report__tableblock {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.fb-teacher-wise-report__datablock {
  height: calc(100% - 55px);
  overflow: auto;
  margin-top: 5px;
}
.fb-teacher-wise-report__emp {
  padding: 5px;
  height: 65px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.fb-teacher-wise-report__emp--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
  width: 250px;
  padding: 5px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fb-teacher-wise-report__emp--flex img {
  width: 30px;
  height: 30px;
}
.fb-teacher-wise-report__emp--block span {
  display: block;
  font-size: 14px;
  color: #6b7280;
  font-family: "Spline Sans Mono", monospace !important;
}
.fb-teacher-wise-report__emp--block b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--text-color);
}
.fb-teacher-wise-report__subtitle {
  color: var(--level-5);
  font-size: 20px;
  font-family: "Josefin Sans" !important;
}

.fb-teacher-wise-report__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.fb-teacher-wise-report__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.fb-teacher-wise-report__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.fb-form-view {
  margin-top: 10px;
  height: calc(100% - 10px);
}
.fb-form-view__title {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  height: 70px;
  border: 1px solid var(--border-color);
  align-items: center;
  padding: 5px;
  margin-top: 10px;
  column-gap: 10px;
}
.fb-form-view__title--acd, .fb-form-view__title--non-acd {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  background-color: var(--level-4);
  color: white;
  font-weight: 600;
  border-radius: 2px;
  width: fit-content;
  padding: 5px 10px;
}
.fb-form-view__title--non-acd {
  background-color: #e5e7eb;
  color: #6b7280;
}
.fb-form-view__title--left {
  display: flex;
  column-gap: 10px;
}
.fb-form-view__title--left b {
  font-family: "Josefin Sans" !important;
  font-size: 22px;
  color: var(--text-color);
  font-weight: 700;
}
.fb-form-view__title--flex {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.fb-form-view__title--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.fb-form-view__title--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.fb-form-view__title--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.fb-form-view__title--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.fb-form-view__title--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.fb-form-view__title--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.fb-form-view__title--textfield {
  margin: 10px 0px 0px 0px !important;
}
.fb-form-view__block {
  margin-top: 15px;
  height: calc(100% - 75px);
}
.fb-form-view__block--tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
  display: flex;
  column-gap: 20px;
}
.fb-form-view__block--table {
  max-height: 100%;
}
.fb-form-view__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fb-form-view__block--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fb-form-view__block--table td img:hover,
.fb-form-view__block--table td a:hover {
  cursor: pointer;
}
.fb-form-view__block--table tbody {
  background-color: var(--level-1);
}
.fb-form-view__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.fb-form-view__block--table tbody tr:hover td {
  color: var(--level-7);
}
.fb-form-view__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fb-form-view__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fb-form-view__block--table {
  width: calc(100% - 340px);
}
.fb-form-view__block--graph {
  height: 100%;
  width: 300px;
}
.fb-form-view__subtitle {
  margin-top: 15px;
  color: var(--level-5);
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.fb-form-view__subtitle span {
  font-size: 12px;
  font-weight: 400;
}
.fb-form-view__cards {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
  height: 70px;
}
.fb-form-view__card {
  display: flex;
  align-items: center;
  column-gap: 30px;
  width: fit-content;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: #f3f4f6;
}
.fb-form-view__card img {
  width: 35px;
}
.fb-form-view__card span {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.fb-form-view__card b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 18px;
  font-weight: 700;
}
.fb-form-view__detailed--select {
  column-gap: 10px;
  margin-top: 15px;
}
.fb-form-view__detailed--tableblock {
  margin-top: 10px;
  height: calc(100% - 300px);
}
.fb-form-view__detailed--table {
  max-height: 100%;
}
.fb-form-view__detailed--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fb-form-view__detailed--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fb-form-view__detailed--table td img:hover,
.fb-form-view__detailed--table td a:hover {
  cursor: pointer;
}
.fb-form-view__detailed--table tbody {
  background-color: var(--level-1);
}
.fb-form-view__detailed--table tbody tr:hover {
  background-color: var(--level-2);
}
.fb-form-view__detailed--table tbody tr:hover td {
  color: var(--level-7);
}
.fb-form-view__detailed--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fb-form-view__detailed--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fb-form-view__detailed--table--elective td {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-size: 18px !important;
  font-weight: 700 !important;
}
.fb-form-view__detailed--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fb-form-view__detailed--table--code {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fb-form-view__detailed--table--emp {
  width: 10%;
}
.fb-form-view__detailed--table--emp--flex {
  display: flex;
  column-gap: 10px;
}
.fb-form-view__detailed--table--emp--flex img {
  width: 30px;
  height: 30px;
}
.fb-form-view__detailed--table--emp--block span {
  display: block;
  font-size: 14px;
  color: #6b7280;
  font-family: "Spline Sans Mono", monospace !important;
}
.fb-form-view__detailed--table--emp--block b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--text-color);
}
.fb-form-view__detailed--table--button {
  width: 8%;
}
.fb-form-view__detailed--table--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.fb-form-view__detailed--table--view img {
  width: 20px;
}
.fb-form-view__detailed--table--number {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fb-form-view__questionwise {
  margin-top: 10px;
  height: calc(100% - 175px);
  border: 1px solid var(--border-color);
}
.fb-form-view__questionwise--table {
  height: 100%;
}
.fb-form-view__questionwise--emp {
  padding: 5px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.fb-form-view__questionwise--emp--flex {
  display: flex;
  column-gap: 10px;
}
.fb-form-view__questionwise--emp--flex img {
  width: 30px;
  height: 30px;
}
.fb-form-view__questionwise--emp--block span {
  display: block;
  font-size: 14px;
  color: #6b7280;
  font-family: "Spline Sans Mono", monospace !important;
}
.fb-form-view__questionwise--emp--block b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--text-color);
}
.fb-form-view__questionwise--graph {
  padding: 5px;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.fb-form-view__questionwise--graph .echarts-for-react {
  height: 100% !important;
  width: 100% !important;
}
.fb-form-view__questionwise--remarks {
  height: 100%;
}
.fb-form-view__questionwise--remarks--title {
  display: flex;
  justify-content: space-between;
}
.fb-form-view__questionwise--remarks--data {
  margin-top: 10px;
  height: calc(100% - 85px);
  padding-left: 20px;
}
.fb-form-view__questionwise--remarks--ques {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  height: 70px;
  margin-top: 10px;
}
.fb-form-view__questionwise--remarks--block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 60px);
  overflow: auto;
  margin-top: 10px;
}
.fb-form-view__questionwise--remarks--total {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--border-color);
  background-color: #f3f4f6;
  padding: 0px 15px;
}
.fb-form-view__questionwise--remarks--total--text {
  display: flex;
  column-gap: 10px;
}
.fb-form-view__questionwise--remarks--total--text img {
  width: 30px;
  height: 30px;
}
.fb-form-view__questionwise--remarks--total--number {
  color: var(--level-5);
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
}
.fb-form-view__questionwise--remarks--list {
  margin-bottom: 0px !important;
  margin-top: 15px;
}
.fb-form-view__questionwise--remarks--list li {
  padding: 15px 10px;
  border-bottom: 1px solid var(--border-color);
}
.fb-form-view__questionwise--remarks--list li label {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  padding: 5px 10px;
  color: #9ca3af;
  background-color: var(--level-1);
  border-radius: 6px;
}
.fb-form-view__questionwise--remarks--list li span {
  display: block;
  margin-top: 10px;
  background-color: #f9fafb;
  padding: 8px 10px;
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.fb-form-view__questionwise--detailed {
  height: 100%;
}
.fb-form-view__questionwise--detailed--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.fb-form-view__questionwise--detailed--title img:hover {
  background-color: #f3f4f6;
}
.fb-form-view__questionwise--detailed--table {
  height: calc(100% - 330px);
  margin-top: 10px;
}
.fb-form-view__ques-graph {
  margin-top: 10px;
  height: calc(100% - 175px);
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--border-color);
  overflow: auto;
  padding: 5px;
}
.fb-form-view__ques-graph .echarts-for-react {
  height: calc(100% - 45px) !important;
  width: 100% !important;
}
.fb-form-view__ques-graph--button {
  display: flex;
  justify-content: center;
}
.fb-form-view__ques-graph--button button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.fb-form-view__ques-graph--button button img {
  width: 20px;
}

.fb-form-view__questionwise--remarks--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.fb-form-view__questionwise--remarks--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.fb-form-view__questionwise--remarks--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.form-not-filled {
  height: 100%;
}
.form-not-filled__title {
  display: flex;
  justify-content: space-between;
}
.form-not-filled__tableblock {
  margin-top: 20px;
  height: calc(100% - 95px);
}

.view-rating-factor {
  height: 100%;
}
.view-rating-factor__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.view-rating-factor__title img:hover {
  background-color: #f3f4f6;
}
.view-rating-factor__select {
  column-gap: 10px;
}
.view-rating-factor__tableblock {
  margin-top: 10px;
  height: calc(100% - 160px);
}

.master-data {
  height: calc(100% - 185px);
  margin: 0px 10px 10px 10px;
}
.master-data--modal {
  height: calc(100% - 30px);
}
.master-data--modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.master-data--modal--title img:hover {
  background-color: #f3f4f6;
}
.master-data__datablock, .master-data__datablock--modal {
  height: calc(100% - 35px);
  display: flex;
  column-gap: 30px;
  margin-top: 10px;
}
.master-data__datablock--modal {
  height: calc(100% - 45px);
  margin-top: 0px;
}
.master-data__datablock--left, .master-data__datablock--right {
  height: 100%;
  border-radius: 0px 30px 0px 0px;
  border: 1px solid var(--border-color);
  width: 50%;
  padding: 10px;
}
.master-data__datablock--right {
  border-radius: 30px 0px 0px 0px;
}
.master-data__list {
  height: 100%;
}
.master-data__list--tableblock {
  height: calc(100% - 30px);
  margin-top: 10px;
}
.master-data__list--tableblock .MuiDataGrid-root {
  border-style: none !important;
}
.master-data__add {
  height: 100%;
}
.master-data__add--form {
  margin-top: 10px;
}
.portions-planner {
  margin: 0px 20px;
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.portions-planner__details {
  height: calc(100% - 220px);
  margin-top: 10px;
  overflow: auto;
}
.portions-planner__details--li {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  height: 205px;
}
.portions-planner__details--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.portions-planner__details--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.portions-planner__details--cards {
  height: 100% !important;
}
.portions-planner__details--cards--title {
  display: flex;
  justify-content: center;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.portions-planner__details--cards--code {
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
}
.portions-planner__details--cards--subjects {
  margin-top: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
}
.portions-planner__details--cards--subjects--total {
  text-align: center;
}
.portions-planner__details--cards--number, .portions-planner__details--cards--not-planned, .portions-planner__details--cards--planned {
  text-align: center !important;
  font-weight: 700;
  font-family: "Spline Sans Mono", monospace !important !important;
  font-size: 16px;
  color: #64748b;
}
.portions-planner__details--cards--planned {
  color: #22c55e;
}
.portions-planner__details--cards--not-planned {
  color: #ef4444;
}
.portions-planner__details--cards--button {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.pertestplanner {
  margin: 0px 20px;
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.pertestplanner__filters {
  column-gap: 10px;
}
.pertestplanner__table--assign-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.pertestplanner__table--assign-button img {
  width: 15px;
  margin-left: 10px;
}
.pertestplanner__table--completed {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  color: white;
  font-size: 14px;
  background-color: #d97706;
}
.pertestplanner__table--completed img {
  width: 15px;
  margin-left: 10px;
}
.pertestplanner__table--pending {
  background-color: #dc2626;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.pertestplanner__table--pending img {
  width: 20px;
}
.pertestplanner__subject {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.pertestplanner__subject-portions {
  height: calc(100% - 180px);
  margin: 0px 20px;
}
.pertestplanner__subject-portions--selection {
  height: 50px;
  margin-top: 10px;
  column-gap: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.pertestplanner__subject-portions--selection--title {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.pertestplanner__subject-portions--lessons {
  height: calc(100% - 100px);
  overflow: auto;
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.pertestplanner__subject-portions--lessons--details {
  height: 50px;
}
.pertestplanner__subject-portions--lessons--details .MuiAccordionSummary-expandIconWrapper {
  transform: rotate(0deg) !important;
}
.pertestplanner__subject-portions--downarrow {
  display: flex;
  align-items: center;
}

.edit-portions {
  height: calc(100% - 85px);
  margin: 0px 20px;
}
.edit-portions__selection {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  width: 30%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.edit-portions__selection--label {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.edit-portions__selection--options .MuiFormControl-root {
  margin-top: 0px !important;
  width: 350px;
}
.edit-portions__selection--options {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.edit-portions__buttons {
  margin: 0px 20px;
}
.edit-portions__syllabus {
  margin-top: 20px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 80px);
  padding: 10px;
}

.timetable__plan {
  height: calc(100% - 210px);
  margin: 0px 20px;
}
.timetable__plan--filters {
  margin-top: 10px;
  column-gap: 10px;
}
.timetable__plan--table {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.timetable__plan--assignbtn {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.timetable__plan--assignbtn img {
  width: 15px;
  margin-left: 10px;
}
.timetable__plan--assignbtn {
  background-color: #22c55e;
}
.timetable__plan--viewbtn {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.timetable__plan--viewbtn img {
  width: 20px;
}
.timetable__plan--removebtn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.timetable__plan--removebtn img {
  width: 15px;
  margin-left: 10px;
}
.timetable__plan--removebtn {
  background-color: #ef4444;
  color: var(--bg-color);
  border: none !important;
}
.timetable__plan--replacebtn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #d97706;
  color: #d97706;
  font-size: 14px;
  background-color: var(--bg-color);
}
.timetable__plan--replacebtn img {
  width: 15px;
  margin-left: 10px;
}
.timetable__plan--replacebtn {
  background-color: #3b82f6;
  color: var(--bg-color);
  border: none !important;
}
.timetable__plan--updatebtn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.timetable__plan--updatebtn img {
  width: 15px;
  margin-left: 10px;
}
.timetable__plan--modal {
  height: calc(100% - 50px);
}
.timetable__plan--sessions {
  height: calc(100% - 35px);
  margin: 0px 20px;
}
.timetable__plan--sessions--title {
  height: fit-content;
}
.timetable__plan--sessions--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.timetable__plan--sessions--title img:hover {
  background-color: #f3f4f6;
}
.timetable__plan--sessions--filter {
  height: 150px;
  margin-top: 10px;
  column-gap: 20px;
}
.timetable__plan--sessions--filter--data {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.timetable__plan--sessions--filter--list {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.timetable__plan--sessions--filter--list--details {
  display: flex;
  gap: 20px;
}
.timetable__plan--sessions--filter-dept {
  height: 200px;
  margin-top: 10px;
  column-gap: 20px;
}
.timetable__plan--sessions--options {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
}
.timetable__plan--sessions--box {
  padding: 10px;
  font-family: "Josefin Sans" !important;
}
.timetable__plan--sessions--days {
  display: flex;
  font-family: "Josefin Sans" !important;
  gap: 10px;
  justify-content: center;
}
.timetable__plan--sessions--days button {
  border: 1px solid var(--border-color);
  padding: 10px;
  text-align: center;
  color: #64748b;
  font-weight: bold;
  background-color: var(--border-color);
}
.timetable__plan--sessions--days button:focus {
  background-color: var(--bg-color) !important;
  color: var(--level-7) !important;
}
.timetable__plan--sessions--all {
  margin-top: 10px;
  display: flex;
  font-family: "Josefin Sans" !important;
  gap: 10px;
}
.timetable__plan--sessions--list {
  height: calc(100% - 240px);
  overflow-y: auto;
  overflow-x: hidden;
}
.timetable__plan--sessions--details {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  font-family: "Josefin Sans" !important;
  gap: 5px;
}
.timetable__plan--sessions--details .MuiButtonBase-root {
  height: 20px !important;
  width: 20px !important;
  align-items: center !important;
}
.timetable__plan--sessions--block {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
.timetable__plan--sessions--block--persession {
  padding: 5px;
  border-radius: 30px;
  background-color: #f1f5f9;
  color: var(--level-7);
  font-weight: bold;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.timetable__plan--sessions--block--time {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.timetable__plan--sessions--block--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.timetable__plan--sessions--block--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.timetable__plan--sessions--block--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.timetable__plan--sessions--block--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.timetable__plan--sessions--block--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.timetable__plan--sessions--block--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.timetable__plan--sessions--block--textfield {
  margin: 10px 0px 0px 0px !important;
  width: 100% !important;
}
.timetable__plan--sessions--block--textfield input[type=time] {
  width: 100% !important;
  font-size: 16px !important;
  display: flex;
  justify-content: space-around;
}
.timetable__plan--sessions--block--textfield .MuiInputBase-root {
  font-family: "Josefin Sans" !important !important;
}
.timetable__plan--sessions--buttons {
  margin: 0px 20px;
}
.timetable__plan--sessions-modal {
  height: calc(100% - 85px);
  margin: 0px 20px;
}
.timetable__plan--daywise-session {
  height: calc(100% - 85px);
}
.timetable__plan--daywise-session--details {
  column-gap: 20px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 0.4fr 1fr 1fr;
  width: calc(75% - 150px);
}
.timetable__plan--section {
  height: calc(100% - 45px);
}
.timetable__plan--section--filter {
  margin-top: 10px;
  column-gap: 10px;
}
.timetable__plan--section--filter .storybook-button {
  margin: 0px 10px 0px 0px !important;
}
.timetable__plan--section--data {
  height: calc(100% - 85px);
  margin-top: 10px;
}

.assign-subjects {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-subjects__block {
  height: 100%;
}
.assign-subjects__block--desc {
  height: 60px;
  margin-top: 10px;
  padding: 5px;
  border-radius: 6px;
  background-color: var(--disabled-color);
  text-align: center;
}
.assign-subjects__block--desc .lesson-planner__table--assign-button {
  height: fit-content !important;
}
.assign-subjects__block--desc .flex-start {
  align-items: center;
}
.assign-subjects__block--desc .flex-end {
  align-items: center;
}
.assign-subjects__block--desc--info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.assign-subjects__block--desc--info--week {
  display: flex;
  flex-direction: column;
}
.assign-subjects__block--desc--info--week b {
  border-bottom: 1px solid var(--level-5);
  color: var(--level-6);
  margin-left: 15px;
  font-size: 14px;
  width: fit-content;
}
.assign-subjects__block--desc--info--week img {
  height: 20px !important;
}
.assign-subjects__block--desc--info--week {
  font-family: "Josefin Sans" !important;
  height: fit-content;
}
.assign-subjects__block--desc--info--week span {
  color: #64748b;
}
.assign-subjects__block--desc--info--week p {
  margin: 0px !important;
}
.assign-subjects__block--desc--info--status {
  height: 100%;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #16a34a;
}
.assign-subjects__block--desc--info--status span {
  font-family: "Josefin Sans" !important;
  color: var(--bg-color);
}
.assign-subjects__block--tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
  overflow: auto;
}
.assign-subjects--table {
  margin-top: 10px;
  height: calc(100% - 95px);
  overflow: auto;
}
.assign-subjects--table--data {
  display: flex;
  justify-content: space-around;
}
.assign-subjects--table--data b {
  display: block !important;
}
.assign-subjects--assignbtn {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.assign-subjects--assignbtn img {
  width: 15px;
  margin-left: 10px;
}
.assign-subjects--assignbtn {
  background-color: #22c55e;
  height: 20px !important;
  width: fit-content !important;
}
.assign-subjects--removebtn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.assign-subjects--removebtn img {
  width: 15px;
  margin-left: 10px;
}
.assign-subjects--removebtn {
  background-color: #ef4444;
  color: var(--bg-color);
  border: none !important;
  height: 20px !important;
  width: fit-content !important;
}
.assign-subjects--replacebtn {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #d97706;
  color: #d97706;
  font-size: 14px;
  background-color: var(--bg-color);
}
.assign-subjects--replacebtn img {
  width: 15px;
  margin-left: 10px;
}
.assign-subjects--replacebtn {
  background-color: #3b82f6;
  color: var(--bg-color);
  border: none !important;
  height: 20px !important;
  width: fit-content !important;
}
.assign-subjects__details {
  height: calc(100% - 45px);
}
.assign-subjects__details--tableblock {
  height: calc(100% - 70px);
  overflow: auto;
  margin-top: 10px;
}

.weeks {
  height: 100%;
}
.weeks__title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.weeks__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.weeks__title img:hover {
  background-color: #f3f4f6;
}
.weeks__status {
  margin-top: 10px;
  display: flex;
  background-color: #16a34a;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  color: white;
  font-size: 18px;
  font-family: "Josefin Sans" !important;
  justify-content: space-between;
}
.weeks__status b {
  padding: 3px 8px;
  background-color: white;
  border-radius: 6px;
}
.weeks__status--flex {
  display: flex;
  column-gap: 10px;
}
.weeks__filters {
  height: 35px;
  margin-top: 10px;
}
.weeks__filters .storybook-input {
  margin-top: 0px !important;
}
.weeks__table {
  height: calc(100% - 130px);
  margin-top: 10px;
}
.weeks__accordian {
  height: calc(100% - 55px);
  overflow: auto;
}
.weeks__accordian--drawer {
  height: calc(100% - 140px);
  margin-top: 10px;
  overflow: auto;
}
.weeks__accordian--details {
  height: fit-content;
  background-color: var(--disabled-color);
}
.weeks__accordian--header {
  width: 100%;
}
.weeks__accordian--header--title {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Josefin Sans" !important;
}
.weeks__accordian--header--title b {
  color: var(--level-6);
  font-size: 18px;
}
.weeks__accordian--header b {
  color: var(--level-6);
  font-size: 18px;
}
.weeks__accordian--header span {
  color: #94a3b8;
  font-family: "Spline Sans Mono", monospace !important !important;
  font-size: 18px;
}
.weeks__accordian--header .flex-end {
  margin: 0px 20px !important;
}
.weeks__accordian--sub-heading {
  width: 100%;
}
.weeks__accordian--sub-heading--title {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Josefin Sans" !important;
  padding-left: 40px;
}
.weeks__accordian--sub-heading--title p {
  margin: 30px 0px 0px 0px !important;
  font-size: 18px;
}
.weeks__accordian--sub-heading p {
  margin: 30px 0px 0px 0px !important;
  font-size: 18px;
}
.weeks__accordian--sub-heading span {
  color: #94a3b8;
  font-family: "Spline Sans Mono", monospace !important !important;
  font-size: 18px;
}
.weeks__accordian--sub-heading--update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.weeks__accordian--sub-heading--update img {
  width: 15px;
  margin-left: 10px;
}
.weeks__accordian--sub-heading--update {
  height: fit-content;
}
.weeks__accordian--sub-heading--delete {
  background-color: #dc2626;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.weeks__accordian--sub-heading--delete img {
  width: 20px;
}
.weeks__accordian--sub-heading--delete {
  height: fit-content;
}
.weeks__accordian--sub-heading--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.weeks__accordian--sub-heading--view img {
  width: 20px;
}
.weeks__accordian--sub-heading--view {
  height: fit-content;
}
.weeks__accordian--sub-heading button {
  margin-right: 10px;
}
.weeks__accordian--sub-heading--buttons {
  display: flex;
  align-items: center;
}
.weeks__comments {
  height: 100%;
}
.weeks__comments--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.weeks__comments--block--list, .weeks__comments--block--pending-list, .weeks__comments--block--approve-list, .weeks__comments--block--reject-list {
  height: fit-content;
  padding: 10px;
  font-family: "Josefin Sans" !important;
  border-radius: 6px;
}
.weeks__comments--block--reject-list {
  background-color: #fef2f2 !important;
}
.weeks__comments--block--approve-list {
  background-color: #f0fdf4 !important;
}
.weeks__comments--block--pending-list {
  background-color: #fefce8 !important;
}

.weekly-view {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.weekly-view__modal-title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.weekly-view__modal-title img:hover {
  background-color: #f3f4f6;
}
.weekly-view__modal-block {
  height: calc(100% - 80px);
}
.weekly-view__modal-block .assign-subjects__block--tableblock {
  height: calc(100% - 110px);
}
.weekly-view__tabpanel {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.weekly-view__tabpanel--filter {
  column-gap: 10px;
}
.weekly-view__tabpanel--filter img {
  height: 25px;
  margin-top: 10px;
}
.weekly-view__tabpanel--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.weekly-view__tabpanel--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.weekly-view__tabpanel--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.weekly-view__tabpanel--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.weekly-view__tabpanel--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.weekly-view__tabpanel--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.weekly-view__tabpanel--swipable {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.weekly-view__tabpanel--flex {
  display: flex;
  column-gap: 10px;
}

.copy-data {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.copy-data__filter {
  height: 50px;
  margin-top: 10px;
}
.copy-data__filter--grid {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
}
.copy-data__filter--year {
  background-color: var(--border-color);
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.copy-data__filter--year b {
  font-family: "Josefin Sans" !important;
}
.copy-data__filter--year span {
  padding: 5px;
  color: var(--bg-color);
  font-family: "Spline Sans Mono", monospace !important;
  background-color: #1e40af;
}
.copy-data__block {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.copy-data__block--card {
  height: 60px;
  border-bottom: 2px dashed var(--border-color);
  display: flex;
  align-items: center;
}
.copy-data__block--card--timer {
  display: flex;
  justify-content: center;
}
.copy-data__block--card--timer img {
  height: 20px;
  width: 20px;
  filter: invert(50%);
}
.copy-data__block--card--status {
  display: flex;
  justify-content: center;
}
.copy-data__block--card--status img {
  height: 20px;
  width: 20px;
}
.copy-data__block--card--data {
  display: flex;
  gap: 10px;
}
.copy-data__block--card--data b {
  font-family: "Spline Sans Mono", monospace !important;
}
.copy-data__block--card--data span {
  font-family: "Josefin Sans" !important;
  font-weight: bold;
}
.copy-data__block--card--button {
  display: flex;
  justify-content: flex-end;
  border-left: 2px solid var(--border-color);
  padding: 10px;
}
.copy-data__block--card--button--copy {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #f1f5f9;
  color: #0f172a;
  font-size: 14px;
  background-color: var(--bg-color);
}
.copy-data__block--card--button--copy img {
  width: 15px;
  margin-left: 10px;
  filter: invert(100%);
}
.copy-data__modal {
  height: 100%;
}
.copy-data__modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.copy-data__modal--title img:hover {
  background-color: #f3f4f6;
}
.copy-data__modal--frame {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.copy-data__modal--frame--filter {
  height: 40px;
}
.copy-data__modal--frame .allocate-teacher {
  height: 100% !important;
  margin: 0px !important;
}
.copy-data__modal--frame .allocate-teacher__tableblock {
  height: calc(100% - 40px) !important;
}
.copy-data__modal--frame .academic-subject-details {
  margin: 0px !important;
  height: calc(100% - 40px) !important;
}
.copy-data__modal--frame .button-left {
  margin-left: 0px !important;
}
.copy-data__modal--frame .sub-allocation {
  height: calc(100% - 40px) !important;
  margin: 0px !important;
}
.copy-data__modal--frame .sub-allocation__tableblock {
  height: 100% !important;
}
.copy-data__modal--frame .att-for-teacher {
  height: calc(100% - 40px) !important;
  margin: 0px !important;
}
.copy-data__modal--frame .att-for-teacher__tableblock {
  height: 100% !important;
}
.copy-data__modal--frame .sub-allocation__tableblock--elective {
  height: 100% !important;
}

.staff-report__daily-report {
  margin: 0px 20px;
  height: calc(100% - 170px);
  display: flex;
  column-gap: 10px;
}
.staff-report__daily-report .daily-attendance__right--cards {
  margin-top: 0px !important;
}
.staff-report__daily-report .att-report__block--right--select .MuiFormControl-root {
  margin-top: 0px !important;
}
.staff-report__daily-report .att-report__block--right--select {
  margin-top: 10px !important;
}
.staff-report__daily-report .daily-attendance__right--tableblock {
  height: calc(100% - 155px) !important;
}
.staff-report__overall-report {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.staff-report__overall-report .att-report__block--right--select .MuiFormControl-root {
  margin-top: 0px !important;
}
.staff-report__monthly-wise {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.staff-report__monthly-wise .att-report__block--right--tableblock {
  height: calc(100% - 90px) !important;
}
.staff-report__monthly-wise .student-dashboard__attendance--legends {
  justify-content: flex-end !important;
  border-top: none !important;
  margin-top: 10px !important;
  padding-top: 0px !important;
}
.staff-report__individual-report {
  margin: 0px 20px;
  height: calc(100% - 170px);
  display: flex;
  column-gap: 10px;
}
.staff-report__individual-report--filters {
  height: 140px;
  margin-top: 10px;
}
.staff-report__individual-report .individual-std-report__bottom {
  height: calc(100% - 200px) !important;
}
.staff-report__individual-report .student-dashboard__attendance--full-view--datablock--frame--cards {
  margin-top: 10px !important;
}
.staff-report__individual-report .student-dashboard__attendance--full-view--datablock--frame--graph {
  height: calc(100% - 175px) !important;
}
.staff-report__individual-report .attendance-overview__student-attendance--calendar {
  height: 100%;
}
.staff-report__individual-report .attendance-overview__student-attendance--calendar button {
  height: 100%;
}
.staff-report__individual-report--modal {
  height: calc(100% - 80px);
}
.staff-report__individual-report--modal--block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  height: 100%;
}
.staff-report__individual-report--modal--block .individual-std-report__bottom {
  height: calc(100% - 160px) !important;
}
.staff-report__individual-report--modal--block .student-dashboard__attendance--full-view--datablock--frame--graph {
  height: calc(100% - 155px) !important;
}
.staff-report__attendance-overview {
  height: 100%;
}
.staff-report__attendance-overview--title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.staff-report__attendance-overview--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.staff-report__attendance-overview--title img:hover {
  background-color: #f3f4f6;
}
.staff-report__attendance-overview--datablock {
  height: calc(100% - 235px);
  margin-top: 10px;
  column-gap: 30px;
}
.staff-report__attendance-overview--details {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
}
.staff-report__attendance-overview--details--item {
  height: 55px;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.staff-report__attendance-overview--details--item span {
  font-family: "Josefin Sans" !important;
}
.staff-report__attendance-overview--details--item b {
  font-family: "Spline Sans Mono", monospace !important;
}
.staff-report__attendance-overview--button {
  display: flex;
  justify-content: center;
}
.staff-report__drawer {
  height: 100%;
}
.staff-report__drawer--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.staff-report__drawer--title img:hover {
  background-color: #f3f4f6;
}
.staff-report__drawer--tabpanel {
  height: calc(100% - 85px);
}
.staff-report__drawer--tabs {
  height: 50px;
  margin-top: 10px;
}
.staff-report__drawer--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.staff-report__drawer--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.staff-report__drawer--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.staff-report__drawer--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.staff-report__drawer--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.staff-report__drawer--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.staff-report__drawer--tabs .MuiTabs-flexContainer {
  width: 100% !important;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.staff-report__drawer--swipable {
  height: calc(100% - 50px);
}
.staff-report__drawer--absent-dates, .staff-report__drawer--overtime, .staff-report__drawer--late-checkin {
  height: 100%;
}
.staff-report__drawer--absent-dates .student-dashboard__attendance--absenties--total, .staff-report__drawer--overtime .student-dashboard__attendance--absenties--total, .staff-report__drawer--late-checkin .student-dashboard__attendance--absenties--total {
  background-color: #f87171 !important;
}
.staff-report__drawer--absent-dates--block, .staff-report__drawer--overtime, .staff-report__drawer--late-checkin {
  margin-top: 10px;
  height: calc(100% - 70px);
}
.staff-report__drawer--absent-dates--block ul, .staff-report__drawer--overtime ul, .staff-report__drawer--late-checkin ul {
  border: 1px solid var(--border-color);
}
.staff-report__drawer--absent-dates--block li, .staff-report__drawer--overtime li, .staff-report__drawer--late-checkin li {
  display: flex;
  justify-content: space-between;
  padding: 3px 5px;
  color: #64748b;
}
.staff-report__drawer--late-checkin .student-dashboard__attendance--absenties--total {
  background-color: #fbbf24 !important;
}
.staff-report__drawer--overtime .student-dashboard__attendance--absenties--total {
  background-color: #60a5fa !important;
}

.student-refferal {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.student-refferal__filters {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.student-refferal__filters .storybook-input {
  margin-top: 0px !important;
}
.student-refferal__table {
  height: calc(100% - 140px);
  margin-top: 10px;
}
.student-refferal__view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.student-refferal__view img {
  width: 20px;
}
.student-refferal__assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.student-refferal__assign img {
  width: 15px;
  margin-left: 10px;
}
.student-refferal__update {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.student-refferal__update img {
  width: 15px;
  margin-left: 10px;
}
.student-refferal__delete {
  background-color: #dc2626;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.student-refferal__delete img {
  width: 20px;
}
.student-refferal__intake-filters {
  height: 120px;
  margin-top: 10px;
}
.student-refferal__intake-tabpanel {
  height: calc(100% - 190px);
  margin-top: 10px;
}
.student-refferal__assessment-table {
  height: 100%;
  margin-top: 10px;
}
.student-refferal__assessment-table--view {
  height: 100%;
}
.student-refferal__assessment-table--view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-refferal__assessment-table--view--title img:hover {
  background-color: #f3f4f6;
}
.student-refferal__assessment-table--view--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
}
.student-refferal__assessment-table--view--block--title {
  height: 100%;
  display: flex;
  flex-direction: column;
  column-gap: 5px;
}
.student-refferal__assessment-table--view--block--title .lesson-planner-list--title--durations {
  font-weight: 300 !important;
}
.student-refferal__assessment-table--view--block--info {
  margin-top: 10px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.student-refferal__assessment-table--view--block--info--flex {
  display: grid;
  grid-template-columns: 0.12fr 0.02fr 1fr;
  align-items: center;
  font-family: "Josefin Sans" !important;
}
.student-refferal__assessment-table--view--block--info--img {
  display: flex;
  align-items: center;
}
.student-refferal__assessment-table--view--block--info--img img {
  height: 30px;
}
.student-refferal__entry-table {
  height: 100%;
  overflow: auto;
}
.student-refferal__entry-table--data {
  height: fit-content;
}
.student-refferal__entry-table--data .MuiInputBase-input {
  background-color: var(--bg-color);
}
.student-refferal__entry-table--info {
  height: 100%;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 20px);
}
.student-refferal__entry-table--info--title span {
  font-weight: 300 !important;
  color: var(--text-color);
}
.student-refferal__entry-table--info--btn {
  height: 25px;
  display: flex;
  gap: 10px;
}
.student-refferal__entry-table--info--btn .MuiFormControl-root {
  margin-top: 0px !important;
}
.student-refferal__entry-table--info--details {
  height: 100%;
}
.student-refferal__entry-table--info--details--filter {
  height: 30px;
}
.student-refferal__feedback {
  height: 100%;
}
.student-refferal__feedback--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-refferal__feedback--title img:hover {
  background-color: #f3f4f6;
}
.student-refferal__feedback--block {
  height: calc(100% - 80px);
  margin-top: 10px;
}

.spcl-education {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.spcl-education__tabpanel {
  height: calc(100% - 20px);
  margin-top: 10px;
}
.spcl-education__tabpanel .class-overview__tabs {
  margin: 0px !important;
  display: flex;
  justify-content: center !important;
}
.spcl-education__students {
  height: calc(100% - 135px);
  margin: 0px 20px;
}
.spcl-education__individual {
  height: calc(100% - 40px);
  padding-top: 10px;
}
.spcl-education__individual .daily-activities__select {
  margin-top: 0px !important;
}
.spcl-education__individual .MuiFormControl-root {
  margin-top: 0px !important;
}
.spcl-education__individual .student-refferal__table {
  height: calc(100% - 75px) !important;
}
.spcl-education__individual .appointment-list__filters {
  margin-top: 0px !important;
}
.spcl-education__group {
  height: calc(100% - 30px);
  padding-top: 10px;
}
.spcl-education__group .MuiFormControl-root {
  margin-top: 0px !important;
}
.spcl-education__group .student-refferal__table {
  height: calc(100% - 85px) !important;
}
.spcl-education__group--block {
  height: calc(100% - 65px);
  margin-top: 10px;
  overflow: auto;
}
.spcl-education__group--block--cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.spcl-education__group--block--cards .report__card-details--per-test--desc b {
  color: var(--level-6);
}
.spcl-education__group--block--cards--date {
  height: fit-content;
}
.spcl-education__drawer {
  height: 100%;
}
.spcl-education__drawer--title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.spcl-education__drawer--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.spcl-education__drawer--title img:hover {
  background-color: #f3f4f6;
}
.spcl-education__drawer--block {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.spcl-education__drawer--block .MuiFormControl-root {
  width: 100% !important;
  margin-top: 0px !important;
}
.spcl-education__drawer--block input[type=date] {
  width: 100% !important;
}
.spcl-education__drawer--block .storybook-textarea {
  margin-top: 0px !important;
  height: fit-content !important;
}
.spcl-education__drawer--block--table {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.spcl-education__drawer--block--grid {
  height: 90px;
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  gap: 10px;
  margin-top: 10px;
  width: calc(70% - 20px);
}
.spcl-education__drawer--block--grid .Label {
  margin-top: 0px !important;
}
.spcl-education__drawer--block--questions {
  height: calc(100% - 120px);
  overflow: auto;
  font-family: "Josefin Sans" !important;
  margin-top: 10px;
}
.spcl-education__drawer--block--questions .storybook-textarea {
  height: fit-content !important;
}
.spcl-education__drawer--table {
  height: calc(100% - 190px);
  margin-top: 10px;
}
.spcl-education__drawer--table--tableblock {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.spcl-education__drawer--exit {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.spcl-education__plan {
  height: 100%;
}
.spcl-education__plan--block {
  height: calc(100% - 40px);
  overflow: auto;
}
.spcl-education__exit-block {
  height: calc(100% - 120px);
  margin-top: 10px;
  overflow: auto;
}
.spcl-education__exit-block--desc {
  height: fit-content;
  display: grid;
  grid-template-columns: 0.12fr 0.02fr 1fr;
}
.spcl-education__exit-block--desc .student-refferal__assessment-table--view--block--info--flex b {
  width: 150px;
}
.spcl-education__list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.spcl-education__list .student-refferal__table {
  height: calc(100% - 100px) !important;
}

.hall-tickets {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.hall-tickets__flex {
  column-gap: 30px;
  height: calc(100% - 55px);
  margin-top: 10px;
}
.hall-tickets__flex--add, .hall-tickets__list {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 0px 30px 0px 0px;
  padding: 10px;
}
.hall-tickets__flex--upload .documents-upload {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr;
}
.hall-tickets__flex--grid {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
}
.hall-tickets__flex--flex {
  display: flex;
  column-gap: 5px;
}
.hall-tickets__flex--flex .data-fetch-icon {
  margin-top: 10px;
}
.hall-tickets__list {
  border-radius: 30px 0px 0px 0px !important;
}
.hall-tickets__list--table {
  height: calc(100% - 30px);
}

.applicationfee {
  margin: 10px 20px 0px 20px;
  column-gap: 20px;
}
.applicationfee .MuiAutocomplete-root {
  margin-bottom: 8px !important;
}
.applicationfee__tableblock {
  height: calc(100% - 350px);
  overflow: auto;
  margin: 0px 10px 0px 10px;
}
.applicationfee__frame {
  margin: 0px 10px 5px 10px !important;
  height: 120px;
}
.applicationfee__frame .account-frames {
  margin: 0px 10px 0px 10px;
}
.applicationfee__frame Label {
  margin-top: 0px;
}
.applicationfee__frame Input {
  margin-top: 3px !important;
}
.applicationfee__frame .MuiFormControl-root {
  margin-top: 3px !important;
}
.applicationfee__frame--label-grid {
  display: grid;
  grid-template-columns: 0.6fr 3fr;
}
.applicationfee__buttons {
  margin-left: 20px;
}
.applicationfee__table {
  max-height: 100%;
}
.applicationfee__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.applicationfee__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.applicationfee__table td img:hover,
.applicationfee__table td a:hover {
  cursor: pointer;
}
.applicationfee__table tbody {
  background-color: var(--level-1);
}
.applicationfee__table tbody tr:hover {
  background-color: var(--level-2);
}
.applicationfee__table tbody tr:hover td {
  color: var(--level-7);
}
.applicationfee__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.applicationfee__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.applicationfee__table {
  height: calc(100% - 120px) !important;
  margin-top: 10px;
}
.applicationfee__table--slno {
  width: 3%;
  font-family: "Spline Sans Mono", monospace !important;
}
.applicationfee__table--regno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.applicationfee__table--desc {
  width: 8%;
}
.applicationfee__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.applicationfee__table--th-slno {
  width: 3%;
}
.applicationfee__table--th-regno {
  width: 12%;
}
.applicationfee__table--th-amount {
  width: 12%;
}
.applicationfee__amount {
  background: #fef3c7 !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.applicationfee__amount .MuiInputBase-input {
  padding: 5px !important;
}
.applicationfee__amount input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.applicationfee__amount label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.applicationfee__amount .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.applicationfee__amount .MuiInputBase-input {
  height: 1.3em !important;
}
.applicationfee__textfield-date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.applicationfee__textfield-date .MuiInputBase-input {
  padding: 5px !important;
}
.applicationfee__textfield-date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.applicationfee__textfield-date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.applicationfee__textfield-date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.applicationfee__textfield-date .MuiInputBase-input {
  height: 1.3em !important;
}
.applicationfee__textfield-date {
  width: fit-content !important;
  margin: 0px 10px 0px 0px !important;
}
.applicationfee__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.applicationfee__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.applicationfee__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.applicationfee__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.applicationfee__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.applicationfee__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.applicationfee__textfield {
  margin: 2px 10px 0px 0px !important;
}
.applicationfee__textfield input {
  font-weight: 400 !important;
}

.refund-academic-fee {
  margin: 0px 20px 0px 10px;
  height: 125px;
}
.refund-academic-fee__frame {
  padding: 0px 15px 0px 5px;
  margin: 5px 0px 5px 5px;
}
.refund-academic-fee__frame .MuiAutocomplete-root {
  margin: 5px 0px 3px 0px;
}
.refund-academic-fee__frame--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.refund-academic-fee__frame--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.refund-academic-fee__frame--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.refund-academic-fee__frame--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.refund-academic-fee__frame--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.refund-academic-fee__frame--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.refund-academic-fee__frame--textfield {
  margin: 5px 0px 3px 0px !important;
}
.refund-academic-fee__frame--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.refund-academic-fee__frame--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.refund-academic-fee__frame--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.refund-academic-fee__frame--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.refund-academic-fee__frame--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.refund-academic-fee__frame--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.refund-academic-fee__frame--textfield--date {
  margin: 5px 0px 3px 0px !important;
  width: fit-content !important;
}
.refund-academic-fee__frame--imagefield {
  display: flex;
}
.refund-academic-fee__frame--imagefield .MuiAutocomplete-root {
  width: 100% !important;
  margin-top: 3px;
}
.refund-academic-fee__frame--image {
  margin: 5px 0px 5px 0px;
}
.refund-academic-fee__frame--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.refund-academic-fee__grid {
  display: grid;
  grid-template-columns: 1fr 1.8fr 0.35fr;
}
.refund-academic-fee__tableblock, .refund-academic-fee__tableblock--modal {
  height: calc(100% - 525px);
  margin: 10px 20px 0px 20px;
}
.refund-academic-fee__tableblock--modal {
  height: calc(100% - 395px);
}
.refund-academic-fee__table {
  max-height: 100%;
}
.refund-academic-fee__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.refund-academic-fee__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.refund-academic-fee__table tbody {
  background-color: var(--level-1);
}
.refund-academic-fee__table tbody tr:hover {
  background-color: var(--level-2);
}
.refund-academic-fee__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.refund-academic-fee__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.refund-academic-fee__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.refund-academic-fee__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.refund-academic-fee__table--fee {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.refund-academic-fee__table--fee Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.refund-academic-fee__table--fee Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.refund-academic-fee__table--fee input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.refund-academic-fee__table--fee input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.refund-academic-fee__table--th-slno {
  width: 4%;
}
.refund-academic-fee__table--th-fee {
  width: 8%;
}
.refund-academic-fee__btns {
  margin-left: 20px;
}
.refund-academic-fee__receiptblock {
  margin: 0px 10px 10px 10px;
  height: 170px;
}
.refund-academic-fee__receiptblock Label {
  margin-top: 0px;
}
.refund-academic-fee__receiptblock .storybook-input,
.refund-academic-fee__receiptblock select {
  margin-top: 5px !important;
}
.refund-academic-fee__receiptblock .MuiFormControl-root {
  margin-top: 5px !important;
}
.refund-academic-fee__view--details #search {
  margin-top: 0px;
}
.refund-academic-fee__view--details {
  column-gap: 20px;
}
.refund-academic-fee__view--details--textfield {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.refund-academic-fee__view--details--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.refund-academic-fee__view--details--date .MuiInputBase-input {
  padding: 5px !important;
}
.refund-academic-fee__view--details--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.refund-academic-fee__view--details--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.refund-academic-fee__view--details--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.refund-academic-fee__view--details--date .MuiInputBase-input {
  height: 1.3em !important;
}
.refund-academic-fee__view--details--date {
  width: fit-content !important;
}
.refund-academic-fee__view--tableblock {
  height: calc(100% - 115px);
  margin-top: 10px;
}
.refund-academic-fee__view--table {
  max-height: 100%;
}
.refund-academic-fee__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.refund-academic-fee__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.refund-academic-fee__view--table td img:hover,
.refund-academic-fee__view--table td a:hover {
  cursor: pointer;
}
.refund-academic-fee__view--table tbody {
  background-color: var(--level-1);
}
.refund-academic-fee__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.refund-academic-fee__view--table tbody tr:hover td {
  color: var(--level-7);
}
.refund-academic-fee__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.refund-academic-fee__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.refund-academic-fee__view--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.refund-academic-fee__view--table--receipt {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.refund-academic-fee__view--table--amount {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}

.view-fee-concession-ledgers__tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.view-fee-concession-ledgers__tableblock--table {
  max-height: 100%;
}
.view-fee-concession-ledgers__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.view-fee-concession-ledgers__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.view-fee-concession-ledgers__tableblock--table td img:hover,
.view-fee-concession-ledgers__tableblock--table td a:hover {
  cursor: pointer;
}
.view-fee-concession-ledgers__tableblock--table tbody {
  background-color: var(--level-1);
}
.view-fee-concession-ledgers__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.view-fee-concession-ledgers__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.view-fee-concession-ledgers__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.view-fee-concession-ledgers__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.view-fee-concession-ledgers__tableblock--table--slno {
  width: 20%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-fee-concession-ledgers__tableblock--table--th-slno {
  width: 15%;
}
.view-fee-concession-ledgers__tableblock--table--amount {
  width: 30%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-fee-concession-ledgers__tableblock--table--th-amount {
  width: 20%;
}

.bank-book {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 220px);
  column-gap: 20px;
  display: flex;
}
.bank-book--modal {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.bank-book__group-ledger {
  width: 250px;
}
.bank-book__group-ledger--table, .bank-book__group-ledger--account-ledger-table, .bank-book__group-ledger--group-ledger-table {
  max-height: 100%;
}
.bank-book__group-ledger--table th, .bank-book__group-ledger--account-ledger-table th, .bank-book__group-ledger--group-ledger-table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.bank-book__group-ledger--table td, .bank-book__group-ledger--account-ledger-table td, .bank-book__group-ledger--group-ledger-table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.bank-book__group-ledger--table tbody, .bank-book__group-ledger--account-ledger-table tbody, .bank-book__group-ledger--group-ledger-table tbody {
  background-color: var(--level-1);
}
.bank-book__group-ledger--table tbody tr:hover, .bank-book__group-ledger--account-ledger-table tbody tr:hover, .bank-book__group-ledger--group-ledger-table tbody tr:hover {
  background-color: var(--level-2);
}
.bank-book__group-ledger--table tbody tr:hover td, .bank-book__group-ledger--account-ledger-table tbody tr:hover td, .bank-book__group-ledger--group-ledger-table tbody tr:hover td {
  color: var(--level-7) !important;
}
.bank-book__group-ledger--table tfoot, .bank-book__group-ledger--account-ledger-table tfoot, .bank-book__group-ledger--group-ledger-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.bank-book__group-ledger--table tfoot td, .bank-book__group-ledger--account-ledger-table tfoot td, .bank-book__group-ledger--group-ledger-table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.bank-book__group-ledger--table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.bank-book__group-ledger--table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.bank-book__group-ledger--table--groupheader th img {
  margin-right: 0px !important;
  width: 25px;
}
.bank-book__group-ledger--table--subheader th {
  top: 30px;
}
.bank-book__group-ledger--table--subheader th {
  background: white;
}
.bank-book__group-ledger--table--subheader th select {
  width: 100% !important;
  background: white;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: 500;
  height: 20px;
}
.bank-book__group-ledger--table--subheader th select:focus {
  background: white;
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.bank-book__group-ledger--table--subheader .MuiFormControl-root {
  margin-top: 0px !important;
}
.bank-book__group-ledger--table--subheader .MuiAutocomplete-root {
  padding: 5px !important;
}
.bank-book__group-ledger--table td, .bank-book__group-ledger--account-ledger-table td, .bank-book__group-ledger--group-ledger-table td {
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bank-book__group-ledger--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.bank-book__group-ledger--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.bank-book__group-ledger--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.bank-book__group-ledger--group-ledger-table th img {
  margin-right: 0px !important;
  width: 25px;
}
.bank-book__group-ledger--group-ledger-table {
  height: 60px;
}
.bank-book__group-ledger--group-ledger-table--yearly--details {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  height: calc(50% - 60px);
  overflow: auto;
}
.bank-book__group-ledger--group-ledger-table--yearly--details--label-grid {
  display: grid;
  grid-template-columns: 1fr 0.2fr 1fr;
  border-bottom: 1px dashed var(--border-color);
}
.bank-book__group-ledger--group-ledger-table--yearly--details--label-grid Label {
  margin-top: 0px;
  padding: 2px;
  font-size: 12px;
  margin-left: 2px;
}
.bank-book__group-ledger--group-ledger-table--yearly--details--value {
  text-align: end;
  margin-right: 5px;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__group-ledger--account-ledger-table {
  height: calc(50% - 10px);
  margin-top: 10px;
}
.bank-book__group-ledger--account-ledger-table th img {
  margin-right: 0px !important;
}
.bank-book__table-section {
  width: calc(100% - 250px);
}
.bank-book__table-section--modal {
  width: 100%;
}
.bank-book__table-section--monthly-total {
  height: calc(50% - 10px);
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.bank-book__table-section--monthly-total--table {
  max-height: 100%;
}
.bank-book__table-section--monthly-total--table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.bank-book__table-section--monthly-total--table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.bank-book__table-section--monthly-total--table tbody {
  background-color: var(--level-1);
}
.bank-book__table-section--monthly-total--table tbody tr:hover {
  background-color: var(--level-2);
}
.bank-book__table-section--monthly-total--table tbody tr:hover td {
  color: var(--level-7) !important;
}
.bank-book__table-section--monthly-total--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.bank-book__table-section--monthly-total--table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.bank-book__table-section--monthly-total--table {
  height: calc(100% - 40px);
}
.bank-book__table-section--monthly-total--table tr:hover .bank-book__table-section--monthly-total--table--month {
  text-decoration: underline !important;
  cursor: pointer;
}
.bank-book__table-section--monthly-total--table--month {
  width: 2%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--monthly-total--table--month-tr {
  width: 2%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--monthly-total--table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--monthly-total--table--th-month {
  width: 2%;
}
.bank-book__table-section--monthly-total--table--th-amount {
  width: 8%;
}
.bank-book__table-section--transaction-details {
  margin-top: 10px;
  height: 50%;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.bank-book__table-section--transaction-details--table, .bank-book__table-section--transaction-details--reconcil-table {
  max-height: 100%;
}
.bank-book__table-section--transaction-details--table th, .bank-book__table-section--transaction-details--reconcil-table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.bank-book__table-section--transaction-details--table td, .bank-book__table-section--transaction-details--reconcil-table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.bank-book__table-section--transaction-details--table tbody, .bank-book__table-section--transaction-details--reconcil-table tbody {
  background-color: var(--level-1);
}
.bank-book__table-section--transaction-details--table tbody tr:hover, .bank-book__table-section--transaction-details--reconcil-table tbody tr:hover {
  background-color: var(--level-2);
}
.bank-book__table-section--transaction-details--table tbody tr:hover td, .bank-book__table-section--transaction-details--reconcil-table tbody tr:hover td {
  color: var(--level-7) !important;
}
.bank-book__table-section--transaction-details--table tfoot, .bank-book__table-section--transaction-details--reconcil-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.bank-book__table-section--transaction-details--table tfoot td, .bank-book__table-section--transaction-details--reconcil-table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.bank-book__table-section--transaction-details--table, .bank-book__table-section--transaction-details--reconcil-table {
  height: calc(100% - 40px);
  margin-top: 5px;
}
.bank-book__table-section--transaction-details--table--title {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
}
.bank-book__table-section--transaction-details--table--year {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--transaction-details--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--transaction-details--table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--transaction-details--table--balance {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--transaction-details--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-book__table-section--transaction-details--table--th-slno {
  width: 8%;
}
.bank-book__table-section--transaction-details--table--th-year {
  width: 14%;
}
.bank-book__table-section--transaction-details--table--th-amount {
  width: 12%;
}
.bank-book__table-section--transaction-details--table--th-date {
  width: 8%;
}
.bank-book__table-section--transaction-details--table--th-balance {
  width: 12%;
}
.bank-book__table-section--transaction-details--table tr:hover .bank-book__table-section--transaction-details--table--name, .bank-book__table-section--transaction-details--reconcil-table tr:hover .bank-book__table-section--transaction-details--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.bank-book__table-section--transaction-details--table--ledger-list li {
  display: flex;
  justify-content: space-between;
}
.bank-book__table-section--transaction-details--reconcil-table {
  height: calc(100% - 50px);
}
.bank-book__table-section--transaction-details--reconcil-table--button {
  display: flex;
  justify-content: flex-end;
}
.bank-book__table-section--transaction-details--tableblock {
  height: calc(100% - 45px);
}
.bank-book__menu-items Label {
  margin-top: 0px;
}
.bank-book__menu-items .active li {
  background-color: var(--level-5);
  border-radius: 6px;
}
.bank-book__menu-items .active li Label {
  color: white !important;
}
.bank-book__menu-items li:hover {
  background-color: var(--level-2);
  border-radius: 3px;
}
.bank-book__menu-items li:hover Label {
  color: #000 !important;
}
.bank-book__table {
  max-height: 100%;
}
.bank-book__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.bank-book__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.bank-book__table td img:hover,
.bank-book__table td a:hover {
  cursor: pointer;
}
.bank-book__table tbody {
  background-color: var(--level-1);
}
.bank-book__table tbody tr:hover {
  background-color: var(--level-2);
}
.bank-book__table tbody tr:hover td {
  color: var(--level-7);
}
.bank-book__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.bank-book__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.bank-book__table {
  height: 100%;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.bank-book__table tr:hover .bank-book__table--ledger {
  text-decoration: underline !important;
  cursor: pointer;
}
.bank-book__table--groupledger {
  margin-top: 10px;
  height: calc(100% - 43px);
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.bank-book__table--select-space {
  height: 33px;
}
.bank-book .css3-tabstrip li {
  margin: 0px 10px 0 0px;
}
.bank-book .css3-tabstrip {
  height: 40px;
  margin-top: 0px;
  margin-left: 0px;
}
.bank-book__export-modal--flex {
  display: flex;
}
.bank-book__export-modal--flex input {
  margin-top: 10px;
}
.bank-book__total {
  text-align: right;
}

.selected-ledger {
  background-color: var(--level-4);
}

.bank-book__group-ledger--group-ledger-table--yearly--details::-webkit-scrollbar,
.bank-book__group-ledger--table--account-ledger-table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.bank-book__group-ledger--group-ledger-table--yearly--details::-webkit-scrollbar-thumb,
.bank-book__group-ledger--table--account-ledger-table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.bank-book__group-ledger--table--account-ledger-table::-webkit-scrollbar-thumb:hover,
.bank-book__group-ledger--group-ledger-table--yearly--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.pointer-icon {
  margin-right: 10px;
  filter: invert(0%);
}

.dropdown-pointer {
  filter: invert(0%);
  margin-right: 0px;
}

.number-font {
  font-family: "Spline Sans Mono", monospace !important;
}

.bank-ledger__title {
  color: var(--level-4);
}
.bank-ledger__search {
  margin-left: 20px;
}
.bank-ledger__tableblock {
  margin: 10px 20px 0px 20px;
}
.bank-ledger__table {
  max-height: 100%;
}
.bank-ledger__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.bank-ledger__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.bank-ledger__table tbody {
  background-color: var(--level-1);
}
.bank-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.bank-ledger__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.bank-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.bank-ledger__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.bank-ledger__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-ledger__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-ledger__table--transactions {
  width: 6%;
}
.bank-ledger__buttons {
  margin-left: 20px;
}

.monthly-wise-ledger__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.monthly-wise-ledger__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.monthly-wise-ledger__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-wise-ledger__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.monthly-wise-ledger__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-wise-ledger__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.monthly-wise-ledger__textfield--edit {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.monthly-wise-ledger__textfield--edit .MuiInputBase-input {
  padding: 5px !important;
}
.monthly-wise-ledger__textfield--edit input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-wise-ledger__textfield--edit label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.monthly-wise-ledger__textfield--edit .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-wise-ledger__textfield--edit .MuiInputBase-input {
  height: 1.3em !important;
}
.monthly-wise-ledger__textfield--edit {
  margin-top: 10px !important;
  width: 100%;
}
.monthly-wise-ledger__textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.monthly-wise-ledger__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.monthly-wise-ledger__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-wise-ledger__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.monthly-wise-ledger__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-wise-ledger__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.monthly-wise-ledger__textfield--date {
  margin: 6px 10px 0px 0px !important;
  width: fit-content;
}
.monthly-wise-ledger__textfield--select {
  margin-top: 5px !important;
}

.daily-fee-collected {
  display: flex;
  margin-left: 20px;
  gap: 10px;
}
.daily-fee-collected__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.daily-fee-collected__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.daily-fee-collected__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-fee-collected__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.daily-fee-collected__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.daily-fee-collected__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.daily-fee-collected__textfield {
  width: fit-content;
}
.daily-fee-collected__textfield input {
  font-weight: 400 !important;
}
.daily-fee-collected__frame {
  column-gap: 20px;
  margin: 10px 20px 0px 20px;
  height: calc(100% - 175px);
  overflow: auto;
}
.daily-fee-collected__frame--configure {
  display: flex;
  padding-left: 10px;
}
.daily-fee-collected__frame--configure Label {
  margin-top: 5px;
}
.daily-fee-collected__block {
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.daily-fee-collected__block--details {
  padding-right: 10px;
}

.daily-fee-collected__frame::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.daily-fee-collected__frame::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.daily-fee-collected__frame::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.cash-balance-report {
  margin-right: 15px;
}
.cash-balance-report__finyr {
  display: flex;
  justify-content: flex-end;
  margin: 0px 10px 0px 0px;
  border-right: 4px solid var(--level-5);
  padding-right: 10px;
}
.cash-balance-report__finyr Label {
  color: var(--level-5);
  margin-top: 0px;
  font-weight: bold !important;
}
.cash-balance-report__finyr input {
  margin-top: 5px !important;
}
.cash-balance-report__tableblock {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 171px);
}
.cash-balance-report__table {
  max-height: 100%;
}
.cash-balance-report__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.cash-balance-report__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.cash-balance-report__table tbody {
  background-color: var(--level-1);
}
.cash-balance-report__table tbody tr:hover {
  background-color: var(--level-2);
}
.cash-balance-report__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.cash-balance-report__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.cash-balance-report__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.cash-balance-report__table--date {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.cash-balance-report__table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.cash-balance-report__table--th-date {
  width: 4%;
}
.cash-balance-report__table--th-amount {
  width: 8%;
}

.cash-balance-report__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cash-balance-report__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cash-balance-report__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.cash-flow-details__tableblock {
  column-gap: 20px;
  height: calc(100% - 171px);
  margin: 10px 20px 0px 20px;
}
.cash-flow-details__table {
  max-height: 100%;
}
.cash-flow-details__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.cash-flow-details__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.cash-flow-details__table tbody {
  background-color: var(--level-1);
}
.cash-flow-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.cash-flow-details__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.cash-flow-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.cash-flow-details__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.cash-flow-details__table--slno {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.cash-flow-details__table--amount {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.cash-flow-details__table--th-slno {
  width: 7%;
}
.cash-flow-details__table--th-amount {
  width: 15%;
}
.cash-flow-details__table--group-header th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  padding: 8px;
  height: 40px;
}
.cash-flow-details__table--sub-header th {
  top: 40px;
}

.cash-flow-details__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cash-flow-details__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cash-flow-details__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.accountsconfig {
  margin: 10px 0px 0px 0px;
  height: calc(100% - 80px);
  overflow-y: auto;
}
.accountsconfig__data {
  column-count: 3;
  column-gap: 40px;
  column-fill: auto;
  column-rule: 4px double #cbd5e0;
}
.accountsconfig__settings {
  width: 30px;
  padding-top: 5px;
}
.accountsconfig__label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px dashed #cbd5e0;
}
.accountsconfig__select-option--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 5px !important;
  border-bottom: 1px dashed #cbd5e0;
}
.accountsconfig__switches {
  border-bottom: 1px dashed #cbd5e0;
}

.accountsconfig::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.accountsconfig::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.accountsconfig::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.receiptconfig {
  height: calc(100% - 135px);
}
.receiptconfig__btns {
  margin-left: 10px;
  margin-top: 5px;
}
.receiptconfig__checkbox {
  margin-top: 2px;
}
.receiptconfig__settings {
  width: 30px;
  padding-top: 5px;
}
.receiptconfig__blocks {
  height: 100%;
  overflow-y: auto;
}
.receiptconfig__blocks--grid {
  display: grid;
  grid-template-columns: 0.57fr 2fr;
}

.receiptconfig__blocks::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.receiptconfig__blocks::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.receiptconfig__blocks::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.feedemand-additionalfee-group {
  height: calc(100% - 210px);
}
.feedemand-additionalfee-group__details {
  margin: 0px 10px 0px 10px;
}
.feedemand-additionalfee-group__details #receivedamount {
  margin-top: 5px;
  width: 60%;
}
.feedemand-additionalfee-group__details Label {
  margin-top: 5px;
  padding: 0px;
}
.feedemand-additionalfee-group__details .MuiFormControl-root {
  margin-top: 3px !important;
}
.feedemand-additionalfee-group__tableblock {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 170px);
}
.feedemand-additionalfee-group__tableblock--table {
  max-height: 100%;
}
.feedemand-additionalfee-group__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feedemand-additionalfee-group__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feedemand-additionalfee-group__tableblock--table td img:hover,
.feedemand-additionalfee-group__tableblock--table td a:hover {
  cursor: pointer;
}
.feedemand-additionalfee-group__tableblock--table tbody {
  background-color: var(--level-1);
}
.feedemand-additionalfee-group__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemand-additionalfee-group__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.feedemand-additionalfee-group__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feedemand-additionalfee-group__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feedemand-additionalfee-group__tableblock--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.feedemand-additionalfee-group__tableblock--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.feedemand-additionalfee-group__tableblock--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.feedemand-additionalfee-group__tableblock--table--checkbox {
  width: 4%;
}
.feedemand-additionalfee-group__tableblock--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand-additionalfee-group__tableblock--table--admno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand-additionalfee-group__tableblock--table--regno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand-additionalfee-group__tableblock--table--th-slno {
  width: 4%;
}
.feedemand-additionalfee-group__tableblock--table--th-admno {
  width: 10%;
}
.feedemand-additionalfee-group__tableblock--table--th-regno {
  width: 10%;
}
.feedemand-additionalfee-group__tableblock--table--category {
  width: 8%;
}
.feedemand-additionalfee-group__tableblock--table--year {
  width: 10%;
}
.feedemand-additionalfee-group__tableblock--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand-additionalfee-group__tableblock--table--th-amount {
  width: 12%;
}
.feedemand-additionalfee-group__total {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.feedemand-additionalfee-group__total--count {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: 5px;
}
.feedemand-additionalfee-group__view--tableblock {
  height: calc(100% - 75px);
}
.feedemand-additionalfee-group__view--table {
  max-height: 100%;
}
.feedemand-additionalfee-group__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feedemand-additionalfee-group__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feedemand-additionalfee-group__view--table td img:hover,
.feedemand-additionalfee-group__view--table td a:hover {
  cursor: pointer;
}
.feedemand-additionalfee-group__view--table tbody {
  background-color: var(--level-1);
}
.feedemand-additionalfee-group__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemand-additionalfee-group__view--table tbody tr:hover td {
  color: var(--level-7);
}
.feedemand-additionalfee-group__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feedemand-additionalfee-group__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feedemand-additionalfee-group__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.feedemand-additionalfee-group__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.feedemand-additionalfee-group__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand-additionalfee-group__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.feedemand-additionalfee-group__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand-additionalfee-group__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.feedemand-additionalfee-group__textfield {
  width: fit-content !important;
}
.feedemand-additionalfee-group__textfield label {
  margin-top: 0px !important;
}

.feedemand-additionalfee-individual {
  height: calc(100% - 220px);
  margin: 10px 20px 0px 20px;
}
.feedemand-additionalfee-individual__details {
  height: 120px;
  gap: 20px;
}
.feedemand-additionalfee-individual__details .storybook-button {
  margin: 0px !important;
}
.feedemand-additionalfee-individual__details .MuiAutocomplete-root {
  width: 100% !important;
  margin-top: 8px;
}
.feedemand-additionalfee-individual__details--imagefield {
  display: flex;
}
.feedemand-additionalfee-individual__details--imagefield .data-fetch-icon {
  margin-top: 8px;
}
.feedemand-additionalfee-individual__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.feedemand-additionalfee-individual__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.feedemand-additionalfee-individual__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand-additionalfee-individual__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.feedemand-additionalfee-individual__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand-additionalfee-individual__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.feedemand-additionalfee-individual__details--textfield {
  margin-top: 8px !important;
}
.feedemand-additionalfee-individual__details--new-fee {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
}
.feedemand-additionalfee-individual__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.feedemand-additionalfee-individual__details--button {
  margin: 10px 0px 0px 0px;
  width: fit-content;
}
.feedemand-additionalfee-individual__tableblock {
  height: calc(100% - 150px);
}
.feedemand-additionalfee-individual__tableblock--table {
  max-height: 100%;
}
.feedemand-additionalfee-individual__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feedemand-additionalfee-individual__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feedemand-additionalfee-individual__tableblock--table td img:hover,
.feedemand-additionalfee-individual__tableblock--table td a:hover {
  cursor: pointer;
}
.feedemand-additionalfee-individual__tableblock--table tbody {
  background-color: var(--level-1);
}
.feedemand-additionalfee-individual__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemand-additionalfee-individual__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.feedemand-additionalfee-individual__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feedemand-additionalfee-individual__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feedemand-additionalfee-individual__tableblock--table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 4%;
}
.feedemand-additionalfee-individual__tableblock--table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 12%;
}
.feedemand-additionalfee-individual__tableblock--table--th-slno {
  width: 4%;
}
.feedemand-additionalfee-individual__tableblock--table--th-amount {
  width: 12%;
}

.feedemand-arrearfee-individual {
  height: calc(100% - 140px);
  margin: 10px 20px 0px 20px;
}
.feedemand-arrearfee-individual__details {
  height: 120px;
  gap: 20px;
}
.feedemand-arrearfee-individual__details--imagefield {
  display: flex;
}
.feedemand-arrearfee-individual__details--imagefield .MuiAutocomplete-root {
  margin-top: 5px;
}
.feedemand-arrearfee-individual__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.feedemand-arrearfee-individual__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.feedemand-arrearfee-individual__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand-arrearfee-individual__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.feedemand-arrearfee-individual__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand-arrearfee-individual__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.feedemand-arrearfee-individual__details--textfield {
  margin-top: 8px !important;
}
.feedemand-arrearfee-individual__details--new-fee {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.feedemand-arrearfee-individual__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.feedemand-arrearfee-individual__details--button {
  margin: 0px 0px 0px 0px;
  width: fit-content;
}
.feedemand-arrearfee-individual__tableblock {
  height: calc(100% - 150px);
}
.feedemand-arrearfee-individual__tableblock--table {
  max-height: 100%;
}
.feedemand-arrearfee-individual__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feedemand-arrearfee-individual__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feedemand-arrearfee-individual__tableblock--table td img:hover,
.feedemand-arrearfee-individual__tableblock--table td a:hover {
  cursor: pointer;
}
.feedemand-arrearfee-individual__tableblock--table tbody {
  background-color: var(--level-1);
}
.feedemand-arrearfee-individual__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemand-arrearfee-individual__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.feedemand-arrearfee-individual__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feedemand-arrearfee-individual__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feedemand-arrearfee-individual__tableblock--table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 4%;
}
.feedemand-arrearfee-individual__tableblock--table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 12%;
}
.feedemand-arrearfee-individual__tableblock--table--th-slno {
  width: 4%;
}
.feedemand-arrearfee-individual__tableblock--table--th-amount {
  width: 12%;
}

.feedemand__select {
  padding: 5px;
}
.feedemand__row {
  background: hsl(55, 79%, 94%);
}
.feedemand__row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.feedemand__row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.feedemand__row .MuiInputBase-input {
  height: 15px !important;
}
.feedemand__row td {
  padding: 0px !important;
}
.feedemand__row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.feedemand__row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.feedemand__row .MuiFormControl-root {
  margin-top: 0px !important;
}
.feedemand__row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.feedemand__row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.feedemand__row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.feedemand__row .MuiAutocomplete-root,
.feedemand__row .auto-complete:focus {
  background-color: var(--bg-color) !important;
}
.feedemand__row input:focus {
  background-color: white;
}
.feedemand__row td {
  color: #000 !important;
}
.feedemand__table {
  height: 100%;
  max-height: 100%;
}
.feedemand__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.feedemand__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.feedemand__table tbody {
  background-color: var(--level-1);
}
.feedemand__table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemand__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.feedemand__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.feedemand__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.feedemand__table select {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.feedemand__table select:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.feedemand__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand__table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand__table--th-slno {
  width: 5%;
}
.feedemand__table--th-amount {
  width: 8%;
}
.feedemand__table--actions {
  width: 5%;
}
.feedemand__table--actions img {
  width: 20px;
}
.feedemand__table tfoot {
  position: sticky;
  position: -webkit-sticky;
  bottom: 0px;
}
.feedemand__tableblock, .feedemand__tableblock--edit {
  height: calc(100% - 355px);
  overflow: auto;
  margin: 15px 20px 0px 20px;
}
.feedemand__tableblock--edit {
  height: calc(100% - 395px);
}
.feedemand__editprofile {
  filter: invert(1);
  margin-right: 10px;
  width: 15px;
}
.feedemand__inputbase {
  font-size: 14px !important;
  text-align: right !important;
  background: hsl(55, 79%, 94%);
}
.feedemand__inputbase:focus {
  background-color: white;
}
.feedemand tfoot td {
  display: flex;
  justify-content: flex-end;
  margin-top: 100px;
}
.feedemand__block, .feedemand__block--edit {
  height: 130px;
  margin: 0px 10px 0px 10px;
}
.feedemand__block Label, .feedemand__block--edit Label {
  margin: 5px;
  padding: 0px;
}
.feedemand__block .MuiFormControl-root, .feedemand__block--edit .MuiFormControl-root {
  margin-top: 3px !important;
}
.feedemand__block .MuiFormControlLabel-root, .feedemand__block--edit .MuiFormControlLabel-root {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px 5px 5px !important;
  margin: 0px !important;
}
.feedemand__block--edit {
  height: 170px;
}
.feedemand__block .MuiAutocomplete-root, .feedemand__block--edit .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.feedemand__buttons {
  margin-left: 20px;
  display: flex;
  justify-content: space-between;
}
.feedemand__buttons .raise-demand-btn {
  margin-right: 20px;
}
.feedemand__checkboxes-grades {
  height: calc(100% - 25px);
  overflow-y: auto;
  column-count: 5;
  column-gap: 20px;
}
.feedemand__checkboxes-grades label {
  width: 100%;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.feedemand__checkboxes-grades label:hover {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.feedemand__checkboxes {
  column-count: 5;
  column-gap: 20px;
}
.feedemand__checkboxes label {
  width: 100%;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.feedemand__checkboxes label:hover {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.feedemand__categorydetails-grades {
  height: calc(100% - 20px);
  padding-left: 10px;
}
.feedemand__categorydetails-grades .all-select {
  font-weight: bold;
  margin-left: 10px;
  font-size: 14px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.feedemand__categorydetails {
  height: calc(100% - 35px);
  overflow: auto;
  padding-left: 10px;
}
.feedemand__categorydetails .all-select {
  font-weight: bold;
  margin-left: 10px;
  font-size: 14px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.feedemand__extend-date .MuiFormControl-root {
  margin-top: 10px !important;
}
.feedemand__extend-date--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.feedemand__extend-date--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.feedemand__extend-date--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand__extend-date--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.feedemand__extend-date--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.feedemand__extend-date--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.feedemand__extend-date--textfield {
  width: fit-content !important;
}
.feedemand__grade-reorder {
  height: 100%;
}
.feedemand__grade-reorder--table {
  height: calc(100% - 85px);
  margin-top: 10px;
}

.table__input {
  border-bottom: 1px solid white !important;
  border: none !important;
}

.MuiTypography-root {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--text-color);
}

.MuiFormControlLabel-root {
  margin-left: 0px !important;
}

.MuiButtonBase-root-MuiCheckbox-root {
  padding: 2px !important;
}

.feedemand__table::-webkit-scrollbar,
.feedemand__categorydetails::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.feedemand__table::-webkit-scrollbar-thumb,
.feedemand__categorydetails::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.feedemand__table::-webkit-scrollbar-thumb:hover,
.feedemand__categorydetails::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.copy-demand__label-grid {
  display: grid;
  grid-template-columns: 0.8fr 3fr;
  padding: 5px;
}
.copy-demand__label-grid .MuiAutocomplete-root {
  width: 100%;
}
.copy-demand__tableblock {
  height: calc(100% - 130px);
  overflow-y: auto;
  margin-top: 10px;
}
.copy-demand__table {
  max-height: 100%;
}
.copy-demand__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.copy-demand__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.copy-demand__table tbody {
  background-color: var(--level-1);
}
.copy-demand__table tbody tr:hover {
  background-color: var(--level-2);
}
.copy-demand__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.copy-demand__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.copy-demand__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.copy-demand__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.copy-demand__table--fee {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.copy-demand__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.copy-demand__table--fee {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.copy-demand__table--date {
  width: 12%;
}
.copy-demand__table--th-slno {
  width: 4%;
}
.copy-demand__table--th-fee {
  width: 12%;
}
.copy-demand__table--th-date {
  width: 12%;
}
.copy-demand__button {
  margin-top: 10px;
  display: flex;
  margin-left: auto !important;
  margin-right: 10px !important;
}

.feedemand__delete {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.feedemand__delete--block {
  height: 155px;
  column-gap: 20px;
}
.feedemand__delete--block .account-frames {
  margin: 0px 0px 0px 0px !important;
}
.feedemand__delete--block .MuiFormControl-root {
  margin-top: 3px !important;
}
.feedemand__delete--block Label {
  margin-top: 5px;
}
.feedemand__delete--tableblock {
  margin-top: 5px;
  height: calc(100% - 205px);
}
.feedemand__delete--table {
  max-height: 100%;
}
.feedemand__delete--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feedemand__delete--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feedemand__delete--table td img:hover,
.feedemand__delete--table td a:hover {
  cursor: pointer;
}
.feedemand__delete--table tbody {
  background-color: var(--level-1);
}
.feedemand__delete--table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemand__delete--table tbody tr:hover td {
  color: var(--level-7);
}
.feedemand__delete--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feedemand__delete--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feedemand__delete--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.feedemand__delete--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.feedemand__delete--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.feedemand__delete--table {
  height: calc(100% - 30px) !important;
  margin-top: 5px;
}
.feedemand__delete--table--regno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand__delete--table--amt {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.feedemand__delete--table--th-regno {
  width: 10%;
}
.feedemand__delete--table--th-amt {
  width: 10%;
}
.feedemand__delete--table--actions {
  width: 5%;
}
.feedemand__delete--table--desc {
  width: 8%;
}
.feedemand__delete--buttons {
  margin-left: 10px;
}
.feedemand__delete--slno {
  width: 4%;
}
.feedemand__delete--total {
  text-align: right;
}

.student-demand {
  height: calc(100% - 70px);
}
.student-demand__details {
  height: calc(100% - 115px);
  column-gap: 30px;
  margin-top: 10px;
  border-top: 1px dashed var(--border-color);
}
.student-demand__details--autocomplete {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
  gap: 20px;
  margin-top: 10px;
}
.student-demand__details--autocomplete .MuiFormLabel-root {
  z-index: 6 !important;
}
.student-demand__details--autocomplete--buttons Button {
  margin-top: 0px;
}
.student-demand__details--fetchAutocomplete {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
}
.student-demand__details--fetchAutocomplete .MuiFormLabel-root {
  z-index: 6 !important;
}
.student-demand__details--fetchAutocomplete .storybook-button {
  margin-top: 0px;
  width: 120px !important;
}
.student-demand__details--switch {
  margin: 3px 10px;
}
.student-demand__details--switch .MuiSwitch-root {
  margin-left: 10px !important;
}
.student-demand__details--options {
  height: 100px;
  column-gap: 30px;
}
.student-demand__details--frames {
  height: 100%;
}
.student-demand__options {
  display: grid;
  grid-template-columns: 0.5fr 3.5fr;
  padding: 5px;
}
.student-demand__options Label {
  margin-top: 5px !important;
}
.student-demand__options .MuiAutocomplete-root {
  width: 100%;
}
.student-demand__options--button {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
.student-demand .MuiFormControl-root {
  margin-top: 3px !important;
}
.student-demand__pendinglist {
  padding-top: 2px;
}
.student-demand__tableblock {
  height: 100%;
}
.student-demand__title {
  color: var(--level-5);
  display: flex;
  justify-content: center;
  margin-top: 0px;
}
.student-demand__pending {
  height: 115px;
  overflow: hidden;
}
.student-demand__pending--table {
  max-height: 100%;
}
.student-demand__pending--table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.student-demand__pending--table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.student-demand__pending--table tbody {
  background-color: var(--level-1);
}
.student-demand__pending--table tbody tr:hover {
  background-color: var(--level-2);
}
.student-demand__pending--table tbody tr:hover td {
  color: var(--level-7) !important;
}
.student-demand__pending--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.student-demand__pending--table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.student-demand__pending--table {
  height: calc(100% - 20px);
}
.student-demand__pending--table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand__pending--table__class {
  width: 45%;
}
.student-demand__pending--table__pending {
  width: 45%;
}
.student-demand__pending--view {
  height: calc(100% - 30px);
}
.student-demand__table {
  max-height: 100%;
}
.student-demand__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.student-demand__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.student-demand__table tbody {
  background-color: var(--level-1);
}
.student-demand__table tbody tr:hover {
  background-color: var(--level-2);
}
.student-demand__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.student-demand__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.student-demand__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.student-demand__table {
  height: calc(100% - 30px);
}
.student-demand__table--th-slno {
  width: 4%;
}
.student-demand__table--th-amt {
  width: 8%;
}
.student-demand__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand__table--amt {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand__table--desc {
  width: 12%;
}
.student-demand__table--status {
  width: 5%;
}
.student-demand__gridradio {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.student-demand__tabledata-unraised {
  height: calc(100% - 30px);
}

.view-feedemand {
  height: calc(100% - 78px);
}
.view-feedemand__button {
  display: block;
  margin-left: auto;
  margin-right: 10px;
}
.view-feedemand__options {
  margin-top: 5px;
  display: flex;
  gap: 10px;
}
.view-feedemand__buttons {
  margin: 5px 0px 10px 10px;
}
.view-feedemand .tree-view {
  margin-top: 0px;
}
.view-feedemand__table-view {
  height: calc(100% - 50px);
  overflow: auto;
  margin-top: 10px;
}
.view-feedemand__block1, .view-feedemand__block2 {
  border-radius: 15px;
  padding: 10px;
}
.view-feedemand__block2 {
  margin-top: 10px;
}
.view-feedemand__table--pink {
  max-height: 100%;
}
.view-feedemand__table--pink th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.view-feedemand__table--pink td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.view-feedemand__table--pink tbody {
  background-color: var(--level-1);
}
.view-feedemand__table--pink tbody tr:hover {
  background-color: var(--level-2);
}
.view-feedemand__table--pink tbody tr:hover td {
  color: var(--level-7) !important;
}
.view-feedemand__table--pink tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.view-feedemand__table--pink tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.view-feedemand__table--pink tfoot {
  background-color: var(--level-1);
}
.view-feedemand__table--pink--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-feedemand__table--pink--fee {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-feedemand__table--pink--th-slno {
  width: 6%;
}
.view-feedemand__table--pink--th-fee {
  width: 12%;
}
.view-feedemand__table--green {
  max-height: 100%;
}
.view-feedemand__table--green th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.view-feedemand__table--green td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.view-feedemand__table--green tbody {
  background-color: var(--level-1);
}
.view-feedemand__table--green tbody tr:hover {
  background-color: var(--level-2);
}
.view-feedemand__table--green tbody tr:hover td {
  color: var(--level-7) !important;
}
.view-feedemand__table--green tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.view-feedemand__table--green tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.view-feedemand__table--green tfoot {
  background-color: var(--level-1);
}

.view-feedemand__table-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.view-feedemand__table-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.view-feedemand__table-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.extend-feedemand {
  height: calc(100% - 30px);
}
.extend-feedemand__button {
  display: flex;
  justify-content: flex-end;
}
.extend-feedemand__button .storybook-button {
  margin: 0px 0px 0px 0px !important;
}
.extend-feedemand__options {
  margin-top: 10px;
  column-gap: 10px;
}
.extend-feedemand__table {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.extend-feedemand__table--input .MuiInputBase-root {
  margin: 2px !important;
}
.extend-feedemand__table--input .MuiInputBase-input {
  padding: 2px 14px !important;
}

.demand-summary {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.demand-summary__modal {
  margin: 0px;
  height: calc(100% - 30px);
}
.demand-summary__tableblock {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.demand-summary__tableblock--modal {
  height: calc(100% - 90px);
}
.demand-summary__tableblock tr:hover .demand-summary__tableblock--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.demand-summary__tableblock--table {
  max-height: 100%;
}
.demand-summary__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.demand-summary__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.demand-summary__tableblock--table td img:hover,
.demand-summary__tableblock--table td a:hover {
  cursor: pointer;
}
.demand-summary__tableblock--table tbody {
  background-color: var(--level-1);
}
.demand-summary__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.demand-summary__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.demand-summary__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.demand-summary__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.demand-summary__tableblock--table {
  border-radius: 20px 20px 0px 0px;
}
.demand-summary__tableblock--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary__tableblock--table--type {
  width: 8%;
}
.demand-summary__tableblock--table--number {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary__tableblock--table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary__tableblock--table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary__tableblock--table--status {
  width: 4%;
}
.demand-summary__tableblock--table--th-number {
  width: 8%;
}
.demand-summary__tableblock--table--th-amount {
  width: 8%;
}
.demand-summary__tableblock--table--th-admno {
  width: 8%;
}
.demand-summary__tableblock--table--th-status {
  width: 4%;
}
.demand-summary__std-complete-fee-receipt {
  height: calc(100% - 45px);
}

.demand-summary-treeview__tree-view--title, .demand-summary-treeview__tree-view__level-5--title, .demand-summary-treeview__tree-view__level-4--title, .demand-summary-treeview__tree-view__level-3--title, .demand-summary-treeview__tree-view__level-2--title, .demand-summary-treeview__tree-view__level-1--title, .demand-summary-treeview__tree-view--header--title {
  font-family: "Josefin Sans" !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}

.demand-summary-treeview__tree-view--amount, .demand-summary-treeview__tree-view--header--a-title {
  font-size: 14px;
  text-align: center;
  min-width: 200px;
  max-width: 200px;
}

.demand-summary-treeview__tree-view--count {
  font-size: 14px;
  text-align: center;
  min-width: 100px;
  max-width: 100px;
}

.demand-summary-treeview {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.demand-summary-treeview__modal {
  height: calc(100% - 30px);
  margin: 0px;
}
.demand-summary-treeview__datablock, .demand-summary-treeview__datablock--modal {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.demand-summary-treeview__datablock--modal {
  height: calc(100% - 55px) !important;
}
.demand-summary-treeview__tree-view {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px;
  height: 100%;
  overflow: auto;
}
.demand-summary-treeview__tree-view--header {
  margin-bottom: 0px !important;
  margin-bottom: 10px;
}
.demand-summary-treeview__tree-view--header--title {
  min-width: 350px !important;
  max-width: 350px !important;
}
.demand-summary-treeview__tree-view--header--c-title {
  min-width: 100px;
  max-width: 100px;
}
.demand-summary-treeview__tree-view--header--c-title span {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.demand-summary-treeview__tree-view--header--a-title {
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary-treeview__tree-view--header--a-title span {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.demand-summary-treeview__tree-view--header--li {
  display: flex;
  column-gap: 5px;
  padding: 5px;
}
.demand-summary-treeview__tree-view li {
  padding: 2px;
  display: flex;
  column-gap: 5px;
  border-radius: 6px;
  width: fit-content;
}
.demand-summary-treeview__tree-view li:hover {
  background-color: var(--level-2);
}
.demand-summary-treeview__tree-view li:focus {
  background-color: var(--level-4);
  color: white;
}
.demand-summary-treeview__tree-view--count {
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary-treeview__tree-view--amount, .demand-summary-treeview__tree-view--header--a-title {
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-summary-treeview__tree-view__level-1 {
  height: calc(100% - 50px);
}
.demand-summary-treeview__tree-view__level-1--li {
  border: 1.5px dashed var(--border-color);
}
.demand-summary-treeview__tree-view__level-1--title {
  min-width: 350px !important;
  max-width: 350px !important;
  font-family: "Josefin Sans" !important;
}
.demand-summary-treeview__tree-view__level-2--title {
  min-width: 325px !important;
  max-width: 325px !important;
}
.demand-summary-treeview__tree-view__level-2--li {
  border-left: 1.5px dashed var(--border-color);
  border-bottom: 1.5px dashed var(--border-color);
  border-right: 1.5px dashed var(--border-color);
}
.demand-summary-treeview__tree-view__level-3--title {
  min-width: 300px !important;
  max-width: 300px !important;
}
.demand-summary-treeview__tree-view__level-4--title {
  min-width: 275px !important;
  max-width: 275px !important;
}
.demand-summary-treeview__tree-view__level-5--title {
  min-width: 250px !important;
  max-width: 250px !important;
}
.demand-summary-treeview__icons {
  display: flex !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  column-gap: 10px;
  background: #f1f5f9;
  border-radius: 5px;
  padding: 5px;
  width: fit-content;
}
.demand-summary-treeview__icons .active {
  background: var(--level-5);
  border-radius: 6px;
}
.demand-summary-treeview__icons .active img {
  filter: invert(100%);
}

.demand-summary-treeview__tree-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.demand-summary-treeview__tree-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.demand-summary-treeview__tree-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.feedemandview {
  height: calc(100% - 85px);
  overflow: auto;
}
.feedemandview__rightblock {
  height: 100%;
  overflow: auto;
}
.feedemandview__button {
  margin-left: 20px;
  padding: 5px;
}
.feedemandview .total {
  background-color: inherit !important;
}
.feedemandview__generate Button {
  margin: -2px 10px 10px 10px;
}
.feedemandview__block1, .feedemandview__block2 {
  border-radius: 15px;
  padding: 10px;
}
.feedemandview__block2 {
  margin-top: 10px;
}
.feedemandview__table--pink {
  max-height: 100%;
}
.feedemandview__table--pink th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.feedemandview__table--pink td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.feedemandview__table--pink tbody {
  background-color: var(--level-1);
}
.feedemandview__table--pink tbody tr:hover {
  background-color: var(--level-2);
}
.feedemandview__table--pink tbody tr:hover td {
  color: var(--level-7) !important;
}
.feedemandview__table--pink tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.feedemandview__table--pink tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.feedemandview__table--green {
  max-height: 100%;
}
.feedemandview__table--green th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.feedemandview__table--green td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.feedemandview__table--green tbody {
  background-color: var(--level-1);
}
.feedemandview__table--green tbody tr:hover {
  background-color: var(--level-2);
}
.feedemandview__table--green tbody tr:hover td {
  color: var(--level-7) !important;
}
.feedemandview__table--green tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.feedemandview__table--green tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.feedemandview__table {
  max-height: 100%;
}
.feedemandview__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.feedemandview__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.feedemandview__table td img:hover,
.feedemandview__table td a:hover {
  cursor: pointer;
}
.feedemandview__table tbody {
  background-color: var(--level-1);
}
.feedemandview__table tbody tr:hover {
  background-color: var(--level-2);
}
.feedemandview__table tbody tr:hover td {
  color: var(--level-7);
}
.feedemandview__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.feedemandview__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.feedemandview__total {
  text-align: right;
}

.feedemandview__rightblock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.feedemandview__rightblock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.feedemandview__rightblock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.feedemandview::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.feedemandview::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.feedemandview::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.pendingdemand-view {
  height: calc(100% - 150px);
  border: 2px solid #dedede;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  overflow: auto;
}
.pendingdemand-view__buttons {
  margin-left: 10px;
}
.pendingdemand-view__table {
  max-height: 100%;
}
.pendingdemand-view__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.pendingdemand-view__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.pendingdemand-view__table td img:hover,
.pendingdemand-view__table td a:hover {
  cursor: pointer;
}
.pendingdemand-view__table tbody {
  background-color: var(--level-1);
}
.pendingdemand-view__table tbody tr:hover {
  background-color: var(--level-2);
}
.pendingdemand-view__table tbody tr:hover td {
  color: var(--level-7);
}
.pendingdemand-view__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.pendingdemand-view__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.pendingdemand-view__block1 {
  background-color: #fdf2f8;
  border-radius: 20px;
  padding: 10px;
}
.pendingdemand-view__block1 tr:nth-child(even) {
  background-color: #fdf2f8;
}
.pendingdemand-view__block2 {
  background-color: #faf5ff;
  border-radius: 20px;
  padding: 10px;
  margin-top: 10px;
}
.pendingdemand-view__block2 tr:nth-child(even) {
  background-color: #faf5ff;
}
.pendingdemand-view__block3 {
  background-color: #f0f9ff;
  border-radius: 20px;
  padding: 10px;
  margin-top: 10px;
}
.pendingdemand-view__block3 tr:nth-child(even) {
  background-color: #f0f9ff;
}
.pendingdemand-view__block4 {
  background-color: #ede9fe;
  border-radius: 20px;
  padding: 10px;
  margin-top: 10px;
}
.pendingdemand-view__block4 tr:nth-child(even) {
  background-color: #ede9fe;
}
.pendingdemand-view__block5 {
  background-color: #fefce8;
  border-radius: 20px;
  padding: 10px;
  margin-top: 10px;
}
.pendingdemand-view__block5 tr:nth-child(even) {
  background-color: #fefce8;
}

.pendingdemand-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.pendingdemand-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.pendingdemand-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.outstandingbalance_oneline {
  display: grid;
  grid-template-columns: 0.38fr 2.75fr 1fr;
  column-gap: 5px;
}

.accountingledger {
  height: calc(100% - 175px);
  margin: 10px 20px 0px 20px;
}
.accountingledger__modal {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.accountingledger__block {
  height: calc(100% - 45px);
  column-gap: 20px;
}
.accountingledger__block--frames {
  border: 1px solid #cbd5e0;
  padding: 5px 10px 10px 5px;
  border-radius: 6px;
  height: 100%;
}
.accountingledger__block--frames--data {
  height: 100%;
  overflow: auto;
}
.accountingledger__block--view {
  border: 1px solid #cbd5e0;
  padding: 5px 10px 10px 5px;
  border-radius: 6px;
  height: 100%;
}
.accountingledger__block--view .tree-view {
  margin-top: 0px !important;
}
.accountingledger__options {
  margin: 10px;
}

.accountingledger__block--frames--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.accountingledger__block--frames--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.accountingledger__block--frames--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.reorder-accountledger__tableblock {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.reorder-accountledger__tableblock--modal {
  height: calc(100% - 122px);
  margin-top: 10px;
}
.reorder-accountledger__tableblock--table {
  max-height: 100%;
}
.reorder-accountledger__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.reorder-accountledger__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.reorder-accountledger__tableblock--table td img:hover,
.reorder-accountledger__tableblock--table td a:hover {
  cursor: pointer;
}
.reorder-accountledger__tableblock--table tbody {
  background-color: var(--level-1);
}
.reorder-accountledger__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.reorder-accountledger__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.reorder-accountledger__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.reorder-accountledger__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.reorder-accountledger__tableblock--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}

.eduate-account-ledger {
  margin: 0px 20px;
  height: calc(100% - 185px);
}
.eduate-account-ledger__modal {
  height: calc(100% - 40px);
}
.eduate-account-ledger__tableblock {
  margin-top: 10px;
  height: calc(100% - 80px);
}
.eduate-account-ledger__tableblock td {
  height: 30px;
}
.eduate-account-ledger__table {
  max-height: 100%;
}
.eduate-account-ledger__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.eduate-account-ledger__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.eduate-account-ledger__table td img:hover,
.eduate-account-ledger__table td a:hover {
  cursor: pointer;
}
.eduate-account-ledger__table tbody {
  background-color: var(--level-1);
}
.eduate-account-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.eduate-account-ledger__table tbody tr:hover td {
  color: var(--level-7);
}
.eduate-account-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.eduate-account-ledger__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.eduate-account-ledger__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.eduate-account-ledger__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.eduate-account-ledger__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.eduate-account-ledger__table--actions {
  width: 8%;
}
.eduate-account-ledger__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-account-ledger__select {
  column-gap: 10px;
  margin-top: 10px;
}
.eduate-account-ledger__select .storybook-input {
  margin-top: 0px !important;
}
.eduate-account-ledger__select .storybook-button {
  margin-top: 0px !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}
.eduate-account-ledger__total {
  text-align: right;
}
.eduate-account-ledger__total .student-total-count {
  margin: 10px 0px 0px 0px !important;
}

.feeledger {
  height: calc(100% - 150px);
  margin: 0px 10px 0px 10px;
}
.feeledger .label-grid {
  display: grid;
  grid-template-columns: 1fr 2fr !important;
}
.feeledger__block {
  height: calc(100% - 60px);
}
.feeledger__block--tree {
  height: calc(100% - 10px);
}
.feeledger__buttons {
  margin-left: 10px;
}

.reorder-feeledger__tableblock {
  height: calc(100% - 122px);
  margin-top: 10px;
}
.reorder-feeledger__tableblock--table {
  max-height: 100%;
}
.reorder-feeledger__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.reorder-feeledger__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.reorder-feeledger__tableblock--table td img:hover,
.reorder-feeledger__tableblock--table td a:hover {
  cursor: pointer;
}
.reorder-feeledger__tableblock--table tbody {
  background-color: var(--level-1);
}
.reorder-feeledger__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.reorder-feeledger__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.reorder-feeledger__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.reorder-feeledger__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.reorder-feeledger__tableblock--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}

.group-ledger {
  height: calc(100% - 150px);
  margin: 0px 10px 0px 10px;
}
.group-ledger__blocks {
  height: calc(100% - 70px);
  margin-bottom: 10px;
}
.group-ledger__frames {
  height: 100%;
}
.group-ledger__btns {
  margin-left: 10px;
}

.reorder-groupledger__tableblock {
  height: calc(100% - 220px);
  margin: 10px 20px 0px 20px;
}
.reorder-groupledger__tableblock--table {
  max-height: 100%;
}
.reorder-groupledger__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.reorder-groupledger__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.reorder-groupledger__tableblock--table td img:hover,
.reorder-groupledger__tableblock--table td a:hover {
  cursor: pointer;
}
.reorder-groupledger__tableblock--table tbody {
  background-color: var(--level-1);
}
.reorder-groupledger__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.reorder-groupledger__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.reorder-groupledger__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.reorder-groupledger__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.reorder-groupledger__tableblock--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.reorder-groupledger__total {
  text-align: right;
}

.delete-account-ledger {
  height: calc(100% - 75px);
}
.delete-account-ledger__tableblock {
  height: calc(100% - 40px);
}
.delete-account-ledger__table {
  max-height: 100%;
}
.delete-account-ledger__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.delete-account-ledger__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.delete-account-ledger__table td img:hover,
.delete-account-ledger__table td a:hover {
  cursor: pointer;
}
.delete-account-ledger__table tbody {
  background-color: var(--level-1);
}
.delete-account-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.delete-account-ledger__table tbody tr:hover td {
  color: var(--level-7);
}
.delete-account-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.delete-account-ledger__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.delete-account-ledger__table {
  margin-top: 10px;
}
.delete-account-ledger__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-account-ledger__table--th-slno {
  width: 8%;
}
.delete-account-ledger__table--actions {
  width: 12%;
}
.delete-account-ledger__total {
  text-align: right;
}

.delete-account-ledger__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.delete-account-ledger__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.delete-account-ledger__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.receipt-payment-account {
  height: calc(100% - 220px);
  margin: 0px 20px 0px 20px;
}
.receipt-payment-account__modal {
  height: calc(100% - 75px);
  margin: 0px;
}
.receipt-payment-account__modal--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.receipt-payment-account__modal--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.receipt-payment-account__modal--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.receipt-payment-account__modal--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.receipt-payment-account__modal--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.receipt-payment-account__modal--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.receipt-payment-account__modal--textfield {
  width: fit-content !important;
}
.receipt-payment-account__modal--tableblock {
  margin-top: 10px;
  height: calc(100% - 70px);
  column-gap: 30px;
}
.receipt-payment-account__modal--year {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0px;
}
.receipt-payment-account__tableblock {
  margin-top: 10px;
  height: calc(100% - 40px);
  column-gap: 30px;
}
.receipt-payment-account__tableblock--table {
  max-height: 100%;
}
.receipt-payment-account__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.receipt-payment-account__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.receipt-payment-account__tableblock--table td img:hover,
.receipt-payment-account__tableblock--table td a:hover {
  cursor: pointer;
}
.receipt-payment-account__tableblock--table tbody {
  background-color: var(--level-1);
}
.receipt-payment-account__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.receipt-payment-account__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.receipt-payment-account__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.receipt-payment-account__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.receipt-payment-account__tableblock--table tr:hover .receipt-payment-account__tableblock--table--desc {
  text-decoration: underline !important;
  cursor: pointer;
}
.receipt-payment-account__tableblock--table--amount {
  width: 160px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.receipt-payment-account__tableblock--table--th-amount {
  width: 160px !important;
}
.receipt-payment-account__tableblock--table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.receipt-payment-account__tableblock--table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.receipt-payment-account__tableblock--table--groupheader Input {
  margin: auto;
  height: 28px;
}
.receipt-payment-account__tableblock--table--groupheader th {
  text-align: left !important;
  padding-left: 10px;
}
.receipt-payment-account__tableblock--table--subheader th {
  top: 30px;
}
.receipt-payment-account__tableblock--table--rowheader {
  background-color: var(--bg-color);
}
.receipt-payment-account__tableblock--table--rowheader td {
  text-align: center !important;
  border-bottom: 2px dashed var(--border-color) !important;
  border-right: none !important;
  padding: 6px;
  color: var(--level-6) !important;
  font-weight: 600;
}
.receipt-payment-account__tableblock--table--rowheader td:hover {
  background-color: var(--bg-color) !important;
}
.receipt-payment-account__tableblock--table--total {
  background-color: var(--bg-color);
}
.receipt-payment-account__tableblock--table--total td {
  border-style: none !important;
}
.receipt-payment-account__tableblock--table--total:hover td {
  background-color: var(--bg-color) !important;
}
.receipt-payment-account__footer {
  height: 25px;
  column-gap: 30px;
  padding-top: 10px;
}
.receipt-payment-account__footer--total {
  border-top: 1.8px dashed var(--border-color);
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
}
.receipt-payment-account__footer--total--count, .receipt-payment-account__footer--total--text {
  width: 180px;
  color: var(--text-color);
  text-align: right;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  font-weight: 600;
  padding-right: 5px;
  background: #4ade80;
}
.receipt-payment-account__footer--total--text {
  width: 140px;
  font-family: "Josefin Sans" !important;
  background: var(--bg-color);
}
.receipt-payment-account__difference-amount {
  font-size: 14px;
  font-weight: normal;
  font-family: "Josefin Sans" !important;
  margin-top: 5px;
}

.balance-reports {
  margin-left: 10px;
}
.balance-reports__index {
  height: calc(100% - 70px);
  margin: 10px 20px 10px 20px;
  width: 250px;
}
.balance-reports__tableblock {
  width: 200px;
  height: calc(100% - 30px);
}
.balance-reports__table {
  max-height: 100%;
}
.balance-reports__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.balance-reports__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.balance-reports__table tbody {
  background-color: var(--level-1);
}
.balance-reports__table tbody tr:hover {
  background-color: var(--level-2);
}
.balance-reports__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.balance-reports__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.balance-reports__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.balance-reports__table tr:hover .bank-book__table--ledger {
  text-decoration: underline !important;
  cursor: pointer;
}
.balance-reports__table .active {
  color: var(--level-4);
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='18'%20viewBox='0%200%2013%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%209L-4.76837e-07%2018L-4.76837e-07%200L13%209Z'%20fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position-x: 0px 50px;
  padding-left: 20px;
}
.balance-reports__list {
  height: calc(100% - 30px);
}

.fee-balance-reports {
  height: calc(100% - 220px);
  margin: 10px 20px 0px 20px;
  display: flex;
}
.fee-balance-reports__tableblock {
  width: 250px;
  border-right: 1px solid white;
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
  height: 100%;
}
.fee-balance-reports__reportblock {
  height: 100%;
  width: calc(100% - 250px);
}
.fee-balance-reports__reportblock--details {
  border: 2px dashed #e2e8f0;
  margin: 10px 0px 0px 10px;
  height: calc(100% - 80px);
  padding: 10px;
}
.fee-balance-reports__reportblock--filter-options {
  margin: 5px 0px 0px 10px;
  column-gap: 10px;
}
.fee-balance-reports__reportblock--filter-options--search {
  margin-top: 0px;
}
.fee-balance-reports__buttons {
  margin-left: 20px;
}
.fee-balance-reports__select-options .MuiAutocomplete-root {
  margin-left: 10px !important;
  width: calc(100% - 10px) !important;
}
.fee-balance-reports__select-options2 {
  margin-top: 10px;
  column-gap: 10px;
}
.fee-balance-reports__select-options2 .MuiAutocomplete-tag {
  height: 20px !important;
}
.fee-balance-reports__select-options2 #search {
  margin-top: 0px !important;
  margin-left: 10px;
  width: calc(100% - 10px) !important;
}
.fee-balance-reports__select-options2 .MuiAutocomplete-root {
  width: calc(100% - 10px) !important;
}
.fee-balance-reports__select-options2 .MuiTextField-root {
  margin-top: 0px !important;
}
.fee-balance-reports__auto-complete {
  width: 450px;
  height: 30px;
  text-overflow: ellipsis;
}
.fee-balance-reports__auto-complete .MuiOutlinedInput-notchedOutline {
  border-width: 1px !important;
}
.fee-balance-reports__total {
  text-align: right;
}

.trial-balance {
  height: calc(100% - 215px);
  margin: 5px 20px 0px 20px;
}
.trial-balance__tableblock {
  margin-top: 10px;
  height: calc(100% - 42px);
}
.trial-balance__tableblock--table {
  max-height: 100%;
}
.trial-balance__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.trial-balance__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.trial-balance__tableblock--table td img:hover,
.trial-balance__tableblock--table td a:hover {
  cursor: pointer;
}
.trial-balance__tableblock--table tbody {
  background-color: var(--level-1);
}
.trial-balance__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.trial-balance__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.trial-balance__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.trial-balance__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.trial-balance__tableblock--table--first-row td {
  font-size: 14px !important;
  font-weight: 500;
}
.trial-balance__tableblock--table--first-level-row {
  background-color: var(--bg-color);
}
.trial-balance__tableblock--table--first-level-row--name {
  padding-left: 30px !important;
}
.trial-balance__tableblock--table--first-level-row td {
  font-size: 14px !important;
  border-bottom: none !important;
}
.trial-balance__tableblock--table--second-level-row {
  background-color: var(--bg-color);
}
.trial-balance__tableblock--table--second-level-row td {
  color: var(--level-6) !important;
  border-bottom: none !important;
  font-size: 12px !important;
  font-weight: 500;
}
.trial-balance__tableblock--table--second-level-row--name {
  padding-left: 80px !important;
}
.trial-balance__tableblock--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.trial-balance__tableblock--table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.trial-balance__tableblock--table--th-amount {
  width: 10%;
}
.trial-balance__tableblock--table--th-slno {
  width: 4%;
}
.trial-balance__tableblock--table--status {
  width: 6%;
}
.trial-balance__tableblock--table tfoot td {
  font-size: 14px !important;
  font-weight: 500 !important;
  border-right: 1px solid var(--border-color) !important;
}
.trial-balance__datefield {
  display: flex;
  gap: 10px;
}
.trial-balance__datefield--filter-date {
  border-right: 4px solid var(--level-4);
  margin-right: 20px;
  height: 30px;
}
.trial-balance__datefield--filter-date .LabelPrimary {
  margin: 5px 10px 0px 0px;
}
.trial-balance__datefield--filter-date Input[type=checkbox] {
  margin-right: 30px;
}
.trial-balance__datefield--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.trial-balance__datefield--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.trial-balance__datefield--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.trial-balance__datefield--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.trial-balance__datefield--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.trial-balance__datefield--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.trial-balance__datefield--textfield {
  width: fit-content !important;
}
.trial-balance__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.trial-balance__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.trial-balance__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.trial-balance__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.trial-balance__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.trial-balance__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.trial-balance__textfield {
  width: fit-content !important;
}

.bank-reconcilation {
  display: flex;
  height: calc(100% - 130px);
  gap: 20px;
  margin: 0px 20px 0px 20px;
}
.bank-reconcilation__listblock {
  width: 250px;
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
}
.bank-reconcilation__tableblock {
  width: calc(100% - 270px);
}
.bank-reconcilation__tableblock--monthly-total {
  height: 50%;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.bank-reconcilation__tableblock--transaction-details {
  margin-top: 10px;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
  height: calc(50% - 10px);
}
.bank-reconcilation__tableblock--transaction-details--table {
  max-height: 100%;
}
.bank-reconcilation__tableblock--transaction-details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.bank-reconcilation__tableblock--transaction-details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.bank-reconcilation__tableblock--transaction-details--table td img:hover,
.bank-reconcilation__tableblock--transaction-details--table td a:hover {
  cursor: pointer;
}
.bank-reconcilation__tableblock--transaction-details--table tbody {
  background-color: var(--level-1);
}
.bank-reconcilation__tableblock--transaction-details--table tbody tr:hover {
  background-color: var(--level-2);
}
.bank-reconcilation__tableblock--transaction-details--table tbody tr:hover td {
  color: var(--level-7);
}
.bank-reconcilation__tableblock--transaction-details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.bank-reconcilation__tableblock--transaction-details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.bank-reconcilation__tableblock--transaction-details--table {
  height: calc(100% - 88px);
}
.bank-reconcilation__tableblock--transaction-details--table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-reconcilation__tableblock--transaction-details--table--voucher-type {
  width: 14%;
}
.bank-reconcilation__tableblock--transaction-details--table--voucher-number {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-reconcilation__tableblock--transaction-details--table--amount {
  width: 16%;
  font-family: "Spline Sans Mono", monospace !important;
}
.bank-reconcilation__tableblock--transaction-details--title {
  display: flex;
  justify-content: space-between;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.bank-reconcilation__tableblock--transaction-details--title--textfield {
  width: fit-content !important;
}
.bank-reconcilation__tableblock--transaction-details--title .LabelPrimary {
  margin-top: 0px !important;
}
.bank-reconcilation__tableblock--transaction-details--title input[type=checkbox] {
  margin-right: 10px;
}

.fee-receipt-book {
  height: calc(100% - 215px);
  display: flex;
  gap: 20px;
  margin: 5px 20px 0px 20px;
}
.fee-receipt-book__typesblock {
  width: 250px;
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
}
.fee-receipt-book__typesblock--table {
  max-height: 100%;
}
.fee-receipt-book__typesblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fee-receipt-book__typesblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fee-receipt-book__typesblock--table td img:hover,
.fee-receipt-book__typesblock--table td a:hover {
  cursor: pointer;
}
.fee-receipt-book__typesblock--table tbody {
  background-color: var(--level-1);
}
.fee-receipt-book__typesblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.fee-receipt-book__typesblock--table tbody tr:hover td {
  color: var(--level-7);
}
.fee-receipt-book__typesblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fee-receipt-book__typesblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fee-receipt-book__typesblock--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.fee-receipt-book__typesblock--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.fee-receipt-book__typesblock--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.fee-receipt-book__typesblock--table tr:hover .bank-book__table--ledger {
  text-decoration: underline !important;
  cursor: pointer;
}
.fee-receipt-book__tableblock {
  padding: 5px;
  width: calc(100% - 270px);
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.fee-receipt-book__tableblock--title {
  display: flex;
  gap: 10px;
}
.fee-receipt-book__tableblock--title .storybook-input {
  margin-top: 0px !important;
}
.fee-receipt-book__tableblock--title .subtitle1 {
  text-align: left;
  margin-left: 20px;
}
.fee-receipt-book__tableblock--title--datefield {
  display: flex;
  justify-content: flex-end;
}
.fee-receipt-book__tableblock--title--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.fee-receipt-book__tableblock--title--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.fee-receipt-book__tableblock--title--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.fee-receipt-book__tableblock--title--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.fee-receipt-book__tableblock--title--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.fee-receipt-book__tableblock--title--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.fee-receipt-book__tableblock--title--textfield {
  margin: 0px 10px 0px 0px !important;
}
.fee-receipt-book__tableblock--title--textfield input {
  color: var(--text-color) !important;
  font-weight: 400 !important;
}
.fee-receipt-book__tableblock--title--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.fee-receipt-book__tableblock--title--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.fee-receipt-book__tableblock--title--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.fee-receipt-book__tableblock--title--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.fee-receipt-book__tableblock--title--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.fee-receipt-book__tableblock--title--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.fee-receipt-book__tableblock--title--textfield--date {
  margin: 0px 10px 0px 0px !important;
  width: fit-content !important;
}
.fee-receipt-book__tableblock--title--textfield--date input {
  color: var(--text-color) !important;
  font-weight: 400 !important;
}
.fee-receipt-book__tableblock--table {
  max-height: 100%;
}
.fee-receipt-book__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fee-receipt-book__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fee-receipt-book__tableblock--table td img:hover,
.fee-receipt-book__tableblock--table td a:hover {
  cursor: pointer;
}
.fee-receipt-book__tableblock--table tbody {
  background-color: var(--level-1);
}
.fee-receipt-book__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.fee-receipt-book__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.fee-receipt-book__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fee-receipt-book__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fee-receipt-book__tableblock--table tr:hover .fee-receipt-book__tableblock--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.fee-receipt-book__tableblock--table {
  margin-top: 10px;
  height: calc(100% - 85px);
}
.fee-receipt-book__tableblock--table--rcptno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-receipt-book__tableblock--table--regno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-receipt-book__tableblock--table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-receipt-book__tableblock--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-receipt-book__tableblock--table--paidthrough {
  width: 12%;
}
.fee-receipt-book__tableblock--table--th-rcptno {
  width: 8%;
}
.fee-receipt-book__tableblock--table--th-regno {
  width: 8%;
}
.fee-receipt-book__tableblock--table--th-date {
  width: 10%;
}
.fee-receipt-book__tableblock--table--th-amount {
  width: 12%;
}
.fee-receipt-book__tableblock--buttons {
  display: flex;
  justify-content: flex-end;
}
.fee-receipt-book__footer {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
.fee-receipt-book__footer--total {
  text-align: right;
}

.payment-general-register {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 220px);
  display: flex;
}
.payment-general-register--modal {
  height: calc(100% - 70px);
}
.payment-general-register__tableblock {
  width: 250px;
  border-right: 1px solid white;
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
  height: 100%;
}
.payment-general-register__tableblock--table {
  max-height: 100%;
}
.payment-general-register__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payment-general-register__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payment-general-register__tableblock--table td img:hover,
.payment-general-register__tableblock--table td a:hover {
  cursor: pointer;
}
.payment-general-register__tableblock--table tbody {
  background-color: var(--level-1);
}
.payment-general-register__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.payment-general-register__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.payment-general-register__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payment-general-register__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payment-general-register__tableblock--table {
  width: 250px;
}
.payment-general-register__tableblock--table tr:hover td {
  text-decoration: underline !important;
  cursor: pointer;
}
.payment-general-register__tableblock--table--li {
  display: flex;
  justify-content: space-between;
}
.payment-general-register__tableblock--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.payment-general-register__tableblock--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.payment-general-register__tableblock--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.payment-general-register__tableblock--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payment-general-register__tableblock--table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payment-general-register__tableblock--table--name {
  width: 15%;
}
.payment-general-register__tableblock--table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payment-general-register__tableblock--table--th-amount {
  width: 12%;
}
.payment-general-register__tableblock--table--th-number {
  width: 10%;
}
.payment-general-register__tableblock--table--th-date {
  width: 10%;
}
.payment-general-register__reportblock, .payment-general-register__reportblock--modal {
  width: calc(100% - 250px);
  height: 100%;
}
.payment-general-register__reportblock--select-options {
  margin-bottom: 10px !important;
  column-gap: 10px;
  margin-left: 10px;
}
.payment-general-register__reportblock--details {
  border: 2px dashed #e2e8f0;
  margin: 10px 0px 0px 10px;
  height: calc(100% - 43px);
  padding: 10px 10px 0px 10px;
}
.payment-general-register__reportblock--details--modal {
  height: calc(100% - 10px);
}
.payment-general-register__reportblock--table {
  max-height: 100%;
}
.payment-general-register__reportblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payment-general-register__reportblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payment-general-register__reportblock--table td img:hover,
.payment-general-register__reportblock--table td a:hover {
  cursor: pointer;
}
.payment-general-register__reportblock--table tbody {
  background-color: var(--level-1);
}
.payment-general-register__reportblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.payment-general-register__reportblock--table tbody tr:hover td {
  color: var(--level-7);
}
.payment-general-register__reportblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payment-general-register__reportblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payment-general-register__reportblock--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.payment-general-register__reportblock--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.payment-general-register__reportblock--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.payment-general-register__reportblock--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.payment-general-register__reportblock--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.payment-general-register__reportblock--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.payment-general-register__reportblock--textfield input {
  font-weight: 400 !important;
}
.payment-general-register__reportblock--textfield--date {
  display: flex;
  gap: 5px;
}
.payment-general-register__reportblock--textfield--date img {
  height: 20px;
}
.payment-general-register__reportblock--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.payment-general-register__reportblock--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.payment-general-register__reportblock--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.payment-general-register__reportblock--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.payment-general-register__reportblock--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.payment-general-register__reportblock--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.payment-general-register__reportblock--textfield--date {
  width: fit-content !important;
  margin: 10px 10px 0px 0px !important;
}
.payment-general-register__reportblock--textfield--date input {
  font-weight: 400 !important;
}
.payment-general-register__reportblock--modal {
  width: 100%;
  height: 100% !important;
}
.payment-general-register__footer {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
.payment-general-register__footer--total {
  text-align: right;
}
.payment-general-register__buttons {
  margin-left: 20px;
}

.balance-sheet {
  height: calc(100% - 220px);
  margin: 0px 20px 0px 20px;
}
.balance-sheet__modal {
  height: calc(100% - 85px);
  margin: 0px;
}
.balance-sheet__modal--textfield {
  width: fit-content !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.balance-sheet__modal--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.balance-sheet__modal--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.balance-sheet__modal--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.balance-sheet__modal--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.balance-sheet__modal--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.balance-sheet__modal--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
  column-gap: 30px;
}
.balance-sheet__modal--year {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0px;
}
.balance-sheet__tableblock {
  margin-top: 10px;
  height: calc(100% - 60px);
  column-gap: 30px;
}
.balance-sheet__tableblock--table {
  max-height: 100%;
}
.balance-sheet__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.balance-sheet__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.balance-sheet__tableblock--table td img:hover,
.balance-sheet__tableblock--table td a:hover {
  cursor: pointer;
}
.balance-sheet__tableblock--table tbody {
  background-color: var(--level-1);
}
.balance-sheet__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.balance-sheet__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.balance-sheet__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.balance-sheet__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.balance-sheet__tableblock--table tr:hover .balance-sheet__tableblock--table--desc {
  text-decoration: underline !important;
  cursor: pointer;
}
.balance-sheet__tableblock--table--amount {
  width: 200px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.balance-sheet__tableblock--table--th-amount {
  width: 200px !important;
}
.balance-sheet__tableblock--table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.balance-sheet__tableblock--table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.balance-sheet__tableblock--table--groupheader Input {
  margin: auto;
  height: 28px;
}
.balance-sheet__tableblock--table--groupheader th {
  text-align: left !important;
  padding-left: 10px;
}
.balance-sheet__tableblock--table--subheader th {
  top: 30px;
}
.balance-sheet__tableblock--table--rowheader {
  background-color: var(--bg-color);
}
.balance-sheet__tableblock--table--rowheader td {
  text-align: center !important;
  border-bottom: 2px dashed var(--border-color) !important;
  border-right: none !important;
  padding: 6px;
  color: var(--level-6) !important;
  font-weight: 600;
}
.balance-sheet__tableblock--table--rowheader td:hover {
  background-color: var(--bg-color) !important;
}
.balance-sheet__tableblock--table--total {
  background-color: var(--bg-color);
}
.balance-sheet__tableblock--table--total td {
  border-style: none !important;
}
.balance-sheet__tableblock--table--total:hover td {
  background-color: var(--bg-color) !important;
}
.balance-sheet__footer {
  height: 25px;
  column-gap: 30px;
  padding-top: 10px;
}
.balance-sheet__footer--total {
  border-top: 1.8px dashed var(--border-color);
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
}
.balance-sheet__footer--total--count, .balance-sheet__footer--total--text {
  width: 220px;
  color: var(--text-color);
  text-align: right;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  font-weight: 600;
  padding-right: 5px;
  background: #4ade80;
}
.balance-sheet__footer--total--text {
  width: 180px;
  font-family: "Josefin Sans" !important;
  background: var(--bg-color);
}
.balance-sheet__difference-amount {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  margin-right: 18px;
  border-top: 1px dashed var(--border-color);
  background-color: var(--level-1);
  padding: 5px;
}
.balance-sheet__difference-amount span {
  font-family: "Josefin Sans" !important;
}
.balance-sheet__difference-amount b {
  font-family: "Spline Sans Mono", monospace !important;
}
.balance-sheet__difference-amount--column {
  column-gap: 20px;
}

.ledger-wise-student-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.ledger-wise-student-report__options {
  column-gap: 10px;
  margin-top: 5px;
}
.ledger-wise-student-report__options--modal {
  column-gap: 10px;
}
.ledger-wise-student-report__tableblock {
  height: calc(100% - 91px);
  margin-top: 10px;
}
.ledger-wise-student-report__tableblock ul {
  margin: 2px !important;
}
.ledger-wise-student-report__table {
  height: 100% !important;
  max-height: 100%;
}
.ledger-wise-student-report__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.ledger-wise-student-report__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.ledger-wise-student-report__table td img:hover,
.ledger-wise-student-report__table td a:hover {
  cursor: pointer;
}
.ledger-wise-student-report__table tbody {
  background-color: var(--level-1);
}
.ledger-wise-student-report__table tbody tr:hover {
  background-color: var(--level-2);
}
.ledger-wise-student-report__table tbody tr:hover td {
  color: var(--level-7);
}
.ledger-wise-student-report__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.ledger-wise-student-report__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.ledger-wise-student-report__table--ledgers {
  font-size: 12px;
}
.ledger-wise-student-report__table--ledgers--total {
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  border-top: 1.8px dashed var(--border-color);
}
.ledger-wise-student-report__table--amount {
  width: 180px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.ledger-wise-student-report__table--slno {
  width: 60px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.ledger-wise-student-report__table--admno {
  width: 100px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.ledger-wise-student-report__table--name {
  width: 250px !important;
}
.ledger-wise-student-report__total {
  text-align: right;
}
.ledger-wise-student-report__total .student-total-count {
  margin: 10px 0px 0px 0px !important;
}

.transport-route-report {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 170px);
}
.transport-route-report__table {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.transport-route-report__export {
  height: calc(100% - 40px);
}
.transport-route-report__export--block {
  height: calc(100% - 30px);
}
.transport-route-report__export--basic-details {
  height: 100%;
}
.transport-route-report__export--parameters {
  height: 100%;
}
.transport-route-report__export--list {
  height: calc(100% - 60px);
  display: flex;
  justify-content: space-around;
  overflow: auto;
}

.feecollected {
  height: calc(100% - 45px);
}
.feecollected--modal {
  height: calc(100% - 70px);
}
.feecollected__tableblock {
  width: 200px;
  border-right: 1px solid white;
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
  height: 100%;
}
.feecollected__reportblock {
  height: 100%;
  width: calc(100% - 200px);
}
.feecollected__reportblock #search {
  margin-top: 0px !important;
}
.feecollected__reportblock--table tr:hover {
  background-color: var(--level-2);
}
.feecollected__reportblock--table tr:hover td {
  color: var(--level-7) !important;
}
.feecollected__reportblock--table tr:hover .feecollected__reportblock--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.feecollected__reportblock--details {
  border: 2px dashed #e2e8f0;
  margin: 10px 0px 0px 10px;
  height: calc(100% - 40px);
  padding: 10px;
}
.feecollected__reportblock--filter-options {
  margin: 5px 0px 0px 10px;
  column-gap: 10px;
}
.feecollected__reportblock--filter-options--search {
  margin-top: 0px;
}
.feecollected__reportblock--date {
  display: flex;
  gap: 10px;
}
.feecollected__reportblock--date .MuiFormControl-root {
  width: fit-content !important;
}
.feecollected__reportblock--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.feecollected__reportblock--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.feecollected__reportblock--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.feecollected__reportblock--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.feecollected__reportblock--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.feecollected__reportblock--textfield {
  margin-top: 0px !important;
}
.feecollected__table {
  margin-top: 10px;
  height: calc(100% - 45px);
}
.feecollected__select-options {
  column-gap: 10px;
}
.feecollected__select-options .storybook-input {
  margin-top: 0px !important;
}
.feecollected__filter-columns {
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  float: right;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.feecollected__total {
  text-align: right;
}
.feecollected__total .student-total-count {
  margin-right: 0px !important;
}

.view-concession-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.view-concession-report__select .storybook-input, .view-concession-report__select .Label {
  margin-top: 0px !important;
}
.view-concession-report__modal {
  height: calc(100% - 30px);
}
.view-concession-report__tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}
.view-concession-report__table {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.view-concession-report__update-ob {
  height: 100%;
}
.view-concession-report__update-ob--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.view-concession-report__update-ob--title img:hover {
  background-color: #f3f4f6;
}
.view-concession-report__update-ob--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}
.view-concession-report__total {
  text-align: right;
}
.view-concession-report__total .student-total-count {
  margin: 10px 0px 0px 20px !important;
}

.ledger-summary {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.ledger-summary__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.ledger-summary__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.ledger-summary__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.ledger-summary__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.ledger-summary__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.ledger-summary__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.ledger-summary__tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.ledger-summary__total {
  text-align: right;
}
.ledger-summary__total .student-total-count {
  margin: 10px 0px 0px 0px !important;
}
.ledger-summary__error {
  text-align: center;
  font-family: "Josefin Sans" !important;
}

.deposit-details {
  height: 100%;
}
.deposit-details__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.deposit-details__title img:hover {
  background-color: #f3f4f6;
}
.deposit-details__block {
  background-color: var(--disabled-color);
  height: 175px;
  width: 350px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  padding: 10px;
  margin-top: 10px;
}
.deposit-details__block--title {
  font-size: 20px;
  text-align: center;
  color: #0284c7;
  font-family: "Josefin Sans" !important;
}
.deposit-details__block--list {
  margin-bottom: 0px !important;
}
.deposit-details__block--list li {
  display: flex;
  justify-content: space-between;
}
.deposit-details__block--list li span {
  font-family: "Josefin Sans" !important;
  color: #475569;
  font-size: 14px;
}
.deposit-details__block--list li b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.deposit-details__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.deposit-details__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.deposit-details__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.deposit-details__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.deposit-details__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.deposit-details__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.deposit-details__tabs {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.deposit-details__tabpanel {
  margin-top: 10px;
  height: calc(100% - 320px);
  overflow: auto;
}
.deposit-details__tabpanel--table {
  max-height: 100%;
}
.deposit-details__tabpanel--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.deposit-details__tabpanel--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.deposit-details__tabpanel--table td img:hover,
.deposit-details__tabpanel--table td a:hover {
  cursor: pointer;
}
.deposit-details__tabpanel--table tbody {
  background-color: var(--level-1);
}
.deposit-details__tabpanel--table tbody tr:hover {
  background-color: var(--level-2);
}
.deposit-details__tabpanel--table tbody tr:hover td {
  color: var(--level-7);
}
.deposit-details__tabpanel--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.deposit-details__tabpanel--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.deposit-details__tabpanel--table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.deposit-details__tabpanel--table--date {
  width: 13%;
  font-family: "Spline Sans Mono", monospace !important;
}
.deposit-details__tabpanel--table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 20%;
}

.all-yr-fee {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.all-yr-fee__details {
  height: 140px;
  column-gap: 20px;
}
.all-yr-fee__details .MuiAutocomplete-root {
  margin-top: 6px;
}
.all-yr-fee__details--profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.all-yr-fee__details--profile {
  width: 100%;
  height: calc(100% - 10px) !important;
}
.all-yr-fee__details--flex {
  display: flex;
  column-gap: 5px;
}
.all-yr-fee__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.all-yr-fee__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.all-yr-fee__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.all-yr-fee__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.all-yr-fee__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.all-yr-fee__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.all-yr-fee__details--textfield {
  margin: 8px 0px 0px 0px !important;
}
.all-yr-fee__details--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.all-yr-fee__details--date .MuiInputBase-input {
  padding: 5px !important;
}
.all-yr-fee__details--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.all-yr-fee__details--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.all-yr-fee__details--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.all-yr-fee__details--date .MuiInputBase-input {
  height: 1.3em !important;
}
.all-yr-fee__details--date {
  margin: 8px 0px 0px 0px !important;
  width: fit-content !important;
}
.all-yr-fee__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.all-yr-fee__data {
  height: calc(100% - 188px);
  overflow: auto;
}
.all-yr-fee__data--block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--level-1);
  padding: 8px 15px;
  margin-top: 10px;
}
.all-yr-fee__data--b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  padding: 8px 5px;
}
.all-yr-fee__data--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
}
.all-yr-fee__data--header:focus {
  outline: none;
}
.all-yr-fee__data--header--flex {
  display: flex;
  column-gap: 60px;
  align-items: center;
}
.all-yr-fee__data--header--text {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: #374151;
  display: block;
}
.all-yr-fee__data--header--grids {
  background-color: white;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  display: flex;
  width: fit-content;
  column-gap: 20px;
  padding: 10px;
  border-radius: 6px;
}
.all-yr-fee__data--header--block {
  display: block;
  text-align: center;
}
.all-yr-fee__data--header--b {
  background-color: var(--level-6);
  color: white;
  padding: 10px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  border-radius: 5px;
}
.all-yr-fee__data--header--amount {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 18px;
}
.all-yr-fee__data--content, .all-yr-fee__data__data--contentallyr {
  display: flex;
  column-gap: 40px;
  margin-top: 10px;
}
.all-yr-fee__data--content--block {
  background-color: white;
  border-radius: 6px;
  padding: 10px;
  width: 50%;
}
.all-yr-fee__data--content--block b {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.all-yr-fee__data--content--tableblock {
  margin-top: 10px;
}
.all-yr-fee__data__data {
  height: calc(100% - 188px);
  overflow: auto;
}
.all-yr-fee__data__data--block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--level-1);
  padding: 8px 15px;
  margin-top: 10px;
}
.all-yr-fee__data__data--b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  padding: 8px 5px;
}
.all-yr-fee__data__data--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
}
.all-yr-fee__data__data--header:focus {
  outline: none;
}
.all-yr-fee__data__data--header--flex {
  display: flex;
  column-gap: 60px;
  align-items: center;
}
.all-yr-fee__data__data--header--text {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: #374151;
  display: block;
}
.all-yr-fee__data__data--header--grids {
  background-color: white;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  display: flex;
  width: fit-content;
  column-gap: 20px;
  padding: 10px;
  border-radius: 6px;
}
.all-yr-fee__data__data--header--block {
  display: block;
  text-align: center;
}
.all-yr-fee__data__data--header--b {
  background-color: var(--level-6);
  color: white;
  padding: 10px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  border-radius: 5px;
}
.all-yr-fee__data__data--header--amount {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 18px;
}
.all-yr-fee__data__data--content {
  display: flex;
  column-gap: 40px;
  margin-top: 10px;
}
.all-yr-fee__data__data--content--block {
  background-color: white;
  border-radius: 6px;
  padding: 10px;
  width: 50%;
}
.all-yr-fee__data__data--content--block b {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.all-yr-fee__data__data--content--tableblock {
  margin-top: 10px;
}
.all-yr-fee__data__data--contentallyr {
  width: 100%;
}

.all-yr-fee__data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.all-yr-fee__data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.all-yr-fee__data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.all-yr-fee__data--header:focus ~ .all-yr-fee__data--block {
  border: 1px solid var(--level-3);
}

.all-yr-ledger-summary {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.all-yr-ledger-summary__block {
  height: calc(100% - 55px);
  overflow: auto;
  margin-top: 10px;
}
.all-yr-ledger-summary__block--header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  outline: none;
}
.all-yr-ledger-summary__block--header:focus {
  outline: none;
}
.all-yr-ledger-summary__block--header--flex {
  display: grid;
  column-gap: 60px;
  align-items: center;
  grid-template-columns: repeat(7, 1fr);
  background-color: white;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--border-color);
}
.all-yr-ledger-summary__block--header--text {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #374151;
  display: block;
}
.all-yr-ledger-summary__block--header--block {
  display: block;
  text-align: center;
}
.all-yr-ledger-summary__block--header--b {
  background-color: var(--level-6);
  color: white;
  padding: 10px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  border-radius: 5px;
}
.all-yr-ledger-summary__block--header--amount {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
}
.all-yr-ledger-summary__header, .all-yr-ledger-summary__header--var {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 8px 15px;
  margin-top: 10px;
}
.all-yr-ledger-summary__header--var {
  background-color: var(--level-1);
}
.all-yr-ledger-summary__header--flex {
  display: flex;
  column-gap: 20px;
  align-items: center;
}
.all-yr-ledger-summary__header--text {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: #374151;
  display: block;
}
.all-yr-ledger-summary__header--block {
  display: block;
  text-align: center;
}
.all-yr-ledger-summary__header--b {
  background-color: var(--level-6);
  color: white;
  padding: 10px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  border-radius: 5px;
}
.all-yr-ledger-summary__header--amount {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 18px;
}
.all-yr-ledger-summary__header--grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
}
.all-yr-ledger-summary__header--grid:focus {
  outline: none;
}
.all-yr-ledger-summary__header--b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  padding: 8px 5px;
}
.all-yr-ledger-summary__content {
  display: flex;
  column-gap: 40px;
  margin-top: 10px;
}
.all-yr-ledger-summary__content--block {
  border-radius: 6px;
  padding: 10px;
  width: 50%;
}
.all-yr-ledger-summary__content--block b {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.all-yr-ledger-summary__content--tableblock {
  margin-top: 10px;
}

.all-yr-ledger-summary__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.all-yr-ledger-summary__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.all-yr-ledger-summary__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.std-complete-fee-receipt {
  height: calc(100% - 165px);
  margin: 0px 10px 0px 10px;
}
.std-complete-fee-receipt--modal {
  height: calc(100% - 30px);
}
.std-complete-fee-receipt__details {
  height: 120px;
  margin: 10px 10px 0px 10px;
}
.std-complete-fee-receipt__details .MuiAutocomplete-root,
.std-complete-fee-receipt__details .data-fetch-icon {
  margin-top: 7px !important;
}
.std-complete-fee-receipt__details {
  column-gap: 20px;
}
.std-complete-fee-receipt__grid {
  display: flex;
}
.std-complete-fee-receipt__buttons {
  margin-left: 10px;
}
.std-complete-fee-receipt__block {
  height: calc(100% - 180px);
  overflow: auto;
  margin: 5px 10px 0px 10px;
}
.std-complete-fee-receipt__block--modal {
  height: calc(100% - 178px);
  overflow: auto;
  margin: 5px 10px 0px 5px;
}
.std-complete-fee-receipt__frame {
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  margin-top: 10px;
}
.std-complete-fee-receipt__frame--table {
  max-height: 100%;
}
.std-complete-fee-receipt__frame--table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.std-complete-fee-receipt__frame--table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.std-complete-fee-receipt__frame--table tbody {
  background-color: var(--level-1);
}
.std-complete-fee-receipt__frame--table tbody tr:hover {
  background-color: var(--level-2);
}
.std-complete-fee-receipt__frame--table tbody tr:hover td {
  color: var(--level-7) !important;
}
.std-complete-fee-receipt__frame--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.std-complete-fee-receipt__frame--table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.std-complete-fee-receipt__frame--table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.std-complete-fee-receipt__frame--table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 4%;
}
.std-complete-fee-receipt__frame--table--date {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.std-complete-fee-receipt__frame--table--rcptno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.std-complete-fee-receipt__frame--table--th-rcptno {
  width: 10%;
}
.std-complete-fee-receipt__frame--table--th-amount {
  width: 10%;
}
.std-complete-fee-receipt__frame--table--th-slno {
  width: 4%;
}
.std-complete-fee-receipt__frame--table--th-date {
  width: 10%;
}
.std-complete-fee-receipt__frame--tableblock {
  column-gap: 20px;
  margin-top: 10px;
}
.std-complete-fee-receipt__frame--block {
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.std-complete-fee-receipt__image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}

.std-complete-fee-receipt__block::-webkit-scrollbar,
.std-complete-fee-receipt__block--modal::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.std-complete-fee-receipt__block::-webkit-scrollbar-thumb,
.std-complete-fee-receipt__block--modal::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.std-complete-fee-receipt__block::-webkit-scrollbar-thumb:hover,
.std-complete-fee-receipt__block--modal::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.demand-fee {
  margin: 10px 20px 0px 20px;
  column-gap: 20px;
  height: 120px;
}
.demand-fee--modal {
  margin: 10px 0px 0px 0px;
  column-gap: 20px;
  height: 120px;
}
.demand-fee__grid {
  display: flex;
}
.demand-fee__grid .MuiAutocomplete-root {
  margin: 5px 0px 3px 0px;
}
.demand-fee__image {
  height: 100%;
}
.demand-fee__image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.demand-fee__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.demand-fee__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.demand-fee__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.demand-fee__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.demand-fee__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.demand-fee__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.demand-fee__textfield {
  margin: 5px 0px 3px 0px !important;
}
.demand-fee__textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.demand-fee__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.demand-fee__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.demand-fee__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.demand-fee__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.demand-fee__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.demand-fee__textfield--date {
  margin: 5px 0px 3px 0px !important;
  width: fit-content;
}
.demand-fee__table {
  max-height: 100%;
}
.demand-fee__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.demand-fee__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.demand-fee__table tbody {
  background-color: var(--level-1);
}
.demand-fee__table tbody tr:hover {
  background-color: var(--level-2);
}
.demand-fee__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.demand-fee__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.demand-fee__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.demand-fee__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-fee__table--th-slno {
  width: 6%;
}
.demand-fee__table--desc {
  width: cal(60%);
}
.demand-fee__table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.demand-fee__table--th-amount {
  width: 8%;
}
.demand-fee__table--actions {
  width: 4%;
}
.demand-fee__tableblock {
  height: calc(100% - 350px);
  margin: 10px 20px 0px 20px;
}
.demand-fee__tableblock--modal {
  height: calc(100% - 218px);
  margin-top: 10px;
}
.demand-fee__select {
  margin-top: 10px;
}
.demand-fee__buttons {
  margin-left: 20px;
}
.demand-fee__input {
  background-color: #fef9c3;
}

.demand-fee__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.demand-fee__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.demand-fee__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student-fee-receipt {
  height: calc(100% - 210px);
  margin: 0px 20px 0px 20px;
}
.student-fee-receipt--modal {
  height: calc(100% - 75px);
}
.student-fee-receipt__modal {
  height: calc(100% - 80px);
}
.student-fee-receipt__modal--details {
  height: 120px;
  column-gap: 20px;
  margin-bottom: 10px;
}
.student-fee-receipt__buttons {
  margin-right: 20px;
  margin-left: 20px;
}
.student-fee-receipt__buttons--modal {
  margin-right: 0px;
  margin-left: 0px;
}
.student-fee-receipt__details {
  height: 100%;
}
.student-fee-receipt__details--select-options {
  height: 120px;
  column-gap: 20px;
}
.student-fee-receipt__tableblock {
  margin: 0px 0px 5px 0px;
  height: calc(100% - 260px);
  column-gap: 20px;
}
.student-fee-receipt__tableblock--modal {
  height: calc(100% - 240px);
}
.student-fee-receipt__tableblock--std-dashboard {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.student-fee-receipt__deposit-details {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px 10px;
}
.student-fee-receipt__deposit-details--title {
  display: flex;
  justify-content: center;
  gap: 10px;
  height: 40px;
  margin-bottom: 5px;
}
.student-fee-receipt__deposit-details--totalamtblock {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--level-1);
}
.student-fee-receipt__deposit-details--adjust-deposit button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.student-fee-receipt__deposit-details--adjust-deposit button img {
  width: 15px;
  margin-left: 10px;
}
.student-fee-receipt__deposit-details--adjust-deposit button {
  margin-top: 5px;
  width: 100%;
}
.student-fee-receipt__receiptblock, .student-fee-receipt__receiptblock--modal {
  height: 135px;
  column-gap: 20px;
}
.student-fee-receipt__receiptblock Label, .student-fee-receipt__receiptblock--modal Label {
  margin-top: 0px;
}
.student-fee-receipt__receiptblock .storybook-input, .student-fee-receipt__receiptblock--modal .storybook-input {
  margin-top: 3px !important;
}
.student-fee-receipt__receiptblock--modal {
  height: 120px;
}
.student-fee-receipt__receiptblock--modal--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-fee-receipt__receiptblock--modal--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-fee-receipt__receiptblock--modal--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__receiptblock--modal--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-fee-receipt__receiptblock--modal--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__receiptblock--modal--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-fee-receipt__receiptblock--modal--textfield {
  margin: 8px 0px 0px 0px !important;
}
.student-fee-receipt__receiptblock--frame, .student-fee-receipt__receiptblock--frame--modal {
  border: 1px solid #cbd5e0;
  padding: 5px 10px 5px 10px;
  border-radius: 6px;
  height: 100%;
}
.student-fee-receipt__receiptblock--frame--bankdetails {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.student-fee-receipt__receiptblock--frame .MuiFormControl-root, .student-fee-receipt__receiptblock--frame--modal .MuiFormControl-root {
  margin-top: 5px !important;
}
.student-fee-receipt__receiptblock--edit--text {
  display: flex;
  justify-content: space-between;
}
.student-fee-receipt__receiptblock--edit--textfield, .student-fee-receipt__receiptblock--edit--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-fee-receipt__receiptblock--edit--textfield .MuiInputBase-input, .student-fee-receipt__receiptblock--edit--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-fee-receipt__receiptblock--edit--textfield input, .student-fee-receipt__receiptblock--edit--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__receiptblock--edit--textfield label, .student-fee-receipt__receiptblock--edit--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-fee-receipt__receiptblock--edit--textfield .Mui-disabled input, .student-fee-receipt__receiptblock--edit--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__receiptblock--edit--textfield .MuiInputBase-input, .student-fee-receipt__receiptblock--edit--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-fee-receipt__receiptblock--edit--textfield, .student-fee-receipt__receiptblock--edit--textfield--date {
  margin: 10px 0px 0px 0px !important;
  width: 100%;
}
.student-fee-receipt__receiptblock--edit--textfield--date {
  width: fit-content !important;
}
.student-fee-receipt__receiptblock--edit--textfield input, .student-fee-receipt__receiptblock--edit--textfield--date input {
  font-weight: 400 !important;
}
.student-fee-receipt__receiptblock--edit--textfield label, .student-fee-receipt__receiptblock--edit--textfield--date label {
  color: var(--text-color) !important;
  font-size: 16px !important;
}
.student-fee-receipt__receiptblock--edit--label-grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
}
.student-fee-receipt__frame .MuiAutocomplete-root {
  margin-top: 8px !important;
}
.student-fee-receipt__frame .data-fetch-icon {
  margin-top: 8px;
}
.student-fee-receipt__frame {
  margin-bottom: 5px;
}
.student-fee-receipt__frame--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-fee-receipt__frame--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-fee-receipt__frame--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__frame--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-fee-receipt__frame--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__frame--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-fee-receipt__frame--textfield {
  margin: 8px 10px 0px 0px !important;
}
.student-fee-receipt__frame--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-fee-receipt__frame--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-fee-receipt__frame--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__frame--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-fee-receipt__frame--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-receipt__frame--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-fee-receipt__frame--textfield--date {
  width: fit-content !important;
  margin: 8px 10px 0px 0px !important;
}
.student-fee-receipt__frame--imagefield {
  display: flex;
}
.student-fee-receipt__frame--imagefield .MuiAutocomplete-root {
  width: 100% !important;
}
.student-fee-receipt__frame--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.student-fee-receipt__frame--image {
  height: 100%;
}
.student-fee-receipt__frame--image img {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.student-fee-receipt__table {
  max-height: 100%;
}
.student-fee-receipt__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.student-fee-receipt__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.student-fee-receipt__table tbody {
  background-color: var(--level-1);
}
.student-fee-receipt__table tbody tr:hover {
  background-color: var(--level-2);
}
.student-fee-receipt__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.student-fee-receipt__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.student-fee-receipt__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.student-fee-receipt__table {
  height: 100%;
}
.student-fee-receipt__table__borderbottom {
  border-bottom: 1px solid #d1d5db !important;
  position: sticky;
  position: -webkit-sticky;
}
.student-fee-receipt__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__table--date {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__table--amount {
  width: 9%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.student-fee-receipt__table--amount Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.student-fee-receipt__table--amount Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.student-fee-receipt__table--amount input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.student-fee-receipt__table--amount input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.student-fee-receipt__table--amount input {
  background-color: #fef9c3 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100% !important;
}
.student-fee-receipt__table--th-slno {
  width: 4%;
}
.student-fee-receipt__table--th-name {
  width: 25%;
}
.student-fee-receipt__table--th-date {
  width: 6%;
}
.student-fee-receipt__table--th-amount {
  width: 9%;
}
.student-fee-receipt__table--th-desc {
  width: 9%;
}
.student-fee-receipt__total {
  display: flex;
  justify-content: flex-end;
}
.student-fee-receipt__totalcount {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: 5px;
}
.student-fee-receipt__grid {
  display: grid;
  grid-template-columns: 1fr 1.8fr 0.35fr;
}
.student-fee-receipt__label-grid {
  display: grid;
  grid-template-columns: 1fr 1.8fr;
  padding-right: 10px;
}
.student-fee-receipt__label-gridtrio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 5px;
}
.student-fee-receipt__label-gridtrio Button {
  padding: 0px !important;
  margin: 0px;
}
.student-fee-receipt__advance-fee-modal {
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  padding: 2px;
}
.student-fee-receipt__advance-fee-modal Label {
  margin-top: 0px !important;
}
.student-fee-receipt__advance-fee-modal:hover {
  background-color: var(--level-2);
}
.student-fee-receipt__advance-fee-modal--amount {
  color: #4ade80;
  margin-top: 10px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.student-fee-receipt__waive-off {
  height: calc(100% - 115px);
}
.student-fee-receipt__waive-off--table {
  max-height: 100%;
}
.student-fee-receipt__waive-off--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-fee-receipt__waive-off--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-fee-receipt__waive-off--table td img:hover,
.student-fee-receipt__waive-off--table td a:hover {
  cursor: pointer;
}
.student-fee-receipt__waive-off--table tbody {
  background-color: var(--level-1);
}
.student-fee-receipt__waive-off--table tbody tr:hover {
  background-color: var(--level-2);
}
.student-fee-receipt__waive-off--table tbody tr:hover td {
  color: var(--level-7);
}
.student-fee-receipt__waive-off--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-fee-receipt__waive-off--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-fee-receipt__waive-off--table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__waive-off--table--date {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__waive-off--table--th-slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__waive-off--table--th-date {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__waive-off--table--amount {
  width: 18%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-receipt__waive-off--table--th-amount {
  width: 18%;
  font-family: "Spline Sans Mono", monospace !important;
}

#receivedamount {
  text-align: end;
  padding: 5px;
  border-radius: 6px !important;
  background: #fef3c7 !important;
  margin-top: 0px;
}
#receivedamount::placeholder {
  text-align: left;
  font-weight: 500 !important;
  color: #4a5568;
}

.student-fee-receipt::-webkit-scrollbar {
  display: none;
}

.student-fee-receipt__details::-webkit-scrollbar {
  display: none;
}

.narration-grid {
  display: grid;
  grid-template-columns: 0.5fr 3.5fr;
}

.deposit td {
  background-color: var(--level-2);
}

.delete-demand-fee-receipt {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.delete-demand-fee-receipt__details {
  column-gap: 20px;
}
.delete-demand-fee-receipt__details #search {
  margin-top: 0px;
}
.delete-demand-fee-receipt__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.delete-demand-fee-receipt__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.delete-demand-fee-receipt__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.delete-demand-fee-receipt__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.delete-demand-fee-receipt__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.delete-demand-fee-receipt__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.delete-demand-fee-receipt__details--textfield input {
  font-weight: 400 !important;
}
.delete-demand-fee-receipt__tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.delete-demand-fee-receipt__table {
  max-height: 100%;
}
.delete-demand-fee-receipt__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.delete-demand-fee-receipt__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.delete-demand-fee-receipt__table td img:hover,
.delete-demand-fee-receipt__table td a:hover {
  cursor: pointer;
}
.delete-demand-fee-receipt__table tbody {
  background-color: var(--level-1);
}
.delete-demand-fee-receipt__table tbody tr:hover {
  background-color: var(--level-2);
}
.delete-demand-fee-receipt__table tbody tr:hover td {
  color: var(--level-7);
}
.delete-demand-fee-receipt__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.delete-demand-fee-receipt__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.delete-demand-fee-receipt__table--th-slno {
  width: 10%;
}
.delete-demand-fee-receipt__table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-demand-fee-receipt__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-demand-fee-receipt__table--th-amount {
  width: 12%;
}
.delete-demand-fee-receipt__table--vno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-demand-fee-receipt__table--th-vno {
  width: 12%;
}
.delete-demand-fee-receipt__table--actions {
  width: 8%;
}

.for-ob-receipt {
  height: calc(100% - 280px) !important;
}

.non-demandfee-payable {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 175px);
}
.non-demandfee-payable__select {
  column-gap: 20px;
  height: 120px;
}
.non-demandfee-payable--modal {
  height: calc(100% - 30px);
}
.non-demandfee-payable__tableblock {
  margin-top: 10px;
  height: calc(100% - 320px);
}
.non-demandfee-payable__tableblock--deposit-ob {
  margin-top: 10px;
  height: calc(100% - 175px);
}
.non-demandfee-payable__table {
  max-height: 100%;
}
.non-demandfee-payable__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.non-demandfee-payable__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.non-demandfee-payable__table tbody {
  background-color: var(--level-1);
}
.non-demandfee-payable__table tbody tr:hover {
  background-color: var(--level-2);
}
.non-demandfee-payable__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.non-demandfee-payable__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.non-demandfee-payable__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.non-demandfee-payable__table {
  height: 100%;
}
.non-demandfee-payable__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.non-demandfee-payable__table--th-slno {
  width: 4%;
}
.non-demandfee-payable__table--th-balance {
  width: 7%;
}
.non-demandfee-payable__table--actions {
  width: 7%;
}
.non-demandfee-payable__table--actions img {
  width: 20px;
}
.non-demandfee-payable__table--balance {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.non-demandfee-payable__table--balance input:focus {
  background-color: white;
}
.non-demandfee-payable__table--balance img {
  width: 20px;
}
.non-demandfee-payable__table select {
  width: 100% !important;
  margin: 0px;
  padding-left: 0px !important;
  color: #000 !important;
  border: none !important;
  border-radius: 3px !important;
}
.non-demandfee-payable__table select:focus {
  background: white;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.non-demandfee-payable__table__borderbottom {
  border-bottom: 1px solid #9ca3af !important;
  background-color: #fef08a;
  position: sticky;
  position: -webkit-sticky;
}
.non-demandfee-payable__table--select-row {
  background: hsl(55, 79%, 94%);
}
.non-demandfee-payable__table--select-row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.non-demandfee-payable__table--select-row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.non-demandfee-payable__table--select-row .MuiInputBase-input {
  height: 15px !important;
}
.non-demandfee-payable__table--select-row td {
  padding: 0px !important;
}
.non-demandfee-payable__table--select-row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.non-demandfee-payable__table--select-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.non-demandfee-payable__table--select-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.non-demandfee-payable__table--select-row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.non-demandfee-payable__table--select-row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.non-demandfee-payable__table--select-row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.non-demandfee-payable__table--select-row .MuiAutocomplete-root,
.non-demandfee-payable__table--select-row .auto-complete:focus {
  background-color: var(--bg-color) !important;
}
.non-demandfee-payable__table tfoot td {
  position: sticky;
  position: -webkit-sticky;
}
.non-demandfee-payable__image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.non-demandfee-payable__receiptblock {
  margin-top: 10px;
  height: 135px;
  column-gap: 20px;
}
.non-demandfee-payable__receiptblock--narration {
  margin-top: 0px;
}
.non-demandfee-payable__receiptblock .account-frames {
  margin: 0px 0px 0px 0px !important;
}
.non-demandfee-payable__receiptblock Label {
  margin-top: 0px;
}
.non-demandfee-payable__receiptblock Input {
  margin-top: 3px !important;
}
.non-demandfee-payable__receiptblock .MuiFormControl-root {
  margin-top: 3px !important;
}
.non-demandfee-payable__grid {
  display: flex;
}
.non-demandfee-payable__grid .MuiAutocomplete-root {
  width: 100% !important;
  margin: 5px 0px 3px 0px;
}
.non-demandfee-payable__label-gridbtn {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 5px;
}
.non-demandfee-payable__label-gridbtn Button {
  padding: 8px;
  font-size: 12px;
  margin: 8px 0px 0px 0px;
}

.non-demandfee-payable__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.non-demandfee-payable__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.non-demandfee-payable__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.MuiInputBase-root {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px !important;
}

.raise-student-demand {
  height: calc(100% - 140px);
}
.raise-student-demand__block1 {
  height: 250px;
}
.raise-student-demand__block2 {
  height: calc(100% - 290px);
}
.raise-student-demand__table {
  max-height: 100%;
}
.raise-student-demand__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.raise-student-demand__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.raise-student-demand__table tbody {
  background-color: var(--level-1);
}
.raise-student-demand__table tbody tr:hover {
  background-color: var(--level-2);
}
.raise-student-demand__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.raise-student-demand__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.raise-student-demand__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.raise-student-demand__table th {
  padding-left: 10px;
  padding-right: 10px;
}
.raise-student-demand__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.raise-student-demand__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.raise-student-demand__btns {
  margin-left: 10px;
}

#fee-description-tablecell {
  width: 87.3% !important;
}

.raise-student-demand__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.raise-student-demand__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.raise-student-demand__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.studentdetails__selectoptions {
  background-color: #e5e5e5;
  padding: 5px;
  border-radius: 10px;
}

.interchange-fee-receipt {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 170px);
}
.interchange-fee-receipt .MuiAutocomplete-root {
  margin-top: 5px !important;
}
.interchange-fee-receipt--modal {
  height: calc(100% - 30px);
}
.interchange-fee-receipt--modal .account-frames {
  margin: 0px !important;
}
.interchange-fee-receipt--modal .interchange-fee-receipt__tableblock {
  margin-top: 5px !important;
}
.interchange-fee-receipt__details {
  column-gap: 20px;
  height: 90px;
  margin-top: 5px;
}
.interchange-fee-receipt__block {
  border: 1px solid #cbd5e0;
  border-radius: 6px;
}
.interchange-fee-receipt__block--image {
  display: flex;
}
.interchange-fee-receipt__block--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.interchange-fee-receipt__block--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.interchange-fee-receipt__block--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.interchange-fee-receipt__block--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.interchange-fee-receipt__block--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.interchange-fee-receipt__block--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.interchange-fee-receipt__block--textfield {
  width: 100%;
  margin: 5px 0px 3px 0px !important;
}
.interchange-fee-receipt__block--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.interchange-fee-receipt__block--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.interchange-fee-receipt__block--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.interchange-fee-receipt__block--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.interchange-fee-receipt__block--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.interchange-fee-receipt__block--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.interchange-fee-receipt__block--textfield--date {
  width: fit-content;
  margin: 5px 0px 0px 0px !important;
}
.interchange-fee-receipt__block--remarks Label {
  padding: 0px !important;
  margin-top: 0px !important;
  color: #6b7280;
}
.interchange-fee-receipt__block--remarks .storybook-textarea {
  margin-top: 0px !important;
  height: 50px !important;
}
.interchange-fee-receipt__block--date {
  margin-top: 7px;
}
.interchange-fee-receipt__block2 {
  margin: 10px 0px 0px 0px;
  display: flex;
  column-gap: 100px;
  height: 180px;
}
.interchange-fee-receipt__block2--interchange-image {
  width: 100px;
}
.interchange-fee-receipt__block2--interchange-image Button {
  margin: 20px 0px 0px 0px;
}
.interchange-fee-receipt__block2--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.interchange-fee-receipt__block2--current {
  background-color: #f87171;
}
.interchange-fee-receipt__block2--changed {
  background-color: #4ade80;
}
.interchange-fee-receipt__block2--subblock {
  margin: 10px 5px 0px 0px;
}
.interchange-fee-receipt__block2--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.interchange-fee-receipt__block2--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.interchange-fee-receipt__block2--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.interchange-fee-receipt__block2--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.interchange-fee-receipt__block2--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.interchange-fee-receipt__block2--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.interchange-fee-receipt__block2--textfield {
  margin: 5px 10px 3px 0px !important;
}
.interchange-fee-receipt__block2--details {
  column-gap: 10px;
}
.interchange-fee-receipt__table {
  max-height: 100%;
}
.interchange-fee-receipt__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.interchange-fee-receipt__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.interchange-fee-receipt__table tbody {
  background-color: var(--level-1);
}
.interchange-fee-receipt__table tbody tr:hover {
  background-color: var(--level-2);
}
.interchange-fee-receipt__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.interchange-fee-receipt__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.interchange-fee-receipt__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.interchange-fee-receipt__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.interchange-fee-receipt__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.interchange-fee-receipt__table--rcptamt {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.interchange-fee-receipt__table--th-slno {
  width: 8%;
}
.interchange-fee-receipt__table--th-amount {
  width: 10%;
}
.interchange-fee-receipt__table--th-rcptamt {
  width: 10%;
}
.interchange-fee-receipt__table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.interchange-fee-receipt__table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.interchange-fee-receipt__table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.interchange-fee-receipt__table--input {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.interchange-fee-receipt__table--input Input {
  height: 20px !important;
  font-size: 12px !important;
  padding-right: 0px !important;
  border-radius: 6px !important;
}
.interchange-fee-receipt__tableblock {
  margin: 10px 0px 0px 0px;
  height: calc(100% - 335px);
  display: flex;
  gap: 20px;
}
.interchange-fee-receipt .account-frames {
  margin: 0px !important;
}

.view-interchange-fee-receipt__tableblock {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.view-interchange-fee-receipt__table {
  max-height: 100%;
}
.view-interchange-fee-receipt__table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.view-interchange-fee-receipt__table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.view-interchange-fee-receipt__table tbody {
  background-color: var(--level-1);
}
.view-interchange-fee-receipt__table tbody tr:hover {
  background-color: var(--level-2);
}
.view-interchange-fee-receipt__table tbody tr:hover td {
  color: var(--level-7) !important;
}
.view-interchange-fee-receipt__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.view-interchange-fee-receipt__table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.view-interchange-fee-receipt__table--column-group th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  padding: 8px;
  height: 40px;
}
.view-interchange-fee-receipt__table--sub-header th {
  top: 40px;
}
.view-interchange-fee-receipt__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-interchange-fee-receipt__table--receipt {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-interchange-fee-receipt__table--desc {
  width: 8%;
}
.view-interchange-fee-receipt__table--th-slno {
  width: 4%;
}
.view-interchange-fee-receipt__table--th-receipt {
  width: 8%;
}
.view-interchange-fee-receipt__table--class {
  width: 4%;
}
.view-interchange-fee-receipt__table--name:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.view-interchange-fee-receipt__total {
  text-align: right;
}

.student-demand-receipt__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-demand-receipt__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-demand-receipt__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-demand-receipt__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-demand-receipt__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-demand-receipt__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-demand-receipt__textfield--date {
  width: fit-content !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-demand-receipt__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-demand-receipt__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-demand-receipt__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-demand-receipt__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-demand-receipt__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-demand-receipt__select-options {
  display: flex;
  gap: 10px;
}
.student-demand-receipt__tableblock {
  margin-top: 10px;
}
.student-demand-receipt__table {
  max-height: 100%;
}
.student-demand-receipt__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-demand-receipt__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-demand-receipt__table td img:hover,
.student-demand-receipt__table td a:hover {
  cursor: pointer;
}
.student-demand-receipt__table tbody {
  background-color: var(--level-1);
}
.student-demand-receipt__table tbody tr:hover {
  background-color: var(--level-2);
}
.student-demand-receipt__table tbody tr:hover td {
  color: var(--level-7);
}
.student-demand-receipt__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-demand-receipt__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-demand-receipt__table tr:hover .student-demand-receipt__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.student-demand-receipt__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand-receipt__table--rcptno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand-receipt__table--date {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand-receipt__table--admno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand-receipt__table--class {
  width: 8%;
}
.student-demand-receipt__table--parent {
  width: 8%;
}
.student-demand-receipt__table--regno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand-receipt__table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-demand-receipt__table--th-slno {
  width: 4%;
}
.student-demand-receipt__table--th-rcptno {
  width: 10%;
}
.student-demand-receipt__table--th-date {
  width: 6%;
}
.student-demand-receipt__table--th-admno {
  width: 10%;
}
.student-demand-receipt__table--th-regno {
  width: 10%;
}
.student-demand-receipt__table--th-amount {
  width: 8%;
}
.student-demand-receipt__table tfoot {
  background-color: white;
}
.student-demand-receipt__total {
  text-align: right;
}

.student-demand-receipt__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-demand-receipt__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-demand-receipt__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.late-fee-payment {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.late-fee-payment__details {
  height: 120px;
  column-gap: 20px;
}
.late-fee-payment__details--image-flex {
  display: flex;
  margin-top: 8px !important;
}
.late-fee-payment__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.late-fee-payment__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.late-fee-payment__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.late-fee-payment__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.late-fee-payment__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.late-fee-payment__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.late-fee-payment__details--textfield {
  margin: 10px 10px 0px 0px !important;
}
.late-fee-payment__details--textfield--balance {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.late-fee-payment__details--textfield--balance .MuiInputBase-input {
  padding: 5px !important;
}
.late-fee-payment__details--textfield--balance input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.late-fee-payment__details--textfield--balance label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.late-fee-payment__details--textfield--balance .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.late-fee-payment__details--textfield--balance .MuiInputBase-input {
  height: 1.3em !important;
}
.late-fee-payment__details--textfield--balance {
  margin: 10px 10px 0px 0px !important;
}
.late-fee-payment__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.late-fee-payment__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.late-fee-payment__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.late-fee-payment__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.late-fee-payment__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.late-fee-payment__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.late-fee-payment__details--textfield--date {
  margin: 10px 10px 0px 0px !important;
  width: fit-content !important;
}
.late-fee-payment__details--image {
  height: 100% !important;
}
.late-fee-payment__details--image img {
  width: 100%;
  height: 100%;
}
.late-fee-payment__details--label-grid {
  display: grid;
  grid-template-columns: 0.38fr 1fr;
}
.late-fee-payment__details--label-grid .storybook-textarea {
  margin-top: 10px !important;
}
.late-fee-payment__details--label-grid {
  padding: 10px;
}
.late-fee-payment__details--upload .documents-upload {
  display: grid;
  grid-template-columns: 1fr 1.5fr 0.6fr !important;
}
.late-fee-payment__details--upload .documents-upload--filename {
  width: 190px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.late-fee-payment__tableblock {
  column-gap: 20px;
  margin-top: 20px;
  border-top: 1.8px dashed var(--border-color);
  padding-top: 10px;
  height: calc(100% - 188px);
  display: flex;
  column-gap: 20px;
}
.late-fee-payment__tableblock--permission-details, .late-fee-payment__tableblock--permission-ledger {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
  width: 480px;
}
.late-fee-payment__tableblock--permission-ledger .MuiDataGrid-root {
  border-style: none !important;
  height: calc(100% - 35px) !important;
  margin-top: 5px;
}
.late-fee-payment__tableblock--permission-ledger {
  width: calc(55% - 240px) !important;
}
.late-fee-payment__tableblock--permission-letter {
  padding: 10px;
  width: calc(45% - 240px) !important;
}
.late-fee-payment__tableblock--permission-letter .MuiDataGrid-root {
  border-style: none !important;
  height: calc(100% - 35px) !important;
  margin-top: 5px;
}
.late-fee-payment__view {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.late-fee-payment__view--details {
  column-gap: 10px;
}
.late-fee-payment__view--details #search {
  margin-top: 0px;
}
.late-fee-payment__view--table {
  max-height: 100%;
}
.late-fee-payment__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.late-fee-payment__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.late-fee-payment__view--table td img:hover,
.late-fee-payment__view--table td a:hover {
  cursor: pointer;
}
.late-fee-payment__view--table tbody {
  background-color: var(--level-1);
}
.late-fee-payment__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.late-fee-payment__view--table tbody tr:hover td {
  color: var(--level-7);
}
.late-fee-payment__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.late-fee-payment__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.late-fee-payment__view--table {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.late-fee-payment .student-documents__upload--buttons {
  margin-top: 5px;
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr;
  gap: 10px;
}
.late-fee-payment .student-documents__upload--buttons Button,
.late-fee-payment .student-documents__upload--buttons label {
  margin-right: 0px;
}

.advance-fee-list {
  height: calc(100% - 180px);
  margin: 10px 20px 0px 20px;
}
.advance-fee-list--modal {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.advance-fee-list__select {
  column-gap: 10px;
}
.advance-fee-list__select #search {
  margin-top: 0px;
}
.advance-fee-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 83px);
}
.advance-fee-list__table {
  max-height: 100%;
}
.advance-fee-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.advance-fee-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.advance-fee-list__table td img:hover,
.advance-fee-list__table td a:hover {
  cursor: pointer;
}
.advance-fee-list__table tbody {
  background-color: var(--level-1);
}
.advance-fee-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.advance-fee-list__table tbody tr:hover td {
  color: var(--level-7);
}
.advance-fee-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.advance-fee-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.advance-fee-list__table--th-slno {
  width: 4%;
}
.advance-fee-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.advance-fee-list__table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.advance-fee-list__table--th-amount {
  width: 8%;
}
.advance-fee-list__table--desc {
  width: 10%;
}
.advance-fee-list__table--admno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.advance-fee-list__table--th-admno {
  width: 6%;
}
.advance-fee-list__table tfoot td {
  border-right: 1px solid var(--border-color) !important;
}
.advance-fee-list__total {
  text-align: right;
}

.advance-fee-list__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.advance-fee-list__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.advance-fee-list__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student-fee-enquiry {
  height: calc(100% - 193px);
  margin: 0px 20px 0px 20px;
}
.student-fee-enquiry--modal {
  height: calc(100% - 70px);
}
.student-fee-enquiry__details {
  height: 100%;
}
.student-fee-enquiry__details--select-options {
  height: 120px;
  column-gap: 20px;
}
.student-fee-enquiry__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-fee-enquiry__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-fee-enquiry__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-enquiry__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-fee-enquiry__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-enquiry__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-fee-enquiry__details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.student-fee-enquiry__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-fee-enquiry__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-fee-enquiry__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-enquiry__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-fee-enquiry__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-fee-enquiry__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-fee-enquiry__details--textfield--date {
  width: fit-content !important;
  margin: 8px 10px 0px 0px !important;
}
.student-fee-enquiry__details--imagefield {
  display: flex;
}
.student-fee-enquiry__details--imagefield .MuiAutocomplete-root {
  width: 100% !important;
  margin-top: 8px !important;
}
.student-fee-enquiry__details--imagefield .data-fetch-icon {
  margin-top: 8px;
}
.student-fee-enquiry__receiptblock, .student-fee-enquiry__receiptblock--modal {
  height: 135px;
  column-gap: 20px;
}
.student-fee-enquiry__receiptblock Label, .student-fee-enquiry__receiptblock--modal Label {
  margin-top: 0px;
}
.student-fee-enquiry__receiptblock Input, .student-fee-enquiry__receiptblock--modal Input {
  margin-top: 3px !important;
}
.student-fee-enquiry__receiptblock--frame, .student-fee-enquiry__receiptblock--frame--modal {
  border: 1px solid #cbd5e0;
  padding: 5px 10px 5px 10px;
  border-radius: 6px;
  height: 100%;
}
.student-fee-enquiry__receiptblock--frame--modal {
  margin: 0px 0px 0px 10px;
}
.student-fee-enquiry__receiptblock--frame--bankdetails {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.student-fee-enquiry__receiptblock--frame .MuiFormControl-root, .student-fee-enquiry__receiptblock--frame--modal .MuiFormControl-root {
  margin-top: 5px !important;
}
.student-fee-enquiry__receiptblock--edit .MuiAutocomplete-root {
  margin-top: 10px;
}
.student-fee-enquiry__data {
  height: calc(100% - 255px);
}
.student-fee-enquiry__data--table {
  max-height: 100%;
}
.student-fee-enquiry__data--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-fee-enquiry__data--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-fee-enquiry__data--table td img:hover,
.student-fee-enquiry__data--table td a:hover {
  cursor: pointer;
}
.student-fee-enquiry__data--table tbody {
  background-color: var(--level-1);
}
.student-fee-enquiry__data--table tbody tr:hover {
  background-color: var(--level-2);
}
.student-fee-enquiry__data--table tbody tr:hover td {
  color: var(--level-7);
}
.student-fee-enquiry__data--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-fee-enquiry__data--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-fee-enquiry__data--table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-enquiry__data--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-enquiry__tableblock {
  height: calc(100% - 265px);
}
.student-fee-enquiry__table {
  max-height: 100%;
}
.student-fee-enquiry__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-fee-enquiry__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-fee-enquiry__table td img:hover,
.student-fee-enquiry__table td a:hover {
  cursor: pointer;
}
.student-fee-enquiry__table tbody {
  background-color: var(--level-1);
}
.student-fee-enquiry__table tbody tr:hover {
  background-color: var(--level-2);
}
.student-fee-enquiry__table tbody tr:hover td {
  color: var(--level-7);
}
.student-fee-enquiry__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-fee-enquiry__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-fee-enquiry__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-enquiry__table--input {
  padding-top: 0px !important;
}
.student-fee-enquiry__table--input Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.student-fee-enquiry__table--input Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.student-fee-enquiry__table--input input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.student-fee-enquiry__table--input input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.student-fee-enquiry__table--input {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-fee-enquiry__table--select-row {
  background: hsl(55, 79%, 94%);
}
.student-fee-enquiry__table--select-row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.student-fee-enquiry__table--select-row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.student-fee-enquiry__table--select-row .MuiInputBase-input {
  height: 15px !important;
}
.student-fee-enquiry__table--select-row td {
  padding: 0px !important;
}
.student-fee-enquiry__table--select-row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.student-fee-enquiry__table--select-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.student-fee-enquiry__table--select-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.student-fee-enquiry__table--select-row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.student-fee-enquiry__table--select-row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.student-fee-enquiry__table--select-row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.student-fee-enquiry__table--select-row input:focus {
  background-color: white;
}
.student-fee-enquiry__table--select-row td {
  color: #000 !important;
}
.student-fee-enquiry__table--actions {
  width: 4%;
}
.student-fee-enquiry__receiptblock, .student-fee-enquiry__receiptblock--modal {
  height: 135px;
  column-gap: 20px;
}
.student-fee-enquiry__receiptblock .account-frames, .student-fee-enquiry__receiptblock--modal .account-frames {
  margin: 10px 0px 0px 0px !important;
}
.student-fee-enquiry__receiptblock--narration {
  margin-top: 0px;
}
.student-fee-enquiry__receiptblock Label, .student-fee-enquiry__receiptblock--modal Label {
  margin-top: 0px;
}
.student-fee-enquiry__receiptblock Input, .student-fee-enquiry__receiptblock--modal Input {
  margin-top: 3px !important;
}
.student-fee-enquiry__receiptblock .MuiFormControl-root, .student-fee-enquiry__receiptblock--modal .MuiFormControl-root {
  margin-top: 3px !important;
}
.student-fee-enquiry__receiptblock--modal {
  margin: 0px 0px 10px 0px;
}
.student-fee-enquiry__receiptblock--modal .account-frames {
  margin: 10px 0px 0px 0px !important;
}

.multiplereceipts__container {
  max-height: 100%;
}
.multiplereceipts__container th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.multiplereceipts__container td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.multiplereceipts__container td img:hover,
.multiplereceipts__container td a:hover {
  cursor: pointer;
}
.multiplereceipts__container tbody {
  background-color: var(--level-1);
}
.multiplereceipts__container tbody tr:hover {
  background-color: var(--level-2);
}
.multiplereceipts__container tbody tr:hover td {
  color: var(--level-7);
}
.multiplereceipts__container tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.multiplereceipts__container tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.multiplereceipts__container {
  height: calc(100% - 75px);
}
.multiplereceipts--sl {
  width: 5%;
}
.multiplereceipts--actions img {
  filter: invert(100%);
  width: 20px;
}

.add-deposit-ledgers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.add-deposit-ledgers--btns {
  width: fit-content;
}

.add-doc-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.add-doc-type--textfield {
  width: 250px;
}
.add-doc-type--btns {
  width: fit-content;
}

.adjust-deposit-fee {
  margin: 0px 20px;
  height: calc(100% - 165px);
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.adjust-deposit-fee .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.adjust-deposit-fee .MuiTabs-root {
  min-height: 20px !important;
}
.adjust-deposit-fee .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.adjust-deposit-fee .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.adjust-deposit-fee .MuiButtonBase-root {
  width: fit-content !important;
}
.adjust-deposit-fee .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.adjust-deposit-fee .MuiButtonBase-root {
  min-width: fit-content !important;
}
.adjust-deposit-fee__tabs {
  display: flex;
  justify-content: space-between;
}
.adjust-deposit-fee__swipable {
  height: calc(100% - 55px);
}
.adjust-deposit-fee__swipable .MuiTypography-root {
  height: 100%;
  position: relative;
}
.adjust-deposit-fee__swipable--data {
  height: 100%;
}
.adjust-deposit-fee__individual {
  height: 100%;
}
.adjust-deposit-fee__individual--modal {
  height: calc(100% - 30px);
}
.adjust-deposit-fee__individual--filters {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.adjust-deposit-fee__individual--filters .storybook-input {
  margin-top: 0px !important;
}
.adjust-deposit-fee__individual--tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.adjust-deposit-fee__individual--details {
  margin-top: 10px;
  height: 120px;
  column-gap: 20px;
}
.adjust-deposit-fee__individual--details--image-flex {
  display: flex;
  margin-top: 8px;
}
.adjust-deposit-fee__individual--details--image-flex .data-fetch-icon {
  margin-top: 0px !important;
}
.adjust-deposit-fee__individual--details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.adjust-deposit-fee__individual--details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.adjust-deposit-fee__individual--details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.adjust-deposit-fee__individual--details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.adjust-deposit-fee__individual--details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.adjust-deposit-fee__individual--details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.adjust-deposit-fee__individual--details--textfield {
  margin: 10px 10px 0px 0px !important;
}
.adjust-deposit-fee__individual--details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.adjust-deposit-fee__individual--details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.adjust-deposit-fee__individual--details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.adjust-deposit-fee__individual--details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.adjust-deposit-fee__individual--details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.adjust-deposit-fee__individual--details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.adjust-deposit-fee__individual--details--textfield--date {
  width: fit-content !important;
  margin: 10px 10px 0px 0px !important;
}
.adjust-deposit-fee__individual--details--inputs {
  display: flex;
  margin: 10px 0px 0px 0px;
  gap: 20px;
}
.adjust-deposit-fee__individual--details--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 10px 0px 0px 0px;
}
.adjust-deposit-fee__individual--details--label-grid .MuiInputBase-input {
  padding: 6px !important;
}
.adjust-deposit-fee__individual--details--label-grid Button {
  padding: 0px !important;
  margin: 0px;
}
.adjust-deposit-fee__individual--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.adjust-deposit-fee__individual--details--image {
  height: 100%;
  margin-top: 11px !important;
}
.adjust-deposit-fee__individual--details--image img {
  height: calc(100% - 10px);
  width: 100%;
}
.adjust-deposit-fee__individual--data, .adjust-deposit-fee__individual--data--modal {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 175px);
  margin-top: 10px;
  column-gap: 20px;
}
.adjust-deposit-fee__individual--data p, .adjust-deposit-fee__individual--data--modal p,
.adjust-deposit-fee__individual--data .MuiTypography-root,
.adjust-deposit-fee__individual--data--modal .MuiTypography-root {
  height: fit-content !important;
}
.adjust-deposit-fee__individual--data--deposit-details {
  max-width: 400px !important;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin: 10px 0px 10px 10px;
  padding: 20px 10px;
}
.adjust-deposit-fee__individual--data--deposit-details--totalamtblock {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--level-1);
}
.adjust-deposit-fee__individual--data--deposit-details--totalamtblock label {
  font-size: 25px !important;
  font-weight: bold !important;
}
.adjust-deposit-fee__individual--data--deposit-details--totalamtblock b {
  font-size: 25px !important;
}
.adjust-deposit-fee__individual--data--total-deposits {
  width: calc(50% - 300px);
  border-radius: 6px;
  background-color: var(--level-1);
  margin: 10px 0px;
  padding: 20px 10px;
}
.adjust-deposit-fee__individual--data--total-deposits--table {
  height: calc(100% - 50px);
}
.adjust-deposit-fee__individual--data--adjust-deposit {
  width: calc(50% - 300px);
  padding: 30px 10px;
}
.adjust-deposit-fee__individual--data--adjust-deposit--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.adjust-deposit-fee__individual--data--adjust-deposit--label-grid--total-count {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
}
.adjust-deposit-fee__individual--data--adjust-deposit .nodata {
  justify-content: flex-end !important;
}
.adjust-deposit-fee__individual--data--modal {
  height: calc(100% - 185px);
}
.adjust-deposit-fee__individual--block {
  background-color: var(--level-1);
  padding: 10px 30px;
  border-radius: 6px;
  height: fit-content;
}
.adjust-deposit-fee__individual--block--image {
  height: 40px;
  width: 40x;
  display: block;
  margin: auto;
}
.adjust-deposit-fee__individual--block--span {
  font-size: 40px;
  display: flex;
  justify-content: center;
}
.adjust-deposit-fee__group {
  height: 100%;
}
.adjust-deposit-fee__group .adjust-deposit-fee__group--tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.adjust-deposit-fee__group--modal {
  height: calc(100% - 30px);
}
.adjust-deposit-fee__group--details {
  margin-top: 10px;
  column-gap: 20px;
  height: 130px;
}
.adjust-deposit-fee__group--details--frames {
  height: 100%;
  border: 1px solid var(--border-color);
}
.adjust-deposit-fee__group--details--frames--label-grid .MuiAutocomplete-root.MyAutocomplete-inputRoot {
  margin-top: 10px !important;
}
.adjust-deposit-fee__group--details--frames--label-grid .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-r8hk9l-MuiAutocomplete-root .MuiOutlinedInput-root {
  padding: 0px !important;
}
.adjust-deposit-fee__group--details--frames--label-grid .css-r8hk9l-MuiAutocomplete-root .MuiOutlinedInput-root {
  padding: 0px !important;
}
.adjust-deposit-fee__group--details--frames--label-grid {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
  margin: 0px 10px;
}
.adjust-deposit-fee__group--details--table, .adjust-deposit-fee__group--details--table--modal {
  margin-top: 10px;
  height: calc(100% - 185px);
}
.adjust-deposit-fee__group--details--table--modal {
  height: calc(100% - 195px);
}
.adjust-deposit-fee__group--details--table--slno {
  display: flex;
  gap: 15px;
}
.adjust-deposit-fee__group .student-total-count {
  margin: 12px 0px 0px 20px !important;
}
.adjust-deposit-fee__group .student-total-count b {
  margin-left: 5px;
}
.adjust-deposit-fee__demand-individual {
  height: calc(100% - 50px);
}

.payment-voucher {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.payment-voucher__modal {
  height: calc(100% - 30px);
}
.payment-voucher__block--payment-number {
  display: flex;
}
.payment-voucher__block Input {
  width: fit-content !important;
}
.payment-voucher__block Label {
  margin-right: 5px;
}
.payment-voucher__block Label span {
  background-color: #ef4444;
  border-radius: 3px;
  color: white;
  font-weight: 500;
  padding: 5px;
}
.payment-voucher__block--date {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.payment-voucher__block--date Input {
  width: fit-content !important;
}
.payment-voucher__block--day {
  margin-top: 10px !important;
  margin-left: 5px;
}
.payment-voucher__tableblock, .contra-voucher__lableblock {
  height: calc(100% - 215px);
  margin-top: 5px;
}
.payment-voucher__table {
  max-height: 100%;
}
.payment-voucher__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payment-voucher__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payment-voucher__table td img:hover,
.payment-voucher__table td a:hover {
  cursor: pointer;
}
.payment-voucher__table tbody {
  background-color: var(--level-1);
}
.payment-voucher__table tbody tr:hover {
  background-color: var(--level-2);
}
.payment-voucher__table tbody tr:hover td {
  color: var(--level-7);
}
.payment-voucher__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payment-voucher__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payment-voucher__table--row {
  background: hsl(55, 79%, 94%);
}
.payment-voucher__table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.payment-voucher__table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.payment-voucher__table--row .MuiInputBase-input {
  height: 15px !important;
}
.payment-voucher__table--row td {
  padding: 0px !important;
}
.payment-voucher__table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.payment-voucher__table--row td {
  background-color: var(--bg-color);
}
.payment-voucher__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.payment-voucher__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.payment-voucher__table--row .MuiAutocomplete-root,
.payment-voucher__table--row .auto-complete:focus {
  background-color: var(--bg-color) !important;
}
.payment-voucher__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payment-voucher__table--select {
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 8%;
}
.payment-voucher__table--desc {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.payment-voucher__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payment-voucher__table--th-amount {
  width: 12%;
}
.payment-voucher__table input {
  height: 30px;
  border-radius: 0px;
  margin: 0px;
  padding-right: 3px;
  width: 100%;
}
.payment-voucher__table--actions {
  width: 4%;
}
.payment-voucher__table--actions--save {
  filter: invert(100%);
  width: 25px;
  height: 25px;
  padding: 0px;
}
.payment-voucher__lableblock {
  height: 125px;
}
.payment-voucher__lableblock Label,
.payment-voucher__lableblock .storybook-input,
.payment-voucher__lableblock .MuiFormControl-root,
.payment-voucher__lableblock select {
  margin-top: 5px !important;
}
.payment-voucher__lableblock--details {
  column-gap: 20px;
  display: flex;
}
.payment-voucher__lableblock--top {
  margin-top: 35px;
}
.payment-voucher__lableblock--label-grid {
  display: grid;
  grid-template-columns: 0.85fr 0.5fr 1.9fr;
}
.payment-voucher__lableblock--label-grid .label-grid {
  display: grid;
  grid-template-columns: 0fr 2.8fr;
}
.payment-voucher__lableblock--label-grid--cheque .label-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr !important;
}
.payment-voucher__lableblock--bill-number {
  display: flex;
  gap: 10px;
}
.payment-voucher__lableblock--frames {
  border: 1px solid var(--border-color);
  padding: 0px 5px 5px 5px;
  border-radius: 3px;
  height: 100%;
  width: calc(50% - 10px);
}
.payment-voucher__lableblock--frames .documents-upload {
  grid-template-columns: 0.45fr 1.5fr 0.5fr !important;
}
.payment-voucher__lableblock--frames .documents-upload--filename {
  margin-top: 5px !important;
}
.payment-voucher__upload .documents-upload {
  display: grid;
  grid-template-columns: 1.7fr 5.5fr 2fr !important;
}
.payment-voucher__upload .documents-upload--filename {
  width: 500px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.payment-voucher__image {
  margin-right: 10px;
}
.payment-voucher__label-grid2 {
  display: grid;
  grid-template-columns: 0.225fr 1fr;
}
.payment-voucher__icons {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  column-gap: 15px;
}
.payment-voucher__icons img {
  width: 35px;
}
.payment-voucher__voucher-flex {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  font-size: 14px;
}
.payment-voucher__voucher-v-cb {
  color: #dc2626;
}
.payment-voucher__voucher-v-groupledger {
  color: #0284c7;
}

.contra-voucher__lableblock {
  height: 120px;
}
.contra-voucher__tableblock {
  height: calc(100% - 215px);
  margin-top: 5px;
}

.vouchers-approved-request {
  height: calc(100% - 30px);
}
.vouchers-approved-request__filters {
  column-gap: 10px;
}
.vouchers-approved-request__filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.vouchers-approved-request__filters--date {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.vouchers-approved-request__filters--approved {
  text-align: center;
  margin-top: 10px;
}
.vouchers-approved-request__textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.vouchers-approved-request__textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.vouchers-approved-request__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.vouchers-approved-request__textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.vouchers-approved-request__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.vouchers-approved-request__textfield {
  width: fit-content !important;
}
.vouchers-approved-request__datablock {
  margin-top: 10px;
  height: calc(100% - 95px);
  overflow: auto;
}
.vouchers-approved-request__datablock li {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.vouchers-approved-request__datablock li:hover {
  background-color: var(--level-1);
}
.vouchers-approved-request__datablock--image {
  border-left: 1px solid var(--border-color);
  padding: 5px 5px 5px 25px;
}
.vouchers-approved-request__datablock--image:hover span {
  text-decoration: underline;
}
.vouchers-approved-request__datablock img {
  display: block;
  margin: auto;
}
.vouchers-approved-request__datablock span {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
}
.vouchers-approved-request__datablock--v-details {
  display: flex;
}
.vouchers-approved-request__datablock--v-details span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #475569;
  margin-left: 10px;
}
.vouchers-approved-request__datablock--v-details b {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.vouchers-approved-request__datablock--approved-details {
  display: flex;
  column-gap: 10px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  width: fit-content;
}
.vouchers-approved-request__datablock--approvedby {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #475569;
}
.vouchers-approved-request__datablock--remarks {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #475569;
}
.vouchers-approved-request__datablock--li {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 150px);
}
.vouchers-approved-request__datablock--date {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
}
.vouchers-approved-request__datablock--approved-status {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  width: 150px;
}
.vouchers-approved-request__datablock--arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vouchers-approved-request__datablock--arrow img {
  transform: rotate(-90deg);
  display: block;
  margin: auto;
}

.vouchers-approved-request__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.vouchers-approved-request__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.vouchers-approved-request__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.payment-voucher-modal {
  height: calc(100% - 30px);
}
.payment-voucher-modal__tableblock {
  height: calc(100% - 225px);
  margin-top: 10px;
}
.payment-voucher-modal__tableblock select {
  margin-top: 0px !important;
}
.payment-voucher-modal__block--payment-number {
  display: flex;
}
.payment-voucher-modal__block Input {
  width: fit-content !important;
}
.payment-voucher-modal__block Label {
  margin-right: 5px;
}
.payment-voucher-modal__block Label span {
  background-color: #ef4444;
  border-radius: 3px;
  color: white;
  font-weight: 500;
  padding: 5px;
}
.payment-voucher-modal__block--date {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.payment-voucher-modal__block--date Input {
  width: fit-content !important;
}
.payment-voucher-modal__block--day {
  margin-top: 10px !important;
  margin-left: 5px;
}
.payment-voucher-modal__lableblock {
  height: 120px;
  margin-top: 10px;
}
.payment-voucher-modal__lableblock Label,
.payment-voucher-modal__lableblock .storybook-input,
.payment-voucher-modal__lableblock .MuiFormControl-root,
.payment-voucher-modal__lableblock .storybook-input:disabled,
.payment-voucher-modal__lableblock select {
  margin-top: 5px !important;
}
.payment-voucher-modal__lableblock--details {
  column-gap: 20px;
}
.payment-voucher-modal__lableblock--top {
  margin-top: 35px;
}
.payment-voucher-modal__lableblock--frames {
  border: 1px solid var(--border-color);
  padding: 0px 5px 5px 5px;
  border-radius: 3px;
  height: 100%;
}
.payment-voucher-modal__lableblock--frames .label-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.payment-voucher-modal__icon {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
}
.payment-voucher-modal__icon img {
  width: 35px;
  margin-top: 10px;
}

.vouchers-approved-status {
  height: calc(100% - 30px);
}
.vouchers-approved-status__datablock {
  height: calc(100% - 10px);
  overflow: auto;
}
.vouchers-approved-status__datablock--approved-details {
  display: flex;
  column-gap: 10px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.vouchers-approved-status__datablock--approved-by {
  display: flex;
  column-gap: 10px;
}
.vouchers-approved-status__datablock--approved-by img {
  width: 25px !important;
}
.vouchers-approved-status__datablock--approved-by--desn {
  font-weight: 700;
  font-size: 16px;
}
.vouchers-approved-status__datablock--approved {
  display: flex;
}
.vouchers-approved-status__datablock--approved--line {
  border-left: 1px dashed #94a3b8;
  margin-left: -30px;
  margin-top: 20px;
}
.vouchers-approved-status__datablock--approved--without-line {
  margin-left: -30px;
  margin-top: 20px;
}
.vouchers-approved-status__datablock--approved--details {
  padding-left: 30px;
}
.vouchers-approved-status__datablock--remarks {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #94a3b8;
}
.vouchers-approved-status__datablock--li {
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
.vouchers-approved-status__datablock--li img {
  width: 40px;
}
.vouchers-approved-status__datablock--mode {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  margin-top: 10px;
}
.vouchers-approved-status__datablock--date {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 120px;
}
.vouchers-approved-status__datablock--date span {
  text-align: right;
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
  color: var(--text-color);
}

.vouchers-approved-status__datablock::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.vouchers-approved-status__datablock::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.vouchers-approved-status__datablock::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.maker-checker-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.maker-checker-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.maker-checker-list__table {
  max-height: 100%;
}
.maker-checker-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.maker-checker-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.maker-checker-list__table td img:hover,
.maker-checker-list__table td a:hover {
  cursor: pointer;
}
.maker-checker-list__table tbody {
  background-color: var(--level-1);
}
.maker-checker-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.maker-checker-list__table tbody tr:hover td {
  color: var(--level-7);
}
.maker-checker-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.maker-checker-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.maker-checker-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.maker-checker-list__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.maker-checker-list__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.maker-checker-list__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.maker-checker-list__table--type {
  width: 12%;
}
.maker-checker-list__table--name {
  width: 12%;
}
.maker-checker-list__table tr:hover .maker-checker-list__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.maker-checker-list__select {
  column-gap: 10px;
}
.maker-checker-list__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.maker-checker-list__textfields {
  display: flex;
  column-gap: 10px;
}
.maker-checker-list__textfields--date {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.maker-checker-list__textfields--date .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.maker-checker-list__textfields--date .MuiInputBase-input {
  padding: 5px !important;
}
.maker-checker-list__textfields--date input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.maker-checker-list__textfields--date label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.maker-checker-list__textfields--date {
  width: fit-content !important;
}

.accounts-dashboard {
  height: calc(100% - 165px);
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.accounts-dashboard .MuiButtonBase-root {
  width: 130px !important;
}
.accounts-dashboard .subtitle1 {
  width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: left !important;
  font-size: 14px !important;
}
.accounts-dashboard .subtitle1:hover {
  text-overflow: clip;
  overflow: visible;
}
.accounts-dashboard__tabs {
  display: flex;
  justify-content: space-between;
  margin: 10px;
}
.accounts-dashboard__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.accounts-dashboard__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.accounts-dashboard__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.accounts-dashboard__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.accounts-dashboard__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.accounts-dashboard__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.accounts-dashboard__tabs .MuiTabs-list {
  width: 50% !important;
}
.accounts-dashboard__tabs--view {
  background-color: var(--bg-color);
  border-radius: 20px;
  border: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
  padding: 3px 5px;
  display: flex;
  align-items: center;
  color: #374151;
}
.accounts-dashboard__tabs--view img {
  width: 30px;
}
.accounts-dashboard__details {
  column-gap: 20px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: calc(100% - 320px);
}
.accounts-dashboard__details--block {
  height: 100% !important;
  overflow: auto !important;
}
.accounts-dashboard__details--block--title {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
.accounts-dashboard__details--block--title-tabs {
  display: grid;
  grid-template-columns: 0.7fr 1fr 0.1fr;
}
.accounts-dashboard__details--block--details {
  height: 45px;
  display: flex;
  column-gap: 30px;
}
.accounts-dashboard__details--block--details .accounts-dashboard__details--block--details--total, .accounts-dashboard__details--block--details .accounts-dashboard__details--block--details--receipts {
  font-size: 14px !important;
}
.accounts-dashboard__details--block--details .accounts-dashboard__details--block--details--receipts {
  font-size: 12px !important;
}
.accounts-dashboard__details--block--details img {
  width: 70px;
  height: 45px;
}
.accounts-dashboard__details--block--details--total, .accounts-dashboard__details--block--details--receipts {
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 18px;
  color: #334155;
  text-align: center !important;
  position: relative;
}
.accounts-dashboard__details--block--details--receipts {
  color: #64748b;
  font-size: 14px;
}
.accounts-dashboard__details--block--g-count {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--border-color);
  gap: 5px;
}
.accounts-dashboard__details--block--g-count img {
  margin: auto;
}
.accounts-dashboard__details--block--g-count--flex {
  display: flex;
  column-gap: 10px;
}
.accounts-dashboard__details--block--g-count--flex img {
  width: 35px;
  height: 35px;
}
.accounts-dashboard__details--block--g-count .separator {
  border-right: 1px solid var(--border-color);
}
.accounts-dashboard__details--block--g-count--block {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.accounts-dashboard__details--block--g-count--block--text, .accounts-dashboard__details--block--g-count--block--receipts, .accounts-dashboard__details--block--g-count--block--total {
  font-family: "Josefin Sans" !important;
  color: #64748b;
  font-weight: 700;
  font-size: 12px;
}
.accounts-dashboard__details--block--g-count--block--total {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-color);
  font-family: "Spline Sans Mono", monospace !important;
}
.accounts-dashboard__details--block--g-count--block--receipts {
  color: #64748b;
  font-size: 12px;
}
.accounts-dashboard__details--block--receipts-block {
  height: 100% !important;
  width: 100% !important;
}
.accounts-dashboard__details--block--receipts-block--data {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 15px;
  row-gap: 10px;
  margin-top: 10px !important;
}
.accounts-dashboard__details--block--receipts-block--data .accounts-dashboard__details--block--g-count--block {
  margin: 0px !important;
}
.accounts-dashboard__details--block--table-block {
  height: calc(100% - 150px) !important;
  margin-top: 10px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.accounts-dashboard__details--block--table-block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.accounts-dashboard__graph {
  height: 100% !important;
}
.accounts-dashboard__datablock {
  height: calc(100% - 10px);
  column-gap: 20px;
  display: flex;
  width: 100%;
}
.accounts-dashboard__datablock .accounts-dashboard__details--block {
  width: 36%;
}
.accounts-dashboard__datablock--frame {
  display: flex;
  flex-direction: column;
}
.accounts-dashboard__datablock--graph {
  height: calc(100% - 35px);
}
.accounts-dashboard__datablock--tableblock {
  height: calc(100% - 40px);
}
.accounts-dashboard__datablock--tableblock--table {
  max-height: 100%;
}
.accounts-dashboard__datablock--tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.accounts-dashboard__datablock--tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.accounts-dashboard__datablock--tableblock--table td img:hover,
.accounts-dashboard__datablock--tableblock--table td a:hover {
  cursor: pointer;
}
.accounts-dashboard__datablock--tableblock--table tbody {
  background-color: var(--level-1);
}
.accounts-dashboard__datablock--tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.accounts-dashboard__datablock--tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.accounts-dashboard__datablock--tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.accounts-dashboard__datablock--tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.accounts-dashboard__datablock--services {
  height: calc(100% - 50px);
  overflow: auto;
}
.accounts-dashboard__datablock--services li {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border-color);
}
.accounts-dashboard__datablock--services li .Label {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.accounts-dashboard__datablock--chart {
  height: 100% !important;
}
.accounts-dashboard__swipable {
  height: calc(100% - 180px);
}
.accounts-dashboard__swipable .user-dashboard {
  height: 100% !important;
}
.accounts-dashboard__swipable .swipable-tabs {
  height: calc(100% - 10px) !important;
}
.accounts-dashboard__swipable--data {
  height: 100%;
}
.accounts-dashboard__voucher-checker {
  height: 100% !important;
  width: 100% !important;
}
.accounts-dashboard__voucher-checker--li {
  height: calc(100% - 50px);
  overflow: auto;
}
.accounts-dashboard__voucher-checker--li img {
  display: block;
  margin: auto;
  width: 40px;
}
.accounts-dashboard__voucher-checker--li li {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
  border-radius: 3px;
}
.accounts-dashboard__voucher-checker--li li:hover {
  background-color: var(--level-1);
}
.accounts-dashboard__voucher-checker--view {
  height: 20px;
  font-size: 14px;
  color: #64748b;
  font-family: "Josefin Sans" !important;
  text-align: center;
}
.accounts-dashboard__voucher-checker--view:hover {
  text-decoration: underline;
  font-weight: 700;
}
.accounts-dashboard__historic {
  height: 100%;
}
.accounts-dashboard__historic--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.accounts-dashboard__historic--title img:hover {
  background-color: #f3f4f6;
}
.accounts-dashboard__historic--data {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.accounts-dashboard__historic--b {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: #2563eb;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.accounts-dashboard__historic--block {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 20px;
  background-color: var(--disabled-color);
  border-radius: 6px;
  margin-top: 10px;
  height: 70px;
}
.accounts-dashboard__historic--block--yr {
  text-align: center;
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #374151;
}
.accounts-dashboard__historic--block--span {
  display: block;
  font-size: 14px;
  background-color: #2563eb;
  padding: 2px 5px;
  color: white;
  font-family: "Josefin Sans" !important;
  border-radius: 6px;
}
.accounts-dashboard__historic--ul {
  margin-bottom: 0px;
  height: calc(100% - 120px);
  margin-top: 10px;
}
.accounts-dashboard__historic--ul li {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--border-color);
  margin-top: 10px;
  padding: 8px 5px;
  border-radius: 6px;
}
.accounts-dashboard__historic--ul li span {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.accounts-dashboard__historic--ul li img {
  width: 25px;
  height: 25px;
}
.accounts-dashboard__historic--view {
  height: 100%;
}
.accounts-dashboard__historic--view .accounts-dashboard__details--block {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 2px;
}
.accounts-dashboard__historic--view--inst-name {
  height: 60px;
  display: flex;
  background-color: var(--disabled-color);
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
}
.accounts-dashboard__historic--view--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.accounts-dashboard__historic--view--flex img {
  width: 40px;
  height: 40px;
}
.accounts-dashboard__historic--view--flex b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.accounts-dashboard__historic--view--year {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.accounts-dashboard__historic--view--year .MuiInputBase-input {
  padding: 5px !important;
}
.accounts-dashboard__historic--view--year input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.accounts-dashboard__historic--view--year label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.accounts-dashboard__historic--view--year .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.accounts-dashboard__historic--view--year .MuiInputBase-input {
  height: 1.3em !important;
}
.accounts-dashboard__historic--view--year {
  width: fit-content !important;
}
.accounts-dashboard__historic--view--graph {
  margin-top: 10px;
  border: 1px soli var(--border-color);
  height: calc(100% - 310px);
}
.accounts-dashboard__historic--view .accounts-dashboard__details {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
  width: 100% !important;
}
.accounts-dashboard__active-fin-year {
  height: calc(100% - 130px);
  margin: 0px 20px;
}
.accounts-dashboard__active-fin-year--data {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.accounts-dashboard__active-fin-year--ul {
  margin-bottom: 0px;
  height: calc(100% - 90px);
  margin-top: 10px;
}
.accounts-dashboard__demand-details {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.accounts-dashboard__demand-details ul {
  height: calc(100% - 25px);
  overflow: auto;
  margin: 0px !important;
}
.accounts-dashboard__demand-details--data {
  height: 100%;
  padding: 5px;
}
.accounts-dashboard__demand-details--flex {
  height: 31px;
  display: flex;
  justify-content: space-between;
  padding: 2px;
  align-items: center;
}
.accounts-dashboard__demand-details .bg-gr {
  background-color: var(--disabled-color);
  border-bottom: 1px dashed var(--border-color);
}
.accounts-dashboard__demand-details--image {
  display: flex;
  column-gap: 10px;
}
.accounts-dashboard__demand-details--image img {
  height: 22px;
  width: 22px;
}
.accounts-dashboard__demand-details--image span {
  font-size: 13px;
  font-family: "Josefin Sans" !important;
}
.accounts-dashboard__demand-details--image b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 13px;
}
.accounts-dashboard__demand-details--subtitle {
  background-color: var(--level-1);
  text-align: center;
  padding: 2px;
  border-radius: 5px;
  color: var(--level-5);
}
.accounts-dashboard__draggable {
  height: calc(100% - 140px);
  margin: 10px;
  position: relative;
  overflow: auto;
}
.accounts-dashboard__draggable .grid-stack-item-content {
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
}
.accounts-dashboard__draggable--shortcut {
  position: fixed;
  right: 1px;
  top: 55%;
  transform: translateY(-50%);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.accounts-dashboard__draggable--shortcut:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.accounts-dashboard__draggable--shortcut {
  width: 60px;
  height: 45px !important;
  border-radius: 25px !important;
  background: linear-gradient(220deg, var(--level-2) 0%, var(--level-6) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.accounts-dashboard__draggable--shortcut img {
  width: 35px;
}
.accounts-dashboard__draggable--shortcut--list {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -90px;
  width: 80px;
  padding: 10px;
}
.accounts-dashboard__draggable--shortcut--items {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.accounts-dashboard__draggable--shortcut--items img {
  height: 40px;
}
.accounts-dashboard__draggable--shortcut--items span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.accounts-dashboard__draggable .accounts-dashboard__draggable--shortcut--list.open {
  position: fixed;
  right: 13px;
  top: 55%;
  width: 100px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  z-index: 1;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.accounts-dashboard__draggable--widgets {
  height: 100%;
}
.accounts-dashboard__draggable--widgets--title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.accounts-dashboard__draggable--widgets--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.accounts-dashboard__draggable--widgets--title img:hover {
  background-color: #f3f4f6;
}
.accounts-dashboard__draggable--widgets--block {
  margin-top: 10px;
  height: calc(100% - 85px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.accounts-dashboard__draggable--widgets--block--item {
  height: 40px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.accounts-dashboard__draggable--widgets--block--item .MuiFormControlLabel-root {
  padding-right: 10px;
}
.accounts-dashboard__draggable--widgets--block--item img {
  height: 25px;
}
.accounts-dashboard__draggable--widgets--block--item .Label {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
}
.accounts-dashboard__draggable--reorder {
  height: calc(100% - 35px);
}
.accounts-dashboard__draggable--reorder .approval-request {
  height: fit-content !important;
}
.accounts-dashboard__draggable--reorder .teacher-dashboard__daily-dairy--flex--image {
  margin-right: 20px !important;
}
.accounts-dashboard__draggable--reorder .accounts-dashboard__details--block--title {
  margin-right: 20px !important;
}
.accounts-dashboard__draggable--reorder--buttons {
  margin-left: 10px;
  position: fixed;
}
.accounts-dashboard__draggable--reorder--datablock {
  height: 100%;
  column-gap: 20px;
  display: flex;
  width: 100%;
}
.accounts-dashboard__draggable--reorder--datablock .accounts-dashboard__details--block {
  width: 100% !important;
}
.accounts-dashboard__draggable--reorder--datablock .accounts-dashboard__datablock--frame {
  width: calc(100% - 350px) !important;
}

.accounts-dashboard::-webkit-scrollbar,
.accounts-dashboard__voucher-checker--li::-webkit-scrollbar,
.accounts-dashboard__datablock--services::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.accounts-dashboard::-webkit-scrollbar-thumb,
.accounts-dashboard__voucher-checker--li::-webkit-scrollbar-thumb,
.accounts-dashboard__datablock--services::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.accounts-dashboard::-webkit-scrollbar-thumb:hover,
.accounts-dashboard__voucher-checker--li::-webkit-scrollbar-thumb:hover,
.accounts-dashboard__datablock--services::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.font-14 {
  font-size: 14px !important;
}

.font-10 {
  font-size: 10px !important;
}

.times {
  font-family: '"Times New Roman", Times, serif' !important;
}

.sans {
  font-family: '"Josefin Sans", sans-serif' !important;
}

.arial {
  font-family: "Arial, Helvetica, sans-serif" !important;
}

.georgia {
  font-family: '"Georgia", serif' !important;
}

.cashier-dashboard {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.cashier-dashboard--navigation {
  width: 350px;
  border: 1px solid #e2e8f0;
  height: 100%;
}
.cashier-dashboard--navigation--sub {
  margin-left: 12px;
  font-size: 12px !important;
}
.cashier-dashboard--navigation--sub img {
  width: 30px;
  height: 30px;
}
.cashier-dashboard--navigation--sub li:hover {
  background-color: var(--level-1);
  border-radius: 6px;
}
.cashier-dashboard--navigation--ul {
  height: calc(100% - 35px);
  overflow: auto;
}
.cashier-dashboard--navigation--ul--li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  margin-top: 5px;
}
.cashier-dashboard--navigation--ul--li img {
  width: 30px;
  height: 30px;
}
.cashier-dashboard--navigation--ul--li--left {
  transform: rotate(-90deg);
}
.cashier-dashboard--navigation--ul--li:hover {
  background-color: var(--level-1);
  border-radius: 6px;
}
.cashier-dashboard--navigation--ul--li--active {
  background-color: var(--level-4);
  margin-top: 5px;
}
.cashier-dashboard--navigation--ul--li--active .Label {
  color: var(--bg-color) !important;
  font-weight: 700;
}
.cashier-dashboard--receipt-cards {
  height: calc(100% - 165px);
  margin: 0px 20px 0px 20px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.cashier-dashboard--receipt-cards--block {
  padding: 5px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.cashier-dashboard--receipt-cards--block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.cashier-dashboard--receipt-cards--block {
  height: 100%;
}
.cashier-dashboard--receipt-cards--block--title {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
.cashier-dashboard--receipt-cards--block--title-tabs {
  display: grid;
  grid-template-columns: 0.7fr 1fr 0.1fr;
}
.cashier-dashboard--receipt-cards--block--details {
  display: flex;
  column-gap: 30px;
}
.cashier-dashboard--receipt-cards--block--details img {
  width: 70px;
  height: 70px;
}
.cashier-dashboard--receipt-cards--block--details--total, .cashier-dashboard--receipt-cards--block--details--receipts {
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 18px;
  color: #334155;
  text-align: center !important;
  position: relative;
}
.cashier-dashboard--receipt-cards--block--details--receipts {
  color: #64748b;
  font-size: 14px;
}
.cashier-dashboard--receipt-cards--block--g-count {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--border-color);
  gap: 5px;
}
.cashier-dashboard--receipt-cards--block--g-count img {
  margin: auto;
}
.cashier-dashboard--receipt-cards--block--g-count--flex {
  display: flex;
  column-gap: 10px;
  padding: 5px;
}
.cashier-dashboard--receipt-cards--block--g-count .separator {
  border-right: 1px solid var(--border-color);
}
.cashier-dashboard--receipt-cards--block--g-count--block {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.cashier-dashboard--receipt-cards--block--g-count--block--text, .cashier-dashboard--receipt-cards--block--g-count--block--receipts, .cashier-dashboard--receipt-cards--block--g-count--block--total {
  font-family: "Josefin Sans" !important;
  color: #64748b;
  font-weight: 700;
  font-size: 12px;
}
.cashier-dashboard--receipt-cards--block--g-count--block--total {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-color);
  font-family: "Spline Sans Mono", monospace !important;
}
.cashier-dashboard--receipt-cards--block--g-count--block--receipts {
  color: #64748b;
  font-size: 12px;
}
.cashier-dashboard--receipt-cards--block--receipts-block {
  height: 140px !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.cashier-dashboard--receipt-cards--block--receipts-block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.cashier-dashboard--receipt-cards--block--receipts-block--data {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.cashier-dashboard--receipt-cards--block--receipts-block--data .cashier-dashboard--receipt-cards--block--g-count--block {
  margin: 0px !important;
}
.cashier-dashboard--receipt-cards--block--table-block {
  height: calc(100% - 150px) !important;
  margin-top: 10px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.cashier-dashboard--receipt-cards--block--table-block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.cashier-dashboard--navigation--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.cashier-dashboard--navigation--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.cashier-dashboard--navigation--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.user-dashboard, .user-dashboard__student {
  padding: 10px;
  height: calc(100% - 130px);
  background: var(--disabled-color);
  position: relative;
}
.user-dashboard .grid-stack-item-content, .user-dashboard__student .grid-stack-item-content {
  height: calc(100% - 5px) !important;
  margin-bottom: 0px !important;
}
.user-dashboard .grid-stack, .user-dashboard__student .grid-stack {
  height: calc(100% - 10px) !important;
  margin-bottom: 0px !important;
}
.user-dashboard__student {
  height: calc(100% - 190px) !important;
}
.user-dashboard__block, .user-dashboard__reorder {
  height: 100%;
  position: relative;
  overflow: auto;
}
.user-dashboard__block--shortcut {
  position: fixed;
  right: 1px;
  top: 55%;
  transform: translateY(-50%);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.user-dashboard__block--shortcut:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.user-dashboard__block--shortcut {
  width: 60px;
  height: 45px !important;
  border-radius: 25px !important;
  background: linear-gradient(220deg, var(--level-2) 0%, var(--level-6) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.user-dashboard__block--shortcut img {
  width: 35px;
}
.user-dashboard__block--shortcut--list {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -90px;
  width: 80px;
  padding: 10px;
}
.user-dashboard__block--shortcut--items {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.user-dashboard__block--shortcut--items img {
  height: 40px;
}
.user-dashboard__block--shortcut--items span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.user-dashboard__block--card {
  height: auto !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.user-dashboard__block--card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.user-dashboard__block--card {
  background-color: var(--bg-color) !important;
  position: relative;
}
.user-dashboard__block--card .reorder-handle--icon {
  position: absolute;
  top: 2px;
  right: 5px;
  left: auto;
  cursor: grab;
}
.user-dashboard__reorder {
  height: calc(100% - 45px);
}
.user-dashboard__reorder--buttons {
  position: relative;
  z-index: 1000;
  margin-bottom: 10px;
  margin-left: 10px;
  width: fit-content !important;
}
.user-dashboard__view-details {
  height: 100%;
}
.user-dashboard__view-details--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.user-dashboard__view-details--title img:hover {
  background-color: #f3f4f6;
}
.user-dashboard__view-details--block {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.user-dashboard__view-details--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.user-dashboard__view-details--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.user-dashboard__view-details--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.user-dashboard__view-details--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.user-dashboard__view-details--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.user-dashboard__view-details--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.user-dashboard__view-details--swipable {
  height: calc(100% - 70px);
  margin-top: 10px;
}

.user-dashboard__block::-webkit-scrollbar, .user-dashboard__reorder::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.user-dashboard__block::-webkit-scrollbar-thumb, .user-dashboard__reorder::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.user-dashboard__block::-webkit-scrollbar-thumb:hover, .user-dashboard__reorder::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

@media screen and (min-width: 1600px) {
  .user-dashboard__block--shortcut {
    width: 70px;
    height: 50px !important;
  }
  .user-dashboard__block--shortcut img {
    width: 40px;
  }
}
@media screen and (max-width: 1440px) {
  .user-dashboard__block--shortcut {
    width: 58px;
    height: 42px !important;
  }
  .user-dashboard__block--shortcut img {
    width: 30px;
  }
}
@media screen and (max-width: 1280px) {
  .user-dashboard__block--shortcut {
    width: 54px;
    height: 40px !important;
    right: 0;
  }
  .user-dashboard__block--shortcut img {
    width: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .user-dashboard, .user-dashboard__student {
    height: auto;
    overflow-x: hidden;
  }
  .user-dashboard__student {
    height: auto !important;
  }
  .user-dashboard__block, .user-dashboard__reorder {
    overflow-x: hidden;
  }
  .user-dashboard__block--shortcut {
    width: 50px;
    height: 38px !important;
  }
  .user-dashboard__block--shortcut img {
    width: 25px;
  }
  .user-dashboard .grid-stack, .user-dashboard__student .grid-stack {
    min-height: auto !important;
  }
}
.import-excel-data {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.import-excel-data__marks {
  height: calc(100% - 30px);
}
.import-excel-data__marks--modal {
  height: calc(100% - 45px);
}
.import-excel-data__marks--modal .select-all {
  height: fit-content !important;
  margin-left: 0px !important;
}
.import-excel-data__marks--modal .select-all__checkboxes {
  margin-left: 35px;
}
.import-excel-data__marks--modal--content {
  height: calc(100% - 100px);
}
.import-excel-data__marks--modal--content--data {
  height: 100%;
  overflow: auto;
}
.import-excel-data__marks--modal--block-edit {
  height: 100%;
}
.import-excel-data__marks--modal--block-edit--data {
  height: calc(100% - 50px);
  overflow: auto;
}
.import-excel-data__marks--modal--block {
  height: calc(100% - 60px);
}
.import-excel-data__marks--modal--block--element {
  height: calc(100% - 20px);
  margin-top: 10px;
}
.import-excel-data__marks--modal--block--data {
  height: calc(100% - 20px);
  overflow: auto;
}
.import-excel-data__marks--modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.import-excel-data__marks--modal--title img:hover {
  background-color: #f3f4f6;
}
.import-excel-data__marks--modal--datablock {
  height: calc(100% - 110px);
  margin-top: 10px;
}
.import-excel-data__marks--modal--datablock .select-all {
  height: fit-content !important;
}
.import-excel-data__select {
  column-gap: 10px;
}
.import-excel-data__select--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.import-excel-data__blocks {
  margin-top: 10px;
  gap: 10px;
  height: 75px;
}
.import-excel-data__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.import-excel-data__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.import-excel-data__blocks--cards img {
  width: 35px;
}
.import-excel-data__blocks--cards b {
  margin-left: 10px;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.import-excel-data__blocks--cards--total-students, .import-excel-data__blocks--cards--contains-error, .import-excel-data__blocks--cards--ready-to-import {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-color);
  display: flex;
  justify-content: center;
}
.import-excel-data__blocks--cards--ready-to-import {
  color: #22c55e;
}
.import-excel-data__blocks--cards--contains-error {
  color: #ef4444;
}
.import-excel-data__datablock {
  height: calc(100% - 140px);
  margin-top: 10px;
  overflow: auto;
}
.import-excel-data__datablock .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.import-excel-data__datablock th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.import-excel-data__datablock td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.import-excel-data__datablock--title {
  display: flex;
  justify-content: space-between;
  height: 50px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
}
.import-excel-data__datablock--title img {
  width: 25px;
}
.import-excel-data__datablock--title img:hover {
  background-color: #e2e8f0;
  border-radius: 6px;
  width: 25px;
  height: 25px;
  margin-top: auto;
  margin-bottom: auto;
}
.import-excel-data__datablock--records-count, .import-excel-data__datablock--errors-count {
  display: flex;
  gap: 10px;
}
.import-excel-data__datablock--records-count span, .import-excel-data__datablock--errors-count span {
  font-family: "Spline Sans Mono", monospace !important;
  padding: 8px;
  background-color: #4ade80;
  color: white;
  font-size: 12px;
  border-radius: 50%;
  font-weight: 700;
  margin: auto;
}
.import-excel-data__datablock--records-count b, .import-excel-data__datablock--errors-count b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin-top: auto;
  margin-bottom: auto;
}
.import-excel-data__datablock--errors-count span {
  background-color: #ef4444;
}
.import-excel-data__datablock--errors-count b {
  color: #dc2626;
}
.import-excel-data__datablock--error {
  background-color: #ef4444 !important;
}
.import-excel-data__datablock--tableblock {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.import-excel-data__datablock--tableblock--error-message {
  display: flex;
  justify-content: space-between;
}
.import-excel-data__datablock--table {
  max-height: 100%;
}
.import-excel-data__datablock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.import-excel-data__datablock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.import-excel-data__datablock--table td img:hover,
.import-excel-data__datablock--table td a:hover {
  cursor: pointer;
}
.import-excel-data__datablock--table tbody {
  background-color: var(--level-1);
}
.import-excel-data__datablock--table tbody tr:hover {
  background-color: var(--level-2);
}
.import-excel-data__datablock--table tbody tr:hover td {
  color: var(--level-7);
}
.import-excel-data__datablock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.import-excel-data__datablock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.import-excel-data__datablock--button {
  height: 40px;
}
.import-excel-data__data-block {
  height: calc(100% - 10px);
  margin-top: 10px;
}
.import-excel-data__data-block .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.import-excel-data__data-block th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.import-excel-data__data-block td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.import-excel-data__button {
  display: flex;
  justify-content: flex-end;
}
.import-excel-data__file-upload {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.import-excel-data__file-upload--browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.import-excel-data__file-upload--browse input {
  display: none;
}
.import-excel-data__file-upload--browse img {
  padding-right: 5px;
}
.import-excel-data__file-upload--browse {
  width: fit-content;
  margin-top: 20px;
}
.import-excel-data__file-upload--input {
  display: none;
}
.import-excel-data__file-upload--file-name {
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  width: 100%;
  height: 35px;
  background-color: var(--disabled-color);
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-excel-data__receipts {
  height: 100%;
}
.import-excel-data__receipts--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.import-excel-data__receipts--title img:hover {
  background-color: #f3f4f6;
}
.import-excel-data__receipts--block {
  height: calc(100% - 70px);
  overflow: auto;
}
.import-excel-data__receipts--block .select-all {
  margin-left: 0px !important;
}
.import-excel-data__receipts--properties {
  height: calc(100% - 70px);
  overflow: auto;
}

.import-excel-data__receipts--block::-webkit-scrollbar,
.import-excel-data__marks--modal--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.import-excel-data__receipts--block::-webkit-scrollbar-thumb,
.import-excel-data__marks--modal--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.import-excel-data__receipts--block::-webkit-scrollbar-thumb:hover,
.import-excel-data__marks--modal--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.bulk-data-alter {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.bulk-data-alter__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.bulk-data-alter__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.bulk-data-alter__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.bulk-data-alter__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.bulk-data-alter__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.bulk-data-alter__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.bulk-data-alter__tabs {
  margin-top: 10px;
}
.bulk-data-alter__select {
  column-gap: 10px;
}
.bulk-data-alter__file-upload {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.bulk-data-alter__file-upload--browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.bulk-data-alter__file-upload--browse input {
  display: none;
}
.bulk-data-alter__file-upload--browse img {
  padding-right: 5px;
}
.bulk-data-alter__file-upload--browse {
  width: fit-content;
  margin-top: 10px;
}
.bulk-data-alter__file-upload--input {
  display: none;
}
.bulk-data-alter__file-upload--file-name {
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  width: 100%;
  height: 35px;
  background-color: var(--disabled-color);
  margin-top: 10px;
}
.bulk-data-alter__swipable {
  height: calc(100% - 40px);
}
.bulk-data-alter__swipable--tabs {
  height: 100% !important;
}
.bulk-data-alter__tableblock {
  height: calc(100% - 115px);
  margin-top: 10px;
}
.bulk-data-alter__table {
  max-height: 100%;
}
.bulk-data-alter__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.bulk-data-alter__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.bulk-data-alter__table td img:hover,
.bulk-data-alter__table td a:hover {
  cursor: pointer;
}
.bulk-data-alter__table tbody {
  background-color: var(--level-1);
}
.bulk-data-alter__table tbody tr:hover {
  background-color: var(--level-2);
}
.bulk-data-alter__table tbody tr:hover td {
  color: var(--level-7);
}
.bulk-data-alter__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.bulk-data-alter__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.student-export {
  height: calc(100% - 165px);
  margin: 10px 20px 0px 20px;
}

.export-student {
  height: calc(100% - 25px);
}
.export-student__options {
  position: relative;
  top: 10px;
  column-gap: 10px;
}
.export-student__options .student-clear-button {
  margin-top: 0px !important;
  margin-right: 0px !important;
}
.export-student__button {
  display: flex !important;
  justify-content: flex-end !important;
}
.export-student__tableblock {
  height: calc(100% - 128px);
  margin-top: 10px;
}
.export-student__select-columns {
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  float: right;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
  margin-top: 20px !important;
}
.export-student__select-columns img {
  margin-left: 0px;
}
.export-student__select-columns Label {
  margin-top: 0px;
}
.export-student__table {
  max-height: 100%;
}
.export-student__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.export-student__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.export-student__table td img:hover,
.export-student__table td a:hover {
  cursor: pointer;
}
.export-student__table tbody {
  background-color: var(--level-1);
}
.export-student__table tbody tr:hover {
  background-color: var(--level-2);
}
.export-student__table tbody tr:hover td {
  color: var(--level-7);
}
.export-student__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.export-student__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.export-student__total-count {
  margin-top: 10px;
  height: 40px;
}
.export-student__total-count .student-total-count {
  margin-left: 0px !important;
}

.bill-book-config {
  height: calc(100% - 170px);
  margin: 0px 20px;
}
.bill-book-config__datablock {
  margin-top: 10px;
  height: calc(100% - 50px);
  column-gap: 30px;
}
.bill-book-config__datablock--frame {
  padding: 0px 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
}
.bill-book-config__datablock--frame--grids {
  display: grid;
  grid-template-columns: 0.8fr 0.6fr 0.8fr 0.6fr;
}
.bill-book-config__datablock--frame--label-grid {
  display: grid;
  grid-template-columns: 0.9fr 0.6fr 0.4fr;
}
.bill-book-config__datablock--form-labels .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.bill-book-config__datablock--form-labels--grids {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr 0.6fr;
  gap: 20px;
}
.bill-book-config__datablock--form-labels--grids .storybook-input {
  margin-top: 0px !important;
}
.bill-book-config__datablock--form-labels--grids .MuiFormControl-root {
  margin-top: 0px !important;
}

.social-welfare {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.social-welfare__select {
  column-gap: 10px;
}
.social-welfare__select--textfield {
  width: fit-content !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.social-welfare__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.social-welfare__select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.social-welfare__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.social-welfare__select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.social-welfare__select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.social-welfare__select--textfield {
  margin: 10px 10px 0px 0px !important;
}
.social-welfare__select--button .storybook-button {
  display: flex !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.social-welfare__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.social-welfare__table {
  max-height: 100%;
}
.social-welfare__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.social-welfare__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.social-welfare__table td img:hover,
.social-welfare__table td a:hover {
  cursor: pointer;
}
.social-welfare__table tbody {
  background-color: var(--level-1);
}
.social-welfare__table tbody tr:hover {
  background-color: var(--level-2);
}
.social-welfare__table tbody tr:hover td {
  color: var(--level-7);
}
.social-welfare__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.social-welfare__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.social-welfare__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__table--number {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__table--type {
  width: 8%;
}
.social-welfare__table--actions {
  width: 6%;
}
.social-welfare__table--actions img {
  width: 20px;
}
.social-welfare__add {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.social-welfare__add--button .MuiFormControl-root {
  display: flex !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.social-welfare__add--tableblock {
  height: calc(100% - 255px);
  margin-top: 10px;
}
.social-welfare__add--receiptblock {
  height: 150px;
  column-gap: 20px;
  margin-top: 10px;
}
.social-welfare__add--receiptblock--frame {
  border: 1px solid var(--border-color);
  height: 100%;
  border-radius: 6px;
  padding: 5px;
}
.social-welfare__add--receiptblock--frame--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.social-welfare__add--table {
  max-height: 100%;
}
.social-welfare__add--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.social-welfare__add--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.social-welfare__add--table td img:hover,
.social-welfare__add--table td a:hover {
  cursor: pointer;
}
.social-welfare__add--table tbody {
  background-color: var(--level-1);
}
.social-welfare__add--table tbody tr:hover {
  background-color: var(--level-2);
}
.social-welfare__add--table tbody tr:hover td {
  color: var(--level-7);
}
.social-welfare__add--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.social-welfare__add--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.social-welfare__add--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__add--table--row {
  background: hsl(55, 79%, 94%);
}
.social-welfare__add--table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.social-welfare__add--table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.social-welfare__add--table--row .MuiInputBase-input {
  height: 15px !important;
}
.social-welfare__add--table--row td {
  padding: 0px !important;
}
.social-welfare__add--table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.social-welfare__add--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.social-welfare__add--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.social-welfare__add--table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.social-welfare__add--table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.social-welfare__add--table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.social-welfare__add--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.social-welfare__add--table--amount Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.social-welfare__add--table--amount Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.social-welfare__add--table--amount input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.social-welfare__add--table--amount input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.social-welfare__add--table--actions {
  width: 6%;
}
.social-welfare__view {
  height: calc(100% - 30px);
}
.social-welfare__view--search {
  column-gap: 10px;
}
.social-welfare__view--tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.social-welfare__view--table {
  max-height: 100%;
}
.social-welfare__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.social-welfare__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.social-welfare__view--table td img:hover,
.social-welfare__view--table td a:hover {
  cursor: pointer;
}
.social-welfare__view--table tbody {
  background-color: var(--level-1);
}
.social-welfare__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.social-welfare__view--table tbody tr:hover td {
  color: var(--level-7);
}
.social-welfare__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.social-welfare__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.social-welfare__view--table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.social-welfare__view--table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.social-welfare__view--table--subheader th {
  top: 30px;
}
.social-welfare__view--table--type {
  width: 8%;
}
.social-welfare__view--table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__view--table--date {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__view--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__view--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__view--table--desc {
  width: 15%;
}
.social-welfare__adjustments {
  height: calc(100% - 30px);
}
.social-welfare__adjustments--select {
  column-gap: 20px;
  height: 120px;
}
.social-welfare__adjustments--select .MuiAutocomplete-root,
.social-welfare__adjustments--select .data-fetch-icon {
  margin-top: 8px;
}
.social-welfare__adjustments--select--flex {
  display: flex;
}
.social-welfare__adjustments--select--image {
  height: 100%;
}
.social-welfare__adjustments--select--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.social-welfare__adjustments--select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.social-welfare__adjustments--select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.social-welfare__adjustments--select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.social-welfare__adjustments--select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.social-welfare__adjustments--select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.social-welfare__adjustments--select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.social-welfare__adjustments--select--textfield {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.social-welfare__adjustments--select--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.social-welfare__adjustments--select--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.social-welfare__adjustments--select--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.social-welfare__adjustments--select--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.social-welfare__adjustments--select--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.social-welfare__adjustments--select--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.social-welfare__adjustments--select--textfield--date {
  width: fit-content;
  margin: 8px 0px 0px 0px !important;
}
.social-welfare__adjustments--select--button {
  column-gap: 10px;
}
.social-welfare__adjustments--tableblock {
  height: calc(100% - 280px);
  margin-top: 10px;
}
.social-welfare__adjustments--receiptblock {
  height: 110px;
  column-gap: 20px;
}
.social-welfare__adjustments--receiptblock .Label,
.social-welfare__adjustments--receiptblock Input {
  margin-top: 0px !important;
}
.social-welfare__adjustments--receiptblock--frame {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.social-welfare__adjustments--table {
  max-height: 100%;
}
.social-welfare__adjustments--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.social-welfare__adjustments--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.social-welfare__adjustments--table td img:hover,
.social-welfare__adjustments--table td a:hover {
  cursor: pointer;
}
.social-welfare__adjustments--table tbody {
  background-color: var(--level-1);
}
.social-welfare__adjustments--table tbody tr:hover {
  background-color: var(--level-2);
}
.social-welfare__adjustments--table tbody tr:hover td {
  color: var(--level-7);
}
.social-welfare__adjustments--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.social-welfare__adjustments--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.social-welfare__adjustments--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.social-welfare__adjustments--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.social-welfare__adjustments--table--amount Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.social-welfare__adjustments--table--amount Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.social-welfare__adjustments--table--amount input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.social-welfare__adjustments--table--amount input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}

.unknown-bank-trans {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.unknown-bank-trans--modal {
  height: calc(100% - 30px);
}
.unknown-bank-trans__select {
  column-gap: 10px;
}
.unknown-bank-trans__select .MuiFormControl-root {
  margin-top: 10px;
}
.unknown-bank-trans__select--textfield {
  width: fit-content !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.unknown-bank-trans__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.unknown-bank-trans__select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.unknown-bank-trans__select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.unknown-bank-trans__select--textfield {
  margin: 10px 10px 0px 0px !important;
}
.unknown-bank-trans__select--button {
  display: flex !important;
  column-gap: 10px;
  justify-content: flex-end;
}
.unknown-bank-trans__select--button .storybook-button {
  margin-right: 0px !important;
}
.unknown-bank-trans__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.unknown-bank-trans__tableblock--modal {
  margin-top: 10px;
  height: 100%;
}
.unknown-bank-trans__table {
  max-height: 100%;
}
.unknown-bank-trans__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.unknown-bank-trans__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.unknown-bank-trans__table td img:hover,
.unknown-bank-trans__table td a:hover {
  cursor: pointer;
}
.unknown-bank-trans__table tbody {
  background-color: var(--level-1);
}
.unknown-bank-trans__table tbody tr:hover {
  background-color: var(--level-2);
}
.unknown-bank-trans__table tbody tr:hover td {
  color: var(--level-7);
}
.unknown-bank-trans__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.unknown-bank-trans__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.unknown-bank-trans__table tr:hover .unknown-bank-trans__table--receipt-no {
  text-decoration: underline !important;
  cursor: pointer;
}
.unknown-bank-trans__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__table--number {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__table--receipt-no {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__table--type {
  width: 8%;
}
.unknown-bank-trans__add {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.unknown-bank-trans__add--button {
  column-gap: 10px;
}
.unknown-bank-trans__add--button .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.unknown-bank-trans__add--tableblock {
  height: calc(100% - 255px);
  margin-top: 10px;
}
.unknown-bank-trans__add--tableblock--modal {
  height: calc(100% - 130px);
  margin-top: 10px;
}
.unknown-bank-trans__add--receiptblock {
  height: 150px;
  column-gap: 20px;
  margin-top: 10px;
}
.unknown-bank-trans__add--receiptblock--frame {
  border: 1px solid var(--border-color);
  height: 100%;
  border-radius: 6px;
  padding: 5px;
}
.unknown-bank-trans__add--receiptblock--frame--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.unknown-bank-trans__add--receiptblock--frame--label-grid .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.unknown-bank-trans__add--table {
  max-height: 100%;
}
.unknown-bank-trans__add--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.unknown-bank-trans__add--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.unknown-bank-trans__add--table td img:hover,
.unknown-bank-trans__add--table td a:hover {
  cursor: pointer;
}
.unknown-bank-trans__add--table tbody {
  background-color: var(--level-1);
}
.unknown-bank-trans__add--table tbody tr:hover {
  background-color: var(--level-2);
}
.unknown-bank-trans__add--table tbody tr:hover td {
  color: var(--level-7);
}
.unknown-bank-trans__add--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.unknown-bank-trans__add--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.unknown-bank-trans__add--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__add--table--row {
  background: hsl(55, 79%, 94%);
}
.unknown-bank-trans__add--table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.unknown-bank-trans__add--table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.unknown-bank-trans__add--table--row .MuiInputBase-input {
  height: 15px !important;
}
.unknown-bank-trans__add--table--row td {
  padding: 0px !important;
}
.unknown-bank-trans__add--table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.unknown-bank-trans__add--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.unknown-bank-trans__add--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.unknown-bank-trans__add--table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.unknown-bank-trans__add--table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.unknown-bank-trans__add--table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.unknown-bank-trans__add--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.unknown-bank-trans__add--table--amount Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.unknown-bank-trans__add--table--amount Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.unknown-bank-trans__add--table--amount input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.unknown-bank-trans__add--table--amount input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.unknown-bank-trans__add--table--actions {
  width: 6%;
}
.unknown-bank-trans__adjustments {
  height: calc(100% - 30px);
}
.unknown-bank-trans__adjustments .student-total-count {
  margin-top: 15px !important;
}
.unknown-bank-trans__adjustments--options {
  column-gap: 10px;
  margin-top: 10px;
}
.unknown-bank-trans__adjustments--options #search {
  margin-top: 0px !important;
}
.unknown-bank-trans__adjustments--tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.unknown-bank-trans__adjustments--table {
  max-height: 100%;
}
.unknown-bank-trans__adjustments--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.unknown-bank-trans__adjustments--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.unknown-bank-trans__adjustments--table td img:hover,
.unknown-bank-trans__adjustments--table td a:hover {
  cursor: pointer;
}
.unknown-bank-trans__adjustments--table tbody {
  background-color: var(--level-1);
}
.unknown-bank-trans__adjustments--table tbody tr:hover {
  background-color: var(--level-2);
}
.unknown-bank-trans__adjustments--table tbody tr:hover td {
  color: var(--level-7);
}
.unknown-bank-trans__adjustments--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.unknown-bank-trans__adjustments--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.unknown-bank-trans__adjustments--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.unknown-bank-trans__adjustments--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.unknown-bank-trans__adjustments--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.unknown-bank-trans__adjustments--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__adjustments--table--checkbox {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__adjustments--table--regno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__adjustments--table--desc {
  width: 10%;
}
.unknown-bank-trans__adjustments--drawer {
  height: 100%;
}
.unknown-bank-trans__adjustments--drawer--details--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.unknown-bank-trans__adjustments--drawer--details--date .MuiInputBase-input {
  padding: 5px !important;
}
.unknown-bank-trans__adjustments--drawer--details--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__adjustments--drawer--details--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.unknown-bank-trans__adjustments--drawer--details--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__adjustments--drawer--details--date .MuiInputBase-input {
  height: 1.3em !important;
}
.unknown-bank-trans__adjustments--drawer--details--date {
  margin: 10px 10px 0px 0px !important;
  width: fit-content !important;
}
.unknown-bank-trans__adjustments--drawer--flex {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}
.unknown-bank-trans__adjustments--drawer--temp-flex {
  display: flex;
  justify-content: space-between;
}
.unknown-bank-trans__adjustments--drawer--remaining-bal {
  font-family: "Josefin Sans" !important;
  margin-top: 15px;
  column-gap: 10px;
}
.unknown-bank-trans__adjustments--drawer--remaining-bal span {
  font-family: "Spline Sans Mono", monospace !important;
  margin-left: 5px;
}
.unknown-bank-trans__adjustments--drawer--tableblock {
  margin-top: 10px;
  height: calc(100% - 235px);
}
.unknown-bank-trans__adjustments--drawer--table {
  max-height: 100%;
}
.unknown-bank-trans__adjustments--drawer--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.unknown-bank-trans__adjustments--drawer--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.unknown-bank-trans__adjustments--drawer--table td img:hover,
.unknown-bank-trans__adjustments--drawer--table td a:hover {
  cursor: pointer;
}
.unknown-bank-trans__adjustments--drawer--table tbody {
  background-color: var(--level-1);
}
.unknown-bank-trans__adjustments--drawer--table tbody tr:hover {
  background-color: var(--level-2);
}
.unknown-bank-trans__adjustments--drawer--table tbody tr:hover td {
  color: var(--level-7);
}
.unknown-bank-trans__adjustments--drawer--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.unknown-bank-trans__adjustments--drawer--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.unknown-bank-trans__adjustments--drawer--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.unknown-bank-trans__adjustments--drawer--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.unknown-bank-trans__adjustments--drawer--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.unknown-bank-trans__adjustments--drawer--table td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.unknown-bank-trans__adjustments--drawer--table tbody .MuiTableRow-root td,
.unknown-bank-trans__adjustments--drawer--table tbody .Mui-selected td {
  background-color: var(--level-1) !important;
}
.unknown-bank-trans__adjustments--drawer--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__adjustments--drawer--table--checkbox {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__adjustments--drawer--table--regno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__adjustments--drawer--table--input {
  text-align: right;
  padding-top: 0px !important;
}
.unknown-bank-trans__adjustments--drawer--table--input Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.unknown-bank-trans__adjustments--drawer--table--input Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.unknown-bank-trans__adjustments--drawer--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.unknown-bank-trans__adjustments--drawer--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.unknown-bank-trans__adjustments--drawer--table--input {
  width: 14%;
  height: 33px;
}
.unknown-bank-trans__receiptDetails {
  height: calc(100% - 35px);
}
.unknown-bank-trans__receiptDetails--tableblock {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.unknown-bank-trans__receiptDetails--table {
  max-height: 100%;
}
.unknown-bank-trans__receiptDetails--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.unknown-bank-trans__receiptDetails--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.unknown-bank-trans__receiptDetails--table td img:hover,
.unknown-bank-trans__receiptDetails--table td a:hover {
  cursor: pointer;
}
.unknown-bank-trans__receiptDetails--table tbody {
  background-color: var(--level-1);
}
.unknown-bank-trans__receiptDetails--table tbody tr:hover {
  background-color: var(--level-2);
}
.unknown-bank-trans__receiptDetails--table tbody tr:hover td {
  color: var(--level-7);
}
.unknown-bank-trans__receiptDetails--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.unknown-bank-trans__receiptDetails--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.unknown-bank-trans__receiptDetails--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__receiptDetails--table--receipt-no {
  width: 20%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__receiptDetails--table--amount {
  width: 20%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__total {
  text-align: right;
}
.unknown-bank-trans__advance-fee {
  height: calc(100% - 30px);
}
.unknown-bank-trans__advance-fee--select {
  column-gap: 20px;
  height: 120px;
}
.unknown-bank-trans__advance-fee--select .MuiAutocomplete-root,
.unknown-bank-trans__advance-fee--select .data-fetch-icon {
  margin-top: 8px;
}
.unknown-bank-trans__advance-fee--select--flex {
  display: flex;
}
.unknown-bank-trans__advance-fee--select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.unknown-bank-trans__advance-fee--select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.unknown-bank-trans__advance-fee--select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.unknown-bank-trans__advance-fee--select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.unknown-bank-trans__advance-fee--select--textfield {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.unknown-bank-trans__advance-fee--select--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.unknown-bank-trans__advance-fee--select--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.unknown-bank-trans__advance-fee--select--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.unknown-bank-trans__advance-fee--select--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.unknown-bank-trans__advance-fee--select--textfield--date {
  width: fit-content;
  margin: 8px 0px 0px 0px !important;
}
.unknown-bank-trans__advance-fee--select--image {
  height: 100%;
}
.unknown-bank-trans__advance-fee--select--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.unknown-bank-trans__advance-fee--select--image--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.unknown-bank-trans__advance-fee--select--image--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.unknown-bank-trans__advance-fee--select--image--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--image--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.unknown-bank-trans__advance-fee--select--image--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--image--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.unknown-bank-trans__advance-fee--select--image--textfield {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.unknown-bank-trans__advance-fee--select--image--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.unknown-bank-trans__advance-fee--select--image--date .MuiInputBase-input {
  padding: 5px !important;
}
.unknown-bank-trans__advance-fee--select--image--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--image--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.unknown-bank-trans__advance-fee--select--image--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.unknown-bank-trans__advance-fee--select--image--date .MuiInputBase-input {
  height: 1.3em !important;
}
.unknown-bank-trans__advance-fee--select--image--date {
  width: fit-content;
  margin: 8px 0px 0px 0px !important;
}
.unknown-bank-trans__advance-fee--select--button {
  column-gap: 10px;
}
.unknown-bank-trans__advance-fee--tableblock {
  height: calc(100% - 280px);
  margin-top: 10px;
}
.unknown-bank-trans__advance-fee--receiptblock {
  height: 110px;
  column-gap: 20px;
}
.unknown-bank-trans__advance-fee--receiptblock .Label,
.unknown-bank-trans__advance-fee--receiptblock Input {
  margin-top: 5px !important;
}
.unknown-bank-trans__advance-fee--receiptblock--frame {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.unknown-bank-trans__advance-fee--table {
  max-height: 100%;
}
.unknown-bank-trans__advance-fee--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.unknown-bank-trans__advance-fee--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.unknown-bank-trans__advance-fee--table td img:hover,
.unknown-bank-trans__advance-fee--table td a:hover {
  cursor: pointer;
}
.unknown-bank-trans__advance-fee--table tbody {
  background-color: var(--level-1);
}
.unknown-bank-trans__advance-fee--table tbody tr:hover {
  background-color: var(--level-2);
}
.unknown-bank-trans__advance-fee--table tbody tr:hover td {
  color: var(--level-7);
}
.unknown-bank-trans__advance-fee--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.unknown-bank-trans__advance-fee--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.unknown-bank-trans__advance-fee--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.unknown-bank-trans__advance-fee--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.unknown-bank-trans__advance-fee--table--amount Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.unknown-bank-trans__advance-fee--table--amount Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.unknown-bank-trans__advance-fee--table--amount input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.unknown-bank-trans__advance-fee--table--amount input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}

.purchase-entry-masters {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.purchase-entry-masters__modal {
  height: calc(100% - 30px);
}
.purchase-entry-masters__datablock {
  height: calc(100% - 55px);
  column-gap: 40px;
  margin-top: 10px;
}
.purchase-entry-masters__datablock--frame-left, .purchase-entry-masters__datablock--frame-right {
  border: 1px solid #cbd5e0;
  padding: 10px 10px 5px 10px;
  height: 100%;
  border-radius: 0px 40px 0px 0px;
}
.purchase-entry-masters__datablock--frame-right {
  border-radius: 40px 0px 0px 0px;
}
.purchase-entry-masters__datablock--title .storybook-input {
  margin-top: 0px !important;
}
.purchase-entry-masters__tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.purchase-entry-masters__table {
  max-height: 100%;
}
.purchase-entry-masters__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.purchase-entry-masters__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.purchase-entry-masters__table td img:hover,
.purchase-entry-masters__table td a:hover {
  cursor: pointer;
}
.purchase-entry-masters__table tbody {
  background-color: var(--level-1);
}
.purchase-entry-masters__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry-masters__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry-masters__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.purchase-entry-masters__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.purchase-entry-masters__table {
  margin-top: 10px;
  height: calc(100% - 10px);
}
.purchase-entry-masters__table--slno {
  width: 8%;
  font-family: "Josefin Sans" !important;
}
.purchase-entry-masters__table--actions {
  width: 8%;
}
.purchase-entry-masters__grid-trio {
  display: grid;
  grid-template-columns: 0.44fr 1fr 0.1fr;
}
.purchase-entry-masters__grid-trio .data-fetch-icon {
  margin-top: 10px;
}

.purchase-entry {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.purchase-entry__filters {
  height: 120px;
  column-gap: 20px;
}
.purchase-entry__filters .storybook-button {
  display: flex !important;
  justify-content: flex-end !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}
.purchase-entry__filters .data-fetch-icon {
  margin-top: 8px;
}
.purchase-entry__filters .MuiAutocomplete-root {
  margin-top: 8px;
}
.purchase-entry__filters--flex {
  display: flex;
  column-gap: 10px;
}
.purchase-entry__filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.purchase-entry__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.purchase-entry__filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.purchase-entry__filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry__filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.purchase-entry__filters--textfield {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.purchase-entry__filters--textfields {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.purchase-entry__filters--textfields .MuiInputBase-input {
  padding: 5px !important;
}
.purchase-entry__filters--textfields input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry__filters--textfields label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.purchase-entry__filters--textfields .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry__filters--textfields .MuiInputBase-input {
  height: 1.3em !important;
}
.purchase-entry__filters--textfields {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.purchase-entry__filters--textfields input {
  font-weight: 400 !important;
}
.purchase-entry__filters--textfields label {
  color: var(--text-color) !important;
}
.purchase-entry__filters--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.purchase-entry__filters--date .MuiInputBase-input {
  padding: 5px !important;
}
.purchase-entry__filters--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry__filters--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.purchase-entry__filters--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry__filters--date .MuiInputBase-input {
  height: 1.3em !important;
}
.purchase-entry__filters--date {
  width: fit-content !important;
  margin: 8px 0px 0px 0px !important;
}
.purchase-entry__filters--date input {
  font-weight: 400 !important;
}
.purchase-entry__filters--date label {
  color: var(--text-color) !important;
}
.purchase-entry__tableblock {
  height: calc(100% - 300px);
  margin-top: 10px;
}
.purchase-entry__datablock {
  height: 115px;
  margin-top: 10px;
  column-gap: 20px;
}
.purchase-entry__datablock--frame {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0px 5px 5px 5px;
  height: 100%;
}
.purchase-entry__datablock--frame .MuiInputBase-root {
  padding: 5px !important;
}
.purchase-entry__datablock--details {
  text-align: right;
}
.purchase-entry__datablock--details--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.purchase-entry__table {
  max-height: 100%;
}
.purchase-entry__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.purchase-entry__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.purchase-entry__table td img:hover,
.purchase-entry__table td a:hover {
  cursor: pointer;
}
.purchase-entry__table tbody {
  background-color: var(--level-1);
}
.purchase-entry__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.purchase-entry__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.purchase-entry__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry__table--row {
  background: hsl(55, 79%, 94%);
}
.purchase-entry__table--row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.purchase-entry__table--row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.purchase-entry__table--row .MuiInputBase-input {
  height: 15px !important;
}
.purchase-entry__table--row td {
  padding: 0px !important;
}
.purchase-entry__table--row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.purchase-entry__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.purchase-entry__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.purchase-entry__table--row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.purchase-entry__table--row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.purchase-entry__table--row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.purchase-entry__table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
}
.purchase-entry__table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.purchase-entry__table--row .MuiAutocomplete-root,
.purchase-entry__table--row .auto-complete:focus {
  background-color: var(--bg-color) !important;
}
.purchase-entry__table--number {
  width: 6%;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.purchase-entry__table--number input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.purchase-entry__table--number input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.purchase-entry__table--desc {
  width: 10%;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.purchase-entry__table--desc input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.purchase-entry__table--desc input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.purchase-entry__table--actions {
  width: 4%;
}
.purchase-entry__ledger-list {
  height: calc(100% - 30px);
}
.purchase-entry__ledger-list--filters {
  column-gap: 10px;
}
.purchase-entry__ledger-list--filters .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.purchase-entry__ledger-list--tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.purchase-entry__ledger-list--table {
  max-height: 100%;
}
.purchase-entry__ledger-list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.purchase-entry__ledger-list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.purchase-entry__ledger-list--table td img:hover,
.purchase-entry__ledger-list--table td a:hover {
  cursor: pointer;
}
.purchase-entry__ledger-list--table tbody {
  background-color: var(--level-1);
}
.purchase-entry__ledger-list--table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry__ledger-list--table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry__ledger-list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.purchase-entry__ledger-list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.purchase-entry__ledger-list--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry__ledger-list--table--mobile {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry__ledger-list--table--number {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry__ledger-list--table--type {
  width: 8%;
}

.purchase-entry-view {
  height: calc(100% - 30px);
}
.purchase-entry-view__filters .storybook_button {
  margin-top: 0px !important;
}
.purchase-entry-view__filters--flex {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.purchase-entry-view__filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.purchase-entry-view__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.purchase-entry-view__filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry-view__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.purchase-entry-view__filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry-view__filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.purchase-entry-view__filters--textfield {
  margin: 8px 0px 0px 0px !important;
  width: fit-content !important;
}
.purchase-entry-view__filters--textfield label {
  color: var(--text-color) !important;
}
.purchase-entry-view__filters--textfield input {
  font-weight: 400 !important;
}
.purchase-entry-view__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.purchase-entry-view__table {
  max-height: 100%;
}
.purchase-entry-view__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.purchase-entry-view__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.purchase-entry-view__table td img:hover,
.purchase-entry-view__table td a:hover {
  cursor: pointer;
}
.purchase-entry-view__table tbody {
  background-color: var(--level-1);
}
.purchase-entry-view__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry-view__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry-view__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.purchase-entry-view__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.purchase-entry-view__table tr:hover .purchase-entry-view__table--number {
  text-decoration: underline !important;
  cursor: pointer;
}
.purchase-entry-view__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry-view__table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry-view__table--items {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry-view__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry-view__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.purchase-entry-view__details {
  height: calc(100% - 30px);
}
.purchase-entry-view__details--filters {
  column-gap: 20px;
  height: 120px;
}
.purchase-entry-view__details--filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.purchase-entry-view__details--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.purchase-entry-view__details--filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry-view__details--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.purchase-entry-view__details--filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry-view__details--filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.purchase-entry-view__details--filters--textfield {
  margin: 8px 0px 0px 0px !important;
  width: 100% !important;
}
.purchase-entry-view__details--filters--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.purchase-entry-view__details--filters--date .MuiInputBase-input {
  padding: 5px !important;
}
.purchase-entry-view__details--filters--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry-view__details--filters--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.purchase-entry-view__details--filters--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.purchase-entry-view__details--filters--date .MuiInputBase-input {
  height: 1.3em !important;
}
.purchase-entry-view__details--filters--date {
  margin: 8px 0px 0px 0px !important;
  width: fit-content !important;
}
.purchase-entry-view__details--filters--flex {
  display: flex;
  column-gap: 10px;
}
.purchase-entry-view__details--tableblock {
  margin-top: 5px;
  height: calc(100% - 170px);
}
.purchase-entry-view__details--table {
  max-height: 100%;
}
.purchase-entry-view__details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.purchase-entry-view__details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.purchase-entry-view__details--table td img:hover,
.purchase-entry-view__details--table td a:hover {
  cursor: pointer;
}
.purchase-entry-view__details--table tbody {
  background-color: var(--level-1);
}
.purchase-entry-view__details--table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry-view__details--table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry-view__details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.purchase-entry-view__details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.online-transaction {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.online-transaction__details {
  column-gap: 20px;
  height: 120px;
}
.online-transaction__details--flex {
  display: flex;
}
.online-transaction__details--flex .MuiAutocomplete-root,
.online-transaction__details--flex .data-fetch-icon {
  margin-top: 10px !important;
}
.online-transaction__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.online-transaction__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.online-transaction__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.online-transaction__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.online-transaction__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.online-transaction__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.online-transaction__details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.online-transaction__details--image {
  height: 100%;
  margin-top: 10px;
}
.online-transaction__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.online-transaction__filters {
  border-top: 1.5px dashed var(--border-color);
  column-gap: 10px;
  margin-top: 15px;
  padding-top: 5px;
}
.online-transaction__filters .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.online-transaction__filters--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.online-transaction__filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.online-transaction__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.online-transaction__filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.online-transaction__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.online-transaction__filters--textfield {
  width: fit-content !important;
}
.online-transaction__tableblock {
  height: calc(100% - 240px);
  margin-top: 10px;
}
.online-transaction__table {
  max-height: 100%;
}
.online-transaction__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.online-transaction__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.online-transaction__table td img:hover,
.online-transaction__table td a:hover {
  cursor: pointer;
}
.online-transaction__table tbody {
  background-color: var(--level-1);
}
.online-transaction__table tbody tr:hover {
  background-color: var(--level-2);
}
.online-transaction__table tbody tr:hover td {
  color: var(--level-7);
}
.online-transaction__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.online-transaction__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.online-transaction__table tr:hover .online-transaction__table--vno {
  text-decoration: underline !important;
  cursor: pointer;
}
.online-transaction__table--success, .online-transaction__table--incomplete, .online-transaction__table--no-voucher, .online-transaction__table--failure {
  color: white !important;
  font-weight: 700 !important;
  background-color: #4ade80;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 16px !important;
}
.online-transaction__table--failure {
  background-color: #f87171;
}
.online-transaction__table--no-voucher {
  background-color: #fbbf24;
}
.online-transaction__table--incomplete {
  background-color: #94a3b8;
}
.online-transaction__table--vno {
  font-weight: 700 !important;
}
.online-transaction__table--message {
  width: 10%;
}
.online-transaction__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.online-transaction__table--date {
  width: 4%;
}
.online-transaction__table--number {
  width: 4%;
}
.online-transaction__table--actions {
  width: 6%;
}
.online-transaction__table--actions button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.online-transaction__table--actions button img {
  width: 20px;
}
.online-transaction__total-count {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  margin: 10px 20px 0px 20px;
}
.online-transaction__total-count b {
  padding: 5px;
  font-family: "Spline Sans Mono", monospace !important;
  background: var(--level-5);
  border-radius: 2px;
  color: white;
}

.online-transaction__logdata {
  height: calc(100% - 75px);
}
.online-transaction__logdata--image {
  display: flex;
  justify-content: center;
}
.online-transaction__logdata--image img {
  width: 30px;
}
.online-transaction__logdata--tableblock {
  margin-top: 10px;
  height: calc(50% - 60px);
}

.finyr-post {
  height: calc(100% - 175px);
  margin-top: 10px;
}
.finyr-post__data {
  border: 1px solid var(--border-color);
  border-radius: 12px;
  height: 100%;
}
.finyr-post__data--warning {
  background-color: var(--level-1);
  padding: 10px 8px;
  overflow: auto;
  height: calc(100% - 280px);
  text-align: justify;
  color: #dc2626;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.finyr-post__data--warning li {
  margin-top: 10px;
}
.finyr-post__data--component {
  padding: 30px 50px;
  height: 280px;
}
.finyr-post__data--component .storybook-button {
  margin: 5px 10px 0px 0px !important;
}
.finyr-post__data--component--label-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.finyr-post__data--component--grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.finyr-post__data--warning::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.finyr-post__data--warning::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.finyr-post__data--warning::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.challan-receipt {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.challan-receipt__select {
  column-gap: 10px;
}
.challan-receipt__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.challan-receipt__select--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.challan-receipt__select--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.challan-receipt__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.challan-receipt__select--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.challan-receipt__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.challan-receipt__select--textfield {
  width: fit-content !important;
}
.challan-receipt__select--flex {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
}
.challan-receipt__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.challan-receipt__table {
  max-height: 100%;
}
.challan-receipt__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.challan-receipt__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.challan-receipt__table td img:hover,
.challan-receipt__table td a:hover {
  cursor: pointer;
}
.challan-receipt__table tbody {
  background-color: var(--level-1);
}
.challan-receipt__table tbody tr:hover {
  background-color: var(--level-2);
}
.challan-receipt__table tbody tr:hover td {
  color: var(--level-7);
}
.challan-receipt__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.challan-receipt__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.challan-receipt__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.challan-receipt__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.challan-receipt__table--admno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.challan-receipt__table--bank {
  width: 14%;
}
.challan-receipt__table--type {
  width: 10%;
}
.challan-receipt__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.challan-receipt__table--actions {
  width: 12%;
}
.challan-receipt__table--generate {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.challan-receipt__table--generate img {
  width: 20px;
}
.challan-receipt__table--generate img {
  width: 18px;
}

.miscellaneous {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.miscellaneous__modal {
  height: calc(100% - 30px);
}
.miscellaneous__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.miscellaneous__title img:hover {
  background-color: #f3f4f6;
}
.miscellaneous__filters {
  column-gap: 10px;
}
.miscellaneous__filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.miscellaneous__filters--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.miscellaneous__filters--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.miscellaneous__filters--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.miscellaneous__filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.miscellaneous__filters--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.miscellaneous__filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.miscellaneous__filters--textfield {
  width: fit-content !important;
}
.miscellaneous__datablock {
  margin-top: 10px;
  height: calc(100% - 100px);
}

.miscellaneous-add {
  height: calc(100% - 170px);
  margin: 0px 20px;
}
.miscellaneous-add__details {
  column-gap: 20px;
  height: 130px;
}
.miscellaneous-add__details--image {
  height: 100%;
}
.miscellaneous-add__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.miscellaneous-add__details--flex {
  display: flex;
}
.miscellaneous-add__details--flex .MuiAutocomplete-root, .miscellaneous-add__details--flex .data-fetch-icon {
  margin-top: 10px;
}
.miscellaneous-add__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.miscellaneous-add__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.miscellaneous-add__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.miscellaneous-add__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.miscellaneous-add__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.miscellaneous-add__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.miscellaneous-add__details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.miscellaneous-add__datablock {
  margin-top: 10px;
  height: 145px;
  column-gap: 20px;
}
.miscellaneous-add__datablock--frame {
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
}
.miscellaneous-add__datablock--form-labels {
  display: flex !important;
  justify-content: space-between;
  margin: 0px 5px !important;
}
.miscellaneous-add__tableblock {
  height: calc(100% - 325px);
}

.miscellaneous-edit {
  height: 100%;
}
.miscellaneous-edit__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.miscellaneous-edit__title img:hover {
  background-color: #f3f4f6;
}
.miscellaneous-edit__form {
  height: calc(100% - 75px);
}

.agents-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.agents-list--modal {
  height: calc(100% - 30px);
}
.agents-list__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.agents-list__title img:hover {
  background-color: #f3f4f6;
}
.agents-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}

.agent-std-assoc {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.agent-std-assoc__select {
  column-gap: 20px;
  height: 90px;
}
.agent-std-assoc__select .data-fetch-icon {
  margin-top: 8px;
}
.agent-std-assoc__select--textfield {
  margin: 10px 0px 0px 0px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.agent-std-assoc__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.agent-std-assoc__select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.agent-std-assoc__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.agent-std-assoc__select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.agent-std-assoc__select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.agent-std-assoc__select--flex {
  display: flex;
}
.agent-std-assoc__select--flex .MuiAutocomplete-root {
  margin-top: 8px;
}
.agent-std-assoc__tableblock {
  margin-top: 10px;
  height: calc(100% - 185px);
}
.agent-std-assoc__filters {
  column-gap: 10px;
}
.agent-std-assoc__filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.agent-std-assoc__allocate {
  height: 100%;
  margin: 0px 20px;
}
.agent-std-assoc__allocate--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.agent-std-assoc__allocate--title img:hover {
  background-color: #f3f4f6;
}
.agent-std-assoc__allocate--filters {
  column-gap: 10px;
}
.agent-std-assoc__allocate--filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.agent-std-assoc__allocate--tableblock {
  margin-top: 10px;
  height: calc(100% - 130px);
}

.update-agents {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.update-agents__form {
  height: calc(100% - 45px);
  overflow: auto;
}
.update-agents__form--data {
  column-count: 2;
  column-gap: 60px;
}

.transaction-failed {
  height: 100%;
}
.transaction-failed__footer {
  height: 80px;
  border-radius: 5px;
  background-color: #f3f4f6;
  margin-top: 20px;
  padding: 10px;
}
.transaction-failed__footer--flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.transaction-failed__footer--flex label {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.transaction-failed__footer--flex span {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--level-5);
  font-weight: 600;
}
.transaction-failed__footer--flex b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #374151;
  font-weight: 400;
}
.transaction-failed__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.transaction-failed__title img:hover {
  background-color: #f3f4f6;
}
.transaction-failed__datablock {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  height: calc(100% - 180px);
}
.transaction-failed__datablock img {
  height: 350px;
  width: 350px;
  display: block;
  margin: auto;
}

.transaction-success {
  height: 100%;
}
.transaction-success__footer {
  height: 80px;
  border-radius: 5px;
  background-color: #f3f4f6;
  margin-top: 20px;
  padding: 10px;
}
.transaction-success__footer--flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.transaction-success__footer--flex label {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.transaction-success__footer--flex span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--level-5);
  font-weight: 600;
}
.transaction-success__footer--flex b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #374151;
  font-weight: 400;
}
.transaction-success__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.transaction-success__title img:hover {
  background-color: #f3f4f6;
}
.transaction-success__datablock {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
  height: calc(100% - 185px);
}
.transaction-success__datablock--right {
  background-color: var(--level-1);
  width: 50%;
  height: 100%;
  border-radius: 6px;
  padding: 10px;
}
.transaction-success__datablock--right ul {
  margin-bottom: 0px;
  height: calc(100% - 100px);
  margin-top: 10px;
  background-color: var(--bg-color);
  padding: 20px;
  margin: 20px 40px;
  border-radius: 6px;
}
.transaction-success__datablock--right li {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
  padding: 10px;
}
.transaction-success__datablock--right li label {
  font-size: 12px;
  color: #6b7280;
  font-family: "Josefin Sans" !important;
}
.transaction-success__datablock--right li span {
  font-size: 14px;
  color: var(--text-color);
  text-align: right;
  font-family: "Spline Sans Mono", monospace !important;
}
.transaction-success__datablock--left {
  width: 50%;
  height: 100%;
}
.transaction-success__datablock--left img {
  height: 350px;
  width: 350px;
  display: block;
  margin: auto;
}
.transaction-success__datablock--text {
  color: #22c55e;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  text-align: center;
  display: block;
}
.transaction-success__datablock--subtext {
  color: var(--text-color);
  font-size: 14px;
  text-align: center;
  display: block;
  font-family: "Josefin Sans" !important;
}

.channeldescription {
  height: 100%;
}
.channeldescription h4 {
  text-decoration: underline;
  text-align: center;
}
.channeldescription__channelname {
  color: var(--level-5) !important;
  text-transform: capitalize !important;
  padding-left: 5px !important;
}
.channeldescription__frame {
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  height: 100%;
}
.channeldescription__frame--userlist {
  height: calc(100% - 70px);
  overflow-y: auto;
}
.channeldescription__frame--userlist--table {
  max-height: 100%;
}
.channeldescription__frame--userlist--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.channeldescription__frame--userlist--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.channeldescription__frame--userlist--table td img:hover,
.channeldescription__frame--userlist--table td a:hover {
  cursor: pointer;
}
.channeldescription__frame--userlist--table tbody {
  background-color: var(--level-1);
}
.channeldescription__frame--userlist--table tbody tr:hover {
  background-color: var(--level-2);
}
.channeldescription__frame--userlist--table tbody tr:hover td {
  color: var(--level-7);
}
.channeldescription__frame--userlist--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.channeldescription__frame--userlist--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.channeldescription__frame--userlist--table--th-slno {
  width: 8%;
}
.channeldescription__frame--userlist--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.channeldescription__frame--userlist--table--desc {
  width: 20%;
}
.channeldescription__frame--header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.channeldescription__buttonspace {
  margin: 10px 0px 0px 10px;
}
.channeldescription__totalCount {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
}

#chat-layout {
  height: calc(100% - 140px);
  margin: 0px 10px 10px 10px;
  column-gap: 20px;
}
#chat-layout .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
#chat-layout .institution__table {
  margin-top: 10px !important;
}
#chat-layout .institution__table tr:hover .institution__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
#chat-layout .institution__table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
#chat-layout .institution__table--action {
  width: 12%;
}
#chat-layout .institution__table--year {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
#chat-layout .institution__table--date {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
#chat-layout .institution__table--th-slno {
  width: 10%;
}
#chat-layout .institution__table--th-year {
  width: 12%;
}
#chat-layout .institution__table--th-date {
  width: 12%;
}

#channeluser-layout {
  height: calc(100% - 140px);
  margin: 0px 10px 10px 10px;
}

#channel-tabel {
  height: calc(100% - 40px);
}

.chat-frame {
  height: calc(100% - 30px);
  overflow: auto;
}
.chat-frame--multiselect .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.chat-frame--multiselect .MuiChip-root {
  height: 20px !important;
}
.chat-frame--multiselect .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}

.chat-frame::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.chat-frame::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.chat-frame::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.channeldescription__frame--userlist::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.channeldescription__frame--userlist::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.channeldescription__frame--userlist::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.config__details {
  padding: 12px;
  border: 1px solid #f7fafc;
  margin: 0 auto;
  border-radius: 12px;
  width: 430px;
  background: #f7fafc;
  box-sizing: border-box;
}

.delete-modal__body {
  text-align: left;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin-top: 20px;
  height: calc(100% - 85px);
}
.delete-modal__title {
  font-family: "Josefin Sans" !important;
  height: 25px;
}
.delete-modal__title .close-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.delete-modal__title .close-icon:hover {
  background-color: #f3f4f6;
}

.old-balance-modal__title {
  font-family: "Josefin Sans" !important;
  height: 70px;
}
.old-balance-modal__title .close-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.old-balance-modal__title .close-icon:hover {
  background-color: #f3f4f6;
}

.staffconfiguration {
  height: 100%;
}
.staffconfiguration__department, .staffconfiguration__section, .staffconfiguration__semester, .staffconfiguration__class, .staffconfiguration__branch {
  background: #fffff0;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 3px;
}
.staffconfiguration__department--footer, .staffconfiguration__section--footer, .staffconfiguration__semester--footer, .staffconfiguration__class--footer, .staffconfiguration__branch--footer {
  margin: 5px;
}
.staffconfiguration__department--footer label, .staffconfiguration__section--footer label, .staffconfiguration__semester--footer label, .staffconfiguration__class--footer label, .staffconfiguration__branch--footer label {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  padding: 4px;
  margin: 2px;
  font-size: 12px;
}
.staffconfiguration__department b, .staffconfiguration__section b, .staffconfiguration__semester b, .staffconfiguration__class b, .staffconfiguration__branch b {
  font-size: 13px;
  margin-left: 10px;
  margin-top: 0px !important;
  color: #000;
}
.staffconfiguration__user {
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 18px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.staffconfiguration__branch {
  background: #fff5f5;
}
.staffconfiguration__class {
  background: #f0fff4;
}
.staffconfiguration__semester {
  background: #e6fffa;
}
.staffconfiguration__new {
  margin-top: 20px;
  height: calc(100% - 50px);
  overflow-y: auto;
}
.staffconfiguration__section {
  background: #faf5ff;
}
.staffconfiguration__buttonspace {
  margin: 0px 0px 10px 20px;
}

#staff-layout {
  height: calc(100% - 130px);
  margin: 0px 10px 0px 10px;
}

.staffdetails::-webkit-scrollbar {
  width: 18px;
  border-radius: 20px;
}

.staffdetails::-webkit-scrollbar-thumb {
  border: 5px solid white;
  background-color: #4a5568;
  border-radius: 30px;
}

.staffdetails::-webkit-scrollbar-thumb:hover {
  border: 3px solid white;
  border-radius: 20px 0px;
}

#staff {
  height: calc(100% - 50px);
}

.staff-frame {
  height: calc(100% - 10px);
  overflow-y: auto;
}
.staff-frame .Heading {
  color: var(--level-5);
}

.staffdetails {
  height: calc(100% - 70px);
  overflow-y: auto;
}
.staffdetails .Label {
  margin-top: 0px;
}

.staff-frame::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.staff-frame::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.staff-frame::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.predefined__tableblock {
  height: calc(100% - 265px);
  margin: 10px 20px 0px 20px;
}
.predefined__table {
  max-height: 100%;
}
.predefined__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.predefined__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.predefined__table td img:hover,
.predefined__table td a:hover {
  cursor: pointer;
}
.predefined__table tbody {
  background-color: var(--level-1);
}
.predefined__table tbody tr:hover {
  background-color: var(--level-2);
}
.predefined__table tbody tr:hover td {
  color: var(--level-7);
}
.predefined__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.predefined__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.predefined__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.predefined__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.predefined__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.page-config {
  height: calc(100% - 285px);
  overflow: auto;
  width: 100%;
}
.page-config__data {
  column-count: 4;
  margin: 10px 20px 0px 40px;
  column-gap: 20px;
  column-rule: 4px double #cbd5e0;
}
.page-config__data .MuiButtonBase-root {
  padding: 0px !important;
}
.page-config__label-grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  margin-left: 20px;
}

.pageconfig__select-grid {
  display: grid;
  grid-template-columns: 1.2fr 3.4fr;
}

.eduate-pageconfig {
  height: calc(100% - 220px);
  margin: 0px 10px 10px 10px;
}
.eduate-pageconfig__details {
  height: 100%;
}
.eduate-pageconfig__details--list {
  height: calc(100% - 40px);
  overflow-y: auto;
}
.eduate-pageconfig__details--list .select-all {
  margin-left: 10px !important;
}
.eduate-pageconfig__details--list .select-all .MuiButtonBase-root,
.eduate-pageconfig__details--list .select-all .MuiCheckbox-root {
  padding: 0px !important;
}
.eduate-pageconfig__details--list--flex {
  column-count: 2;
  margin: 10px 20px 0px 40px;
  column-gap: 20px;
  column-rule: 4px double #cbd5e0;
}
.eduate-pageconfig__details--list--flex Label {
  margin-top: 5px !important;
}
.eduate-pageconfig__details--list--flex--data {
  border-bottom: 1px dashed var(--level-2);
  display: flex;
}
.eduate-pageconfig__details--list--flex .Mui-checked {
  color: var(--level-5) !important;
}
.eduate-pageconfig__details--list--flex .MuiButtonBase-root,
.eduate-pageconfig__details--list--flex .MuiCheckbox-root {
  padding: 0px !important;
}

.eduate-pageconfig__details--list::-webkit-scrollbar,
.page-config::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.eduate-pageconfig__details--list::-webkit-scrollbar-thumb,
.page-config::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.eduate-pageconfig__details--list::-webkit-scrollbar-thumb:hover,
.page-config::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student-software-config {
  overflow-y: auto;
  height: calc(100% - 243px);
  width: 100%;
}
.student-software-config__modal {
  overflow-y: auto;
  height: calc(100% - 105px);
  width: 100%;
}
.student-software-config__data {
  column-count: 4;
  margin: 0px 20px 0px 40px;
  column-gap: 20px;
  column-rule: 4px double #cbd5e0;
}
.student-software-config__data .Mui-checked {
  color: var(--level-5) !important;
}
.student-software-config__data .MuiCheckbox-root {
  padding: 0px !important;
}
.student-software-config__buttons {
  margin-left: 20px;
}

.student-software-config::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-software-config::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-software-config::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.global-configuration {
  height: calc(100% - 170px);
  margin: 0px 20px 0px 20px;
}
.global-configuration .MuiFormControlLabel-root {
  margin-right: 0px !important;
}
.global-configuration .MuiTypography-root {
  color: white;
  margin-top: 3px;
}
.global-configuration .MuiSwitch-root {
  margin-top: 8px;
}
.global-configuration .Label {
  margin-top: 5px;
}
.global-configuration .select {
  margin-top: 5px !important;
}
.global-configuration__data {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  column-rule: 4px dotted var(--border-color);
}
.global-configuration__data--parameters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px dashed var(--border-color);
  padding-bottom: 5px;
}
.global-configuration__block {
  height: calc(100% - 40px);
  overflow-y: auto;
}
.global-configuration__block .MuiAccordion-region {
  height: 100%;
}
.global-configuration__block .MuiCollapse-wrapperInner {
  height: 100% !important;
}
.global-configuration__block--details {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-fill: auto;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  column-rule: 4px dotted var(--border-color);
  height: 100%;
}

.global-configuration__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.global-configuration__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.global-configuration__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.customer-predefined-data {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.customer-predefined-data__button {
  display: flex;
  justify-content: flex-end;
  margin-right: 0px;
}
.customer-predefined-data__tableblock {
  height: calc(100% - 88px);
}
.customer-predefined-data__table {
  max-height: 100%;
}
.customer-predefined-data__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.customer-predefined-data__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.customer-predefined-data__table td img:hover,
.customer-predefined-data__table td a:hover {
  cursor: pointer;
}
.customer-predefined-data__table tbody {
  background-color: var(--level-1);
}
.customer-predefined-data__table tbody tr:hover {
  background-color: var(--level-2);
}
.customer-predefined-data__table tbody tr:hover td {
  color: var(--level-7);
}
.customer-predefined-data__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.customer-predefined-data__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.customer-predefined-data__table {
  margin-top: 10px;
  height: calc(100% - 35px);
}

.reset-config {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 150px);
}
.reset-config__data {
  height: calc(100% - 95px);
  column-gap: 20px;
  margin-top: 10px;
}
.reset-config__data--block {
  height: fit-content;
  padding: 10px;
  background-color: #f3f4f6;
  border-radius: 10px;
}
.reset-config__data--block .storybook-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.reset-config__data--block--image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
}
.reset-config__data--block--change-image img {
  filter: invert(1);
}

.inst-logo {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.inst-logo__frame {
  column-gap: 10px;
}
.inst-logo__frame--upload .documents-upload {
  display: grid;
  grid-template-columns: 2.5fr 1fr 1fr !important;
}
.inst-logo__frame--upload .documents-upload--filename {
  width: 300px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inst-logo__browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.inst-logo__browse input {
  display: none;
}
.inst-logo__browse img {
  padding-right: 5px;
}
.inst-logo__browse {
  margin: 10px 10px 0px 0px;
}
.inst-logo__browse--fileattach--input {
  display: none;
}
.inst-logo__buttons {
  display: flex;
}
.inst-logo__container {
  height: calc(100% - 30px);
}
.inst-logo__table {
  max-height: 100%;
}
.inst-logo__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.inst-logo__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.inst-logo__table td img:hover,
.inst-logo__table td a:hover {
  cursor: pointer;
}
.inst-logo__table tbody {
  background-color: var(--level-1);
}
.inst-logo__table tbody tr:hover {
  background-color: var(--level-2);
}
.inst-logo__table tbody tr:hover td {
  color: var(--level-7);
}
.inst-logo__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.inst-logo__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.inst-logo__table {
  margin-top: 10px;
}
.inst-logo__table--sl {
  width: 8%;
}
.inst-logo__datablock {
  height: 100%;
  column-gap: 40px;
}
.inst-logo__image {
  margin: auto;
  display: block;
  width: 250px;
}
.inst-logo__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.inst-logo__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.inst-logo__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.inst-logo__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.inst-logo__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.inst-logo__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.inst-logo__tabs {
  margin-top: 10px;
}
.inst-logo__tabpanel {
  height: calc(100% - 110px);
  margin-top: 10px;
}

.admin-config {
  height: calc(100% - 165px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.admin-config__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.admin-config__title img:hover {
  background-color: #f3f4f6;
}
.admin-config__block {
  padding: 20px;
  background-color: #f9fafb;
  border-radius: 10px;
  width: 600px;
  height: fit-content;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.admin-config__block p {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  line-height: 1.6;
  text-align: justify;
  color: var(--text-color);
}

.admintools-config {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.admintools-config__data {
  height: calc(100% - 95px);
  column-gap: 20px;
  margin-top: 20px;
}
.admintools-config__data--data-block {
  gap: 20px;
}
.admintools-config__data--block {
  padding: 10px;
  background-color: #f3f4f6;
  border-radius: 10px;
  margin-bottom: 20px;
}
.admintools-config__data--block .storybook-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.admintools-config__table {
  border: 1px solid var(--border-color);
  height: 100%;
}
.admintools-config__table--cell {
  max-height: 100%;
}
.admintools-config__table--cell th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.admintools-config__table--cell td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.admintools-config__table--cell td img:hover,
.admintools-config__table--cell td a:hover {
  cursor: pointer;
}
.admintools-config__table--cell tbody {
  background-color: var(--level-1);
}
.admintools-config__table--cell tbody tr:hover {
  background-color: var(--level-2);
}
.admintools-config__table--cell tbody tr:hover td {
  color: var(--level-7);
}
.admintools-config__table--cell tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.admintools-config__table--cell tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.delete-config {
  margin: 30px 20px 0px 20px;
  height: calc(100% - 195px);
}
.delete-config__block {
  column-gap: 20px;
  height: calc(100% - 45px);
}
.delete-config__block ul {
  margin-bottom: 0px !important;
}
.delete-config__block--list {
  font-size: 16px;
  font-weight: bold;
}
.delete-config__block--list-items {
  border-radius: 10px;
  margin-left: 20px;
}

.admin-tools-ob {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.admin-tools-ob__select {
  column-gap: 10px;
  height: 130px;
}
.admin-tools-ob__select--frame {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 0px 5px;
  border-radius: 6px;
}
.admin-tools-ob__tableblock {
  margin-top: 10px;
  height: calc(100% - 185px);
}

.collegedetails {
  display: flex;
  padding: 5px;
  justify-content: center !important;
}
.collegedetails span {
  margin-right: 10px;
  background-color: white;
  border-radius: 2px;
  border: 0.5px solid #cbd5e0;
  padding: 5px;
  cursor: pointer;
}
.collegedetails span a {
  color: #000;
}
.collegedetails span .active {
  background: var(--level-5);
  padding: 8px;
  margin: -6px;
  border: 0px;
  border-radius: 5px;
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.25);
}

.instindex__container {
  height: calc(100% - 130px) !important;
}
.instindex__container > img {
  display: block;
  margin: auto !important;
  width: 75%;
  height: 75%;
}
.instindex__container--group {
  margin: 10px 20px 10px 20px;
  height: 120px;
  column-gap: 20px;
}
.instindex__container--card {
  background-color: var(--bg-color);
  border-radius: 6px;
  box-shadow: 6px 4px 4px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  text-align: center;
  padding: 20px;
}
.instindex__container--card Label,
.instindex__container--card img {
  font-size: 18px;
  margin: auto;
}

.inst-breadcrumbs {
  height: 20px;
}
.inst-breadcrumbs a {
  font-size: 14px;
  margin-bottom: 0px;
  color: var(--level-6);
  font-weight: 500;
  font-family: "Josefin Sans" !important;
}

.masters-frame {
  height: calc(100% - 275px);
  margin: 20px 10px 0px 10px;
  column-gap: 20px;
}
.masters-frame--active {
  height: calc(100% - 305px);
  margin: 20px 10px 0px 10px;
  column-gap: 20px;
}

.fin-masters-frame {
  height: calc(100% - 215px);
  margin: 10px 20px 0px 20px;
}
.fin-masters-frame__modal {
  height: 100%;
}
.fin-masters-frame__datablock {
  margin-top: 20px;
  column-gap: 20px;
  height: calc(100% - 95px);
}
.fin-masters-frame__datablock .booktype-right {
  margin: 0px !important;
}
.fin-masters-frame__tableblock {
  height: calc(100% - 80px);
}

.acd-masters-frame {
  height: calc(100% - 215px);
  margin: 10px 20px 0px 20px;
}
.acd-masters-frame__modal {
  height: 100%;
}
.acd-masters-frame__form {
  margin-top: 20px;
  height: calc(100% - 95px);
}
.acd-masters-frame__datablock {
  column-gap: 20px;
  height: 100%;
}
.acd-masters-frame__datablock .booktype-right {
  margin: 0px !important;
}
.acd-masters-frame__datablock .booktype-left {
  margin: 0px !important;
}
.acd-masters-frame__tableblock {
  height: calc(100% - 80px);
}
.acd-masters-frame__acd {
  height: 100%;
}
.acd-masters-frame__payroll {
  height: calc(100% - 150px);
  margin: 10px 20px 0px 20px;
}

.masterconfig {
  height: calc(100% - 260px);
  margin: 0px 10px 0px 10px;
}
.masterconfig__details {
  height: calc(100% - 55px);
  column-gap: 20px;
}
.masterconfig__table {
  max-height: 100%;
}
.masterconfig__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.masterconfig__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.masterconfig__table td img:hover,
.masterconfig__table td a:hover {
  cursor: pointer;
}
.masterconfig__table tbody {
  background-color: var(--level-1);
}
.masterconfig__table tbody tr:hover {
  background-color: var(--level-2);
}
.masterconfig__table tbody tr:hover td {
  color: var(--level-7);
}
.masterconfig__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.masterconfig__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.masterconfig__table {
  margin-top: 10px;
  height: calc(100% - 35px);
}
.masterconfig__table tr:hover .institution__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.masterconfig__buttons {
  margin: 10px 0px 0px 10px;
}
.masterconfig__category {
  height: calc(100% - 160px);
  margin: 0px 10px 0px 10px;
}
.masterconfig__tree-view {
  height: calc(100% - 35px);
  overflow: auto;
}
.masterconfig__tree-view--ol {
  border-left: 2px dashed var(--border-color) !important;
}
.masterconfig__tree-view--icons {
  width: 20px;
}
.masterconfig__tree-view--li {
  display: flex;
  align-items: center;
  column-gap: 5px;
  border-radius: 30px;
  padding: 5px;
  margin-left: -15px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.masterconfig__tree-view--li:hover {
  background-color: var(--level-2);
  font-weight: 600;
}
.masterconfig__tree-view--li:focus {
  background-color: var(--level-4);
  color: white;
}

.masterconfig__tree-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.masterconfig__tree-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.masterconfig__tree-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.logo > img {
  position: relative;
  width: 45px;
  height: 45px;
  left: 11px;
  top: -30px;
}

.departmenttreeview {
  margin-top: 20px;
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.departmenttreeview__header {
  color: green;
}
.departmenttreeview img {
  width: 20px;
  margin-right: 10px;
}
.departmenttreeview a {
  color: black;
}

.tree-view {
  margin-top: 20px;
  height: calc(100% - 10px);
  overflow-y: auto;
  overflow-x: hidden;
}
.tree-view .MuiTreeItem-content:hover {
  background-color: var(--level-2) !important;
}
.tree-view .MuiTreeItem-content:hover .MuiTreeItem-content .MuiTreeItem-label {
  color: #000 !important;
}
.tree-view .MuiSvgIcon-root {
  fill: var(--text-color) !important;
}

.tree-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.tree-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.tree-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.MuiTreeItem-content .MuiTreeItem-label {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.MuiTreeItem-content .MuiTreeItem-label:hover {
  color: #000;
}

.MuiTreeItem-content.Mui-selected {
  padding: 6px;
  border-radius: 15px;
  background: var(--level-4) !important;
  padding-left: 10px;
  color: white !important;
  font-weight: 500 !important;
}
.MuiTreeItem-content.Mui-selected:hover {
  background: var(--level-4) !important;
  color: white !important;
}

.MuiTreeItem-group {
  border-left: 2px dotted var(--level-4) !important;
  margin-left: 15px;
}

.instconfig__table {
  margin-top: 20px;
  max-height: 100%;
}
.instconfig__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.instconfig__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.instconfig__table td img:hover,
.instconfig__table td a:hover {
  cursor: pointer;
}
.instconfig__table tbody {
  background-color: var(--level-1);
}
.instconfig__table tbody tr:hover {
  background-color: var(--level-2);
}
.instconfig__table tbody tr:hover td {
  color: var(--level-7);
}
.instconfig__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.instconfig__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.masterconfig-details {
  margin: 10px;
}

.css3-tabstrip {
  height: 40px;
  margin-top: 5px;
  margin-left: 10px;
}

.css3-tabstrip li {
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #cbd5e0;
  text-align: center;
  margin: 2px 2px 0 10px;
  font-family: "Josefin Sans" !important;
}
.css3-tabstrip li .active {
  display: inline-block;
  background-color: var(--level-5);
  border: solid 1px var(--level-5);
  border-radius: 6px;
  font-weight: 500;
}
.css3-tabstrip li .active label {
  color: white !important;
}

.css3-tabstrip label {
  color: var(--text-color) !important;
  padding: 4px;
  font-family: "Josefin Sans" !important;
  cursor: pointer;
  margin-right: 10px;
}
.css3-tabstrip label .active {
  color: white !important;
}

.css3-tabstrip input[type=radio] {
  opacity: 0;
}

.Dropdown_dropdown__eszNv {
  padding-right: 2px !important;
}

.Item_item__xXudN {
  padding: 3px !important;
}

.Dropdown_dropdown__eszNv .Dropdown_menu__VtDkt ul {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.userneeds {
  height: 100%;
}
.userneeds__frame {
  height: calc(100% - 210px);
  margin: 0px 20px 0px 20px;
  column-gap: 20px;
}
.userneeds__frame--label-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.userneeds__grid {
  display: grid;
  grid-template-columns: 2.5fr 3.5fr;
}
.userneeds__switch {
  display: flex;
  justify-content: flex-end;
}
.userneeds__gridradio {
  display: grid;
  grid-template-columns: 1.5fr 2.5fr;
}
.userneeds__label {
  padding: 6px;
  background: var(--level-5);
  width: 100%;
  height: 48px;
  color: white;
}
.userneeds__menu {
  transform: scaleY(1);
  transform-origin: top left;
  transition-duration: 0.2s;
}
.userneeds__table {
  height: calc(100% - 10px);
}
.userneeds__table--option {
  height: 100%;
  overflow: auto;
  padding-top: 10px;
}
.userneeds__table--option p {
  padding-top: 4px;
  color: white;
}
.userneeds__table--option img {
  filter: invert(0%);
}
.userneeds__switch-grid {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  margin-top: 5px;
}
.userneeds__prefill-grid {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
}
.userneeds__preview-data input {
  color: var(--level-5) !important;
  font-size: 16px;
  font-weight: bold;
}
.userneeds__voucher-flex {
  display: flex;
}
.userneeds__voucher-flex Input {
  margin-top: 0px !important;
}
.userneeds__voucher-flex .MuiFormControl-root {
  margin-top: 0px !important;
}
.userneeds .MuiAccordionSummary-content .MuiTypography-root {
  color: white !important;
  margin-top: 3px;
}
.userneeds .MuiCollapse-root {
  border: 1px solid #cbd5e0;
}
.userneeds .MuiFormControlLabel-root .MuiFormControlLabel-label {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px;
  color: var(--text-color);
}
.userneeds .MuiButtonBase-root-MuiCheckbox-root {
  padding: 0px;
}
.userneeds .MuiFormLabel-root {
  margin-left: 8px;
}
.userneeds .MuiFormControlLabel-root {
  justify-content: space-between !important;
  margin-left: 5px !important;
  margin-right: 0px !important;
  margin-top: 5px;
}

.userneeds__table--option::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.userneeds__table--option::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.userneeds__table--option::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.institution__table {
  margin-top: 20px;
  max-height: 100%;
}
.institution__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.institution__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.institution__table td img:hover,
.institution__table td a:hover {
  cursor: pointer;
}
.institution__table tbody {
  background-color: var(--level-1);
}
.institution__table tbody tr:hover {
  background-color: var(--level-2);
}
.institution__table tbody tr:hover td {
  color: var(--level-7);
}
.institution__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.institution__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.institution__table {
  height: calc(100% - 20px);
}
.institution__table tr:hover .institution__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.institution__table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.institution__table--th-slno {
  width: 10%;
}
.institution__table--action {
  width: 12%;
}

#department-table {
  height: calc(100% - 10px);
}
#department-table .institution__table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
#department-table .institution__table--action {
  width: 12%;
}

#category-table {
  height: calc(100% - 10px);
}

.inst-config__buttons {
  margin-left: 20px;
}
.inst-config__label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.activefinancialyearIcon {
  margin-right: 5px;
}

.registration {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.registration__data {
  height: calc(100% - 45px);
  overflow: auto;
  column-gap: 30px;
}
.registration__data .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.registration__data--logo-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.5fr 0.6fr;
  gap: 10px;
}
.registration__data--logo-grid .storybook-button {
  margin: 10px 0px 0px 0px;
}
.registration__data--logo-grid--span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.registration__data--logo-grid--image {
  display: flex;
}
.registration__data--logo-grid--image--close-icon {
  width: 25px;
  height: 25px;
  margin-top: 10px;
}
.registration__data--logo-grid--image--close-icon:hover {
  background-color: #e2e8f0;
  border-radius: 6px;
}
.registration__data--logo-grid--browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.registration__data--logo-grid--browse input {
  display: none;
}
.registration__data--logo-grid--browse img {
  padding-right: 5px;
}

.inststeppers {
  margin-top: 10px;
}

.inst-registration {
  height: calc(100% - 170px);
  margin: 0px 20px;
}
.inst-registration__modal {
  height: calc(100% - 25px);
}
.inst-registration__reg {
  height: calc(100% - 235px);
  margin: 0px 20px;
}
.inst-registration__data {
  height: calc(100% - 55px);
  overflow: auto;
  column-gap: 42px;
  margin-top: 10px;
}
.inst-registration__data .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.inst-registration__basic-details {
  margin: 0px 20px;
  height: calc(100% - 165px);
}

.institution__table::-webkit-scrollbar,
.registration__data::-webkit-scrollbar,
.inst-registration__data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.institution__table::-webkit-scrollbar-thumb,
.registration__data::-webkit-scrollbar-thumb,
.inst-registration__data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.institution__table::-webkit-scrollbar-thumb:hover,
.registration__data::-webkit-scrollbar-thumb:hover,
.inst-registration__data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.eduate-module {
  height: calc(100% - 215px);
  margin: 10px 20px 0px 20px;
}
.eduate-module__modal {
  height: 100%;
}
.eduate-module__details {
  height: calc(100% - 85px);
  column-gap: 20px;
  margin-top: 10px;
}
.eduate-module__details .booktype-left {
  margin: 0px !important;
}
.eduate-module__details .booktype-left .MuiSwitch-root {
  top: 10px !important;
}
.eduate-module__details .booktype-right {
  margin: 0px !important;
}
.eduate-module__details input[type=number] {
  font-family: "Spline Sans Mono", monospace !important;
  width: fit-content !important;
}
.eduate-module__details--frame {
  height: calc(100% - 25px);
}
.eduate-module__details--textfield--sdate {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.eduate-module__details--textfield--sdate .MuiInputBase-input {
  padding: 5px !important;
}
.eduate-module__details--textfield--sdate input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-module__details--textfield--sdate label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.eduate-module__details--textfield--sdate .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-module__details--textfield--sdate .MuiInputBase-input {
  height: 1.3em !important;
}
.eduate-module__details--textfield--sdate {
  width: fit-content !important;
  background-color: var(--bg-color);
}
.eduate-module__details--textfield--sdate input {
  color: #4ade80 !important;
}
.eduate-module__details--textfield--edate {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.eduate-module__details--textfield--edate .MuiInputBase-input {
  padding: 5px !important;
}
.eduate-module__details--textfield--edate input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-module__details--textfield--edate label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.eduate-module__details--textfield--edate .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-module__details--textfield--edate .MuiInputBase-input {
  height: 1.3em !important;
}
.eduate-module__details--textfield--edate {
  width: fit-content !important;
  background-color: var(--bg-color);
}
.eduate-module__details--textfield--edate input {
  color: #ef4444 !important;
}
.eduate-module__details--textfield--gperiod {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.eduate-module__details--textfield--gperiod .MuiInputBase-input {
  padding: 5px !important;
}
.eduate-module__details--textfield--gperiod input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-module__details--textfield--gperiod label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.eduate-module__details--textfield--gperiod .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-module__details--textfield--gperiod .MuiInputBase-input {
  height: 1.3em !important;
}
.eduate-module__details--textfield--gperiod {
  background-color: var(--bg-color);
  width: fit-content !important;
}
.eduate-module__details--add {
  column-gap: 10px;
  display: flex;
  justify-content: space-around;
  height: 130px;
}
.eduate-module__details--add--dates {
  display: flex;
  column-gap: 10px;
  justify-content: center;
}
.eduate-module__details--add--image {
  text-align: center;
}
.eduate-module__details--add--gperiod {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.eduate-module__details--add--block {
  background-color: #f1f5f9;
  padding: 20px 10px 10px 10px;
  border-radius: 6px;
}
.eduate-module__details--add--license {
  display: flex;
  justify-content: center;
}
.eduate-module__details--add--license img {
  width: 20px;
  height: 30px;
  margin-top: 10px;
}
.eduate-module__details--add--total {
  text-align: center;
  font-weight: 700;
  color: #334155;
}
.eduate-module__details--add--total span {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-module__details--add--total {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.eduate-module__table {
  max-height: 100%;
}
.eduate-module__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.eduate-module__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.eduate-module__table td img:hover,
.eduate-module__table td a:hover {
  cursor: pointer;
}
.eduate-module__table tbody {
  background-color: var(--level-1);
}
.eduate-module__table tbody tr:hover {
  background-color: var(--level-2);
}
.eduate-module__table tbody tr:hover td {
  color: var(--level-7);
}
.eduate-module__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.eduate-module__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.eduate-module__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-module__table--actions {
  width: 4%;
}
.eduate-module__tableblock {
  height: calc(100% - 140px);
  margin-top: 10px;
}

.eduate-module-config {
  height: calc(100% - 165px);
  margin: 10px 20px 0px 20px;
}
.eduate-module-config__tableblock {
  height: calc(100% - 55px);
  margin-top: 10px;
}

.active-years {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 255px);
}
.active-years__datablock {
  height: calc(100% - 40px);
  column-gap: 40px;
}
.active-years__datablock .booktype-left,
.active-years__datablock .booktype-right {
  margin: 0px 0px 0px 0px !important;
}
.active-years__tableblock {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.active-years__tableblock--table {
  max-height: 100%;
}
.active-years__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.active-years__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.active-years__tableblock--table td img:hover,
.active-years__tableblock--table td a:hover {
  cursor: pointer;
}
.active-years__tableblock--table tbody {
  background-color: var(--level-1);
}
.active-years__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.active-years__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.active-years__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.active-years__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.active-years__tableblock--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}

.edu-global-configuration, .edu-global-configuration__modal {
  height: calc(100% - 250px);
  margin: 10px 20px 0px 20px;
}
.edu-global-configuration__modal {
  height: calc(100% - 35px);
  margin: 0px !important;
}
.edu-global-configuration .MuiFormControlLabel-root, .edu-global-configuration__modal .MuiFormControlLabel-root {
  margin-right: 0px !important;
}
.edu-global-configuration .MuiTypography-root, .edu-global-configuration__modal .MuiTypography-root {
  color: white;
  margin-top: 3px;
}
.edu-global-configuration .MuiSwitch-root, .edu-global-configuration__modal .MuiSwitch-root {
  margin-top: 8px;
}
.edu-global-configuration .Label, .edu-global-configuration__modal .Label {
  margin-top: 5px;
}
.edu-global-configuration .select, .edu-global-configuration__modal .select {
  margin-top: 5px !important;
}
.edu-global-configuration__data {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  column-rule: 4px dotted var(--border-color);
}
.edu-global-configuration__data--parameters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px dashed var(--border-color);
  padding-bottom: 5px;
}
.edu-global-configuration__block {
  height: calc(100% - 50px);
  overflow-y: auto;
  margin-top: 10px;
}
.edu-global-configuration__block .MuiAccordion-region {
  height: 100%;
}
.edu-global-configuration__block .MuiCollapse-wrapperInner {
  height: 100% !important;
}
.edu-global-configuration__block--details {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-fill: auto;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  column-rule: 4px dotted var(--border-color);
  height: 100%;
}

.edu-global-configuration__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.edu-global-configuration__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.edu-global-configuration__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.view-inst-details {
  height: calc(100% - 30px);
}
.view-inst-details__datablock {
  height: calc(100% - 45px);
  column-gap: 20px;
}
.view-inst-details__datablock--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-inst-details__datablock--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.view-inst-details__datablock--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-inst-details__datablock--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-inst-details__datablock--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-inst-details__datablock--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.view-inst-details__datablock--textfield {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.view-inst-details__datablock--textfield--start-date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-inst-details__datablock--textfield--start-date .MuiInputBase-input {
  padding: 5px !important;
}
.view-inst-details__datablock--textfield--start-date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-inst-details__datablock--textfield--start-date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-inst-details__datablock--textfield--start-date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-inst-details__datablock--textfield--start-date .MuiInputBase-input {
  height: 1.3em !important;
}
.view-inst-details__datablock--textfield--start-date {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.view-inst-details__datablock--textfield--start-date .MuiInputBase-root .Mui-disabled {
  -webkit-text-fill-color: #86efac !important;
}
.view-inst-details__datablock--textfield--end-date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-inst-details__datablock--textfield--end-date .MuiInputBase-input {
  padding: 5px !important;
}
.view-inst-details__datablock--textfield--end-date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-inst-details__datablock--textfield--end-date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-inst-details__datablock--textfield--end-date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-inst-details__datablock--textfield--end-date .MuiInputBase-input {
  height: 1.3em !important;
}
.view-inst-details__datablock--textfield--end-date {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.view-inst-details__datablock--textfield--end-date .MuiInputBase-root .Mui-disabled {
  -webkit-text-fill-color: #f87171 !important;
}
.view-inst-details__datablock--left {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
}
.view-inst-details__datablock--left--inst-logo {
  margin-top: 10px;
  width: 80px;
  height: 80px;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.view-inst-details__datablock--left--inst-logo img {
  height: 100%;
  width: 100%;
}
.view-inst-details__datablock--left--details {
  margin-top: 10px;
  column-count: 2;
  overflow: auto;
}
.view-inst-details__datablock--block {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  overflow: auto;
}
.view-inst-details__datablock--block--list {
  height: calc(100% - 82px);
  overflow: auto;
  background-color: var(--level-1);
  border-radius: 6px;
  padding: 5px;
}
.view-inst-details__datablock--block--list li {
  padding: 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  border-bottom: 1px solid var(--border-color);
}
.view-inst-details__datablock--block--image {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 40px;
  height: 40px;
}
.view-inst-details__datablock--block--image img {
  width: 100%;
  height: 100%;
}
.view-inst-details__datablock--block--finyr {
  height: fit-content;
  padding: 5px;
  background-color: var(--level-1);
  border-radius: 6px;
}
.view-inst-details__datablock--block--finyr .MuiInputBase-root .Mui-disabled {
  -webkit-text-fill-color: #86efac !important;
}
.view-inst-details__datablock--block--acdyr {
  height: fit-content;
  padding: 5px;
  background-color: var(--level-1) !important;
  border-radius: 6px;
  margin-top: 10px;
}
.view-inst-details__datablock--block--acdyr .MuiInputBase-root .Mui-disabled {
  -webkit-text-fill-color: #7dd3fc !important;
}
.view-inst-details__datablock--block--license {
  height: fit-content;
  padding: 5px;
  background-color: var(--level-1);
  border-radius: 6px;
  margin-top: 10px;
}
.view-inst-details__datablock--block--license--days {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  text-align: center;
}
.view-inst-details__datablock--block--license--days span {
  font-weight: 700;
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
  margin-right: 10px;
}
.view-inst-details__datablock--block--license--active {
  display: flex;
  justify-content: center;
  width: fit-content;
  background-color: var(--bg-color);
  border-radius: 6px;
  padding: 0px 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.view-inst-details__datablock--block--compare-image {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 20px;
  height: 20px;
}
.view-inst-details__datablock--block--compare-image img {
  width: 100%;
  height: 100%;
}

.view-inst-details__datablock--block::-webkit-scrollbar,
.view-inst-details__datablock--block--list::-webkit-scrollbar,
.view-inst-details__datablock--left--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.view-inst-details__datablock--block::-webkit-scrollbar-thumb,
.view-inst-details__datablock--block--list::-webkit-scrollbar-thumb,
.view-inst-details__datablock--left--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.view-inst-details__datablock--block::-webkit-scrollbar-thumb:hover,
.view-inst-details__datablock--block--list::-webkit-scrollbar-thumb:hover,
.view-inst-details__datablock--left--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.inst-payment-issue {
  height: calc(100% - 170px);
  margin: 0px 80px;
}
.inst-payment-issue__title {
  margin-top: 60px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  height: 100px;
  padding: 5px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.inst-payment-issue__title b {
  color: #f59e0b;
  font-size: 25px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
}
.inst-payment-issue__title img {
  width: 80px;
  height: 80px;
}
.inst-payment-issue__block {
  color: var(--text-color);
  font-size: 18px;
  font-family: "Josefin Sans" !important;
  margin-top: 40px;
  text-align: justify;
}
.inst-payment-issue button {
  padding: 5px 10px;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  background-color: var(--bg-color) !important;
  border: 1px solid var(--border-color);
  border-radius: 20px;
  margin-top: 20px;
}

.eduate-user-association {
  height: calc(100% - 140px);
  margin: 10px 20px 0px 20px;
}
.eduate-user-association__search-options {
  column-gap: 20px;
}
.eduate-user-association__data {
  height: calc(100% - 85px);
  margin-top: 10px;
  display: flex;
  gap: 20px;
}
.eduate-user-association__data--tableblock {
  height: 100%;
  width: calc(100% - 250px);
}
.eduate-user-association__data--tableblock--table, .eduate-user-association__data--tableblock--table--modal {
  max-height: 100%;
}
.eduate-user-association__data--tableblock--table th, .eduate-user-association__data--tableblock--table--modal th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.eduate-user-association__data--tableblock--table td, .eduate-user-association__data--tableblock--table--modal td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.eduate-user-association__data--tableblock--table td img:hover, .eduate-user-association__data--tableblock--table--modal td img:hover,
.eduate-user-association__data--tableblock--table td a:hover,
.eduate-user-association__data--tableblock--table--modal td a:hover {
  cursor: pointer;
}
.eduate-user-association__data--tableblock--table tbody, .eduate-user-association__data--tableblock--table--modal tbody {
  background-color: var(--level-1);
}
.eduate-user-association__data--tableblock--table tbody tr:hover, .eduate-user-association__data--tableblock--table--modal tbody tr:hover {
  background-color: var(--level-2);
}
.eduate-user-association__data--tableblock--table tbody tr:hover td, .eduate-user-association__data--tableblock--table--modal tbody tr:hover td {
  color: var(--level-7);
}
.eduate-user-association__data--tableblock--table tfoot, .eduate-user-association__data--tableblock--table--modal tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.eduate-user-association__data--tableblock--table tfoot td, .eduate-user-association__data--tableblock--table--modal tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.eduate-user-association__data--tableblock--table .css-1q1u3t4-MuiTableRow-root.Mui-selected, .eduate-user-association__data--tableblock--table--modal .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.eduate-user-association__data--tableblock--table th .MuiSvgIcon-root, .eduate-user-association__data--tableblock--table--modal th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.eduate-user-association__data--tableblock--table td .MuiSvgIcon-root, .eduate-user-association__data--tableblock--table--modal td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.eduate-user-association__data--tableblock--table--checkbox {
  width: 5%;
}
.eduate-user-association__data--tableblock--table--icons {
  width: 5%;
}
.eduate-user-association__data--tableblock--table--subdata-icons {
  padding-left: 30px !important;
}
.eduate-user-association__data--tableblock--table--name {
  width: 15%;
}
.eduate-user-association__data--tableblock--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-user-association__data--tableblock--table--th-slno {
  width: 4%;
}
.eduate-user-association__data--tableblock--table--place {
  width: 15%;
}
.eduate-user-association__data--tableblock--table--person {
  width: 10%;
}
.eduate-user-association__data--tableblock--table--mobile {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-user-association__data--tableblock--table--total {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-user-association__data--tableblock--table--th-mobile {
  width: 8%;
}
.eduate-user-association__data--tableblock--table--th-total {
  width: 5%;
}
.eduate-user-association__data--tableblock--table--modal {
  height: calc(100% - 30px);
}
.eduate-user-association__data--userblock {
  width: 250px;
}
.eduate-user-association__data--userblock--users {
  height: calc(100% - 35px);
  padding: 10px;
  overflow: auto;
}
.eduate-user-association__data--userblock--users li {
  display: flex;
  justify-content: space-between;
}
.eduate-user-association__data--userblock--users span {
  font-family: "Josefin Sans" !important;
  font-weight: 500;
}
.eduate-user-association__data--userblock--users--totalcount {
  background-color: var(--level-4);
  height: 27px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 27px;
  text-align: center;
  padding: 2px;
  font-family: "Spline Sans Mono", monospace !important;
  color: white;
}

.view-eduate-associated-list {
  height: calc(100% - 40px);
}

.eduate-user-association__data--userblock--users::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.eduate-user-association__data--userblock--users::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.eduate-user-association__data--userblock--users::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.eduate-calendar-events {
  height: calc(100% - 175px);
  margin: 10px 20px 0px 20px;
}
.eduate-calendar-events__row {
  height: calc(100% - 45px);
  column-gap: 30px;
}
.eduate-calendar-events__row .account-frames {
  margin: 0px 0px 0px 0px !important;
}
.eduate-calendar-events__calendar {
  height: 100%;
  border: 1px solid #edf2f7;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 5px;
}
.eduate-calendar-events__calendar--grid-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height: calc(100% - 40px);
  margin-bottom: 0px !important;
  gap: 10px;
}
.eduate-calendar-events__calendar--month {
  display: flex;
  justify-content: center;
  column-gap: 40px;
}
.eduate-calendar-events__calendar--day {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.eduate-calendar-events__calendar--date {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  position: relative;
}
.eduate-calendar-events__calendar--date:hover {
  background-color: var(--level-1);
}
.eduate-calendar-events__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.eduate-calendar-events__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.eduate-calendar-events__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-calendar-events__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.eduate-calendar-events__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-calendar-events__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.eduate-calendar-events__textfield--date {
  width: fit-content !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.eduate-calendar-events__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.eduate-calendar-events__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-calendar-events__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.eduate-calendar-events__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.eduate-calendar-events__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.eduate-calendar-events__details {
  padding: 5px;
  column-gap: 20px;
}
.eduate-calendar-events__details #search {
  margin-top: 0px;
}
.eduate-calendar-events__details .eduate-calendar-events__textfield--date {
  margin-right: 20px;
}
.eduate-calendar-events__holidays-list {
  height: calc(100% - 70px);
  overflow: auto;
}
.eduate-calendar-events__holidays-list li {
  display: flex;
  column-gap: 10px;
}
.eduate-calendar-events__holidays-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.eduate-calendar-events__holidays-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-calendar-events__holidays-list--events b {
  font-family: "Josefin Sans" !important;
}
.eduate-calendar-events__holidays-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.eduate-calendar-events__list {
  height: calc(50% - 10px);
}
.eduate-calendar-events__list--list {
  height: calc(100% - 25px);
  overflow: auto;
}
.eduate-calendar-events__list--list li {
  display: flex;
  column-gap: 10px;
}
.eduate-calendar-events__list--list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.eduate-calendar-events__list--list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.eduate-calendar-events__list--list--events b {
  font-family: "Josefin Sans" !important;
}
.eduate-calendar-events__list--list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.eduate-calendar-events__insert-button {
  margin-bottom: 0px !important;
}
.eduate-calendar-events__insert-button img {
  transform: rotate(90deg);
  margin-right: 10px;
}

.eduate-calendar-events__list--list::-webkit-scrollbar,
.eduate-calendar-events__holidays-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.eduate-calendar-events__list--list::-webkit-scrollbar-thumb,
.eduate-calendar-events__holidays-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.eduate-calendar-events__list--list::-webkit-scrollbar-thumb:hover,
.eduate-calendar-events__holidays-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.campus-list {
  height: calc(100% - 160px);
  margin: 0px 20px;
}
.campus-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 103px);
}
.campus-list__tableblock ul {
  margin-bottom: 0px !important;
}
.campus-list__button {
  display: flex;
  justify-content: flex-end;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.campus-list__table {
  max-height: 100%;
}
.campus-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.campus-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.campus-list__table td img:hover,
.campus-list__table td a:hover {
  cursor: pointer;
}
.campus-list__table tbody {
  background-color: var(--level-1);
}
.campus-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.campus-list__table tbody tr:hover td {
  color: var(--level-7);
}
.campus-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.campus-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.campus-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.campus-list__table--actions {
  width: 4%;
}
.campus-list__table--primary {
  display: flex;
}
.campus-list__table--primary img {
  width: 20px;
}
.campus-list__addnew {
  height: 100%;
}
.campus-list__addnew--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr !important;
}
.campus-list__addnew--label-grid .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.campus-list__addnew--label-grid .MuiChip-root {
  height: 25px !important;
}
.campus-list__addnew--label-grid .MuiAutocomplete-endAdornment {
  background: none !important;
}
.campus-list__addnew--data {
  height: calc(100% - 65px);
}
.campus-list__addnew--data--update {
  height: calc(100% - 105px);
}
.campus-list__addnew--primary {
  height: 40px;
  border-radius: 3px;
  background-color: #f3f4f6;
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.campus-list__addnew--primary img {
  width: 20px;
}
.campus-list__addnew--primary--label {
  width: 160px;
}
.campus-list__addnew--primary--inst {
  background-color: var(--bg-color);
  padding: 3px;
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  width: calc(100% - 160px);
}
.campus-list__addnew--primary--inst span {
  width: calc(100% - 50px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--level-4);
  font-weight: 700;
}
.campus-list__addnew--select-primary {
  background: #f9fafb;
  min-height: fit-content;
  max-height: calc(100% - 95px);
  overflow: auto;
  border-radius: 3px;
}
.campus-list__addnew--select-primary label {
  padding-left: 10px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}

.campus-list__addnew--select-primary::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.campus-list__addnew--select-primary::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.campus-list__addnew--select-primary::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

#input-with-primary-color {
  color: var(--level-5) !important;
  font-weight: 700;
}

.grouping-inst {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.grouping-inst__table {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.grouping-inst__table--th {
  display: flex;
  background-color: var(--level-5);
  color: white;
  font-family: "Josefin Sans" !important;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
}
.grouping-inst__table--th div {
  border-right: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 5px 8px;
}
.grouping-inst__table--body {
  height: calc(100% - 45px);
  overflow: auto;
}
.grouping-inst__table--body--row, .grouping-inst__table--body--sub-row {
  display: flex;
  background-color: var(--level-1);
  color: var(--text-color);
  font-size: 14px;
  font-weight: 500;
  height: 40px;
}
.grouping-inst__table--body--row div, .grouping-inst__table--body--sub-row div {
  border-right: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 5px 8px;
}
.grouping-inst__table--body--row img, .grouping-inst__table--body--sub-row img {
  width: 20px;
  height: 20px;
}
.grouping-inst__table--body--row:hover, .grouping-inst__table--body--sub-row:hover {
  background-color: var(--level-2);
}
.grouping-inst__table--body--sub-row {
  background-color: var(--bg-color);
  font-size: 14px;
  font-weight: 400;
  height: 30px;
}
.grouping-inst__table--body--sub-row div {
  border-right: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 3px 8px;
}
.grouping-inst__table--body--slno {
  width: 80px;
  text-align: center;
}
.grouping-inst__table--body--name {
  width: calc(100% - 880px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grouping-inst__table--body--name b {
  color: white;
  font-size: 12px;
  width: 30px;
  height: 25px;
  border-radius: 6px;
  background-color: var(--level-5);
  text-align: center;
  padding-top: 3px;
}
.grouping-inst__table--body--desc {
  width: 150px;
}
.grouping-inst__table--body--mobile {
  width: 150px;
}
.grouping-inst__table--body--status {
  width: 100px;
  text-align: center !important;
}

.grouping-inst__table--body::-webkit-scrollbar {
  display: none;
}

.create-tags {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.create-tags__block {
  height: calc(100% - 55px);
  column-gap: 30px;
  margin-top: 10px;
}
.create-tags__block .booktype-left,
.create-tags__block .booktype-right {
  margin: 0px !important;
}
.create-tags__tableblock {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.create-tags__table {
  max-height: 100%;
}
.create-tags__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.create-tags__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.create-tags__table td img:hover,
.create-tags__table td a:hover {
  cursor: pointer;
}
.create-tags__table tbody {
  background-color: var(--level-1);
}
.create-tags__table tbody tr:hover {
  background-color: var(--level-2);
}
.create-tags__table tbody tr:hover td {
  color: var(--level-7);
}
.create-tags__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.create-tags__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.create-tags__table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.create-tags__table--desc {
  width: 30%;
}

.message-template {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.message-template__filters {
  column-gap: 10px;
}
.message-template__filters--button {
  display: flex !important;
  justify-content: flex-end !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}
.message-template__filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.message-template__datablock {
  margin-top: 10px;
  height: calc(100% - 100px);
  border: 1px solid var(--border-color);
  overflow: auto;
}
.message-template__datablock--li {
  display: flex;
  padding: 15px;
  border-bottom: 1px dashed var(--border-color);
}
.message-template__datablock--li--message {
  display: flex;
  width: calc(100% - 210px);
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.message-template__datablock--li--image {
  width: 60px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.message-template__datablock--li--module {
  width: 150px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  border-right: 1px dashed var(--border-color);
  border-left: 1px dashed var(--border-color);
  text-align: center;
  margin: auto;
}
.message-template__predefined-words {
  margin-top: 10px;
  height: calc(100% - 195px);
  overflow: auto;
}
.message-template__predefined-words button {
  background-color: var(--level-2);
  padding: 5px 10px;
  border-radius: 30px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 5px;
}
.message-template__typed-text {
  margin-top: 20px;
  height: 80px;
  overflow: auto;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 5px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}

.highlight {
  background-color: var(--level-1);
  border-radius: 20px;
  padding: 10px;
  text-transform: uppercase;
  color: var(--level-5);
  font-weight: 600;
}

.message-template__datablock::-webkit-scrollbar,
.message-template__typed-text::-webkit-scrollbar,
.message-template__predefined-words::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.message-template__datablock::-webkit-scrollbar-thumb,
.message-template__typed-text::-webkit-scrollbar-thumb,
.message-template__predefined-words::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.message-template__datablock::-webkit-scrollbar-thumb:hover,
.message-template__typed-text::-webkit-scrollbar-thumb:hover,
.message-template__predefined-words::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.template-list {
  height: calc(100% - 35px);
}
.template-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.template-list__table {
  max-height: 100%;
}
.template-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.template-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.template-list__table td img:hover,
.template-list__table td a:hover {
  cursor: pointer;
}
.template-list__table tbody {
  background-color: var(--level-1);
}
.template-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.template-list__table tbody tr:hover td {
  color: var(--level-7);
}
.template-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.template-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.template-list__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.template-list__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.template-list__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.template-list__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.template-list__table--desc {
  width: 12%;
}

.customer-demand {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.customer-demand__filters {
  height: 30px;
  margin-top: 10px;
}
.customer-demand__block {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.customer-demand__receipts {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.customer-demand__receipts--details {
  column-gap: 10px;
}

.fin-masters {
  height: calc(100% - 140px);
  margin: 0px 20px;
}
.fin-masters__buttons {
  margin-left: 10px;
}

.parent-dashboard {
  height: 100%;
}
.parent-dashboard__nav {
  height: 30px;
  background-color: var(--level-6);
  border-radius: 0px 0px 25px 0px;
}
.parent-dashboard__frame {
  height: calc(100% - 140px);
  overflow: auto;
  align-items: stretch;
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}
.parent-dashboard__frame--student-list {
  margin-top: 10px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  padding: 10px;
  width: 23%;
  height: calc(100% - 330px);
  overflow: auto;
}
.parent-dashboard__frame--student-list Label {
  margin-top: 0px !important;
}
.parent-dashboard__frame--student-list:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.2), 0px 15px 40px rgba(0, 0, 0, 0.4);
}
.parent-dashboard__frame--student-list li {
  display: flex;
  justify-content: space-between;
  height: 35px;
}
.parent-dashboard__frame--student-list--more-options {
  display: flex;
  justify-content: space-between;
}
.parent-dashboard__frame--student-list--more-options--student-profile {
  display: block;
  margin: auto;
  height: 100px;
  width: 100px;
}
.parent-dashboard__frame--student-list--more-options--student-profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.parent-dashboard__multiple-student {
  height: calc(100% - 35px);
  overflow: auto;
}
.parent-dashboard__multiple-student--block {
  border-bottom: 1px dotted var(--level-4);
  margin-bottom: 10px;
  height: 80px;
  padding: 5px;
  column-gap: 20px;
}
.parent-dashboard__multiple-student--block--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.parent-dashboard__multiple-student--block--image {
  height: 100%;
}
.parent-dashboard__multiple-student--block--image img {
  width: calc(100% - 20px);
}
.parent-dashboard__multiple-student--block--details li {
  display: flex;
  justify-content: space-between;
}
.parent-dashboard__multiple-student--block--details li Label {
  margin-top: 0px !important;
}

.parent-dashboard__multiple-student::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.parent-dashboard__multiple-student::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.parent-dashboard__multiple-student::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.parentReg, .parentReg__update {
  height: calc(100% - 145px);
  margin: 10px 20px 0px 20px;
}
.parentReg__update {
  height: calc(100% - 150px);
}
.parentReg__modal {
  height: calc(100% - 20px);
}
.parentReg__modal .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.parentReg .MuiAutocomplete-endAdornment, .parentReg__update .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.parentReg .storybook-input[disabled], .parentReg__update .storybook-input[disabled] {
  color: var(--level-6) !important;
  font-weight: bold;
}
.parentReg__details {
  height: calc(100% - 45px);
  overflow: auto;
  column-gap: 30px;
}
.parentReg__details--label-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.8fr 0.2fr;
}
.parentReg__details--label-grid .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.parentReg__form {
  height: calc(100% - 60px);
}
.parentReg__form--modal {
  height: calc(100% - 10px);
}
.parentReg__form--update {
  height: calc(100% - 30px);
}
.parentReg__image-flex {
  display: grid;
  grid-template-columns: 0.8fr 1.8fr 0.1fr;
}
.parentReg__image-flex .data-fetch-icon {
  margin-top: 10px;
}
.parentReg__image-flex .MuiAutocomplete-root {
  margin-top: 0px;
}
.parentReg__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.parentReg__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.parentReg__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.parentReg__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.parentReg__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.parentReg__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.parentReg__textfield {
  margin: 10px 0px 0px 0px !important;
}

.parentReg__details::-webkit-scrollbar,
.staffReg::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.parentReg__details::-webkit-scrollbar-thumb,
.staffReg::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.parentReg__details::-webkit-scrollbar-thumb:hover,
.staffReg::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.staffReg {
  height: calc(100% - 40px);
  overflow: auto;
  column-gap: 30px;
}
.staffReg .MuiAutocomplete-endAdornment {
  right: 10px !important;
}

.parentlist__modal {
  margin-top: 10px;
  height: calc(100% - 125px);
}

.parentlist__total {
  margin-top: 10px 0px 20px 0px;
  text-align: right;
}

.parent-preview {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 185px);
}
.parent-preview__span-3 {
  column-count: 3;
  column-gap: 20px;
  padding-bottom: 3px;
}
.parent-preview__frame {
  margin-top: 10px;
  height: calc(100% - 200px);
  overflow: auto;
}
.parent-preview__frame--span-3 {
  column-count: 3;
  column-gap: 20px;
}
.parent-preview__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.parent-preview__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.parent-preview__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.parent-preview__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.parent-preview__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.parent-preview__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.parent-preview__textfield {
  margin-left: 0px !important;
  margin: 6px 0px 0px 0px !important;
}
.parent-preview__tableblock {
  height: calc(100% - 242px);
  margin-top: 10px;
}
.parent-preview__details {
  border-bottom: 1.8px dashed var(--border-color);
  padding-bottom: 7px;
}

.parent-preview__frame::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.parent-preview__frame::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.parent-preview__frame::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.studentdata__close {
  float: right;
}

.exceldata__tabledata {
  max-height: 100%;
}
.exceldata__tabledata th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.exceldata__tabledata td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.exceldata__tabledata td img:hover,
.exceldata__tabledata td a:hover {
  cursor: pointer;
}
.exceldata__tabledata tbody {
  background-color: var(--level-1);
}
.exceldata__tabledata tbody tr:hover {
  background-color: var(--level-2);
}
.exceldata__tabledata tbody tr:hover td {
  color: var(--level-7);
}
.exceldata__tabledata tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.exceldata__tabledata tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.studentexcel__options {
  display: flex;
  justify-content: space-between;
}
.studentexcel__options button {
  white-space: nowrap;
  font-size: 15px;
  padding: 12px;
}
.studentexcel__input, .studentexcel__dropdown select {
  border: 2px solid #cbd5e0;
  padding: 5px;
  margin: 10px;
}
.studentexcel__browse {
  padding: 6px;
  background-color: var(--level-5);
  margin-left: 10px;
  color: white;
  text-transform: uppercase;
  border-radius: 6px;
}
.studentexcel__block {
  margin-left: 10px !important;
}
.studentexcel__downloadtemplate {
  margin-top: 300px !important;
}
.studentexcel__dropdown select {
  border: 2px solid #cbd5e0;
  background-color: none;
  padding: 2px;
  color: gray;
}

.choose::-webkit-file-upload-button {
  color: white;
  display: inline-block;
  background: var(--level-5);
  border: none;
  padding: 7px 15px;
  font-weight: 700;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 10pt;
  text-transform: uppercase;
  margin-right: 10px;
}

.studentlist {
  height: 100%;
}
.studentlist--modal {
  height: calc(100% - 10px);
}
.studentlist__options {
  padding: 10px;
  margin-left: 10px;
  column-gap: 10px;
}
.studentlist__options .MuiAutocomplete-tag {
  height: 20px !important;
}
.studentlist__options--modal {
  column-gap: 10px;
  padding: 10px;
}
.studentlist__select {
  min-height: 15px !important;
  font-size: 12px;
  padding: 0px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 6px !important;
  margin-right: 20px;
}
.studentlist__select-columns, .studentlist__select-columns--modal {
  margin-right: 20px;
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  float: right;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.studentlist__select-columns img, .studentlist__select-columns--modal img {
  margin-left: 0px;
}
.studentlist__select-columns Label, .studentlist__select-columns--modal Label {
  margin-top: 0px;
}
.studentlist__select-columns--modal {
  margin-right: 0px !important;
}
.studentlist__column-list {
  margin-top: 10px;
  height: calc(100% - 120px);
  overflow-y: auto;
}
.studentlist__column-list .MuiButtonBase-root,
.studentlist__column-list .MuiCheckbox-root {
  padding: 0px !important;
}
.studentlist__column-list ul {
  margin-bottom: 0.35rem !important;
}
.studentlist__column-list li {
  font-size: 14px;
}
.studentlist__table {
  max-height: 100%;
}
.studentlist__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.studentlist__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.studentlist__table td img:hover,
.studentlist__table td a:hover {
  cursor: pointer;
}
.studentlist__table tbody {
  background-color: var(--level-1);
}
.studentlist__table tbody tr:hover {
  background-color: var(--level-2);
}
.studentlist__table tbody tr:hover td {
  color: var(--level-7);
}
.studentlist__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.studentlist__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.studentlist__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.studentlist__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.studentlist__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.studentlist__table tbody td {
  height: 30px;
}
.studentlist__table tbody tr:hover .studentlist__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.studentlist__table--slno {
  width: 3%;
  border-left: none !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.studentlist__table--admno {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.studentlist__table--action {
  width: 4%;
}
.studentlist__table--status {
  width: 4%;
}
.studentlist__table--amount {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.studentlist__table--mobile {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.studentlist__table--catg {
  width: 8%;
}
.studentlist__table--name {
  width: 26%;
}
.studentlist__table--fname {
  width: 26%;
}
.studentlist__table--more {
  width: 3%;
  border-left: none !important;
  border-style: none !important;
}
.studentlist__table--more img {
  width: 25px;
  filter: invert(0%);
}
.studentlist__table--more img:hover {
  background: white;
  border-radius: 50%;
}
.studentlist__table--more ul > li {
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  gap: 30px;
  margin-bottom: 20px;
}
.studentlist__table--more--fee {
  margin-bottom: 10px;
  padding: 5px;
}
.studentlist__table--more--fee:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.studentlist__table--more--demand {
  margin-bottom: 10px;
  padding: 5px;
}
.studentlist__table--more--demand:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.studentlist__table--more--interchange {
  margin-bottom: 10px;
  padding: 5px;
}
.studentlist__table--more--interchange:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.studentlist__table--more--nondemand {
  margin-bottom: 10px;
  padding: 5px;
}
.studentlist__table--more--nondemand:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.studentlist__table--more--refund {
  margin-bottom: 10px;
  padding: 5px;
}
.studentlist__table--more--refund:hover {
  background-color: var(--level-2) !important;
  border-radius: 3px;
}
.studentlist__table--more-header img {
  filter: invert(100%);
}
.studentlist__search input {
  margin-top: 0px;
}
.studentlist__print-search input {
  margin-top: 10px;
}
.studentlist__buttons {
  display: flex;
  justify-content: space-between;
}
.studentlist__filters {
  display: flex;
}
.studentlist__filters .MuiFormGroup-root {
  margin-top: 7px;
}
.studentlist .buttons-flex {
  display: flex;
  justify-content: flex-end;
}
.studentlist .student-add-button {
  margin-top: 0px;
}
.studentlist .student-clear-button {
  margin: 0px 10px 0px 0px !important;
}

#studentlist__frame {
  height: calc(100% - 265px);
  margin: 0px 20px 0px 20px;
}

#studentlist__frame--report {
  height: calc(100% - 95px);
}

#studentlist__transport {
  height: calc(100% - 265px);
  margin: 0px 20px 0px 20px;
}

#studentlist__daily-activities {
  height: calc(100% - 100px);
}

#studentlist__transport--modal {
  height: calc(100% - 130px);
  margin: 10px 0px 0px 0px;
}

#studentlist__modal--frame {
  height: calc(100% - 160px);
  margin: 10px 0px 0px 0px;
}

#studentlist__modal--lib {
  height: calc(100% - 120px);
}

#aluministudentlist__frame {
  height: calc(100% - 263px);
  margin: 10px 20px 0px 20px;
}

#aluministudentlist__modal--frame {
  height: calc(100% - 123px);
  margin: 10px 0px 0px 0px;
}

.std_status {
  background-color: #f87171;
  color: white !important;
}
.std_status:hover {
  background-color: #f87171;
  color: white !important;
}
.std_status--ne {
  background-color: #facc15;
  color: white !important;
}
.std_status--ne:hover {
  background-color: #facc15;
  color: white !important;
}
.std_status--cxld {
  background-color: #fbbf24;
  color: white !important;
}
.std_status--cxld:hover {
  background-color: #fbbf24;
  color: white !important;
}
.std_status--soa {
  background-color: #38bdf8;
  color: white !important;
}
.std_status--soa:hover {
  background-color: #38bdf8;
  color: white !important;
}
.std_status--nxt {
  background-color: #4ade80;
  color: white !important;
}
.std_status--nxt:hover {
  background-color: #4ade80;
  color: white !important;
}
.std_status--det {
  background-color: #a3a3a3;
  color: white !important;
}
.std_status--det:hover {
  background-color: #a3a3a3;
  color: white !important;
}
.std_status--legends {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-right: 20px;
  column-gap: 5px;
}
.std_status--legends--nxt, .std_status--legends--cxld, .std_status--legends--cur, .std_status--legends--tc, .std_status--legends--ne, .std_status--legends--soa, .std_status--legends--det {
  background-color: #4ade80;
  border-radius: 999px;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  padding: 5px;
  width: 40px;
  color: white;
}
.std_status--legends--det {
  background-color: #a3a3a3;
}
.std_status--legends--soa {
  background-color: #38bdf8;
}
.std_status--legends--ne {
  background-color: #facc15;
}
.std_status--legends--tc {
  background-color: #f87171;
}
.std_status--legends--cur {
  background-color: var(--level-2);
}
.std_status--legends--cxld {
  background-color: #fbbf24;
}
.std_status--legends Label {
  margin-top: 6px;
  padding: 0px;
  font-size: 12px !important;
}

.student-total-count {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  margin: 12px 20px 0px 20px;
}
.student-total-count b {
  padding: 5px;
  font-family: "Spline Sans Mono", monospace !important;
  background: var(--level-5);
  border-radius: 2px;
  color: white;
}

.student-column {
  padding: 5px;
  border-radius: 6px;
  margin-left: 20px;
}

.student-clear-button--modal {
  display: flex !important;
  margin: 0px 20px 5px auto !important;
}

.student-clear-button--acd {
  display: flex !important;
  margin: 0px 10px 0px auto !important;
}

.studentlist__column-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.studentlist__column-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.studentlist__column-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.preview {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 210px);
}
.preview--student-modal {
  height: calc(100% - 100px);
}
.preview--modal {
  height: calc(100% - 85px);
}
.preview Label {
  margin-top: 0px;
}
.preview Input {
  margin-top: 0px;
}
.preview Select {
  margin-top: 0px;
}
.preview__imagegrid {
  display: flex;
}
.preview__imagegrid img {
  padding-left: 10px;
}
.preview__image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.preview__image {
  margin-top: 0px !important;
}
.preview__image img {
  height: 100% !important;
  width: 100% !important;
}
.preview__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.preview__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.preview__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.preview__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.preview__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.preview__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.preview__textfield {
  margin: 10px 10px 0px 0px !important;
}
.preview__span-4 {
  column-count: 4;
  column-gap: 20px;
}
.preview__details, .preview__student-preview-details {
  height: 120px;
  column-gap: 20px;
  margin-top: 10px;
  border-bottom: 1.8px dashed var(--border-color);
}
.preview__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.preview__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.preview__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.preview__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.preview__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.preview__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.preview__details--textfield {
  margin-left: 0px !important;
  margin: 6px 0px 0px 0px !important;
}
.preview__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.preview__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.preview__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.preview__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.preview__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.preview__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.preview__details--textfield--date {
  margin-left: 0px !important;
  margin: 6px 0px 0px 0px !important;
  width: fit-content !important;
}
.preview__student-preview-details {
  height: 130px !important;
}
.preview__frame, .preview__student-preview-frame {
  margin-top: 10px;
  height: calc(100% - 140px);
}
.preview__frame--modal {
  height: calc(100% - 115px);
}
.preview__frame--data {
  height: calc(100% - 45px);
  overflow: auto;
  column-gap: 20px;
}
.preview__frame--parent {
  display: flex;
}
.preview__frame--parent .data-fetch-icon {
  margin-top: 10px;
}
.preview__frame--parent-info {
  height: fit-content;
  column-count: 4;
  column-gap: 20px;
}
.preview__frame--parent-info--image {
  height: 120px;
  margin-left: 20px;
}
.preview__frame--parent-info--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.preview__student-preview-frame {
  height: calc(100% - 150px) !important;
}
.preview__docs_upload {
  height: calc(100% - 180px);
}

.preview__frame--data::-webkit-scrollbar,
.preview-parentstudentframe::-webkit-scrollbar,
.preview-parentstudentupdateframe::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.preview__frame--data::-webkit-scrollbar-thumb,
.preview-parentstudentframe::-webkit-scrollbar-thumb,
.preview-parentstudentupdateframe::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.preview__frame--data::-webkit-scrollbar-thumb:hover,
.preview-parentstudentframe::-webkit-scrollbar-thumb:hover,
.preview-parentstudentupdateframe::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.preview-parentstudentframe {
  height: calc(100% - 195px);
  overflow: auto;
}

.preview-parentstudentupdateframe {
  height: calc(100% - 285px);
  overflow: auto;
}

.fee-payable-student {
  height: calc(100% - 245px);
}
.fee-payable-student__details {
  height: calc(100% - 30px);
}
.fee-payable-student__details--table {
  max-height: 100%;
}
.fee-payable-student__details--table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.fee-payable-student__details--table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.fee-payable-student__details--table tbody {
  background-color: var(--level-1);
}
.fee-payable-student__details--table tbody tr:hover {
  background-color: var(--level-2);
}
.fee-payable-student__details--table tbody tr:hover td {
  color: var(--level-7) !important;
}
.fee-payable-student__details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.fee-payable-student__details--table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.fee-payable-student__details--table--slno {
  width: 6% !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-payable-student__details--table--amt {
  width: 8% !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-payable-student__details--table--status {
  width: 8% !important;
}
.fee-payable-student__details--table--th-slno {
  width: 6% !important;
}
.fee-payable-student__details--table--th-amt {
  width: 8% !important;
}
.fee-payable-student__tableblock {
  height: 100px;
  margin: 10px 0px 0px 0px;
}
.fee-payable-student__demand-structure {
  height: calc(100% - 140px);
  margin: 10px 0px 0px 0px;
}
.fee-payable-student__demand-structure--table {
  max-height: 100%;
}
.fee-payable-student__demand-structure--table th {
  background-color: var(--level-8);
  padding: 0px;
  color: white;
  text-align: center;
  border-right: 1px solid #cbd5e1;
  font-size: 14px;
  font-family: "Josefin Sans";
}
.fee-payable-student__demand-structure--table td {
  padding: 0px;
  font-size: 12px;
  white-space: nowrap !important;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Josefin Sans";
  color: var(--text-color);
}
.fee-payable-student__demand-structure--table tbody {
  background-color: var(--level-1);
}
.fee-payable-student__demand-structure--table tbody tr:hover {
  background-color: var(--level-2);
}
.fee-payable-student__demand-structure--table tbody tr:hover td {
  color: var(--level-7) !important;
}
.fee-payable-student__demand-structure--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.fee-payable-student__demand-structure--table tfoot td {
  border-bottom: none;
  border-right: none;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  color: var(--text-color);
}
.fee-payable-student__demand-structure--table--slno {
  width: 6% !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-payable-student__demand-structure--table--amt {
  width: 8% !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.fee-payable-student__demand-structure--table--th-slno {
  width: 6% !important;
}
.fee-payable-student__demand-structure--table--th-amt {
  width: 8% !important;
}
.fee-payable-student__btns {
  margin-left: 20px;
  padding-top: 10px;
}

.previous-inst-update {
  height: calc(100% - 265px) !important;
  margin: 0px 20px 0px 20px;
}

.studentlist-update::-webkit-scrollbar,
.previous-inst-update::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.studentlist-update::-webkit-scrollbar-thumb,
.previous-inst-update::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.studentlist-update::-webkit-scrollbar-thumb:hover,
.previous-inst-update::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student_add_step {
  height: 100%;
}

.studentregistration {
  height: calc(100% - 145px);
  margin: 10px 20px 0px 20px;
}
.studentregistration .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.studentregistration .date-input {
  display: grid;
  grid-template-columns: 0.76fr 0.8fr;
  column-gap: 20px;
}
.studentregistration .date-input span {
  margin-left: 5px;
}
.studentregistration .date-input .label-grid {
  display: grid;
  grid-template-columns: 1.54fr 1fr;
}
.studentregistration .date-input--label {
  margin-top: 15px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #6b7280;
}
.studentregistration__span-2 {
  column-count: 2;
  column-gap: 60px;
}
.studentregistration__span-3 {
  column-count: 3;
  column-gap: 20px;
}
.studentregistration__basic-data {
  column-gap: 80px;
}
.studentregistration__basic-data--update {
  height: calc(100% - 40px);
  overflow: auto;
  column-count: 2;
  column-gap: 40px;
}
.studentregistration__basic-data--upload .documents-upload {
  display: grid;
  grid-template-columns: 1.7fr 1fr 2fr !important;
}
.studentregistration__basic-data--upload .documents-upload--filename {
  width: 300px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.studentregistration__form, .studentregistration__docs-form {
  height: calc(100% - 60px);
}
.studentregistration__form--details {
  height: calc(100% - 75px);
  overflow: auto;
}
.studentregistration__docs-form {
  height: 100% !important;
}

.previous-inst {
  height: calc(100% - 145px);
  margin: 10px 20px 0px 20px;
}
.previous-inst__forms {
  height: calc(100% - 200px);
}
.previous-inst__form {
  height: calc(100% - 190px);
}
.previous-inst__form--details {
  margin-top: 10px;
  height: calc(100% - 65px);
  overflow: auto;
}
.previous-inst__form--details .MuiAutocomplete-endAdornment {
  right: 10px !important;
}

.parent-student {
  margin-top: 30px;
}

.parent-student span {
  color: grey;
  display: block;
  padding: 5px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}

.open-button {
  background: var(--level-5);
  padding: 6px;
  margin-top: 12px;
  margin-left: 10px;
  border-radius: 6px;
  filter: invert(0%);
}

.student-parent-association {
  column-gap: 20px;
}

.studentregistration__form--details::-webkit-scrollbar,
.previous-inst__form--details::-webkit-scrollbar,
.std-reservation__add--data::-webkit-scrollbar,
.studentregistration__basic-data--update::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.studentregistration__form--details::-webkit-scrollbar-thumb,
.previous-inst__form--details::-webkit-scrollbar-thumb,
.std-reservation__add--data::-webkit-scrollbar-thumb,
.studentregistration__basic-data--update::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.studentregistration__form--details::-webkit-scrollbar-thumb:hover,
.previous-inst__form--details::-webkit-scrollbar-thumb:hover,
.std-reservation__add--data::-webkit-scrollbar-thumb:hover,
.studentregistration__basic-data--update::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.alumini-student-list__btn {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px !important;
  margin-left: auto !important;
}
.alumini-student-list__table {
  max-height: 100%;
}
.alumini-student-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.alumini-student-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.alumini-student-list__table td img:hover,
.alumini-student-list__table td a:hover {
  cursor: pointer;
}
.alumini-student-list__table tbody {
  background-color: var(--level-1);
}
.alumini-student-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.alumini-student-list__table tbody tr:hover td {
  color: var(--level-7);
}
.alumini-student-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.alumini-student-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.alumini-student-list__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.alumini-student-list__table--th-slno {
  width: 5%;
}
.alumini-student-list__table--mobile {
  width: 6%;
}
.alumini-student-list__table--th-mobile {
  width: 6%;
}
.alumini-student-list__table--email {
  width: 14%;
}
.alumini-student-list__table--year {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.alumini-student-list__table--th-year {
  width: 8%;
  font-family: "Josefin Sans" !important;
}
.alumini-student-list__select {
  column-gap: 10px;
  margin-top: 10px;
  margin-left: 20px;
}
.alumini-student-list__select .storybook-button {
  margin-top: 0px !important;
}
.alumini-student-list__total {
  text-align: right;
}

.alumini-student-list__table::-webkit-scrollbar,
.alumni-students__data--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.alumini-student-list__table::-webkit-scrollbar-thumb,
.alumni-students__data--details:-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.alumini-student-list__table::-webkit-scrollbar-thumb:hover,
.alumni-students__data--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.alumni-students {
  height: 100%;
}
.alumni-students__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.alumni-students__title img:hover {
  background-color: #f3f4f6;
}
.alumni-students__data {
  height: calc(100% - 30px);
}
.alumni-students__data--details {
  height: calc(100% - 45px);
  overflow: auto;
}
.alumni-students__data--details--row {
  column-gap: 20px;
}

.student-status {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.student-status .MuiAutocomplete-root {
  margin-top: 8px !important;
}
.student-status__block {
  height: calc(100% - 50px);
}
.student-status__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.student-status__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.student-status__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.student-status__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.student-status__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.student-status__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.student-status__tabs {
  margin-top: 10px;
}
.student-status__details {
  height: 120px;
  column-gap: 20px;
  margin-top: 10px;
}
.student-status__details--imagefield {
  display: flex;
}
.student-status__details--imagefield .data-fetch-icon {
  margin-top: 7px !important;
}
.student-status__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-status__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-status__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-status__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-status__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-status__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-status__details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.student-status__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-status__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-status__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-status__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-status__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-status__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-status__details--textfield--date {
  width: fit-content !important;
  margin: 8px 0px 0px 0px !important;
}
.student-status__remarks--not-elligible {
  height: 180px;
}
.student-status__remarks--not-elligible .account-frames {
  margin: 10px 0px 0px 0px !important;
}
.student-status__remarks--make-elligible {
  height: 140px;
}
.student-status__remarks--make-elligible .account-frames {
  margin: 10px 0px 0px 0px !important;
}
.student-status__block--make-elligible {
  height: calc(100% - 330px);
  margin-top: 10px;
  column-gap: 20px;
}
.student-status__block--not-elligible {
  height: calc(100% - 370px);
  margin-top: 10px;
  column-gap: 20px;
}
.student-status--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.student-status--image img {
  height: 100% !important;
  width: 100% !important;
}
.student-status__view--search {
  margin-top: 7px !important;
}
.student-status__view--select-flex {
  margin-left: 10px;
  display: flex;
  gap: 10px;
}
.student-status__view--select-columns {
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  float: right;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.student-status__view--select-columns img {
  margin-left: 0px;
}
.student-status__view--select-columns Label {
  margin-top: 0px;
}
.student-status__view--table {
  max-height: 100%;
}
.student-status__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-status__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-status__view--table td img:hover,
.student-status__view--table td a:hover {
  cursor: pointer;
}
.student-status__view--table tbody {
  background-color: var(--level-1);
}
.student-status__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.student-status__view--table tbody tr:hover td {
  color: var(--level-7);
}
.student-status__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-status__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-status__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-status__view--table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-status__view--table--regno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-status__view--table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-status__view--table--year {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-status__view--table--th-slno {
  width: 4%;
}
.student-status__view--table--th-admno {
  width: 8%;
}
.student-status__view--table--th-regno {
  width: 8%;
}
.student-status__view--table--th-date {
  width: 8%;
}
.student-status__view--table--th-year {
  width: 6%;
}
.student-status__view--table--remarks {
  width: 15%;
}
.student-status__view--table--dept {
  width: 14%;
}
.student-status__view--tableblock {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.student-status__view--total {
  text-align: right;
}
.student-status__modal {
  height: 100%;
}
.student-status__modal--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-status__modal--close:hover {
  background-color: #f3f4f6;
}
.student-status__modal--close {
  width: fit-content !important;
}
.student-status__modal--data {
  height: calc(100% - 70px);
}
.student-status__modal--data b {
  color: #991b1b;
  font-family: "Josefin Sans" !important;
}
.student-status__modal--buttons {
  height: 50px;
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin-top: 10px;
}

.student-documents {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.student-documents__details {
  height: 120px;
  column-gap: 20px;
}
.student-documents__details--flex {
  display: flex;
  column-gap: 5px;
  height: 35px;
}
.student-documents__details--flex .MuiAutocomplete-root {
  margin-top: 5px;
}
.student-documents__details--flex .MuiOutlinedInput-root {
  padding: 6px !important;
}
.student-documents__details--imagefield {
  display: flex;
}
.student-documents__details--imagefield .MuiFormControl-root {
  margin-top: 7px !important;
}
.student-documents__details--imagefield .data-fetch-icon {
  margin-top: 7px !important;
}
.student-documents__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-documents__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-documents__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-documents__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-documents__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-documents__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-documents__details--textfield {
  margin: 7px 10px 0px 0px !important;
}
.student-documents__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-documents__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-documents__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-documents__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-documents__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-documents__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-documents__details--textfield--date {
  width: fit-content !important;
  margin: 7px 10px 0px 0px !important;
}
.student-documents__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.student-documents__details--image {
  height: 100%;
  margin-top: 0px;
}
.student-documents__upload {
  column-gap: 20px;
  margin-top: 10px;
}
.student-documents__upload--buttons {
  margin-top: 35px;
}
.student-documents__upload--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.student-documents__tableblock {
  height: calc(100% - 165px);
}
.student-documents__table {
  max-height: 100%;
}
.student-documents__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-documents__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-documents__table td img:hover,
.student-documents__table td a:hover {
  cursor: pointer;
}
.student-documents__table tbody {
  background-color: var(--level-1);
}
.student-documents__table tbody tr:hover {
  background-color: var(--level-2);
}
.student-documents__table tbody tr:hover td {
  color: var(--level-7);
}
.student-documents__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-documents__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-documents__table .storybook-input {
  margin-top: 0px !important;
}
.student-documents__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-documents__table--th-slno {
  width: 4%;
}
.student-documents__table--preview {
  width: 4%;
}
.student-documents__table--actions {
  width: 4%;
}
.student-documents__browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.student-documents__browse input {
  display: none;
}
.student-documents__browse img {
  padding-right: 5px;
}
.student-documents__browse {
  margin: 10px 10px 0px 0px;
}

.student-documents__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-documents__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-documents__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.allot-regno {
  height: calc(100% - 165px);
  margin: 10px 20px 0px 20px;
}
.allot-regno__options {
  margin-top: 20px;
  column-gap: 10px;
  height: 30px;
}
.allot-regno__options--button {
  margin-top: 0px !important;
  display: flex;
  justify-content: flex-end;
  margin-right: 0px !important;
  margin-left: auto !important;
}
.allot-regno__search input {
  margin-top: 0px;
}
.allot-regno__radio-buttons {
  column-gap: 10px;
}
.allot-regno__radio-buttons .MuiFormControl-root {
  margin-top: 0px !important;
}
.allot-regno__radio-buttons .storybook-input,
.allot-regno__radio-buttons .Label {
  margin-top: 0px !important;
}
.allot-regno__radio-buttons--group {
  margin-top: 12px;
}
.allot-regno__tableblock {
  margin-top: 10px;
  height: calc(100% - 170px);
}
.allot-regno__tableblock-for-rollno {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.allot-regno__table {
  max-height: 100%;
}
.allot-regno__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.allot-regno__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.allot-regno__table td img:hover,
.allot-regno__table td a:hover {
  cursor: pointer;
}
.allot-regno__table tbody {
  background-color: var(--level-1);
}
.allot-regno__table tbody tr:hover {
  background-color: var(--level-2);
}
.allot-regno__table tbody tr:hover td {
  color: var(--level-7);
}
.allot-regno__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.allot-regno__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.allot-regno__table--admno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.allot-regno__table--th-admno {
  width: 10%;
}
.allot-regno__table--desc {
  width: 10%;
}
.allot-regno__table--input {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.allot-regno__table--input Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.allot-regno__table--input Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.allot-regno__table--input input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.allot-regno__table--input input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.allot-regno__total {
  text-align: right;
}

.allot-regno__view {
  height: 100%;
}
.allot-regno__view--title {
  height: fit-content;
}
.allot-regno__view--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.allot-regno__view--title--close:hover {
  background-color: #f3f4f6;
}
.allot-regno__view--title--close {
  width: fit-content !important;
}
.allot-regno__view--tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}

.allot-regno__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.allot-regno__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.allot-regno__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student-dashboard {
  height: calc(100% - 200px);
  background: var(--disabled-color);
  position: relative;
}
.student-dashboard__sibling {
  height: 60px;
  padding: 5px;
  display: flex;
  gap: 10px;
  margin-left: 10px;
  border-bottom: 1px solid var(--border-color);
}
.student-dashboard__sibling img {
  height: 30px;
}
.student-dashboard__sibling--icon, .student-dashboard__sibling--change--profile--icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: var(--level-7);
  color: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Josefin Sans" !important;
}
.student-dashboard__sibling--icon span, .student-dashboard__sibling--change--profile--icon span {
  font-size: 18px;
  font-weight: 600;
}
.student-dashboard__sibling--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.student-dashboard__sibling--name {
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.student-dashboard__sibling--name p {
  font-weight: 700;
  font-size: 16px;
  margin: 0px !important;
}
.student-dashboard__sibling--name span {
  color: #64748b;
  font-size: 14px;
}
.student-dashboard__sibling--name span img {
  margin-right: 5px;
  height: 20px !important;
}
.student-dashboard__sibling--task {
  height: 50px;
  background-color: #fffbeb;
  color: #d97706;
  font-weight: 600;
  font-family: "Josefin Sans" !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 6px;
}
.student-dashboard__sibling--change {
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  row-gap: 5px;
}
.student-dashboard__sibling--change--active-card, .student-dashboard__sibling--change--inactive-card {
  padding: 5px;
  background-color: var(--level-2);
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.student-dashboard__sibling--change--inactive-card {
  background-color: var(--bg-color) !important;
}
.student-dashboard__sibling--change--profile {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.student-dashboard__sibling--change--profile--icon {
  width: 35px !important;
  height: 35px !important;
}
.student-dashboard__sibling--change--profile span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.student-dashboard__nav {
  height: 30px;
  background-color: var(--level-6);
}
.student-dashboard__view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.student-dashboard__view img {
  width: 20px;
}
.student-dashboard__frame {
  height: calc(100% - 10px);
}
.student-dashboard__frame--std-details {
  display: flex;
  column-gap: 10px;
  height: calc(100% - 60px);
}
.student-dashboard__frame--std-details .student-profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.student-dashboard__frame--std-details .student-profile {
  height: 60px !important;
  width: 60px !important;
  display: block;
  margin-bottom: auto;
  margin-top: 10px;
}
.student-dashboard__frame--std-details--button {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.student-dashboard__frame--std-details--button--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.student-dashboard__frame--std-details--button--view img {
  width: 20px;
}
.student-dashboard__frame--std-details--button--swap {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.student-dashboard__frame--std-details--button--swap img {
  width: 20px;
}
.student-dashboard__frame--std-details--button--swap {
  background-color: #fbbf24;
}
.student-dashboard__frame--multiple-std-details {
  margin-bottom: 0px !important;
}
.student-dashboard__frame--multiple-std-details li {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 5px;
  border-bottom: 1.2px dashed var(--border-color);
}
.student-dashboard__frame--multiple-std-details li:hover {
  background-color: var(--level-2);
}
.student-dashboard__frame--multiple-std-details li img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.student-dashboard__frame--multiple-std-details li span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.student-dashboard__frame--std-data {
  width: calc(100% - 65px);
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.student-dashboard__frame--std-data--flex {
  display: flex;
  column-gap: 5px;
  padding: 2px;
  border-bottom: 1px dashed var(--border-color);
  font-size: 13px;
  font-family: "Josefin Sans" !important;
}
.student-dashboard__frame--grid-list {
  height: 190px;
  margin-top: 10px;
}
.student-dashboard__frame--grids {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__frame--grids:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__frame--grids {
  height: 100% !important;
  margin-right: 10px;
}
.student-dashboard__frame--grids--title {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.student-dashboard__frame--grids--title img {
  width: 25px;
}
.student-dashboard__frame--grids--details {
  display: flex;
  column-gap: 10px;
}
.student-dashboard__frame--flex {
  display: flex;
  justify-content: space-between;
}
.student-dashboard__frame--flex--title {
  display: flex;
  align-items: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
  margin-top: 10px;
}
.student-dashboard__frame--flex--title img {
  width: 35px;
}
.student-dashboard__frame--flex--number {
  color: var(--text-color);
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__frame--bottom-details {
  margin-top: 10px;
  height: calc(100% - 205px);
}
.student-dashboard__frame--calendar {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__frame--calendar:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__frame--calendar {
  height: 100% !important;
  margin-right: 10px;
}
.student-dashboard__frame--graph {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__frame--graph:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__frame--graph {
  height: 100% !important;
  padding: 0px 5px;
  margin-right: 10px;
}
.student-dashboard__frame--graph .echarts-for-react {
  height: calc(100% - 30px) !important;
}
.student-dashboard__frame--activity {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__frame--activity:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__frame--activity {
  height: 100% !important;
  margin-right: 10px;
}
.student-dashboard__frame--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 3px !important;
  color: var(--text-color) !important;
  font-weight: 700;
}
.student-dashboard__frame--tabs .MuiTabs-list {
  column-gap: 5px;
}
.student-dashboard__frame--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.student-dashboard__frame--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.student-dashboard__frame--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.student-dashboard__frame--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.student-dashboard__frame--tabs .MuiButtonBase-root {
  min-width: 60px !important;
}
.student-dashboard__frame--tabs .MuiTabs-flexContainer {
  background: var(--level-1);
  padding: 5px;
  border-radius: 6px;
  width: fit-content !important;
}
.student-dashboard__frame--tabs {
  margin-bottom: 10px;
}
.student-dashboard__frame--tab-panel {
  height: calc(100% - 80px);
}
.student-dashboard__frame--tab-panel .MuiTypography-root {
  height: 100%;
}
.student-dashboard__frame--tab-panel .customized-calendar {
  height: calc(100% - 35px);
}
.student-dashboard__announcements {
  height: calc(100% - 40px);
  padding: 5px;
}
.student-dashboard__announcements--slideshow {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-top: 10px;
}
.student-dashboard__announcements--slider {
  display: flex;
  column-gap: 2px;
  transition: ease 2s;
  height: calc(100% - 25px);
  width: calc(100% - 4px);
}
.student-dashboard__announcements--slide {
  flex: 0 0 100%;
  height: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  width: 100%;
}
.student-dashboard__announcements--slide b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.student-dashboard__announcements--slide p {
  margin: 0px !important;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
}
.student-dashboard__announcements--slide span {
  margin-top: 10px;
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__announcements--dots {
  text-align: center;
}
.student-dashboard__announcements--dot {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  cursor: pointer;
  margin: 10px 5px 0px;
  background-color: #c4c4c4;
}
.student-dashboard__fee-balance {
  height: 100%;
}
.student-dashboard__fee-balance--block {
  height: calc(100% - 25px);
}
.student-dashboard__fee-balance--block--amount {
  height: 45px;
  display: flex;
  column-gap: 10px;
  padding: 5px;
}
.student-dashboard__fee-balance--block--amount img {
  width: 45px;
  height: 35px;
}
.student-dashboard__fee-balance--block--amount--total {
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 18px;
  color: #334155;
  text-align: center !important;
  position: relative;
}
.student-dashboard__fee-balance--block--g-count {
  height: calc(100% - 70px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--border-color);
  gap: 5px;
}
.student-dashboard__fee-balance--block--g-count img {
  margin: auto;
}
.student-dashboard__fee-balance--block--g-count--flex {
  display: flex;
  column-gap: 10px;
  padding: 5px;
}
.student-dashboard__fee-balance--block--g-count .separator {
  border-right: 1px solid var(--border-color);
}
.student-dashboard__fee-balance--block--g-count--block {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.student-dashboard__fee-balance--block--g-count--block--text, .student-dashboard__fee-balance--block--g-count--block--total {
  font-family: "Josefin Sans" !important;
  color: #64748b;
  font-weight: 700;
  font-size: 12px;
}
.student-dashboard__fee-balance--block--g-count--block--total {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-color);
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__library {
  height: 100%;
}
.student-dashboard__library--block {
  height: calc(100% - 25px);
  overflow: auto;
}
.student-dashboard__attendance {
  height: calc(100% - 40px);
}
.student-dashboard__attendance--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.student-dashboard__attendance--view img {
  width: 20px;
}
.student-dashboard__attendance--month {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.student-dashboard__attendance--month img {
  width: 18px;
}
.student-dashboard__attendance--month .subtitle1 {
  font-size: 14px !important;
}
.student-dashboard__attendance--grid-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto auto auto auto auto auto;
  gap: 5px;
  margin-top: 10px;
  height: calc(100% - 90px);
}
.student-dashboard__attendance--grid-container--day {
  font-family: "Josefin Sans" !important;
  font-size: 12px;
  text-align: center;
}
.student-dashboard__attendance--grid-container--grid-item {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.student-dashboard__attendance--grid-container--grid-item span {
  font-size: 10px;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__attendance--legends {
  display: flex;
  padding-top: 5px;
  justify-content: center;
  gap: 5px;
  border-top: 2px dashed var(--border-color);
}
.student-dashboard__attendance--legends Label {
  font-size: 12px !important;
  padding: 5px 0px 0px 0px;
  margin-top: 0px !important;
}
.student-dashboard__attendance--legends--data {
  text-align: center;
  border-radius: 6px;
  color: white;
}
.student-dashboard__attendance--legends span {
  font-size: 12px;
  font-weight: 500;
  padding-top: 5px;
  height: 30px;
  width: 30px;
}
.student-dashboard__attendance--full-view {
  height: 100%;
}
.student-dashboard__attendance--full-view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-dashboard__attendance--full-view--title img:hover {
  background-color: #f3f4f6;
}
.student-dashboard__attendance--full-view--datablock {
  height: calc(100% - 125px);
  margin-top: 10px;
  column-gap: 30px;
}
.student-dashboard__attendance--full-view--datablock--dashboard {
  height: calc(100% - 85px);
  margin-top: 10px;
  column-gap: 30px;
}
.student-dashboard__attendance--full-view--datablock--frame {
  border: 1px solid var(--border-color);
  padding: 10px;
  height: 100%;
}
.student-dashboard__attendance--full-view--datablock--frame--graph {
  height: calc(100% - 135px);
  margin-top: 10px;
}
.student-dashboard__attendance--full-view--datablock--frame--graph .echarts-for-react {
  height: 100% !important;
}
.student-dashboard__attendance--full-view--datablock--frame--cards {
  height: 80px;
  gap: 10px;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__attendance--full-view--datablock--frame--blocks {
  border-radius: 6px;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks--attendance, .student-dashboard__attendance--full-view--datablock--frame--blocks--percentage, .student-dashboard__attendance--full-view--datablock--frame--blocks--absent, .student-dashboard__attendance--full-view--datablock--frame--blocks--present {
  display: flex;
  justify-content: center !important;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  color: #d946ef;
  font-weight: 700;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks--header {
  display: block;
  text-align: center;
  color: #94a3b8;
  font-family: "Josefin Sans" !important;
  font-size: 12px;
  font-weight: 700;
  height: 50px !important;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks--present {
  color: #22c55e;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks--absent {
  color: #ef4444;
}
.student-dashboard__attendance--full-view--datablock--frame--blocks--percentage {
  color: #64748b;
}
.student-dashboard__attendance--full-view--datablock--frame--button {
  margin: 0px 0px 0px 0px !important;
  display: flex;
  justify-content: center !important;
}
.student-dashboard__attendance--full-view--datablock--report {
  height: calc(100% - 270px);
  margin-top: 10px;
  column-gap: 30px;
}
.student-dashboard__attendance--full-view--subjects-count {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--level-2);
  column-gap: 10px;
  font-size: 14px;
  width: fit-content;
  border-radius: 20px;
  margin-top: 5px;
}
.student-dashboard__attendance--full-view--subjects-count span {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.student-dashboard__attendance--full-view--subjects-count b {
  color: var(--level-5);
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__attendance--full-view--subjects-list {
  height: calc(100% - 135px);
  margin-top: 10px;
  overflow: auto;
  margin-bottom: 0px !important;
}
.student-dashboard__attendance--full-view--subjects-list li {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid var(--border-color);
}
.student-dashboard__attendance--full-view--subjects {
  display: flex;
  column-gap: 5px;
  width: calc(100% - 100px);
}
.student-dashboard__attendance--full-view--subjects--name {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.student-dashboard__attendance--full-view--subjects--code {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #9ca3af;
}
.student-dashboard__attendance--full-view--sessions {
  width: 100px;
}
.student-dashboard__attendance--full-view--sessions--flex {
  display: flex;
  justify-content: space-between;
}
.student-dashboard__attendance--full-view--sessions span {
  display: block;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: var(--text-color);
}
.student-dashboard__attendance--full-view--sessions--status {
  display: flex;
}
.student-dashboard__attendance--full-view--dot {
  display: inline-block;
  height: 10px;
  margin-right: 2px;
  border-radius: 5px;
}
.student-dashboard__attendance--full-view--present {
  height: 10px;
  width: 100%;
  background-color: #4ade80;
}
.student-dashboard__attendance--full-view--absent {
  height: 10px;
  width: 100%;
  background-color: #c53030;
}
.student-dashboard__attendance--full-view--button {
  display: flex;
  justify-content: center;
}
.student-dashboard__attendance--full-view--graph {
  height: calc(100% - 100px);
}
.student-dashboard__attendance--full-view--graph .echarts-for-react {
  height: calc(100% - 30px) !important;
}
.student-dashboard__attendance--full-view--sessions {
  height: 40px;
  display: block;
  margin: auto;
  width: 100%;
}
.student-dashboard__attendance--absenties {
  height: 100%;
}
.student-dashboard__attendance--absenties--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-dashboard__attendance--absenties--title img:hover {
  background-color: #f3f4f6;
}
.student-dashboard__attendance--absenties--data {
  margin-top: 10px;
  height: calc(100% - 135px);
  overflow: auto;
}
.student-dashboard__attendance--absenties--data--t {
  display: flex;
  justify-content: space-between;
  background-color: var(--disabled-color);
  padding: 10px;
}
.student-dashboard__attendance--absenties--data--t b {
  color: var(--level-5);
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__attendance--absenties--data li {
  display: flex;
  justify-content: space-between;
  padding: 3px 5px;
  color: #9ca3af;
}
.student-dashboard__attendance--absenties--data ul {
  border: 1px solid var(--border-color);
}
.student-dashboard__attendance--absenties--table {
  max-height: 100%;
}
.student-dashboard__attendance--absenties--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-dashboard__attendance--absenties--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-dashboard__attendance--absenties--table td img:hover,
.student-dashboard__attendance--absenties--table td a:hover {
  cursor: pointer;
}
.student-dashboard__attendance--absenties--table tbody {
  background-color: var(--level-1);
}
.student-dashboard__attendance--absenties--table tbody tr:hover {
  background-color: var(--level-2);
}
.student-dashboard__attendance--absenties--table tbody tr:hover td {
  color: var(--level-7);
}
.student-dashboard__attendance--absenties--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-dashboard__attendance--absenties--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-dashboard__attendance--absenties--table {
  height: calc(100% - 35px);
}
.student-dashboard__attendance--absenties--slno {
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__attendance--absenties--date {
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__attendance--absenties--total {
  display: flex;
  background-color: #f87171;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  color: white;
  font-size: 18px;
  font-family: "Josefin Sans" !important;
  justify-content: space-between;
}
.student-dashboard__attendance--absenties--total b {
  padding: 3px 8px;
  background-color: white;
  border-radius: 6px;
}
.student-dashboard__attendance--absenties--flex {
  display: flex;
  column-gap: 10px;
}
.student-dashboard__feeds, .student-dashboard__feeds--general {
  height: calc(100% - 90px);
  overflow: auto;
  padding: 5px;
}
.student-dashboard__feeds--date {
  height: 30px;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.student-dashboard__feeds--date b {
  font-family: "Josefin Sans" !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__feeds--date b:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__feeds--date b {
  color: var(--level-5);
  font-size: 14px;
}
.student-dashboard__feeds--general {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  height: 100%;
}
.student-dashboard__feeds--images {
  height: 80px;
  display: flex;
  justify-content: center !important;
}
.student-dashboard__feeds--images--block {
  height: 100%;
  overflow: auto;
  align-items: center;
  display: flex !important;
  justify-content: center !important;
  column-gap: 10px;
  width: 250px;
}
.student-dashboard__feeds--images--block img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.student-dashboard__feeds--details {
  border: 1px solid var(--border-color);
  margin-top: 10px;
  padding: 2px;
}
.student-dashboard__feeds--details--subtitle {
  color: #64748b !important;
  font-size: 15px !important;
  font-family: "Josefin Sans" !important;
}
.student-dashboard__feeds--details--flex {
  display: flex;
  justify-content: space-between;
}
.student-dashboard__feeds--details--flex span {
  color: var(--text-color);
  font-size: 12px;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-dashboard__feeds--details--flex .subtitle1 {
  color: #475569 !important;
}
.student-dashboard__feeds--details--single-image img {
  width: 100%;
  height: 200px;
}
.student-dashboard__feeds--details--multiple-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.student-dashboard__feeds--details--multiple-image img {
  width: 100%;
  height: 100px;
}
.student-dashboard__feeds--view-more {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.student-dashboard__feeds--view-more button {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  padding: 5px 20px;
  border-radius: 30px;
  border: 1px solid var(--border-color);
  background: var(--bg-color);
  color: var(--text-color);
}
.student-dashboard__feeds--view-more button:hover {
  background-color: var(--level-2);
}
.student-dashboard__feeds--view-more button:focus {
  background-color: var(--level-5);
  color: white;
}
.student-dashboard__homework {
  height: 100%;
}
.student-dashboard__homework--table {
  height: calc(100% - 30px);
  overflow: auto;
}
.student-dashboard__report {
  height: 100%;
}
.student-dashboard__report--graph {
  height: calc(100% - 30px);
}
.student-dashboard__report--graph .echarts-for-react {
  height: 100% !important;
}
.student-dashboard__report--modal {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 10px;
}
.student-dashboard__report--modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-dashboard__report--modal--title img:hover {
  background-color: #f3f4f6;
}
.student-dashboard__report--modal--left {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: 400px;
}
.student-dashboard__report--modal--left--title {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--level-5);
}
.student-dashboard__report--modal--left--title .subtitle1 {
  color: var(--bg-color) !important;
}
.student-dashboard__report--modal--left--filters {
  height: 35px;
  column-gap: 10px;
  margin-top: 10px;
  padding: 5px;
}
.student-dashboard__report--modal--left--block {
  height: calc(100% - 95px);
  margin-top: 10px;
  padding: 5px;
}
.student-dashboard__report--modal--left--block .echarts-for-react {
  height: 100% !important;
}
.student-dashboard__report--modal--right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: calc(100% - 400px);
  padding: 5px;
}
.student-dashboard__report--report-cards {
  height: 40px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.student-dashboard__report--report-cards img {
  height: 30px;
}
.student-dashboard__report--report-cards--list {
  display: flex;
  gap: 10px;
}
.student-dashboard__report--report-cards--list b {
  font-family: "Josefin Sans" !important;
}
.student-dashboard__report--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-dashboard__report--title img:hover {
  background-color: #f3f4f6;
}
.student-dashboard__report--block {
  height: calc(100% - 85px);
  margin-top: 10px;
  overflow: auto;
}
.student-dashboard__together {
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.student-dashboard__timetable {
  height: 100%;
}
.student-dashboard__timetable--block {
  margin-top: 10px;
  height: calc(100% - 40px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.student-dashboard__timetable--block--current-card, .student-dashboard__timetable--block--next-card {
  padding: 10px;
  display: flex;
  column-gap: 10px;
  border-radius: 6px;
  align-items: center;
  background-color: var(--level-1);
}
.student-dashboard__timetable--block--current-card--icon, .student-dashboard__timetable--block--next-card--icon {
  background-color: var(--level-6);
  border-radius: 6px;
  color: var(--bg-color);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.student-dashboard__timetable--block--current-card--icon span, .student-dashboard__timetable--block--next-card--icon span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.student-dashboard__timetable--block--current-card--subject {
  display: flex;
  flex-direction: column;
}
.student-dashboard__timetable--block--current-card--subject p {
  margin: 0px !important;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.student-dashboard__timetable--block--current-card--subject span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #64748b;
}
.student-dashboard__timetable--block--next-card {
  background-color: #f8fafc !important;
}
.student-dashboard__timetable--block--next-card--icon {
  color: var(--text-color) !important;
  background-color: var(--bg-color) !important;
}
.student-dashboard__timetable--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-dashboard__timetable--title img:hover {
  background-color: #f3f4f6;
}
.student-dashboard__timetable--tableblock {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.student-dashboard__connect {
  height: 100%;
}
.student-dashboard__connect--block {
  height: calc(100% - 30px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.student-dashboard__connect--block span {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: var(--text-color);
}
.student-dashboard__connect--block--status {
  height: 80px;
  width: 75px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f59e0b;
}
.student-dashboard__connect--block--status span {
  font-size: 22px;
  color: var(--bg-color);
}
.student-dashboard__messages {
  height: 100%;
}
.student-dashboard__messages .feeds__swipable--data {
  height: calc(100% - 30px) !important;
  margin-top: 0px !important;
}
.student-dashboard__messages .feeds__swipable--data--list {
  height: 100% !important;
}
.student-dashboard__messages--block {
  height: calc(100% - 30px);
}
.student-dashboard__shortcut {
  position: fixed;
  right: 1px;
  top: 55%;
  transform: translateY(-50%);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__shortcut:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__shortcut {
  width: 60px;
  height: 45px !important;
  border-radius: 25px !important;
  background: linear-gradient(220deg, var(--level-2) 0%, var(--level-6) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.student-dashboard__shortcut img {
  width: 35px;
}
.student-dashboard__shortcut--list {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -90px;
  width: 80px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__shortcut--list:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__shortcut--list {
  padding: 10px;
}
.student-dashboard__shortcut--items, .student-dashboard__shortcut--invert {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.student-dashboard__shortcut--items img, .student-dashboard__shortcut--invert img {
  height: 40px;
}
.student-dashboard__shortcut--items span, .student-dashboard__shortcut--invert span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.student-dashboard__shortcut--invert img {
  filter: invert(100%) !important;
}
.student-dashboard .student-dashboard__shortcut--list.open {
  position: fixed;
  right: 13px;
  top: 55%;
  width: 100px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  z-index: 1;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.student-dashboard__block {
  position: relative !important;
  background: var(--bg-color);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.student-dashboard__block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.student-dashboard__block {
  height: calc(100% - 10px) !important;
  width: calc(100% - 10px) !important;
  padding: 0px !important;
}
.student-dashboard__block--img {
  height: 20px;
  position: absolute;
  right: 5px;
}
.student-dashboard__block--img img {
  height: 100%;
}
.student-dashboard__widgets {
  height: 100%;
  padding: 10px;
}
.student-dashboard__widgets--title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.student-dashboard__widgets--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-dashboard__widgets--title img:hover {
  background-color: #f3f4f6;
}
.student-dashboard__widgets--block {
  margin: 10px 0px;
  height: calc(100% - 90px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  border: 1px solid var(--border-color);
}
.student-dashboard__widgets--block--item {
  padding: 5px;
  display: grid;
  grid-template-columns: 0.4fr 2.8fr 0.3fr;
  border-bottom: 1px solid var(--border-color);
}
.student-dashboard__widgets--block--item .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between !important;
}
.student-dashboard__widgets--block--item img {
  height: 30px;
}
.student-dashboard__widgets--block--item .Label {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
}
.student-dashboard__reorder {
  background: var(--disabled-color);
  height: calc(100% - 60px);
  position: relative;
  overflow: auto;
}
.student-dashboard__reorder .teacher-dashboard__daily-dairy--flex--image {
  margin-right: 20px !important;
}
.student-dashboard__reorder .teacher-dashboard__flex--image {
  margin-right: 20px !important;
}
.student-dashboard__reorder .accounts-dashboard__details--block--title {
  margin-right: 20px !important;
}
.student-dashboard__reorder--buttons {
  margin-left: 11px;
  position: absolute;
  bottom: 30px;
}

.student-dashboard__feeds--general::-webkit-scrollbar,
.student-dashboard__attendance--absenties--data::-webkit-scrollbar,
.student-dashboard__attendance--full-view--subjects-list::-webkit-scrollbar,
.student-dashboard__calendar--notifications::-webkit-scrollbar,
.student-dashboard__attendance--full-view--subjects-list,
.student-dashboard__calendar--holidays-list::-webkit-scrollbar,
.student-dashboard__fee-balance--block::-webkit-scrollbar,
.student-dashboard__library--block::-webkit-scrollbar,
.student-dashboard__timetable--block::-webkit-scrollbar,
.student-dashboard__widgets--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-dashboard__feeds--general::-webkit-scrollbar-thumb,
.student-dashboard__attendance--absenties--data::-webkit-scrollbar-thumb,
.student-dashboard__attendance--full-view--subjects-list::-webkit-scrollbar-thumb,
.student-dashboard__calendar--notifications::-webkit-scrollbar-thumb,
.student-dashboard__calendar--holidays-list::-webkit-scrollbar-thumb,
.student-dashboard__fee-balance--block::-webkit-scrollbar-thumb,
.student-dashboard__library--block::-webkit-scrollbar-thumb,
.student-dashboard__timetable--block::-webkit-scrollbar-thumb,
.student-dashboard__widgets--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-dashboard__feeds--general::-webkit-scrollbar-thumb:hover,
.student-dashboard__attendance--absenties--data::-webkit-scrollbar-thumb:hover,
.student-dashboard__attendance--full-view--subjects-list::-webkit-scrollbar-thumb:hover,
.student-dashboard__calendar--notifications::-webkit-scrollbar-thumb:hover,
.student-dashboard__calendar--holidays-list::-webkit-scrollbar-thumb:hover,
.student-dashboard__fee-balance--block::-webkit-scrollbar-thumb:hover,
.student-dashboard__library--block::-webkit-scrollbar-thumb:hover,
.student-dashboard__timetable--block::-webkit-scrollbar-thumb:hover .student-dashboard__widgets--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student-dashboard__feeds::-webkit-scrollbar, .student-dashboard__feeds--general::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-dashboard__feeds::-webkit-scrollbar-thumb, .student-dashboard__feeds--general::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-dashboard__feeds::-webkit-scrollbar-thumb:hover, .student-dashboard__feeds--general::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.weekend-dates {
  color: #ef4444 !important;
  font-weight: 600;
}

.vacations-dates {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 2px solid red;
}
.vacations-dates span {
  position: relative;
  z-index: 1;
}

.border-left-for-holidays {
  border-left: 3px solid #ef4444 !important;
}

.calendar-show-events span {
  border-bottom: 4px solid #0ea5e9;
}

.attendance-present {
  background-color: #22c55e;
}

.attendance-absent {
  background-color: #ef4444;
}

.student-dashboard__announcements--dot.active {
  background-color: var(--level-5);
  width: 30px;
  border-radius: 30px;
  height: 15px;
}

.std-edit-adm-no {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.std-edit-adm-no__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.std-edit-adm-no__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.std-edit-adm-no__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.std-edit-adm-no__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.std-edit-adm-no__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.std-edit-adm-no__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.std-edit-adm-no__panel {
  height: calc(100% - 40px);
}
.std-edit-adm-no__block {
  height: 100%;
}
.std-edit-adm-no__details {
  height: 130px;
  column-gap: 20px;
  top: 10px;
  position: relative;
}
.std-edit-adm-no__details--image-field {
  display: flex;
}
.std-edit-adm-no__details--image-field .MuiAutocomplete-root {
  margin-top: 8px !important;
}
.std-edit-adm-no__details--image-field .data-fetch-icon {
  margin-top: 7px !important;
}
.std-edit-adm-no__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-edit-adm-no__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-edit-adm-no__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-edit-adm-no__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-edit-adm-no__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-edit-adm-no__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-edit-adm-no__details--textfield {
  margin: 8px 0px 0px 0px !important;
}
.std-edit-adm-no__details--profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.std-edit-adm-no__details #receivedamount {
  margin-top: 7px;
  text-align: left !important;
  padding-right: 10px;
}
.std-edit-adm-no__datablock {
  height: calc(100% - 180px);
}
.std-edit-adm-no__bulk {
  height: 100%;
}
.std-edit-adm-no__bulk--select {
  column-gap: 10px;
  top: 10px;
  position: relative;
}
.std-edit-adm-no__bulk--select #search {
  margin-top: 0px !important;
}
.std-edit-adm-no__bulk--select .MuiTextField-root {
  margin-top: 0px !important;
}
.std-edit-adm-no__bulk--tableblock {
  margin-top: 15px;
  height: calc(100% - 97px);
}
.std-edit-adm-no__bulk--table {
  max-height: 100%;
}
.std-edit-adm-no__bulk--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-edit-adm-no__bulk--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-edit-adm-no__bulk--table td img:hover,
.std-edit-adm-no__bulk--table td a:hover {
  cursor: pointer;
}
.std-edit-adm-no__bulk--table tbody {
  background-color: var(--level-1);
}
.std-edit-adm-no__bulk--table tbody tr:hover {
  background-color: var(--level-2);
}
.std-edit-adm-no__bulk--table tbody tr:hover td {
  color: var(--level-7);
}
.std-edit-adm-no__bulk--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-edit-adm-no__bulk--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-edit-adm-no__bulk--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-edit-adm-no__bulk--table--desc {
  width: 10%;
}
.std-edit-adm-no__bulk--table--admno {
  width: 8%;
}
.std-edit-adm-no__bulk--table--input {
  width: 8%;
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.std-edit-adm-no__bulk--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.std-edit-adm-no__bulk--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}

.detained-student-list {
  height: calc(100% - 130px);
  margin: 0px 20px 0px 20px;
}
.detained-student-list__details {
  height: 130px;
  column-gap: 20px;
}
.detained-student-list__details--image-field {
  display: flex;
}
.detained-student-list__details--image-field .MuiAutocomplete-root {
  margin-top: 6px !important;
}
.detained-student-list__details--image-field .data-fetch-icon {
  margin-top: 7px !important;
}
.detained-student-list__details--textfield, .detained-student-list__details--textfield--year {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.detained-student-list__details--textfield .MuiInputBase-input, .detained-student-list__details--textfield--year .MuiInputBase-input {
  padding: 5px !important;
}
.detained-student-list__details--textfield input, .detained-student-list__details--textfield--year input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.detained-student-list__details--textfield label, .detained-student-list__details--textfield--year label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.detained-student-list__details--textfield .Mui-disabled input, .detained-student-list__details--textfield--year .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.detained-student-list__details--textfield .MuiInputBase-input, .detained-student-list__details--textfield--year .MuiInputBase-input {
  height: 1.3em !important;
}
.detained-student-list__details--textfield, .detained-student-list__details--textfield--year {
  margin: 8px 0px 0px 0px !important;
}
.detained-student-list__details--textfield--year input.Mui-disabled {
  -webkit-text-fill-color: var(--level-4) !important;
}
.detained-student-list__details--profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.detained-student-list__block {
  margin-top: 30px;
  height: calc(100% - 160px);
}
.detained-student-list__view {
  column-gap: 10px;
  margin-top: 10px;
}
.detained-student-list__view--search {
  display: flex;
  gap: 10px;
}
.detained-student-list__view Input {
  margin-top: 0px !important;
}
.detained-student-list__view--select-flex {
  display: flex;
  gap: 10px;
}
.detained-student-list__view--table {
  max-height: 100%;
}
.detained-student-list__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.detained-student-list__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.detained-student-list__view--table td img:hover,
.detained-student-list__view--table td a:hover {
  cursor: pointer;
}
.detained-student-list__view--table tbody {
  background-color: var(--level-1);
}
.detained-student-list__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.detained-student-list__view--table tbody tr:hover td {
  color: var(--level-7);
}
.detained-student-list__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.detained-student-list__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.detained-student-list__view--table {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.detained-student-list__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.detained-student-list__view--table--admno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.detained-student-list__view--table--regno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.detained-student-list__view--table--year {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.detained-student-list__view--table--th-slno {
  width: 4%;
}
.detained-student-list__view--table--th-admno {
  width: 12%;
}
.detained-student-list__view--table--th-regno {
  width: 12%;
}
.detained-student-list__view--table--th-year {
  width: 8%;
}
.detained-student-list__view--table--name {
  width: 20%;
}

.delete-student {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 220px);
}
.delete-student__select-options {
  column-gap: 10px;
}
.delete-student__select-options #search {
  margin-top: 0px;
}
.delete-student__table {
  max-height: 100%;
}
.delete-student__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.delete-student__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.delete-student__table td img:hover,
.delete-student__table td a:hover {
  cursor: pointer;
}
.delete-student__table tbody {
  background-color: var(--level-1);
}
.delete-student__table tbody tr:hover {
  background-color: var(--level-2);
}
.delete-student__table tbody tr:hover td {
  color: var(--level-7);
}
.delete-student__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.delete-student__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.delete-student__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.delete-student__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.delete-student__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.delete-student__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-student__table--th-slno {
  width: 4%;
}
.delete-student__table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-student__table--th-admno {
  width: 8%;
}
.delete-student__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.delete-student__table--th-amount {
  width: 10%;
}
.delete-student__table--desc {
  width: 6%;
}
.delete-student__tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.delete-student__footer {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.delete-student__footer--total-count {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: 2px;
}
.delete-student__total {
  text-align: right;
}

.delete-student__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.delete-student__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.delete-student__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.change-of-dept {
  height: calc(100% - 210px);
  margin: 0px 20px 0px 20px;
}
.change-of-dept__details {
  height: 120px;
  gap: 10px;
}
.change-of-dept__details--row {
  column-gap: 10px;
}
.change-of-dept__details .data-fetch-icon {
  margin-top: 10px;
}
.change-of-dept__details--imagefield {
  display: flex;
}
.change-of-dept__details .MuiAutocomplete-root {
  margin-top: 10px;
}
.change-of-dept__details--modal {
  column-gap: 20px;
}
.change-of-dept__details--textfield {
  width: 100%;
  margin: 10px 10px 0px 0px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.change-of-dept__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.change-of-dept__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.change-of-dept__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.change-of-dept__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.change-of-dept__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.change-of-dept__details--studentprofile {
  margin-top: 10px;
}
.change-of-dept__details--studentprofile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.change-of-dept__tableblock {
  margin-top: 10px;
  height: calc(100% - 210px);
  column-gap: 15px;
}
.change-of-dept__tableblock--modal {
  margin-top: 5px;
  height: calc(100% - 315px);
  gap: 15px;
}
.change-of-dept__tableblock--table {
  max-height: 100%;
}
.change-of-dept__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.change-of-dept__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.change-of-dept__tableblock--table td img:hover,
.change-of-dept__tableblock--table td a:hover {
  cursor: pointer;
}
.change-of-dept__tableblock--table tbody {
  background-color: var(--level-1);
}
.change-of-dept__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.change-of-dept__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.change-of-dept__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.change-of-dept__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.change-of-dept__tableblock--table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.change-of-dept__tableblock--table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.change-of-dept__tableblock--table--subheader th {
  top: 30px;
}
.change-of-dept__tableblock--table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 20%;
}
.change-of-dept__tableblock--table--th-amount {
  width: 20%;
}
.change-of-dept__tableblock--table--th-slno {
  width: 10%;
}
.change-of-dept__tableblock--table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.change-of-dept__view {
  height: calc(100% - 125px);
}
.change-of-dept__view--button {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto;
  margin-right: 0px;
  margin-top: 0px !important;
}
.change-of-dept__view tr:hover .change-of-dept__view--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.change-of-dept__view--table {
  max-height: 100%;
}
.change-of-dept__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.change-of-dept__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.change-of-dept__view--table td img:hover,
.change-of-dept__view--table td a:hover {
  cursor: pointer;
}
.change-of-dept__view--table tbody {
  background-color: var(--level-1);
}
.change-of-dept__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.change-of-dept__view--table tbody tr:hover td {
  color: var(--level-7);
}
.change-of-dept__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.change-of-dept__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.change-of-dept__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.change-of-dept__view--table--th-slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.change-of-dept__view--table--admno {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.change-of-dept__view--table--th-admno {
  width: 7%;
}
.change-of-dept__view--table--regno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.change-of-dept__view--table--th-regno {
  width: 6%;
}
.change-of-dept__view--table--desc {
  width: 8%;
}
.change-of-dept__receipt-details {
  height: 100%;
}
.change-of-dept__receipt-details--data {
  height: calc(100% - 75px);
}
.change-of-dept__receipt-details--data ul {
  height: calc(100% - 60px);
  border-bottom: 1px dashed var(--border-color);
  overflow: auto;
}
.change-of-dept__receipt-details--data ul li {
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
.change-of-dept__receipt-details--data--receipts {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  display: block;
}
.change-of-dept__receipt-details--data--amount {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  font-weight: 700;
  color: #22c55e;
  display: block;
}
.change-of-dept__receipt-details--data--balance {
  text-align: right;
}
.change-of-dept__receipt-details--data--new-demand {
  text-align: right;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
}
.change-of-dept__receipt-details--data--demand-balance {
  color: #dc2626;
  font-weight: 700;
  font-family: "Spline Sans Mono", monospace !important;
  display: block;
}
.change-of-dept__total {
  text-align: right;
}
.change-of-dept__label-grid {
  display: grid;
  grid-template-columns: 1fr 0.2fr 1fr;
}
.change-of-dept__label-grid Label {
  margin-top: 0px !important;
}

.change-of-dept__receipt-details--data ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.change-of-dept__receipt-details--data ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.change-of-dept__receipt-details--data ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.initiate-receipt-transfer-image {
  filter: invert(100%) !important;
  width: 25px;
  height: 25px;
}

.student-reset-password {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.student-reset-password__details {
  height: 120px;
  column-gap: 20px;
}
.student-reset-password__details--image {
  height: 100%;
}
.student-reset-password__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.student-reset-password__details--imagefield {
  display: flex;
}
.student-reset-password__details--imagefield .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.student-reset-password__details--imagefield .data-fetch-icon {
  margin-top: 8px;
}
.student-reset-password__form {
  border-top: 1.8px dashed var(--border-color);
  height: calc(100% - 130px);
  margin-top: 10px;
}
.student-reset-password__form--details {
  height: calc(100% - 45px);
}
.student-reset-password__form--details--textfield, .student-reset-password__form--details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-reset-password__form--details--textfield .MuiInputBase-input, .student-reset-password__form--details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-reset-password__form--details--textfield input, .student-reset-password__form--details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-reset-password__form--details--textfield label, .student-reset-password__form--details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-reset-password__form--details--textfield .Mui-disabled input, .student-reset-password__form--details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-reset-password__form--details--textfield .MuiInputBase-input, .student-reset-password__form--details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-reset-password__form--details--textfield, .student-reset-password__form--details--textfield--date {
  margin: 10px 0px 0px 0px !important;
  width: 100%;
}
.student-reset-password__form--details--textfield--date {
  width: fit-content !important;
}
.student-reset-password__form--details--pwd {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-reset-password__form--details--pwd .MuiInputBase-input {
  padding: 5px !important;
}
.student-reset-password__form--details--pwd input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-reset-password__form--details--pwd label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-reset-password__form--details--pwd .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-reset-password__form--details--pwd .MuiInputBase-input {
  height: 1.3em !important;
}
.student-reset-password__form--details--pwd {
  margin: 10px 0px 0px 0px !important;
  width: 100%;
}
.student-reset-password__form--details--pwd input {
  font-weight: 400 !important;
}
.student-reset-password__form--details--pwd .MuiOutlinedInput-input {
  padding: 6.5px 14px !important;
}
.student-reset-password__form--details--pwd .MuiSvgIcon-root {
  font-size: 20px !important;
}

.std-enable-login {
  height: calc(100% - 165px);
  margin: 10px 20px 0px 20px;
}
.std-enable-login__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-enable-login__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-enable-login__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enable-login__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-enable-login__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enable-login__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-enable-login__textfield {
  margin: 10px 0px 0px 0px !important;
  width: 100%;
}
.std-enable-login__textfield--email {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.std-enable-login__textfield--email .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.std-enable-login__textfield--email .MuiInputBase-input {
  padding: 5px !important;
}
.std-enable-login__textfield--email input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.std-enable-login__textfield--email label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.std-enable-login__options {
  column-gap: 10px;
}
.std-enable-login__status-table {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.std-enable-login__tableblock {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.std-enable-login__tableblock--for-emp {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.std-enable-login__table {
  max-height: 100%;
}
.std-enable-login__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-enable-login__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-enable-login__table td img:hover,
.std-enable-login__table td a:hover {
  cursor: pointer;
}
.std-enable-login__table tbody {
  background-color: var(--level-1);
}
.std-enable-login__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-enable-login__table tbody tr:hover td {
  color: var(--level-7);
}
.std-enable-login__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-enable-login__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-enable-login__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enable-login__table--admno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enable-login__table--mobile {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enable-login__table--desc {
  width: 12%;
}
.std-enable-login__table--status {
  width: 6%;
}
.std-enable-login__total {
  text-align: right;
}

.std-reservation {
  height: calc(100% - 175px);
  margin: 10px 20px 0px 20px;
}
.std-reservation__modal {
  height: calc(100% - 30px);
  margin-top: 10px;
}
.std-reservation__modal--modal {
  height: calc(100% - 70px);
  margin-top: 10px;
}
.std-reservation__add, .std-reservation__update {
  height: calc(100% - 165px);
  margin: 0px 20px 0px 20px;
}
.std-reservation__add--data {
  column-gap: 40px;
  height: calc(100% - 45px);
  overflow: auto;
}
.std-reservation__add .MuiAutocomplete-endAdornment, .std-reservation__update .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.std-reservation__update {
  height: calc(100% - 30px);
  margin: 0px;
}
.std-reservation__options {
  column-gap: 10px;
}
.std-reservation__tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.std-reservation__table {
  max-height: 100%;
}
.std-reservation__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-reservation__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-reservation__table td img:hover,
.std-reservation__table td a:hover {
  cursor: pointer;
}
.std-reservation__table tbody {
  background-color: var(--level-1);
}
.std-reservation__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-reservation__table tbody tr:hover td {
  color: var(--level-7);
}
.std-reservation__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-reservation__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-reservation__table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 4%;
}
.std-reservation__table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-reservation__table--email {
  width: 12%;
}
.std-reservation__table--mobile {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-reservation__table--fname {
  width: 12%;
}
.std-reservation__table--status {
  width: 4%;
}
.std-reservation__table--actions {
  width: 4%;
}
.std-reservation__btn .storybook-button {
  margin: 0px 0px 0px 0px !important;
}
.std-reservation__btn {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0px 0px 0px auto !important;
  column-gap: 10px;
}
.std-reservation__total {
  text-align: right;
}
.std-reservation__total .student-total-count {
  margin: 10px 0px 0px 0px !important;
}

.section-allocation {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.section-allocation .MuiDrawer-root {
  z-index: 100 !important;
}
.section-allocation__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.section-allocation__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.section-allocation__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.section-allocation__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.section-allocation__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.section-allocation__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.section-allocation__tabs {
  margin-top: 10px;
}
.section-allocation__swipable {
  height: calc(100% - 65px);
  margin-top: 10px;
}
.section-allocation__options {
  column-gap: 10px;
}
.section-allocation__options .storybook-input {
  margin-top: 0px !important;
}
.section-allocation__options .MuiTextField-root {
  margin-top: 0px !important;
}
.section-allocation__datablock {
  height: calc(100% - 95px);
}
.section-allocation__data-allocation {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.section-allocation__datablock--interchange {
  height: calc(100% - 95px);
}
.section-allocation__tableblock {
  height: calc(100% - 30px);
}
.section-allocation__move-to {
  height: 100%;
  padding: 15px 10px 10px 10px;
}
.section-allocation__move-to--tableblock {
  height: calc(100% - 115px);
  margin-top: 10px;
}
.section-allocation__move-to--teacher-table {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.section-allocation__move-to--count {
  display: flex;
}
.section-allocation__move-to--count:hover {
  text-decoration: underline;
}
.section-allocation__move-to--count:hover .Label,
.section-allocation__move-to--count:hover b {
  font-weight: 700;
  color: var(--level-6);
}
.section-allocation__move-to--count Label {
  margin-top: 5px;
}
.section-allocation__move-to--count b {
  font-weight: 700;
  font-size: 16px !important;
  font-family: "Spline Sans Mono", monospace !important;
  color: var(--level-6);
  margin-top: 10px;
}
.section-allocation__without-error {
  margin: 0px 10px 0px 10px;
  height: calc(100% - 260px);
}
.section-allocation__title {
  height: 40px;
  padding-right: 20px;
}
.section-allocation__table {
  max-height: 100%;
}
.section-allocation__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.section-allocation__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.section-allocation__table td img:hover,
.section-allocation__table td a:hover {
  cursor: pointer;
}
.section-allocation__table tbody {
  background-color: var(--level-1);
}
.section-allocation__table tbody tr:hover {
  background-color: var(--level-2);
}
.section-allocation__table tbody tr:hover td {
  color: var(--level-7);
}
.section-allocation__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.section-allocation__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.section-allocation__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.section-allocation__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.section-allocation__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.section-allocation__table--th-slno {
  width: 8%;
}
.section-allocation__table--th-admno {
  width: 10%;
}
.section-allocation__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.section-allocation__table--admno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.section-allocation__table--desc {
  width: 15%;
}
.section-allocation__total {
  display: flex;
  justify-content: flex-end;
}
.section-allocation__total .Label {
  margin-top: 0px;
}
.section-allocation__total .Label:hover {
  text-decoration: underline;
  font-weight: bold !important;
}
.section-allocation__totalcount {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: -5px;
}
.section-allocation__allocated {
  margin-top: 10px;
  height: calc(100% - 80px);
}
.section-allocation--total-count .student-total-count {
  text-align: right;
}
.section-allocation__club-block, .section-allocation__club-block--students {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.section-allocation__club-block--students {
  height: calc(100% - 45px) !important;
}

.move-section__total {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.move-section__total--count {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: 5px;
}

.section-interchange {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.section-interchange__batch-key {
  height: 30px;
  margin-top: 20px;
}
.section-interchange__datablock {
  height: calc(100% - 160px);
}

.std-detailed-report {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.std-detailed-report__options {
  column-gap: 10px;
  margin-top: 10px;
}
.std-detailed-report__options #search {
  margin-top: 0px !important;
}
.std-detailed-report__options .studentlist__select-columns {
  margin-right: 0px !important;
}
.std-detailed-report__datablock {
  height: calc(100% - 55px);
  margin-top: 10px;
  display: flex;
  column-gap: 20px;
}
.std-detailed-report__datablock--left {
  width: 250px;
  height: 100%;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.std-detailed-report__datablock--right {
  width: calc(100% - 250px);
  height: 100%;
  border: 1.8px dashed var(--border-color);
  padding: 10px;
}
.std-detailed-report__datablock--right .std-reservation__modal {
  margin-top: 0px !important;
}
.std-detailed-report__datablock--right .std-reservation__tableblock {
  height: calc(100% - 90px);
}
.std-detailed-report__tableblock {
  height: 100%;
}
.std-detailed-report__table {
  max-height: 100%;
}
.std-detailed-report__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-detailed-report__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-detailed-report__table td img:hover,
.std-detailed-report__table td a:hover {
  cursor: pointer;
}
.std-detailed-report__table tbody {
  background-color: var(--level-1);
}
.std-detailed-report__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-detailed-report__table tbody tr:hover td {
  color: var(--level-7);
}
.std-detailed-report__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-detailed-report__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.customized-tree-view {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.customized-tree-view__left {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px;
  height: calc(100% - 45px);
}
.customized-tree-view__left--header {
  margin-bottom: 0px !important;
  margin-bottom: 10px;
}
.customized-tree-view__left--header--title {
  width: calc(100% - 500px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: auto;
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  font-weight: 700;
}
.customized-tree-view__left--header--image {
  width: 100px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.customized-tree-view__left--header--image img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
  width: 50px;
}
.customized-tree-view__left--header--image span {
  text-align: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  border-top: 1px solid var(--border-color);
}
.customized-tree-view__left--header--li {
  display: flex;
  column-gap: 5px;
  padding: 5px;
}
.customized-tree-view li {
  padding: 2px;
  display: flex;
  column-gap: 5px;
  border-radius: 6px;
}
.customized-tree-view li:hover {
  background-color: var(--level-2);
}
.customized-tree-view li:focus {
  background-color: var(--level-4);
  color: white;
}
.customized-tree-view__count {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  text-align: center;
  width: 100px;
}
.customized-tree-view__total {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  text-align: center;
  width: 100px;
}
.customized-tree-view__level-1 {
  height: calc(100% - 95px);
  overflow: auto;
}
.customized-tree-view__level-1--li {
  border: 1.5px dashed var(--border-color);
}
.customized-tree-view__level-1--title {
  width: calc(100% - 500px) !important;
  font-family: "Josefin Sans" !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.customized-tree-view__level-2--title {
  width: calc(100% - 500px) !important;
  font-family: "Josefin Sans" !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.customized-tree-view__level-2--li {
  border-left: 1.5px dashed var(--border-color);
  border-bottom: 1.5px dashed var(--border-color);
  border-right: 1.5px dashed var(--border-color);
}

.customized-tree-view__level-1::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.customized-tree-view__level-1::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.customized-tree-view__level-1::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.class-wise-std-count {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.class-wise-std-count__select {
  column-gap: 10px;
  margin-top: 5px;
}
.class-wise-std-count__tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.class-wise-std-count__table {
  max-height: 100%;
}
.class-wise-std-count__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.class-wise-std-count__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.class-wise-std-count__table td img:hover,
.class-wise-std-count__table td a:hover {
  cursor: pointer;
}
.class-wise-std-count__table tbody {
  background-color: var(--level-1);
}
.class-wise-std-count__table tbody tr:hover {
  background-color: var(--level-2);
}
.class-wise-std-count__table tbody tr:hover td {
  color: var(--level-7);
}
.class-wise-std-count__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.class-wise-std-count__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.class-wise-std-count__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.class-wise-std-count__table--total {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}

.anonymous-std {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.anonymous-std__select {
  column-gap: 10px;
}
.anonymous-std__select--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.anonymous-std__select--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.anonymous-std__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.anonymous-std__select--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.anonymous-std__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.anonymous-std__tableblock {
  margin-top: 10px;
  height: calc(100% - 97px);
}
.anonymous-std__table {
  max-height: 100%;
}
.anonymous-std__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.anonymous-std__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.anonymous-std__table td img:hover,
.anonymous-std__table td a:hover {
  cursor: pointer;
}
.anonymous-std__table tbody {
  background-color: var(--level-1);
}
.anonymous-std__table tbody tr:hover {
  background-color: var(--level-2);
}
.anonymous-std__table tbody tr:hover td {
  color: var(--level-7);
}
.anonymous-std__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.anonymous-std__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.anonymous-std__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.anonymous-std__table--actions {
  width: 5%;
}
.anonymous-std__table--ledger {
  width: 20%;
}

.std-report__agewise {
  height: 100%;
}
.std-report__agewise--filters .MuiAutocomplete-root {
  margin-right: 10px !important;
  width: calc(100% - 10px) !important;
}
.std-report__agewise--filters--flex {
  display: flex;
  column-gap: 10px;
}
.std-report__agewise--filters--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-report__agewise--filters--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-report__agewise--filters--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-report__agewise--filters--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-report__agewise--filters--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-report__agewise--filters--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-report__agewise--filters--textfield {
  height: fit-content !important;
  background-color: #fef9c3;
  width: calc(100% - 10px) !important;
}
.std-report__agewise--filters--textfield label {
  color: var(--text-color) !important;
}
.std-report__agewise--filters--textfield input {
  font-weight: 400 !important;
}
.std-report__agewise--search {
  margin-top: 10px;
}
.std-report__agewise--search .MuiAutocomplete-root {
  margin-right: 10px !important;
  width: calc(100% - 10px) !important;
}
.std-report__agewise--search .storybook-input {
  margin-top: 0px !important;
  margin-right: 10px;
  width: calc(100% - 10px) !important;
}
.std-report__agewise--tableblock {
  margin-top: 10px;
  height: calc(100% - 115px);
}
.std-report__agewise--table {
  max-height: 100%;
}
.std-report__agewise--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-report__agewise--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-report__agewise--table td img:hover,
.std-report__agewise--table td a:hover {
  cursor: pointer;
}
.std-report__agewise--table tbody {
  background-color: var(--level-1);
}
.std-report__agewise--table tbody tr:hover {
  background-color: var(--level-2);
}
.std-report__agewise--table tbody tr:hover td {
  color: var(--level-7);
}
.std-report__agewise--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-report__agewise--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-report__agewise--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-report__agewise--table--number {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-report__agewise--table--age {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-report__agewise--total {
  text-align: right;
}

.sub-wise-att {
  height: calc(100% - 35px);
}
.sub-wise-att--report {
  height: calc(100% - 160px);
}
.sub-wise-att__select {
  column-gap: 10px;
  margin-top: 10px;
}
.sub-wise-att__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  height: 80px;
  margin: 10px 0px 10px 0px;
}
.sub-wise-att__cards--grid {
  background-color: var(--disabled-color);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
}
.sub-wise-att__cards--grid span {
  color: #1e293b;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  text-align: center;
}
.sub-wise-att__cards--grid b {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.sub-wise-att__subtitle img {
  width: 20px;
  margin: 0px 5px;
}
.sub-wise-att__tableblock {
  height: calc(100% - 185px);
  margin-top: 10px;
}
.sub-wise-att__tableblock img {
  width: 15px;
  margin-right: 5px;
}
.sub-wise-att__subject-list {
  height: calc(100% - 160px);
  overflow: auto;
}
.sub-wise-att__subject-list--block {
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-wise-att__subject-list--block b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sub-wise-att__subject-list--block span {
  font-family: "Spline Sans Mono", monospace !important;
  color: #cbd5e1;
  font-size: 12px;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sub-wise-att__subject-list .sub-wise-att__cards {
  width: calc(100% - 100px);
}
.sub-wise-att__subject-list .sub-wise-att__cards--grid {
  background-color: transparent !important;
}
.sub-wise-att__subject-list .sub-wise-att__cards--grid span {
  text-align: center;
  font-size: 14px;
}
.sub-wise-att__subject-list .sub-wise-att__cards--grid b {
  font-size: 12px;
}
.sub-wise-att__subject-list li {
  display: flex;
  margin-top: 10px;
  padding: 5px;
  border-bottom: 1px dashed var(--border-color);
}
.sub-wise-att__subject-list li:hover {
  background-color: var(--level-1);
  border-radius: 10px;
}
.sub-wise-att__subject-list li img {
  filter: invert(100%);
  width: 20px !important;
}
.sub-wise-att__weekend {
  background-color: var(--bg-color) !important;
  color: #c53030;
}
.sub-wise-att__vacation {
  background-color: #fbbf24 !important;
  color: white !important;
}
.sub-wise-att__holiday {
  background-color: #c53030;
  color: white !important;
}

.sub-wise-att__subject-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.sub-wise-att__subject-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.sub-wise-att__subject-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.selected-sub-wise-status {
  height: 100%;
}
.selected-sub-wise-status__title {
  display: flex;
  justify-content: space-between;
}
.selected-sub-wise-status__details {
  display: block;
  margin: 20px auto 10px auto;
  height: 120px;
  border-radius: 6px;
  background-color: var(--level-1);
  padding: 10px 20px;
  width: fit-content;
}
.selected-sub-wise-status__details--subject {
  display: flex;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  justify-content: center;
}
.selected-sub-wise-status__details--subject b {
  color: var(--level-5);
}
.selected-sub-wise-status__details--subject span {
  color: #94a3b8;
}
.selected-sub-wise-status__details--total-text {
  color: #94a3b8;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
  padding: 10px;
}
.selected-sub-wise-status__details--total {
  background-color: var(--level-3);
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 35px;
  height: 30px;
}
.selected-sub-wise-status__details--total b {
  color: var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.selected-sub-wise-status__sessions {
  height: calc(100% - 240px);
  overflow: auto;
}
.selected-sub-wise-status__sessions--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.selected-sub-wise-status__sessions li {
  padding: 5px;
  border-bottom: 1.5px dashed var(--border-color);
}
.selected-sub-wise-status__sessions--filters {
  display: flex;
  column-gap: 10px;
  align-items: center;
  width: calc(100% - 60px);
}
.selected-sub-wise-status__sessions--filters img {
  width: 20px;
  display: block;
  margin-right: 5px;
  margin-left: 5px;
}
.selected-sub-wise-status__sessions--status {
  width: 60px;
}
.selected-sub-wise-status__sessions--status span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.selected-sub-wise-status__sessions--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.selected-sub-wise-status__sessions--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.selected-sub-wise-status__sessions--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.selected-sub-wise-status__sessions--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.selected-sub-wise-status__sessions--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.selected-sub-wise-status__sessions--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.selected-sub-wise-status__sessions--textfield {
  margin: 10px 0px 0px 0px !important;
  width: fit-content !important;
}

.selected-sub-wise-status__sessions::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.selected-sub-wise-status__sessions::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.selected-sub-wise-status__sessions::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.interchange-category {
  height: calc(100% - 160px);
  margin: 0px 20px 0px 20px;
}
.interchange-category--select {
  column-gap: 10px;
  margin-top: 10px;
}
.interchange-category--tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.interchange-category--table {
  max-height: 100%;
}
.interchange-category--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.interchange-category--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.interchange-category--table td img:hover,
.interchange-category--table td a:hover {
  cursor: pointer;
}
.interchange-category--table tbody {
  background-color: var(--level-1);
}
.interchange-category--table tbody tr:hover {
  background-color: var(--level-2);
}
.interchange-category--table tbody tr:hover td {
  color: var(--level-7);
}
.interchange-category--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.interchange-category--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.interchange-category--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.interchange-category--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.interchange-category--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.interchange-category--drawer {
  height: 100%;
  margin: 0px 10px;
}
.interchange-category--drawer--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.interchange-category--drawer--title img:hover {
  background-color: #f3f4f6;
}
.interchange-category--drawer--tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}

.student-default-docs {
  height: calc(100% - 165px);
}
.student-default-docs__details {
  column-gap: 20px;
}
.student-default-docs__details .MuiAutocomplete-root {
  margin-top: 10px;
}
.student-default-docs__block {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.student-default-docs__block--table {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 5px;
}
.student-default-docs__table {
  max-height: 100%;
}
.student-default-docs__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-default-docs__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-default-docs__table td img:hover,
.student-default-docs__table td a:hover {
  cursor: pointer;
}
.student-default-docs__table tbody {
  background-color: var(--level-1);
}
.student-default-docs__table tbody tr:hover {
  background-color: var(--level-2);
}
.student-default-docs__table tbody tr:hover td {
  color: var(--level-7);
}
.student-default-docs__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-default-docs__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-default-docs__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-default-docs__table--preview {
  width: 4%;
}
.student-default-docs__table--actions {
  width: 4%;
  color: black;
}

.student_add_step {
  height: 100%;
}

.student_docs {
  height: calc(100% - 120px);
  margin: 10px 20px 0px 20px;
}
.student_docs__body--table {
  max-height: 100%;
}
.student_docs__body--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student_docs__body--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student_docs__body--table td img:hover,
.student_docs__body--table td a:hover {
  cursor: pointer;
}
.student_docs__body--table tbody {
  background-color: var(--level-1);
}
.student_docs__body--table tbody tr:hover {
  background-color: var(--level-2);
}
.student_docs__body--table tbody tr:hover td {
  color: var(--level-7);
}
.student_docs__body--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student_docs__body--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student_docs__body--table {
  height: 100%;
}
.student_docs__body--table .storybook-button {
  margin-top: 0px !important;
}
.student_docs__body--table--actions div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.student_docs__body--table--actions input {
  display: none;
}
.student_docs__body--table--imput {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.student_docs__body--table--imput input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.student_docs__body--table--imput input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.student_docs__body--table--imput {
  width: 8%;
}
.student_docs__table--create {
  height: calc(100% - 300px);
}
.student_docs__table--update {
  height: calc(100% - 170px);
}

.student_docs_modal {
  height: calc(100% - 40px);
  margin: 10px 20px 0px 20px;
}

.std-device-details {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.std-device-details__select {
  column-gap: 20px;
}
.std-device-details__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.std-device-details__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.std-device-details__tableblock--cell img {
  width: 25px;
  height: 25px;
}
.std-device-details__drawer {
  height: 100%;
}
.std-device-details__drawer--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.std-device-details__drawer--title img:hover {
  background-color: #f3f4f6;
}
.std-device-details__drawer--details {
  column-gap: 10px;
  height: 140px;
  border-bottom: 1px dashed var(--border-color);
}
.std-device-details__drawer--total {
  background-color: var(--level-1);
  border-radius: 6px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  margin-top: 10px;
}
.std-device-details__drawer--total span {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.std-device-details__drawer--total--t {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.std-device-details__drawer--total--t b {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  padding: 5px 7px;
  color: white;
  background-color: #86efac;
  border-radius: 2px;
}
.std-device-details__drawer--ul {
  margin-top: 10px;
  margin-bottom: 0px;
  height: calc(100% - 295px);
  overflow: auto;
}
.std-device-details__drawer--ul li {
  display: flex;
  align-items: center;
  font-family: "Josefin Sans" !important;
  column-gap: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 10px;
}
.std-device-details__drawer--ul li img {
  width: 25px;
  height: 25px;
}
.std-device-details__drawer--ul li b {
  font-size: 16px;
  color: #2563eb;
}
.std-device-details__drawer--ul li span {
  font-size: 14px;
  color: #9ca3af;
}
.std-device-details__drawer--image {
  height: 100%;
  width: 100%;
}
.std-device-details__drawer--image img {
  width: 100% !important;
}

.std-device-details__drawer--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.std-device-details__drawer--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.std-device-details__drawer--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.sem-config {
  height: calc(100% - 30px);
}
.sem-config__select {
  column-gap: 10px;
}
.sem-config__tableblock {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.sem-config__tableblock--right {
  height: calc(100% - 90px);
}
.sem-config__table {
  max-height: 100%;
}
.sem-config__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.sem-config__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.sem-config__table td img:hover,
.sem-config__table td a:hover {
  cursor: pointer;
}
.sem-config__table tbody {
  background-color: var(--level-1);
}
.sem-config__table tbody tr:hover {
  background-color: var(--level-2);
}
.sem-config__table tbody tr:hover td {
  color: var(--level-7);
}
.sem-config__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.sem-config__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.sem-config__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.sem-config__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.sem-config__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}

.docs_preview {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 210px);
}
.docs_preview__student-modal {
  height: calc(100% - 135px);
}
.docs_preview__student-modal__docs_upload {
  height: calc(100% - 180px);
}
.docs_preview__student-modal__tableblock {
  height: calc(100% - 120px);
}
.docs_preview__modal {
  height: calc(100% - 125px);
}
.docs_preview__modal__docs_upload {
  height: calc(100% - 180px);
}
.docs_preview__modal__tableblock {
  height: calc(100% - 120px);
}
.docs_preview__docs_upload {
  height: calc(100% - 180px);
}
.docs_preview__tableblock {
  height: calc(100% - 190px);
}

.student_docs__body {
  height: 100%;
}

.emp_docs__body {
  height: calc(100% - 50px);
}

.student_docs__body--reservation {
  height: calc(100% - 70px);
}

.sibling-association {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.sibling-association__select {
  height: 120px;
  column-gap: 20px;
}
.sibling-association__select--flex {
  display: flex;
  margin-top: 10px;
}
.sibling-association__tableblock {
  height: calc(100% - 175px);
  margin-top: 10px;
}

.batch-allocation {
  height: calc(100% - 15px) !important;
}

.demand-fee-import-generate {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  gap: 16px;
}
.demand-fee-import-generate__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}
.demand-fee-import-generate__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.demand-fee-import-generate__title img:hover {
  background-color: #f3f4f6;
}
.demand-fee-import-generate__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 4px;
}
.demand-fee-import-generate__section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.demand-fee-import-generate__section--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  border-bottom: 1px dashed var(--border-color);
}
.demand-fee-import-generate__section--grid {
  column-count: 2;
  column-gap: 24px;
  padding: 4px 8px;
}
.demand-fee-import-generate__section--grid .select-all__checkboxes {
  break-inside: avoid;
}
.demand-fee-import-generate__branch {
  max-width: 320px;
  padding: 0 8px;
}
.demand-fee-import-generate__buttons {
  display: flex;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border-color);
}

.demand-fee-import-generate__body::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.demand-fee-import-generate__body::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.demand-fee-import-generate__body::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.pending-receipts {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.pending-receipts__filter {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.pending-receipts__filter .daily-activities__select {
  margin-top: 0px !important;
}
.pending-receipts__filter .storybook-input {
  margin-top: 0px !important;
}
.pending-receipts__table {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.pending-receipts__table--receipts {
  height: 100%;
  width: calc(55% - 95px);
}
.pending-receipts__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.pending-receipts__title img:hover {
  background-color: #f3f4f6;
}
.pending-receipts__modal-table {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  height: calc(100% - 150px);
}
.pending-receipts__deposit {
  height: 100%;
}
.pending-receipts__deposit--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.pending-receipts__deposit--title img:hover {
  background-color: #f3f4f6;
}
.pending-receipts__deposit--block {
  margin-top: 10px;
  height: calc(100% - 80px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.widgets {
  height: calc(100% - 130px);
}
.widgets__welcome {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 5px;
}
.widgets__welcome img {
  height: 60px;
}
.widgets__data {
  height: calc(100% - 55px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 100px !important;
}
.widgets__data--buttons {
  margin: 0px 20px;
}
.widgets__choice {
  height: calc(100% - 350px);
  border-radius: 20px;
  background: #eff6ff;
  box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.widgets__choice p {
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  color: #4b5563;
  margin: 0px !important;
}
.widgets__choice--options {
  margin-top: 10px;
  height: calc(100% - 130px);
  overflow: auto;
}
.widgets__choice--options--select-all {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.widgets__choice--options--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 10px;
}
.widgets__choice--options--box {
  padding: 5px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  border-radius: 6px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.widgets__choice--options--box img {
  height: 35px;
}
.widgets__choice--options--box--title {
  display: flex;
  flex-direction: column;
  font-family: "Josefin Sans" !important;
}
.widgets__choice--options--box--title b {
  font-size: 18px;
}
.widgets__choice--options--box--title span {
  color: #6b7280;
}
.widgets__choice--options--box.active {
  border: 2px solid #0ea5e9;
  background: #e0f2fe;
}
.widgets__choice--options--tip {
  margin-top: 10px;
  border-radius: 6px;
  background-color: var(--bg-color);
  color: #1e40af;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 5px;
  font-family: "Josefin Sans" !important;
}
.widgets__choice--options--tip img {
  filter: invert(100%);
  height: 20px;
}

.std-profile {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.std-profile__block {
  height: 100%;
  column-gap: 20px;
}
.std-profile__block--left {
  height: 100%;
}
.std-profile__block--right {
  height: 100%;
}

.institution-calendar-events {
  height: calc(100% - 95px);
  margin: 0px 20px 0px 20px;
}
.institution-calendar-events__data {
  height: calc(100% - 90px);
  column-gap: 30px;
  margin-top: 10px;
}
.institution-calendar-events__data .account-frames {
  margin: 0px 0px 0px 0px !important;
}
.institution-calendar-events__data--calendar {
  height: calc(50% - 10px);
  column-gap: 30px;
}
.institution-calendar-events__data--calendar .react-calendar {
  width: 100%;
}
.institution-calendar-events__data--calendar .react-calendar__navigation button {
  font-size: 30px !important;
}
.institution-calendar-events__data--calendar .react-calendar__navigation span {
  font-size: 18px !important;
}
.institution-calendar-events__data--calendar--block {
  border: 1px solid #edf2f7;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.institution-calendar-events__data--calendar .institution-calendar-events__textfield--date {
  margin-top: 10px !important;
}
.institution-calendar-events__insert-button {
  margin-bottom: 0px !important;
}
.institution-calendar-events__insert-button img {
  transform: rotate(90deg);
  margin-right: 10px;
}
.institution-calendar-events__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.institution-calendar-events__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.institution-calendar-events__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.institution-calendar-events__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.institution-calendar-events__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.institution-calendar-events__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.institution-calendar-events__textfield--date {
  width: fit-content !important;
}
.institution-calendar-events__holidays-list {
  height: calc(100% - 70px);
  overflow: auto;
}
.institution-calendar-events__holidays-list li {
  display: flex;
  column-gap: 10px;
}
.institution-calendar-events__holidays-list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.institution-calendar-events__holidays-list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.institution-calendar-events__holidays-list--events b {
  font-family: "Josefin Sans" !important;
}
.institution-calendar-events__holidays-list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.institution-calendar-events__holidays-list--events:hover {
  background-color: var(--level-3);
}
.institution-calendar-events__list {
  height: calc(50% - 10px);
  margin-top: 10px;
}
.institution-calendar-events__list--list {
  height: calc(100% - 25px);
  overflow: auto;
}
.institution-calendar-events__list--list li {
  display: flex;
  column-gap: 10px;
}
.institution-calendar-events__list--list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.institution-calendar-events__list--list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.institution-calendar-events__list--list--events b {
  font-family: "Josefin Sans" !important;
}
.institution-calendar-events__list--list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.institution-calendar-events__details {
  padding: 5px;
  column-gap: 20px;
}
.institution-calendar-events__details #search {
  margin-top: 0px;
}
.institution-calendar-events__details .institution-calendar-events__textfield--date {
  margin-right: 20px;
}
.institution-calendar-events__button {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  background-color: #0ea5e9;
}
.institution-calendar-events__button:hover {
  background-color: #38bdf8;
}
.institution-calendar-events__button:focus {
  background-color: #0369a1;
}
.institution-calendar-events__predefined-list {
  height: calc(100% - 70px);
  column-gap: 30px;
}
.institution-calendar-events__predefined-list .account-frames {
  margin: 0px !important;
}
.institution-calendar-events__predefined-list--data {
  border-top: 1.5px dashed var(--border-color);
  height: calc(100% - 60px);
  overflow: auto;
}
.institution-calendar-events__predefined-list--data li {
  display: flex;
  column-gap: 10px;
}
.institution-calendar-events__predefined-list--data--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.institution-calendar-events__predefined-list--data--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.institution-calendar-events__predefined-list--data--events b {
  font-family: "Josefin Sans" !important;
}
.institution-calendar-events__predefined-list--data--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.institution-calendar-events__predefined-list .select-all {
  margin-left: 0px;
}

.institution-calendar-events__list--list::-webkit-scrollbar,
.institution-calendar-events__holidays-list::-webkit-scrollbar,
.institution-calendar-events__predefined-list--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.institution-calendar-events__list--list::-webkit-scrollbar-thumb,
.institution-calendar-events__holidays-list::-webkit-scrollbar-thumb,
.institution-calendar-events__predefined-list--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.institution-calendar-events__list--list::-webkit-scrollbar-thumb:hover,
.institution-calendar-events__holidays-list::-webkit-scrollbar-thumb:hover,
.institution-calendar-events__predefined-list--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.monthly-inst-calendar {
  height: calc(100% - 95px);
  margin: 0px 20px 0px 20px;
}
.monthly-inst-calendar .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.monthly-inst-calendar__frame {
  height: calc(100% - 80px);
  column-gap: 30px;
}
.monthly-inst-calendar__frame--tableblock {
  height: calc(50% - 35px);
  margin-top: 10px;
}
.monthly-inst-calendar__frame--table {
  max-height: 100%;
}
.monthly-inst-calendar__frame--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.monthly-inst-calendar__frame--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.monthly-inst-calendar__frame--table td img:hover,
.monthly-inst-calendar__frame--table td a:hover {
  cursor: pointer;
}
.monthly-inst-calendar__frame--table tbody {
  background-color: var(--level-1);
}
.monthly-inst-calendar__frame--table tbody tr:hover {
  background-color: var(--level-2);
}
.monthly-inst-calendar__frame--table tbody tr:hover td {
  color: var(--level-7);
}
.monthly-inst-calendar__frame--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.monthly-inst-calendar__frame--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.monthly-inst-calendar__frame--list {
  height: calc(50% - 10px);
  margin-top: 10px;
}
.monthly-inst-calendar__frame--list--holidays {
  height: calc(100% - 35px);
  overflow: auto;
}
.monthly-inst-calendar__frame--list--holidays li {
  display: flex;
  column-gap: 10px;
}
.monthly-inst-calendar__frame--list--holidays--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.monthly-inst-calendar__frame--list--holidays--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.monthly-inst-calendar__frame--list--holidays--events b {
  font-family: "Josefin Sans" !important;
}
.monthly-inst-calendar__frame--list--holidays--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.monthly-inst-calendar__frame--calendar {
  border: 1px solid #edf2f7;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 5px;
  margin-top: 30px;
}
.monthly-inst-calendar__frame--calendar .react-calendar {
  width: 100%;
}
.monthly-inst-calendar__frame--calendar .react-calendar__navigation button {
  font-size: 30px !important;
}
.monthly-inst-calendar__frame--calendar .react-calendar__navigation span {
  font-size: 18px !important;
}
.monthly-inst-calendar__frame--details {
  margin-top: 30px;
  display: flex;
  gap: 10px;
}
.monthly-inst-calendar__frame--details--switch {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.monthly-inst-calendar__frame--leftblock {
  height: 100%;
  overflow: auto;
}
.monthly-inst-calendar__addnew {
  height: calc(100% - 30px);
}
.monthly-inst-calendar__addnew--button {
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
.monthly-inst-calendar__addnew--block {
  height: calc(100% - 45px);
  column-gap: 30px;
  margin-top: 10px;
}
.monthly-inst-calendar__addnew--block .account-frames {
  margin: 0px !important;
}
.monthly-inst-calendar__addnew--list {
  margin-top: 10px;
  height: calc(100% - 35px);
  overflow: auto;
}
.monthly-inst-calendar__addnew--list li {
  display: flex;
  column-gap: 10px;
}
.monthly-inst-calendar__addnew--list--events {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--level-2);
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  border-left: 5px solid #dc2626;
}
.monthly-inst-calendar__addnew--list--events span {
  font-family: "Spline Sans Mono", monospace !important;
}
.monthly-inst-calendar__addnew--list--events b {
  font-family: "Josefin Sans" !important;
}
.monthly-inst-calendar__addnew--list--events .Label {
  margin-top: auto;
  margin-bottom: auto;
}
.monthly-inst-calendar__addnew--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.monthly-inst-calendar__addnew--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.monthly-inst-calendar__addnew--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-inst-calendar__addnew--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.monthly-inst-calendar__addnew--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-inst-calendar__addnew--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.monthly-inst-calendar__addnew--textfield {
  margin: 15px 0px 0px 0px !important;
}
.monthly-inst-calendar__addnew--textfield label {
  color: var(--text-color) !important;
}
.monthly-inst-calendar__addnew--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.monthly-inst-calendar__addnew--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.monthly-inst-calendar__addnew--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-inst-calendar__addnew--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.monthly-inst-calendar__addnew--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.monthly-inst-calendar__addnew--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.monthly-inst-calendar__addnew--textfield--date {
  width: fit-content;
  margin: 15px 0px 0px 0px !important;
}
.monthly-inst-calendar__addnew--textfield--date label {
  color: var(--text-color) !important;
}
.monthly-inst-calendar__addnew--form {
  margin-top: 20px;
  height: calc(100% - 45px);
}

.monthly-inst-calendar__addnew--list::-webkit-scrollbar,
.monthly-inst-calendar__frame--leftblock::-webkit-scrollbar,
.monthly-inst-calendar__frame--list--holidays::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.monthly-inst-calendar__addnew--list::-webkit-scrollbar-thumb,
.monthly-inst-calendar__frame--leftblock::-webkit-scrollbar-thumb,
.monthly-inst-calendar__frame--list--holidays::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.monthly-inst-calendar__addnew--list::-webkit-scrollbar-thumb:hover,
.monthly-inst-calendar__frame--leftblock::-webkit-scrollbar-thumb:hover,
.monthly-inst-calendar__frame--list--holidays::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.masters-dashboard {
  height: calc(100% - 165px);
  margin: 0px 10px 0px 10px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.masters-dashboard__cards {
  height: 100%;
}
.masters-dashboard__cards .echarts-for-react {
  height: 150px !important;
}
.masters-dashboard__cards--info {
  font-family: "Josefin Sans" !important;
  font-size: 13px;
  display: flex;
  justify-content: center;
}
.masters-dashboard__cards .storybook-button {
  width: 100% !important;
  margin: 0px !important;
}
.masters-dashboard__stats-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  height: 30px;
}
.masters-dashboard__stats-row:hover {
  background-color: var(--level-1);
  padding: 10px 2px;
}
.masters-dashboard__stats-row span:nth-child(2) {
  margin-left: 10px;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  font-family: "Josefin Sans" !important;
  color: #475569;
}
.masters-dashboard__stats-row b {
  font-size: 18px;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: 700;
  color: #1e293b;
  min-width: 30px;
  text-align: right;
}
.masters-dashboard__stats-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.masters-dashboard__stats-dot--readmitted {
  background: #0369a1;
}
.masters-dashboard__stats-dot--new-admitted {
  background: #10b981;
}
.masters-dashboard__stats-dot--pending {
  background: #eab308;
}
.masters-dashboard__gender-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  height: 25px;
}
.masters-dashboard__gender-count--item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.masters-dashboard__gender-count--dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.masters-dashboard__gender-count--dot.boys {
  background: #8b5cf6;
}
.masters-dashboard__gender-count--dot.girls {
  background: #ec4899;
}
.masters-dashboard__gender-count--label {
  font-size: 14px;
  font-weight: 500;
  font-family: "Josefin Sans" !important;
}
.masters-dashboard__gender-count--value {
  font-size: 16px;
  font-weight: 700;
  font-family: "Spline Sans Mono", monospace !important;
}
.masters-dashboard__gender-count--progress {
  margin-top: 5px;
  width: 100%;
  height: 5px;
  background: #ec4899;
  border-radius: 10px;
  overflow: hidden;
}
.masters-dashboard__gender-count--progress-boys {
  height: 100%;
  background: #8b5cf6;
  border-radius: 10px;
}
.masters-dashboard__total-students {
  margin-top: 20px;
  height: calc(100% - 480px);
}
.masters-dashboard__total-students--content {
  display: flex;
  gap: 20px;
}
.masters-dashboard__total-students--chart {
  width: 120px;
}
.masters-dashboard__total-students--chart .echarts-for-react {
  height: 100% !important;
}
.masters-dashboard__total-students--stats {
  flex: 1;
  height: 100% !important;
}
.masters-dashboard__total-students--legend-row {
  display: flex;
  align-items: center;
  padding: 5px 0px;
  border-bottom: 2px dashed var(--border-color);
}
.masters-dashboard__total-students--legend-row:hover {
  background-color: var(--level-1);
}
.masters-dashboard__total-students--legend-row b {
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
  font-family: "Spline Sans Mono", monospace !important;
}
.masters-dashboard__total-students--label {
  margin-left: 10px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.masters-dashboard__total-students--dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.masters-dashboard__total-students--dot.current {
  background: #11c5a2;
}
.masters-dashboard__total-students--dot.tc-issued {
  background: #ff5b4d;
}
.masters-dashboard__total-students--dot.detained {
  background: #c6d4df;
}
.masters-dashboard__total-students--dot.shortage {
  background: #84c318;
}
.masters-dashboard__total-students--dot.not-eligible {
  background: #000000;
}
.masters-dashboard__total-students--dot.cancelled {
  background: #f6a400;
}
.masters-dashboard__total-students--total {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.masters-dashboard__total-students--total b {
  border: 2px dashed #9aa3af;
  border-radius: 8px;
  padding: 6px 20px;
  font-size: 32px;
  font-weight: 700;
}
.masters-dashboard .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.masters-dashboard .dot.current {
  background: #10b981;
}
.masters-dashboard .dot.tc-issued {
  background: #ef4444;
}
.masters-dashboard .dot.detained {
  background: #64748b;
}
.masters-dashboard .dot.shortage {
  background: #22c55e;
}
.masters-dashboard .dot.not-eligible {
  background: var(--text-color);
}
.masters-dashboard .dot.cancelled {
  background: #eab308;
}
.masters-dashboard__total-count {
  height: 30px;
  text-align: end;
}
.masters-dashboard__total-count b {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
  border: 2px dashed var(--text-color);
  border-radius: 6px;
  padding: 5px;
}
.masters-dashboard__details {
  gap: 20px;
  margin-top: 10px;
  height: 160px;
}
.masters-dashboard__details--block {
  height: 100%;
}
.masters-dashboard__details--block--title {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
.masters-dashboard__details--block--title .subtitle1 {
  width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
.masters-dashboard__details--block--title .subtitle1:hover {
  text-overflow: clip;
  overflow: visible;
}
.masters-dashboard__details--block--details {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.masters-dashboard__details--block--details img {
  width: 60px;
  height: 60px;
}
.masters-dashboard__details--block--details--total {
  display: block;
  text-align: center;
  margin: auto;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 18px;
  color: #64748b;
}
.masters-dashboard__details--block--g-count {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--border-color);
  gap: 5px;
}
.masters-dashboard__details--block--g-count--flex {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  padding: 5px;
}
.masters-dashboard__details--block--g-count .separator {
  border-right: 1px solid var(--border-color);
}
.masters-dashboard__details--block--g-count--block {
  display: flex;
  flex-direction: column;
}
.masters-dashboard__details--block--g-count--block--text, .masters-dashboard__details--block--g-count--block--total {
  font-family: "Josefin Sans" !important;
  color: #64748b;
  font-weight: 700;
  font-size: 12px;
}
.masters-dashboard__details--block--g-count--block--total {
  color: #64748b;
  font-size: 14px;
  font-weight: 700;
}
.masters-dashboard__details--block--vacant-seats {
  display: flex;
  column-gap: 30px;
}
.masters-dashboard__details--block--vacant-seats--total {
  display: block;
  text-align: center;
  margin: auto;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 16px;
  color: #64748b;
}
.masters-dashboard__details--block--total-seats {
  display: flex;
  column-gap: 30px;
  border-top: 1px dashed var(--border-color);
}
.masters-dashboard__details--block--total-seats--text {
  font-family: "Josefin Sans" !important;
  color: #64748b;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  margin: auto;
}
.masters-dashboard__details--block--total-seats--margin {
  display: block;
  margin: auto;
}
.masters-dashboard__datablock {
  height: calc(100% - 195px);
  gap: 20px;
  margin-top: 20px;
}
.masters-dashboard__datablock .vacant-block {
  height: 150px;
}
.masters-dashboard__datablock .total-seats-block {
  height: calc(100% - 160px);
  margin-top: 10px;
}
.masters-dashboard__datablock--tableblock {
  height: calc(100% - 75px);
}
.masters-dashboard__datablock--table, .masters-dashboard__datablock--admissions {
  max-height: 100%;
}
.masters-dashboard__datablock--table th, .masters-dashboard__datablock--admissions th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.masters-dashboard__datablock--table td, .masters-dashboard__datablock--admissions td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.masters-dashboard__datablock--table td img:hover, .masters-dashboard__datablock--admissions td img:hover,
.masters-dashboard__datablock--table td a:hover,
.masters-dashboard__datablock--admissions td a:hover {
  cursor: pointer;
}
.masters-dashboard__datablock--table tbody, .masters-dashboard__datablock--admissions tbody {
  background-color: var(--level-1);
}
.masters-dashboard__datablock--table tbody tr:hover, .masters-dashboard__datablock--admissions tbody tr:hover {
  background-color: var(--level-2);
}
.masters-dashboard__datablock--table tbody tr:hover td, .masters-dashboard__datablock--admissions tbody tr:hover td {
  color: var(--level-7);
}
.masters-dashboard__datablock--table tfoot, .masters-dashboard__datablock--admissions tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.masters-dashboard__datablock--table tfoot td, .masters-dashboard__datablock--admissions tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.masters-dashboard__datablock--table, .masters-dashboard__datablock--admissions {
  height: calc(100% - 45px);
}
.masters-dashboard__datablock--table tbody tr:hover .masters-dashboard__datablock--table--name, .masters-dashboard__datablock--admissions tbody tr:hover .masters-dashboard__datablock--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.masters-dashboard__datablock--table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.masters-dashboard__datablock--table--count {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.masters-dashboard__datablock--admissions {
  height: 100% !important;
}
.masters-dashboard__datablock--services {
  height: calc(100% - 50px);
  overflow: auto;
}
.masters-dashboard__datablock--services li {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border-color);
}
.masters-dashboard__datablock--services li .Label {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.masters-dashboard__demand-summary {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.masters-dashboard__demand-summary--total {
  text-align: right;
}
.masters-dashboard__demand-summary__modal {
  height: calc(100% - 35px);
  margin-top: 10px;
}
.masters-dashboard__demand-summary__tableblock {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.masters-dashboard__demand-summary__tableblock--allstudents {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.masters-dashboard__demand-summary__breadcrumbs {
  height: 20px;
  font-size: 12px;
  color: var(--level-4);
  font-family: "Josefin Sans" !important;
}
.masters-dashboard__demand-summary--table {
  max-height: 100%;
}
.masters-dashboard__demand-summary--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.masters-dashboard__demand-summary--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.masters-dashboard__demand-summary--table td img:hover,
.masters-dashboard__demand-summary--table td a:hover {
  cursor: pointer;
}
.masters-dashboard__demand-summary--table tbody {
  background-color: var(--level-1);
}
.masters-dashboard__demand-summary--table tbody tr:hover {
  background-color: var(--level-2);
}
.masters-dashboard__demand-summary--table tbody tr:hover td {
  color: var(--level-7);
}
.masters-dashboard__demand-summary--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.masters-dashboard__demand-summary--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.masters-dashboard__demand-summary--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.masters-dashboard__demand-summary--table--count {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.masters-dashboard__demand-summary--table tbody tr:hover .masters-dashboard__demand-summary--table--desc {
  text-decoration: underline !important;
  cursor: pointer;
}

.masters-dashboard::-webkit-scrollbar,
.masters-dashboard__datablock--services::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.masters-dashboard::-webkit-scrollbar-thumb,
.masters-dashboard__datablock--services::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.masters-dashboard::-webkit-scrollbar-thumb:hover,
.masters-dashboard__datablock--services::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.student-services {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 170px);
}
.student-services__details {
  height: 110px;
  column-gap: 20px;
}
.student-services__details--colspan {
  column-count: 2;
  column-gap: 20px;
}
.student-services__details--textfield, .student-services__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-services__details--textfield .MuiInputBase-input, .student-services__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-services__details--textfield input, .student-services__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-services__details--textfield label, .student-services__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-services__details--textfield .Mui-disabled input, .student-services__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-services__details--textfield .MuiInputBase-input, .student-services__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-services__details--textfield, .student-services__details--textfield--date {
  margin: 8px 0px 0px 0px !important;
}
.student-services__details--textfield--date {
  width: fit-content !important;
}
.student-services__details--image-flex {
  display: flex;
}
.student-services__details--image-flex .MuiAutocomplete-root {
  margin-top: 8px;
}
.student-services__details--image-flex .data-fetch-icon {
  margin-top: 5px;
}
.student-services__details--student-profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.student-services__details--student-profile {
  height: 100%;
}
.student-services__data {
  margin-top: 10px;
  height: calc(100% - 160px);
  column-gap: 20px;
  padding-top: 10px;
  border-top: 1.8px dashed var(--disabled-color);
}
.student-services__data--frame {
  height: 100%;
}
.student-services__data--li, .student-services__data--li--view {
  height: calc(100% - 30px);
  overflow: auto;
  border-radius: 1px solid var(--border-color);
}
.student-services__data--li li, .student-services__data--li--view li {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border-color);
  margin-top: 10px;
  border-radius: 6px;
}
.student-services__data--li li .Label, .student-services__data--li--view li .Label {
  margin-top: 0px !important;
}
.student-services__data--li--images {
  display: flex;
  column-gap: 5px;
}
.student-services__data--li--view label {
  margin-top: 0px;
}
.student-services__data--li--view li {
  background-color: var(--level-1);
}
.student-services__transport {
  height: 100%;
  border: 1px dashed var(--border-color);
  padding-top: 5px;
  border-radius: 3px;
}
.student-services__transport--view {
  height: calc(100% - 65px);
  padding: 0px 5px 0px 5px;
}
.student-services__transport--textfield, .student-services__transport--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-services__transport--textfield .MuiInputBase-input, .student-services__transport--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-services__transport--textfield input, .student-services__transport--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-services__transport--textfield label, .student-services__transport--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-services__transport--textfield .Mui-disabled input, .student-services__transport--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-services__transport--textfield .MuiInputBase-input, .student-services__transport--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.student-services__transport--textfield, .student-services__transport--textfield--date {
  margin: 10px 0px 0px 0px !important;
}
.student-services__transport--textfield input, .student-services__transport--textfield--date input {
  color: var(--level-4) !important;
}
.student-services__transport--textfield--date {
  width: fit-content !important;
  margin: 10px 5px 0px 0px !important;
}
.student-services__transport--choosed-route {
  height: 40px;
  background-color: #f3f4f6;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
  border-radius: 5px;
}
.student-services__transport--choosed-route img {
  width: 30px;
}
.student-services__assign-route {
  height: calc(100% - 30px);
}
.student-services__assign-route--data {
  height: calc(100% - 45px);
}
.student-services__assign-route--data .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.student-services__assign-route--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-services__assign-route--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-services__assign-route--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-services__assign-route--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-services__assign-route--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-services__assign-route--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-services__assign-route--textfield {
  margin: 10px 0px 0px 0px !important;
}
.student-services__assign-route--date {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.student-services__assign-route--date .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.student-services__assign-route--date .MuiInputBase-input {
  padding: 5px !important;
}
.student-services__assign-route--date input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.student-services__assign-route--date label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.student-services__assign-route--date {
  width: fit-content !important;
}

.student-services__data--li::-webkit-scrollbar,
.student-services__data--li--view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-services__data--li::-webkit-scrollbar-thumb,
.student-services__data--li--view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-services__data--li::-webkit-scrollbar-thumb:hover .student-services__data--li--view::-webkit-scrollbar-thumb:hover, .student-services__data--li--view::-webkit-scrollbar-thumb:hover .student-services__data--li--view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.std-acd-dashboard {
  height: calc(100% - 175px);
  margin: 0px 20px;
}
.std-acd-dashboard__data {
  height: calc(100% - 45px);
}
.std-acd-dashboard__data--tabs {
  margin-top: 10px;
}
.std-acd-dashboard__data--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.std-acd-dashboard__data--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.std-acd-dashboard__data--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.std-acd-dashboard__data--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.std-acd-dashboard__data--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.std-acd-dashboard__data--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.std-acd-dashboard__data--swipable {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.std-acd-dashboard__data--swipable p {
  height: 100% !important;
}
.std-acd-dashboard__data--swipable--tabs {
  height: calc(100% - 10px) !important;
}
.std-acd-dashboard__exam, .std-acd-dashboard__exam--modal {
  height: 100%;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
}
.std-acd-dashboard__exam--modal {
  height: calc(100% - 75px);
}
.std-acd-dashboard__exam--left-block {
  height: 100%;
  width: 360px;
}
.std-acd-dashboard__exam--select {
  column-gap: 10px;
  margin-top: 10px;
}
.std-acd-dashboard__exam--select .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.std-acd-dashboard__exam--select .MuiChip-root {
  height: 20px !important;
}
.std-acd-dashboard__exam--select .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.std-acd-dashboard__exam--performance {
  height: calc(100% - 45px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.std-acd-dashboard__exam--graph {
  height: calc(100% - 40px);
}
.std-acd-dashboard__exam--graph .echarts-for-react {
  height: 100% !important;
}
.std-acd-dashboard__exam--flex {
  display: flex;
  column-gap: 10px;
}
.std-acd-dashboard__exam--flex img {
  width: 18px;
}
.std-acd-dashboard__exam--flex-end {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.std-acd-dashboard__exam--flex-end .MuiAutocomplete-root {
  margin-top: 10px;
}
.std-acd-dashboard__exam--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.std-acd-dashboard__exam--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.std-acd-dashboard__exam--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-acd-dashboard__exam--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.std-acd-dashboard__exam--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.std-acd-dashboard__exam--textfield {
  margin: 10px 0px 0px 0px !important;
  width: fit-content !important;
}
.std-acd-dashboard__exam--right-block {
  height: 100%;
  width: 100%;
}
.std-acd-dashboard__exam--right-block--select {
  column-gap: 10px;
}
.std-acd-dashboard__exam--grid-list {
  margin-top: 10px;
  height: calc(100% - 45px);
  overflow: auto;
}
.std-acd-dashboard__exam--grid-list--grids {
  height: 100%;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.std-acd-dashboard__exam--grid-list--grid {
  border-radius: 6px;
  height: 210px;
  padding: 5px;
  background-color: var(--level-1);
}
.std-acd-dashboard__exam--grid-list--grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.std-acd-dashboard__exam--grid-list--grid--subtitle, .std-acd-dashboard__exam--grid-list--grid--number {
  font-size: 14px;
  display: block;
  text-align: center !important;
  font-family: "Josefin Sans" !important;
  color: #64748b;
  margin-top: 5px;
}
.std-acd-dashboard__exam--grid-list--grid--number {
  font-family: "Spline Sans Mono", monospace !important;
  color: #475569;
}
.std-acd-dashboard__exam--grid-list--grid--flex {
  display: flex;
  column-gap: 5px;
  margin-top: 5px;
  justify-content: center;
}
.std-acd-dashboard__exam--grid-list--grid--flex img {
  width: 15px;
}
.std-acd-dashboard__exam--grid-list--grid--view {
  margin-top: 5px;
  display: flex;
  justify-content: center;
}
.std-acd-dashboard__exam--grid-list--grid--view button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.std-acd-dashboard__exam--grid-list--grid--view button img {
  width: 20px;
}
.std-acd-dashboard__exam--grid-list--grid--view button img {
  margin-right: 5px;
}
.std-acd-dashboard__exam--grid-list--grid--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-acd-dashboard__exam--grid-list--grid--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-acd-dashboard__exam--grid-list--grid--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-acd-dashboard__exam--grid-list--grid--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-acd-dashboard__exam--grid-list--grid--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-acd-dashboard__exam--grid-list--grid--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-acd-dashboard__exam--grid-list--grid--textfield {
  width: fit-content !important;
}
.std-acd-dashboard__per-exam {
  height: calc(100% - 75px);
  column-gap: 20px;
}
.std-acd-dashboard__per-exam--left {
  height: 100%;
  border-right: 1px dashed var(--border-color);
  padding-right: 10px;
}
.std-acd-dashboard__per-exam--right {
  height: 100%;
}
.std-acd-dashboard__per-exam--tableblock {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.std-acd-dashboard__per-exam--table {
  max-height: 100%;
}
.std-acd-dashboard__per-exam--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-acd-dashboard__per-exam--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-acd-dashboard__per-exam--table td img:hover,
.std-acd-dashboard__per-exam--table td a:hover {
  cursor: pointer;
}
.std-acd-dashboard__per-exam--table tbody {
  background-color: var(--level-1);
}
.std-acd-dashboard__per-exam--table tbody tr:hover {
  background-color: var(--level-2);
}
.std-acd-dashboard__per-exam--table tbody tr:hover td {
  color: var(--level-7);
}
.std-acd-dashboard__per-exam--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-acd-dashboard__per-exam--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-acd-dashboard__per-exam--table--groupheader th {
  height: 30px;
}
.std-acd-dashboard__per-exam--table--subheader th {
  top: 50px;
}
.std-acd-dashboard__per-exam--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-acd-dashboard__per-exam--table--code {
  width: 12%;
}
.std-acd-dashboard__per-exam--table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-acd-dashboard__per-exam--graph {
  height: calc(100% - 35px);
}
.std-acd-dashboard__per-exam--graph .echarts-for-react {
  height: 100% !important;
}

.std-acd-dashboard__exam--test-details::-webkit-scrollbar,
.std-acd-dashboard__exam--grid-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.std-acd-dashboard__exam--test-details::-webkit-scrollbar-thumb,
.std-acd-dashboard__exam--grid-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.std-acd-dashboard__exam--test-details::-webkit-scrollbar-thumb:hover,
.std-acd-dashboard__exam--grid-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

#bg-green {
  background-color: #f0fdf4 !important;
}

#bg-red {
  background-color: #fef2f2 !important;
}

#bg-amber {
  background-color: #f59e0b !important;
}

#bg-amber-1 {
  background-color: #fde68a !important;
}

.upcoming-exam__grid-list {
  margin-top: 10px;
  height: calc(100% - 45px);
  overflow: auto;
}
.upcoming-exam__grid-list--grids {
  height: 100%;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.upcoming-exam__grid-list--each-grid {
  border-radius: 6px;
  height: 210px;
  padding: 5px;
  background-color: var(--level-1);
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.upcoming-exam__grid-list--each-grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.upcoming-exam__grid-list--each-grid--subtitle {
  font-size: 14px;
  display: block;
  text-align: center !important;
  font-family: "Josefin Sans" !important;
  color: #64748b;
  margin-top: 5px;
}
.upcoming-exam__grid-list--each-grid--number {
  font-family: "Spline Sans Mono", monospace !important;
  color: #475569;
}
.upcoming-exam__grid-list--each-grid--flex {
  display: flex;
  column-gap: 5px;
  margin-top: 5px;
  justify-content: center;
}
.upcoming-exam__grid-list--each-grid--flex img {
  width: 15px;
}
.upcoming-exam__grid-list--each-grid--view {
  margin-top: 5px;
  display: flex;
  justify-content: center;
}
.upcoming-exam__grid-list--each-grid--view button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.upcoming-exam__grid-list--each-grid--view button img {
  width: 20px;
}
.upcoming-exam__grid-list--each-grid--view button img {
  margin-right: 5px;
}
.upcoming-exam__grid-list--each-grid--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.upcoming-exam__grid-list--each-grid--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.upcoming-exam__grid-list--each-grid--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.upcoming-exam__grid-list--each-grid--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.upcoming-exam__grid-list--each-grid--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.upcoming-exam__grid-list--each-grid--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.upcoming-exam__grid-list--each-grid--textfield {
  width: fit-content !important;
}
.upcoming-exam__persub {
  height: calc(100% - 110px);
  margin: 0px 20px;
}
.upcoming-exam__persub--tableblock {
  height: calc(100% - 115px);
  margin-top: 10px;
  overflow: auto;
}
.upcoming-exam__persub--table {
  max-height: 100%;
}
.upcoming-exam__persub--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.upcoming-exam__persub--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.upcoming-exam__persub--table td img:hover,
.upcoming-exam__persub--table td a:hover {
  cursor: pointer;
}
.upcoming-exam__persub--table tbody {
  background-color: var(--level-1);
}
.upcoming-exam__persub--table tbody tr:hover {
  background-color: var(--level-2);
}
.upcoming-exam__persub--table tbody tr:hover td {
  color: var(--level-7);
}
.upcoming-exam__persub--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.upcoming-exam__persub--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.upcoming-exam__persub--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.upcoming-exam__persub--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.upcoming-exam__persub--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.upcoming-exam__persub--table--header {
  font-size: 16px;
  font-weight: bold;
  height: 30px;
}
.upcoming-exam__persub--table--header--data {
  font-family: "Spline Sans Mono", monospace !important;
}
.upcoming-exam__persub--table--subheader th {
  top: 30px;
}
.upcoming-exam__persub--table--subheader--data {
  font-family: "Spline Sans Mono", monospace !important;
}
.upcoming-exam__persub--table--viewbtn {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.upcoming-exam__persub--table--viewbtn img {
  width: 20px;
}
.upcoming-exam__persub--table--viewbtn {
  justify-content: center;
}

.std-login-fee {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.std-login-fee__details {
  height: 120px;
  column-gap: 20px;
}
.std-login-fee__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-login-fee__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-login-fee__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-fee__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-login-fee__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-fee__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-login-fee__details--textfield {
  margin: 8px 0px 0px 0px !important;
}
.std-login-fee__details--profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.std-login-fee__year {
  margin-top: 10px;
  border-top: 1.8px dashed var(--border-color);
  padding-top: 10px;
}
.std-login-fee__blocks {
  height: 60px;
  column-gap: 20px;
  margin-top: 10px;
}
.std-login-fee__blocks img {
  width: 30px;
}
.std-login-fee__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.std-login-fee__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.std-login-fee__blocks--cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  background-color: #f1f5f9;
}
.std-login-fee__blocks--cards--title {
  display: flex;
  column-gap: 5px;
}
.std-login-fee__blocks--cards--title b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.std-login-fee__blocks--cards--total-fee, .std-login-fee__blocks--cards--balance, .std-login-fee__blocks--cards--paid {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  color: #d946ef;
  font-weight: 700;
}
.std-login-fee__blocks--cards--paid {
  color: #22c55e;
}
.std-login-fee__blocks--cards--balance {
  color: #ef4444;
}
.std-login-fee__blocks--button {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0px;
  height: 45px;
}
.std-login-fee__tableblock {
  margin-top: 10px;
  height: calc(100% - 290px);
}
.std-login-fee__tableblock--proceed {
  height: 100%;
}
.std-login-fee__tableblock--proceed--gif {
  height: calc(100% - 30px);
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.std-login-fee__tableblock--proceed--gif img {
  width: 120px;
  height: 120px;
}
.std-login-fee__table {
  height: calc(100% - 35px);
  max-height: 100%;
}
.std-login-fee__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-login-fee__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-login-fee__table td img:hover,
.std-login-fee__table td a:hover {
  cursor: pointer;
}
.std-login-fee__table tbody {
  background-color: var(--level-1);
}
.std-login-fee__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-login-fee__table tbody tr:hover td {
  color: var(--level-7);
}
.std-login-fee__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-login-fee__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-login-fee__table .totalcount {
  border-right: 1px solid var(--border-color) !important;
}
.std-login-fee__table tr:hover .std-login-fee__table--desc {
  text-decoration: underline !important;
  cursor: pointer;
}
.std-login-fee__table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 4%;
}
.std-login-fee__table--receiptno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 8%;
}
.std-login-fee__table--date {
  font-family: "Spline Sans Mono", monospace !important;
  width: 8%;
}
.std-login-fee__table--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 10%;
}
.std-login-fee__nodata {
  height: calc(100% - 35px);
}
.std-login-fee__nodata img {
  display: block;
  margin: auto;
}
.std-login-fee__modal {
  height: calc(100% - 35px);
}
.std-login-fee__pay-online {
  height: calc(100% - 35px);
}
.std-login-fee__pay-online--grids {
  background-color: var(--disabled-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  padding: 0px 5px;
}
.std-login-fee__pay-online--grids img {
  width: 40px;
  margin-right: 5px;
}
.std-login-fee__pay-online--grids span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.std-login-fee__pay-online--grids b {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-fee__pay-online--cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 70px;
  column-gap: 10px;
  margin-top: 10px;
}
.std-login-fee__pay-online--tableblock {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.std-login-fee__pay-online--table {
  max-height: 100%;
}
.std-login-fee__pay-online--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-login-fee__pay-online--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-login-fee__pay-online--table td img:hover,
.std-login-fee__pay-online--table td a:hover {
  cursor: pointer;
}
.std-login-fee__pay-online--table tbody {
  background-color: var(--level-1);
}
.std-login-fee__pay-online--table tbody tr:hover {
  background-color: var(--level-2);
}
.std-login-fee__pay-online--table tbody tr:hover td {
  color: var(--level-7);
}
.std-login-fee__pay-online--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-login-fee__pay-online--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-login-fee__pay-online--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.std-login-fee__pay-online--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.std-login-fee__pay-online--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.std-login-fee__pay-online--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-fee__pay-online--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-fee__pay-online--table .totalcount {
  border-right: 1px solid var(--border-color) !important;
}
.std-login-fee__pay-online--table .balance-count {
  border-bottom: 1px solid var(--border-color) !important;
}

.consolidated-pay-modal {
  height: calc(100% - 100px);
}
.consolidated-pay-modal--balance, .consolidated-pay-modal--paying-amt, .consolidated-pay-modal--balance-amt {
  display: block;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  text-align: center;
  margin-top: 30px;
  color: var(--text-color);
}
.consolidated-pay-modal--balance-amt {
  font-size: 18px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #c53030;
}
.consolidated-pay-modal--paying-amt {
  font-size: 18px;
  font-family: "Spline Sans Mono", monospace !important;
}
.consolidated-pay-modal--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.consolidated-pay-modal--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.consolidated-pay-modal--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.consolidated-pay-modal--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.consolidated-pay-modal--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.consolidated-pay-modal--textfield {
  margin-top: 30px !important;
}
.consolidated-pay-modal--buttons {
  display: flex;
  justify-content: center;
}

.std-login-lib {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.std-login-lib__modal {
  height: calc(100% - 30px);
}
.std-login-lib__details {
  column-gap: 20px;
  height: 120px;
}
.std-login-lib__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.std-login-lib__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-login-lib__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-login-lib__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-lib__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-login-lib__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-lib__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-login-lib__details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.std-login-lib__details--issued-details {
  display: grid;
  grid-template-columns: 1fr 0.4fr 0.2fr 0.4fr;
  column-gap: 5px;
}
.std-login-lib__details--issued-details--issued {
  background-color: #4ade80 !important;
}
.std-login-lib__details--issued-details--limit {
  background-color: #f87171 !important;
}
.std-login-lib__details--issued-details span {
  margin-top: 10px;
  text-align: center;
  font-weight: 700;
}
.std-login-lib__tableblock {
  height: calc(100% - 170px);
  margin-top: 10px;
}
.std-login-lib__history {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.std-login-lib__history img {
  width: 25px;
}
.std-login-lib__table {
  max-height: 100%;
}
.std-login-lib__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-login-lib__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-login-lib__table td img:hover,
.std-login-lib__table td a:hover {
  cursor: pointer;
}
.std-login-lib__table tbody {
  background-color: var(--level-1);
}
.std-login-lib__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-login-lib__table tbody tr:hover td {
  color: var(--level-7);
}
.std-login-lib__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-login-lib__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-login-lib__table {
  height: calc(100% - 35px);
}
.std-login-lib__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-lib__table--date {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-lib__table--accessno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-lib__table--delayed {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}

.std-login-transport {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.std-login-transport__modal {
  height: calc(100% - 35px);
}
.std-login-transport__details {
  column-gap: 20px;
  height: 120px;
}
.std-login-transport__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-login-transport__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-login-transport__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-transport__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-login-transport__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-transport__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-login-transport__details--textfield {
  margin: 8px 0px 0px 0px !important;
}
.std-login-transport__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-login-transport__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.std-login-transport__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-transport__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-login-transport__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-transport__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.std-login-transport__details--textfield--date {
  margin: 8px 0px 0px 0px !important;
  width: fit-content !important;
}
.std-login-transport__details--profile {
  height: 100%;
}
.std-login-transport__details--profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.std-login-transport__year {
  border-top: 1.8px dashed var(--border-color);
  padding-top: 10px;
}
.std-login-transport__blocks {
  height: 60px;
  column-gap: 20px;
  margin-top: 10px;
}
.std-login-transport__blocks img {
  width: 30px;
}
.std-login-transport__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.std-login-transport__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.std-login-transport__blocks--cards--total-fee, .std-login-transport__blocks--cards--balance, .std-login-transport__blocks--cards--paid {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  color: #d946ef;
  font-weight: 700;
}
.std-login-transport__blocks--cards--paid {
  color: #22c55e;
}
.std-login-transport__blocks--cards--balance {
  color: #ef4444;
}
.std-login-transport__blocks--button {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: 0px;
  height: 45px;
}
.std-login-transport__datablock {
  margin-top: 20px;
  height: calc(100% - 230px);
  column-gap: 20px;
}
.std-login-transport__route {
  height: 100%;
}
.std-login-transport__route--details {
  height: calc(100% - 40px);
  overflow: auto;
}
.std-login-transport__route--textfield, .std-login-transport__route--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-login-transport__route--textfield .MuiInputBase-input, .std-login-transport__route--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.std-login-transport__route--textfield input, .std-login-transport__route--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-transport__route--textfield label, .std-login-transport__route--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-login-transport__route--textfield .Mui-disabled input, .std-login-transport__route--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-login-transport__route--textfield .MuiInputBase-input, .std-login-transport__route--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.std-login-transport__route--textfield, .std-login-transport__route--textfield--date {
  margin: 8px 0px 0px 0px !important;
}
.std-login-transport__route--textfield input, .std-login-transport__route--textfield--date input {
  -webkit-text-fill-color: var(--level-4) !important;
}
.std-login-transport__route--textfield--date {
  width: fit-content !important;
  margin: 8px 10px 0px 0px !important;
}
.std-login-transport__route--title {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.std-login-transport__route--title img {
  width: 30px;
}
.std-login-transport__tableblock {
  height: 100%;
}
.std-login-transport__table {
  max-height: 100%;
}
.std-login-transport__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-login-transport__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-login-transport__table td img:hover,
.std-login-transport__table td a:hover {
  cursor: pointer;
}
.std-login-transport__table tbody {
  background-color: var(--level-1);
}
.std-login-transport__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-login-transport__table tbody tr:hover td {
  color: var(--level-7);
}
.std-login-transport__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-login-transport__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-login-transport__table {
  height: calc(100% - 30px);
}
.std-login-transport__table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-transport__table--date {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-transport__table--rcptno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-login-transport__table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}

.std-login-transport__route--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.std-login-transport__route--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.std-login-transport__route--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.std-login-campus {
  height: calc(100% - 170px);
  margin: 0px 20px;
}
.std-login-campus__container {
  height: calc(100% - 40px);
}
.std-login-campus__container--column {
  height: 100%;
}
.std-login-campus__container--activities {
  margin-top: 20px;
  height: calc(100% - 55px);
}

.pending-data-std-posting {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.pending-data-std-posting__select {
  height: 30px;
  column-gap: 10px;
  margin-top: 10px;
}
.pending-data-std-posting__select .storybook-input {
  margin-top: 0px !important;
}
.pending-data-std-posting__datablock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.pending-data-std-posting__datablock--actions {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.pending-data-std-posting__datablock--actions img {
  width: 15px;
  margin-left: 10px;
}
.pending-data-std-posting__datablock--status {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.pending-data-std-posting__std-info {
  height: 100%;
}
.pending-data-std-posting__std-info--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.pending-data-std-posting__std-info--title img:hover {
  background-color: #f3f4f6;
}
.pending-data-std-posting__std-info--select {
  height: 130px;
  border-bottom: 1px dashed var(--border-color);
  padding-bottom: 5px;
  column-gap: 20px;
}
.pending-data-std-posting__std-info--select .student-profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.pending-data-std-posting__std-info--select .student-profile {
  height: 100%;
  margin-top: 10px;
}
.pending-data-std-posting__std-info--row-span {
  column-count: 2;
  column-gap: 20px;
}
.pending-data-std-posting__std-info--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.pending-data-std-posting__std-info--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.pending-data-std-posting__std-info--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.pending-data-std-posting__std-info--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.pending-data-std-posting__std-info--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.pending-data-std-posting__std-info--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.pending-data-std-posting__std-info--textfield {
  margin: 10px 0px 0px 0px !important;
}
.pending-data-std-posting__std-info--data {
  height: calc(100% - 235px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px 5px 5px;
  background-color: var(--level-1);
}
.pending-data-std-posting__std-info--data h4 {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--text-color);
  text-align: center;
}
.pending-data-std-posting__std-info--sub-title {
  color: var(--level-6);
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  text-align: center;
  padding-top: 5px;
}
.pending-data-std-posting__std-info--year {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.pending-data-std-posting__std-info--year .MuiInputBase-input {
  padding: 5px !important;
}
.pending-data-std-posting__std-info--year input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.pending-data-std-posting__std-info--year label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.pending-data-std-posting__std-info--year .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.pending-data-std-posting__std-info--year .MuiInputBase-input {
  height: 1.3em !important;
}
.pending-data-std-posting__std-info--year {
  margin: 10px 0px 0px 0px !important;
  width: fit-content !important;
}
.pending-data-std-posting__std-info--flex {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.pending-data-std-posting__std-info--flex .MuiAutocomplete-root {
  width: 200px !important;
  margin-top: 10px;
}
.pending-data-std-posting__std-info--class-info {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  background-color: var(--level-2);
  margin-top: 10px;
  padding: 0px 10px;
}
.pending-data-std-posting__std-info--class-info--from, .pending-data-std-posting__std-info--class-info--to {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.pending-data-std-posting__std-info--class-info--from span, .pending-data-std-posting__std-info--class-info--to span {
  display: block;
  color: #4b5563;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.pending-data-std-posting__std-info--class-info--to span {
  color: var(--level-6);
  font-weight: 700;
}
.pending-data-std-posting__std-info--balance {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.pending-data-std-posting__std-info--balance .font-red {
  font-family: "Spline Sans Mono", monospace !important;
}
.pending-data-std-posting__std-info--balance b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.pending-data-std-posting__std-info--balance span {
  color: #6b7280;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
}
.pending-data-std-posting__std-info--status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.pending-data-std-posting__std-info--status b {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.pending-data-std-posting__std-info--status label {
  display: block;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  color: #00a3c4;
}
.pending-data-std-posting__std-info--status label:hover {
  text-decoration: underline;
}
.pending-data-std-posting__std-info--button {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.pending-data-std-posting__std-info--button .storybook-button {
  width: 100% !important;
  text-align: center;
}
.pending-data-std-posting__change-status {
  height: 100%;
}

.inst-level-report {
  height: calc(100% - 160px);
  margin: 0px 20px;
}
.inst-level-report__datablock {
  height: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.inst-level-report__tabpanel {
  height: calc(100% - 100px);
  margin-top: 5px;
}
.inst-level-report__tabpanel p {
  height: 100% !important;
}
.inst-level-report__tabpanel--wp {
  height: calc(100% - 100px);
  margin-top: 5px;
}
.inst-level-report__tabpanel--wp p {
  height: 100% !important;
}
.inst-level-report__tabpanel--wp--formodal {
  height: calc(100% - 65px);
  margin-top: 5px;
}
.inst-level-report__tabpanel--wp--formodal p {
  height: 100% !important;
}
.inst-level-report__lt {
  height: 100%;
  width: 280px;
}
.inst-level-report__lt--table {
  max-height: 100%;
}
.inst-level-report__lt--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.inst-level-report__lt--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.inst-level-report__lt--table td img:hover,
.inst-level-report__lt--table td a:hover {
  cursor: pointer;
}
.inst-level-report__lt--table tbody {
  background-color: var(--level-1);
}
.inst-level-report__lt--table tbody tr:hover {
  background-color: var(--level-2);
}
.inst-level-report__lt--table tbody tr:hover td {
  color: var(--level-7);
}
.inst-level-report__lt--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.inst-level-report__lt--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.inst-level-report__lt--table {
  border: 1px solid var(--border-color);
}
.inst-level-report__lt--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.inst-level-report__lt--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.inst-level-report__lt--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.inst-level-report__lt--table--input {
  width: 100%;
}
.inst-level-report__lt--table--voucher {
  max-height: 100%;
}
.inst-level-report__lt--table--voucher th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.inst-level-report__lt--table--voucher td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.inst-level-report__lt--table--voucher td img:hover,
.inst-level-report__lt--table--voucher td a:hover {
  cursor: pointer;
}
.inst-level-report__lt--table--voucher tbody {
  background-color: var(--level-1);
}
.inst-level-report__lt--table--voucher tbody tr:hover {
  background-color: var(--level-2);
}
.inst-level-report__lt--table--voucher tbody tr:hover td {
  color: var(--level-7);
}
.inst-level-report__lt--table--voucher tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.inst-level-report__lt--table--voucher tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.inst-level-report__lt--table--voucher {
  width: 100%;
  height: calc(100% - 35px) !important;
  margin-top: 5px;
  border: 1px solid var(--border-color);
}
.inst-level-report__rt {
  height: 100%;
  border: 1px solid var(--border-color);
  width: 280px;
}
.inst-level-report__rt--header, .inst-level-report__md--header {
  height: 40px;
  background-color: var(--disabled-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.inst-level-report__rt--select .select {
  margin-top: 0px !important;
}
.inst-level-report__rt--block {
  height: calc(100% - 50px);
  overflow: auto;
  padding: 10px;
}
.inst-level-report__rt--switch {
  border: 1px solid var(--border-color);
  padding: 5px;
  margin-top: 10px;
}
.inst-level-report__rt--switch--form-labels {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  margin-right: 5px !important;
}
.inst-level-report__rt--sort {
  height: 80px;
  padding: 10px;
}
.inst-level-report__rt--sort .Label {
  margin-top: 0px !important;
}
.inst-level-report__rt--parameters {
  height: calc(100% - 80px);
  padding: 10px;
}
.inst-level-report__rt--parameters--list {
  height: calc(100% - 85px);
  overflow: auto;
  margin: 10px 0px 0px 10px;
}
.inst-level-report__md, .inst-level-report__md--formodal {
  height: 100%;
  border: 1px solid var(--border-color);
  width: calc(100% - 560px);
}
.inst-level-report__md--block {
  height: calc(100% - 95px);
  overflow: auto;
  padding: 10px;
}
.inst-level-report__md--block--flex {
  display: flex;
  margin-top: 8px;
  align-items: center;
}
.inst-level-report__md--block--flex .MuiFormControlLabel-root {
  width: 190px !important;
  font-size: 14px !important;
}
.inst-level-report__md--block--flex .MuiAutocomplete-root {
  width: calc(100% - 450px) !important;
}
.inst-level-report__md--block--compare {
  margin-top: 10px;
  width: 25px;
  height: 25px;
}
.inst-level-report__md--block--age {
  width: 100px !important;
  margin-right: 10px;
}
.inst-level-report__md--block--title {
  font-family: "Josefin Sans" !important;
  color: white;
  font-size: 14px;
  background-color: var(--level-5);
  border-radius: 5px;
  padding: 5px;
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.inst-level-report__md--header b {
  color: var(--level-5);
}
.inst-level-report__md--buttons {
  margin-left: 10px;
}
.inst-level-report__md--flex {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  margin-top: 15px;
  align-items: center;
}
.inst-level-report__md--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.inst-level-report__md--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.inst-level-report__md--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.inst-level-report__md--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.inst-level-report__md--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.inst-level-report__md--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.inst-level-report__md--textfield {
  width: fit-content !important;
}
.inst-level-report__md--nodata {
  width: 250px;
  height: 250px;
  display: block;
  margin: auto;
}
.inst-level-report__md--nodata img {
  height: 100%;
  width: 100%;
}
.inst-level-report__md--formodal {
  width: calc(100% - 280px);
}
.inst-level-report__md--vouchers-block {
  height: calc(100% - 90px);
  padding: 5px;
}
.inst-level-report__initialize {
  height: 100%;
}
.inst-level-report__initialize--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.inst-level-report__initialize--title img:hover {
  background-color: #f3f4f6;
}
.inst-level-report__initialize--subtitle {
  background-color: var(--disabled-color);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.inst-level-report__initialize--subtitle span {
  color: #4b5563;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  border-radius: 6px;
}
.inst-level-report__initialize--block {
  height: calc(100% - 115px);
  overflow: auto;
}
.inst-level-report__initialize--block ul {
  margin-bottom: 0px !important;
}
.inst-level-report__initialize--block li {
  padding: 8px;
  background-color: var(--level-1);
  color: var(--text-color);
  border-bottom: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
}
.inst-level-report__initialize--block li:hover {
  background-color: var(--level-2);
}
.inst-level-report__preview {
  height: 100%;
}
.inst-level-report__preview--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.inst-level-report__preview--title img:hover {
  background-color: #f3f4f6;
}
.inst-level-report__preview--tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.inst-level-report__preview--table {
  max-height: 100%;
}
.inst-level-report__preview--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.inst-level-report__preview--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.inst-level-report__preview--table td img:hover,
.inst-level-report__preview--table td a:hover {
  cursor: pointer;
}
.inst-level-report__preview--table tbody {
  background-color: var(--level-1);
}
.inst-level-report__preview--table tbody tr:hover {
  background-color: var(--level-2);
}
.inst-level-report__preview--table tbody tr:hover td {
  color: var(--level-7);
}
.inst-level-report__preview--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.inst-level-report__preview--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.inst-level-report__preview--table--slno {
  width: 8%;
}
.inst-level-report__export {
  height: 100%;
}
.inst-level-report__export--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.inst-level-report__export--title img:hover {
  background-color: #f3f4f6;
}
.inst-level-report__export--block {
  height: calc(100% - 85px);
  overflow: auto;
  margin-top: 10px;
  display: flex;
}
.inst-level-report__export--left {
  height: 100%;
  width: 20%;
  border: 1px solid var(--border-color);
}
.inst-level-report__export--left--header {
  height: 40px;
  padding: 5px;
  background: var(--level-5);
  text-align: center;
}
.inst-level-report__export--left--header span {
  font-size: 18px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
  color: var(--bg-color);
}
.inst-level-report__export--left--list {
  height: calc(100% - 90px);
  list-style: none;
  background: var(--level-1);
  margin-top: 10px;
}
.inst-level-report__export--left--item {
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  transition: 0.2s;
  font-family: "Josefin Sans" !important;
}
.inst-level-report__export--left--item:hover {
  background: var(--level-1);
}
.inst-level-report__export--left--item--active {
  background: var(--level-1);
  font-weight: 600;
}
.inst-level-report__export--right {
  height: 100%;
  width: 80%;
  overflow: auto;
}
.inst-level-report__export--right ul {
  margin-bottom: 0px !important;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.inst-level-report__export--right--ul-sub-header {
  margin-bottom: 0px !important;
  display: flex;
  flex-direction: column;
  row-gap: 0px !important;
}
.inst-level-report__export--right--header, .inst-level-report__export--right--sub-header {
  border: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
}
.inst-level-report__export--right--header--flex, .inst-level-report__export--right--sub-header--flex {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding: 8px;
  font-weight: 700;
  color: var(--text-color);
  font-size: 18px;
  border-radius: 5px;
}
.inst-level-report__export--right--sub-header {
  margin-top: 0px !important;
}
.inst-level-report__export--right--sub-header--flex {
  padding: 8px 8px 8px 20px !important;
}
.inst-level-report__export--right--options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 5px;
}
.inst-level-report__export--right--list, .inst-level-report__export--right--sub-list {
  background-color: #f9fafb;
}
.inst-level-report__export--right--list--h {
  font-size: 16px !important;
  margin: 5px 0px !important;
}
.inst-level-report__export--right--sub-list {
  padding-left: 20px !important;
}
.inst-level-report__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.inst-level-report__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.inst-level-report__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.inst-level-report__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.inst-level-report__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.inst-level-report__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.inst-level-report--formodal {
  height: 100%;
}

.inst-level-report__initialize--block::-webkit-scrollbar,
.inst-level-report__export--right::-webkit-scrollbar,
.inst-level-report__md--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.inst-level-report__initialize--block::-webkit-scrollbar-thumb,
.inst-level-report__export--right::-webkit-scrollbar-thumb,
.inst-level-report__md--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.inst-level-report__initialize--block::-webkit-scrollbar-thumb:hover,
.inst-level-report__export--right::-webkit-scrollbar-thumb:hover,
.inst-level-report__md--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.bulk_pic_upload {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.bulk_pic_upload__select {
  column-gap: 10px;
}
.bulk_pic_upload__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.bulk_pic_upload__tableblock {
  height: calc(100% - 100px);
  border: 1px solid var(--border-color);
  margin-top: 10px;
}
.bulk_pic_upload__tableblock .td-center {
  text-align: center;
}
.bulk_pic_upload__file {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.bulk_pic_upload__file b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #374151;
  margin-top: 8px;
}
.bulk_pic_upload__file input {
  display: none;
}
.bulk_pic_upload__file button {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.bulk_pic_upload__file button input {
  display: none;
}
.bulk_pic_upload__file button img {
  padding-right: 5px;
}
.bulk_pic_upload__file button {
  font-weight: 700;
  display: flex;
  align-items: center;
  width: fit-content !important;
}
.bulk_pic_upload__file button img {
  width: 25px;
  height: 25px;
  filter: invert(100%);
}

.profile-pic {
  height: 100%;
}
.profile-pic__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.profile-pic__title img:hover {
  background-color: #f3f4f6;
}
.profile-pic__warning {
  height: 40px;
  background-color: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.profile-pic__preview {
  height: calc(100% - 140px);
}
.profile-pic__preview img {
  width: 100%;
  height: 100%;
}
.profile-pic__browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.profile-pic__browse input {
  display: none;
}
.profile-pic__browse img {
  padding-right: 5px;
}
.profile-pic__browse {
  margin-right: 5px;
}
.profile-pic__btns {
  display: flex;
}
.profile-pic__image {
  width: 25px;
  height: 25px;
}

.clubs {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.clubs .sessions__frame--row {
  height: calc(100% - 55px) !important;
}
.clubs .booktype-left,
.clubs .booktype-right {
  margin: 10px 0px 0px 0px !important;
}
.clubs__frame {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.clubs__frame .storybook-input {
  display: flex;
  justify-content: center !important;
}
.clubs__table {
  height: calc(100% - 30px);
  overflow: auto;
}
.clubs__reports {
  display: flex;
  align-items: center;
  gap: 10px;
}
.clubs__reports img {
  height: 25px;
}
.clubs__reports--multiple {
  display: flex;
  flex-direction: column;
}
.clubs__reports--multiple .MuiDataGrid-cell {
  line-height: 0px !important;
}
.clubs__reports--avatars {
  display: flex;
}
.clubs__reports--avatars img {
  height: 35px;
  border: 2px solid var(--bg-color);
  border-radius: 50%;
  object-fit: cover;
  margin-left: -8px;
}
.clubs__reports--avatars img:first-child {
  margin-left: 0;
}
.clubs__reports--view {
  height: 100%;
}
.clubs__reports--view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.clubs__reports--view--title img:hover {
  background-color: #f3f4f6;
}
.clubs__reports--view--filters {
  height: 30px;
  margin-top: 10px;
}
.clubs__reports--view--filters .MuiTextField-root {
  margin-top: 0px !important;
}
.clubs__reports--view--filters .storybook-input {
  margin-top: 0px !important;
}
.clubs__reports--view--filters .per-session-details__list--data--flex {
  margin-top: 0px !important;
}
.clubs__reports--view--block {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.clubs__reports--view--block--teacher-data {
  height: 60px;
  width: fit-content;
  display: flex;
  gap: 10px;
  padding: 5px;
  background-color: var(--disabled-color);
  border-radius: 6px;
}
.clubs__reports--view--block--teacher-data--name {
  display: flex;
  flex-direction: column;
}
.clubs__reports--view--block--teacher-data--name span {
  font-family: "Josefin Sans" !important;
}
.clubs__reports--view--block--teacher-data--name b {
  font-family: "Spline Sans Mono", monospace !important;
}
.clubs__reports--view--block--accordian {
  height: calc(100% - 200px);
  overflow: auto;
  margin-top: 10px;
}
.clubs__reports--view--block--accordian .MuiPaper-root {
  --paper-shadow: 0px !important;
}
.clubs__reports--view--block--accordian .teacher-dashboard__workdone--review--block--data--flex {
  border: none !important;
}
.clubs__reports--view--block--accordian--question b {
  font-family: "Josefin Sans" !important;
  color: var(--level-6);
}
.clubs__reports--view--block--accordian--question span {
  font-family: "Josefin Sans" !important;
  color: #f1f5f9;
}
.clubs__reports--view--block--ans {
  height: fit-content;
  padding: 10px;
  font-family: "Josefin Sans" !important;
  background-color: var(--disabled-color);
}
.clubs__reports--view--block--attachments {
  height: 180px;
  margin-top: 10px;
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.clubs__reports--view--block--attachments b {
  font-family: "Josefin Sans" !important;
}
.clubs__reports--view--block--attachments--data {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.club-allocation {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.club-allocation .test-planner__details--create-test--select {
  margin-bottom: 10px !important;
}
.club-allocation .section-allocation__datablock {
  height: calc(100% - 135px) !important;
}
.club-allocation .section-allocation__tableblock {
  height: 100% !important;
}
.club-allocation__select {
  display: flex;
  justify-content: space-between;
}
.club-allocation__select img {
  height: 30px !important;
  display: block;
  margin: auto;
}
.club-allocation__select .storybook-input {
  margin-top: 0px !important;
}
.club-allocation__view {
  height: 100%;
}
.club-allocation__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.club-allocation__view--title img:hover {
  background-color: #f3f4f6;
}
.club-allocation__view--filter {
  height: 30px;
  column-gap: 10px;
  margin-top: 10px;
}
.club-allocation__view--filter .storybook-input {
  margin-top: 0px !important;
}
.club-allocation__view--block {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.club-allocation__remove-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.club-allocation__remove-button img {
  width: 15px;
  margin-left: 10px;
}

.student-docs {
  margin: 10px 20px;
  height: calc(100% - 155px);
  border: 2px dashed var(--level-2);
  border-radius: 10px;
  display: flex;
}
.student-docs__left-block {
  background-color: var(--level-1);
  padding: 10px;
  border-right: 2px dashed var(--level-2);
  width: 20%;
}
.student-docs__left-block--sibling {
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.student-docs__left-block--sibling--details {
  display: flex;
  gap: 15px;
}
.student-docs__left-block--sibling--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #166534;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.student-docs__left-block--sibling--icon span {
  color: var(--bg-color);
  font-size: 14px;
}
.student-docs__left-block--sibling--name {
  display: flex;
  flex-direction: column;
  font-family: "Josefin Sans" !important;
}
.student-docs__left-block--sibling--name p {
  margin: 0px !important;
  font-size: 16px;
  font-weight: 500;
  color: var(--text-color);
}
.student-docs__left-block--sibling--name span {
  font-size: 14px;
  color: var(--text-color);
}
.student-docs__left-block--sibling--name span img {
  margin-right: 5px;
  height: 20px;
}
.student-docs__left-block--sibling--active {
  background: var(--level-5);
  border-radius: 40px;
}
.student-docs__left-block--sibling--active .student-docs__left-block--sibling--name p,
.student-docs__left-block--sibling--active .student-docs__left-block--sibling--name span {
  color: var(--bg-color);
}
.student-docs__left-block--sibling--active img {
  filter: brightness(0) invert(1);
}
.student-docs__left-block--profile {
  margin: 10px;
}
.student-docs__left-block--profile b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.student-docs__left-block--profile .progress {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.student-docs__left-block--profile .progress .progress-left {
  width: 100%;
  height: 8px;
  background-color: var(--bg-color);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.student-docs__left-block--profile .progress .progress-left .progress-bar {
  height: 100%;
  display: block;
  background: var(--level-5);
  border-radius: 20px;
  transition: width 0.3s ease;
}
.student-docs__left-block--profile .progress .progress-right {
  display: none;
}
.student-docs__left-block--profile .progress .progress-value b {
  font-size: 14px;
}
.student-docs__left-block--list {
  margin-top: 20px;
  height: calc(100% - 210px);
}
.student-docs__left-block--list ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}
.student-docs__left-block--list li {
  padding: 0px 10px;
  font-family: "Josefin Sans" !important;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color);
  line-height: 22px;
  cursor: pointer;
}
.student-docs__left-block--list--active {
  font-family: "Josefin Sans" !important !important;
  background: var(--level-5);
  color: var(--bg-color) !important;
  padding: 10px 10px !important;
  border-radius: 6px;
}
.student-docs__left-block--footer {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.student-docs__left-block--footer--row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.student-docs__left-block--footer--row span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
}
.student-docs__left-block--footer--row b {
  padding: 5px 10px;
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-size: 13px;
  font-weight: 600;
}
.student-docs__left-block--footer--due {
  background-color: #fee2e2;
  color: #dc2626;
}
.student-docs__left-block--footer--lock {
  background-color: #dc2626;
  color: var(--bg-color);
}
.student-docs__right-block {
  background-color: var(--bg-color);
  padding: 10px;
  width: 80%;
}
.student-docs__right-block .Heading {
  height: 40px;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid var(--border-color);
}
.student-docs__right-block--form-container {
  height: calc(100% - 80px);
  overflow: auto;
}
.student-docs__right-block--description {
  padding: 20px;
  font-size: 16px;
  margin: 0px !important;
  font-family: "Josefin Sans" !important;
}
.student-docs__right-block--button {
  display: flex;
  justify-content: flex-end;
}
.student-docs__right-block--button .agree-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 2px dotted #bbf7d0;
  color: var(--text-color);
  font-size: 14px;
  background-color: var(--bg-color);
}
.student-docs__right-block--button .agree-button img {
  width: 15px;
  margin-left: 10px;
}
.student-docs__right-block--approved-status {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #dcfce7;
  border-radius: 6px;
}
.student-docs__right-block--approved-status b {
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.student-docs__right-block--tips {
  padding: 0 20px 20px;
}
.student-docs__right-block--tips--heading {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
}
.student-docs__right-block--tips--serial {
  list-style: decimal !important;
  padding-left: 24px;
}
.student-docs__right-block--tips--serial li {
  list-style-type: decimal;
  display: list-item;
  margin-bottom: 16px;
  line-height: 24px;
}
.student-docs__right-block--QA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
.student-docs__right-block--link {
  margin-top: 10px;
  font-family: "Josefin Sans" !important;
}
.student-docs__right-block--link a {
  text-decoration: underline !important;
}
.student-docs__right-block--info {
  display: flex;
  gap: 10px;
}
.student-docs__right-block--info img {
  height: 15px;
  filter: invert(100%);
  margin-top: 3px;
}
.student-docs__right-block--info span {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.student-docs__right-block--document {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.student-docs__right-block--document--flex {
  display: flex;
  flex-direction: column;
}
.student-docs__right-block--document--flex span {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.student-docs__right-block--document--flex p {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  color: var(--text-color);
}
.student-docs__right-block--document .download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  cursor: pointer;
  padding: 10px 5px;
  gap: 5px;
}
.student-docs__right-block--document .download-button img {
  color: var(--bg-color);
  width: 25px;
}
.student-docs__demographic {
  height: 100%;
}
.student-docs__demographic--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.student-docs__demographic--title img:hover {
  background-color: #f3f4f6;
}
.student-docs__demographic--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  font-family: "Josefin Sans" !important;
}
.student-docs__demographic--block .blue-texts {
  color: var(--level-5);
}

.docs-questions {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.docs-questions__block {
  height: calc(100% - 40px);
  display: flex;
  column-gap: 10px;
}
.docs-questions__left, .docs-questions__right {
  height: 100%;
  width: 20%;
  border: 1px solid var(--border-color);
}
.docs-questions__left--title {
  height: 30px;
  font-family: "Josefin Sans" !important;
  font-size: 18px;
  text-align: center;
  background: var(--border-color);
}
.docs-questions__modal {
  height: 100%;
}
.docs-questions__modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.docs-questions__modal--title img:hover {
  background-color: #f3f4f6;
}
.docs-questions__modal--create-block {
  height: calc(100% - 70px);
  display: flex;
  column-gap: 10px;
}
.docs-questions__modal--left {
  height: 100%;
  width: 80%;
  border: 1px solid var(--border-color);
}
.docs-questions__modal--left--title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Josefin Sans" !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.docs-questions__modal--left--title--flex {
  display: flex;
  gap: 20px;
  width: 50px;
}
.docs-questions__modal--left--title--flex .builder-action {
  color: var(--level-7);
  font-size: 28px;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
}
.docs-questions__modal--left--title--flex .builder-action:hover {
  opacity: 0.8;
}
.docs-questions__modal--left--grid-title-block {
  border-bottom: 1px dashed var(--text-color);
}
.docs-questions__modal--left--grid-category, .docs-questions__modal--left--grid-link, .docs-questions__modal--left--grid-ques, .docs-questions__modal--left--grid-desc, .docs-questions__modal--left--grid-title {
  display: grid;
  grid-template-columns: 0.3fr 1fr 0.1fr;
  background: var(--disabled-color);
  border-bottom: 1px dashed var(--text-color);
  padding: 5px;
}
.docs-questions__modal--left--grid-category img, .docs-questions__modal--left--grid-link img, .docs-questions__modal--left--grid-ques img, .docs-questions__modal--left--grid-desc img, .docs-questions__modal--left--grid-title img {
  margin-left: 10px;
}
.docs-questions__modal--left--grid-category .Label, .docs-questions__modal--left--grid-link .Label, .docs-questions__modal--left--grid-ques .Label, .docs-questions__modal--left--grid-desc .Label, .docs-questions__modal--left--grid-title .Label {
  margin-top: 0px !important;
}
.docs-questions__modal--left--grid-category .storybook-input, .docs-questions__modal--left--grid-link .storybook-input, .docs-questions__modal--left--grid-ques .storybook-input, .docs-questions__modal--left--grid-desc .storybook-input, .docs-questions__modal--left--grid-title .storybook-input {
  margin-top: 0px !important;
}
.docs-questions__modal--left--grid-title {
  border-bottom: none !important;
}
.docs-questions__modal--left--grid-desc {
  display: grid;
  grid-template-columns: 0.3fr 1.1fr !important;
  border-bottom: none !important;
}
.docs-questions__modal--left--grid-ques {
  border-bottom: none !important;
  display: grid;
  grid-template-columns: 0.3fr 0.85fr 0.2fr 0.06fr !important;
}
.docs-questions__modal--left--grid-ques .MuiFormControl-root {
  margin-left: 10px !important;
  margin-top: 0px !important;
  background: var(--bg-color) !important;
}
.docs-questions__modal--left--grid-link {
  border-bottom: none !important;
}
.docs-questions__modal--left--grid-link .MuiFormControl-root {
  margin-left: 0px !important;
  background: var(--bg-color) !important;
  margin-top: 0px !important;
}
.docs-questions__modal--left--edit {
  width: fit-content;
  height: fit-content;
}
.docs-questions__modal--left--edit img {
  background: var(--level-4);
  border-radius: 6px;
  padding: 5px;
}
.docs-questions__modal--left--button {
  background: var(--disabled-color);
  padding: 5px;
}
.docs-questions__modal--left--edit-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.docs-questions__modal--left--edit-button img {
  width: 15px;
  margin-left: 10px;
}
.docs-questions__modal--right {
  height: 100%;
  width: 20%;
  border: 1px solid var(--border-color);
}
.docs-questions__modal--right--title {
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.docs-questions__modal--right--title b {
  font-family: "Josefin Sans" !important;
}
.docs-questions__modal--right--subtitle {
  padding: 5px;
  font-family: "Josefin Sans" !important;
  margin: 0px !important;
}
.docs-questions__modal--right--tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 10px 10px;
}
.docs-questions__modal--right--tags span {
  font-family: "Josefin Sans" !important;
  padding: 10px 12px;
  border-radius: 20px;
  background: var(--disabled-color);
  color: #ec4899;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: 0.2s;
}

.link-parameter {
  height: 100%;
}
.link-parameter__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.link-parameter__title img:hover {
  background-color: #f3f4f6;
}
.link-parameter__content {
  display: flex;
  height: calc(100% - 80px);
  margin-top: 10px;
  gap: 10px;
}
.link-parameter__left {
  height: 100%;
  width: 30%;
  border: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
}
.link-parameter__left--heading {
  height: 40px;
  background: var(--level-5);
  color: var(--bg-color);
  text-align: center;
  padding: 5px;
  font-weight: 600;
}
.link-parameter__left--accordion {
  padding: 0px 10px;
  height: calc(100% - 80px);
  overflow: auto;
  background: var(--level-1);
  padding-top: 10px;
}
.link-parameter__left--accordion-header {
  background: white;
  min-height: 42px;
  padding: 0 15px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.link-parameter__left--submenu {
  padding: 0px 20px 15px;
}
.link-parameter__left--submenu div {
  padding: 12px 0px;
  cursor: pointer;
}
.link-parameter__right {
  height: 100%;
  width: 70%;
  border: 1px solid var(--border-color);
}
.link-parameter__right--header {
  height: 40px;
  border-bottom: 1px solid var(--border-color);
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Josefin Sans" !important;
}
.link-parameter__right--header span {
  font-size: 18px;
  font-weight: 600;
}
.link-parameter__right--list {
  height: calc(100% - 40px);
  overflow: auto;
  padding: 0px 20px;
}
.link-parameter__right--list-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0px;
  border-bottom: 1px dashed var(--border-color);
}
.link-parameter__right--list-item .serial {
  color: #64748b;
  min-width: 25px;
  font-family: "Spline Sans Mono", monospace !important !important;
}
.link-parameter__right--list-item span {
  font-family: "Josefin Sans" !important;
}

.link-parameter__left--accordion::-webkit-scrollbar,
.link-parameter__right--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.link-parameter__left--accordion::-webkit-scrollbar-thumb,
.link-parameter__right--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.link-parameter__left--accordion::-webkit-scrollbar-thumb:hover,
.link-parameter__right--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.connect-request {
  height: 100%;
}
.connect-request__title {
  height: 30px;
}
.connect-request__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.connect-request__title img:hover {
  background-color: #f3f4f6;
}
.connect-request__block {
  height: calc(100% - 70px);
  display: flex;
  gap: 10px;
}
.connect-request__block--left {
  height: 100%;
  width: 20%;
  padding: 5px;
}
.connect-request__block--left--data-block {
  height: calc(100% - 100px);
  margin-top: 10px;
  overflow: auto;
}
.connect-request__block--left--data {
  height: 60px;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.connect-request__block--left--data b {
  font-family: "Josefin Sans" !important;
}
.connect-request__block--left--data--flex {
  display: flex;
  justify-content: space-between;
}
.connect-request__block--left--data--flex span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #64748b !important;
}
.connect-request__block--left--data--flex p {
  margin: 0px !important;
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #64748b !important;
}
.connect-request__block--left--data--flex img {
  height: 20px;
  filter: invert(70%);
}
.connect-request__block--left--data--active-ticket {
  background: var(--level-1);
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
  font-family: "Josefin Sans" !important;
}
.connect-request__block--right {
  width: 79%;
  height: 100%;
  border-left: 1px solid var(--border-color);
}
.connect-request__block--right--swipable {
  height: calc(100% - 40px);
}
.connect-request__block--right--swipable p {
  height: 100% !important;
}
.connect-request__block--right--content {
  height: 100%;
  margin-top: 10px;
  padding: 0px 10px;
}
.connect-request__block--right--feedback {
  height: 150px;
}
.connect-request__block--right--feedback .teacher-dashboard__workdone--attachments--files--data {
  width: fit-content !important;
}
.connect-request__block--right--feedback--data {
  height: calc(100% - 70px);
  overflow: auto;
}
.connect-request__block--right--feedback--data span {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.connect-request__block--right--feedback--heading {
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Josefin Sans" !important;
}
.connect-request__block--right--feedback--flex {
  display: flex;
  gap: 5px;
}
.connect-request__block--right--feedback--flex b {
  font-size: 18px !important;
}
.connect-request__block--right--feedback--flex span {
  color: #64748b;
  font-size: 16px !important;
}
.connect-request__block--right--feedback--flex p {
  margin: 0px !important;
  font-size: 16px !important;
}
.connect-request__block--right--message-block {
  height: calc(100% - 165px);
  margin-top: 10px;
}
.connect-request__block--right--message-block .channel__message-block--text-area {
  height: 70px !important;
}
.connect-request__block--right--message-block .channel__message-block--text-area--flex {
  display: flex;
  column-gap: 10px !important;
}
.connect-request__block--right--message-block .channel__message-block--text-area--flex--text-field {
  width: calc(100% - 50px) !important;
  border-radius: 6px;
}
.connect-request__block--right--message-block .channel__message-block--text-area--flex--text-field .MuiInputBase-root {
  padding: 5px !important;
}
.connect-request__block--right--message-block--messages {
  height: calc(100% - 70px);
  margin-bottom: 10px;
  overflow: auto;
}
.connect-request__block--right--message-block--history-messages {
  height: 100%;
  margin-top: 10px;
  overflow: auto;
}
.connect-request__block--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.connect-request__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.connect-request__block--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.connect-request__block--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.connect-request__block--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.connect-request__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.connect-request__block--tabs .MuiTabs-root {
  min-height: 40px !important;
}
.connect-request__block--swipable {
  height: 100%;
}
.connect-request__block--progress {
  display: flex;
  gap: 10px;
  align-items: center;
}
.connect-request__block--progress--icon {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  color: var(--bg-color);
  background-color: #eab308;
}
.connect-request__block--progress--icon b {
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.connect-request__block--progress span {
  font-family: "Josefin Sans" !important;
}
.connect-request__block--date {
  display: flex;
  gap: 5px;
}
.connect-request__block--date img {
  height: 20px !important;
  margin-top: 10px !important;
}
.connect-request__block--follow-up {
  background-color: var(--border-color);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 5px;
}
.connect-request__block--follow-up b {
  font-size: 18px !important;
  font-family: "Josefin Sans" !important;
}
.connect-request__block--follow-up .storybook-input {
  width: fit-content !important;
  margin-top: 0px !important;
}
.connect-request__block--follow-up--select {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: "Josefin Sans" !important;
}
.connect-request__block--follow-up--select b {
  font-size: 22px;
}
.connect-request__block--follow-up--select span {
  font-size: 16px;
}
.connect-request__block--follow-up--select img {
  height: 90px !important;
  filter: invert(100%);
}
.connect-request__block--follow-up--flex {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.connect-request__block--follow-up--flex img {
  height: 25px;
}

.connect-request__block--right--message-block--messages::-webkit-scrollbar,
.connect-request__block--right--message-block--history-messages::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.connect-request__block--right--message-block--messages::-webkit-scrollbar-thumb,
.connect-request__block--right--message-block--history-messages::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.connect-request__block--right--message-block--messages::-webkit-scrollbar-thumb:hover,
.connect-request__block--right--message-block--history-messages::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.category {
  height: 100%;
}
.category__block {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.category__block--data {
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.category__block--data span {
  font-family: "Josefin Sans" !important;
}
.category__block--data--flex {
  display: flex;
  gap: 5px;
}
.category__block--data--flex img {
  height: 25px !important;
}
.category__block--data--flex .Heading {
  font-size: 18px !important;
}

.category__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.category__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.category__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.request-modal {
  height: 100%;
}
.request-modal__block {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
}
.request-modal__block--heading {
  height: 30px;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  gap: 5px;
  align-items: center;
}
.request-modal__block--heading img {
  height: 20px;
}
.request-modal__block--heading .Heading {
  display: flex;
  justify-content: flex-start !important;
  font-size: 18px !important;
}
.request-modal__block--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.request-modal__block--grid .storybook-textarea {
  height: 120px !important;
}
.request-modal__block--grid .assignments__creation--attachments {
  margin-bottom: 0px !important;
}
.request-modal__block--grid .assignments__creation--logo-grid {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr !important;
}

.request-modal__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.request-modal__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.request-modal__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.update-message {
  height: 100%;
}
.update-message__block {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.update-message__block .storybook-textarea {
  height: 125px !important;
}

.library__frame {
  margin: 0px 10px 10px 10px;
  height: calc(100% - 185px);
  column-gap: 20px;
}
.library__frame--row, .library__anecdote {
  height: calc(100% - 35px);
  margin-bottom: 10px;
  column-gap: 20px;
  display: flex;
  column-gap: 20px;
}
.library__frame--row .booktype-left, .library__anecdote .booktype-left,
.library__frame--row .booktype-right,
.library__anecdote .booktype-right {
  width: 50% !important;
}
.library__frame--title {
  height: 30px;
}
.library__frame--title #search {
  margin-top: 0px;
}
.library__frame--title--flex {
  display: flex;
  column-gap: 10px;
}
.library__frame--title--flex .MuiTextField-root {
  margin-top: 0px !important;
}
.library__frame--block, .library__anecdote--block, .library__frame--anecdote-data {
  height: calc(100% - 40px);
  overflow-y: auto;
  margin-top: 5px;
}
.library__frame--block .MuiFormControlLabel-root, .library__anecdote--block .MuiFormControlLabel-root, .library__frame--anecdote-data .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between !important;
  padding-left: 5px;
  margin: 5px;
}
.library__frame--block .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment, .library__anecdote--block .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment, .library__frame--anecdote-data .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.library__frame--block .MuiChip-label, .library__anecdote--block .MuiChip-label, .library__frame--anecdote-data .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
}
.library__frame--block--autocomplete .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.library__frame--block--autocomplete--multiselect .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.library__frame--block--autocomplete--multiselect .MuiChip-root {
  height: 20px !important;
}
.library__frame--block--autocomplete--multiselect .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.library__frame--block--keywords {
  background: #fffbeb;
  border-radius: 20px;
  padding-bottom: 3px;
  width: 100%;
  margin-bottom: 3px;
  margin-top: 10px;
}
.library__frame--block--keywords--footer {
  margin: 5px;
}
.library__frame--block--keywords--footer label {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  padding: 4px;
  margin: 2px;
  font-size: 12px;
}
.library__frame--block--keywords b {
  font-size: 13px;
  margin-left: 10px;
  margin-top: 0px !important;
  color: #000;
}
.library__frame--modal {
  height: calc(100% - 50px);
}
.library__frame--anecdote-data {
  height: calc(100% - 10px) !important;
  margin-top: 10px !important;
}
.library__anecdote {
  height: calc(100% - 85px);
}
.library__anecdote--reports {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.library__anecdote--filters {
  margin-top: 10px;
  column-gap: 10px;
}
.library__anecdote--filters .MuiTextField-root {
  margin-top: 0px !important;
}
.library__anecdote--filters img {
  height: 20px;
}
.library__anecdote--table {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.library__anecdote--block--label {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 20px 0px;
}
.library__anecdote--block--quill {
  margin-top: 20px;
  border: 1px solid var(--border-color);
}
.library__table {
  max-height: 100%;
}
.library__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.library__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.library__table td img:hover,
.library__table td a:hover {
  cursor: pointer;
}
.library__table tbody {
  background-color: var(--level-1);
}
.library__table tbody tr:hover {
  background-color: var(--level-2);
}
.library__table tbody tr:hover td {
  color: var(--level-7);
}
.library__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.library__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.library__table {
  margin-top: 10px;
  height: calc(100% - 10px);
}
.library__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library__table--th-slno {
  width: 8%;
}
.library__table--status {
  width: 8%;
}
.library__table--actions {
  width: 8%;
}
.library__table--shortdesc {
  width: 7%;
}
.library__table--phoneno {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library__table--th-phoneno {
  width: 6%;
}
.library__table--email {
  width: 12%;
}
.library__buttons {
  margin-left: 10px;
}
.library__import {
  height: calc(100% - 25px);
}
.library__import--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.library__import--title img:hover {
  background-color: #f3f4f6;
}

.library__table::-webkit-scrollbar,
.library__frame--block::-webkit-scrollbar,
.library__frame--anecdote-data::-webkit-scrollbar,
.library__anecdote--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.library__table::-webkit-scrollbar-thumb,
.library__frame--block::-webkit-scrollbar-thumb,
.library__frame--anecdote-data::-webkit-scrollbar-thumb,
.library__anecdote--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.library__table::-webkit-scrollbar-thumb:hover,
.library__frame--block::-webkit-scrollbar-thumb:hover,
.library__frame--anecdote-data::-webkit-scrollbar-thumb:hover,
.library__anecdote--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.book-issue {
  height: calc(100% - 175px);
  margin: 0px 20px;
}
.book-issue__details {
  height: 130px;
  column-gap: 10px;
}
.book-issue__details--colspan {
  column-count: 2;
  column-gap: 20px;
  margin-right: 10px;
}
.book-issue__details--imageflex {
  display: flex;
  margin-top: 5px;
  margin-right: 10px;
}
.book-issue__details--imageflex .MuiAutocomplete-root {
  margin-top: 5px !important;
}
.book-issue__details--textflex {
  display: grid;
  margin-right: 10px;
  grid-template-columns: 1.4fr 1fr 0.6fr 1fr;
}
.book-issue__details--textflex span {
  margin: auto;
  font-weight: bold;
  font-size: 20px;
}
.book-issue__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.book-issue__details--textfield, .book-issue__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.book-issue__details--textfield .MuiInputBase-input, .book-issue__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.book-issue__details--textfield input, .book-issue__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-issue__details--textfield label, .book-issue__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.book-issue__details--textfield .Mui-disabled input, .book-issue__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-issue__details--textfield .MuiInputBase-input, .book-issue__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.book-issue__details--textfield, .book-issue__details--textfield--date {
  margin: 10px 0px 0px 0px !important;
}
.book-issue__details--textfield--date {
  width: fit-content;
}
.book-issue__tableblock {
  height: calc(100% - 175px);
}
.book-issue__tableblock--books-table {
  max-height: 100%;
}
.book-issue__tableblock--books-table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-issue__tableblock--books-table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-issue__tableblock--books-table td img:hover,
.book-issue__tableblock--books-table td a:hover {
  cursor: pointer;
}
.book-issue__tableblock--books-table tbody {
  background-color: var(--level-1);
}
.book-issue__tableblock--books-table tbody tr:hover {
  background-color: var(--level-2);
}
.book-issue__tableblock--books-table tbody tr:hover td {
  color: var(--level-7);
}
.book-issue__tableblock--books-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-issue__tableblock--books-table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-issue__tableblock--books-table {
  height: calc(50% - 30px);
}
.book-issue__tableblock--books-table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-issue__tableblock--books-table--th-slno {
  width: 4%;
}
.book-issue__tableblock--books-table--accno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-issue__tableblock--books-table--th-accno {
  width: 12%;
}
.book-issue__tableblock--books-table--publication {
  width: 15%;
}
.book-issue__tableblock--books-table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-issue__tableblock--books-table--th-date {
  width: 8%;
}
.book-issue__tableblock--books-table--amount {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-issue__tableblock--books-table--th-amount {
  width: 5%;
}
.book-issue__tableblock--books-table--actions {
  width: 5%;
}
.book-issue__date {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.book-issue__buttons {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
.book-issue__view {
  column-gap: 10px;
}
.book-issue__view--colspan {
  column-count: 2;
  gap: 10px;
}
.book-issue__view--librarybook {
  height: 120px;
  margin-top: 10px;
  width: 100%;
}
.book-issue__view--textfield, .book-issue__view--textfield--price {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.book-issue__view--textfield .MuiInputBase-input, .book-issue__view--textfield--price .MuiInputBase-input {
  padding: 5px !important;
}
.book-issue__view--textfield input, .book-issue__view--textfield--price input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-issue__view--textfield label, .book-issue__view--textfield--price label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.book-issue__view--textfield .Mui-disabled input, .book-issue__view--textfield--price .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-issue__view--textfield .MuiInputBase-input, .book-issue__view--textfield--price .MuiInputBase-input {
  height: 1.3em !important;
}
.book-issue__view--textfield, .book-issue__view--textfield--price {
  margin: 10px 10px 0px 0px !important;
}
.book-issue__view--textfield--price {
  border-radius: 5px;
  padding: -1px;
}
.book-issue__modal {
  height: 100%;
}
.book-issue__modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.book-issue__modal--title img:hover {
  background-color: #f3f4f6;
}
.book-issue__modal--block {
  margin-top: 10px;
  height: calc(100% - 220px);
}

.book-issue__tableblock--books-table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.book-issue__tableblock--books-table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.book-issue__tableblock--books-table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.issued-book__history {
  height: calc(100% - 75px);
}
.issued-book__history--details {
  column-gap: 10px;
  height: 125;
}
.issued-book__history--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.issued-book__history--image {
  height: 100%;
}
.issued-book__history--tableblock {
  height: calc(50% - 105px);
  margin: 10px 0px 0px 0px;
}
.issued-book__history--table {
  max-height: 100%;
}
.issued-book__history--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.issued-book__history--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.issued-book__history--table td img:hover,
.issued-book__history--table td a:hover {
  cursor: pointer;
}
.issued-book__history--table tbody {
  background-color: var(--level-1);
}
.issued-book__history--table tbody tr:hover {
  background-color: var(--level-2);
}
.issued-book__history--table tbody tr:hover td {
  color: var(--level-7);
}
.issued-book__history--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.issued-book__history--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.issued-book__history--table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.issued-book__history--table--th-slno {
  width: 5%;
}
.issued-book__history--table--isbnno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.issued-book__history--table--th-isbnno {
  width: 8%;
}
.issued-book__history--table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.issued-book__history--table--th-date {
  width: 10%;
}
.issued-book__history--table--publication {
  width: 12%;
}

.book-return {
  height: calc(100% - 218px);
  margin: 0px 20px 0px 20px;
}
.book-return__modal {
  height: calc(100% - 80px);
}
.book-return__details {
  height: 130px;
  column-gap: 20px;
}
.book-return__details .MuiAutocomplete-root {
  width: 100%;
  margin-top: 10px;
}
.book-return__details--colspan {
  column-count: 2;
  column-gap: 20px;
  margin-right: 10px;
}
.book-return__details--imageflex {
  display: flex;
  margin-top: 5px;
}
.book-return__details--imageflex .MuiAutocomplete-root {
  width: 100%;
  margin-top: 3px !important;
}
.book-return__details--textflex {
  display: grid;
  margin-right: 10px;
  grid-template-columns: 1.4fr 1fr 0.6fr 1fr;
}
.book-return__details--textflex span {
  margin: auto;
  font-weight: bold;
  font-size: 20px;
}
.book-return__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.book-return__details--textfield, .book-return__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.book-return__details--textfield .MuiInputBase-input, .book-return__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.book-return__details--textfield input, .book-return__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-return__details--textfield label, .book-return__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.book-return__details--textfield .Mui-disabled input, .book-return__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-return__details--textfield .MuiInputBase-input, .book-return__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.book-return__details--textfield, .book-return__details--textfield--date {
  margin: 10px 0px 0px 0px !important;
}
.book-return__details--textfield--date {
  width: fit-content;
}
.book-return__tableblock {
  height: calc(100% - 155px);
}
.book-return__tableblock--issued-books-table {
  max-height: 100%;
}
.book-return__tableblock--issued-books-table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-return__tableblock--issued-books-table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-return__tableblock--issued-books-table td img:hover,
.book-return__tableblock--issued-books-table td a:hover {
  cursor: pointer;
}
.book-return__tableblock--issued-books-table tbody {
  background-color: var(--level-1);
}
.book-return__tableblock--issued-books-table tbody tr:hover {
  background-color: var(--level-2);
}
.book-return__tableblock--issued-books-table tbody tr:hover td {
  color: var(--level-7);
}
.book-return__tableblock--issued-books-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-return__tableblock--issued-books-table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-return__tableblock--issued-books-table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.book-return__tableblock--issued-books-table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.book-return__tableblock--issued-books-table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.book-return__tableblock--issued-books-table {
  height: 40%;
}
.book-return__tableblock--issued-books-table th img {
  filter: invert(100%);
  width: 30px;
}
.book-return__tableblock--issued-books-table tbody img {
  width: 20px;
  filter: invert(0%);
}
.book-return__tableblock--issued-books-table tbody img:hover {
  background: white;
  border-radius: 50%;
}
.book-return__tableblock--issued-books-table--tooltip li {
  padding: 0px;
}
.book-return__tableblock--issued-books-table--tooltip li:hover {
  background-color: var(--level-2);
  border-radius: 6px;
}
.book-return__tableblock--issued-books-table--tooltip li:hover Label {
  color: white !important;
}
.book-return__tableblock--issued-books-table--tooltip Label {
  margin-top: 2px !important;
}
.book-return__tableblock--issued-books-table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--issued-books-table--th-slno {
  width: 4%;
}
.book-return__tableblock--issued-books-table--accno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--issued-books-table--th-accno {
  width: 12%;
}
.book-return__tableblock--issued-books-table--publication {
  width: 15%;
}
.book-return__tableblock--issued-books-table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--issued-books-table--th-date {
  width: 8%;
}
.book-return__tableblock--issued-books-table--amount {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--issued-books-table--th-amount {
  width: 8%;
}
.book-return__tableblock--issued-books-table--actions {
  width: 5%;
}
.book-return__tableblock--damaged-books--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.book-return__tableblock--damaged-books--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.book-return__tableblock--damaged-books--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-return__tableblock--damaged-books--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.book-return__tableblock--damaged-books--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-return__tableblock--damaged-books--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.book-return__tableblock--damaged-books--textfield {
  width: 100%;
}
.book-return__tableblock--damaged-books--textfield ::placeholder {
  text-align: end;
  font-size: 14px;
  font-weight: 600;
}
.book-return__tableblock--damaged-books--textfield__remarks {
  margin-top: 10px;
  height: 90px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.book-return__tableblock--damaged-books--textfield__remarks .MuiInputBase-input {
  padding: 5px !important;
}
.book-return__tableblock--damaged-books--textfield__remarks input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-return__tableblock--damaged-books--textfield__remarks label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.book-return__tableblock--damaged-books--textfield__remarks .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-return__tableblock--damaged-books--textfield__remarks .MuiInputBase-input {
  height: 1.3em !important;
}
.book-return__tableblock--damaged-books--textfield__remarks label {
  color: var(--text-color) !important;
}
.book-return__tableblock--damaged-books--percentage {
  margin-top: 20px;
  column-gap: 10px;
}
.book-return__tableblock--damaged-books--tableblock {
  margin-top: 10px;
  height: calc(60% - 100px);
}
.book-return__tableblock--damaged-books--table {
  max-height: 100%;
}
.book-return__tableblock--damaged-books--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-return__tableblock--damaged-books--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-return__tableblock--damaged-books--table td img:hover,
.book-return__tableblock--damaged-books--table td a:hover {
  cursor: pointer;
}
.book-return__tableblock--damaged-books--table tbody {
  background-color: var(--level-1);
}
.book-return__tableblock--damaged-books--table tbody tr:hover {
  background-color: var(--level-2);
}
.book-return__tableblock--damaged-books--table tbody tr:hover td {
  color: var(--level-7);
}
.book-return__tableblock--damaged-books--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-return__tableblock--damaged-books--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-return__tableblock--damaged-books--table {
  height: calc(100% - 25px);
}
.book-return__tableblock--damaged-books--table td img {
  width: 20px;
  filter: invert(0%);
}
.book-return__tableblock--damaged-books--table td img:hover {
  background: white;
  border-radius: 50%;
}
.book-return__tableblock--damaged-books--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--damaged-books--table--accno {
  width: 18%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--damaged-books--table--amount {
  width: 14%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-return__tableblock--damaged-books--frame {
  border: 2px dotted #94a3b8;
  padding: 5px;
  height: calc(100% - 5px);
  border-radius: 6px;
}
.book-return__tableblock--damaged-books--fineblock {
  display: flex;
  height: 75px;
  gap: 5px;
}
.book-return__tableblock--damaged-books--fineblock Label {
  margin-top: 5px !important;
  padding: 4px !important;
}
.book-return__tableblock--damaged-books--fineblock span {
  margin-top: 25px;
  font-weight: bold;
  font-size: 20px;
}
.book-return__tableblock--damaged-books--fineblock--buttons {
  display: flex;
  justify-content: flex-end;
}
.book-return__tableblock--damaged-books--fines .Label {
  margin-top: 0px;
}
.book-return__tableblock--damaged-books--fines .MuiAutocomplete-root,
.book-return__tableblock--damaged-books--fines .MuiFormControl-root {
  margin-top: 0px !important;
}
.book-return__tableblock--damaged-books--label-grid {
  display: grid;
  grid-template-columns: 0.25fr 1.4fr;
}
.book-return__fetch--book-details, .book-return__fetch--book-details__media {
  margin-top: 10px;
  display: flex;
  gap: 5px;
}
.book-return__fetch--book-details__media {
  justify-content: flex-end;
  margin-right: -20px;
}
.book-return__fetch--book-details__filter-columns {
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  float: right;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
  margin-top: 10px;
}
.book-return__fetch--book-details__table {
  margin-top: 10px;
  max-height: 100%;
}
.book-return__fetch--book-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-return__fetch--book-details__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-return__fetch--book-details__table td img:hover,
.book-return__fetch--book-details__table td a:hover {
  cursor: pointer;
}
.book-return__fetch--book-details__table tbody {
  background-color: var(--level-1);
}
.book-return__fetch--book-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.book-return__fetch--book-details__table tbody tr:hover td {
  color: var(--level-7);
}
.book-return__fetch--book-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-return__fetch--book-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-return__fetch--book-details__table {
  height: calc(100% - 160px);
}
.book-return__date {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.book-return__buttons {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}

#bg-green {
  background-color: #4ade80 !important;
  color: white;
  font-weight: 600;
}

#bg-red {
  background-color: #dc2626 !important;
  color: white;
  font-weight: 600;
}

#fine-amount {
  color: #ef4444 !important;
}

#waive-off-amount {
  color: #16a34a !important;
}

.book-reservation__frame {
  height: calc(100% - 175px);
  margin: 0px 10px 10px 10px;
}
.book-reservation__frame--image-grid {
  display: grid;
  grid-template-columns: 0.8fr 2.75fr 0.1fr;
}
.book-reservation__frame--image-grid img {
  background-color: var(--level-5);
  padding: 4px;
  border-radius: 6px;
  margin-left: 10px;
  margin-top: 10px;
  height: 30px;
}
.book-reservation__frame--label-grid {
  display: grid;
  grid-template-columns: 1.47fr 2fr;
}
.book-reservation__frame--list-header {
  float: right;
}
.book-reservation__frame--list-header Input {
  margin-top: 0px;
}
.book-reservation__frame--data {
  height: 100%;
  overflow: auto;
}
.book-reservation__date {
  margin: 0px 10px 0px 20px;
  gap: 10px;
}
.book-reservation__date--filter {
  display: flex;
  justify-content: flex-end;
}
.book-reservation__date--filter Label {
  color: var(--level-5);
  margin-top: 5px;
}
.book-reservation__date--filter Input {
  margin-right: 20px;
}
.book-reservation__date--textfield {
  display: flex;
  justify-content: flex-end;
  border-left: 4px solid var(--level-4);
}
.book-reservation__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.book-reservation__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.book-reservation__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-reservation__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.book-reservation__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.book-reservation__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.book-reservation__textfield {
  margin-top: 0px;
  width: fit-content;
}
.book-reservation__tableblock {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.book-reservation__table {
  max-height: 100%;
}
.book-reservation__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-reservation__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-reservation__table td img:hover,
.book-reservation__table td a:hover {
  cursor: pointer;
}
.book-reservation__table tbody {
  background-color: var(--level-1);
}
.book-reservation__table tbody tr:hover {
  background-color: var(--level-2);
}
.book-reservation__table tbody tr:hover td {
  color: var(--level-7);
}
.book-reservation__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-reservation__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-reservation__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-reservation__table--th-slno {
  width: 5%;
}
.book-reservation__table--clsno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-reservation__table--th-clsno {
  width: 8%;
}
.book-reservation__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-reservation__table--th-number {
  width: 10%;
}
.book-reservation__table--rsvid {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-reservation__table--th-rsvid {
  width: 12%;
}
.book-reservation__label-grid {
  display: grid;
  grid-template-columns: 0.8fr 3fr;
}

.book-reservation__table::-webkit-scrollbar,
.book-reservation__frame--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.book-reservation__table::-webkit-scrollbar-thumb,
.book-reservation__frame--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.book-reservation__table::-webkit-scrollbar-thumb:hover,
.book-reservation__frame--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.classification-list__data {
  column-gap: 20px;
}
.classification-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.classification-list__table {
  max-height: 100%;
}
.classification-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.classification-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.classification-list__table td img:hover,
.classification-list__table td a:hover {
  cursor: pointer;
}
.classification-list__table tbody {
  background-color: var(--level-1);
}
.classification-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.classification-list__table tbody tr:hover td {
  color: var(--level-7);
}
.classification-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.classification-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.classification-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.classification-list__table--th-slno {
  width: 4%;
}
.classification-list__table--clsno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.classification-list__table--th-clsno {
  width: 8%;
}
.classification-list__table--publication {
  width: 10%;
}
.classification-list__table--total {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.classification-list__table--th-total {
  width: 5%;
}
.classification-list__table--category {
  width: 8%;
}

.classification-list__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.classification-list__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.classification-list__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.book-entry {
  margin-right: 20px;
}
.book-entry__filter-columns {
  margin-top: 10px;
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #cbd5e0;
  border-radius: 3px;
  float: right;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.book-entry__tableblock {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 260px);
}
.book-entry__tableblock--modal {
  margin: 10px 0px 0px 0px;
  height: calc(100% - 123px);
}
.book-entry__table {
  max-height: 100%;
}
.book-entry__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-entry__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-entry__table td img:hover,
.book-entry__table td a:hover {
  cursor: pointer;
}
.book-entry__table tbody {
  background-color: var(--level-1);
}
.book-entry__table tbody tr:hover {
  background-color: var(--level-2);
}
.book-entry__table tbody tr:hover td {
  color: var(--level-7);
}
.book-entry__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-entry__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-entry__table img {
  margin: 2px;
}
.book-entry__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-entry__table--accessno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-entry__table--th-slno {
  width: 5%;
}
.book-entry__table--th-accessno {
  width: 8%;
}
.book-entry__table--publication {
  width: 8%;
}
.book-entry__table--authors {
  width: 10%;
}
.book-entry__table--subjects {
  width: 4%;
}
.book-entry__table--total {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-entry__table--actions {
  width: 5%;
}
.book-entry--modal #search {
  margin-left: 0px;
}

.library-book-icon {
  filter: invert(0%);
}

.book-entry__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.book-entry__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.book-entry__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.new-book {
  margin: 0px 10px 0px 10px;
  height: calc(100% - 185px);
}
.new-book__row {
  margin: 10px;
  height: calc(100% - 45px);
  column-gap: 20px;
}
.new-book__span-2 {
  column-count: 2;
  column-gap: 20px;
}
.new-book__span-2--grid .label-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
}
.new-book__place .label-grid {
  display: grid;
  grid-template-columns: 0.79fr 2fr;
}
.new-book__vendor-details {
  column-gap: 25px;
}
.new-book__vendor-details .label-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
}
.new-book__label-grid {
  display: grid;
  grid-template-columns: 0.79fr 2fr !important;
}
.new-book__label-grid .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.new-book__image-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.85fr 0.15fr;
}
.new-book__image-grid .data-fetch-icon {
  margin-top: 10px;
}
.new-book__frame {
  margin-top: 10px;
  height: calc(100% - 20px);
  overflow-y: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.new-book__frame--total {
  margin-top: 10px;
  height: calc(100% - 60px);
  overflow-y: auto;
}
.new-book__total {
  text-align: end;
  padding: 5px;
  border-radius: 6px !important;
  background: #22c55e !important;
  color: white;
}
.new-book__two-column-grid .label-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr !important;
}

.new-book__frame::-webkit-scrollbar,
.new-book__frame--total::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.new-book__frame::-webkit-scrollbar-thumb,
.new-book__frame--total::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.new-book__frame::-webkit-scrollbar-thumb:hover,
.new-book__frame--total::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.edit-accno__search {
  margin-left: 20px;
}
.edit-accno__tableblock {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 263px);
}
.edit-accno__table {
  max-height: 100%;
}
.edit-accno__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.edit-accno__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.edit-accno__table td img:hover,
.edit-accno__table td a:hover {
  cursor: pointer;
}
.edit-accno__table tbody {
  background-color: var(--level-1);
}
.edit-accno__table tbody tr:hover {
  background-color: var(--level-2);
}
.edit-accno__table tbody tr:hover td {
  color: var(--level-7);
}
.edit-accno__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.edit-accno__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.edit-accno__table--th-slno {
  width: 4%;
}
.edit-accno__table--input {
  width: 12%;
  padding-right: 0px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.edit-accno__table--input input {
  width: 100%;
  border-radius: 0px;
  margin-left: -2px !important;
}

.edit-accno__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.edit-accno__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.edit-accno__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.book-search {
  height: calc(100% - 235px);
  margin: 10px 20px 0px 20px;
}
.book-search--modal {
  height: calc(100% - 80px);
  margin: 10px 0px 0px 0px;
}
.book-search__details {
  column-gap: 10px;
}
.book-search__details--input {
  margin-top: 0px !important;
}
.book-search__tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.book-search__table {
  max-height: 100%;
}
.book-search__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.book-search__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.book-search__table td img:hover,
.book-search__table td a:hover {
  cursor: pointer;
}
.book-search__table tbody {
  background-color: var(--level-1);
}
.book-search__table tbody tr:hover {
  background-color: var(--level-2);
}
.book-search__table tbody tr:hover td {
  color: var(--level-7);
}
.book-search__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.book-search__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.book-search__table tbody tr:hover td {
  text-decoration: underline !important;
  cursor: pointer;
}
.book-search__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-search__table--th-slno {
  width: 4%;
}
.book-search__table--th-number {
  width: 6%;
}
.book-search__table--number {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-search__table--th-clsno {
  width: 5%;
}
.book-search__table--clsno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.book-search__table--desc {
  width: 6%;
}

.library-report {
  margin: 10px 20px 0px 20px;
  height: calc(100% - 220px);
  column-gap: 20px;
  display: flex;
}
.library-report__transaction-list {
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  width: 250px;
}
.library-report__transaction-list--tableblock {
  height: 100%;
}
.library-report__transaction-list--table {
  max-height: 100%;
}
.library-report__transaction-list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.library-report__transaction-list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.library-report__transaction-list--table td img:hover,
.library-report__transaction-list--table td a:hover {
  cursor: pointer;
}
.library-report__transaction-list--table tbody {
  background-color: var(--level-1);
}
.library-report__transaction-list--table tbody tr:hover {
  background-color: var(--level-2);
}
.library-report__transaction-list--table tbody tr:hover td {
  color: var(--level-7);
}
.library-report__transaction-list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.library-report__transaction-list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.library-report__transaction-list--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.library-report__transaction-list--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.library-report__transaction-list--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.library-report__selected-data {
  height: 100%;
  width: calc(100% - 250px);
}
.library-report__selected-data--title {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.library-report__selected-data--table {
  max-height: 100%;
}
.library-report__selected-data--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.library-report__selected-data--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.library-report__selected-data--table td img:hover,
.library-report__selected-data--table td a:hover {
  cursor: pointer;
}
.library-report__selected-data--table tbody {
  background-color: var(--level-1);
}
.library-report__selected-data--table tbody tr:hover {
  background-color: var(--level-2);
}
.library-report__selected-data--table tbody tr:hover td {
  color: var(--level-7);
}
.library-report__selected-data--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.library-report__selected-data--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.library-report__selected-data--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library-report__selected-data--table--th-slno {
  width: 8%;
}
.library-report__selected-data--table--accessno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library-report__selected-data--table--th-accessno {
  width: 12%;
}
.library-report__selected-data--table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library-report__selected-data--table--th-number {
  width: 10%;
}
.library-report__selected-data--table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library-report__selected-data--table--th-date {
  width: 10%;
}
.library-report__selected-data--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.library-report__selected-data--table--th-amount {
  width: 10%;
}
.library-report__selected-data--table--dept {
  width: 14%;
}
.library-report__selected-data--table--status {
  width: 5%;
}
.library-report__selected-data--table tr:hover .library-report__selected-data--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.library-report__selected-data--tableblock {
  height: calc(100% - 80px);
  margin: 5px 5px 0px 0px;
}
.library-report__selected-data--select-flex {
  margin-left: 0px;
  column-gap: 10px;
}
.library-report__selected-data--filterdate {
  display: flex;
  gap: 20px;
}
.library-report__selected-data--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.library-report__selected-data--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.library-report__selected-data--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.library-report__selected-data--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.library-report__selected-data--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.library-report__selected-data--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.library-report__selected-data--textfield {
  margin: 5px 5px 0px 0px !important;
}
.library-report__issued-books--tableblock {
  height: calc(100% - 75px);
}
.library-report__issued-books--table {
  max-height: 100%;
}
.library-report__issued-books--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.library-report__issued-books--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.library-report__issued-books--table td img:hover,
.library-report__issued-books--table td a:hover {
  cursor: pointer;
}
.library-report__issued-books--table tbody {
  background-color: var(--level-1);
}
.library-report__issued-books--table tbody tr:hover {
  background-color: var(--level-2);
}
.library-report__issued-books--table tbody tr:hover td {
  color: var(--level-7);
}
.library-report__issued-books--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.library-report__issued-books--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.import-books-data {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.import-books-data__select {
  column-gap: 10px;
}
.import-books-data__select--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.import-books-data__blocks {
  gap: 10px;
  height: 75px;
  align-items: center;
}
.import-books-data__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.import-books-data__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.import-books-data__blocks--cards img {
  width: 35px;
}
.import-books-data__blocks--cards b {
  margin-left: 10px;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.import-books-data__blocks--cards--total-students, .import-books-data__blocks--cards--contains-error, .import-books-data__blocks--cards--ready-to-import {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-color);
  display: flex;
  justify-content: center;
}
.import-books-data__blocks--cards--ready-to-import {
  color: #22c55e;
}
.import-books-data__blocks--cards--contains-error {
  color: #ef4444;
}
.import-books-data__datablock {
  height: calc(100% - 140px);
  margin-top: 10px;
}
.import-books-data__datablock .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.import-books-data__datablock th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.import-books-data__datablock td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.import-books-data__datablock--title {
  display: flex;
  justify-content: space-between;
  height: 50px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  margin-top: 10px;
  padding: 0px 10px 0px 10px;
}
.import-books-data__datablock--title img {
  width: 25px;
}
.import-books-data__datablock--title img:hover {
  background-color: #e2e8f0;
  border-radius: 6px;
  width: 25px;
  height: 25px;
  margin-top: auto;
  margin-bottom: auto;
}
.import-books-data__datablock--records-count, .import-books-data__datablock--errors-count {
  display: flex;
  gap: 10px;
}
.import-books-data__datablock--records-count span, .import-books-data__datablock--errors-count span {
  font-family: "Spline Sans Mono", monospace !important;
  padding: 8px;
  background-color: #4ade80;
  color: white;
  font-size: 12px;
  border-radius: 50%;
  font-weight: 700;
  margin: auto;
}
.import-books-data__datablock--records-count b, .import-books-data__datablock--errors-count b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin-top: auto;
  margin-bottom: auto;
}
.import-books-data__datablock--errors-count span {
  background-color: #ef4444;
}
.import-books-data__datablock--errors-count b {
  color: #dc2626;
}
.import-books-data__datablock--tableblock {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.import-books-data__datablock--tableblock--error-message {
  display: flex;
  justify-content: space-between;
}
.import-books-data__datablock--table {
  height: 100%;
}
.import-books-data__button {
  display: flex;
  justify-content: flex-end;
}
.import-books-data__file-upload {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.import-books-data__file-upload--browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.import-books-data__file-upload--browse input {
  display: none;
}
.import-books-data__file-upload--browse img {
  padding-right: 5px;
}
.import-books-data__file-upload--browse {
  width: fit-content;
  margin-top: 20px;
}
.import-books-data__file-upload--input {
  display: none;
}
.import-books-data__file-upload--file-name {
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  width: 100%;
  height: 35px;
  background-color: var(--disabled-color);
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.import-books-data__tableblock {
  margin-top: 10px;
  height: calc(100% - 130px);
}
.import-books-data__table {
  max-height: 100%;
}
.import-books-data__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.import-books-data__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.import-books-data__table td img:hover,
.import-books-data__table td a:hover {
  cursor: pointer;
}
.import-books-data__table tbody {
  background-color: var(--level-1);
}
.import-books-data__table tbody tr:hover {
  background-color: var(--level-2);
}
.import-books-data__table tbody tr:hover td {
  color: var(--level-7);
}
.import-books-data__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.import-books-data__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.fine-assoc {
  height: calc(100% - 210px);
  margin: 0px 10px 0px 10px;
}
.fine-assoc__tableblock {
  height: calc(100% - 50px);
}
.fine-assoc__tableblock .subtitle1 {
  height: 30px;
}
.fine-assoc__tableblock b {
  font-family: "Spline Sans Mono", monospace !important;
}
.fine-assoc__details {
  margin: 0px 10px 0px 5px;
}
.fine-assoc__details--multiselect .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
}
.fine-assoc__details--multiselect .MuiChip-root {
  height: 25px !important;
}
.fine-assoc__details--multiselect .MuiAutocomplete-tag {
  margin: -4px 3px !important;
}
.fine-assoc__table {
  max-height: 100%;
}
.fine-assoc__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fine-assoc__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fine-assoc__table td img:hover,
.fine-assoc__table td a:hover {
  cursor: pointer;
}
.fine-assoc__table tbody {
  background-color: var(--level-1);
}
.fine-assoc__table tbody tr:hover {
  background-color: var(--level-2);
}
.fine-assoc__table tbody tr:hover td {
  color: var(--level-7);
}
.fine-assoc__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fine-assoc__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fine-assoc__table {
  height: calc(100% - 30px);
}
.fine-assoc__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fine-assoc__table--th-slno {
  width: 4%;
}
.fine-assoc__table--desc {
  width: 20%;
}
.fine-assoc__table--actions {
  width: 8%;
}
.fine-assoc__link-image {
  display: block;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
.fine-assoc__fine-list {
  height: calc(100% - 30px);
  overflow: auto;
}

.fine-assoc__table::-webkit-scrollbar,
.fine-assoc__fine-list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.fine-assoc__table::-webkit-scrollbar-thumb,
.fine-assoc__fine-list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.fine-assoc__table::-webkit-scrollbar-thumb:hover,
.fine-assoc__fine-list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.fine-slab {
  height: calc(100% - 170px);
}
.fine-slab__details {
  height: calc(100% - 50px);
  margin: 0px 10px 10px 10px;
  column-gap: 20px;
}
.fine-slab__frame, .fine-slab__frame--library {
  height: calc(100% - 30px);
}
.fine-slab__frame--autocomplete {
  height: 45px;
  margin-top: 5px;
}
.fine-slab__frame--library {
  overflow: auto;
}
.fine-slab__frame--fine {
  background-color: #ef4444 !important;
  color: white !important;
  border-radius: 6px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-left: 10px;
  font-family: "Josefin Sans" !important;
}
.fine-slab__frame--fine img {
  width: 30px;
  height: 30px;
}
.fine-slab__frame--block {
  height: calc(100% - 50px);
  overflow: auto;
}
.fine-slab__frame--tableblock {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.fine-slab__frame--table {
  max-height: 100%;
}
.fine-slab__frame--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.fine-slab__frame--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.fine-slab__frame--table td img:hover,
.fine-slab__frame--table td a:hover {
  cursor: pointer;
}
.fine-slab__frame--table tbody {
  background-color: var(--level-1);
}
.fine-slab__frame--table tbody tr:hover {
  background-color: var(--level-2);
}
.fine-slab__frame--table tbody tr:hover td {
  color: var(--level-7);
}
.fine-slab__frame--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.fine-slab__frame--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.fine-slab__frame--table--slno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.fine-slab__frame--table--th-slno {
  width: 10%;
}
.fine-slab__frame--table--actions {
  width: 6%;
}
.fine-slab__formlabels {
  display: flex;
}
.fine-slab__formlabels--columns {
  margin-right: 10px;
}
.fine-slab__formlabels--columns input[type=number]::-webkit-inner-spin-button,
.fine-slab__formlabels--columns input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
.fine-slab__formlabels--columns input[type=number]::-webkit-outer-spin-button,
.fine-slab__formlabels--columns input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.fine-slab__formlabels--columns .label-grid {
  display: flex !important;
  margin-left: -10px;
}
.fine-slab__formlabels--columns--amountperday .label-grid {
  display: flex !important;
  margin-left: -10px;
}

.fine-slab__frame--block::-webkit-scrollbar,
.fine-slab__frame::-webkit-scrollbar,
.fine-slab__frame--library::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.fine-slab__frame--block::-webkit-scrollbar-thumb,
.fine-slab__frame::-webkit-scrollbar-thumb,
.fine-slab__frame--library::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.fine-slab__frame--block::-webkit-scrollbar-thumb:hover,
.fine-slab__frame::-webkit-scrollbar-thumb:hover,
.fine-slab__frame--library::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.books-allocation {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 213px);
}
.books-allocation .MuiAutocomplete-root {
  margin-top: 5px;
}
.books-allocation__details {
  column-gap: 10px;
  margin-top: 3px;
}
.books-allocation__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.books-allocation__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.books-allocation__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.books-allocation__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.books-allocation__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.books-allocation__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.books-allocation__details--textfield {
  margin: 5px 10px 0px 0px !important;
  width: 100%;
}
.books-allocation__details--textfield img {
  width: 12px;
  height: 12px;
}
.books-allocation__details--shelf-textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.books-allocation__details--shelf-textfield .MuiInputBase-input {
  padding: 5px !important;
}
.books-allocation__details--shelf-textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.books-allocation__details--shelf-textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.books-allocation__details--shelf-textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.books-allocation__details--shelf-textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.books-allocation__details--shelf-textfield {
  margin: 10px 10px 0px 0px !important;
  width: 100%;
}
.books-allocation__details--autocomplete .MuiAutocomplete-root {
  margin-top: 5px;
}
.books-allocation__details--span-2 {
  column-count: 2;
  column-gap: 30px;
}
.books-allocation__details--book {
  width: 100%;
}
.books-allocation__details--book img {
  width: 100%;
  margin-top: 10px;
}
.books-allocation__tableblock {
  height: calc(100% - 50px);
}
.books-allocation__tableblock .subtitle1 {
  height: 40px;
}
.books-allocation__tableblock--table {
  max-height: 100%;
}
.books-allocation__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.books-allocation__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.books-allocation__tableblock--table td img:hover,
.books-allocation__tableblock--table td a:hover {
  cursor: pointer;
}
.books-allocation__tableblock--table tbody {
  background-color: var(--level-1);
}
.books-allocation__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.books-allocation__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.books-allocation__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.books-allocation__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.books-allocation__tableblock--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.books-allocation__tableblock--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.books-allocation__tableblock--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.books-allocation__tableblock--table {
  height: calc(100% - 50px);
}
.books-allocation__tableblock--table tr:hover .books-allocation__tableblock--table--title {
  text-decoration: underline !important;
  cursor: pointer;
}
.books-allocation__tableblock--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.books-allocation__tableblock--table--th-slno {
  width: 6%;
}
.books-allocation__tableblock--table--accessno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.books-allocation__tableblock--table--th-accessno {
  width: 6%;
}
.books-allocation__tableblock--table--desc {
  width: 10%;
}
.books-allocation__tableblock--table--modal {
  height: calc(100% - 120px);
  max-height: 100%;
}
.books-allocation__tableblock--table--modal th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.books-allocation__tableblock--table--modal td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.books-allocation__tableblock--table--modal td img:hover,
.books-allocation__tableblock--table--modal td a:hover {
  cursor: pointer;
}
.books-allocation__tableblock--table--modal tbody {
  background-color: var(--level-1);
}
.books-allocation__tableblock--table--modal tbody tr:hover {
  background-color: var(--level-2);
}
.books-allocation__tableblock--table--modal tbody tr:hover td {
  color: var(--level-7);
}
.books-allocation__tableblock--table--modal tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.books-allocation__tableblock--table--modal tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.books-allocation__tableblock--table--modal {
  margin-top: 10px;
}
.books-allocation__tableblock .booktype-left {
  margin: 10px 0px 0px 0px;
}
.books-allocation__tableblock .booktype-right {
  margin: 10px 0px 0px 0px;
}
.books-allocation__tableblock--swap-image {
  width: 60px;
  text-align: center;
  margin: auto;
}
.books-allocation__tableblock--swap-image img {
  background-color: white;
  padding: 5px;
  width: 40px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.books-allocation__tableblock--swap-image .opacity {
  opacity: 0.3;
}
.books-allocation__tableblock--books-count {
  display: flex;
  justify-content: space-between;
}
.books-allocation__tableblock--books-count--total {
  display: flex;
  margin-top: -7px;
}
.books-allocation__tableblock--books-count--totalcount {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
}

.td-link {
  text-decoration: underline !important;
  cursor: pointer;
}

.repaired-books {
  height: calc(100% - 88px);
}
.repaired-books__details {
  column-gap: 20px;
}
.repaired-books__details--textfield {
  width: 100%;
}
.repaired-books__details--textfield img {
  width: 18px;
}
.repaired-books__details--textfield .MuiInputBase-input {
  padding: 6.5px !important;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.repaired-books__details--textfield .MuiInputBase-root {
  padding-left: 5px !important;
}
.repaired-books__tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.repaired-books__table {
  max-height: 100%;
}
.repaired-books__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.repaired-books__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.repaired-books__table td img:hover,
.repaired-books__table td a:hover {
  cursor: pointer;
}
.repaired-books__table tbody {
  background-color: var(--level-1);
}
.repaired-books__table tbody tr:hover {
  background-color: var(--level-2);
}
.repaired-books__table tbody tr:hover td {
  color: var(--level-7);
}
.repaired-books__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.repaired-books__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.repaired-books__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.repaired-books__table--th-slno {
  width: 4%;
}
.repaired-books__table--clsno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.repaired-books__table--th-clsno {
  width: 8%;
}
.repaired-books__table--shelf {
  width: 8%;
}
.repaired-books__table tr:hover td {
  text-decoration: underline !important;
  cursor: pointer;
}
.repaired-books__allocate {
  column-gap: 20px;
}
.repaired-books__allocate--textfield {
  width: 100%;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.repaired-books__allocate--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.repaired-books__allocate--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.repaired-books__allocate--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.repaired-books__allocate--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.repaired-books__allocate--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.repaired-books__allocate--textfield {
  margin: 10px 0px 0px 0px !important;
}
.repaired-books__allocate--textfield--edit {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.repaired-books__allocate--textfield--edit .MuiInputBase-input {
  padding: 5px !important;
}
.repaired-books__allocate--textfield--edit input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.repaired-books__allocate--textfield--edit label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.repaired-books__allocate--textfield--edit .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.repaired-books__allocate--textfield--edit .MuiInputBase-input {
  height: 1.3em !important;
}
.repaired-books__allocate--textfield--edit {
  margin: 10px 0px 0px 0px !important;
}
.repaired-books__allocate--textfield--edit input {
  font-weight: 400 !important;
}

.library-dashboard {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.library-dashboard__cards {
  margin-top: 10px;
  column-gap: 20px;
  height: 245px;
}
.library-dashboard__cards--grid, .library-dashboard__datablock--grid {
  height: 100% !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.library-dashboard__cards--grid:hover, .library-dashboard__datablock--grid:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.library-dashboard__cards--grid--image {
  margin-right: 20px;
  width: 35px;
}
.library-dashboard__cards--grid--li {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  align-items: center;
}
.library-dashboard__cards--grid--li span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.library-dashboard__cards--grid--cardtitle {
  display: flex;
  justify-content: space-between;
}
.library-dashboard__cards--grid--cardtitle .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 3px !important;
  color: var(--text-color) !important;
  font-weight: 700;
}
.library-dashboard__cards--grid--cardtitle .MuiTabs-list {
  column-gap: 5px;
}
.library-dashboard__cards--grid--cardtitle .MuiButtonBase-root {
  width: fit-content !important;
}
.library-dashboard__cards--grid--cardtitle .MuiTabs-root {
  min-height: 20px !important;
}
.library-dashboard__cards--grid--cardtitle .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.library-dashboard__cards--grid--cardtitle .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.library-dashboard__cards--grid--cardtitle .MuiButtonBase-root {
  min-width: 60px !important;
}
.library-dashboard__cards--grid--cardtitle .MuiTabs-flexContainer {
  background: var(--level-1);
  padding: 5px;
  border-radius: 6px;
  width: fit-content !important;
}
.library-dashboard__datablock {
  margin-top: 10px;
  height: calc(100% - 265px);
  column-gap: 15px;
}
.library-dashboard__datablock .customized-calendar {
  height: calc(100% - 35px) !important;
}
.library-dashboard__datablock--grid .teacher-dashboard__daily-dairy--flex {
  border: none !important;
}
.library-dashboard__datablock--grid .teacher-dashboard__daily-dairy--flex--title {
  color: #475569 !important;
}
.library-dashboard__datablock--chart {
  height: 100% !important;
}
.library-dashboard__table {
  height: calc(100% - 40px);
  max-height: 100%;
}
.library-dashboard__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.library-dashboard__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.library-dashboard__table td img:hover,
.library-dashboard__table td a:hover {
  cursor: pointer;
}
.library-dashboard__table tbody {
  background-color: var(--level-1);
}
.library-dashboard__table tbody tr:hover {
  background-color: var(--level-2);
}
.library-dashboard__table tbody tr:hover td {
  color: var(--level-7);
}
.library-dashboard__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.library-dashboard__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.library-dashboard__table--totalcount {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.library-dashboard__table--totalcount b {
  background-color: var(--level-5);
  color: white;
  padding: 2px 5px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 16px;
  margin-right: 5px;
}
.library-dashboard__tableblock {
  height: calc(100% - 30px);
}
.library-dashboard__tableblock .font-red {
  text-align: center !important;
}

.library-dashboard::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.library-dashboard::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.library-dashboard::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.employee-details {
  height: calc(100% - 145px);
  margin: 10px 20px 0px 20px;
}
.employee-details .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.employee-details__form {
  height: calc(100% - 130px);
}
.employee-details__block {
  height: 100%;
  overflow-y: auto;
}
.employee-details__block--frame {
  column-count: 2;
  column-gap: 60px;
}
.employee-details__block--frame--select-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.85fr 0.15fr;
}
.employee-details__block--frame--select-grid .data-fetch-icon {
  margin-top: 10px;
}
.employee-details__block--frame--grid-trio {
  display: grid;
  grid-template-columns: 0.4fr 0.3fr 0.7fr;
}
.employee-details__block--frame--grid-trio .label-grid {
  display: grid;
  grid-template-columns: 0fr 2fr;
}
.employee-details__block--frame .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.employee-details__block--frame--flex {
  display: flex;
  column-gap: 5px;
}
.employee-details__block--frame--flex .storybook-button {
  margin: 10px 0px 0px 0px !important;
  width: 120px;
}
.employee-details__basic-details {
  height: 120px;
}
.employee-details__basic-details--image {
  height: calc(100% - 10px);
}
.employee-details__basic-details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.employee-details__basic-details--block {
  height: calc(100% - 45px);
  overflow-y: auto;
}
.employee-details__basic-details--block .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.employee-details__basic-details--block--frame {
  column-gap: 60px;
  column-count: 2;
}
.employee-details__basic-details--frame {
  height: calc(100% - 180px);
}
.employee-details__correspondance-details {
  column-gap: 60px;
}

.employee-details__basic-details--block::-webkit-scrollbar,
.employee-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.employee-details__basic-details--block::-webkit-scrollbar-thumb,
.employee-details__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.employee-details__basic-details--block::-webkit-scrollbar-thumb:hover,
.employee-details__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.employee-list {
  height: calc(100% - 178px);
  margin: 10px 20px 0px 20px;
}
.employee-list__modal {
  height: calc(100% - 35px);
  margin: 10px 0px 0px 0px;
}
.employee-list__details {
  column-gap: 10px;
}
.employee-list__details--modal {
  column-gap: 10px;
  margin-left: 0px;
  margin-top: 10px;
}
.employee-list__details--modal #search {
  margin-top: 0px;
}
.employee-list__details--addnew {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.employee-list__details #search {
  margin-top: 0px;
}
.employee-list__tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.employee-list__tableblock--table {
  max-height: 100%;
}
.employee-list__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.employee-list__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.employee-list__tableblock--table td img:hover,
.employee-list__tableblock--table td a:hover {
  cursor: pointer;
}
.employee-list__tableblock--table tbody {
  background-color: var(--level-1);
}
.employee-list__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.employee-list__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.employee-list__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.employee-list__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.employee-list__tableblock--table td {
  height: 30px;
}
.employee-list__tableblock--table tr:hover .employee-list__tableblock--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.employee-list__tableblock--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.employee-list__tableblock--table--th-slno {
  width: 4%;
}
.employee-list__tableblock--table--th-date {
  width: 8%;
}
.employee-list__tableblock--table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.employee-list__tableblock--table--th-number {
  width: 4%;
}
.employee-list__tableblock--table--number {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.employee-list__tableblock--table--desc {
  width: 12%;
}
.employee-list__tableblock--table--actions {
  width: 6%;
}
.employee-list__report-modal {
  height: 100%;
}
.employee-list__report-modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.employee-list__report-modal--title img:hover {
  background-color: #f3f4f6;
}
.employee-list__report-modal--filters {
  column-gap: 10px;
  height: 40px;
  margin-top: 10px;
}
.employee-list__report-modal--filters .MuiTextField-root {
  margin-top: 0px !important;
}
.employee-list__report-modal--tableblock {
  height: calc(100% - 130px);
  margin-top: 10px;
}
.employee-list__report-modal--leave-report-table {
  height: calc(100% - 90px);
  margin-top: 10px;
}

.emp-assign-leave-ledger {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.emp-assign-leave-ledger__options {
  height: 120px;
  gap: 20px;
}
.emp-assign-leave-ledger__options .MuiAutocomplete-root {
  width: 100% !important;
  margin-top: 5px;
}
.emp-assign-leave-ledger__options--imageflex {
  display: flex;
}
.emp-assign-leave-ledger__options--imageflex .data-fetch-icon {
  margin-top: 5px;
}
.emp-assign-leave-ledger__tableblock {
  height: calc(100% - 170px);
  margin-top: 5px;
}
.emp-assign-leave-ledger__table {
  max-height: 100%;
}
.emp-assign-leave-ledger__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.emp-assign-leave-ledger__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.emp-assign-leave-ledger__table td img:hover,
.emp-assign-leave-ledger__table td a:hover {
  cursor: pointer;
}
.emp-assign-leave-ledger__table tbody {
  background-color: var(--level-1);
}
.emp-assign-leave-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.emp-assign-leave-ledger__table tbody tr:hover td {
  color: var(--level-7);
}
.emp-assign-leave-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.emp-assign-leave-ledger__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.emp-assign-leave-ledger__table .MuiFormControl-root {
  margin-top: 0px !important;
}
.emp-assign-leave-ledger__table--actions {
  width: 8%;
}
.emp-assign-leave-ledger__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-assign-leave-ledger__table--number {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-top: 0px !important;
}
.emp-assign-leave-ledger__table--number Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.emp-assign-leave-ledger__table--number Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.emp-assign-leave-ledger__table--number input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.emp-assign-leave-ledger__table--number input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.emp-assign-leave-ledger__table--enter-image {
  width: 20px;
}
.emp-assign-leave-ledger__profile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.emp-assign-leave-ledger__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-assign-leave-ledger__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-assign-leave-ledger__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-assign-leave-ledger__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-assign-leave-ledger__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-assign-leave-ledger__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-assign-leave-ledger__textfield {
  margin: 8px 0px 0px 0px !important;
}
.emp-assign-leave-ledger__textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-assign-leave-ledger__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.emp-assign-leave-ledger__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-assign-leave-ledger__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-assign-leave-ledger__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-assign-leave-ledger__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-assign-leave-ledger__textfield--date {
  margin: 8px 0px 0px 0px !important;
  width: fit-content !important;
}
.emp-assign-leave-ledger__textfield--editable {
  margin: 8px 0px 0px 0px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-assign-leave-ledger__textfield--editable .MuiInputBase-input {
  padding: 5px !important;
}
.emp-assign-leave-ledger__textfield--editable input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-assign-leave-ledger__textfield--editable label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-assign-leave-ledger__textfield--editable .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-assign-leave-ledger__textfield--editable .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-assign-leave-ledger__textfield--editable .MuiInputBase-root {
  background-color: #fef9c3 !important;
}
.emp-assign-leave-ledger__textfield--editable input {
  font-weight: 400 !important;
  text-align: right !important;
  color: var(--text-color) !important;
}
.emp-assign-leave-ledger__textfield--editable label {
  color: var(--text-color) !important;
}
.emp-assign-leave-ledger__row {
  background: hsl(55, 79%, 94%);
}
.emp-assign-leave-ledger__row:hover {
  background-color: hsl(55, 79%, 94%) !important;
}
.emp-assign-leave-ledger__row .MuiAutocomplete-root:focus {
  background-color: white !important;
}
.emp-assign-leave-ledger__row .MuiInputBase-input {
  height: 15px !important;
}
.emp-assign-leave-ledger__row td {
  padding: 0px !important;
}
.emp-assign-leave-ledger__row td .MuiAutocomplete-root {
  padding: 0px !important;
}
.emp-assign-leave-ledger__row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.emp-assign-leave-ledger__row .MuiFormControl-root {
  margin-top: 0px !important;
}
.emp-assign-leave-ledger__row .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.emp-assign-leave-ledger__row .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.emp-assign-leave-ledger__row .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.emp-assign-leave-ledger__row .MuiAutocomplete-root,
.emp-assign-leave-ledger__row .auto-complete:focus {
  background-color: var(--bg-color) !important;
}
.emp-assign-leave-ledger__row .storybook-input {
  margin-top: 0px !important;
}
.emp-assign-leave-ledger__row input:focus {
  background-color: white;
}
.emp-assign-leave-ledger__row td {
  color: #000 !important;
}

.emp-preview {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 200px);
}
.emp-preview Label {
  margin-top: 0px;
}
.emp-preview Input {
  margin-top: 0px;
}
.emp-preview Select {
  margin-top: 0px;
}
.emp-preview__imagegrid {
  display: flex;
}
.emp-preview__imagegrid img {
  padding-left: 10px;
}
.emp-preview__image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.emp-preview__image {
  margin-top: 0px !important;
}
.emp-preview__textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-preview__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-preview__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-preview__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-preview__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-preview__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-preview__textfield {
  margin: 10px 10px 0px 0px !important;
}
.emp-preview__span-4 {
  column-count: 4;
  column-gap: 20px;
}
.emp-preview__details {
  height: 120px;
  column-gap: 20px;
  margin-top: 10px;
  border-bottom: 1.8px dashed var(--border-color);
}
.emp-preview__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-preview__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-preview__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-preview__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-preview__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-preview__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-preview__details--textfield {
  margin-left: 0px !important;
  margin: 6px 0px 0px 0px !important;
}
.emp-preview__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-preview__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.emp-preview__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-preview__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-preview__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-preview__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-preview__details--textfield--date {
  margin-left: 0px !important;
  margin: 6px 0px 0px 0px !important;
  width: fit-content !important;
}
.emp-preview__frame {
  margin-top: 10px;
  height: calc(100% - 20px);
}
.emp-preview__frame--personal {
  margin-top: 10px;
  height: calc(100% - 140px);
}
.emp-preview__frame--data {
  height: calc(100% - 45px);
  overflow: auto;
}
.emp-preview__frame--docs {
  height: 100%;
  overflow: auto;
}
.emp-preview__frame--parent {
  display: flex;
}
.emp-preview__frame--parent .data-fetch-icon {
  margin-top: 10px;
}
.emp-preview__frame--parent-info {
  height: fit-content;
  column-count: 4;
  column-gap: 20px;
}
.emp-preview__frame--parent-info--image {
  height: 120px;
  margin-left: 20px;
}
.emp-preview__frame--parent-info--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}

.emp-preview__frame--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.emp-preview__frame--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.emp-preview__frame--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.emp-login-user {
  margin: 0px 20px;
  height: calc(100% - 175px);
}
.emp-login-user__modal {
  height: calc(100% - 40px);
}
.emp-login-user__select {
  column-gap: 10px;
}
.emp-login-user__select .MuiChip-label {
  font-family: "Josefin Sans" !important;
  font-size: 12px !important;
}
.emp-login-user__select .MuiChip-root {
  height: 20px !important;
}
.emp-login-user__select .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.emp-login-user__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.emp-login-user__button {
  display: flex;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.emp-login-user__tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.emp-login-user__table {
  max-height: 100%;
}
.emp-login-user__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.emp-login-user__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.emp-login-user__table td img:hover,
.emp-login-user__table td a:hover {
  cursor: pointer;
}
.emp-login-user__table tbody {
  background-color: var(--level-1);
}
.emp-login-user__table tbody tr:hover {
  background-color: var(--level-2);
}
.emp-login-user__table tbody tr:hover td {
  color: var(--level-7);
}
.emp-login-user__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.emp-login-user__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.emp-login-user__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-login-user__table--mobile {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-login-user__table--email {
  width: 12%;
}
.emp-login-user__table--actions {
  width: 4%;
}

.active-employee {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.active-employee__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.active-employee__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.active-employee__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.active-employee__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.active-employee__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.active-employee__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.active-employee__swipable {
  height: calc(100% - 45px);
}
.active-employee__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
}
.active-employee__move-to {
  height: 100%;
  margin: 0px 20px;
}
.active-employee__move-to--tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}

.payroll-masterdata {
  height: calc(100% - 170px);
  margin: 0px 20px 0px 20px;
}
.payroll-masterdata--organization {
  height: calc(100% - 35px);
}
.payroll-masterdata--modal {
  height: calc(100% - 35px);
}
.payroll-masterdata__frame {
  column-gap: 40px;
  margin-top: 10px;
  height: calc(100% - 50px);
}
.payroll-masterdata__frame .booktype-left,
.payroll-masterdata__frame .booktype-right {
  margin: 0px !important;
}
.payroll-masterdata__title {
  height: 30px;
  padding-left: 10px;
}
.payroll-masterdata__title #search {
  margin-top: 0px;
}
.payroll-masterdata__block {
  height: calc(100% - 40px);
  overflow-y: auto;
}
.payroll-masterdata__block .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.payroll-masterdata__block--table {
  max-height: 100%;
}
.payroll-masterdata__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-masterdata__block--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-masterdata__block--table td img:hover,
.payroll-masterdata__block--table td a:hover {
  cursor: pointer;
}
.payroll-masterdata__block--table tbody {
  background-color: var(--level-1);
}
.payroll-masterdata__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-masterdata__block--table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-masterdata__block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-masterdata__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payroll-masterdata__block--table {
  margin-top: 10px;
  height: calc(100% - 10px);
}
.payroll-masterdata__block--table--th-slno {
  width: 12%;
}
.payroll-masterdata__block--table--slno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payroll-masterdata__block--table--actions {
  width: 12%;
}
.payroll-masterdata__block--form-labels {
  margin-top: 15px !important;
}
.payroll-masterdata__block--academics {
  height: calc(100% - 40px);
}
.payroll-masterdata__block--academics--table {
  margin-top: 10px;
  height: calc(100% - 45px);
  max-height: 100%;
}
.payroll-masterdata__block--academics--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-masterdata__block--academics--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-masterdata__block--academics--table td img:hover,
.payroll-masterdata__block--academics--table td a:hover {
  cursor: pointer;
}
.payroll-masterdata__block--academics--table tbody {
  background-color: var(--level-1);
}
.payroll-masterdata__block--academics--table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-masterdata__block--academics--table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-masterdata__block--academics--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-masterdata__block--academics--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payroll-masterdata__block--academics--table--date {
  font-family: "Spline Sans Mono", monospace !important;
}
.payroll-masterdata__block--academics--table--slno {
  font-family: "Spline Sans Mono", monospace !important;
}
.payroll-masterdata__leave-ledger {
  height: calc(100% - 168px);
  margin: 0px 20px 0px 20px;
}
.payroll-masterdata__leave-ledger--tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.payroll-masterdata__leave-ledger--add .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.payroll-masterdata__leave-ledger--button {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.payroll-masterdata__leave-ledger-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.payroll-masterdata__leave-ledger-list--filters {
  margin-top: 10px;
  height: 40px;
}
.payroll-masterdata__leave-ledger-list--tableblock {
  height: calc(100% - 110px);
  margin-top: 10px;
}

.payroll-masterdata__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.payroll-masterdata__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.payroll-masterdata__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.salary-ledger {
  column-gap: 20px;
  margin: 0px 10px 0px 10px;
  height: calc(100% - 170px);
}
.salary-ledger__block {
  height: calc(100% - 50px);
  column-gap: 20px;
}
.salary-ledger__block--title {
  height: 30px;
}
.salary-ledger__block--title #search {
  margin-top: 0px;
}
.salary-ledger__block--data {
  height: calc(100% - 30px);
  overflow: auto;
}
.salary-ledger__block--data .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.salary-ledger__block--data .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.salary-ledger__block--data--table {
  max-height: 100%;
}
.salary-ledger__block--data--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-ledger__block--data--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-ledger__block--data--table td img:hover,
.salary-ledger__block--data--table td a:hover {
  cursor: pointer;
}
.salary-ledger__block--data--table tbody {
  background-color: var(--level-1);
}
.salary-ledger__block--data--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-ledger__block--data--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-ledger__block--data--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-ledger__block--data--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-ledger__block--data--table {
  margin-top: 10px;
  height: calc(100% - 55px);
}
.salary-ledger__buttons {
  margin: 10px 0px 0px 10px;
}

.salary-ledger__block--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.salary-ledger__block--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.salary-ledger__block--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.add-predefined-salary-ledger {
  height: calc(100% - 75px);
}
.add-predefined-salary-ledger__data {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.add-predefined-salary-ledger__data .booktype-right,
.add-predefined-salary-ledger__data .booktype-left {
  margin: 0px !important;
}
.add-predefined-salary-ledger__tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.add-predefined-salary-ledger__tableblock--swap-image {
  width: 60px;
  text-align: center;
  margin: auto;
}
.add-predefined-salary-ledger__tableblock--swap-image img {
  background-color: white;
  padding: 5px;
  width: 40px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.add-predefined-salary-ledger__tableblock--swap-image .opacity {
  opacity: 0.3;
}
.add-predefined-salary-ledger__salary-types {
  gap: 70px;
  margin-top: 10px;
}
.add-predefined-salary-ledger__salary-types .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.add-predefined-salary-ledger__table {
  max-height: 100%;
}
.add-predefined-salary-ledger__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.add-predefined-salary-ledger__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.add-predefined-salary-ledger__table td img:hover,
.add-predefined-salary-ledger__table td a:hover {
  cursor: pointer;
}
.add-predefined-salary-ledger__table tbody {
  background-color: var(--level-1);
}
.add-predefined-salary-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.add-predefined-salary-ledger__table tbody tr:hover td {
  color: var(--level-7);
}
.add-predefined-salary-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.add-predefined-salary-ledger__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.add-predefined-salary-ledger__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.add-predefined-salary-ledger__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.add-predefined-salary-ledger__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.add-predefined-salary-ledger__table {
  height: 100%;
}
.add-predefined-salary-ledger__table--checkbox {
  width: 8%;
}
.add-predefined-salary-ledger__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.add-predefined-salary-ledger__table--desc {
  width: 14%;
}
.add-predefined-salary-ledger__table--type {
  width: 10%;
}

.staff-management {
  margin: 0px 20px;
  height: calc(100% - 165px);
  position: relative;
  overflow: auto;
}
.staff-management__block {
  height: 100%;
  width: 480px;
  display: flex;
  flex-direction: column;
}
.staff-management__block .storybook-button {
  width: 100% !important;
}
.staff-management__block--timetable-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.staff-management__block--timetable-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.staff-management__block--timetable-card {
  height: calc(100% - 20px);
}
.staff-management__block--upper-card {
  margin-bottom: 10px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.staff-management__block--upper-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.staff-management__block--upper-card {
  height: 350px !important;
  padding: 0px !important;
}
.staff-management__block--lower-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.staff-management__block--lower-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.staff-management__block--lower-card {
  height: calc(100% - 380px) !important;
  padding: 0px !important;
}
.staff-management__channel {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.staff-management__channel--data {
  height: 100%;
}
.staff-management__channel--data-block {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: 100%;
  background-color: #f9fafb;
  padding: 5px;
  overflow: auto;
}

.staff-attendance-status {
  height: 100%;
  background: var(--bg-color);
}
.staff-attendance-status .teacher-dashboard__flex {
  height: 30px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.staff-attendance-status__data {
  height: calc(100% - 30px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 10px;
}
.staff-attendance-status__data--total {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.staff-attendance-status__data--total--count {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.staff-attendance-status__data--total--count span {
  font-family: "Josefin Sans" !important;
}
.staff-attendance-status__data--total--number {
  color: var(--level-6);
  font-family: "Spline Sans Mono", monospace !important;
}
.staff-attendance-status__data--graph {
  height: calc(100% - 160px);
}
.staff-attendance-status__data--graph .echarts-for-react {
  height: 100% !important;
}

.attendance-summary {
  height: 100%;
  background: var(--bg-color);
}
.attendance-summary .teacher-dashboard__flex {
  height: 40px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.attendance-summary .teacher-dashboard__flex--image {
  width: 200px !important;
}
.attendance-summary .teacher-dashboard__flex--mark img {
  height: 20px !important;
}
.attendance-summary__data {
  height: calc(100% - 30px);
  padding: 5px;
}
.attendance-summary__data .student-dashboard__attendance--month {
  margin-top: 0px !important;
}
.attendance-summary__data .student-dashboard__attendance--grid-container {
  height: calc(100% - 50px) !important;
}
.attendance-summary__data .student-dashboard__attendance--grid-container--day {
  font-size: 14px !important;
  height: 40px !important;
}

.leave-requests {
  height: 100%;
  background: var(--bg-color);
}
.leave-requests .teacher-dashboard__flex {
  height: 40px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.leave-requests__flex {
  display: flex;
  align-items: center;
  width: 220px;
  gap: 10px;
}
.leave-requests__flex--alert {
  height: 19px;
  width: 19px;
  border-radius: 50%;
  background-color: #fbbf24;
  color: var(--bg-color);
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
.leave-requests__data {
  height: calc(100% - 30px);
  overflow: auto;
  padding: 10px;
}
.leave-requests__data--appeal {
  height: 85px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.leave-requests__data--appeal--info {
  height: 100%;
  width: 300px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.leave-requests__data--appeal--info--image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.leave-requests__data--appeal--info--image img {
  height: 100%;
  width: 100%;
}
.leave-requests__data--appeal--info--image span {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}
.leave-requests__data--appeal--info--name-details {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: "Josefin Sans" !important;
}
.leave-requests__data--appeal--info--name-details b {
  font-size: 14px;
}
.leave-requests__data--appeal--info--name-details span {
  font-size: 12px;
  color: #94a3b8;
}
.leave-requests__data--appeal--info--name-details strong {
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  font-weight: 100;
  font-size: 12px;
}
.leave-requests__data--appeal--info--name-details--date {
  font-family: "Spline Sans Mono", monospace !important;
}
.leave-requests__data--appeal--info--name-details--date b {
  color: var(--level-6);
  font-size: 14px !important;
}
.leave-requests__data--appeal--buttons {
  display: flex;
  height: 100%;
  gap: 5px;
  align-items: center;
}
.leave-requests__data--appeal--buttons img {
  height: 30px;
  width: 30px;
}
.leave-requests__data--appeal:hover {
  background-color: var(--level-1);
}

.profile {
  height: 100%;
  background: var(--bg-color);
}
.profile .teacher-dashboard__flex {
  height: 40px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.profile .teacher-dashboard__flex--title {
  width: calc(100% - 90px) !important;
}
.profile__data {
  height: calc(100% - 30px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-family: "Josefin Sans" !important;
}
.profile__data--checkin-status {
  background-color: #f0fdf4;
  border-radius: 6px;
  padding: 0px 10px;
}
.profile__data--checkin-status span {
  color: #16a34a;
  font-weight: bold;
}
.profile__data--info {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 5px;
}
.profile__data--info img {
  height: 60px;
}
.profile__data--info--flex {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.profile__data--info--flex b {
  font-size: 18px;
}
.profile__data--info--flex span {
  color: #94a3b8;
}
.profile__data--signature {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.profile__data--signature span {
  color: var(--level-6);
}
.profile__data--signature--image {
  height: 30px;
  display: flex;
  gap: 10px;
}
.profile__data--signature--image img {
  height: 100%;
}
.profile__data--designation {
  display: flex;
  gap: 10px;
}
.profile__data--designation img {
  height: 30px;
}
.profile__data--buttons {
  display: flex;
  gap: 10px;
}

.signature {
  height: 100%;
}
.signature__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.signature__title img:hover {
  background-color: #f3f4f6;
}
.signature__block {
  height: calc(100% - 80px);
  margin-top: 10px;
  font-family: "Josefin Sans" !important;
}
.signature__block .Heading {
  font-size: 16px !important;
  display: flex;
  justify-content: flex-start !important;
}
.signature__block p {
  margin-top: 10px !important;
}
.signature__block--file, .signature__block--sign {
  margin-top: 10px;
  height: 120px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.signature__block--file img, .signature__block--sign img {
  height: 50px;
}
.signature__block--sign {
  height: 80px !important;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.signature__block--sign img {
  height: 30px;
}
.signature__block--sign--image {
  display: flex;
  gap: 20px;
}
.signature__block--sign--image img {
  height: 30px;
  width: 60px;
}

.stafflist {
  height: 100%;
}
.stafflist .teacher-dashboard__flex {
  height: 40px !important;
  padding: 5px;
}
.stafflist__filters {
  height: 40px;
  column-gap: 10px;
}
.stafflist__filters .storybook-input {
  margin-top: 0px !important;
}
.stafflist__list {
  height: calc(100% - 130px);
  overflow: auto;
  padding: 10px;
}
.stafflist__list .leave-requests__data--appeal {
  height: 50px !important;
}
.stafflist__list--button {
  display: flex;
  align-items: center;
}

.staff-birthday {
  height: 100%;
  background: var(--bg-color);
}
.staff-birthday .teacher-dashboard__flex {
  height: 30px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.staff-birthday__date {
  height: 55px;
  margin-top: 10px;
  padding: 0px 5px;
  display: flex;
  flex-direction: column;
}
.staff-birthday__date .subtitle1 {
  color: var(--level-6) !important;
}
.staff-birthday__date img {
  height: 30px;
  display: flex;
  align-items: center;
}
.staff-birthday__data {
  height: calc(100% - 100px);
  font-family: "Josefin Sans" !important;
  padding: 0px 5px;
}
.staff-birthday__data .birthday-list__data--list {
  height: calc(100% - 50px) !important;
  background-image: url("/assets/Birthday_Celebration_Gif-ZxtqBoT0.gif");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.staff-birthday__button {
  padding: 0px 5px;
}

.payroll-calendar {
  height: 100%;
  background: var(--bg-color);
}
.payroll-calendar .teacher-dashboard__flex {
  height: 30px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}

.announcements {
  height: 100%;
  background: var(--bg-color);
}
.announcements .student-dashboard__announcements--slider {
  width: calc(100% - 130px) !important;
}
.announcements .teacher-dashboard__flex {
  height: 30px !important;
  border-bottom: 1px solid var(--border-color);
  padding: 5px;
}
.announcements__block {
  height: calc(100% - 45px);
  padding: 10px;
  margin-top: 10px;
}

.attendance-mark {
  height: calc(100% - 130px);
}
.attendance-mark__block {
  margin-top: 10px;
  height: calc(100% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.attendance-mark__block--info {
  background-color: #334155;
  height: fit-content;
  width: calc(100% - 20px);
  border-radius: 6px;
  padding: 20px 10px;
}
.attendance-mark__block--info .Heading {
  color: var(--bg-color) !important;
}
.attendance-mark__block--info .storybook-button {
  width: 100% !important;
}
.attendance-mark__block--info--data {
  height: calc(100% - 40px);
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.attendance-mark__block--info--data b {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.attendance-mark__block--info--data span {
  color: #94a3b8;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-mark__block--info--time {
  display: flex;
  gap: 5px;
  height: 60px;
  margin: 10px 0px;
}
.attendance-mark__block--info--time span {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 50px;
  color: var(--bg-color);
}
.attendance-mark__block--info--day {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.attendance-mark__block--info--day span {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--bg-color);
}
.attendance-mark__block--info--logo {
  height: 50px;
  margin: 10px 0px;
}
.attendance-mark__block--info--logo img {
  height: 100%;
}
.attendance-mark__block--info--logo span {
  font-family: "Josefin Sans" !important;
  color: var(--bg-color);
  font-size: 20px;
}
.attendance-mark__block--info--bricks {
  margin: 10px 0px;
  height: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.attendance-mark__block--info--bricks--box {
  height: 100%;
  width: 120px;
  background-color: var(--bg-color);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  padding: 5px;
  justify-content: center;
}
.attendance-mark__block--info--bricks--box img {
  height: 30px;
}
.attendance-mark__block--info--bricks--box span {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  text-align: center;
}

.employee-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.employee-list .daily-activities__swipable {
  height: calc(100% - 50px) !important;
  margin-top: 10px;
}
.employee-list__tabpanel {
  height: calc(100% - 30px);
}
.employee-list__tabpanel--tabs {
  margin: 0px;
  display: flex;
  justify-content: center;
  height: 50px;
}
.employee-list__tabpanel--swipable {
  height: calc(100% - 50px);
}
.employee-list__tabs {
  height: 100%;
}
.employee-list__filters {
  height: 30px;
  column-gap: 10px;
}
.employee-list__filters .storybook-input {
  margin-top: 0px !important;
}
.employee-list__block {
  height: calc(100% - 90px);
  margin-top: 10px;
  overflow: auto;
}
.employee-list__block--grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}
.employee-list__block--card {
  height: 120px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: var(--level-2);
}
.employee-list__block--card b {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.employee-list__block--card span {
  color: #94a3b8;
  font-family: "Spline Sans Mono", monospace !important;
}
.employee-list__block--card--image {
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.employee-list__block--card--image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.employee-list__block--card--button {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.employee-list__block--card--button--assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.employee-list__block--card--button--assign img {
  width: 15px;
  margin-left: 10px;
}
.employee-list__block--card--button--remove {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #dc2626;
  color: #dc2626;
  font-size: 14px;
  background-color: var(--bg-color);
}
.employee-list__block--card--button--remove img {
  width: 15px;
  margin-left: 10px;
}
.employee-list__block--card--button--remove {
  background-color: #dc2626 !important;
  color: var(--bg-color) !important;
}
.employee-list__checkin, .employee-list__checkout {
  width: fit-content;
}
.employee-list__checkin span, .employee-list__checkout span {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: #16a34a;
}
.employee-list__checkout span {
  color: #dc2626;
}

.attendance-check-in {
  height: 100%;
}
.attendance-check-in__title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.attendance-check-in__title--close:hover {
  background-color: #f3f4f6;
}
.attendance-check-in__title--close {
  width: fit-content !important;
}
.attendance-check-in__profile {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--level-1);
}
.attendance-check-in__profile img {
  height: 50px;
}
.attendance-check-in__profile--name {
  display: flex;
  gap: 5px;
}
.attendance-check-in__profile--name b {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.attendance-check-in__profile--name span {
  height: 10px;
  border-radius: 50%;
  color: #22c55e;
}
.attendance-check-in__profile span {
  color: #94a3b8;
  font-family: "Spline Sans Mono", monospace !important;
}
.attendance-check-in__block {
  margin-top: 10px;
}
.attendance-check-in__block .storybook-input {
  text-align: center !important;
}
.attendance-check-in__block .subtitle2 {
  font-size: 18px !important;
}
.attendance-check-in__block--grids {
  margin-top: 10px;
  height: calc(100% - 45px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 5px;
  row-gap: 5px;
}
.attendance-check-in__block--grids--cards {
  height: 60px;
  width: 100%;
  padding: 15px 0;
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
  user-select: none;
  background-color: var(--disabled-color);
  color: var(--text-color);
}
.attendance-check-in__block--grids--cards.clear {
  background-color: #f97316;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.attendance-check-in__block--grids--cards.ok {
  background-color: #22c55e;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.attendance-check-in__block--grids--cards:hover {
  filter: brightness(0.95);
}
.attendance-check-in__success, .attendance-check-in__reject {
  height: 30px;
  text-align: center;
}
.attendance-check-in__success b, .attendance-check-in__reject b {
  color: #16a34a;
}
.attendance-check-in__reject b {
  color: #dc2626;
}
.attendance-check-in__checkout-modal {
  height: 100%;
}
.attendance-check-in__checkout-modal--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.attendance-check-in__checkout-modal--title--close:hover {
  background-color: #f3f4f6;
}
.attendance-check-in__checkout-modal--title--close {
  width: fit-content !important;
}
.attendance-check-in__checkout-modal--block {
  height: calc(100% - 80px);
}
.attendance-check-in__checkout-modal--block span {
  font-family: "Josefin Sans" !important;
}
.attendance-check-in__checkout-modal--buttons {
  display: flex;
  justify-content: flex-end;
}

.qrcode {
  height: 100%;
}
.qrcode__block {
  height: 350px;
  margin-top: 20px;
  padding: 20px;
}
.qrcode__block .subtitle2 {
  font-size: 18px !important;
}
.qrcode__block--code {
  margin-top: 10px;
  height: 100%;
  display: flex;
  justify-content: center;
}
.qrcode__block--code img {
  height: 100%;
}

.payroll-reports {
  height: calc(100% - 220px);
  margin: 10px 20px 0px 20px;
  display: flex;
  column-gap: 20px;
}
.payroll-reports__leftblock {
  width: 300px;
  height: 100%;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.25);
}
.payroll-reports__leftblock--table {
  max-height: 100%;
}
.payroll-reports__leftblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-reports__leftblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-reports__leftblock--table td img:hover,
.payroll-reports__leftblock--table td a:hover {
  cursor: pointer;
}
.payroll-reports__leftblock--table tbody {
  background-color: var(--level-1);
}
.payroll-reports__leftblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-reports__leftblock--table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-reports__leftblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-reports__leftblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payroll-reports__leftblock--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.payroll-reports__leftblock--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.payroll-reports__leftblock--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.payroll-reports__rightblock {
  height: 100%;
  width: calc(100% - 320px);
}
.payroll-reports__rightblock--details {
  column-gap: 10px;
}
.payroll-reports__rightblock--details #search {
  margin-top: 0px !important;
}
.payroll-reports__rightblock--data {
  margin-top: 8px;
  height: calc(100% - 40px);
  border: 1.8px dashed var(--border-color);
  padding: 10px;
}
.payroll-reports__rightblock--data--table {
  max-height: 100%;
}
.payroll-reports__rightblock--data--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-reports__rightblock--data--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-reports__rightblock--data--table td img:hover,
.payroll-reports__rightblock--data--table td a:hover {
  cursor: pointer;
}
.payroll-reports__rightblock--data--table tbody {
  background-color: var(--level-1);
}
.payroll-reports__rightblock--data--table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-reports__rightblock--data--table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-reports__rightblock--data--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-reports__rightblock--data--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payroll-reports__rightblock--data--table {
  margin-top: 10px;
  height: calc(100% - 35px);
}
.payroll-reports__rightblock--data--table th .MuiTableCell-root {
  border-bottom: none !important;
}
.payroll-reports__rightblock--data--table th td {
  text-align: center !important;
}
.payroll-reports__rightblock--data--table tr:hover td {
  background-color: var(--bg-color) !important;
  font-weight: bold !important;
}
.payroll-reports__rightblock--data--title {
  display: flex;
  justify-content: space-between;
}
.payroll-reports__payslip {
  height: calc(100% - 70px);
}
.payroll-reports__payslip--details {
  height: 130px;
  column-gap: 20px;
}
.payroll-reports__payslip--details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.payroll-reports__payslip--details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.payroll-reports__payslip--details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.payroll-reports__payslip--details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.payroll-reports__payslip--details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.payroll-reports__payslip--details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.payroll-reports__payslip--details--textfield {
  margin: 8px 0px 0px 0px !important;
}
.payroll-reports__payslip--details--options {
  padding-top: 10px;
  border-top: 1px dashed var(--border-color);
  height: 45px;
  column-gap: 10px;
}
.payroll-reports__payslip--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.payroll-reports__payslip--tableblock {
  margin-top: 10px;
  height: calc(100% - 180px);
}
.payroll-reports__payslip--tableblock--tables {
  column-gap: 30px;
  height: calc(100% - 80px);
}
.payroll-reports__payslip--tableblock--table {
  max-height: 100%;
}
.payroll-reports__payslip--tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-reports__payslip--tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-reports__payslip--tableblock--table td img:hover,
.payroll-reports__payslip--tableblock--table td a:hover {
  cursor: pointer;
}
.payroll-reports__payslip--tableblock--table tbody {
  background-color: var(--level-1);
}
.payroll-reports__payslip--tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-reports__payslip--tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-reports__payslip--tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-reports__payslip--tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payroll-reports__payslip--tableblock--table--groupheader th {
  font-size: 16px;
  font-weight: bold;
  background-color: var(--level-2);
  color: #000;
  height: 30px;
}
.payroll-reports__payslip--tableblock--table--groupheader th img {
  width: 20px;
  float: right;
  margin-right: 10px;
  filter: invert(0%);
}
.payroll-reports__payslip--tableblock--table--subheader th {
  top: 30px;
}
.payroll-reports__payslip--tableblock--table--amount {
  width: 132px;
}
.payroll-reports__payslip--tableblock--total, .payroll-reports__payslip--tableblock--grandtotal {
  height: 40px;
  column-gap: 30px;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--bg-color);
}
.payroll-reports__payslip--tableblock--total--label {
  display: flex;
  justify-content: flex-end;
}
.payroll-reports__payslip--tableblock--total--label span {
  height: 25px;
  font-family: "Spline Sans Mono", monospace !important;
  border-radius: 2px;
  text-align: right;
  font-size: 14px;
  width: 150px;
  border: 1px solid var(--border-color);
  padding-right: 10px;
}
.payroll-reports__payslip--tableblock--grandtotal {
  display: flex;
  justify-content: center;
}
.payroll-reports__payslip--tableblock--grandtotal span {
  background-color: #4ade80;
  height: 25px;
  font-family: "Spline Sans Mono", monospace !important;
  border-radius: 2px;
  text-align: right;
  font-size: 14px;
  width: 200px;
  border: 1px solid var(--border-color);
  padding-right: 10px;
}
.payroll-reports__payslip--salary-table {
  max-height: 100%;
}
.payroll-reports__payslip--salary-table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-reports__payslip--salary-table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-reports__payslip--salary-table td img:hover,
.payroll-reports__payslip--salary-table td a:hover {
  cursor: pointer;
}
.payroll-reports__payslip--salary-table tbody {
  background-color: var(--level-1);
}
.payroll-reports__payslip--salary-table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-reports__payslip--salary-table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-reports__payslip--salary-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-reports__payslip--salary-table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.salary-process {
  height: calc(100% - 170px);
  margin: 0px 20px 0px 20px;
}
.salary-process .subtitle1 {
  margin-top: 10px !important;
}
.salary-process__data {
  height: calc(100% - 50px);
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
.salary-process__data--left-block {
  width: 300px;
  border: 1px solid #edf2f7;
  height: 100%;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.salary-process__data--left-block ul {
  height: 100%;
}
.salary-process__data--left-block ul li {
  height: 48px;
  padding-left: 5px;
  color: var(--text-color);
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.salary-process__data--left-block ul li img {
  margin-right: 20px;
}
.salary-process__data--left-block ul .active li {
  background-color: var(--level-8) !important;
  height: 48px;
  padding-left: 5px;
  color: white !important;
}
.salary-process__data--left-block ul .active img {
  filter: invert(100%);
}
.salary-process__data--left-block--options {
  gap: 10px;
}
.salary-process__data--left-block--options .MuiAutocomplete-root {
  width: 100% !important;
}
.salary-process__data--right-block {
  width: calc(100% - 300px);
}
.salary-process__data--right-block--data {
  height: calc(100% - 40px);
}
.salary-process__data--right-block--data .subtitle1 {
  text-align: left;
}
.salary-process__select-month--table {
  max-height: 100%;
}
.salary-process__select-month--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__select-month--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__select-month--table td img:hover,
.salary-process__select-month--table td a:hover {
  cursor: pointer;
}
.salary-process__select-month--table tbody {
  background-color: var(--level-1);
}
.salary-process__select-month--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__select-month--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__select-month--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__select-month--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__select-month--table--th-number {
  width: 20%;
}
.salary-process__select-month--table--th-total {
  width: 15%;
}
.salary-process__select-month--table--total {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__select-month--table--month {
  width: 10%;
}
.salary-process__select-month--table--number {
  width: 20%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__select-month--table--completed-row {
  background-color: #f5f5f4 !important;
}
.salary-process__select-month--table th {
  height: 50px !important;
}
.salary-process__select-month--calender {
  height: calc(50% - 10px);
  margin-top: 10px;
}
.salary-process__select-emp--details {
  height: 40px;
  gap: 10px;
}
.salary-process__select-emp--details #search {
  margin-top: 0px;
}
.salary-process__select-emp--details--textfield {
  display: flex;
  justify-content: flex-end;
}
.salary-process__select-emp--details--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-process__select-emp--details--date .MuiInputBase-input {
  padding: 5px !important;
}
.salary-process__select-emp--details--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__select-emp--details--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-process__select-emp--details--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__select-emp--details--date .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-process__select-emp--tableblock {
  height: calc(100% - 90px);
}
.salary-process__select-emp--tableblock b {
  font-family: "Josefin Sans" !important;
}
.salary-process__select-emp--table {
  margin-top: 10px;
  max-height: 100%;
}
.salary-process__select-emp--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__select-emp--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__select-emp--table td img:hover,
.salary-process__select-emp--table td a:hover {
  cursor: pointer;
}
.salary-process__select-emp--table tbody {
  background-color: var(--level-1);
}
.salary-process__select-emp--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__select-emp--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__select-emp--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__select-emp--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__select-emp--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.salary-process__select-emp--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.salary-process__select-emp--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.salary-process__select-emp--table th {
  height: 50px;
}
.salary-process__select-emp--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__select-emp--table--th-slno {
  width: 6%;
}
.salary-process__select-emp--table--title {
  width: 4%;
}
.salary-process__select-emp--table--gender {
  width: 4%;
}
.salary-process__select-emp--table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__select-emp--table--th-date {
  width: 8%;
}
.salary-process__select-emp--table--desc {
  width: 10%;
}
.salary-process__select-emp--table--status {
  width: 4%;
}
.salary-process__select-emp--legends {
  display: flex;
  column-gap: 40px;
}
.salary-process__select-emp--added {
  height: calc(100% - 80px);
}
.salary-process__select-emp--added--details {
  height: 40px;
  gap: 10px;
  margin-top: 10px;
}
.salary-process__select-emp--added--details #search {
  margin-top: 0px;
}
.salary-process__select-emp--added .salary-process__select-emp--table {
  height: calc(100% - 50px);
}
.salary-process__emp-attendance--details, .salary-process__emp-attendance--details1 {
  height: 40px;
  gap: 10px;
}
.salary-process__emp-attendance--details #search, .salary-process__emp-attendance--details1 #search {
  margin-top: 0px;
}
.salary-process__emp-attendance--details--textfield {
  display: flex;
  justify-content: flex-end;
}
.salary-process__emp-attendance--details--table {
  height: 100%;
  max-height: 100%;
}
.salary-process__emp-attendance--details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__emp-attendance--details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__emp-attendance--details--table td img:hover,
.salary-process__emp-attendance--details--table td a:hover {
  cursor: pointer;
}
.salary-process__emp-attendance--details--table tbody {
  background-color: var(--level-1);
}
.salary-process__emp-attendance--details--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__emp-attendance--details--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__emp-attendance--details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__emp-attendance--details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__emp-attendance--details1 {
  margin-top: 17px;
}
.salary-process__emp-attendance--details1--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-process__emp-attendance--details1--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.salary-process__emp-attendance--details1--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__emp-attendance--details1--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-process__emp-attendance--details1--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__emp-attendance--details1--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-process__emp-attendance--table {
  height: calc(100% - 100px);
}
.salary-process__emp-attendance--table th .MuiTableCell-root {
  border-bottom: none !important;
}
.salary-process__emp-attendance--table th td {
  text-align: center !important;
}
.salary-process__emp-attendance--table tr:hover .salary-process__emp-attendance--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.salary-process__emp-attendance--table--number {
  font-family: "Spline Sans Mono", monospace !important;
  text-align: center !important;
  padding: 0px !important;
}
.salary-process__emp-attendance--leave-ledger {
  height: calc(100% - 30px);
}
.salary-process__emp-attendance--leave-ledger--details {
  height: 130px;
  gap: 20px;
  border-bottom: 2px dashed var(--border-color);
  padding-bottom: 5px;
}
.salary-process__emp-attendance--leave-ledger--details--image {
  height: 100%;
}
.salary-process__emp-attendance--leave-ledger--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.salary-process__emp-attendance--leave-ledger--details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-process__emp-attendance--leave-ledger--details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.salary-process__emp-attendance--leave-ledger--details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__emp-attendance--leave-ledger--details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-process__emp-attendance--leave-ledger--details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__emp-attendance--leave-ledger--details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-process__emp-attendance--leave-ledger--details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.salary-process__emp-attendance--leave-ledger--dates {
  margin-top: 10px;
  gap: 10px;
}
.salary-process__emp-attendance--leave-ledger--table {
  max-height: 100%;
}
.salary-process__emp-attendance--leave-ledger--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__emp-attendance--leave-ledger--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__emp-attendance--leave-ledger--table td img:hover,
.salary-process__emp-attendance--leave-ledger--table td a:hover {
  cursor: pointer;
}
.salary-process__emp-attendance--leave-ledger--table tbody {
  background-color: var(--level-1);
}
.salary-process__emp-attendance--leave-ledger--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__emp-attendance--leave-ledger--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__emp-attendance--leave-ledger--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__emp-attendance--leave-ledger--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__emp-attendance--leave-ledger--table--input {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.salary-process__emp-attendance--leave-ledger--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.salary-process__emp-attendance--leave-ledger--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.salary-process__emp-attendance--leave-ledger--table--input {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__emp-attendance--leave-ledger--table--input Input {
  background-color: var(--level-2) !important;
  text-align: center;
  border-style: none !important;
}
.salary-process__emp-attendance--leave-ledger--table--input Input:focus {
  background-color: var(--bg-color) !important;
}
.salary-process__emp-attendance--leave-ledger--table--th-input {
  width: 8%;
}
.salary-process__emp-attendance--leave-ledger--table--th-slno {
  width: 6%;
}
.salary-process__emp-attendance--leave-ledger--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__emp-attendance--leave-ledger--datablock {
  height: calc(100% - 40px);
  column-gap: 40px;
}
.salary-process__emp-attendance--leave-ledger--datablock--left {
  height: 100%;
}
.salary-process__emp-attendance--leave-ledger--datablock--right {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.salary-process__emp-attendance--leave-ledger--tableblock {
  margin-top: 10px;
  height: calc(100% - 220px);
}
.salary-process__emp-attendance--leave-ledger--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-process__emp-attendance--leave-ledger--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.salary-process__emp-attendance--leave-ledger--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__emp-attendance--leave-ledger--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-process__emp-attendance--leave-ledger--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__emp-attendance--leave-ledger--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-process__emp-attendance--leave-ledger--graph {
  height: 125px;
  display: flex;
  border-bottom: 1.8px dashed var(--border-color);
  gap: 20px;
}
.salary-process__emp-attendance--leave-ledger--graph .echarts-for-react {
  height: 100% !important;
}
.salary-process__emp-attendance--calendar {
  height: calc(100% - 130px);
  overflow: auto;
}
.salary-process__emp-attendance--calendar--grid-container {
  height: calc(100% - 45px);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto auto auto auto auto auto auto;
  /* Rows will adjust to fit content */
  gap: 10px;
}
.salary-process__emp-attendance--calendar--grid-container--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  height: 20px;
}
.salary-process__emp-attendance--calendar--grid-item, .salary-process__emp-attendance--calendar--grid-item--weekends, .salary-process__emp-attendance--calendar--grid-item--general-holidays, .salary-process__emp-attendance--calendar--grid-item--absent, .salary-process__emp-attendance--calendar--grid-item--present {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 55px;
}
.salary-process__emp-attendance--calendar--grid-item:hover, .salary-process__emp-attendance--calendar--grid-item--weekends:hover, .salary-process__emp-attendance--calendar--grid-item--general-holidays:hover, .salary-process__emp-attendance--calendar--grid-item--absent:hover, .salary-process__emp-attendance--calendar--grid-item--present:hover {
  background-color: var(--level-2);
}
.salary-process__emp-attendance--calendar--grid-item--date {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  padding-left: 5px;
}
.salary-process__emp-attendance--calendar--grid-item--font {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  width: fit-content;
  border-radius: 20px 0px 0px 0px;
  padding: 2px 8px;
  background-color: #f5f5f4;
  font-family: "Josefin Sans" !important;
  font-size: 17px;
}
.salary-process__emp-attendance--calendar--grid-item--number {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 17px;
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  width: fit-content;
  border-radius: 20px 0px 0px 0px;
  padding: 2px 8px;
  background-color: #f5f5f4;
}
.salary-process__emp-attendance--calendar--grid-item--disabled {
  background-color: var(--disabled-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 55px;
}
.salary-process__emp-attendance--calendar--grid-item--present {
  background-color: #4ade80 !important;
}
.salary-process__emp-attendance--calendar--grid-item--absent {
  background-color: #dc2626 !important;
}
.salary-process__emp-attendance--calendar--grid-item--general-holidays {
  border-left: 3px solid #dc2626 !important;
}
.salary-process__emp-attendance--calendar--grid-item--weekends {
  color: #dc2626;
  font-weight: 700;
}
.salary-process__confirm-salary--details {
  height: 50px;
  text-align: right;
}
.salary-process__confirm-salary--select {
  column-gap: 10px;
}
.salary-process__confirm-salary--select #search {
  margin-top: 0px !important;
}
.salary-process__confirm-salary--select--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-process__confirm-salary--select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.salary-process__confirm-salary--select--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__confirm-salary--select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-process__confirm-salary--select--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__confirm-salary--select--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-process__confirm-salary--tableblock {
  height: calc(100% - 50px);
}
.salary-process__confirm-salary--tableblock .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.salary-process__confirm-salary--tableblock th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.salary-process__confirm-salary--tableblock td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.salary-process__confirm-salary--table tr:hover .salary-process__confirm-salary--table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.salary-process__confirm-salary--salary-details--table {
  max-height: 100%;
}
.salary-process__confirm-salary--salary-details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__confirm-salary--salary-details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__confirm-salary--salary-details--table td img:hover,
.salary-process__confirm-salary--salary-details--table td a:hover {
  cursor: pointer;
}
.salary-process__confirm-salary--salary-details--table tbody {
  background-color: var(--level-1);
}
.salary-process__confirm-salary--salary-details--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__confirm-salary--salary-details--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__confirm-salary--salary-details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__confirm-salary--salary-details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__confirm-salary--salary-details--table {
  margin-top: 10px;
  height: calc(100% - 250px);
}
.salary-process__confirm-salary--salary-details--table--amount {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.salary-process__confirm-salary--salary-details--table--amount input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.salary-process__confirm-salary--salary-details--table--amount input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.salary-process__confirm-salary--salary-details--table--amount {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__confirm-salary--salary-details--table--amount Input {
  background-color: var(--level-2) !important;
  text-align: right;
  border-style: none !important;
}
.salary-process__confirm-salary--salary-details--table--amount Input:focus {
  background-color: var(--bg-color) !important;
}
.salary-process__confirm-salary--salary-details--table--th-input {
  width: 6%;
}
.salary-process__confirm-salary--salary-details--table--desc {
  width: 12%;
}
.salary-process__confirm-salary--salary-details--table tfoot td {
  border-style: none !important;
}
.salary-process__confirm-salary--salary-details--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-process__confirm-salary--salary-details--table--th-slno {
  width: 8%;
}
.salary-process__confirm-salary--emp-details {
  height: calc(100% - 75px);
}
.salary-process__confirm-salary--emp-details--tableblock {
  margin-top: 10px;
  column-gap: 40px;
  height: calc(100% - 190px);
}
.salary-process__confirm-salary--emp-details--table {
  max-height: 100%;
}
.salary-process__confirm-salary--emp-details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__confirm-salary--emp-details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__confirm-salary--emp-details--table td img:hover,
.salary-process__confirm-salary--emp-details--table td a:hover {
  cursor: pointer;
}
.salary-process__confirm-salary--emp-details--table tbody {
  background-color: var(--level-1);
}
.salary-process__confirm-salary--emp-details--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__confirm-salary--emp-details--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__confirm-salary--emp-details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__confirm-salary--emp-details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__confirm-salary--emp-details--table {
  height: calc(100% - 30px);
}
.salary-process__prov-salary--label {
  height: 40px;
}
.salary-process__prov-salary--label--textfield {
  margin: 10px 0px 0px 0px !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-process__prov-salary--label--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.salary-process__prov-salary--label--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__prov-salary--label--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-process__prov-salary--label--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-process__prov-salary--label--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-process__prov-salary--label--buttons {
  display: flex;
  gap: 20px;
}
.salary-process__prov-salary--label .Label {
  border: 1px solid var(--border-color);
  padding: 10px;
  margin-top: 0px;
}
.salary-process__prov-salary--label .active .Label {
  background-color: var(--level-7);
  color: white !important;
  padding: 10px;
  height: 40px;
  margin-top: 0px;
}
.salary-process__prov-salary--tableblock {
  max-height: 100%;
}
.salary-process__prov-salary--tableblock th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__prov-salary--tableblock td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__prov-salary--tableblock td img:hover,
.salary-process__prov-salary--tableblock td a:hover {
  cursor: pointer;
}
.salary-process__prov-salary--tableblock tbody {
  background-color: var(--level-1);
}
.salary-process__prov-salary--tableblock tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__prov-salary--tableblock tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__prov-salary--tableblock tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__prov-salary--tableblock tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__prov-salary--tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.salary-process__prov-salary--tableblock tr:hover .salary-process__prov-salary--table--name {
  background-color: var(--bg-color) !important;
  font-weight: bold !important;
}
.salary-process__prov-salary--details {
  margin-top: 10px;
  height: calc(100% - 50px);
  column-gap: 20px;
}
.salary-process__prov-salary--details--block {
  height: fit-content;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px 20px 5px 20px;
}
.salary-process__prov-salary--details--block:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.2), 0px 15px 40px rgba(0, 0, 0, 0.4);
}
.salary-process__prov-salary--details--block span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #22c55e;
  justify-content: center;
  display: flex;
  font-weight: bold;
}
.salary-process__prov-salary--details--block--image-flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.salary-process__prov-salary--details--block--image-flex span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  text-align: center !important;
  color: var(--text-color);
}
.salary-process__prov-salary--details--block--image-flex--block {
  display: flex;
  flex-direction: column;
}
.salary-process__prov-salary--table {
  max-height: 100%;
}
.salary-process__prov-salary--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-process__prov-salary--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-process__prov-salary--table td img:hover,
.salary-process__prov-salary--table td a:hover {
  cursor: pointer;
}
.salary-process__prov-salary--table tbody {
  background-color: var(--level-1);
}
.salary-process__prov-salary--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-process__prov-salary--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-process__prov-salary--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-process__prov-salary--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-process__close-salary--textfield {
  display: flex;
  justify-content: flex-end;
  height: 40px;
}
.salary-process__close-salary--details {
  margin-top: 10px;
  height: calc(100% - 50px);
  column-gap: 20px;
}
.salary-process__close-salary--details--block {
  height: 185px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px 20px 5px 20px;
}
.salary-process__close-salary--details--block:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.2), 0px 15px 40px rgba(0, 0, 0, 0.4);
}
.salary-process__close-salary--details--block span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #22c55e;
  justify-content: center;
  display: flex;
  font-weight: bold;
}
.salary-process__close-salary--details--block--image-flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.salary-process__close-salary--details--block--image-flex span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  text-align: center !important;
  color: var(--text-color);
}
.salary-process__close-salary--details--block--image-flex--block {
  display: flex;
  flex-direction: column;
}
.salary-process__close-salary--details--block--image-flex2 {
  display: flex;
  justify-content: space-between;
}
.salary-process__close-salary--details--block--image-flex2 img {
  margin: auto;
}
.salary-process__close-salary--details--block--image-flex2 span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: var(--text-color);
  margin: auto;
}
.salary-process__close-salary--details--block--image-flex3 {
  display: flex;
  justify-content: space-between;
}
.salary-process__close-salary--details--block--image-flex3 img {
  margin: auto;
}
.salary-process__close-salary--details--block--image-flex3 span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  color: #ef4444;
  margin: auto;
}
.salary-process__emp-attendance-status {
  height: 100%;
  padding: 0px 10px;
}
.salary-process__emp-attendance-status--title {
  display: flex;
  justify-content: space-between;
}
.salary-process__emp-attendance-status--select {
  margin-top: 10px;
}
.salary-process__emp-attendance-status .font-green,
.salary-process__emp-attendance-status .font-red {
  margin-left: 10px;
  font-family: "Josefin Sans" !important;
}

.salary-process__emp-attendance--calendar::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.salary-process__emp-attendance--calendar::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.salary-process__emp-attendance--calendar::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.assign-salary-structure {
  height: calc(100% - 175px);
  margin: 0px 20px 0px 20px;
}
.assign-salary-structure__details {
  height: 125px;
  column-gap: 20px;
  border-bottom: 2px dashed var(--border-color);
}
.assign-salary-structure__details .MuiAutocomplete-root {
  margin-top: 6px !important;
}
.assign-salary-structure__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.assign-salary-structure__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.assign-salary-structure__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-salary-structure__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.assign-salary-structure__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-salary-structure__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.assign-salary-structure__details--textfield {
  margin-top: 8px !important;
}
.assign-salary-structure__details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.assign-salary-structure__details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.assign-salary-structure__details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-salary-structure__details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.assign-salary-structure__details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-salary-structure__details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.assign-salary-structure__details--textfield--date {
  width: fit-content !important;
  margin-top: 8px !important;
}
.assign-salary-structure__details--select {
  margin-top: 10px;
}
.assign-salary-structure__details--imagefield {
  display: flex;
}
.assign-salary-structure__details--imagefield .data-fetch-icon {
  margin-top: 8px;
}
.assign-salary-structure__details--image {
  height: 120px;
}
.assign-salary-structure__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.assign-salary-structure__datablock {
  height: calc(100% - 170px);
  margin-top: 10px;
}
.assign-salary-structure__tableblock {
  height: calc(100% - 35px);
  margin-top: 10px;
}
.assign-salary-structure__table {
  max-height: 100%;
}
.assign-salary-structure__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-salary-structure__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-salary-structure__table td img:hover,
.assign-salary-structure__table td a:hover {
  cursor: pointer;
}
.assign-salary-structure__table tbody {
  background-color: var(--level-1);
}
.assign-salary-structure__table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-salary-structure__table tbody tr:hover td {
  color: var(--level-7);
}
.assign-salary-structure__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-salary-structure__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-salary-structure__table {
  padding-top: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
}
.assign-salary-structure__table input {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.assign-salary-structure__table input:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
}
.assign-salary-structure__table--th-slno {
  width: 4%;
}
.assign-salary-structure__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-salary-structure__table--desc {
  width: 12%;
}
.assign-salary-structure__table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.assign-salary-structure__table--th-amount {
  width: 10%;
}
.assign-salary-structure__table--actions {
  width: 3%;
}
.assign-salary-structure__table tfoot td {
  border-style: none !important;
}
.assign-salary-structure__table Input {
  text-align: right;
  padding-right: 5px;
  margin: 0px !important;
  background-color: var(--level-2);
}
.assign-salary-structure__table Input:focus {
  background-color: var(--bg-color);
}
.assign-salary-structure__edit-rule {
  margin-top: 10px;
  height: calc(100% - 80px);
}
.assign-salary-structure__edit-rule--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.assign-salary-structure__textfield {
  width: 100%;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.assign-salary-structure__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.assign-salary-structure__textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-salary-structure__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.assign-salary-structure__textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-salary-structure__textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.assign-salary-structure__textfield input {
  text-align: right;
  font-weight: 400 !important;
}
.assign-salary-structure__textfield input:disabled {
  font-weight: 700 !important;
}

.assign-salary-structure__table::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.assign-salary-structure__table::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.assign-salary-structure__table::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.salary-structure {
  height: calc(100% - 175px);
  margin: 10px 20px 0px 20px;
}
.salary-structure__frame {
  column-gap: 30px;
  height: calc(100% - 45px);
}
.salary-structure__frame--leftblock--datablock {
  height: 40px;
}
.salary-structure__frame--leftblock--datablock--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 0.2fr;
  column-gap: 5px;
}
.salary-structure__frame--leftblock--datablock--label-grid Input {
  margin-top: 0px;
}
.salary-structure__frame--leftblock--datablock--label-grid .Label {
  margin-top: 0px;
}
.salary-structure__frame--leftblock--datablock--image {
  margin-top: -5px;
}
.salary-structure__frame--leftblock--tableblock {
  height: calc(100% - 130px);
  padding: 5px;
  border: 1px solid var(--border-color);
}
.salary-structure__frame--leftblock--tableblock--textfield {
  text-align: center;
}
.salary-structure__frame--leftblock--tableblock--table {
  max-height: 100%;
}
.salary-structure__frame--leftblock--tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-structure__frame--leftblock--tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-structure__frame--leftblock--tableblock--table td img:hover,
.salary-structure__frame--leftblock--tableblock--table td a:hover {
  cursor: pointer;
}
.salary-structure__frame--leftblock--tableblock--table tbody {
  background-color: var(--level-1);
}
.salary-structure__frame--leftblock--tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-structure__frame--leftblock--tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-structure__frame--leftblock--tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-structure__frame--leftblock--tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-structure__frame--leftblock--tableblock--table {
  margin-top: 10px;
  height: calc(100% - 80px);
  padding: 5px;
}
.salary-structure__frame--leftblock--tableblock--table tfoot tr td {
  border-style: none !important;
}
.salary-structure__frame--leftblock--tableblock--table .totalcount,
.salary-structure__frame--leftblock--tableblock--table .balance-count {
  border-bottom: 1px solid var(--border-color) !important;
}
.salary-structure__frame--leftblock--tableblock--table--amount {
  width: 25%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-structure__frame--leftblock--tableblock--table--th-amount {
  width: 25%;
}
.salary-structure__frame--leftblock--selectblock {
  margin-top: 10px;
  padding: 10px;
  height: 80px;
  border: 1px solid var(--border-color);
}
.salary-structure__frame--leftblock--selectblock--autocomplete {
  column-gap: 10px;
}
.salary-structure__frame--leftblock--amount {
  background: #fef3c7 !important;
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.salary-structure__frame--leftblock--amount .MuiInputBase-input {
  padding: 5px !important;
}
.salary-structure__frame--leftblock--amount input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-structure__frame--leftblock--amount label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.salary-structure__frame--leftblock--amount .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.salary-structure__frame--leftblock--amount .MuiInputBase-input {
  height: 1.3em !important;
}
.salary-structure__frame--leftblock--amount input {
  text-align: right !important;
  font-weight: 400 !important;
}
.salary-structure__frame--leftblock--form-labels .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.salary-structure__frame--leftblock--form-labels .MuiTypography-root {
  color: var(--level-7) !important;
  font-weight: 700 !important;
}
.salary-structure__frame--rightblock {
  padding: 5px;
  border: 1px solid var(--border-color);
}
.salary-structure__frame--rightblock--tableblock {
  height: calc(50% - 10px);
}
.salary-structure__frame--rightblock--tableblock__choose_ledger {
  height: calc(100% - 75px) !important;
}
.salary-structure__frame--rightblock--tableblock--table, .salary-structure__frame--rightblock--tableblock__choose_ledger {
  max-height: 100%;
}
.salary-structure__frame--rightblock--tableblock--table th, .salary-structure__frame--rightblock--tableblock__choose_ledger th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-structure__frame--rightblock--tableblock--table td, .salary-structure__frame--rightblock--tableblock__choose_ledger td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-structure__frame--rightblock--tableblock--table td img:hover, .salary-structure__frame--rightblock--tableblock__choose_ledger td img:hover,
.salary-structure__frame--rightblock--tableblock--table td a:hover,
.salary-structure__frame--rightblock--tableblock__choose_ledger td a:hover {
  cursor: pointer;
}
.salary-structure__frame--rightblock--tableblock--table tbody, .salary-structure__frame--rightblock--tableblock__choose_ledger tbody {
  background-color: var(--level-1);
}
.salary-structure__frame--rightblock--tableblock--table tbody tr:hover, .salary-structure__frame--rightblock--tableblock__choose_ledger tbody tr:hover {
  background-color: var(--level-2);
}
.salary-structure__frame--rightblock--tableblock--table tbody tr:hover td, .salary-structure__frame--rightblock--tableblock__choose_ledger tbody tr:hover td {
  color: var(--level-7);
}
.salary-structure__frame--rightblock--tableblock--table tfoot, .salary-structure__frame--rightblock--tableblock__choose_ledger tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-structure__frame--rightblock--tableblock--table tfoot td, .salary-structure__frame--rightblock--tableblock__choose_ledger tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-structure__frame--rightblock--tableblock--table .css-1q1u3t4-MuiTableRow-root.Mui-selected, .salary-structure__frame--rightblock--tableblock__choose_ledger .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.salary-structure__frame--rightblock--tableblock--table th .MuiSvgIcon-root, .salary-structure__frame--rightblock--tableblock__choose_ledger th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.salary-structure__frame--rightblock--tableblock--table td .MuiSvgIcon-root, .salary-structure__frame--rightblock--tableblock__choose_ledger td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.salary-structure__frame--rightblock--tableblock--table .MuiAutocomplete-root, .salary-structure__frame--rightblock--tableblock__choose_ledger .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.salary-structure__frame--rightblock--tableblock--table .MuiFormControl-root, .salary-structure__frame--rightblock--tableblock__choose_ledger .MuiFormControl-root {
  margin-top: 0px !important;
}
.salary-structure__frame--rightblock--tableblock--table .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline, .salary-structure__frame--rightblock--tableblock__choose_ledger .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.salary-structure__frame--rightblock--tableblock--table .Mui-disabled .MuiOutlinedInput-notchedOutline, .salary-structure__frame--rightblock--tableblock__choose_ledger .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.salary-structure__frame--rightblock--tableblock--table .MuiInputBase-root .Mui-disabled, .salary-structure__frame--rightblock--tableblock__choose_ledger .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.salary-structure__frame--rightblock--tableblock--table, .salary-structure__frame--rightblock--tableblock__choose_ledger {
  height: calc(100% - 30px);
}
.salary-structure__frame--rightblock--tableblock--table .MuiAutocomplete-root, .salary-structure__frame--rightblock--tableblock__choose_ledger .MuiAutocomplete-root,
.salary-structure__frame--rightblock--tableblock--table .auto-complete:focus,
.salary-structure__frame--rightblock--tableblock__choose_ledger .auto-complete:focus {
  background-color: var(--bg-color) !important;
  padding: 0px !important;
  border-style: none !important;
}
.salary-structure__frame--rightblock--tableblock--table Input, .salary-structure__frame--rightblock--tableblock__choose_ledger Input {
  border-style: none;
  margin-top: 0px;
}
.salary-structure__frame--rightblock--tableblock--table tbody, .salary-structure__frame--rightblock--tableblock__choose_ledger tbody {
  background-color: var(--level-1);
}
.salary-structure__frame--rightblock--tableblock--table tbody tr:hover, .salary-structure__frame--rightblock--tableblock__choose_ledger tbody tr:hover {
  background-color: var(--level-1);
}
.salary-structure__frame--rightblock--tableblock--table tbody tr:hover td, .salary-structure__frame--rightblock--tableblock__choose_ledger tbody tr:hover td {
  color: var(--level-7);
}
.salary-structure__frame--rightblock--tableblock--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-structure__frame--rightblock--tableblock--table--actions {
  width: 10%;
}
.salary-structure__frame--rightblock--tableblock--table--input {
  padding-top: 0px !important;
}
.salary-structure__frame--rightblock--tableblock--table--input Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.salary-structure__frame--rightblock--tableblock--table--input Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.salary-structure__frame--rightblock--tableblock--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.salary-structure__frame--rightblock--tableblock--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.salary-structure__frame--rightblock--tableblock--table--input {
  width: 12%;
}
.salary-structure__frame--rightblock--tableblock--table--input input {
  width: 100%;
}
.salary-structure__frame--rightblock--tableblock--table--select {
  width: 18%;
}
.salary-structure__frame--rightblock--tableblock--table--deduction {
  width: 28%;
}
.salary-structure__frame--rightblock--title {
  display: flex;
  justify-content: flex-start;
}
.salary-structure__choose-ledger {
  column-gap: 40px;
  height: calc(100% - 79px);
  margin-top: 10px;
}
.salary-structure__choose-ledger--table {
  max-height: 100%;
}
.salary-structure__choose-ledger--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-structure__choose-ledger--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-structure__choose-ledger--table td img:hover,
.salary-structure__choose-ledger--table td a:hover {
  cursor: pointer;
}
.salary-structure__choose-ledger--table tbody {
  background-color: var(--level-1);
}
.salary-structure__choose-ledger--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-structure__choose-ledger--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-structure__choose-ledger--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-structure__choose-ledger--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-structure__choose-ledger--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.salary-structure__choose-ledger--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.salary-structure__choose-ledger--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.salary-structure__additional-payments {
  height: calc(100% - 140px);
}
.salary-structure__additional-payments--table {
  max-height: 100%;
}
.salary-structure__additional-payments--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.salary-structure__additional-payments--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.salary-structure__additional-payments--table td img:hover,
.salary-structure__additional-payments--table td a:hover {
  cursor: pointer;
}
.salary-structure__additional-payments--table tbody {
  background-color: var(--level-1);
}
.salary-structure__additional-payments--table tbody tr:hover {
  background-color: var(--level-2);
}
.salary-structure__additional-payments--table tbody tr:hover td {
  color: var(--level-7);
}
.salary-structure__additional-payments--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.salary-structure__additional-payments--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.salary-structure__additional-payments--table .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.salary-structure__additional-payments--table .MuiFormControl-root {
  margin-top: 0px !important;
}
.salary-structure__additional-payments--table .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.salary-structure__additional-payments--table .Mui-disabled .MuiOutlinedInput-notchedOutline {
  background: hsl(55, 79%, 94%) !important;
}
.salary-structure__additional-payments--table .MuiInputBase-root .Mui-disabled {
  background: hsl(55, 79%, 94%) !important;
}
.salary-structure__additional-payments--table .MuiAutocomplete-root,
.salary-structure__additional-payments--table .auto-complete:focus {
  background-color: var(--bg-color) !important;
  padding: 0px !important;
  border-style: none !important;
}
.salary-structure__additional-payments--table Input {
  border-style: none;
  margin-top: 0px;
}
.salary-structure__additional-payments--table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.salary-structure__additional-payments--table--input {
  padding-top: 0px !important;
}
.salary-structure__additional-payments--table--input Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.salary-structure__additional-payments--table--input Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.salary-structure__additional-payments--table--input input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.salary-structure__additional-payments--table--input input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.salary-structure__additional-payments--table--input {
  width: 30%;
}
.salary-structure__additional-payments--table--input input {
  width: 100%;
  height: 30px;
}
.salary-structure__additional-payments--autocomplete {
  column-gap: 10px;
}
.salary-structure__additional-payments--deduction {
  height: calc(100% - 170px);
}

.assign-sal-structure-for-grp {
  height: calc(100% - 95px);
  margin: 10px 20px 0px 20px;
}
.assign-sal-structure-for-grp__select {
  column-gap: 10px;
}
.assign-sal-structure-for-grp__tableblock {
  height: calc(100% - 80px);
}
.assign-sal-structure-for-grp__tableblock--employee {
  height: calc(50% - 35px);
  margin-top: 10px;
}
.assign-sal-structure-for-grp__tableblock--salary {
  height: calc(50% - 55px);
  margin-top: 10px;
}
.assign-sal-structure-for-grp__emp-table {
  max-height: 100%;
}
.assign-sal-structure-for-grp__emp-table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-sal-structure-for-grp__emp-table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-sal-structure-for-grp__emp-table td img:hover,
.assign-sal-structure-for-grp__emp-table td a:hover {
  cursor: pointer;
}
.assign-sal-structure-for-grp__emp-table tbody {
  background-color: var(--level-1);
}
.assign-sal-structure-for-grp__emp-table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-sal-structure-for-grp__emp-table tbody tr:hover td {
  color: var(--level-7);
}
.assign-sal-structure-for-grp__emp-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-sal-structure-for-grp__emp-table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-sal-structure-for-grp__emp-table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.assign-sal-structure-for-grp__emp-table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.assign-sal-structure-for-grp__emp-table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.assign-sal-structure-for-grp__emp-table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-sal-structure-for-grp__emp-table--th-slno {
  width: 4%;
}
.assign-sal-structure-for-grp__emp-table--empid {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-sal-structure-for-grp__emp-table--th-empid {
  width: 10%;
}
.assign-sal-structure-for-grp__emp-table--status {
  width: 10%;
}
.assign-sal-structure-for-grp__emp-table--degn {
  width: 12%;
}
.assign-sal-structure-for-grp__salary-table {
  max-height: 100%;
}
.assign-sal-structure-for-grp__salary-table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-sal-structure-for-grp__salary-table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-sal-structure-for-grp__salary-table td img:hover,
.assign-sal-structure-for-grp__salary-table td a:hover {
  cursor: pointer;
}
.assign-sal-structure-for-grp__salary-table tbody {
  background-color: var(--level-1);
}
.assign-sal-structure-for-grp__salary-table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-sal-structure-for-grp__salary-table tbody tr:hover td {
  color: var(--level-7);
}
.assign-sal-structure-for-grp__salary-table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-sal-structure-for-grp__salary-table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-sal-structure-for-grp__salary-table--amount {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-sal-structure-for-grp__salary-table--th-amount {
  width: 12%;
}
.assign-sal-structure-for-grp__salary-table--desc {
  width: 12%;
}
.assign-sal-structure-for-grp__view {
  height: calc(100% - 80px);
  display: flex;
  gap: 30px;
  margin-top: 10px;
}
.assign-sal-structure-for-grp__view--leftblock {
  width: 250px;
  border: 1px solid #edf2f7;
  height: 100%;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.assign-sal-structure-for-grp__view--leftblock--table {
  max-height: 100%;
}
.assign-sal-structure-for-grp__view--leftblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-sal-structure-for-grp__view--leftblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-sal-structure-for-grp__view--leftblock--table td img:hover,
.assign-sal-structure-for-grp__view--leftblock--table td a:hover {
  cursor: pointer;
}
.assign-sal-structure-for-grp__view--leftblock--table tbody {
  background-color: var(--level-1);
}
.assign-sal-structure-for-grp__view--leftblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-sal-structure-for-grp__view--leftblock--table tbody tr:hover td {
  color: var(--level-7);
}
.assign-sal-structure-for-grp__view--leftblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-sal-structure-for-grp__view--leftblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-sal-structure-for-grp__view--rightblock {
  height: 100%;
  width: calc(100% - 250px);
}
.assign-sal-structure-for-grp__view--rightblock--select {
  column-gap: 10px;
}
.assign-sal-structure-for-grp__view--tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.assign-sal-structure-for-grp__view--table {
  max-height: 100%;
}
.assign-sal-structure-for-grp__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-sal-structure-for-grp__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-sal-structure-for-grp__view--table td img:hover,
.assign-sal-structure-for-grp__view--table td a:hover {
  cursor: pointer;
}
.assign-sal-structure-for-grp__view--table tbody {
  background-color: var(--level-1);
}
.assign-sal-structure-for-grp__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-sal-structure-for-grp__view--table tbody tr:hover td {
  color: var(--level-7);
}
.assign-sal-structure-for-grp__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-sal-structure-for-grp__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-sal-structure-for-grp__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-sal-structure-for-grp__view--table--slno {
  width: 4%;
}
.assign-sal-structure-for-grp__view--table--empid {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-sal-structure-for-grp__view--table--th-empid {
  width: 10%;
}
.assign-sal-structure-for-grp__view--table--gender {
  width: 8%;
}
.assign-sal-structure-for-grp__view--table--degn {
  width: 14%;
}
.assign-sal-structure-for-grp__view--table--qualification {
  width: 8%;
}
.assign-sal-structure-for-grp__view--table--status {
  width: 6%;
}

.payroll-import-masterdata {
  height: 100%;
}
.payroll-import-masterdata__datablock {
  margin-top: 10px;
  height: calc(100% - 80px);
}
.payroll-import-masterdata__datablock b {
  font-family: "Josefin Sans" !important;
  font-size: 18px;
}
.payroll-import-masterdata__tableblock {
  height: calc(100% - 42px);
}
.payroll-import-masterdata__table {
  max-height: 100%;
}
.payroll-import-masterdata__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.payroll-import-masterdata__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.payroll-import-masterdata__table td img:hover,
.payroll-import-masterdata__table td a:hover {
  cursor: pointer;
}
.payroll-import-masterdata__table tbody {
  background-color: var(--level-1);
}
.payroll-import-masterdata__table tbody tr:hover {
  background-color: var(--level-2);
}
.payroll-import-masterdata__table tbody tr:hover td {
  color: var(--level-7);
}
.payroll-import-masterdata__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.payroll-import-masterdata__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.payroll-import-masterdata__table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.payroll-import-masterdata__total {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.payroll-import-masterdata__total--count {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: 5px;
}

.add-predefined-leave-ledger {
  height: calc(100% - 75px);
}
.add-predefined-leave-ledger__data {
  margin-top: 10px;
  height: calc(100% - 10px);
}
.add-predefined-leave-ledger__data .booktype-right,
.add-predefined-leave-ledger__data .booktype-left {
  margin: 0px !important;
}
.add-predefined-leave-ledger__tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.add-predefined-leave-ledger__tableblock--swap-image {
  width: 60px;
  text-align: center;
  margin: auto;
}
.add-predefined-leave-ledger__tableblock--swap-image img {
  background-color: white;
  padding: 5px;
  width: 40px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 50%;
}
.add-predefined-leave-ledger__tableblock--swap-image .opacity {
  opacity: 0.3;
}
.add-predefined-leave-ledger__salary-types {
  gap: 70px;
  margin-top: 10px;
}
.add-predefined-leave-ledger__salary-types .MuiFormControlLabel-root {
  display: flex !important;
  width: calc(100% - 10px) !important;
  justify-content: space-between !important;
  margin-top: 10px;
  margin-left: 5px !important;
}
.add-predefined-leave-ledger__table {
  max-height: 100%;
}
.add-predefined-leave-ledger__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.add-predefined-leave-ledger__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.add-predefined-leave-ledger__table td img:hover,
.add-predefined-leave-ledger__table td a:hover {
  cursor: pointer;
}
.add-predefined-leave-ledger__table tbody {
  background-color: var(--level-1);
}
.add-predefined-leave-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.add-predefined-leave-ledger__table tbody tr:hover td {
  color: var(--level-7);
}
.add-predefined-leave-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.add-predefined-leave-ledger__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.add-predefined-leave-ledger__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.add-predefined-leave-ledger__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.add-predefined-leave-ledger__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.add-predefined-leave-ledger__table {
  height: 100%;
}
.add-predefined-leave-ledger__table--checkbox {
  width: 8%;
}
.add-predefined-leave-ledger__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.add-predefined-leave-ledger__table--desc {
  width: 14%;
}
.add-predefined-leave-ledger__table--type {
  width: 10%;
}

.view-default-leave-ledger {
  height: calc(100% - 40px);
}

.assign-default-leave-ledger {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-default-leave-ledger__filters {
  margin-top: 10px;
  height: 130px;
}
.assign-default-leave-ledger__filters .account-frames {
  margin: 0px !important;
}
.assign-default-leave-ledger__table {
  margin-top: 10px;
  height: calc(100% - 200px);
  overflow: auto;
}

.emp-attendance-overview {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.emp-attendance-overview .MuiDrawer-paperAnchorRight {
  top: 95px !important;
  bottom: 0px !important;
  width: 30% !important;
  border-radius: 6px 0px;
}
.emp-attendance-overview__data {
  height: calc(100% - 55px);
  column-gap: 40px;
  margin-top: 10px;
}
.emp-attendance-overview__blocks {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 20px;
}
.emp-attendance-overview__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.emp-attendance-overview__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.emp-attendance-overview__blocks--cards {
  height: 70px;
}
.emp-attendance-overview__blocks--cards b {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.emp-attendance-overview__blocks--cards--present {
  color: #86efac;
}
.emp-attendance-overview__blocks--cards--absent {
  color: #f87171;
}
.emp-attendance-overview__tableblock {
  height: calc(100% - 60px);
  margin-top: 10px;
}
.emp-attendance-overview__table {
  max-height: 100%;
}
.emp-attendance-overview__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.emp-attendance-overview__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.emp-attendance-overview__table td img:hover,
.emp-attendance-overview__table td a:hover {
  cursor: pointer;
}
.emp-attendance-overview__table tbody {
  background-color: var(--level-1);
}
.emp-attendance-overview__table tbody tr:hover {
  background-color: var(--level-2);
}
.emp-attendance-overview__table tbody tr:hover td {
  color: var(--level-7);
}
.emp-attendance-overview__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.emp-attendance-overview__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.emp-attendance-overview__table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-attendance-overview__table--admno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-attendance-overview__table--regno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-attendance-overview__table--status {
  width: 10%;
}
.emp-attendance-overview__table tr:hover .attendance-overview__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.emp-attendance-overview__date {
  margin-top: 10px;
}
.emp-attendance-overview__rightblock {
  height: 100%;
}
.emp-attendance-overview__rightblock--date {
  height: 110px;
  display: flex;
  justify-content: flex-end;
  margin-right: 0px !important;
}
.emp-attendance-overview__rightblock--buttons {
  display: flex;
  justify-content: flex-end;
  margin-right: 0px !important;
}
.emp-attendance-overview__rightblock--buttons .storybook-button {
  margin: 10px 0px 0px 0px !important;
}
.emp-attendance-overview__rightblock--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-attendance-overview__rightblock--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-attendance-overview__rightblock--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-attendance-overview__rightblock--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-attendance-overview__rightblock--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-attendance-overview__rightblock--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-attendance-overview__rightblock--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-attendance-overview__rightblock--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.emp-attendance-overview__rightblock--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-attendance-overview__rightblock--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-attendance-overview__rightblock--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-attendance-overview__rightblock--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-attendance-overview__rightblock--textfield--date {
  width: fit-content !important;
}
.emp-attendance-overview__monthly-overview {
  height: 100%;
}
.emp-attendance-overview__monthly-overview span {
  font-family: "Josefin Sans" !important;
}
.emp-attendance-overview__monthly-overview--date {
  display: flex;
  justify-content: space-between;
  height: 35px;
}
.emp-attendance-overview__monthly-overview--date Button {
  margin-top: 0px;
}
.emp-attendance-overview__monthly-overview--calendar {
  height: calc(100% - 375px);
  margin-top: 10px;
}
.emp-attendance-overview__monthly-overview--calendar--grid-container {
  height: calc(100% - 45px);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 30px 30px 30px 30px 30px 30px;
  /* Rows will adjust to fit content */
  gap: 5px;
}
.emp-attendance-overview__monthly-overview--calendar--grid-container--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  height: 20px;
}
.emp-attendance-overview__monthly-overview--calendar--grid-item {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 30px;
  text-align: center;
}
.emp-attendance-overview__monthly-overview--calendar--grid-item:hover {
  background-color: var(--level-2);
}
.emp-attendance-overview__monthly-overview--calendar--grid-item--date {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  padding-left: 5px;
}
.emp-attendance-overview__monthly-overview--calendar--grid-item--disabled {
  background-color: var(--disabled-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 55px;
}
.emp-attendance-overview__monthly-overview--calendar--legends li {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.emp-attendance-overview__monthly-overview--calendar--legends--grid-item {
  width: 35px;
  height: 30px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-attendance-overview__monthly-overview--calendar--legends span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.emp-attendance-overview__monthly-overview--calendar--legends {
  border-top: 1.8px dashed var(--border-color);
  padding-top: 10px;
  height: 230px;
  overflow: auto;
}
.emp-attendance-overview__monthly-overview--calendar--li {
  display: flex;
}
.emp-attendance-overview__absenties-list {
  height: 100%;
}
.emp-attendance-overview__absenties-list--title {
  margin-top: 10px;
}
.emp-attendance-overview__absenties-list--tableblock {
  height: calc(100% - 135px);
  margin-top: 10px;
}
.emp-attendance-overview__absenties-list--table {
  max-height: 100%;
}
.emp-attendance-overview__absenties-list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.emp-attendance-overview__absenties-list--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.emp-attendance-overview__absenties-list--table td img:hover,
.emp-attendance-overview__absenties-list--table td a:hover {
  cursor: pointer;
}
.emp-attendance-overview__absenties-list--table tbody {
  background-color: var(--level-1);
}
.emp-attendance-overview__absenties-list--table tbody tr:hover {
  background-color: var(--level-2);
}
.emp-attendance-overview__absenties-list--table tbody tr:hover td {
  color: var(--level-7);
}
.emp-attendance-overview__absenties-list--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.emp-attendance-overview__absenties-list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.emp-attendance-overview__absenties-list--table tbody {
  background-color: var(--bg-color) !important;
}
.emp-attendance-overview__absenties-list--table tbody td {
  color: #f87171 !important;
  font-weight: 700;
}
.emp-attendance-overview__absenties-list--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-attendance-overview__absenties-list--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-attendance-overview__absenties-list--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-attendance-overview__absenties-list--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-attendance-overview__absenties-list--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-attendance-overview__absenties-list--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-attendance-overview__student-attendance {
  height: 100%;
  padding: 10px;
}
.emp-attendance-overview__student-attendance--details {
  height: 100px;
  border: 1.8px dashed var(--border-color);
}
.emp-attendance-overview__student-attendance--details--image {
  padding-top: 10px;
  height: calc(100% - 10px);
}
.emp-attendance-overview__student-attendance--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.emp-attendance-overview__student-attendance--details--list {
  display: grid;
  grid-template-columns: 1fr 0.2fr 1fr;
}
.emp-attendance-overview__student-attendance--details--list Label {
  margin-top: 0px !important;
}
.emp-attendance-overview__student-attendance--percentage {
  display: flex;
  justify-content: space-between;
  height: 30px;
}
.emp-attendance-overview__student-attendance--percentage b {
  margin-top: 10px;
}
.emp-attendance-overview__student-attendance--calendar {
  margin-top: 10px;
  height: calc(100% - 270px);
}

.emp-attendance-overview__monthly-overview--calendar--legends::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.emp-attendance-overview__monthly-overview--calendar--legends::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.emp-attendance-overview__monthly-overview--calendar--legends::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.session-attendance {
  height: calc(100% - 165px);
}

.leave-request {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.leave-request__filters {
  height: 30px;
  column-gap: 10px;
  margin-top: 10px;
}
.leave-request__filters .storybook-input {
  margin-top: 0px !important;
}
.leave-request__filters .MuiFormControl-root {
  margin-top: 0px !important;
}
.leave-request__block {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.leave-request__action {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.apply-leave {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.apply-leave__filters {
  height: 30px;
  column-gap: 10px;
  margin-top: 10px;
}
.apply-leave__filters .storybook-input {
  margin-top: 0px !important;
}
.apply-leave__filters .MuiFormControl-root {
  margin-top: 0px !important;
}
.apply-leave__filters img {
  height: 20px;
}
.apply-leave__block {
  height: 210px;
  margin-top: 10px;
  overflow: auto;
}
.apply-leave__grid {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: 10px;
  row-gap: 10px;
}
.apply-leave__grid--cards {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  font-family: "Josefin Sans" !important;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.apply-leave__grid--cards--circle {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--level-8);
  color: var(--bg-color);
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apply-leave__table {
  height: calc(100% - 320px);
  margin-top: 10px;
}
.apply-leave__modal {
  height: 100%;
}
.apply-leave__modal--title {
  height: 30px;
}
.apply-leave__modal--title .Heading {
  display: flex;
  justify-content: flex-start;
}
.apply-leave__modal--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.apply-leave__modal--title--close:hover {
  background-color: #f3f4f6;
}
.apply-leave__modal--title--close {
  width: fit-content !important;
}
.apply-leave__modal--block {
  height: 200px;
  margin-top: 10px;
}
.apply-leave__modal--block--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.apply-leave__modal--block--grid .MuiSwitch-root {
  margin-top: 15px !important;
}
.apply-leave__modal--block--flex {
  display: flex;
}
.apply-leave__modal--block--flex img {
  height: 20px;
  margin-top: 15px;
}
.apply-leave__modal--approval {
  margin-top: 10px;
  height: calc(100% - 295px);
}
.apply-leave__modal--approval .Heading {
  display: flex;
  justify-content: flex-start;
}
.apply-leave__modal--approval .storybook-input {
  width: fit-content !important;
}
.apply-leave__modal--approval--table {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
}
.apply-leave__modal--approval--table--id {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
}
.apply-leave__modal--approval--table--id .MuiCheckbox-root {
  margin-right: 20px;
}
.apply-leave__comments {
  height: 100%;
}
.apply-leave__comments--block {
  height: calc(100% - 85px);
  margin-top: 10px;
  overflow: auto;
}
.apply-leave__comments--block--card-red, .apply-leave__comments--block--card-yellow, .apply-leave__comments--block--card-green {
  height: 90px;
  border-radius: 6px;
  column-gap: 10px;
  background-color: #fef2f2;
  padding: 10px;
  font-family: "Josefin Sans" !important;
  margin-bottom: 10px;
}
.apply-leave__comments--block--card-red--info {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.apply-leave__comments--block--card-red--info span {
  height: 50px;
  overflow: auto;
}
.apply-leave__comments--block--card-red--status {
  display: flex;
  gap: 5px;
}
.apply-leave__comments--block--card-red--status img {
  height: 30px;
}
.apply-leave__comments--block--card-green {
  background-color: #f0fdf4;
}
.apply-leave__comments--block--card-yellow {
  background-color: #fefce8;
}
.apply-leave__comments--block--data {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  column-gap: 10px;
}
.apply-leave__comments--request-block {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.apply-leave__comments--request-block--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}

.teacher-concern__modal {
  height: 100%;
}
.teacher-concern__modal--block {
  height: 70px;
  margin-top: 10px;
  display: flex;
  gap: 20px;
}
.teacher-concern__modal--block .Label {
  font-size: 18px !important;
}
.teacher-concern__modal--counsellor {
  height: calc(100% - 165px);
  margin-top: 10px;
}
.teacher-concern__modal--counsellor .storybook-input {
  width: 100% !important;
}
.teacher-concern__modal--counsellor .Heading {
  display: flex;
  justify-content: flex-start !important;
}

.organizational-chart {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.organizational-chart__tabs {
  margin-top: 10px;
}
.organizational-chart__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.organizational-chart__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.organizational-chart__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.organizational-chart__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.organizational-chart__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.organizational-chart__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.organizational-chart__swipable {
  height: calc(100% - 65px);
  margin-top: 10px;
}
.organizational-chart__swipable--tabs {
  height: 100% !important;
}
.organizational-chart__tree-view {
  height: calc(100% - 45px);
  overflow: auto;
}
.organizational-chart__tree-view--level-1 {
  padding: 5px;
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
  border-radius: 6px;
  border: 1px dashed var(--border-color);
}
.organizational-chart__tree-view--level-1 img {
  margin-right: 10px;
}
.organizational-chart__tree-view--level-1:hover {
  background-color: var(--level-1);
}
.organizational-chart__tree-view--level-1--images {
  display: flex;
}
.organizational-chart__tree-view--level-2 {
  padding: 5px;
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
  border-radius: 6px;
  border-left: 1px dashed var(--border-color);
  border-right: 1px dashed var(--border-color);
  border-bottom: 1px dashed var(--border-color);
}
.organizational-chart__tree-view--level-2 img {
  margin-right: 10px;
}
.organizational-chart__tree-view--level-2:hover {
  background-color: var(--level-1);
}
.organizational-chart__tree-view--ol--level-1 {
  padding-left: 0px !important;
}
.organizational-chart__tree-view--ol--level-2 {
  border-left: 1px dashed var(--border-color);
  padding-left: 30px !important;
}
.organizational-chart__tree-view--menu li {
  padding: 5px;
  color: var(--text-color);
  font-weight: 700;
}
.organizational-chart__tree-view--menu li:hover {
  background-color: var(--level-2);
}
.organizational-chart__tree-view--delete-image {
  width: 25px;
  height: 25px;
}
.organizational-chart__tree-view--delete-image:hover {
  background-color: #f87171;
  border-radius: 50%;
  padding: 3px;
}
.organizational-chart__tree-view--delete-image:hover img {
  filter: invert(100%);
}
.organizational-chart__tree-view--add-image {
  width: 25px;
}
.organizational-chart__tree-view--add-image:hover {
  background-color: #4ade80;
  border-radius: 50%;
  padding: 3px;
}
.organizational-chart__tree-view--add-image:hover img {
  filter: invert(100%);
}
.organizational-chart__add {
  height: calc(100% - 75px);
  margin: 10px 0px 10px 10px;
}
.organizational-chart__add--title {
  display: flex;
}
.organizational-chart__add--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 0.2fr;
}
.organizational-chart__add--grid .data-fetch-icon {
  margin-top: 10px;
}
.organizational-chart__add--buttons {
  margin-left: 10px;
}

.organizational-chart__tree-view::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.organizational-chart__tree-view::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.organizational-chart__tree-view::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.employee-tree {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.employee-tree__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.employee-tree__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.employee-tree__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.employee-tree__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.employee-tree__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.employee-tree__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.employee-tree .employee-list {
  margin: 0px !important;
  padding-top: 15px;
  height: calc(100% - 5px);
}

.horizontal-tree {
  display: inline-block;
  padding: 10px;
  height: calc(100% - 60px);
  width: 100%;
  overflow: auto;
}

.horizontal-tree * {
  box-sizing: border-box;
}

.horizontal-tree .horizontal-tree__branch {
  padding: 5px 0 5px 20px;
}

.horizontal-tree .horizontal-tree__branch:not(:first-child) {
  margin-left: 270px;
}

.horizontal-tree .horizontal-tree__branch:not(:first-child):after {
  content: "";
  width: 20px;
  border-top: 1.8px dashed var(--border-color);
  position: absolute;
  left: 250px;
  top: 50%;
  margin-top: 1px;
}

.horizontal-tree__entry {
  position: relative;
  min-height: 70px;
  display: block;
}
.horizontal-tree__entry .active .horizontal-tree__entry--span {
  border: 1px solid var(--level-6);
  background-color: var(--level-1);
}
.horizontal-tree__entry .active .horizontal-tree__branch::after,
.horizontal-tree__entry .active .horizontal-tree__entry:before,
.horizontal-tree__entry .active .horizontal-tree__entry:last-child:after,
.horizontal-tree__entry .active .horizontal-tree__branch .horizontal-tree__branch::before,
.horizontal-tree__entry .active .horizontal-tree__branch .horizontal-tree__branch::after,
.horizontal-tree__entry .active .horizontal-tree__entry::after,
.horizontal-tree__entry .active .horizontal-tree__branch::before,
.horizontal-tree__entry .active .horizontal-tree__branch::before {
  border-color: var(--level-6);
}
.horizontal-tree__entry--b {
  padding: 5px;
  border: 1px solid var(--border-color);
  font-family: "Spline Sans Mono", monospace !important;
  height: 30px;
  width: 30px;
  font-size: 12px;
  text-align: center;
}
.horizontal-tree__entry--image {
  display: flex;
  column-gap: 10px;
}
.horizontal-tree__entry--image img {
  width: 30px;
}
.horizontal-tree__entry:before {
  content: "";
  height: 100%;
  border-left: 1.8px dashed var(--border-color);
  position: absolute;
  left: -20px;
}
.horizontal-tree__entry:first-child:after {
  height: 10px;
}
.horizontal-tree__entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 1px;
}
.horizontal-tree__entry:after {
  content: "";
  width: 20px;
  transition: border 0.5s;
  border-top: 1.8px dashed var(--border-color);
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: 1px;
}
.horizontal-tree__entry:last-child:before {
  width: 10px;
  height: 50%;
}
.horizontal-tree__entry:last-child:after {
  height: 10px;
  border-top: none;
  transition: border 0.5s;
  border-bottom: 1.8px dashed var(--border-color);
  margin-top: -9px;
}
.horizontal-tree__entry:only-child:before {
  display: none;
}
.horizontal-tree__entry--span {
  border: 1px solid var(--border-color);
  display: block;
  min-width: 250px;
  padding: 5px 10px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: inline-block;
  border-radius: 5px;
  transition: all 0.5s;
  display: flex;
  justify-content: space-between;
}
.horizontal-tree__entry--text {
  width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.horizontal-tree__entry .horizontal-tree__entry:only-child:after {
  width: 10px;
  height: 0px;
  margin-top: 1px;
  border-radius: 0px;
}

.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover,
.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover + .horizontal-tree__branch .horizontal-tree__entry .horizontal-tree__entry--span {
  border-color: var(--level-3);
}

.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover + .horizontal-tree__branch .horizontal-tree__entry::after,
.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover + .horizontal-tree__branch .horizontal-tree__entry::before,
.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover + .horizontal-tree__branch::before,
.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover + .horizontal-tree__branch::after,
.horizontal-tree .horizontal-tree__entry .horizontal-tree__entry--span:hover + .horizontal-tree__branch .horizontal-tree__branch::before {
  border-color: var(--level-3);
}

.horizontal-tree::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.horizontal-tree::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.horizontal-tree::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.staff-leave-allocate {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.staff-leave-allocate__filters {
  height: 30px;
  column-gap: 10px;
  padding-top: 10px;
}
.staff-leave-allocate__filters .storybook-input {
  margin-top: 0px !important;
}
.staff-leave-allocate__table {
  margin-top: 20px;
  height: calc(100% - 100px);
}
.staff-leave-allocate__drawer {
  height: 100%;
}
.staff-leave-allocate__drawer--title .Heading {
  display: flex;
  justify-content: flex-start;
}
.staff-leave-allocate__drawer--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.staff-leave-allocate__drawer--close:hover {
  background-color: #f3f4f6;
}
.staff-leave-allocate__drawer--close {
  width: fit-content !important;
}
.staff-leave-allocate__drawer--filters {
  height: 30px;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.staff-leave-allocate__drawer--filters--image {
  display: flex;
  justify-content: center;
}
.staff-leave-allocate__drawer--filters--image img {
  margin-top: 10px !important;
  height: 20px;
}
.staff-leave-allocate__drawer--table {
  height: calc(100% - 135px);
  margin-top: 20px;
  overflow: auto;
}

.logo__upload {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  position: static;
  width: 259.5px;
  height: 40px;
  left: 0px;
  top: 326px;
  /* #553C9A */
  background: #553c9a;
  border-radius: 30px;
  /* Inside Auto Layout */
  flex: none;
  order: 7;
  flex-grow: 0;
  margin: 10px 0px;
}

.Modal {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.Modal__image > img {
  width: 140px;
  height: 140px;
  border: 1px solid #e2e8f0;
  margin: 100px;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 3px 3px rgba(0, 0, 0, 0.1);
}
.Modal__input--address {
  width: 350px;
  height: 80px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
  border-radius: 6px;
}
.Modal__input {
  width: 350px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
  border-radius: 6px;
}
.Modal__input--banner {
  width: 350px;
  height: 100px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-sizing: border-box;
  border-radius: 6px;
}
.Modal__label {
  width: 326px;
  height: 24px;
  font-size: 16px;
  color: #2d3748;
  margin: 2.5px 2px 5px;
  margin-top: 6px;
}

.Moadal__heading {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  line-height: 20px;
  color: #2d3748;
}

.Modal__btn {
  padding: 10px 24px;
  background: #319795;
  border-radius: 6px;
  color: whitesmoke;
  margin: 25px 250px;
  outline: none;
  border: none;
  float: right;
}

.modal {
  font-size: 1.5rem;
  display: flex;
  margin-top: -20px;
  margin-left: -9px;
  color: var(--level-5);
}

/*======================
    404 page
=======================*/
.page_404 {
  padding: 40px 0;
  background: #fff;
  font-family: "Arvo", serif;
}
.page_404 img {
  width: 100%;
}

.four_zero_four_bg {
  background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
  height: 400px;
  background-position: center;
}
.four_zero_four_bg h1 {
  font-size: 80px;
}
.four_zero_four_bg h3 {
  font-size: 80px;
}

.link_404 {
  color: #fff !important;
  padding: 10px 20px;
  background: #39ac31;
  margin: 20px 0;
  display: inline-block;
}

.contant_box_404 {
  margin-top: -50px;
}

.MuiTablePagination-selectLabel {
  margin-top: 10px;
  font-size: 12px !important;
  font-family: "Josefin Sans" !important;
  font-weight: bold !important;
}

.MuiTablePagination-select {
  border: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
}
.MuiTablePagination-select .MuiInputBase-root {
  border: 1px solid var(--border-color);
  border-radius: 3px !important;
}

.MuiTablePagination-displayedRows {
  color: var(--level-6) !important;
  font-family: "Josefin Sans" !important;
  font-weight: bold !important;
  margin-top: 15px;
  font-size: 14px !important;
}

.MuiTablePagination-menuItem {
  font-size: 12px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.MuiTablePagination-menuItem:hover {
  background-color: var(--level-2) !important;
}
.MuiTablePagination-menuItem .active {
  color: var(--level-6) !important;
  background-color: var(--level-6) !important;
}

.MuiTableFooter .MuiBox-root {
  margin-left: 10px !important;
}
.MuiTableFooter .MuiButtonBase-root {
  padding: 5px !important;
}

.excel-loading {
  height: 450px;
  width: 400px;
  border: 1px solid var(--border-color);
}
.excel-loading__top {
  height: 30%;
  background-color: var(--level-1);
  padding-top: 20px;
}
.excel-loading__top img {
  width: 30px;
  height: 30px;
}
.excel-loading__top b {
  font-family: "Josefin Sans" !important;
  color: var(--level-6);
  font-size: 25px;
}
.excel-loading__top--flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.excel-loading__top--text {
  font-size: 20px;
  color: #6b7280;
  text-align: center;
  font-family: "Josefin Sans" !important;
}
.excel-loading__top--total {
  text-align: center;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 20px;
}
.excel-loading__top--details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100% - 30px);
}
.excel-loading__bottom {
  height: 70%;
}
.excel-loading__bottom--flex {
  display: flex;
  justify-content: space-between;
  height: 40px;
}
.excel-loading__bottom--flex--f {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.excel-loading__bottom--flex--f img {
  width: 30px;
  height: 30px;
}
.excel-loading__bottom--flex--f span {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.excel-loading__bottom--flex--f b {
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.excel-loading__bottom--loading {
  width: 100%;
  height: calc(100% - 40px);
}
.excel-loading__bottom--loading img {
  height: 180px;
  width: 200px;
  display: block;
  margin: auto;
}
.excel-loading__bottom--details {
  height: calc(100% - 25px);
  padding: 40px 40px 30px 40px;
}

.header {
  background-color: var(--bg-color);
  height: 50px;
  padding: 10px;
}
.header img {
  width: 30px;
  filter: invert(0%);
  cursor: pointer;
}
.header .logo-1 {
  width: 30px;
  height: 30px;
  filter: none !important;
}
.header__icon {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.header__icon--li {
  width: 250px;
}
.header__search-icon {
  width: 18px !important;
}
.header__logo {
  display: inline-flex;
}
.header__logo p {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Josefin Sans" !important;
}
.header__logo img {
  margin-top: -10px;
}
.header__student-details--navigation {
  background: var(--level-2);
  padding: 10px 2px;
  border-radius: 5px 0px;
  display: flex;
  justify-content: space-between;
}
.header__student-details--navigation--info {
  filter: invert(100%);
}
.header__student-details--navigation img {
  width: 30px;
}
.header__student-details--data {
  padding: 10px;
}
.header__student-details--data--label-grid {
  display: grid;
  grid-template-columns: 1fr 0.2fr 1fr;
}
.header__student-details--data--label-grid Label {
  margin-top: 0px !important;
}
.header__student-details--data--student-profile {
  height: 120px;
  width: 120px;
}

.addressbar {
  background: var(--level-2);
  height: 30px;
  padding: 2px 0px 0px 0px;
}
.addressbar__slide-in {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.addressbar__slide-in span {
  display: inline-block;
  animation: addressbar__slide-in 35s linear infinite;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: var(--text-color);
  font-weight: 700;
  width: 100%;
}
@keyframes addressbar__slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.logo-admin {
  cursor: pointer;
}

.main {
  height: 100%;
}

footer {
  background-color: var(--level-6);
  text-align: center;
  margin-top: 10px;
  color: white;
  font-family: "Josefin Sans" !important;
}

.sidebar {
  width: 60px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.2), 0px 15px 15px rgba(0, 0, 0, 0.4);
  border-radius: 0px 0px 0px 0px;
  height: 100%;
  overflow: auto;
  text-align: center;
  padding-top: 10px;
  border-right: 1px solid var(--border-color);
}
.sidebar span {
  opacity: 0;
  display: none;
}
.sidebar img {
  width: 25px;
  padding-bottom: 5px;
}
.sidebar__menu--myeduate {
  color: #01366e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.sidebar li {
  padding-bottom: 15px;
}
.sidebar li .active {
  background-color: var(--level-8);
  border-radius: 6px;
  width: 210px;
  padding: 8px;
  margin-left: -5px;
  text-align: left;
}
.sidebar li .active img {
  filter: invert(100%);
  cursor: pointer;
}
.sidebar li .active span {
  color: white !important;
  font-weight: bold;
  font-family: "Josefin Sans" !important;
}

#menu {
  display: none;
}

#menu:checked ~ .sidebar {
  width: 210px;
  border-right: 1px solid white;
  box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

#menu:checked ~ .sidebar::-webkit-scrollbar {
  display: none;
}

#menu:checked ~ .sidebar li {
  padding: 0px 0px 15px 10px;
  display: flex;
  margin: 0;
}

#menu:checked ~ .sidebar span {
  font-size: 12px;
  color: #000;
  opacity: 1;
  box-shadow: none;
  margin-left: 0px;
  display: inline-block;
  font-family: "Josefin Sans" !important;
}
#menu:checked ~ .sidebar span img {
  margin-right: 10px;
  width: 25px;
}

.hamburger:hover {
  cursor: pointer;
}

#menu:checked ~ .sidebar .hamburger {
  margin-left: 150px;
}

#menu:checked ~ .sidebar .tooltip-hide {
  display: none;
}

.h-80 {
  height: calc(100% - 80px);
  overflow: auto;
}

.sidebar::-webkit-scrollbar {
  display: none;
}

.responsive-layout {
  height: 100%;
  overflow: auto;
}

.footer_version {
  display: flex;
  justify-content: flex-end;
}
.footer_version span {
  margin-right: 20px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
}

footer span {
  position: relative;
  right: 20px;
}

.footer__lost-login {
  display: flex;
  justify-content: flex-start;
}
.footer__lost-login span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  position: relative;
  left: 80px;
}

.home-page {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.home-page__details {
  height: 160px !important;
  column-gap: 20px;
}
.home-page__details--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.home-page__details--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.home-page__details--cards {
  height: 100% !important;
}
.home-page__details--cards--title {
  display: flex;
  justify-content: space-between;
}
.home-page__details--cards--data {
  display: flex;
  justify-content: space-around;
}
.home-page__details--cards--data img {
  width: 100px;
  height: 100px;
}
.home-page__details--cards--data span {
  margin: auto;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: 700;
  color: #334155;
}
.home-page__tableblock {
  height: calc(100% - 220px);
  margin-top: 10px;
  border: 1px solid var(--border-color);
}
.home-page__table {
  max-height: 100%;
}
.home-page__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.home-page__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.home-page__table td img:hover,
.home-page__table td a:hover {
  cursor: pointer;
}
.home-page__table tbody {
  background-color: var(--level-1);
}
.home-page__table tbody tr:hover {
  background-color: var(--level-2);
}
.home-page__table tbody tr:hover td {
  color: var(--level-7);
}
.home-page__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.home-page__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.home-page__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.home-page__table--images img {
  width: 30px;
  margin-right: 40px;
}
.home-page__table--images--disabled {
  opacity: 0.3;
}
.home-page__table--title img {
  margin-left: auto;
  margin-right: 10px !important;
}
.home-page__search {
  margin-top: 10px;
}

.warning__title .close-icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.warning__title .close-icon:hover {
  background-color: #f3f4f6;
}
.warning__header {
  background-color: #f59e0b;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.warning__header img {
  width: 50px;
  height: 50px;
}
.warning__block {
  padding: 10px;
}
.warning__block p {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #4b5563;
  text-align: center;
}

:root,
:root.blue {
  --level-1: #ebf8ff;
  --level-2: #bee3f8;
  --level-3: #90cdf4;
  --level-4: #63b3ed;
  --level-5: #4299e1;
  --level-6: #3182ce;
  --level-7: #2b6cb0;
  --level-8: #2c5282;
  --level-9: #2a4365;
  --level-10: #1a365d;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.pink {
  --level-1: #fff5f7;
  --level-2: #fed7e2;
  --level-3: #fbb6ce;
  --level-4: #f687b3;
  --level-5: #ed64a6;
  --level-6: #d53f8c;
  --level-7: #b83280;
  --level-8: #97266d;
  --level-9: #702459;
  --level-10: #521b41;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.amber {
  --level-1: #fffbeb;
  --level-2: #fef3c7;
  --level-3: #fde68a;
  --level-4: #fcd34d;
  --level-5: #fbbf24;
  --level-6: #f59e0b;
  --level-7: #d97706;
  --level-8: #b45309;
  --level-9: #92400e;
  --level-10: #78350f;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.grey {
  --level-1: #f7fafc;
  --level-2: #edf2f7;
  --level-3: #edf2f7;
  --level-4: #cbd5e0;
  --level-5: #a0aec0;
  --level-6: #718096;
  --level-7: #4a5568;
  --level-8: #2d3748;
  --level-9: #1a202c;
  --level-10: #171923;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.cyan {
  --level-1: #edfdfd;
  --level-2: #c4f1f9;
  --level-3: #9decf9;
  --level-4: #76e4f7;
  --level-5: #0bc5ea;
  --level-6: #00b5d8;
  --level-7: #00a3c4;
  --level-8: #0987a0;
  --level-9: #086f83;
  --level-10: #065666;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.emarald {
  --level-1: #ecfdf5;
  --level-2: #d1fae5;
  --level-3: #a7f3d0;
  --level-4: #6ee7b7;
  --level-5: #34d399;
  --level-6: #10b981;
  --level-7: #059669;
  --level-8: #047857;
  --level-9: #065f46;
  --level-10: #064e3b;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.fuchsia {
  --level-1: #fdf4ff;
  --level-2: #fae8ff;
  --level-3: #f5d0fe;
  --level-4: #f0abfc;
  --level-5: #e879f9;
  --level-6: #d946ef;
  --level-7: #c026d3;
  --level-8: #a21caf;
  --level-9: #86198f;
  --level-10: #701a75;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.Green {
  --level-1: #f0fff4;
  --level-2: #c6f6d5;
  --level-3: #9ae6b4;
  --level-4: #68d391;
  --level-5: #48bb78;
  --level-6: #38a169;
  --level-7: #25855a;
  --level-8: #276749;
  --level-9: #22543d;
  --level-10: #1c4532;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.indigo {
  --level-1: #eef2ff;
  --level-2: #e0e7ff;
  --level-3: #c7d2fe;
  --level-4: #a5b4fc;
  --level-5: #818cf8;
  --level-6: #6366f1;
  --level-7: #4f46e5;
  --level-8: #4338ca;
  --level-9: #3730a3;
  --level-10: #312e81;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.lime {
  --level-1: #f7fee7;
  --level-2: #ecfccb;
  --level-3: #d9f99d;
  --level-4: #bef264;
  --level-5: #a3e635;
  --level-6: #84cc16;
  --level-7: #65a30d;
  --level-8: #4d7c0f;
  --level-9: #3f6212;
  --level-10: #365314;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.orange {
  --level-1: #fffaf0;
  --level-2: #feebcb;
  --level-3: #fbd38d;
  --level-4: #f6ad55;
  --level-5: #ed8936;
  --level-6: #dd6b20;
  --level-7: #c05621;
  --level-8: #9c4221;
  --level-9: #7b341e;
  --level-10: #652b19;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.pink {
  --level-1: #fdf2f8;
  --level-2: #fce7f3;
  --level-3: #fbcfe8;
  --level-4: #f9a8d4;
  --level-5: #f472b6;
  --level-6: #ec4899;
  --level-7: #db2777;
  --level-8: #be185d;
  --level-9: #9d174d;
  --level-10: #831843;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.purple {
  --level-1: #faf5ff;
  --level-2: #e9d8fd;
  --level-3: #d6bcfa;
  --level-4: #b794f4;
  --level-5: #9f7aea;
  --level-6: #805ad5;
  --level-7: #6b46c1;
  --level-8: #553c9a;
  --level-9: #44337a;
  --level-10: #322659;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.red {
  --level-1: #fff5f5;
  --level-2: #fed7d7;
  --level-3: #feb2b2;
  --level-4: #fc8181;
  --level-5: #f56565;
  --level-6: #e53e3e;
  --level-7: #c53030;
  --level-8: #9b2c2c;
  --level-9: #822727;
  --level-10: #63171b;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.rose {
  --level-1: #fff1f2;
  --level-2: #ffe4e6;
  --level-3: #fecdd3;
  --level-4: #fda4af;
  --level-5: #fb7185;
  --level-6: #f43f5e;
  --level-7: #e11d48;
  --level-8: #be123c;
  --level-9: #9f1239;
  --level-10: #881337;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.sky {
  --level-1: #f0f9ff;
  --level-2: #e0f2fe;
  --level-3: #bae6fd;
  --level-4: #7dd3fc;
  --level-5: #38bdf8;
  --level-6: #0ea5e9;
  --level-7: #0284c7;
  --level-8: #0369a1;
  --level-9: #075985;
  --level-10: #0c4a6e;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.trueGrey {
  --level-1: #fafafa;
  --level-2: #f5f5f5;
  --level-3: #e5e5e5;
  --level-4: #d4d4d4;
  --level-5: #a3a3a3;
  --level-6: #737373;
  --level-7: #525252;
  --level-8: #3f4e4f;
  --level-9: #262626;
  --level-10: #171717;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.violet {
  --level-1: #f5f3ff;
  --level-2: #ede9fe;
  --level-3: #ddd6fe;
  --level-4: #c4b5fd;
  --level-5: #a78bfa;
  --level-6: #8b5cf6;
  --level-7: #7c3aed;
  --level-8: #6d28d9;
  --level-9: #5b21b6;
  --level-10: #4c1d95;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.yellow {
  --level-1: #fffff0;
  --level-2: #fefcbf;
  --level-3: #faf089;
  --level-4: #f6e05e;
  --level-5: #ecc94b;
  --level-6: #d69e2e;
  --level-7: #b7791f;
  --level-8: #975a16;
  --level-9: #744210;
  --level-10: #5f370e;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
}

:root.teal {
  --level-1: #e6fffa;
  --level-2: #b2f5ea;
  --level-3: #81e6d9;
  --level-4: #4fd1c5;
  --level-5: #38b2ac;
  --level-6: #319795;
  --level-7: #2c7a7b;
  --level-8: #285e61;
  --level-9: #234e52;
  --level-10: #1d4044;
  --bg-color: white;
  --text-color: black;
  --border-color: #e2e8f0;
  --modal-bg-color: rgb(255, 255, 255, 255);
  --disabled-color: rgba(0, 0, 0, 0.04);
  --disabled-border: white;
}

:root.dark {
  --level-1: #404258;
  --level-2: #6b728e;
  --level-3: #edf2f7;
  --level-4: #cbd5e0;
  --level-5: #a0aec0;
  --level-6: #474e68;
  --level-7: #404258;
  --level-8: #2d3748;
  --level-9: #1a202c;
  --level-10: #171923;
  --bg-color: #282c35;
  --text-color: #cbd5e0;
  --img-color: invert(100%);
  --border-color: #fff1f1f1;
  --modal-bg-color: #303030;
  --disabled-color: #1a202c;
}

.theme-image {
  width: 25px !important;
  filter: invert(0%);
}

.theme-option {
  margin-top: -10px !important;
}
.theme-option .MuiOutlinedInput-notchedOutline {
  border: none !important;
}
.theme-option .MuiSvgIcon-root,
.theme-option .MuiSvgIconn-root {
  display: none !important;
}
.theme-option .MuiSelect-select,
.theme-option .MuiInputBase-input,
.theme-option .MuiOutlinedInput-input {
  padding: 5px !important;
}

.theme-menu {
  display: inline-flex !important;
}

.login, .login__dev {
  height: 100%;
  display: flex;
  background-color: #01366e;
}
.login .react-tel-input, .login__dev .react-tel-input {
  top: 0px !important;
}
.login__left-block {
  height: 100%;
  width: 75%;
  position: relative;
}
.login__left-block--container {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  margin: 20px;
  border-radius: 30px;
  background: var(--bg-color);
  box-shadow: -61.7333335876px 61.7333335876px 61.7333335876px 0px rgba(255, 255, 255, 0.07) inset, 61.7333335876px -61.7333335876px 61.7333335876px 0px rgba(86, 97, 114, 0.07) inset;
  backdrop-filter: blur(12.5px);
}
.login__right-block {
  height: 100%;
  width: 35%;
}
.login__right-block--container {
  margin: 20px;
  height: calc(100% - 135px);
  width: calc(100% - 40px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.login__right-block--container--data {
  width: 100%;
}
.login__right-block--container--data--title {
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.login__right-block--container--data--title h4 {
  font-weight: 700;
  font-size: 20px;
  font-family: "Josefin Sans" !important;
  margin-top: 10px;
  color: white;
}
.login__right-block--container b {
  font-weight: 700;
  font-size: 26px;
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  margin-top: 20px;
  color: white;
}
.login__right-block--link {
  color: white !important;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
  text-align: center;
}
.login__right-block--link a {
  color: white !important;
  text-decoration: underline;
  font-weight: 700;
  font-size: 16px;
}
.login__right-block--version {
  color: white !important;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  font-weight: 500;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login__right-block--version b {
  color: white !important;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 14px;
  width: fit-content;
  font-family: "Spline Sans Mono", monospace !important;
  margin-top: 2px !important;
  background-color: #1f2937;
}
.login__block {
  height: 330px;
  padding: 20px;
  border-radius: 6px;
  box-shadow: -61.7333335876px 61.7333335876px 61.7333335876px 0px rgba(255, 255, 255, 0.07) inset, 61.7333335876px -61.7333335876px 61.7333335876px 0px rgba(86, 97, 114, 0.07) inset;
  backdrop-filter: blur(12.5px);
  margin: 20px;
  background: #01366e;
}
.login__block .Label {
  color: white;
}
.login__block .MuiFormControl-root {
  background-color: var(--bg-color) !important;
  border-radius: 10px;
}
.login__block .MuiOutlinedInput-notchedOutline {
  border: 0px !important;
}
.login__block .MuiOutlinedInput-input {
  padding: 5.5px 14px !important;
}
.login__block .MuiSvgIcon-root {
  font-size: 20px !important;
}
.login__block--flex {
  display: flex;
  justify-content: space-between;
}
.login__block--span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #9ca3af;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.login__block--phnno {
  display: block;
  margin: auto;
  margin-top: 10px;
  border-radius: 20px;
  background-color: var(--bg-color);
  color: #f87171;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
  padding: 5px 10px;
}
.login__block--clear {
  height: 25px;
  padding: 2px 12px;
  background-color: #dc2626;
  color: white;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  border-radius: 20px;
  margin-top: 10px;
}
.login__block--otp {
  width: 25px !important;
  height: 25px !important;
}
.login__tabs {
  position: relative;
  height: 100%;
  padding-top: 30px;
  padding-left: 10px;
}
.login__tabs--left {
  background-color: #01366e;
  border-radius: 30px;
  position: absolute;
  top: 40;
  left: 10;
  width: 60px;
}
.login__tabs--left ul {
  margin-bottom: 0px !important;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.login__tabs--left ul li {
  cursor: pointer;
}
.login__tabs--left ul .active {
  background-color: var(--bg-color);
  border-radius: 20px 0px 0px 20px;
  margin-left: 10px;
  padding: 5px;
  width: calc(100% - 10px);
}
.login__tabs--left ul .active img {
  filter: invert(0%);
}
.login__tabs--left ul img {
  width: 35px;
  height: 35px;
  filter: invert(100%);
  margin: auto;
  display: block;
}
.login__tabs--right {
  width: calc(100% - 100px);
  height: calc(100% - 40px);
  position: relative;
  left: 80px;
}
.login__tabs--right--video-block {
  width: calc(100% - 40px);
  display: flex;
  align-items: center;
  column-gap: 10px;
  height: calc(100% - 115px);
}
.login__tabs--right--video-block img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.login__tabs--right--video {
  height: 100%;
  width: calc(100% - 40px);
}
.login__tabs--right p {
  font-size: 15px;
  font-family: "Josefin Sans" !important;
}
.login__tabs--right h5 {
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(1, 54, 110, 0.1) 0%, rgba(2, 104, 212, 0.2) 100%);
  backdrop-filter: blur(7.4346423149px);
  padding: 3px;
  text-align: center;
  font-family: "Josefin Sans" !important;
}
.login__dev {
  background-color: #ff0000;
}

.loginfield {
  width: 100%;
}
.loginfield input {
  font-weight: 400 !important;
}

#recaptcha-container {
  display: flex;
  justify-content: center;
}

.logout-modal {
  text-align: center;
}
.logout-modal Label:hover {
  text-decoration: underline;
  font-weight: 700 !important;
}

.change-password__textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.change-password__textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.change-password__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.change-password__textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.change-password__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.change-password__textfield {
  margin: 10px 0px 0px 0px !important;
  width: 100% !important;
}
.change-password__textfield--captcha {
  height: 50px;
  width: 100%;
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.change-password__textfield--captcha--text {
  width: calc(100% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--level-1);
}
.change-password__textfield--captcha--text span {
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.change-password__textfield--captcha img {
  width: 18px;
  display: block;
  margin: auto;
}

.transport-route {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 170px);
}
.transport-route__details {
  height: calc(100% - 40px);
  column-gap: 40px;
}
.transport-route__details .booktype-left,
.transport-route__details .booktype-right {
  margin: 0px !important;
}
.transport-route__details--title #search {
  margin-top: 0px !important;
}
.transport-route__details--table {
  max-height: 100%;
}
.transport-route__details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-route__details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-route__details--table td img:hover,
.transport-route__details--table td a:hover {
  cursor: pointer;
}
.transport-route__details--table tbody {
  background-color: var(--level-1);
}
.transport-route__details--table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-route__details--table tbody tr:hover td {
  color: var(--level-7);
}
.transport-route__details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-route__details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.transport-route__details--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-route__details--table--th-slno {
  width: 8%;
}
.transport-route__details--table--date {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-route__details--table--th-date {
  width: 15%;
}
.transport-route__details--table--actions {
  width: 10%;
}
.transport-route__details--tableblock {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.transport-route__details--list {
  height: 100%;
}
.transport-route__modal {
  height: calc(100% - 170px);
  margin: 0px 20px;
}

.transport-route-details {
  margin: 0px 20px 0px 20px;
  height: calc(100% - 170px);
}
.transport-route-details__data {
  height: 120px;
}
.transport-route-details__data--label-grid {
  display: grid;
  grid-template-columns: 0.8fr 2fr 0.2fr;
}
.transport-route-details__data--label-grid .data-fetch-icon {
  margin-top: 10px;
}
.transport-route-details__data--image {
  display: block;
  margin: auto;
}
.transport-route-details__tableblock {
  height: calc(100% - 170px);
  margin-top: 10px;
}
.transport-route-details__table {
  max-height: 100%;
}
.transport-route-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-route-details__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-route-details__table td img:hover,
.transport-route-details__table td a:hover {
  cursor: pointer;
}
.transport-route-details__table tbody {
  background-color: var(--level-1);
}
.transport-route-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-route-details__table tbody tr:hover td {
  color: var(--level-7);
}
.transport-route-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-route-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.transport-route-details__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-route-details__table--th-slno {
  width: 4%;
}
.transport-route-details__table--ledger {
  width: 10%;
}
.transport-route-details__table--actions {
  width: 10%;
}
.transport-route-details__view {
  height: calc(100% - 30px);
}
.transport-route-details__view--block {
  height: calc(100% - 40px);
}
.transport-route-details__view--block--table {
  max-height: 100%;
}
.transport-route-details__view--block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-route-details__view--block--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-route-details__view--block--table td img:hover,
.transport-route-details__view--block--table td a:hover {
  cursor: pointer;
}
.transport-route-details__view--block--table tbody {
  background-color: var(--level-1);
}
.transport-route-details__view--block--table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-route-details__view--block--table tbody tr:hover td {
  color: var(--level-7);
}
.transport-route-details__view--block--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-route-details__view--block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.transport-route-details__view--block--tableblock {
  height: calc(100% - 70px);
}
.transport-route-details__delete {
  height: calc(100% - 30px);
}
.transport-route-details__delete--tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.transport-route-details__delete--table {
  max-height: 100%;
}
.transport-route-details__delete--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-route-details__delete--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-route-details__delete--table td img:hover,
.transport-route-details__delete--table td a:hover {
  cursor: pointer;
}
.transport-route-details__delete--table tbody {
  background-color: var(--level-1);
}
.transport-route-details__delete--table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-route-details__delete--table tbody tr:hover td {
  color: var(--level-7);
}
.transport-route-details__delete--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-route-details__delete--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.route-stages {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.route-stages .sessions__frame--row {
  height: calc(100% - 55px) !important;
}
.route-stages .booktype-left,
.route-stages .booktype-right {
  margin: 10px 0px 0px 0px !important;
}
.route-stages__options {
  height: 40px;
}
.route-stages__options--label-grid {
  display: grid;
  grid-template-columns: 0.8fr 2fr 0.2fr;
}
.route-stages__options--label-grid .data-fetch-icon {
  margin-top: 10px;
}
.route-stages__options--flex {
  display: flex;
}
.route-stages__options--flex .Label {
  width: 90px;
}

.transport-assign-route {
  margin: 0px 20px;
  height: calc(100% - 165px);
  height: calc(100% - 210px);
}
.transport-assign-route__modal {
  margin: 0px;
  height: calc(100% - 75px);
}
.transport-assign-route__details {
  height: 140px;
  column-gap: 20px;
}
.transport-assign-route__details--image-flex {
  display: flex;
}
.transport-assign-route__details--image-flex .MuiAutocomplete-root {
  margin-top: 8px;
}
.transport-assign-route__details--image-flex .data-fetch-icon {
  margin-top: 8px;
}
.transport-assign-route__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.transport-assign-route__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.transport-assign-route__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.transport-assign-route__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.transport-assign-route__details--textfield {
  margin: 8px 0px 0px 0px !important;
  width: 100% !important;
}
.transport-assign-route__details--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.transport-assign-route__details--date .MuiInputBase-input {
  padding: 5px !important;
}
.transport-assign-route__details--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__details--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.transport-assign-route__details--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__details--date .MuiInputBase-input {
  height: 1.3em !important;
}
.transport-assign-route__details--date {
  width: fit-content !important;
  margin: 8px 0px 0px 0px !important;
}
.transport-assign-route__details--studentprofile img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.transport-assign-route__datablock {
  height: calc(100% - 205px);
  display: flex;
  gap: 20px;
}
.transport-assign-route__datablock .storybook-button--active {
  margin-top: 0px;
  display: flex !important;
  justify-content: flex-end !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}
.transport-assign-route__datablock--textfield {
  display: flex;
  gap: 10px;
}
.transport-assign-route__datablock--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.transport-assign-route__datablock--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.transport-assign-route__datablock--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__datablock--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.transport-assign-route__datablock--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__datablock--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.transport-assign-route__datablock--textfield--date {
  width: fit-content !important;
}
.transport-assign-route__select {
  gap: 20px;
  padding: 10px 0px 0px 0px;
  border-top: 1.8px dashed var(--border-color);
}
.transport-assign-route__select--view {
  gap: 20px;
  padding: 5px 0px 0px 0px;
  border-top: 1.8px dashed var(--border-color);
}
.transport-assign-route__tableblock {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.transport-assign-route__choosed-route {
  margin-top: 10px;
  padding: 5px 10px;
  height: calc(100% - 10px);
  border: 1.8px dashed var(--border-color);
}
.transport-assign-route__choosed-route--list {
  height: calc(100% - 95px);
  margin-top: 20px;
  overflow: auto;
  padding-top: 5px;
}
.transport-assign-route__choosed-route--list li {
  width: 100%;
  margin-top: 5px;
}
.transport-assign-route__choosed-route--list--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.transport-assign-route__choosed-route--list--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.transport-assign-route__choosed-route--list--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__choosed-route--list--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.transport-assign-route__choosed-route--list--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.transport-assign-route__choosed-route--list--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.transport-assign-route__choosed-route--list--textfield {
  margin: 0px 0px 5px 0px !important;
}
.transport-assign-route__choosed-route--list--textfield .Mui-disabled input {
  -webkit-text-fill-color: var(--level-5) !important;
}
.transport-assign-route__choosed-route--label-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.transport-assign-route__delete {
  height: calc(100% - 30px);
}
.transport-assign-route__preview, .transport-assign-route__update--preview, .transport-assign-route__view {
  height: calc(100% - 200px);
  width: calc(50% - 50px);
  border: 2px dashed var(--border-color);
  border-radius: 6px;
  padding: 10px;
  margin-top: 10px;
  background-color: var(--disabled-color);
}
.transport-assign-route__preview--title {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.transport-assign-route__preview--route {
  height: 30px;
  margin-top: 10px;
  column-gap: 10px;
}
.transport-assign-route__preview--table {
  height: calc(100% - 60px);
  margin-top: 10px;
}
.transport-assign-route__buttons {
  margin-left: 20px;
}
.transport-assign-route__view {
  height: calc(100% - 195px);
}
.transport-assign-route__update {
  height: calc(100% - 190px);
  column-gap: 10px;
}
.transport-assign-route__update--preview {
  height: calc(100% - 20px);
}

.transport-assign-route__choosed-route--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.transport-assign-route__choosed-route--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.transport-assign-route__choosed-route--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.assigned-route-std-list {
  height: calc(100% - 165px);
  margin: 10px 20px 0px 20px;
}
.assigned-route-std-list__select {
  gap: 10px;
}
.assigned-route-std-list__select--button {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px;
  margin-right: 0px !important;
}
.assigned-route-std-list__select #search,
.assigned-route-std-list__select .storybook-button {
  margin-top: 0px !important;
}
.assigned-route-std-list__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.assigned-route-std-list__table {
  max-height: 100%;
}
.assigned-route-std-list__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assigned-route-std-list__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assigned-route-std-list__table td img:hover,
.assigned-route-std-list__table td a:hover {
  cursor: pointer;
}
.assigned-route-std-list__table tbody {
  background-color: var(--level-1);
}
.assigned-route-std-list__table tbody tr:hover {
  background-color: var(--level-2);
}
.assigned-route-std-list__table tbody tr:hover td {
  color: var(--level-7);
}
.assigned-route-std-list__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assigned-route-std-list__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assigned-route-std-list__table--desc {
  width: 10%;
}
.assigned-route-std-list__table--actions {
  width: 5%;
}
.assigned-route-std-list__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assigned-route-std-list__table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}

.assigned-routes__treeview {
  height: calc(100% - 170px);
  margin: 0px 20px;
}
.assigned-routes__treeview--block {
  height: calc(100% - 50px);
  column-gap: 20px;
  margin-top: 10px;
}
.assigned-routes__treeview--block--frame {
  border: 1px solid var(--border-color);
  padding: 10px;
  height: 100%;
}
.assigned-routes__treeview--block--frame #search {
  margin-top: 0px !important;
}
.assigned-routes__treeview--tableblock {
  height: calc(100% - 40px);
  margin-top: 10px;
}
.assigned-routes__treeview--table {
  max-height: 100%;
}
.assigned-routes__treeview--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assigned-routes__treeview--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assigned-routes__treeview--table td img:hover,
.assigned-routes__treeview--table td a:hover {
  cursor: pointer;
}
.assigned-routes__treeview--table tbody {
  background-color: var(--level-1);
}
.assigned-routes__treeview--table tbody tr:hover {
  background-color: var(--level-2);
}
.assigned-routes__treeview--table tbody tr:hover td {
  color: var(--level-7);
}
.assigned-routes__treeview--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assigned-routes__treeview--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.assigned-routes__view {
  height: 100%;
}
.assigned-routes__view--title {
  height: 40px;
}
.assigned-routes__view--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.assigned-routes__view--title--close:hover {
  background-color: #f3f4f6;
}
.assigned-routes__view--title--close {
  width: fit-content !important;
}
.assigned-routes__view--block {
  height: calc(100% - 90px);
  column-gap: 20px;
  margin-top: 10px;
}

.assign-route-for-multiple {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-route-for-multiple__options {
  gap: 10px;
}
.assign-route-for-multiple__tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}
.assign-route-for-multiple__table {
  max-height: 100%;
}
.assign-route-for-multiple__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-route-for-multiple__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-route-for-multiple__table td img:hover,
.assign-route-for-multiple__table td a:hover {
  cursor: pointer;
}
.assign-route-for-multiple__table tbody {
  background-color: var(--level-1);
}
.assign-route-for-multiple__table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-route-for-multiple__table tbody tr:hover td {
  color: var(--level-7);
}
.assign-route-for-multiple__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-route-for-multiple__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-route-for-multiple__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.assign-route-for-multiple__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.assign-route-for-multiple__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.assign-route-for-multiple__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-route-for-multiple__table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-route-for-multiple__table--status {
  width: 10%;
}

.reorder-route-stages {
  height: calc(100% - 30px);
}
.reorder-route-stages__tableblock {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.reorder-route-stages__tableblock--table {
  max-height: 100%;
}
.reorder-route-stages__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.reorder-route-stages__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.reorder-route-stages__tableblock--table td img:hover,
.reorder-route-stages__tableblock--table td a:hover {
  cursor: pointer;
}
.reorder-route-stages__tableblock--table tbody {
  background-color: var(--level-1);
}
.reorder-route-stages__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.reorder-route-stages__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.reorder-route-stages__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.reorder-route-stages__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.reorder-route-stages__tableblock--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}

.transport-dashboard {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.transport-dashboard__blocks {
  column-gap: 20px;
  margin-top: 10px;
}
.transport-dashboard__blocks--cards {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.transport-dashboard__blocks--cards:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.transport-dashboard__blocks--cards {
  height: 120px;
  margin-bottom: 10px;
}
.transport-dashboard__blocks--cards--title {
  display: flex;
  justify-content: space-between;
}
.transport-dashboard__blocks--cards--images {
  display: flex;
  justify-content: space-between;
}
.transport-dashboard__blocks--cards--total-students, .transport-dashboard__blocks--cards--routes-not-assigned, .transport-dashboard__blocks--cards--total-stages, .transport-dashboard__blocks--cards--total-routes {
  font-family: "Spline Sans Mono", monospace !important;
  color: #a855f7;
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: bold;
  font-size: 16px;
}
.transport-dashboard__blocks--cards--total-routes {
  color: #0ea5e9;
}
.transport-dashboard__blocks--cards--total-stages {
  color: #f59e0b;
}
.transport-dashboard__blocks--cards--routes-not-assigned {
  color: #ef4444;
}
.transport-dashboard__select {
  column-gap: 10px;
  margin-top: 10px;
}
.transport-dashboard__select .storybook-input {
  margin-top: 0px !important;
}
.transport-dashboard__tableblock {
  height: calc(100% - 225px);
  margin-top: 10px;
}
.transport-dashboard__table {
  max-height: 100%;
}
.transport-dashboard__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-dashboard__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-dashboard__table td img:hover,
.transport-dashboard__table td a:hover {
  cursor: pointer;
}
.transport-dashboard__table tbody {
  background-color: var(--level-1);
}
.transport-dashboard__table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-dashboard__table tbody tr:hover td {
  color: var(--level-7);
}
.transport-dashboard__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-dashboard__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.transport-dashboard__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-dashboard__table--actions {
  width: 4%;
}
.transport-dashboard__table--actions img {
  width: 25px;
  filter: invert(0%);
}
.transport-dashboard__table--actions img:hover {
  background: white;
  border-radius: 50%;
}
.transport-dashboard__table--admno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-dashboard__table--desc {
  width: 8%;
}

.transport-ledger {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.transport-ledger__options {
  column-gap: 10px;
}
.transport-ledger__options--image-flex {
  display: flex;
}
.transport-ledger__options .MuiAutocomplete-root {
  margin-top: 5px;
}
.transport-ledger__amount {
  column-gap: 10px;
}
.transport-ledger__amount--input {
  background-color: #fef9c3 !important;
}
.transport-ledger__amount--button {
  display: flex;
  justify-content: flex-end;
}
.transport-ledger__tableblock {
  height: calc(100% - 135px);
  margin-top: 10px;
}
.transport-ledger__table {
  max-height: 100%;
}
.transport-ledger__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-ledger__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-ledger__table td img:hover,
.transport-ledger__table td a:hover {
  cursor: pointer;
}
.transport-ledger__table tbody {
  background-color: var(--level-1);
}
.transport-ledger__table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-ledger__table tbody tr:hover td {
  color: var(--level-7);
}
.transport-ledger__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-ledger__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.transport-ledger__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-ledger__table--actions {
  width: 4%;
}
.transport-ledger__table--ledger {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}

.transport-demand {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.transport-demand__options {
  margin-top: 10px;
  height: 300px;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.transport-demand__options .subtitle1 {
  display: flex;
  justify-content: flex-start !important;
}
.transport-demand__options--select {
  margin-top: 10px;
  display: flex;
  font-family: "Josefin Sans" !important;
  gap: 5px;
}
.transport-demand__options--select--label {
  font-weight: bold;
}
.transport-demand__options--block {
  margin-top: 10px;
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Josefin Sans" !important;
  overflow: auto;
}
.transport-demand__options--block--item {
  height: 100px;
  display: flex;
  gap: 10px;
}
.transport-demand__options--block--item--route {
  width: 200px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.transport-demand__options--block--item--route b {
  color: var(--level-6);
  font-size: 18px;
}
.transport-demand__options--block--stages {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: calc(100% - 210px);
}
.transport-demand__options--block--stages--item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.transport-demand__options--block--stages--item[data-hidden=true] {
  display: none;
}
.transport-demand__options--block--stages--more {
  margin-left: 8px;
  color: var(--level-6);
}
.transport-demand__options--block--stages--more b {
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-demand__options--block--stages--more span {
  font-family: "Josefin Sans" !important;
}
.transport-demand__routes-stages {
  height: 100%;
}
.transport-demand__routes-stages--title {
  height: 40px;
}
.transport-demand__routes-stages--title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.transport-demand__routes-stages--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.transport-demand__routes-stages--title--close:hover {
  background-color: #f3f4f6;
}
.transport-demand__routes-stages--title--close {
  width: fit-content !important;
}
.transport-demand__routes-stages--data {
  height: calc(100% - 95px);
  margin-top: 10px;
  font-family: "Josefin Sans" !important;
}
.transport-demand__routes-stages--data--route {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.transport-demand__routes-stages--data--route b {
  color: var(--level-6);
  font-size: 18px;
}
.transport-demand__routes-stages--data--stage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.transport-demand__routes-stages--data--stage--item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.transport-demand__table {
  height: calc(100% - 370px);
  margin-top: 10px;
}
.transport-demand__update {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.transport-demand__update--select {
  height: 60px;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.transport-demand__update--select--stage {
  display: flex;
  gap: 10px;
}
.transport-demand__update--table {
  height: calc(100% - 130px);
  margin-top: 10px;
}
.transport-demand__view {
  height: 100%;
}
.transport-demand__view--table {
  height: calc(100% - 155px);
  margin-top: 10px;
}
.transport-demand__raise-demand {
  height: 100%;
}
.transport-demand__raise-demand--title {
  height: 40px;
}
.transport-demand__raise-demand--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.transport-demand__raise-demand--title--close:hover {
  background-color: #f3f4f6;
}
.transport-demand__raise-demand--title--close {
  width: fit-content !important;
}
.transport-demand__raise-demand--filters {
  height: 100px;
  column-gap: 10px;
}
.transport-demand__raise-demand--filters--data {
  display: grid;
  grid-template-columns: 0.2fr 1fr;
}
.transport-demand__raise-demand--filters--fetch {
  margin: 5px 0px 0px 10px;
}
.transport-demand__raise-demand--block {
  height: calc(100% - 180px);
  column-gap: 10px;
  display: flex;
}
.transport-demand__raise-demand--block--data {
  height: calc(100% - 10px);
  width: 49%;
}
.transport-demand__raise-demand--block--table {
  height: calc(100% - 55px);
}
.transport-demand__raise-demand--block--count {
  height: 20px;
  font-family: "Josefin Sans" !important;
  display: flex;
  justify-content: flex-end;
  margin: 10px 10px 0px 10px;
}
.transport-demand__re-raise-demand {
  height: calc(100% - 185px);
  margin: 0px 20px;
}
.transport-demand__re-raise-demand--block {
  height: calc(100% - 40px);
  margin-top: 10px;
}

.view-demand-raised {
  height: 100%;
}
.view-demand-raised--title {
  height: 40px;
}
.view-demand-raised--title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.view-demand-raised--title--close:hover {
  background-color: #f3f4f6;
}
.view-demand-raised--title--close {
  width: fit-content !important;
}
.view-demand-raised--filters {
  height: 40px;
}
.view-demand-raised--table {
  height: calc(100% - 130px);
  margin-top: 10px;
}

.review-stages-routes {
  height: 100%;
}
.review-stages-routes__title {
  height: 40px;
}
.review-stages-routes__title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.review-stages-routes__title--close:hover {
  background-color: #f3f4f6;
}
.review-stages-routes__title--close {
  width: fit-content !important;
}
.review-stages-routes__data {
  height: calc(100% - 90px);
  margin-top: 10px;
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.review-stages-routes__data--route {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.review-stages-routes__data--route b {
  color: var(--level-6);
  font-size: 18px;
}
.review-stages-routes__data--stage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.review-stages-routes__data--stage--item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.enquiry-dashboard {
  height: calc(100% - 165px);
  margin: 0px 20px 10px 20px;
}
.enquiry-dashboard__menu--tabs {
  margin-top: 10px;
}
.enquiry-dashboard__menu--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.enquiry-dashboard__menu--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.enquiry-dashboard__menu--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.enquiry-dashboard__menu--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.enquiry-dashboard__menu--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.enquiry-dashboard__menu--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.enquiry-dashboard__menu--filters {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.enquiry-dashboard__tabpanel {
  height: calc(100% - 55px);
}
.enquiry-dashboard__tabpanel p {
  height: 100%;
}
.enquiry-dashboard__details {
  column-gap: 20px;
  height: 175px;
}
.enquiry-dashboard__details img {
  width: 30px;
}
.enquiry-dashboard__details ul {
  margin-bottom: 0px !important;
}
.enquiry-dashboard__details--block, .enquiry-dashboard__details--qrcode, .enquiry-dashboard__details--conversion {
  padding: 5px;
  margin-top: 10px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.enquiry-dashboard__details--block:hover, .enquiry-dashboard__details--qrcode:hover, .enquiry-dashboard__details--conversion:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.enquiry-dashboard__details--block, .enquiry-dashboard__details--qrcode, .enquiry-dashboard__details--conversion {
  height: 100%;
}
.enquiry-dashboard__details--block--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 3px !important;
  color: var(--text-color) !important;
  font-weight: 700;
}
.enquiry-dashboard__details--block--tabs .MuiTabs-list {
  column-gap: 5px;
}
.enquiry-dashboard__details--block--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.enquiry-dashboard__details--block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.enquiry-dashboard__details--block--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.enquiry-dashboard__details--block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.enquiry-dashboard__details--block--tabs .MuiButtonBase-root {
  min-width: 60px !important;
}
.enquiry-dashboard__details--block--tabs .MuiTabs-flexContainer {
  background: var(--level-1);
  padding: 5px;
  border-radius: 6px;
  width: fit-content !important;
}
.enquiry-dashboard__details--block--tabpanel {
  height: calc(100% - 40px);
}
.enquiry-dashboard__details--block--title {
  display: flex;
  justify-content: space-between;
}
.enquiry-dashboard__details--block--title .subtitle1 {
  width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
.enquiry-dashboard__details--block--title .subtitle1:hover {
  text-overflow: clip;
  overflow: visible;
}
.enquiry-dashboard__details--block--li {
  display: grid;
  grid-template-columns: 0.3fr 1fr 0.5fr;
  padding: 0px 5px 0px 5px;
  border-radius: 6px;
}
.enquiry-dashboard__details--block--li:hover {
  background-color: var(--level-1);
}
.enquiry-dashboard__details--block--enquired-student, .enquiry-dashboard__details--block--not-decided, .enquiry-dashboard__details--block--not-interested, .enquiry-dashboard__details--block--interested, .enquiry-dashboard__details--block--application, .enquiry-dashboard__details--block--conversion, .enquiry-dashboard__details--block--today-follow-up, .enquiry-dashboard__details--block--called-today, .enquiry-dashboard__details--block--to-follow-up, .enquiry-dashboard__details--block--admitted-students {
  color: #7c3aed;
  text-align: right;
  margin-top: auto;
  margin-bottom: auto;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 16px;
}
.enquiry-dashboard__details--block--admitted-students {
  color: #f472b6;
}
.enquiry-dashboard__details--block--to-follow-up {
  color: #ef4444;
}
.enquiry-dashboard__details--block--called-today {
  color: #2563eb;
}
.enquiry-dashboard__details--block--today-follow-up {
  color: #6b7280;
}
.enquiry-dashboard__details--block--conversion {
  color: #38bdf8;
  font-size: 20px;
}
.enquiry-dashboard__details--block--conversion--li {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.enquiry-dashboard__details--block--conversion--li img {
  width: 40px;
}
.enquiry-dashboard__details--block--conversion--li span {
  font-size: 18px !important;
}
.enquiry-dashboard__details--block--application {
  color: #38bdf8;
}
.enquiry-dashboard__details--block--interested {
  color: #4ade80;
}
.enquiry-dashboard__details--block--not-interested {
  color: #f87171;
}
.enquiry-dashboard__details--block--not-decided {
  color: #fbbf24;
}
.enquiry-dashboard__details--conversion {
  height: calc(50% - 5px);
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}
.enquiry-dashboard__details--qrcode {
  height: calc(50% - 5px);
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.enquiry-dashboard__details--qrcode:hover {
  background-color: var(--level-1);
}
.enquiry-dashboard__details--qrcode--url {
  height: 60px !important;
  width: 60px !important;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}
.enquiry-dashboard__details--qrcode--text {
  font-size: 16px;
  display: block;
  margin: auto;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.enquiry-dashboard__data {
  height: calc(100% - 195px);
  column-gap: 20px;
  margin-top: 10px;
}
.enquiry-dashboard__data--calendar {
  height: calc(100% - 40px);
}
.enquiry-dashboard__data--calendar--grid-container {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
  /* Rows will adjust to fit content */
  gap: 10px;
  overflow: auto;
}
.enquiry-dashboard__data--calendar--grid-container--day {
  text-align: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  height: 20px;
}
.enquiry-dashboard__data--calendar--grid-item {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 55px;
}
.enquiry-dashboard__data--calendar--grid-item:hover {
  background-color: var(--level-2);
}
.enquiry-dashboard__data--calendar--grid-item:hover .enquiry-dashboard__data--calendar--grid-item--number {
  background-color: var(--level-6);
  color: white;
}
.enquiry-dashboard__data--calendar--grid-item .font-green,
.enquiry-dashboard__data--calendar--grid-item .font-red {
  font-weight: 700 !important;
}
.enquiry-dashboard__data--calendar--grid-item--date {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  padding-left: 5px;
}
.enquiry-dashboard__data--calendar--grid-item--number {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 17px;
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  width: fit-content;
  border-radius: 20px 0px 0px 0px;
  padding: 2px 8px;
  background-color: #f5f5f4;
}
.enquiry-dashboard__data--calendar--grid-item--disabled {
  background-color: var(--disabled-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 55px;
}
.enquiry-dashboard__data--title {
  display: flex;
  justify-content: space-between;
}
.enquiry-dashboard__data--title--month {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.enquiry-dashboard__data--title--month img {
  width: 25px;
  height: 25px;
}
.enquiry-dashboard__data--title--total {
  display: flex;
  justify-content: flex-end;
}
.enquiry-dashboard__data--title--total Label {
  margin-top: 0px;
}
.enquiry-dashboard__data--title--totalcount {
  background: var(--level-5);
  border-radius: 50px;
  width: 40px;
  height: 40px;
  border: 8px solid var(--level-2);
  text-align: center;
  padding: 3px;
  color: white;
  flex: none;
  order: 2;
  font-size: 12px;
  flex-grow: 0;
  margin-top: -3px;
}
.enquiry-dashboard__charts {
  height: 100% !important;
  margin-top: 10px;
  width: calc(100% - 20px) !important;
}
.enquiry-dashboard__tableblock {
  height: calc(100% - 75px);
}

.enquiry-dashboard__data--calendar--grid-container::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.enquiry-dashboard__data--calendar--grid-container::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.enquiry-dashboard__data--calendar--grid-container::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.enquiry-teacher {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.enquiry-teacher__filters {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
}
.enquiry-teacher__textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.enquiry-teacher__textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.enquiry-teacher__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.enquiry-teacher__textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.enquiry-teacher__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.enquiry-teacher__textfield {
  width: fit-content !important;
}
.enquiry-teacher__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  height: 180px;
  margin-top: 10px;
}
.enquiry-teacher__card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.enquiry-teacher__card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.enquiry-teacher__card {
  height: 100% !important;
}
.enquiry-teacher__card--title {
  display: flex;
  justify-content: space-between;
}
.enquiry-teacher__card--title img {
  width: 25px;
}
.enquiry-teacher__card--url {
  height: 80px !important;
  width: 80px !important;
  display: block;
  margin: 20px auto;
}
.enquiry-teacher__card--text {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.enquiry-teacher__card ul {
  margin-bottom: 0px !important;
}
.enquiry-teacher__card li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.enquiry-teacher__card li img {
  width: 40px;
  margin-right: 10px;
}
.enquiry-teacher__card li span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.enquiry-teacher__card li b {
  font-size: 16px;
  font-family: "Spline Sans Mono", monospace !important;
}
.enquiry-teacher__tableblock {
  margin-top: 10px;
  height: calc(100% - 240px);
}
.enquiry-teacher__tableblock--title {
  display: flex;
  justify-content: flex-start;
}
.enquiry-teacher__tableblock--filters {
  column-gap: 10px;
}
.enquiry-teacher__tableblock--filters .storybook-input {
  margin-top: 0px !important;
}
.enquiry-teacher__tableblock--filters .student-total-count {
  float: right;
}
.enquiry-teacher__table {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.enquiry-teacher__table--button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.enquiry-teacher__table--button img {
  width: 20px;
}

.std-enquiry-followup {
  margin-top: 2px;
  height: 100%;
}
.std-enquiry-followup__details {
  gap: 10px;
}
.std-enquiry-followup__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-enquiry-followup__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-enquiry-followup__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enquiry-followup__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-enquiry-followup__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enquiry-followup__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-enquiry-followup__details--textfield {
  margin: 8px 0px 0px 0px !important;
}
.std-enquiry-followup__details .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.std-enquiry-followup__details--clear {
  display: flex;
  justify-content: flex-end;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.std-enquiry-followup__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.std-enquiry-followup__table {
  max-height: 100%;
}
.std-enquiry-followup__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-followup__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-enquiry-followup__table td img:hover,
.std-enquiry-followup__table td a:hover {
  cursor: pointer;
}
.std-enquiry-followup__table tbody {
  background-color: var(--level-1);
}
.std-enquiry-followup__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-enquiry-followup__table tbody tr:hover td {
  color: var(--level-7);
}
.std-enquiry-followup__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-enquiry-followup__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-enquiry-followup__table tr:hover .std-enquiry-followup__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.std-enquiry-followup__table--slno {
  font-family: "Spline Sans Mono", monospace !important;
  width: 4%;
}
.std-enquiry-followup__table--email {
  width: 10%;
}
.std-enquiry-followup__table--mobileno {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-followup__table--inst {
  width: 10%;
}
.std-enquiry-followup__table--dept {
  width: 8%;
}
.std-enquiry-followup__table--status {
  width: 10%;
}
.std-enquiry-followup__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-followup__table--count {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-followup__view {
  height: calc(100% - 30px);
}
.std-enquiry-followup__view--details {
  height: 120px;
  gap: 20px;
}
.std-enquiry-followup__view--details--span-4 {
  column-count: 4;
  column-gap: 20px;
  height: 100%;
}
.std-enquiry-followup__view--details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-enquiry-followup__view--details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-enquiry-followup__view--details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enquiry-followup__view--details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-enquiry-followup__view--details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enquiry-followup__view--details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-enquiry-followup__view--details--textfield {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.std-enquiry-followup__view--tableblock {
  height: calc(100% - 300px);
  margin-top: 10px;
}
.std-enquiry-followup__view--table {
  max-height: 100%;
}
.std-enquiry-followup__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-followup__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-enquiry-followup__view--table td img:hover,
.std-enquiry-followup__view--table td a:hover {
  cursor: pointer;
}
.std-enquiry-followup__view--table tbody {
  background-color: var(--level-1);
}
.std-enquiry-followup__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.std-enquiry-followup__view--table tbody tr:hover td {
  color: var(--level-7);
}
.std-enquiry-followup__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-enquiry-followup__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-enquiry-followup__view--table {
  height: calc(100% - 30px);
}
.std-enquiry-followup__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-followup__view--table--status {
  width: 10%;
}
.std-enquiry-followup__view--table--date {
  width: 8%;
}
.std-enquiry-followup__view--additional {
  height: 125px;
  column-gap: 20px;
}
.std-enquiry-followup__view--additional--frame {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
}
.std-enquiry-followup__view--additional--frame Label,
.std-enquiry-followup__view--additional--frame .storybook-input {
  margin-top: 5px !important;
}
.std-enquiry-followup__view--additional--frame--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.std-enquiry-followup__view--additional--frame--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.std-enquiry-followup__view--additional--frame--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enquiry-followup__view--additional--frame--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-enquiry-followup__view--additional--frame--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.std-enquiry-followup__view--additional--frame--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.std-enquiry-followup__view--additional--frame--textfield {
  height: 100px;
}
.std-enquiry-followup__view--additional--frame--label-grid {
  display: grid;
  grid-template-columns: 0.5fr 2.5fr;
}
.std-enquiry-followup__total {
  text-align: right;
}
.std-enquiry-followup__total .student-total-count {
  margin: 10px 0px 0px 0px !important;
}

.student-enquiry {
  height: calc(100% - 15px);
  margin-top: 15px;
}
.student-enquiry .buttons-flex {
  display: flex;
  justify-content: flex-end;
}
.student-enquiry .student-add-button {
  margin: 0px;
}
.student-enquiry .student-clear-button {
  margin: 0px 10px 0px 0px;
}
.student-enquiry--modal {
  height: calc(100% - 75px);
}
.student-enquiry--modal .buttons-flex {
  display: flex;
  justify-content: flex-end;
}
.student-enquiry--modal .student-clear-button {
  margin: 0px;
}
.student-enquiry__options {
  column-gap: 10px;
  margin-top: 5px;
}
.student-enquiry__options--filters {
  display: flex;
  column-gap: 10px;
}
.student-enquiry__options--filters .MuiFormControl-root {
  margin-top: 0px !important;
}
.student-enquiry__search input {
  margin-top: 0px;
}
.student-enquiry__frame {
  height: calc(100% - 88px);
  margin-top: 10px;
}
.student-enquiry__frame--table {
  max-height: 100%;
}
.student-enquiry__frame--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.student-enquiry__frame--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.student-enquiry__frame--table td img:hover,
.student-enquiry__frame--table td a:hover {
  cursor: pointer;
}
.student-enquiry__frame--table tbody {
  background-color: var(--level-1);
}
.student-enquiry__frame--table tbody tr:hover {
  background-color: var(--level-2);
}
.student-enquiry__frame--table tbody tr:hover td {
  color: var(--level-7);
}
.student-enquiry__frame--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.student-enquiry__frame--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.student-enquiry__frame--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-enquiry__frame--table--th-slno {
  width: 4%;
}
.student-enquiry__frame--table--inst {
  width: 12%;
}
.student-enquiry__frame--table--desc {
  width: 7%;
}
.student-enquiry__frame--table--mobile {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.student-enquiry__frame--table--th-mobile {
  width: 8%;
}
.student-enquiry__frame--table--email {
  width: 10%;
}
.student-enquiry__frame--table--status {
  width: 4%;
}
.student-enquiry__frame--table--action {
  width: 8%;
}
.student-enquiry__frame--modal {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.student-enquiry__form {
  height: calc(100% - 30px);
}
.student-enquiry__form--data {
  height: calc(100% - 45px);
  overflow: auto;
  column-gap: 30px;
  padding-right: 10px;
}
.student-enquiry__form--data .MuiAutocomplete-endAdornment {
  right: 10px !important;
}
.student-enquiry__form--data--gender {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.student-enquiry__form--data--gender .MuiAutocomplete-root {
  margin-top: 10px !important;
}
.student-enquiry__form--data--logo-grid {
  display: grid;
  grid-template-columns: 0.8fr 0.8fr 0.6fr 0.6fr;
  gap: 10px;
}
.student-enquiry__form--data--logo-grid .storybook-button {
  margin: 10px 0px 0px 0px;
}
.student-enquiry__form--data--logo-grid--browse {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.student-enquiry__form--data--logo-grid--browse input {
  display: none;
}
.student-enquiry__form--data--logo-grid--browse img {
  padding-right: 5px;
}
.student-enquiry__form--data .label-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.student-enquiry__form--data--label-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-top: 10px;
}
.student-enquiry__form--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.student-enquiry__form--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.student-enquiry__form--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-enquiry__form--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.student-enquiry__form--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.student-enquiry__form--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.student-enquiry__form--textfield {
  margin: 10px 0px 0px 0px !important;
}
.student-enquiry__total {
  display: flex;
  justify-content: flex-end;
}
.student-enquiry__success {
  font-family: "Josefin Sans" !important;
  display: flex;
  gap: 20px;
}
.student-enquiry__sibling {
  display: flex;
  justify-content: start;
}

.student-enquiry__form--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.student-enquiry__form--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.student-enquiry__form--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.enquiry-allocation {
  height: calc(100% - 10px);
}
.enquiry-allocation__filters {
  column-gap: 10px;
  margin-top: 10px;
}
.enquiry-allocation__filters #search {
  margin-top: 0px !important;
}
.enquiry-allocation__tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.enquiry-allocation__table {
  max-height: 100%;
}
.enquiry-allocation__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.enquiry-allocation__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.enquiry-allocation__table td img:hover,
.enquiry-allocation__table td a:hover {
  cursor: pointer;
}
.enquiry-allocation__table tbody {
  background-color: var(--level-1);
}
.enquiry-allocation__table tbody tr:hover {
  background-color: var(--level-2);
}
.enquiry-allocation__table tbody tr:hover td {
  color: var(--level-7);
}
.enquiry-allocation__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.enquiry-allocation__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.enquiry-allocation__table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.enquiry-allocation__table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.enquiry-allocation__table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.enquiry-allocation__move-to {
  height: 100%;
  padding: 15px 10px 10px 10px;
}
.enquiry-allocation__move-to .student-total-count {
  text-align: right;
}
.enquiry-allocation__move-to--tableblock {
  height: calc(100% - 85px);
  margin-top: 10px;
}
.enquiry-allocation__move-to--table {
  max-height: 100%;
}
.enquiry-allocation__move-to--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.enquiry-allocation__move-to--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.enquiry-allocation__move-to--table td img:hover,
.enquiry-allocation__move-to--table td a:hover {
  cursor: pointer;
}
.enquiry-allocation__move-to--table tbody {
  background-color: var(--level-1);
}
.enquiry-allocation__move-to--table tbody tr:hover {
  background-color: var(--level-2);
}
.enquiry-allocation__move-to--table tbody tr:hover td {
  color: var(--level-7);
}
.enquiry-allocation__move-to--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.enquiry-allocation__move-to--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.enquiry-allocation__move-to--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.enquiry-allocation__move-to--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.enquiry-allocation__move-to--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.enquiry-allocation__move-to--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.enquiry-allocation__move-to--table--desc {
  width: 10%;
}
.enquiry-allocation__move-to--table--inst {
  width: 12%;
}
.enquiry-allocation__move-to--table--mobile {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.enquiry-allocation__move-to--table--email {
  width: 10%;
}
.enquiry-allocation__move-to--table--status {
  width: 4%;
}
.enquiry-allocation__total {
  text-align: right;
}
.enquiry-allocation__total .student-total-count {
  margin: 10px 0px 0px 0px !important;
}

.std-enquiry-for-all {
  height: calc(100% - 40px);
  margin: 20px 0px 20px 0px;
}
.std-enquiry-for-all .MuiAutocomplete-option:hover {
  background-color: var(--level-2) !important;
}
.std-enquiry-for-all .MuiAutocomplete-option:focus {
  background-color: var(--level-2) !important;
}
.std-enquiry-for-all .MuiAutocomplete-option {
  height: 10px !important;
}
.std-enquiry-for-all .MuiAutocomplete-root {
  margin-top: 10px;
}
.std-enquiry-for-all__form {
  height: calc(100% - 105px);
  background: linear-gradient(180deg, #fffdd5 0%, rgba(232, 232, 232, 0) 35.66%, rgba(232, 232, 232, 0) 100%);
}
.std-enquiry-for-all__form--data {
  margin-top: 10px;
  height: calc(100% - 145px);
  padding: 0px 10px;
  overflow: auto;
}
.std-enquiry-for-all__form--data::-webkit-scrollbar {
  display: none;
}
.std-enquiry-for-all__form--textfield, .std-enquiry-for-all__form--required {
  height: 30px;
  width: 100%;
  margin-top: 15px !important;
}
.std-enquiry-for-all__form--textfield .Mui-focused .MuiOutlinedInput-notchedOutline, .std-enquiry-for-all__form--required .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.std-enquiry-for-all__form--textfield .MuiInputBase-input, .std-enquiry-for-all__form--required .MuiInputBase-input {
  padding: 5px !important;
}
.std-enquiry-for-all__form--textfield input, .std-enquiry-for-all__form--required input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.std-enquiry-for-all__form--textfield label, .std-enquiry-for-all__form--required label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.std-enquiry-for-all__form--textfield--captcha {
  width: 100%;
}
.std-enquiry-for-all__form--textfield--captcha label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.std-enquiry-for-all__form--textfield--captcha .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--level-5) !important;
  font-weight: bold !important;
}
.std-enquiry-for-all__form--textfield--captcha {
  margin: 15px 0px 0px 0px !important;
}
.std-enquiry-for-all__form--textfield--captcha .MuiInputBase-input {
  padding: 5px !important;
}
.std-enquiry-for-all__form--required {
  border-right: 3px solid red !important;
  border-radius: 5px !important;
}
.std-enquiry-for-all__form--buttons {
  padding: 0px 0px 0px 10px;
  margin-top: 10px;
  border-top: 1px dashed var(--border-color);
}
.std-enquiry-for-all__inst-details {
  height: 100px;
  display: flex;
  column-gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--border-color);
  padding: 0px 20px;
}
.std-enquiry-for-all__inst-details--logo {
  height: 100%;
}
.std-enquiry-for-all__inst-details--logo img {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
}
.std-enquiry-for-all__inst-details--c-name {
  font-size: 10px !important;
  font-family: "Josefin Sans" !important;
  padding: 2px;
}
.std-enquiry-for-all__inst-details--address {
  width: calc(100% - 50px);
  text-align: center;
}
.std-enquiry-for-all__inst-details--address span {
  display: block;
  font-size: 10px;
  padding: 2px;
  font-family: "Josefin Sans" !important;
  text-transform: capitalize;
}
.std-enquiry-for-all__inst-details--address b {
  display: block;
  font-size: 12px;
  padding: 2px;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-for-all__title img {
  height: 40px;
  width: 40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.std-enquiry-for-all__footer {
  text-align: center;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  margin-top: 10px;
  padding-left: 10px;
  font-weight: 500;
}
.std-enquiry-for-all__footer img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.std-enquiry-for-all__final-page {
  height: calc(100% - 10px);
  margin-top: 10px;
}
.std-enquiry-for-all__final-page--text {
  height: fit-content;
  padding: 20px;
  height: 150px;
}
.std-enquiry-for-all__final-page--data {
  height: calc(100% - 100px);
  background: linear-gradient(180deg, #d6ffd5 0%, rgba(232, 232, 232, 0) 35.66%, rgba(232, 232, 232, 0) 100%);
}
.std-enquiry-for-all__final-page--image {
  display: flex;
  justify-content: center;
  height: calc(100% - 185px);
}
.std-enquiry-for-all__final-page--image img {
  width: 75%;
  height: 50%;
  border-radius: 10px;
}
.std-enquiry-for-all__final-page h2 {
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
  font-size: 18px !important;
  text-align: center;
}

.std-enquiry-view {
  height: 100%;
}
.std-enquiry-view__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.std-enquiry-view__title img:hover {
  background-color: #f3f4f6;
}
.std-enquiry-view__tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.std-enquiry-view__table {
  max-height: 100%;
}
.std-enquiry-view__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-view__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.std-enquiry-view__table td img:hover,
.std-enquiry-view__table td a:hover {
  cursor: pointer;
}
.std-enquiry-view__table tbody {
  background-color: var(--level-1);
}
.std-enquiry-view__table tbody tr:hover {
  background-color: var(--level-2);
}
.std-enquiry-view__table tbody tr:hover td {
  color: var(--level-7);
}
.std-enquiry-view__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.std-enquiry-view__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.std-enquiry-view__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-view__table--count {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-view__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-view__table--mobile {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.std-enquiry-view__table--email {
  width: 12%;
}
.std-enquiry-view__table--status {
  width: 12%;
}

.std-enquiry-print {
  height: calc(100% - 45px);
}
.std-enquiry-print .Heading {
  margin-bottom: 20px;
}
.std-enquiry-print__url {
  height: 160px !important;
  width: 160px !important;
  display: block !important;
  margin: auto;
  align-items: center !important;
}
.std-enquiry-print__url--footer1 {
  background-color: var(--level-3);
  border-radius: 30px;
  color: var(--text-color);
  width: fit-content;
  margin-top: 20px;
}
.std-enquiry-print__url--footer2 {
  color: var(--text-color);
  text-align: center;
  margin-top: 5px;
}
.std-enquiry-print__inst-details {
  height: 100px;
  display: flex;
  column-gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--border-color);
  padding: 0px 20px;
}
.std-enquiry-print__inst-details--logo {
  height: 100%;
  width: 100px;
}
.std-enquiry-print__inst-details--logo img {
  display: block;
  margin: auto;
  width: 80px;
  height: 80px;
}
.std-enquiry-print__inst-details--c-name {
  font-size: 12px !important;
  font-family: "Josefin Sans" !important;
  font-weight: 400;
}
.std-enquiry-print__inst-details--address {
  width: calc(100% - 180px);
  text-align: center;
}
.std-enquiry-print__inst-details--address span {
  display: block;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-print__inst-details--address b {
  display: block;
  font-size: 14px;
  padding: 2px;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-print__footer {
  text-align: right;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.std-enquiry-print__footer img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.std-enquiry-print__qrcode {
  height: calc(100% - 140px);
}
.std-enquiry-print span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: block;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
}
.std-enquiry-print a {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  display: block;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  text-decoration: underline;
}
.std-enquiry-print__config .module-wise-configuration__block--details {
  column-count: 1 !important;
}

.registration-details {
  height: calc(100% - 20px);
  margin: 10px 10px 10px 10px;
}
.registration-details__inst {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  height: 90px;
}
.registration-details__online-form {
  height: calc(100% - 105px);
}
.registration-details__bg {
  height: calc(100% - 80px);
  margin: 10px 40px 0px 40px;
  background-color: var(--border-color);
  border: 1px solid var(--border-color);
  border-radius: 30px;
}
.registration-details__form {
  height: calc(100% - 60px);
  margin: 30px;
  display: flex;
  overflow: auto;
}
.registration-details__form--image {
  height: 100%;
}
.registration-details__form--image img {
  height: 100% !important;
  width: 100% !important;
}
.registration-details__data {
  margin: 10px;
  column-gap: 20px;
  display: flex;
}
.registration-details__data--student {
  width: 50%;
}
.registration-details__data--student--names {
  display: flex;
  column-gap: 10px;
}
.registration-details__data--student--label-grid {
  display: grid;
  grid-template-columns: 8fr 1fr;
  margin-top: 5px;
}
.registration-details__data--student .label-grid {
  grid-template-columns: 1fr;
  margin: 5px 0px;
}
.registration-details__data--seeking {
  width: 50%;
}
.registration-details__data--agent {
  margin-top: 10px;
}
.registration-details__buttons {
  display: flex;
  justify-content: center;
}
.registration-details__modal {
  height: calc(100% - 90px);
}
.registration-details__modal--image {
  display: flex;
  justify-content: center;
}
.registration-details__modal--text {
  text-align: center;
  margin-top: 10px;
  color: #94a3b8;
}
.registration-details__modal-buttons .storybook-button {
  width: 100% !important;
}
.registration-details__enquiry {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  height: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color);
}
.registration-details__enquiry--scroll {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 0 0 16px;
}
.registration-details__enquiry--heading {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  padding: 12px 10px;
  margin-bottom: 10px;
  background-color: var(--level-2);
  font-family: "Josefin Sans" !important;
}
.registration-details__enquiry--row, .registration-details__enquiry--date-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 10px;
  margin: 0 16px 16px;
}
.registration-details__enquiry--row .storybook-input:disabled, .registration-details__enquiry--date-row .storybook-input:disabled {
  background-color: var(--disabled-color);
  cursor: not-allowed;
}
.registration-details__enquiry--row .Label, .registration-details__enquiry--date-row .Label {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: 400;
  font-family: "Josefin Sans" !important;
}
.registration-details__enquiry--row .storybook-input, .registration-details__enquiry--date-row .storybook-input {
  width: 100% !important;
  margin-top: 0 !important;
  padding: 11px 12px;
  font-size: 14px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.registration-details__enquiry--row .storybook-input:focus, .registration-details__enquiry--date-row .storybook-input:focus {
  outline: none;
  border-color: var(--level-6);
}
.registration-details__enquiry--row .MuiAutocomplete-root,
.registration-details__enquiry--row .MuiFormControl-root, .registration-details__enquiry--date-row .MuiAutocomplete-root,
.registration-details__enquiry--date-row .MuiFormControl-root {
  width: 100% !important;
  margin-top: 0 !important;
}
.registration-details__enquiry--row .MuiOutlinedInput-root, .registration-details__enquiry--date-row .MuiOutlinedInput-root {
  padding: 3px 6px !important;
  background-color: var(--bg-color);
}
.registration-details__enquiry--row .MuiOutlinedInput-notchedOutline, .registration-details__enquiry--date-row .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--border-color) !important;
}
.registration-details__enquiry--row .MuiAutocomplete-input, .registration-details__enquiry--date-row .MuiAutocomplete-input {
  padding: 6px 8px !important;
  font-size: 14px;
  color: var(--text-color);
}
.registration-details__enquiry--row .MuiAutocomplete-input::placeholder, .registration-details__enquiry--date-row .MuiAutocomplete-input::placeholder {
  color: #94a3b8;
  opacity: 1;
}
.registration-details__enquiry--requesting-wrap {
  margin: 0 16px 16px;
}
.registration-details__enquiry--requesting-title {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
}
.registration-details__enquiry--requesting {
  border: 2px dashed var(--text-color);
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.registration-details__enquiry--accordion {
  background-color: var(--disabled-color);
  padding: 5px;
}
.registration-details__enquiry--accordion:last-of-type {
  border-bottom: 1px solid var(--border-color);
}
.registration-details__enquiry--accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
  cursor: pointer;
  user-select: none;
  background-color: var(--bg-color);
  font-family: "Josefin Sans" !important;
}
.registration-details__enquiry--accordion-body {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.registration-details__enquiry--chevron {
  height: 10px;
  width: 10px;
  transition: transform 0.2s ease;
}
.registration-details__enquiry--chevron.open {
  transform: rotate(180deg);
}
.registration-details__enquiry--same-as {
  margin: 0 !important;
}
.registration-details__enquiry--same-as .MuiFormControlLabel-label {
  font-size: 14px;
  color: var(--text-color);
}
.registration-details__enquiry--footer {
  display: flex;
  align-items: center;
}
.registration-details__enquiry--preview .registration-details__enquiry--scroll .storybook-input,
.registration-details__enquiry--preview .registration-details__enquiry--scroll .MuiAutocomplete-root,
.registration-details__enquiry--preview .registration-details__enquiry--scroll .MuiInputBase-root,
.registration-details__enquiry--preview .registration-details__enquiry--scroll .MuiCheckbox-root {
  pointer-events: none;
  background-color: var(--disabled-color);
  cursor: not-allowed;
}
.registration-details__enquiry--preview .registration-details__enquiry--accordion-body {
  background-color: var(--bg-color);
  border-top: 3px solid var(--disabled-color);
}
.registration-details__details-modal {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-color);
  font-family: "Josefin Sans" !important;
}
.registration-details__details-modal--title {
  height: 30px;
}
.registration-details__details-modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.registration-details__details-modal--title img:hover {
  background-color: #f3f4f6;
}
.registration-details__details-modal--scroll {
  height: calc(100% - 85px);
  margin-top: 10px;
  flex: 1;
  overflow-y: auto;
}
.registration-details__details-modal--top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
}
.registration-details__details-modal--date {
  display: flex;
  align-items: center;
  gap: 12px;
}
.registration-details__details-modal--date .Label {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  font-weight: 400;
}
.registration-details__details-modal--date .storybook-input {
  margin-top: 0 !important;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--disabled-color);
  color: var(--text-color);
  cursor: not-allowed;
}
.registration-details__details-modal--requesting-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-color);
}
.registration-details__details-modal--requesting {
  border: 2px dashed var(--text-color);
  border-radius: 6px;
  margin: 0 16px 16px;
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 20px;
}
.registration-details__details-modal--accordion {
  border: 1px solid var(--border-color);
}
.registration-details__details-modal--accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
  cursor: pointer;
  user-select: none;
  background-color: var(--bg-color);
  border-top: 1px solid var(--border-color);
}
.registration-details__details-modal--accordion-body {
  padding: 16px;
  background-color: var(--disabled-color);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 24px;
}
.registration-details__details-modal--row {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  align-items: center;
  column-gap: 10px;
}
.registration-details__details-modal--row .Label {
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400;
  color: var(--text-color);
}
.registration-details__details-modal--row .storybook-input {
  width: 100% !important;
  margin-top: 0 !important;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.registration-details__details-modal--row .storybook-input:focus {
  outline: none;
  border-color: var(--level-6);
}
.registration-details__details-modal--row .MuiAutocomplete-root,
.registration-details__details-modal--row .MuiFormControl-root {
  width: 100% !important;
  margin-top: 0 !important;
}
.registration-details__details-modal--row .MuiOutlinedInput-root {
  padding: 3px 6px !important;
  background-color: var(--bg-color);
}
.registration-details__details-modal--row .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--border-color) !important;
}
.registration-details__details-modal--row .MuiAutocomplete-input {
  padding: 6px 8px !important;
  font-size: 14px;
  color: var(--text-color);
}
.registration-details__details-modal--row .MuiAutocomplete-input::placeholder {
  color: #94a3b8;
  opacity: 1;
}
.registration-details__details-modal--upload {
  grid-column: span 2;
  grid-template-columns: 0.35fr 1.3fr !important;
}
.registration-details__details-modal--upload-control {
  display: flex;
  align-items: center;
  gap: 10px;
}
.registration-details__details-modal--upload-control .storybook-input {
  flex: 1;
  background-color: var(--disabled-color);
}
.registration-details__details-modal--chevron {
  height: 10px;
  width: 10px;
  transition: transform 0.2s ease;
}
.registration-details__details-modal--chevron.open {
  transform: rotate(180deg);
}
.registration-details__details-modal--same-as {
  grid-column: 1/-1;
  margin: 0 !important;
}
.registration-details__details-modal--same-as .MuiFormControlLabel-label {
  font-size: 14px;
  color: var(--text-color);
}
.registration-details__details-modal--footer {
  display: flex;
  align-items: center;
}
.registration-details__details-modal--preview .registration-details__modal--scroll .storybook-input,
.registration-details__details-modal--preview .registration-details__modal--scroll .MuiAutocomplete-root,
.registration-details__details-modal--preview .registration-details__modal--scroll .MuiInputBase-root,
.registration-details__details-modal--preview .registration-details__modal--scroll .MuiCheckbox-root {
  pointer-events: none;
  background-color: var(--disabled-color);
  cursor: not-allowed;
}

.registration-details__details-modal--scroll::-webkit-scrollbar,
.registration-details__enquiry--scroll::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.registration-details__details-modal--scroll::-webkit-scrollbar-thumb,
.registration-details__enquiry--scroll::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.registration-details__details-modal--scroll::-webkit-scrollbar-thumb:hover,
.registration-details__enquiry--scroll::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

@media only screen and (min-width: 1200px) {
  .registration-details__enquiry {
    max-width: 620px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .registration-details__enquiry {
    max-width: 560px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .registration-details__enquiry {
    max-width: 520px;
  }
}
@media only screen and (max-width: 767px) {
  .registration-details__enquiry {
    max-width: 100%;
    height: calc(100% - 100px);
  }
  .registration-details__enquiry--heading {
    font-size: 16px;
    padding: 12px 10px;
  }
  .registration-details__enquiry--row, .registration-details__enquiry--date-row, .registration-details__enquiry--requesting-wrap {
    margin: 0 10px 12px;
  }
  .registration-details__enquiry--row, .registration-details__enquiry--date-row {
    column-gap: 10px;
  }
  .registration-details__enquiry--row .storybook-input, .registration-details__enquiry--date-row .storybook-input {
    padding: 10px;
  }
  .registration-details__enquiry--row .MuiAutocomplete-input, .registration-details__enquiry--date-row .MuiAutocomplete-input {
    padding: 5px 8px !important;
  }
  .registration-details__enquiry--requesting-title {
    font-size: 16px;
  }
  .registration-details__enquiry--accordion {
    padding: 5px;
  }
  .registration-details__enquiry--accordion-header {
    font-size: 16px;
    padding: 10px 8px;
  }
  .registration-details__enquiry--accordion-body {
    padding: 10px 8px;
    gap: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .registration-details__enquiry--heading {
    font-size: 15px;
  }
  .registration-details__enquiry--row, .registration-details__enquiry--date-row, .registration-details__enquiry--requesting-wrap {
    margin: 0 10px 12px;
  }
  .registration-details__enquiry--requesting-title {
    font-size: 14px;
  }
  .registration-details__enquiry--row, .registration-details__enquiry--date-row {
    column-gap: 8px;
  }
  .registration-details__enquiry--row .Label, .registration-details__enquiry--date-row .Label {
    font-size: 14px;
  }
  .registration-details__enquiry--row .storybook-input,
  .registration-details__enquiry--row .MuiAutocomplete-input, .registration-details__enquiry--date-row .storybook-input,
  .registration-details__enquiry--date-row .MuiAutocomplete-input {
    font-size: 14px;
  }
  .registration-details__enquiry--accordion-header {
    font-size: 16px;
  }
}
@media only screen and (max-width: 360px) {
  .registration-details__enquiry--heading {
    font-size: 14px;
  }
  .registration-details__enquiry--accordion-header {
    font-size: 14px;
  }
  .registration-details__enquiry--row, .registration-details__enquiry--date-row {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }
  .registration-details__enquiry--row .Label, .registration-details__enquiry--date-row .Label {
    font-size: 12px;
  }
}
.details-submitted {
  height: calc(100% - 40px);
  margin: 20px;
}
.details-submitted__content {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
}
.details-submitted__content .Heading {
  font-size: 30px !important;
}
.details-submitted__content--sub-heading .Heading {
  color: #94a3b8 !important;
}
.details-submitted__content--image {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

@media (max-width: 600px) {
  .details-submitted__content img {
    height: 250px;
  }
  .details-submitted__content--sub-heading {
    height: 130px !important;
  }
  .details-submitted__content--sub-heading .Heading {
    font-size: 22px !important;
  }
  .details-submitted__content--image img {
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .details-submitted__content img {
    height: 250px;
  }
  .details-submitted__content--sub-heading {
    height: 130px !important;
  }
  .details-submitted__content--sub-heading .Heading {
    font-size: 22px !important;
  }
  .details-submitted__content--image img {
    height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .details-submitted__content img {
    height: 250px;
  }
  .details-submitted__content--sub-heading {
    height: 90px !important;
  }
  .details-submitted__content--sub-heading .Heading {
    font-size: 22px !important;
  }
  .details-submitted__content--image img {
    height: 50px;
  }
}
.enter-key {
  height: calc(100% - 40px);
  margin: 20px;
}
.enter-key__data {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  row-gap: 10px;
}
.enter-key__data--login {
  margin-top: 10px;
  text-align: center;
}
.enter-key__data--login .Label {
  font-size: 20px !important;
}
.enter-key__data--login--instinfo {
  margin: 10px 0px 20px 0px;
  height: 90px;
}
.enter-key__data--info .Label {
  font-size: 20px !important;
  color: #94a3b8;
}
.enter-key__data--block {
  height: 300px;
  padding: 40px;
  width: 30%;
  border: 1px solid var(--disabled-color);
  border-radius: 30px;
  background-color: var(--disabled-color);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.enter-key__data--block--key {
  width: 70%;
}
.enter-key__data--block--key .storybook-button {
  background-color: #16a34a !important;
  margin-top: 10px !important;
}
.enter-key__data--block--key--button {
  border-radius: 6px;
  margin-top: 10px;
  color: white;
  padding: 3px;
  text-transform: capitalize;
  background-color: #16a34a;
  text-align: center;
  height: 32px;
}
.enter-key__data--block--key--button button {
  background-color: transparent;
  color: var(--bg-color);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}
.enter-key__data--block--key--button:hover {
  cursor: pointer;
}

@media (max-width: 600px) {
  .enter-key {
    margin: 10px;
  }
  .enter-key__data {
    border-style: none;
    justify-content: start;
  }
  .enter-key__data--login .Heading {
    font-size: 20px !important;
  }
  .enter-key__data--login .Label {
    font-size: 16px !important;
  }
  .enter-key__data--info {
    text-align: center;
  }
  .enter-key__data--info .Label {
    font-size: 16px !important;
    margin-top: 0px !important;
  }
  .enter-key__data--block {
    padding: 20px;
    width: 90%;
  }
  .enter-key__data--block--key {
    width: 100%;
  }
  .enter-key__data--block--key .Label {
    color: #4a5568 !important;
  }
  .ReactModal__Content--after-open {
    width: 75% !important;
  }
}
@media only screen and (max-width: 767px) {
  .enter-key {
    margin: 10px;
  }
  .enter-key__data {
    border-style: none;
    justify-content: start;
  }
  .enter-key__data--login .Heading {
    font-size: 20px !important;
  }
  .enter-key__data--login .Label {
    font-size: 16px !important;
  }
  .enter-key__data--info {
    text-align: center;
  }
  .enter-key__data--info .Label {
    font-size: 16px !important;
    margin-top: 0px !important;
  }
  .enter-key__data--block {
    padding: 20px;
    width: 90%;
  }
  .enter-key__data--block--key {
    width: 100%;
  }
  .enter-key__data--block--key .Label {
    color: #4a5568 !important;
  }
  .ReactModal__Content--after-open {
    width: 75% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .enter-key {
    margin: 10px;
  }
  .enter-key__data {
    border-style: none;
    justify-content: start;
  }
  .enter-key__data--login .Heading {
    font-size: 22px !important;
  }
  .enter-key__data--login .Label {
    font-size: 18px !important;
  }
  .enter-key__data--info {
    text-align: center;
  }
  .enter-key__data--info .Label {
    font-size: 18px !important;
    margin-top: 0px !important;
  }
  .enter-key__data--block {
    padding: 20px;
    width: 90%;
  }
  .enter-key__data--block--key .Label {
    font-size: 16px !important;
  }
  .enter-key__data--block--key {
    width: 100%;
  }
  .enter-key__data--block--key .Label {
    color: #4a5568 !important;
  }
  .ReactModal__Content--after-open {
    width: 75% !important;
  }
}
.login-details {
  height: calc(100% - 40px);
  margin: 20px;
}
.login-details__instinfo {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  height: 90px;
}
.login-details__data {
  margin-top: 10px;
  display: flex;
  height: calc(100% - 180px);
  border: 1px solid var(--border-color);
  border-radius: 30px;
}
.login-details__data--filled {
  width: 50%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #f0fdf4;
}
.login-details__data--filled--details {
  margin-top: 10px;
  margin-left: 40px;
}
.login-details__data--filled--details .Heading {
  text-align: left;
}
.login-details__data--fee {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-details__data--fee--details {
  border-radius: 30px;
  background-color: var(--border-color);
  height: 250px;
  width: 50%;
  padding: 40px;
}
.login-details__data--fee--details--title {
  margin: 10px 0px;
}
.login-details__data--fee--details--title .Heading {
  font-size: 30px !important;
}
.login-details__data--fee--details--money {
  color: #16a34a;
  font-size: 30px !important;
  display: flex;
  justify-content: center;
}
.login-details__data--fee--details--button {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  height: 45px;
  column-gap: 10px;
}
.login-details__data--fee--details--button button {
  background-color: var(--bg-color);
  color: #136af3;
  margin-top: 5px;
  padding: 0px 20px;
  border: 2px solid #136af3;
}
.login-details__data--fee--details--button :hover {
  color: var(--bg-color);
  background-color: #136af3;
}
.login-details__data--fee--details--button--filter .storybook-button img {
  filter: invert(100%) !important;
}
.login-details__divider {
  border-bottom: 2px dashed var(--border-color);
}
.login-details--info {
  background-color: var(--level-1);
  height: calc(100% - 45px);
}
.login-details--info--center {
  height: calc(100% - 45px);
  width: 70%;
  display: block;
  margin: auto;
}
.login-details--info--center--details {
  font-family: "Josefin Sans" !important;
  display: grid;
  grid-template-columns: 0.5fr 0.1fr 1fr;
  margin-top: 15px;
}
.login-details--info--center--details .Label {
  margin: 0px !important;
}
.login-details__modal {
  height: calc(100% - 110px);
}
.login-details__modal--image {
  display: flex;
  justify-content: center;
}
.login-details__modal--text {
  text-align: center;
  margin-top: 10px;
  color: #94a3b8;
}
.login-details__button-proceed .storybook-button {
  background-color: #16a34a !important;
  width: 100% !important;
}
.login-details__button-cancel .storybook-button {
  width: 100% !important;
}

@media (max-width: 600px) {
  .login-details .Heading {
    font-size: 16px !important;
  }
  .login-details__instinfo {
    margin-bottom: 10px;
  }
  .login-details__data {
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
    row-gap: 10px;
    height: calc(100% - 160px);
    border-style: none;
  }
  .login-details__data--filled {
    width: 100% !important;
    border-radius: 30px;
  }
  .login-details__data--fee {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--disabled-color);
    padding: 20px;
    border-radius: 30px;
  }
  .login-details__data--fee--details {
    height: 150px;
    width: 100%;
    padding: 20px;
  }
  .login-details__data--fee--details--title {
    margin: 0px !important;
  }
  .login-details__data--fee--details--title .Heading {
    font-size: 22px !important;
  }
  .login-details__data--fee--details--money {
    font-size: 22px !important;
  }
  .login-details__data--fee--details--button {
    margin-top: 0px;
  }
  .login-details__modal--text {
    font-size: 14px !important;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .login-details .Heading {
    font-size: 18px !important;
  }
  .login-details__instinfo {
    margin-bottom: 10px;
  }
  .login-details__data {
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
    row-gap: 10px;
    height: calc(100% - 160px);
    border-style: none;
  }
  .login-details__data--filled {
    width: 100% !important;
    border-radius: 30px;
  }
  .login-details__data--fee {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--disabled-color);
    padding: 20px;
    border-radius: 30px;
  }
  .login-details__data--fee--details {
    height: 150px;
    width: 100%;
    padding: 20px;
  }
  .login-details__data--fee--details--title {
    margin: 0px !important;
  }
  .login-details__data--fee--details--title .Heading {
    font-size: 18px !important;
  }
  .login-details__data--fee--details--money {
    font-size: 22px !important;
  }
  .login-details__data--fee--details--button {
    margin-top: 0px;
  }
  .login-details__modal--text {
    font-size: 14px !important;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-details .Heading {
    font-size: 20px !important;
  }
  .login-details__instinfo {
    margin-bottom: 10px;
  }
  .login-details__data {
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
    row-gap: 10px;
    height: calc(100% - 160px);
    border-style: none;
  }
  .login-details__data--filled {
    width: 100% !important;
    border-radius: 30px;
  }
  .login-details__data--fee {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--disabled-color);
    padding: 20px;
    border-radius: 30px;
  }
  .login-details__data--fee--details {
    height: 150px;
    width: 100%;
    padding: 20px;
  }
  .login-details__data--fee--details--title {
    margin: 0px !important;
  }
  .login-details__data--fee--details--title .Heading {
    font-size: 20px !important;
  }
  .login-details__data--fee--details--money {
    font-size: 22px !important;
  }
  .login-details__data--fee--details--button {
    margin-top: 0px;
  }
  .login-details__modal--text {
    font-size: 14px !important;
    margin-top: 40px;
  }
}
.payment-success {
  height: calc(100% - 40px);
  margin: 20px;
}
.payment-success__instinfo {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  height: 90px;
}
.payment-success__data {
  display: flex;
  margin-top: 10px;
  height: calc(100% - 180px);
  border: 1px solid var(--border-color);
  border-radius: 30px;
}
.payment-success__data--filled {
  width: 50%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #f0fdf4;
}
.payment-success__data--filled--details {
  margin-top: 10px;
  margin-left: 40px;
}
.payment-success__data--filled--details .Heading {
  text-align: left;
}
.payment-success__data--fee, .payment-success__data--fee-failed {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #16a34a;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.payment-success__data--fee--details {
  border-radius: 30px;
  background-color: var(--border-color);
  height: 300px;
  width: 35%;
  padding: 30px;
}
.payment-success__data--fee--details--image {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.payment-success__data--fee--details--image img {
  height: 70px;
}
.payment-success__data--fee--details--title {
  margin: 10px 0px;
}
.payment-success__data--fee--details--title .Heading {
  font-size: 30px !important;
}
.payment-success__data--fee--details--money {
  color: #16a34a;
  font-size: 30px !important;
  display: flex;
  justify-content: center;
}
.payment-success__data--fee--details--button {
  display: flex;
  justify-content: center;
  height: 45px;
  column-gap: 10px;
}
.payment-success__data--fee--details--button button {
  background-color: #136af3;
  color: var(--bg-color);
  margin-top: 5px;
  padding: 0px 20px;
  font-size: 14px;
}
.payment-success__data--fee-failed {
  background-color: #dc2626;
}
.payment-success__divider {
  border-bottom: 2px dashed var(--border-color);
}
.payment-success--info {
  background-color: var(--level-1);
  height: calc(100% - 45px);
}
.payment-success--info--center {
  height: calc(100% - 45px);
  width: 70%;
  display: block;
  margin: auto;
}
.payment-success--info--center--details {
  font-family: "Josefin Sans" !important;
  display: grid;
  grid-template-columns: 0.5fr 0.1fr 1fr;
  margin-top: 15px;
}
.payment-success--info--center--details .Label {
  margin: 0px !important;
}

@media (max-width: 600px) {
  .payment-success__data {
    flex-direction: column-reverse;
    overflow: auto;
    row-gap: 10px;
    border-style: none;
  }
  .payment-success__data--filled {
    width: 100% !important;
    border-radius: 30px;
    background-color: #f0fdf4;
  }
  .payment-success__data--fee, .payment-success__data--fee-failed {
    width: 100% !important;
    border-radius: 30px;
    padding: 15px 10px 15px 10px;
  }
  .payment-success__data--fee--details {
    border-radius: 30px;
    width: 95%;
    padding: 20px;
  }
  .payment-success__data--fee--details--image {
    margin-top: 20px;
  }
  .payment-success__data--fee--details--title .Heading {
    font-size: 22px !important;
  }
  .payment-success__data--fee--details--money {
    font-size: 22px !important;
  }
}
@media only screen and (max-width: 767px) {
  .payment-success__data {
    flex-direction: column-reverse;
    overflow: auto;
    row-gap: 10px;
    border-style: none;
  }
  .payment-success__data--filled {
    width: 100% !important;
    border-radius: 30px;
    background-color: #f0fdf4;
  }
  .payment-success__data--fee, .payment-success__data--fee-failed {
    width: 100% !important;
    border-radius: 30px;
    padding: 15px 10px 15px 10px;
  }
  .payment-success__data--fee--details {
    border-radius: 30px;
    width: 95%;
    padding: 20px;
  }
  .payment-success__data--fee--details--image {
    margin-top: 20px;
  }
  .payment-success__data--fee--details--title .Heading {
    font-size: 22px !important;
  }
  .payment-success__data--fee--details--money {
    font-size: 22px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-success__data {
    flex-direction: column-reverse;
    overflow: auto;
    row-gap: 10px;
    border-style: none;
  }
  .payment-success__data--filled {
    width: 100% !important;
    border-radius: 30px;
    background-color: #f0fdf4;
  }
  .payment-success__data--fee, .payment-success__data--fee-failed {
    width: 100% !important;
    border-radius: 30px;
    padding: 20px 5px;
  }
  .payment-success__data--fee--details {
    border-radius: 30px;
    width: 95%;
    padding: 20px;
  }
  .payment-success__data--fee--details--image {
    margin-top: 20px;
  }
  .payment-success__data--fee--details--title .Heading {
    font-size: 22px !important;
  }
  .payment-success__data--fee--details--money {
    font-size: 22px !important;
  }
}
.inst-info {
  height: 100%;
}
.inst-info__data {
  height: fit-content;
  display: flex;
  column-gap: 10px;
  padding: 0px 20px 10px 20px;
  align-items: center;
}
.inst-info__data--logo {
  height: 100%;
}
.inst-info__data--logo img {
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
}
.inst-info__data--c-name {
  font-size: 10px !important;
  font-family: "Josefin Sans" !important;
  padding: 2px;
}
.inst-info__data--address {
  margin-top: 5px;
  text-align: center;
}
.inst-info__data--address span {
  display: block;
  font-size: 16px;
  padding: 2px;
  font-family: "Josefin Sans" !important;
  text-transform: capitalize;
}
.inst-info__data--address b {
  display: block;
  font-size: 30px;
  padding: 2px;
  font-family: "Josefin Sans" !important;
}

@media (max-width: 600px) {
  .inst-info__data {
    column-gap: 0px;
    padding: 0px;
  }
  .inst-info__data--address b {
    font-size: 16px !important;
  }
  .inst-info__data--address span {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 767px) {
  .inst-info__data {
    column-gap: 0px;
    padding: 0px;
  }
  .inst-info__data--address b {
    font-size: 12px !important;
  }
  .inst-info__data--address span {
    font-size: 10px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .inst-info__data {
    column-gap: 0px;
    padding: 0px;
  }
  .inst-info__data--address b {
    font-size: 16px !important;
  }
  .inst-info__data--address span {
    font-size: 12px !important;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) {
  .inst-info__data {
    column-gap: 0px;
    padding: 0px;
  }
  .inst-info__data--address b {
    font-size: 18px !important;
  }
  .inst-info__data--address span {
    font-size: 14px !important;
  }
}
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) {
  .inst-info__data {
    column-gap: 0px;
    padding: 0px;
  }
  .inst-info__data--address b {
    font-size: 18px !important;
  }
  .inst-info__data--address span {
    font-size: 14px !important;
  }
}
@media screen and (width: 1280px) and (height: 800px) {
  .inst-info__data {
    column-gap: 0px;
    padding: 0px;
  }
  .inst-info__data--address b {
    font-size: 22px !important;
  }
  .inst-info__data--address span {
    font-size: 16px !important;
  }
}
.channel {
  height: calc(100% - 150px);
  margin: 10px 20px;
}
.channel__datablock {
  height: 100%;
  display: flex;
  gap: 30px;
}
.channel__datablock--left {
  height: 100%;
  border: 1px solid var(--border-color);
  width: 260px;
  padding: 10px 10px;
  border-radius: 6px;
}
.channel__datablock--left--menus {
  height: 30px;
  display: flex;
  justify-content: space-between;
}
.channel__datablock--left--menus span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.channel__datablock--left--menus img {
  width: 20px;
}
.channel__datablock--left--button button {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin-left: -10px;
  padding: 5px;
  background: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.channel__datablock--left--button button:disabled {
  color: #9ca3af !important;
  background-color: var(--disabled-color) !important;
}
.channel__datablock--left--select-row {
  background-color: var(--level-2);
  padding: 5px;
  border-radius: 6px;
}
.channel__datablock--left--channels {
  height: calc(100% - 35px);
  overflow: auto;
  animation-duration: 5s;
}
.channel__datablock--left--channels li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  border-radius: 6px;
  padding: 8px 5px;
  border-bottom: 1px solid var(--border-color);
}
.channel__datablock--left--channels li:hover {
  background-color: var(--level-1);
}
.channel__datablock--left--channels li:hover img {
  display: flex;
}
.channel__datablock--left--channels li span {
  display: flex;
  gap: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.channel__datablock--left--channels img {
  display: none;
}
.channel__datablock--left--notify {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #15803d !important;
}
.channel__datablock--left--notify b {
  color: var(--bg-color);
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
}
.channel__datablock--left--selected-row {
  background-color: var(--level-2);
}
.channel__datablock--left--selected-row img {
  display: flex;
}
.channel__datablock--left--icon {
  height: 40px;
  width: 40px;
  background-color: var(--level-5);
  color: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 50%;
  font-size: 16px;
}
.channel__datablock--left--levels li {
  display: flex;
  column-gap: 10px;
  margin-top: 5px;
}
.channel__datablock--left--levels li span {
  font-size: 12px;
  font-weight: 500;
  font-family: "Josefin Sans" !important;
  margin-top: auto;
  margin-bottom: auto;
}
.channel__datablock--left--levels li img {
  margin-top: auto;
  background-color: white;
  border-radius: 50%;
  padding: 2px;
}
.channel__datablock--right {
  height: 100%;
  width: calc(100% - 260px);
  overflow-y: auto;
}
.channel__datablock--right::-webkit-scrollbar {
  display: none;
}
.channel__datablock--right {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.channel__datablock--right .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.channel__datablock--right-announcements {
  height: 360px;
}
.channel__datablock--right-feeds {
  height: calc(100% - 360px);
  overflow: auto;
}
.channel__cards-container {
  margin-top: 10px;
  height: 300px;
  display: flex;
  gap: 10px;
  background: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: stretch;
}
.channel__cards-container--card, .channel__cards-container--schedule-card {
  flex-shrink: 0;
  width: 360px !important;
  background: var(--bg-color) !important;
  height: 100% !important;
  padding: 5px !important;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}
.channel__cards-container--card--title, .channel__cards-container--card--footer {
  height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  font-family: "Josefin Sans" !important;
}
.channel__cards-container--card--title .feeds__swipable--messages--list--header, .channel__cards-container--card--footer .feeds__swipable--messages--list--header {
  font-size: 18px !important;
  font-weight: 800 !important;
}
.channel__cards-container--card--title b, .channel__cards-container--card--footer b {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.channel__cards-container--card--title img, .channel__cards-container--card--footer img {
  height: 20px;
}
.channel__cards-container--card--title--flex, .channel__cards-container--card--footer--flex {
  display: flex;
  gap: 5px;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  align-items: center;
  flex-shrink: 0;
}
.channel__cards-container--card--title--flex img, .channel__cards-container--card--footer--flex img {
  height: 20px;
}
.channel__cards-container--card--paragraph {
  height: calc(100% - 55px);
  font-family: "Josefin Sans" !important;
  color: #94a3b8 !important;
  margin: 10px 0px 0px 0px !important;
  font-size: 14px;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
}
.channel__cards-container--card--paragraph span {
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.channel__cards-container--card--paragraph p {
  margin: 0px !important;
  color: var(--text-color);
}
.channel__cards-container--card--footer {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  border-top: 1px solid var(--border-color);
  padding: 5px;
  margin: 0px !important;
}
.channel__cards-container--card--footer--flex img {
  height: 15px !important;
}
.channel__cards-container--card--schedule {
  display: flex;
  justify-content: flex-start;
}
.channel__cards-container--schedule-card {
  height: 300px !important;
}
.channel__feeds {
  margin-top: 10px;
  height: calc(100% - 375px);
}
.channel__feeds--list {
  height: fit-content;
  width: 100%;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 10px;
  border: 1px solid var(--border-color);
}
.channel__feeds--list p {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin: 0px !important;
}
.channel__feeds--list--profile {
  display: flex;
  flex-direction: column;
  column-gap: 5px;
}
.channel__feeds--list--profile .subtitle1 {
  color: var(--text-color) !important;
}
.channel__feeds--list--profile span {
  color: #94a3b8 !important;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  font-weight: 700;
}
.channel__message-block {
  padding: 5px;
}
.channel__message-block--modal {
  height: 100%;
}
.channel__message-block--modal--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.channel__message-block--modal--title img:hover {
  background-color: #f3f4f6;
}
.channel__message-block--modal--info {
  height: calc(100% - 80px);
}
.channel__message-block--modal--info--topic {
  margin-top: 5px;
  height: calc(50% - 5px);
  border-radius: 20px;
  border: 1px solid var(--border-color);
  overflow: auto;
  padding: 5px;
}
.channel__message-block--modal--info--topic span,
.channel__message-block--modal--info--topic b {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.channel__message-block--modal--info--files img {
  width: 35px;
  padding-right: 10px;
}
.channel__message-block--modal--info--files Label {
  padding-left: 35px;
  margin-top: 0px;
}
.channel__message-block--messages-list {
  height: 100%;
}
.channel__message-block--messages-list--modal {
  height: 100%;
}
.channel__message-block--messages-list--messages {
  height: calc(100% - 35px);
  overflow: auto;
  display: flex;
  background-color: #f1f5f9;
  padding: 5px 20px;
}
.channel__message-block--messages-list--messages ul {
  width: 100% !important;
}
.channel__message-block--messages-list--messages--list {
  display: flex;
  gap: 10px;
  height: fit-content;
  width: fit-content;
  border-radius: 6px;
  background-color: white;
  padding: 5px 10px;
}
.channel__message-block--messages-list--messages--list--li {
  padding: 5px 200px 5px 5px;
}
.channel__message-block--messages-list--messages--list Label {
  margin-top: 2px;
  padding: 0px;
  font-weight: 700 !important;
  margin-right: 10px;
}
.channel__message-block--messages-list--messages--list--sender {
  border-radius: 6px;
  display: flex;
  justify-content: flex-end !important;
  margin-right: 0% !important;
  width: fit-content;
  margin-left: auto !important;
  background-color: var(--level-1);
  padding: 5px 10px;
  border-radius: 6px;
}
.channel__message-block--messages-list--messages--list--sender--li {
  padding: 5px 5px 5px 200px;
}
.channel__message-block--messages-list--messages--list--sender--left {
  width: 25%;
}
.channel__message-block--messages-list--messages--file-image {
  width: 320px;
  height: 240px;
}
.channel__message-block--messages-list--messages p {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 0px;
}
.channel__message-block--messages-list--messages b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  color: #475569 !important;
}
.channel__message-block--messages-list--image {
  width: 35px;
  height: 35px;
  margin-top: 5px;
}
.channel__message-block--messages-list--time {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
.channel__message-block--channel-name {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.channel__message-block--channel-name span {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  font-weight: 600;
}
.channel__message-block--channel-name--count {
  font-weight: 700;
  color: var(--level-6) !important;
  margin-left: 5px;
  font-family: "Spline Sans Mono", monospace !important;
}
.channel__message-block--channel-name--flex {
  display: flex;
  column-gap: 20px;
}
.channel__message-block--channel-name--filter {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.channel__message-block--text-area {
  margin-top: 10px;
  height: 180px;
}
.channel__message-block--text-area .ql-editor {
  height: 80px !important;
}
.channel__message-block--text-area .attachment-preview {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px;
  padding: 10px;
  overflow: auto;
}
.channel__message-block--text-area--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
  height: 100%;
}
.channel__message-block--text-area--flex .browse-icon {
  width: 20px;
}
.channel__message-block--text-area--flex--text-field {
  width: calc(100% - 160px);
  border: 1px solid var(--border-color);
}
.channel__message-block--text-area--flex--send {
  width: 40px;
  height: 40px;
  margin: auto;
  background-color: #34d399;
  padding: 10px;
  border-radius: 6px;
}
.channel__message-block--text-area--flex--send img {
  display: block;
  margin: auto !important;
}
.channel__message-block--levels {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--level-7);
  font-weight: 500;
}
.channel__details {
  height: calc(100% - 70px);
  overflow: auto;
}
.channel__details--channel-name {
  border: 1px solid var(--border-color);
  border-radius: 6px 6px 0px 0px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
}
.channel__details--channel-name--list, .channel__details--files, .channel__details--created-by {
  display: flex;
  flex-direction: column;
}
.channel__details--channel-name--list Label, .channel__details--files Label, .channel__details--created-by Label {
  margin-top: 0px !important;
  padding: 0px;
}
.channel__details--channel-name--list .LabelPrimary, .channel__details--files .LabelPrimary, .channel__details--created-by .LabelPrimary {
  margin-top: 0px !important;
}
.channel__details--created-by {
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 0px 0px 6px 6px;
}
.channel__details--files {
  margin-top: 20px;
  border: 1px solid var(--border-color);
  padding: 5px;
}
.channel__details--files--first-row {
  display: flex;
  justify-content: space-between;
}
.channel__details--files--documents--created-by {
  display: flex;
  justify-content: space-between;
  margin-left: 30px;
}
.channel__add-channel {
  height: 100%;
}
.channel__add-channel--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.channel__add-channel--title img:hover {
  background-color: #f3f4f6;
}
.channel__add-channel--block {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
}
.channel__add-channel--block--inputs--grid1 {
  height: 45px;
  display: grid;
  grid-template-columns: 0.3fr 1fr;
}
.channel__add-channel--block--inputs--grid2 {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  height: calc(100% - 50px) !important;
  margin-top: 5px;
}
.channel__add-channel--block--inputs--grid2 .Label {
  height: fit-content !important;
}
.channel__add-channel--block--inputs--grid2 .quill {
  height: 450px !important;
  border-radius: 6px !important;
  border: 1px solid var(--border-color) !important;
}
.channel__add-channel--block--inputs--grid2 .ql-editor {
  height: 100% !important;
  overflow: auto !important;
}
.channel__add-channel--block--inputs--grid2 .ql-container {
  height: calc(100% - 60px) !important;
}
.channel__add-channel--block--inputs .storybook-input {
  background-color: var(--disabled-color) !important;
}
.channel__add-channel--block--inputs .storybook-textarea {
  background-color: var(--disabled-color) !important;
  height: 120px !important;
}
.channel__add-channel--block--view {
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
}
.channel__add-channel--block--view span {
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "Josefin Sans" !important;
}
.channel__add-channel--filters {
  height: 40px;
  column-gap: 10px;
}
.channel__add-channel--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.channel__add-channel--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.channel__add-channel--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.channel__add-channel--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.channel__add-channel--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.channel__add-channel--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.channel__add-channel--date {
  display: flex;
  gap: 10px;
}
.channel__add-channel--date img {
  height: 20px;
  margin-top: 10px;
}
.channel__add-channel--swipable {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.channel__add-channel--swipable .react-swipeable-view-container,
.channel__add-channel--swipable .MuiTypography-body1 {
  height: 100% !important;
}
.channel__add-channel--swipable .swipable-tabs {
  height: calc(100% - 20px) !important;
}
.channel__add-channel--feeds-swipable {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.channel__add-channel--feeds-swipable .react-swipeable-view-container,
.channel__add-channel--feeds-swipable .MuiTypography-body1 {
  height: 100% !important;
}
.channel__add-channel--feeds-swipable .swipable-tabs {
  height: calc(100% - 20px) !important;
}
.channel__add-channel--published-block {
  height: 100%;
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--disabled-color);
  border-radius: 6px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5px;
  row-gap: 5px;
  padding: 5px;
}
.channel__add-channel--published-block .channel__cards-container--card, .channel__add-channel--published-block .channel__cards-container--schedule-card {
  height: 350px !important;
}
.channel__add-channel--published-block .channel__cards-container--card--paragraph {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
}
.channel__add-channel--published-block .channel__cards-container--card--media-image {
  width: 100%;
  height: 160px;
  object-fit: contain;
  border-radius: 6px;
  margin-top: 8px;
  flex-shrink: 0;
  cursor: pointer;
}
.channel__add-channel--schedule-block {
  height: calc(100% - 45px);
  margin-top: 10px;
  overflow: auto;
}
.channel__add-channel--schedule-date {
  height: 100px;
  margin-top: 10px;
}
.channel__add-channel--schedule-date--input-date {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  row-gap: 10px;
}
.channel__messages {
  height: 100%;
  border: 1px solid var(--border-color);
  overflow: auto;
  font-family: "Josefin Sans" !important;
}
.channel__student-info {
  column-gap: 20px;
  height: 120px;
}
.channel__student-info--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.channel__student-info--image {
  margin-top: 5px;
}
.channel__student-info--image img {
  height: 100% !important;
  width: 100% !important;
}
.channel__student-info--textfield, .channel__student-info--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.channel__student-info--textfield .MuiInputBase-input, .channel__student-info--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.channel__student-info--textfield input, .channel__student-info--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.channel__student-info--textfield label, .channel__student-info--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.channel__student-info--textfield .Mui-disabled input, .channel__student-info--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.channel__student-info--textfield .MuiInputBase-input, .channel__student-info--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.channel__student-info--textfield, .channel__student-info--textfield--date {
  width: 100%;
  margin: 8px 0px 0px 0px !important;
}
.channel__student-info--textfield--date {
  width: fit-content;
}
.channel__student-info--data {
  margin-top: 10px;
  height: calc(100% - 390px);
}

.channel__details::-webkit-scrollbar,
.ql-editor::-webkit-scrollbar,
.channel__cards-container::-webkit-scrollbar,
.channel__datablock--left--channels::-webkit-scrollbar,
.channel__message-block--messages-list--messages::-webkit-scrollbar,
.channel__cards-container--card--paragraph::-webkit-scrollbar,
.attachment-preview::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.channel__details::-webkit-scrollbar-thumb,
.ql-editor::-webkit-scrollbar-thumb,
.channel__cards-container::-webkit-scrollbar-thumb,
.channel__datablock--left--channels::-webkit-scrollbar-thumb,
.channel__message-block--messages-list--messages::-webkit-scrollbar-thumb,
.channel__cards-container--card--paragraph::-webkit-scrollbar-thumb,
.attachment-preview::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.channel__details::-webkit-scrollbar-thumb:hover,
.ql-editor::-webkit-scrollbar-thumb:hover,
.channel__cards-container::-webkit-scrollbar:hover,
.channel__datablock--left--channels::-webkit-scrollbar-thumb:hover,
.channel__message-block--messages-list--messages::-webkit-scrollbar-thumb:hover,
.channel__cards-container--card--paragraph::-webkit-scrollbar-thumb:hover,
.attachment-preview::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.channel__image-gallery {
  margin-top: 8px;
  flex-shrink: 0;
  cursor: pointer;
}
.channel__image-gallery--single img {
  width: 100%;
  height: 180px;
  object-fit: contain;
  border-radius: 6px;
  background: var(--disabled-color);
}
.channel__image-gallery--grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-radius: 6px;
}
.channel__image-gallery--item {
  position: relative;
  height: 200px;
  width: 200px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--disabled-color);
}
.channel__image-gallery--item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.channel__image-gallery--overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 22px;
  font-weight: 700;
}

/* ---------- Announcement image viewer (lightbox modal) ---------- */
.channel__image-viewer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.channel__image-viewer--header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 8px;
}
.channel__image-viewer--back {
  border: none;
  background: var(--level-1);
  color: var(--text-color);
  border-radius: 6px;
  padding: 5px 12px;
  cursor: pointer;
  font-family: "Josefin Sans" !important;
  font-size: 13px;
}
.channel__image-viewer--close {
  height: 22px;
  width: 22px;
  cursor: pointer;
  margin-left: auto;
}
.channel__image-viewer--grid {
  flex: 1;
  margin-top: 10px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  align-content: start;
}
.channel__image-viewer--grid-item {
  height: 160px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--disabled-color);
  cursor: pointer;
}
.channel__image-viewer--grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.2s ease;
}
.channel__image-viewer--grid-item:hover img {
  transform: scale(1.05);
}
.channel__image-viewer--single {
  flex: 1;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.channel__image-viewer--single-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  background: var(--disabled-color);
  border-radius: 6px;
}
.channel__image-viewer--single-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.channel__image-viewer--download {
  margin: 10px auto 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: var(--level-6);
  color: #fff;
  border-radius: 6px;
  padding: 8px 18px;
  cursor: pointer;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.channel__image-viewer--download img {
  height: 18px;
}

.feeds {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.feeds__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.feeds__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.feeds__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.feeds__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.feeds__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.feeds__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.feeds__tabs {
  margin-top: 10px;
}
.feeds__swipable {
  height: calc(100% - 65px);
  margin-top: 10px;
}
.feeds__swipable .MuiTypography-root {
  height: 100%;
}
.feeds__swipable--data {
  height: 100%;
  margin-top: 10px;
}
.feeds__swipable--data .MuiChip-root {
  background-color: var(--bg-color) !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}
.feeds__swipable--data--list {
  height: calc(100% - 45px);
  background-color: #f9fafb;
  overflow: auto;
}
.feeds__swipable--data--list ul {
  height: 100%;
  margin-bottom: 0px !important;
}
.feeds__swipable--data--list--content {
  height: 100%;
  width: 70%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.feeds__swipable--messages {
  height: calc(100% - 35px);
  overflow: auto;
  display: flex;
  padding: 5px 20px;
}
.feeds__swipable--messages ul {
  height: 100% !important;
}
.feeds__swipable--messages--list {
  display: flex;
  gap: 10px;
  border-radius: 6px;
  padding: 5px;
}
.feeds__swipable--messages--list--sent {
  flex-direction: row-reverse;
  margin-left: auto;
}
.feeds__swipable--messages--list--sent .feeds__swipable--messages--list--flex {
  justify-content: flex-end;
}
.feeds__swipable--messages--list--other {
  margin-right: auto;
}
.feeds__swipable--messages--list--sender {
  border-radius: 6px;
  margin-right: 0% !important;
  background-color: var(--level-2) !important;
  padding: 5px 10px;
  border-radius: 6px;
  width: 100%;
}
.feeds__swipable--messages--list--sender p {
  height: fit-content !important;
  font-family: "Josefin Sans" !important;
}
.feeds__swipable--messages--list--sender--li {
  padding: 5px;
}
.feeds__swipable--messages--list--time {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 12px;
  font-weight: 700;
}
.feeds__swipable--messages--list--name {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.feeds__swipable--messages--list--header {
  font-size: 20px;
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}
.feeds__swipable--messages--list--flex {
  display: flex;
  justify-content: space-between;
}
.feeds__swipable--messages--list--image {
  width: 35px;
  height: 35px !important;
  margin-top: 5px;
}
.feeds__swipable--messages--media {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.feeds__swipable--messages--media-item {
  flex-shrink: 0;
}
.feeds__swipable--messages--file-image {
  width: 100%;
  height: 200px;
  border-radius: 6px;
}
.feeds__swipable--messages p {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 0px;
}
.feeds__image {
  display: flex;
  justify-content: space-between;
}
.feeds__image img {
  width: 25px;
  height: 25px;
}
.feeds__messages--time {
  font-family: "Spline Sans Mono", monospace !important;
}

.feeds__swipable--data--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.feeds__swipable--data--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.feeds__swipable--data--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.choose-message-template {
  height: calc(100% - 30px);
}
.choose-message-template__tableblock {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.choose-message-template__table {
  max-height: 100%;
}
.choose-message-template__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.choose-message-template__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.choose-message-template__table td img:hover,
.choose-message-template__table td a:hover {
  cursor: pointer;
}
.choose-message-template__table tbody {
  background-color: var(--level-1);
}
.choose-message-template__table tbody tr:hover {
  background-color: var(--level-2);
}
.choose-message-template__table tbody tr:hover td {
  color: var(--level-7);
}
.choose-message-template__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.choose-message-template__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}

.module-wise-configuration, .module-wise-configuration__modal {
  height: calc(100% - 170px);
  margin: 0px 20px 0px 20px;
}
.module-wise-configuration__modal {
  margin: 0px !important;
  height: calc(100% - 35px);
}
.module-wise-configuration__modal .quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
  height: calc(100% - 75px) !important;
}
.module-wise-configuration__modal .ql-editor {
  height: 100% !important;
}
.module-wise-configuration .MuiFormControlLabel-root, .module-wise-configuration__modal .MuiFormControlLabel-root {
  margin-right: 0px !important;
}
.module-wise-configuration .MuiTypography-root, .module-wise-configuration__modal .MuiTypography-root {
  color: white;
  margin-top: 3px;
}
.module-wise-configuration .MuiSwitch-root, .module-wise-configuration__modal .MuiSwitch-root {
  margin-top: 8px;
}
.module-wise-configuration .Label, .module-wise-configuration__modal .Label {
  margin-top: 5px;
}
.module-wise-configuration .select, .module-wise-configuration__modal .select {
  margin-top: 5px !important;
}
.module-wise-configuration .quill, .module-wise-configuration__modal .quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
  height: calc(100% - 75px) !important;
}
.module-wise-configuration__block {
  height: calc(100% - 50px);
  margin-top: 10px;
  overflow: auto;
}
.module-wise-configuration__block--parameters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px dashed var(--border-color);
  padding-bottom: 5px;
}
.module-wise-configuration__block--config {
  height: 100%;
  margin-top: 10px;
  padding-bottom: 5px;
}
.module-wise-configuration__block--config--item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px dashed var(--border-color);
}
.module-wise-configuration__block--config--data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0px;
}
.module-wise-configuration__block--config--data--flex {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.module-wise-configuration__block--config--data--flex span {
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
}
.module-wise-configuration__block--config--input {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.module-wise-configuration__block--config--input .storybook-input {
  margin-top: 0px !important;
  width: 300px !important;
}
.module-wise-configuration__block--content-fds {
  display: grid;
  grid-template-columns: 2fr 0.3fr;
  border-bottom: 1px dashed var(--border-color);
  padding-bottom: 5px;
  align-items: center;
}
.module-wise-configuration__block--content-fds .ql-editor {
  height: 100px !important;
}
.module-wise-configuration__block--content-fds--text {
  border: 1px solid var(--border-color);
  height: 100px !important;
  border-radius: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-wise-configuration__block--edit-content {
  height: calc(100% - 85px);
}
.module-wise-configuration__block--edit-content .quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
  height: 100% !important;
}
.module-wise-configuration__block--edit-content .ql-editor {
  height: 100% !important;
}
.module-wise-configuration__block .MuiAccordion-region {
  height: 100%;
}
.module-wise-configuration__block .MuiCollapse-wrapperInner {
  height: 100% !important;
}
.module-wise-configuration__block--details {
  column-count: 2;
  column-gap: 50px;
  column-rule: 4px dotted var(--border-color);
  column-fill: auto;
  height: 100%;
}

.module-wise-configuration__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.module-wise-configuration__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.module-wise-configuration__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.std-config {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.std-config__block {
  display: flex;
  column-gap: 10px;
  height: calc(100% - 45px);
}
.std-config__block--left {
  height: 100%;
  background-color: var(--level-1);
  overflow: auto;
  width: 300px;
  border-radius: 2px;
}
.std-config__block--left .storybook-input {
  margin-top: 0px !important;
}
.std-config__block--left--header {
  height: 35px;
  background-color: var(--level-4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.std-config__block--left--data {
  height: calc(100% - 70px);
  overflow: auto;
}
.std-config__block--left--data .menu-item {
  padding: 8px 12px;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 2px;
  color: var(--text-color);
  font-weight: 500;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  transition: background 0.2s ease;
}
.std-config__block--left--data .menu-item.active {
  background-color: var(--bg-color);
}
.std-config__block--right {
  height: 100%;
  overflow: auto;
  border-radius: 2px;
}
.std-config__block--right .MuiCollapse-wrapperInner {
  border-right: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--disabled-color);
}
.std-config__block--saved-list {
  width: 200px;
  height: 100%;
  border: 1px dotted #94a3b8;
}
.std-config__block--saved-list--title {
  background-color: var(--level-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  height: 40px;
  padding: 0px 5px;
}
.std-config__block--saved-list--block {
  overflow: auto;
  height: calc(100% - 40px);
}
.std-config__group .active {
  background-color: var(--bg-color) !important;
}
.std-config__group--list {
  display: grid !important;
  border-bottom: 1px dashed var(--level-5);
  padding: 5px 5px 5px 20px;
  grid-template-columns: 1fr 1fr 0.6fr 0.6fr;
  width: 50%;
  align-items: center;
  column-gap: 20px;
}
.std-config__group--list .storybook-input {
  margin-top: 0px !important;
}
.std-config__group--select-all {
  display: grid !important;
  grid-template-columns: 1fr 1fr 0.6fr 0.6fr;
  width: 50%;
  align-items: center;
  color: var(--text-color) !important;
  text-align: center;
}
.std-config__reorder {
  height: 100%;
}
.std-config__reorder--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.std-config__reorder--title img:hover {
  background-color: #f3f4f6;
}
.std-config__reorder--block {
  height: calc(100% - 95px);
  overflow: auto;
}
.std-config__reorder--block .MuiCollapse-wrapperInner {
  border-right: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--disabled-color) !important;
}
.std-config__reorder--text {
  background-color: var(--level-1);
  height: 25px;
  font-size: 12px;
  color: #334155;
  text-align: center;
  font-weight: 500;
}
.std-config__reorder--field {
  padding: 8px 5px;
  border-bottom: 1px dashed #e2e8f0;
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}

.std-config__block--left::-webkit-scrollbar,
.std-config__reorder--block::-webkit-scrollbar,
.std-config__block--left--data::-webkit-scrollbar,
.std-config__block--right::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.std-config__block--left::-webkit-scrollbar-thumb,
.std-config__reorder--block::-webkit-scrollbar-thumb,
.std-config__block--left--data::-webkit-scrollbar-thumb,
.std-config__block--right::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.std-config__block--left::-webkit-scrollbar-thumb:hover,
.std-config__reorder--block::-webkit-scrollbar-thumb:hover,
.std-config__block--left--data::-webkit-scrollbar-thumb:hover,
.std-config__block--right::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.prs {
  width: 100%;
  height: 100%;
}
.prs__top--inst {
  display: flex;
  column-gap: 10px;
}
.prs__top--inst-details {
  display: block;
  margin: auto;
}
.prs__top--inst-details--name {
  display: flex;
  justify-content: center;
}
.prs__top--inst-details--address {
  display: block;
  text-align: center;
}
.prs__top--inst-details b {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.prs__top--inst-details--logo {
  height: 100%;
  width: 20%;
  border-right: 1px solid var(--text-color);
}
.prs__top--inst-details--logo img {
  height: 100%;
  width: 100%;
}
.prs__top--inst-details--label-grid {
  display: flex;
  column-gap: 10px;
}
.prs__top--inst-details--label-grid .Label {
  margin-top: 1px !important;
  padding: 0px !important;
}
.prs__top--inst-details--data {
  width: 80%;
  padding: 5px;
}
.prs__top--receipt {
  display: flex;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--text-color);
  padding-bottom: 5px;
}
.prs__top--receipt--name {
  text-align: center;
  display: block;
}
.prs__top--std-details {
  padding: 5px;
  border-left: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  border-bottom: 1px solid var(--text-color);
}
.prs__top--std-details--data {
  display: flex;
  column-gap: 5px;
}
.prs__top--std-details--grids {
  display: flex;
  justify-content: space-between;
}
.prs__top--std-details--date span {
  display: block;
}
.prs__tableblock {
  border: 1px solid var(--text-color) !important;
}
.prs__tableblock--template-2 {
  border: 1px solid var(--text-color) !important;
  margin-top: 5px;
}
.prs__table, .prs__table--template2 {
  empty-cells: show !important;
  height: calc(100% - 30px) !important;
}
.prs__table--template2 {
  height: fit-content !important;
}
.prs__table th, .prs__table--template2 th {
  padding: 0px;
  text-align: center;
  border-bottom: 1px solid var(--text-color) !important;
  font-weight: 700;
}
.prs__table th td, .prs__table--template2 th td {
  height: 30px !important;
}
.prs__table--th-slno {
  border-right: 1px solid var(--text-color) !important;
}
.prs__table--th-fee {
  border-right: 1px solid var(--text-color) !important;
}
.prs__table td, .prs__table--template2 td {
  padding: 0px;
  font-style: normal;
  border-bottom: 1px solid var(--text-color) !important;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  height: fit-content !important;
}
.prs__table tbody, .prs__table--template2 tbody {
  border-bottom: 1px solid var(--text-color);
}
.prs__table tbody td, .prs__table--template2 tbody td {
  border-bottom: 1px solid var(--text-color) !important;
}
.prs__table--slno {
  width: 30px;
  border-right: 1px solid var(--text-color) !important;
}
.prs__table--fee {
  width: calc(100% - 180px);
  border-right: 1px solid var(--text-color) !important;
}
.prs__table--total {
  height: 30px;
  display: flex;
  width: 100%;
  border-top: 1px solid var(--text-color);
  align-items: center;
}
.prs__table--total--text {
  width: calc(100% - 150px);
  text-align: right;
  border-right: 1px solid var(--text-color);
  padding-right: 5px;
}
.prs__table--amount span {
  padding-right: 5px;
  font-weight: 700;
  padding-top: 3px;
}
.prs__table--amount {
  width: 150px;
  text-align: right;
}
.prs__bottom {
  width: 100%;
}
.prs__bottom--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.prs__bottom--amount-in-words {
  display: block;
}
.prs__bottom--signature {
  text-align: right;
  margin-top: 10px;
}
.prs__bottom--narration {
  display: block;
}
.prs__bottom--simplify {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 5px;
}
.prs__bottom--simplify img {
  width: 40px;
  height: 40px;
}
.prs__bottom--copy {
  text-align: center;
  display: block;
}
.prs__bottom--table-footer-balance {
  padding-top: 3px;
  padding-right: 5px;
  font-weight: 700;
}
.prs__bottom--table-footer-balance-amount {
  padding-right: 5px;
  padding-top: 3px;
}

.prs__table--total--template-2 {
  height: fit-content !important;
  display: flex;
  width: 100%;
  align-items: center;
  border-right: 1px solid var(--text-color);
  border-left: 1px solid var(--text-color);
  border-bottom: 1px solid var(--text-color);
}

.voucher-print {
  height: 100%;
}
.voucher-print__block {
  height: calc(100% - 60px);
  overflow: auto;
}
.voucher-print__block p {
  margin-bottom: 0px !important;
}
.voucher-print__block--inst-data {
  padding: 10px;
}
.voucher-print__block--inst-data--voucher-type {
  font-size: 14px !important;
  text-align: center;
  display: block;
}
.voucher-print__block--inst-data--inst-name {
  text-align: center;
  font-size: 18px;
  display: block;
}
.voucher-print__block--inst-data--inst-address {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.voucher-print__block--inst-data--details {
  display: flex;
  gap: 10px;
}
.voucher-print__block--inst-data--details img {
  height: 100px;
  width: 100px;
}
.voucher-print__block--inst-data--details-block {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.voucher-print__block--v-details {
  display: flex;
  justify-content: space-between;
  border-bottom: 1.8px dashed var(--border-color);
  font-size: 14px;
  margin-top: 10px;
}
.voucher-print__block--v-details--vtype {
  text-transform: uppercase;
  font-weight: 700;
}
.voucher-print__block--payment-info {
  padding: 5px;
}
.voucher-print__block--payment-info--uppercase {
  text-transform: capitalize;
}
.voucher-print__block--payment-info--capitalize {
  text-transform: capitalize;
}
.voucher-print__block--payment-info--trans-summary {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.voucher-print__block--payment-info--trans-summary--amount span {
  padding: 5px 10px 5px 10px;
  text-align: center;
  font-weight: 700;
  border: 1px solid #000;
  margin: auto;
  border-radius: 2px;
}
.voucher-print__block--payment-info--trans-summary--approved-by {
  border: 1px solid #000;
  padding: 0px 10px 2px 10px;
  border-radius: 2px;
  height: 60px;
}
.voucher-print__block--payment-info--trans-summary--approved-by span {
  position: relative;
  top: 33px;
}
.voucher-print__block--sender-info {
  padding: 10px;
}
.voucher-print__block--sender-info--signatures {
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.voucher-print__block--sender-info--signatures--reciever-type, .voucher-print__block--sender-info--signatures--reciever-sign {
  border: 1px solid #000;
  border-radius: 2px;
  padding: 0px 10px 2px 10px;
  width: 20%;
  text-align: center;
}
.voucher-print__block--sender-info--signatures--reciever-type span, .voucher-print__block--sender-info--signatures--reciever-sign span {
  position: relative;
  top: 33px;
}
.voucher-print__block--sender-info--signatures--reciever-sign {
  width: fit-content;
}
.voucher-print__tableblock {
  margin-top: 10px;
}
.voucher-print__table {
  max-height: 100%;
}
.voucher-print__table th {
  padding: 0px;
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  font-weight: 700;
}
.voucher-print__table th td {
  border-right: 1px solid var(--text-color) !important;
}
.voucher-print__table td {
  padding: 0px;
  font-style: normal;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  border-right: 1px solid var(--text-color) !important;
}
.voucher-print__table tbody {
  border-style: none;
  height: calc(100% - 25px) !important;
}
.voucher-print__table tbody td {
  border-style: none;
}
.voucher-print__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.voucher-print__table tfoot .total {
  border-left: 1px solid var(--text-color);
}
.voucher-print__table tfoot td {
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-weight: 700;
}
.voucher-print__table--slno {
  width: 4%;
  border-left: 1px solid var(--text-color) !important;
}
.voucher-print__table--amount {
  width: 12%;
}
.voucher-print__table--th-slno {
  border-right: 1px solid var(--text-color) !important;
  border-left: 1px solid var(--text-color) !important;
}
.voucher-print__table--th-desc {
  border-right: 1px solid var(--text-color) !important;
}
.voucher-print__table--th-amount {
  border-right: 1px solid var(--text-color) !important;
  padding-right: 5px !important;
}
.voucher-print__signature {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.voucher-print__signature--block {
  font-size: 14px;
}
.voucher-print__signature--block span {
  text-align: center;
  display: block;
}
.voucher-print__created-date {
  text-align: right;
}

.voucher-print__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.voucher-print__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.voucher-print__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.voucher-receipts {
  height: 100%;
  overflow: auto;
}
.voucher-receipts span,
.voucher-receipts b,
.voucher-receipts p {
  font-size: 14px;
}
.voucher-receipts__block {
  border: 1px solid #000;
}
.voucher-receipts__block--inst-data {
  border-bottom: 1px solid #000;
  padding: 0px 10px;
  margin-top: 10px;
}
.voucher-receipts__block--inst-data--voucher-type {
  font-size: 14px !important;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.voucher-receipts__block--inst-data--inst-name {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
}
.voucher-receipts__block--inst-data--inst-address {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.voucher-receipts__block--inst-data--details {
  display: flex;
  gap: 10px;
}
.voucher-receipts__block--inst-data--details img {
  height: 120px;
  width: 120px;
}
.voucher-receipts__block--inst-data--flex {
  display: flex;
  justify-content: space-between;
}
.voucher-receipts__block--inst-data--details-block {
  width: calc(100% - 120px);
}
.voucher-receipts__block--inst-data--details-block--without-image {
  width: 100%;
}
.voucher-receipts__block--payment-info {
  padding: 10px;
  border-bottom: 1px solid #000;
}
.voucher-receipts__block--payment-info--uppercase {
  text-transform: uppercase;
}
.voucher-receipts__block--payment-info--capitalize {
  text-transform: capitalize;
}
.voucher-receipts__block--payment-info--trans-summary {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.voucher-receipts__block--payment-info--trans-summary--amount {
  width: 250px;
  height: 60px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.voucher-receipts__block--payment-info--trans-summary--amount span {
  font-weight: 700;
  border-radius: 2px;
}
.voucher-receipts__block--payment-info--trans-summary--approved-by {
  border: 1px solid #000;
  padding: 0px 10px 2px 10px;
  border-radius: 2px;
  height: 60px;
  width: 250px;
  text-align: center;
}
.voucher-receipts__block--payment-info--trans-summary--approved-by span {
  position: relative;
  top: 33px;
}
.voucher-receipts__block--sender-info {
  padding: 10px;
}
.voucher-receipts__block--sender-info--signatures {
  display: flex;
  justify-content: space-between;
  height: 60px;
}
.voucher-receipts__block--sender-info--signatures--reciever-type, .voucher-receipts__block--sender-info--signatures--reciever-sign {
  padding: 0px 10px 2px 10px;
  width: 20%;
  text-align: center;
  width: 250px;
  border: 1px solid #000;
  border-radius: 2px;
}
.voucher-receipts__block--sender-info--signatures--reciever-type span, .voucher-receipts__block--sender-info--signatures--reciever-sign span {
  position: relative;
  top: 33px;
}
.voucher-receipts__block--sender-info--signatures--reciever-sign {
  width: 250px;
}
.voucher-receipts__block--time {
  font-size: 12px;
}
.voucher-receipts__print {
  width: 100%;
  height: calc(100% - 45px);
}

.voucher-receipts::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.voucher-receipts::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.voucher-receipts::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.ledger-print {
  width: 100%;
  height: calc(100% - 45px);
  overflow: auto;
}
.ledger-print .bank-book__table-section--transaction-details--table--title {
  margin-top: 10px;
}
.ledger-print--inst-data {
  border-bottom: 1px solid #000;
  padding: 10px;
  font-family: "Josefin Sans" !important;
}
.ledger-print--inst-data--details {
  display: flex;
  gap: 10px;
}
.ledger-print--inst-data--details img {
  height: 120px;
  width: 120px;
}
.ledger-print--inst-data--inst-name {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
}
.ledger-print--inst-data--inst-address {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.ledger-print--inst-data--flex {
  display: flex;
  justify-content: space-between;
}
.ledger-print--inst-data--details-block {
  width: calc(100% - 120px);
}
.ledger-print--ledger-type {
  display: flex;
  justify-content: center;
  margin-left: 120px;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.ledger-print--table {
  max-height: fit-content !important;
}
.ledger-print--table--header th {
  font-size: 16px !important;
}
.ledger-print--table--date {
  max-width: 90px !important;
  min-width: 90px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.ledger-print--table--th-date {
  max-width: 90px !important;
  min-width: 90px !important;
}
.ledger-print--table--amount {
  max-width: 120px !important;
  min-width: 120px !important;
  font-family: "Spline Sans Mono", monospace !important;
}
.ledger-print--table--th-amount {
  max-width: 120px !important;
  min-width: 120px !important;
}
.ledger-print--table--subheader th {
  color: #64748b !important;
}
.ledger-print--table th {
  font-family: "Josefin Sans";
  font-weight: 700;
  border-style: none !important;
  padding: 5px !important;
}
.ledger-print--table th td {
  text-align: center;
}
.ledger-print--table tbody td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  color: var(--text-color);
  border-style: none !important;
}
.ledger-print--table .ledger-print--table--th-date,
.ledger-print--table .ledger-print--table--th-amount,
.ledger-print--table .ledger-print--table--th-vno,
.ledger-print--table .ledger-print--table--th-name,
.ledger-print--table .ledger-print--table--th-type {
  border-bottom: 1px solid var(--text-color) !important;
  border-top: 1px solid var(--text-color) !important;
}
.ledger-print--table--ob-text {
  font-weight: 700 !important;
  font-size: 14px !important;
  border-left: 1px solid var(--text-color) !important;
}
.ledger-print--table--ob-amount {
  font-weight: 700 !important;
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px !important;
  max-width: 120px !important;
  min-width: 120px !important;
}
.ledger-print--closing-balance, .ledger-print--total {
  display: flex;
  font-size: 14px;
  width: 100%;
}
.ledger-print--closing-balance--text {
  font-family: "Josefin Sans" !important;
  text-align: right;
  padding: 5px;
  width: calc(100% - 240px) !important;
}
.ledger-print--closing-balance--amount {
  font-family: "Spline Sans Mono", monospace !important;
  width: 120px !important;
  text-align: right;
  padding: 5px;
}
.ledger-print--total {
  border-top: 1px solid var(--text-color) !important;
}

.ledger-print::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.ledger-print::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.ledger-print::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.id-card-template {
  height: calc(100% - 175px);
  margin: 5px 20px 0px 20px;
}
.id-card-template__flex {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  height: 100%;
}

.id-cards-print::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.id-cards-print::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.id-cards-print::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.id-cards-print {
  height: calc(100% - 75px);
  width: 100%;
  overflow: auto;
}
.id-cards-print__modal {
  height: calc(100% - 10px);
}
.id-cards-print__modal .module-wise-configuration__block {
  height: calc(100% - 40px);
}
.id-cards-print__title--close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.id-cards-print__title--close:hover {
  background-color: #f3f4f6;
}
.id-cards-print__title--config {
  position: absolute;
  right: 0;
  top: 20;
}

.id-landscape__fs, .id-landscape__bs {
  margin-top: 5px;
}
.id-landscape__fs--header {
  padding: 5px;
}
.id-landscape__fs--id, .id-landscape__bs--id {
  border: 1px solid var(--border-color);
  margin-top: 5px;
}
.id-landscape__fs--id--grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
}
.id-landscape__fs--id--grid label,
.id-landscape__fs--id--grid span,
.id-landscape__fs--id--grid b {
  font-size: 12px;
  margin-top: 2px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
}
.id-landscape__fs--id--std-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.id-landscape__fs--id--std-image img {
  width: 100%;
  height: 100%;
}
.id-landscape__fs--id--footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.id-landscape__fs--id--footer span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.id-landscape__fs--id--addr {
  font-size: 10px;
  font-family: "Josefin Sans" !important;
  line-height: 1.5;
  font-weight: 700;
}
.id-landscape__fs--id--address {
  height: calc(100% - 65px);
}
.id-landscape__fs--id--address--without-footer {
  height: calc(100% - 45px);
}
.id-landscape__fs--id--signature {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  position: absolute;
  bottom: 2px;
  right: 10px;
}
.id-landscape__fs--id--signature span {
  display: block;
}
.id-landscape__fs--id--signature img {
  width: 80px;
  height: 25px;
}
.id-landscape__fs--inst-details {
  display: flex;
  column-gap: 5px;
  align-items: center;
  justify-content: center;
}
.id-landscape__fs--inst-name {
  display: block;
  text-align: center;
}
.id-landscape__fs--inst-address {
  display: block;
  text-align: center;
}
.id-landscape__fs--addr {
  font-weight: 700;
}
.id-landscape__fs--c-name {
  display: block;
  text-align: center;
}
.id-landscape__fs--grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
}
.id-landscape__fs--grid label,
.id-landscape__fs--grid span,
.id-landscape__fs--grid b {
  margin-top: 2px;
  font-weight: 400;
}
.id-landscape__fs--grid--addr {
  margin-top: 2px;
  height: 70px;
  overflow: hidden;
}
.id-landscape__fs--std-image {
  display: block;
}
.id-landscape__fs--body {
  position: relative;
}
.id-landscape__bs {
  margin-top: 10px;
  position: relative;
}
.id-landscape__bs--inst-details {
  display: flex;
  column-gap: 5px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.id-landscape__bs--top {
  position: relative;
}
.id-landscape__bs--remarks {
  border: 1px solid var(--text-color);
  width: 100%;
  padding: 2px;
}
.id-landscape__bs--grid {
  display: grid;
  grid-template-columns: 0.5fr 0.1fr 1fr;
}
.id-landscape__bs--grid b {
  font-weight: 400;
}
.id-landscape .page-break {
  page-break-after: always !important;
}
.id-landscape__grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
}
.id-landscape__grid label,
.id-landscape__grid span,
.id-landscape__grid b {
  margin-top: 2px;
  font-weight: 400;
}
.id-landscape__grid__addr {
  margin-top: 2px;
  height: 70px;
  overflow: hidden;
}

.id-portrait__fs--header {
  padding: 5px;
}
.id-portrait__fs--body {
  position: relative;
}
.id-portrait__fs--id, .id-portrait__bs--id {
  border: 1px solid var(--border-color);
}
.id-portrait__fs--id--grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
}
.id-portrait__fs--id--grid label,
.id-portrait__fs--id--grid span,
.id-portrait__fs--id--grid b {
  font-size: 12px;
  margin-top: 2px;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
}
.id-portrait__fs--id--std-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
.id-portrait__fs--id--std-image img {
  width: 100%;
  height: 100%;
}
.id-portrait__fs--id--footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.id-portrait__fs--id--footer span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.id-portrait__fs--id--addr {
  font-size: 10px;
  font-family: "Josefin Sans" !important;
  line-height: 1.5;
  font-weight: 700;
}
.id-portrait__fs--id--address {
  height: calc(100% - 65px);
}
.id-portrait__fs--id--address--without-footer {
  height: calc(100% - 45px);
}
.id-portrait__fs--id--signature {
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  position: absolute;
  bottom: 2px;
  right: 10px;
}
.id-portrait__fs--id--signature span {
  display: block;
}
.id-portrait__fs--id--signature img {
  width: 80px;
  height: 25px;
}
.id-portrait__fs--inst-details {
  display: flex;
  column-gap: 5px;
  align-items: center;
  justify-content: center;
}
.id-portrait__fs--title {
  display: block;
  text-align: center;
}
.id-portrait__fs--inst-name {
  display: block;
  text-align: center;
}
.id-portrait__fs--inst-address {
  display: block;
  text-align: center;
}
.id-portrait__fs--addr {
  font-weight: 700;
}
.id-portrait__fs--c-name {
  display: block;
  text-align: center;
}
.id-portrait__fs--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.1fr 1fr;
}
.id-portrait__fs--grid label,
.id-portrait__fs--grid span,
.id-portrait__fs--grid b {
  margin-top: 2px;
  font-weight: 400;
}
.id-portrait__fs--grid--addr {
  margin-top: 2px;
  height: 70px;
  overflow: hidden;
}
.id-portrait__fs--std-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.id-portrait__bs {
  margin-top: 10px;
  position: relative;
}
.id-portrait__bs--inst-details {
  display: flex;
  column-gap: 5px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.id-portrait__bs--top {
  position: relative;
}
.id-portrait .page-break {
  page-break-after: always !important;
}
.id-portrait__grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
}
.id-portrait__grid label,
.id-portrait__grid span,
.id-portrait__grid b {
  margin-top: 2px;
  font-weight: 400;
}
.id-portrait__grid__addr {
  margin-top: 2px;
  height: 70px;
  overflow: hidden;
}

.spl-id-card {
  margin: 0px 20px;
  height: calc(100% - 165px);
  column-gap: 30px;
  display: flex;
}
.spl-id-card__left {
  height: 100%;
  width: 50%;
}
.spl-id-card__right {
  height: 100%;
  width: 50%;
}
.spl-id-card__add {
  height: 100%;
}
.spl-id-card__add--data {
  height: calc(100% - 45px);
  border: 1px solid var(--border-color);
  border-radius: 6px 20px 6px 6px;
  padding: 5px;
  overflow: auto;
}
.spl-id-card__add--data--images {
  display: flex;
  column-gap: 10px;
}
.spl-id-card__add .documents-upload {
  grid-template-columns: 2fr 1fr !important;
}
.spl-id-card__add .documents-upload .Label {
  display: none !important;
}
.spl-id-card__add--switch {
  display: flex !important;
  margin: 5px !important;
  justify-content: space-between !important;
}
.spl-id-card__list {
  height: calc(100% - 45px);
  border: 1px solid var(--border-color);
  border-radius: 20px 6px 6px 6px;
  padding: 5px;
}
.spl-id-card__list--table {
  height: calc(100% - 30px);
}

.spl-id-card__add--data::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.spl-id-card__add--data::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.spl-id-card__add--data::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.pr-temp1 {
  width: 100%;
  height: calc(100% - 75px);
  overflow: auto;
  padding: 20px;
  display: flex;
  justify-content: center;
}
.pr-temp1--block {
  width: 100%;
  height: 100%;
}
.pr-temp1--block .page-break {
  page-break-after: always !important;
  margin: 0px;
  padding: 0px;
}

.pr-temp1-fs {
  height: calc(100% - 35px);
  display: flex;
  column-gap: 30px;
}
.pr-temp1-fs__left, .pr-temp1-fs__right {
  height: calc(100% - 45px);
  width: 50%;
  border-radius: 20px;
  border: 4px solid #94a3b8;
  padding: 5px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #94a3b8;
}
.pr-temp1-fs__left--table {
  max-height: 100%;
}
.pr-temp1-fs__left--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.pr-temp1-fs__left--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.pr-temp1-fs__left--table td img:hover,
.pr-temp1-fs__left--table td a:hover {
  cursor: pointer;
}
.pr-temp1-fs__left--table tbody {
  background-color: var(--level-1);
}
.pr-temp1-fs__left--table tbody tr:hover {
  background-color: var(--level-2);
}
.pr-temp1-fs__left--table tbody tr:hover td {
  color: var(--level-7);
}
.pr-temp1-fs__left--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.pr-temp1-fs__left--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.pr-temp1-fs__right {
  border: 4px solid #2563eb;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2563eb;
}
.pr-temp1-fs__right--inst-details {
  margin-top: 10px;
  padding: 10px;
  height: 120px;
  display: flex;
  column-gap: 10px;
}
.pr-temp1-fs__right--inst-details b {
  display: block;
  text-align: center;
  font-size: 22px;
  color: #2563eb;
}
.pr-temp1-fs__right--inst-details span {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #2563eb;
}
.pr-temp1-fs__right--inst-logo img {
  width: 100px;
  height: 100px;
}
.pr-temp1-fs__right--title {
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.pr-temp1-fs__right--acd-yr {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  font-size: 16px;
}
.pr-temp1-fs__right--std-details {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  margin-top: 10px;
}
.pr-temp1-fs__right--std-details label {
  font-size: 14px;
}
.pr-temp1-fs__right--std-details input {
  border-radius: 0px;
  border-bottom: 2px dotted var(--text-color);
  font-size: 14px;
}

.pr-temp1-bs {
  height: calc(100% - 35px);
  overflow: auto;
}
.pr-temp1-bs__top {
  padding: 40px 40px 10px 40px;
}
.pr-temp1-bs__top--table {
  border-left: 1px solid var(--text-color) !important;
}
.pr-temp1-bs__top--table th {
  border-top: none !important;
  border-right: 1px solid var(--text-color) !important;
  padding: 2px 5px !important;
}
.pr-temp1-bs__top--table td {
  border-bottom: 1px solid var(--text-color) !important;
  padding: 2px 5px !important;
}
.pr-temp1-bs__top--table {
  max-height: 100%;
}
.pr-temp1-bs__top--table th {
  padding: 0px;
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  font-weight: 700;
}
.pr-temp1-bs__top--table th td {
  border-right: 1px solid var(--text-color) !important;
}
.pr-temp1-bs__top--table td {
  padding: 0px;
  font-style: normal;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  border-right: 1px solid var(--text-color) !important;
}
.pr-temp1-bs__top--table tbody {
  border-style: none;
  height: calc(100% - 25px) !important;
}
.pr-temp1-bs__top--table tbody td {
  border-style: none;
}
.pr-temp1-bs__top--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.pr-temp1-bs__top--table tfoot .total {
  border-left: 1px solid var(--text-color);
}
.pr-temp1-bs__top--table tfoot td {
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-weight: 700;
}
.pr-temp1-bs__bottom {
  column-gap: 10px;
  padding: 0px 40px 10px 40px;
}
.pr-temp1-bs__footer {
  padding: 10px 40px 10px 40px;
  column-gap: 20px;
  height: 60px;
}
.pr-temp1-bs__footer--grid2 .grid-container {
  display: grid;
  height: 100%;
  grid-template-columns: auto auto auto;
  padding: 5px 0px;
}
.pr-temp1-bs__footer--grid2 .grid-container > div {
  border: 1px solid black;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
  align-items: center;
}
.pr-temp1-bs__footer--grid2 .item1 {
  grid-row-start: 1;
  grid-row-end: 3;
}
.pr-temp1-bs__footer--grid1 .grid-container {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 5px 0px;
}
.pr-temp1-bs__footer--grid1 .grid-container > div {
  border: 1px solid black;
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
  align-items: center;
}

.pr-temp1::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.pr-temp1::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.pr-temp1::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.rp-template-3 {
  height: 100%;
}
.rp-template-3__std {
  display: flex;
  column-gap: 10px;
  width: 100%;
}
.rp-template-3__std input {
  border-bottom: 1px solid var(--text-color);
  border-radius: 0px !important;
  width: 100% !important;
}
.rp-template-3__std--details {
  width: calc(100% - 130px);
}
.rp-template-3__std--image {
  height: 120px;
  width: 120px;
  border: 1px solid var(border-color);
  border-radius: 6px;
}
.rp-template-3__std--image img {
  height: 100%;
  width: 100%;
}
.rp-template-3__page1 {
  padding: 10px;
}
.rp-template-3__page1 .bgs-pn-pr__inst-details--logo {
  height: 180px;
  width: 180px;
}
.rp-template-3__page1 .progress-report__inst--details--inst-name {
  font-size: 28px;
}
.rp-template-3__page1 .progress-report__inst--details--cust-name {
  font-size: 16px;
}
.rp-template-3__page2 {
  padding: 10px;
}
.rp-template-3__page2--flex {
  display: flex;
  column-gap: 10px;
}
.rp-template-3 .bgs-pn-pr__std-details--grid {
  padding: 5px;
  font-size: 16px !important;
}

.rp-template-6 {
  height: 100%;
}
.rp-template-6__std {
  display: flex;
  column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.rp-template-6__std input {
  border: 1px solid var(--text-color);
  border-radius: 0px !important;
  width: 100% !important;
}
.rp-template-6__std--details {
  width: 80%;
}
.rp-template-6__std--image {
  height: 120px;
  width: 120px;
  border: 1px solid var(border-color);
  border-radius: 6px;
}
.rp-template-6__std--image img {
  height: 100%;
  width: 100%;
}
.rp-template-6__title {
  border: 2px solid var(--text-color);
  border-radius: 3px;
  display: block;
  text-align: center;
  width: fit-content;
  margin: auto;
  padding: 2px 5px;
}
.rp-template-6__flex {
  display: flex;
  justify-content: space-between;
}
.rp-template-6__page1 {
  padding: 10px;
}
.rp-template-6__page1 .bgs-pn-pr__inst-details--logo {
  height: 180px;
  width: 180px;
}
.rp-template-6__page1 .progress-report__inst--details--inst-name {
  font-size: 28px;
}
.rp-template-6__page1 .progress-report__inst--details--cust-name {
  font-size: 16px;
}
.rp-template-6__page2 {
  padding: 10px;
}
.rp-template-6__page2--flex {
  display: flex;
  column-gap: 10px;
}
.rp-template-6 .bgs-pn-pr__std-details--grid {
  padding: 8px;
}
.rp-template-6 .bgs-pn-pr__std-details--grid input {
  text-align: center;
}
.rp-template-6__signatures {
  border: 1px solid var(--text-color);
  width: 80%;
  display: block;
  margin: auto;
  padding: 10px;
}
.rp-template-6__signatures .progress-report__signature {
  column-gap: 30px;
  width: 100%;
}
.rp-template-6__signatures .progress-report__signature--text {
  border-style: none !important;
}
.rp-template-6__remarks {
  border: 1px solid var(--text-color);
  font-size: 16px;
  padding: 5px;
  width: 80%;
  display: flex;
  justify-self: center;
}
.rp-template-6__year {
  display: block;
  text-align: center;
  margin: auto;
  font-size: 16px;
}

.bgs-pn-pr {
  width: 100%;
  height: calc(100% - 75px);
  overflow: auto;
}
.bgs-pn-pr .page-break {
  page-break-after: always !important;
}
.bgs-pn-pr__block {
  width: 100%;
  height: 100%;
}
.bgs-pn-pr__inst-details {
  display: flex;
  align-items: center;
  column-gap: 10px;
  border-bottom: 1px dashed var(--text-color);
  padding-bottom: 5px;
  column-gap: 20px;
}
.bgs-pn-pr__inst-details--inst-name {
  display: flex;
}
.bgs-pn-pr__inst-details--cust-name {
  display: flex;
}
.bgs-pn-pr__inst-details--trust {
  display: flex;
}
.bgs-pn-pr__std-details {
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  column-gap: 20px;
  justify-content: space-between;
}
.bgs-pn-pr__std-details--grid {
  display: grid;
  column-gap: 20px;
  grid-template-columns: 1fr 0.01fr 3fr;
}
.bgs-pn-pr__std-details--grid input {
  font-weight: 700;
  background: transparent;
}
.bgs-pn-pr__std-details--grid2 {
  display: grid;
  column-gap: 20px;
  grid-template-columns: 1fr 0.01fr 2fr;
}
.bgs-pn-pr__std-details--grid2 input {
  font-weight: 700;
  background: transparent;
}
.bgs-pn-pr__std-details--image img img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.bgs-pn-pr__annual-results {
  margin-top: 10px;
}
.bgs-pn-pr__annual-results b {
  display: flex;
  justify-content: center;
}
.bgs-pn-pr__annual-results--status {
  display: flex;
  justify-content: center;
}
.bgs-pn-pr__annual-results--to {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  margin-top: 5px;
}
.bgs-pn-pr__annual-results--to b {
  font-weight: 700;
  border-bottom: 1px solid var(--text-color);
  border-radius: 0px !important;
  border-style: none;
  width: fit-content;
}
.bgs-pn-pr__annual-results--multiline-remarks input {
  line-height: 1.5;
  border-bottom: 1px dashed var(--text-color) !important;
  display: block;
  width: 100%;
}
.bgs-pn-pr__signatures--principal {
  height: 28px;
  width: fit-content;
}
.bgs-pn-pr__signatures--sign {
  width: 20% !important;
}
.bgs-pn-pr__non-acd--table {
  border-left: 1px solid var(--text-color) !important;
}
.bgs-pn-pr__non-acd--table th {
  border-top: none !important;
  border-right: 1px solid var(--text-color) !important;
  padding: 1px 5px !important;
}
.bgs-pn-pr__non-acd--table td {
  border-bottom: 1px solid var(--text-color) !important;
  padding: 1px 5px !important;
}
.bgs-pn-pr__non-acd--table .header-color th {
  background-color: var(--level-3) !important;
}
.bgs-pn-pr__non-acd--table .header-color td {
  background-color: var(--level-3) !important;
}
.bgs-pn-pr__acd-details--table, .bgs-pn-pr__acd-details--grade-table {
  border-left: 1px solid var(--text-color) !important;
}
.bgs-pn-pr__acd-details--table th, .bgs-pn-pr__acd-details--grade-table th {
  border-top: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color) !important;
  padding: 1px 5px !important;
  border-bottom: 1px solid var(--text-color) !important;
  font-weight: 700;
}
.bgs-pn-pr__acd-details--table td, .bgs-pn-pr__acd-details--grade-table td {
  border-bottom: 1px solid var(--text-color) !important;
  padding: 1px 5px !important;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  border-right: 1px solid var(--text-color) !important;
}
.bgs-pn-pr__acd-details--table .header-color th, .bgs-pn-pr__acd-details--grade-table .header-color th,
.bgs-pn-pr__acd-details--table .header-color td,
.bgs-pn-pr__acd-details--grade-table .header-color td {
  background-color: var(--level-3) !important;
}
.bgs-pn-pr__acd-details--grade-table th {
  font-weight: 500;
}

.admission-ticket {
  padding: 10px;
  border: 1px solid var(--text-color);
}
.admission-ticket__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.admission-ticket__title b {
  border: 1px solid var(--text-color);
  width: fit-content;
  padding: 2px 10px;
}
.admission-ticket .ttt__std-details {
  border-style: none;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.admission-ticket .ttt__std-details--grid {
  grid-template-columns: 1fr 0.01fr 2.5fr;
  padding: 5px;
}
.admission-ticket .progress-report__signature {
  justify-content: flex-end;
}

.bgs-pn-pr::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.bgs-pn-pr::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.bgs-pn-pr::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.bgs-tenth-pr {
  width: 100%;
  height: calc(100% - 100px);
}
.bgs-tenth-pr__block {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.bgs-tenth-pr__block .page-break {
  page-break-after: always !important;
}
.bgs-tenth-pr__bs {
  height: 100%;
  width: 100%;
  padding: 5px;
}
.bgs-tenth-pr__bs__block {
  width: 100%;
  height: 100%;
}
.bgs-tenth-pr__bs__block .page-break {
  page-break-after: always !important;
}
.bgs-tenth-pr__bs--title {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #155192;
}
.bgs-tenth-pr__bs--title b {
  color: white;
  font-size: 16px;
}
.bgs-tenth-pr__bs--flex {
  display: flex;
  column-gap: 15px;
  margin-top: 10px;
  align-items: center;
}
.bgs-tenth-pr__bs--flex--name, .bgs-tenth-pr__bs--flex--class {
  width: 28%;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.bgs-tenth-pr__bs--flex--class {
  width: 24%;
}
.bgs-tenth-pr__bs--flex span {
  font-size: 12px;
  color: white;
  padding: 0px 5px;
  background-color: #155192;
}
.bgs-tenth-pr__bs--flex input {
  height: 20px;
  border: 1px solid var(--text-color);
  border-radius: 0px;
  width: 100%;
}
.bgs-tenth-pr__bs--tableblock {
  margin-top: 10px;
}
.bgs-tenth-pr__bs--table {
  border-left: 1px solid var(--text-color);
  border-top: 1px solid var(--text-color);
  height: 100%;
  width: 100%;
}
.bgs-tenth-pr__bs--table--first-row th:nth-child(even) {
  background-color: #155192; /* light gray */
}
.bgs-tenth-pr__bs--table td:nth-child(odd) {
  background-color: #e8f3f9; /* light gray */
}
.bgs-tenth-pr__bs--table th:nth-child(odd) {
  background-color: #e8f3f9; /* light gray */
}
.bgs-tenth-pr__bs--table th {
  height: 25px !important;
  padding: 0px !important;
  border-bottom: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  font-size: 12px;
  text-align: center;
}
.bgs-tenth-pr__bs--table td {
  padding: 3px !important;
  border-bottom: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  font-size: 12px !important;
  color: var(--text-color) !important;
}
.bgs-tenth-pr__bs--table--sub {
  width: 200px !important;
}
.bgs-tenth-pr__bs--table--remarks td {
  padding: 15px 3px !important;
}
.bgs-tenth-pr__bs--table--sign td {
  padding: 10px 3px !important;
}

.rp-template-4__remarks {
  font-size: 14px;
  margin-top: 8px;
  display: block;
}
.rp-template-4__results {
  display: flex;
  column-gap: 5px;
  margin-top: 3px;
}
.rp-template-4__results .bgs-pn-pr__annual-results--to {
  margin-top: 0px !important;
}

.copy-rp-config {
  height: 100%;
}
.copy-rp-config__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.copy-rp-config__title img:hover {
  background-color: #f3f4f6;
}
.copy-rp-config__block {
  height: calc(100% - 70px);
  overflow: auto;
}
.copy-rp-config__block ul {
  margin-bottom: 0px;
}
.copy-rp-config__block ul li {
  display: flex;
  padding: 5px;
  border-bottom: 1px dashed var(--border-color);
  font-family: "Josefin Sans" !important;
}
.copy-rp-config__block ul b,
.copy-rp-config__block ul span {
  font-size: 14px;
}
.copy-rp-config__block--select {
  padding-left: 20px !important;
}

.copy-rp-config__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.copy-rp-config__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.copy-rp-config__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.report-config {
  height: calc(100% - 30px);
}
.report-config__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.report-config__title img:hover {
  background-color: #f3f4f6;
}
.report-config__block {
  height: calc(100% - 45px);
  display: flex;
  overflow: hidden;
}
.report-config__block--left {
  width: 250px;
  padding: 5px;
  border: 1px solid var(--border-color);
  overflow-y: auto;
}
.report-config__block--left .menu-item {
  padding: 8px 12px;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 6px;
  color: var(--text-color);
  font-weight: 500;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  transition: background 0.2s ease;
}
.report-config__block--left .menu-item.active {
  background-color: #007bff;
  color: #fff;
}
.report-config__block--right {
  flex: 1;
  overflow-y: auto;
  padding: 0px 20px;
  height: 100%;
  position: relative;
}
.report-config__block--right .MuiAccordion-region {
  background-color: #f3f4f6;
  border: 1px solid var(--border-color);
}
.report-config__block--right--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 0.5px dashed #d1d5db;
  padding-bottom: 5px;
}
.report-config__block--right--list .MuiSwitch-root {
  margin-top: 5px;
}
.report-config__block--right--list .Label,
.report-config__block--right--list .storybook-input,
.report-config__block--right--list .select {
  margin-top: 2px !important;
}
.report-config__block--right--list .MuiFormControlLabel-root {
  margin-right: 0px !important;
}
.report-config__block--right--flex {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
}

.std-config-index {
  height: 100%;
}
.std-config-index__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.std-config-index__title img:hover {
  background-color: #f3f4f6;
}
.std-config-index__block {
  height: calc(100% - 75px);
  overflow: auto;
}
.std-config-index__block .storybook-input {
  width: 50px !important;
}
.std-config-index__block--flex {
  display: grid;
  grid-template-columns: 2fr 0.2fr;
  column-gap: 5px;
}
.std-config-index__icon {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  color: var(--text-color);
  font-size: 14px;
  padding: 3px 5px;
  margin-top: 10px;
}
.std-config-index__icon img {
  width: 20px;
  height: 20px;
}
.std-config-index__icon--ul {
  background-color: white;
}
.std-config-index__icon--ul--li {
  padding: 5px;
  color: var(--text-color);
  font-size: 14px;
}
.std-config-index__icon--ul--li:hover {
  background-color: var(--level-2);
}

.challan-receipts {
  height: 100%;
  margin: auto;
}
.challan-receipts .storybook-button--print {
  margin: 0px 10px 0px 0px !important;
}
.challan-receipts span,
.challan-receipts b {
  color: var(--text-color);
}
.challan-receipts__ss {
  display: flex;
  height: calc(100% - 45px);
  overflow: auto;
  gap: 30px;
  width: 100%;
}
.challan-receipts__dd {
  height: 100%;
  width: 100%;
}

.challan-pr-t1 {
  height: 715px;
  border: 1px solid var(--border-color);
  padding: 5px;
}
.challan-pr-t1__inst-details {
  height: 150px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.challan-pr-t1__inst-details--logo {
  height: 40px;
  width: 40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.challan-pr-t1__inst-details--logo img {
  width: 100%;
}
.challan-pr-t1__inst-details--cust-name {
  font-size: 14px;
  text-align: center;
  color: var(--text-color);
}
.challan-pr-t1__inst-details--inst-name {
  font-size: 16px;
  text-align: center;
  color: var(--text-color);
}
.challan-pr-t1__inst-details--inst-address {
  font-size: 12px;
  text-align: center;
}
.challan-pr-t1__inst-details--header {
  font-size: 12px;
  text-align: center;
}
.challan-pr-t1__receipt {
  font-size: 16px;
  text-align: center;
  padding: 2px;
  font-weight: 700;
}
.challan-pr-t1__bank-details {
  max-height: 60px;
  overflow: hidden;
}
.challan-pr-t1__bank-details--flex {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.challan-pr-t1__bank-details--flex b {
  font-size: 14px;
}
.challan-pr-t1__bank-details--flex-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.challan-pr-t1__bank-details--bank-name {
  display: flex;
  font-size: 12px;
  color: var(--text-color);
}
.challan-pr-t1__std-details {
  max-height: 75px;
  border-top: 1px dashed var(--border-color);
  overflow: hidden;
}
.challan-pr-t1__std-details b {
  font-size: 12px;
}
.challan-pr-t1__std-details label {
  font-size: 12px;
}
.challan-pr-t1__tableblock {
  margin-top: 3px;
  height: calc(100% - 575px);
  overflow: hidden;
}
.challan-pr-t1__table {
  border: 1px solid var(--text-color) !important;
  height: 100%;
  border-radius: 2px;
}
.challan-pr-t1__table th {
  border-top: none !important;
  border-bottom: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color);
  padding: 2px 5px !important;
  color: var(--text-color);
  font-size: 12px;
  font-weight: 700;
}
.challan-pr-t1__table td {
  border-bottom: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color);
  color: var(--text-color);
  padding: 2px 5px !important;
  color: var(--text-color);
  font-size: 12px;
}
.challan-pr-t1__table--amount {
  width: 100px !important;
  border-right: none !important;
}
.challan-pr-t1__table--footer {
  display: flex;
  align-items: center;
  border-right: 1px solid var(--text-color);
  border-left: 1px solid var(--text-color);
  border-bottom: 1px solid var(--text-color);
}
.challan-pr-t1__table--footer--total {
  font-size: 12px;
  width: calc(100% - 100px);
  font-weight: 700;
  text-align: right;
  padding-right: 5px;
}
.challan-pr-t1__table--footer--amount {
  font-size: 14px;
  width: 100px;
  border-left: 1px solid var(--text-color);
  text-align: right;
  font-weight: 700;
  padding-right: 5px;
}
.challan-pr-t1__footer--amount-in-words {
  font-size: 12px;
  color: var(--text-color);
}
.challan-pr-t1__footer--date-sign {
  margin-top: 30px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.challan-pr-t1__footer--date-seal {
  margin-top: 40px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed var(--border-color);
}
.challan-pr-t1__footer--receipt-no--title {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.challan-pr-t1__footer--receipt-no--flex {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.challan-pr-t1__footer--note {
  font-size: 12px;
  list-style: circle;
  height: 80px;
  overflow: hidden;
}

.challan-receipts__ss::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.challan-receipts__ss::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.challan-receipts__ss::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.document-layout {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.document-layout__print {
  height: 100%;
}
.document-layout__print .document-layout__frame--left {
  border-style: none !important;
  width: 100% !important;
}
.document-layout__frame {
  display: flex;
  column-gap: 40px;
  height: calc(100% - 55px);
  width: 100%;
  margin-top: 10px;
}
.document-layout__frame--right {
  height: 100%;
  border: 1px solid var(--border-color);
  flex: 1;
  overflow: hidden;
}
.document-layout__frame--left {
  height: 100%;
  overflow: hidden;
  resize: horizontal;
  overflow: auto;
  width: 70%;
}
.document-layout__frame--left--header .progress-report__inst--logos {
  border-style: none !important;
}
.document-layout__frame--left--header--inst-name {
  font-weight: 700;
}
.document-layout__frame--left--body {
  color: var(--text-color);
}
.document-layout__frame--left--body--number {
  display: flex;
  justify-content: space-between;
  color: var(--text-color);
  margin-left: 90px;
  margin-right: 28px;
  margin-top: 10px;
}
.document-layout__frame--left--body--sub-title {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
}
.document-layout__frame--left--body--container {
  height: 100%;
}
.document-layout__frame--left--body--content {
  height: fit-content;
}
.document-layout__frame--left--body--content .ql-editor {
  height: fit-content !important;
}
.document-layout__frame--left--body--footer {
  display: flex;
  justify-content: flex-end;
  margin-right: 50px;
  column-gap: 40px;
  height: 70px;
  align-items: center;
  width: 100%;
}
.document-layout__frame--left--body--footer b {
  font-size: 14px;
  color: var(--text-color);
}
.document-layout__frame--left--footer {
  text-align: right;
  font-size: 14px;
  color: var(--text-color);
}

.doc-ack-table {
  max-height: 100%;
}
.doc-ack-table th {
  padding: 0px;
  border: 1px solid var(--text-color) !important;
  font-family: "Josefin Sans";
  font-weight: 700;
  text-align: center;
}
.doc-ack-table td {
  padding: 0px;
  font-style: normal;
  font-size: 14px;
  font-family: "Josefin Sans";
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  border: 1px solid var(--text-color) !important;
}
.doc-ack-table tbody {
  border-style: none;
  height: calc(100% - 25px) !important;
}
.doc-ack-table {
  height: calc(100% - 70px);
}
.doc-ack-table td {
  padding: 8px !important;
}
.doc-ack-table {
  margin-top: 10px;
}
.doc-ack-std-details {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.doc-ack-std-details--grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
}
.doc-ack-std-details--grid label,
.doc-ack-std-details--grid span,
.doc-ack-std-details--grid b {
  font-size: 14px;
}
.doc-ack-std-details--flex {
  display: flex;
  column-gap: 10px;
}
.doc-ack-std-details--flex img {
  width: 80px;
  height: 80px;
}

.document-layout__frame--left::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.document-layout__frame--left::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.document-layout__frame--left::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.documents-content {
  height: 100%;
}
.documents-content .quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
}
.documents-content__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.documents-content__title img:hover {
  background-color: #f3f4f6;
}
.documents-content__data {
  height: calc(100% - 75px);
}
.documents-content__data .ql-editor {
  height: 400PX !important;
}
.documents-content__predefined-words {
  margin-top: 10px;
  height: calc(100% - 445px);
  overflow: auto;
}
.documents-content__predefined-words button {
  background-color: var(--level-2);
  padding: 5px 10px;
  border-radius: 30px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin: 5px;
}

.documents-content__predefined-words::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.documents-content__predefined-words::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.documents-content__predefined-words::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.document-create {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.document-create__frame {
  height: calc(100% - 55px);
  margin-top: 10px;
  display: flex;
  column-gap: 40px;
}
.document-create__frame--left, .document-create__frame--right {
  height: 100%;
  border: 1px solid #cbd5e0;
  border-radius: 0px 40px 0px 0px;
  padding: 20px 5px 5px 5px;
  width: 50%;
}
.document-create__frame--right {
  border-radius: 40px 0px 0px 0px;
}
.document-create__table {
  height: calc(100% - 35px);
}

.document-config {
  height: 100%;
  padding: 5px;
}
.document-config__parameters {
  height: calc(100% - 75px);
  overflow: auto;
}
.document-config__parameters--list {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border-bottom: 1px dashed var(--border-color);
  padding-bottom: 5px;
}
.document-config__parameters--list .MuiSwitch-root {
  margin-top: 10px;
}
.document-config__parameters--list .MuiFormControlLabel-root {
  margin-right: 0px !important;
}

.document-config__parameters::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.document-config__parameters::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.document-config__parameters::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.documents-print {
  height: 100%;
}
.documents-print__container {
  height: fit-content;
}
.documents-print__container--form {
  height: 100%;
}
.documents-print__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.documents-print__title img:hover {
  background-color: #f3f4f6;
}
.documents-print__block {
  height: calc(100% - 75px);
  overflow: auto;
}
.documents-print .page-break {
  page-break-after: always;
}

.documents-print::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.documents-print::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.documents-print::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.std-list-for-doc {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.std-list-for-doc__options {
  column-gap: 10px;
}
.std-list-for-doc__options .MuiAutocomplete-root {
  margin-top: 10px;
}
.std-list-for-doc__tableblock {
  margin-top: 10px;
  height: calc(100% - 135px);
}
.std-list-for-doc__for-id {
  margin-top: 10px;
  height: calc(100% - 140px);
}

.ttt__tableblock {
  margin-top: 20px;
  max-height: 100%;
}
.ttt__tableblock th {
  padding: 0px;
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  font-weight: 700;
}
.ttt__tableblock th td {
  border-right: 1px solid var(--text-color) !important;
}
.ttt__tableblock td {
  padding: 0px;
  font-style: normal;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  border-right: 1px solid var(--text-color) !important;
}
.ttt__tableblock tbody {
  border-style: none;
  height: calc(100% - 25px) !important;
}
.ttt__tableblock tbody td {
  border-style: none;
}
.ttt__tableblock tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.ttt__tableblock tfoot .total {
  border-left: 1px solid var(--text-color);
}
.ttt__tableblock tfoot td {
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-weight: 700;
}
.ttt__tableblock {
  border-left: 1px solid var(--text-color) !important;
}
.ttt__tableblock th {
  border-right: 1px solid var(--text-color) !important;
  padding: 8px !important;
  text-align: center;
}
.ttt__tableblock td {
  border-bottom: 1px solid var(--text-color) !important;
  padding: 5px !important;
}
.ttt__std-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.ttt__std-list--tableblock {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.ttt__std-list--select {
  column-gap: 10px;
}
.ttt__std-list--select .MuiAutocomplete-root {
  margin-top: 10px;
}
.ttt__title {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ttt__title b {
  color: var(--text-color);
  font-size: 20px;
}
.ttt__title--test {
  display: block;
  color: var(--text-color);
  font-size: 18px;
  text-align: center;
}
.ttt__footer {
  margin-top: 20px;
}
.ttt__std-details {
  display: flex;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  column-gap: 10px;
  justify-content: space-between;
  border-top: 1px solid var(--text-color);
}
.ttt__std-details--grid {
  display: grid;
  column-gap: 5px;
  grid-template-columns: 1.5fr 0.01fr 2fr;
}
.ttt__std-details--grid input {
  font-weight: 400;
}
.ttt__std-details--grid2 {
  display: grid;
  column-gap: 20px;
  grid-template-columns: 1.5fr 0.01fr 1fr;
}
.ttt__std-details--grid2 input {
  font-weight: 700;
}
.ttt__std-details--image img img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.ttt__std-details--flex {
  display: flex;
  column-gap: 10px;
}
.ttt__std-details--block {
  display: block;
  margin: auto;
}

.fds-print {
  height: 100%;
}
.fds-print__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.fds-print__title img:hover {
  background-color: #f3f4f6;
}
.fds-print__title img {
  margin-right: 5px;
}
.fds-print__table {
  empty-cells: show !important;
  height: calc(100% - 30px) !important;
}
.fds-print__table th {
  padding: 0px;
  text-align: center;
  border-top: 1px solid var(--text-color) !important;
  border-bottom: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color) !important;
  font-weight: 700;
}
.fds-print__table th td {
  height: 30px !important;
}
.fds-print__table--slno {
  border-left: 1px solid var(--text-color) !important;
}
.fds-print__table td {
  padding: 0px;
  font-style: normal;
  font-size: 16px !important;
  border-bottom: 1px solid var(--text-color) !important;
  border-right: 1px solid var(--text-color) !important;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--text-color);
  height: 30px !important;
}
.fds-print__table tfoot td {
  font-weight: 700;
}
.fds-print__tableblock {
  margin-top: 10px;
}
.fds-print__r-details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 10px;
}
.fds-print__r-details b {
  font-size: 16px;
  text-align: center;
}
.fds-print__r-details--flex {
  display: flex;
  column-gap: 5px;
}
.fds-print__r-details--flex label {
  font-size: 14px;
  font-weight: 700;
}
.fds-print__r-details--flex span {
  font-size: 14px;
}
.fds-print__footer {
  font-size: 14px;
  margin-top: 10px;
}
.fds-print__content {
  margin-top: 20px;
}
.fds-print__content .ql-editor {
  height: fit-content !important;
}
.fds-print__inst-details {
  display: flex;
  column-gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--text-color);
}
.fds-print__inst-details--logo {
  height: 120px;
  width: 120px;
}
.fds-print__inst-details--logo img {
  height: 120px;
  width: 120px;
}
.fds-print__inst-details--text {
  display: block;
  margin: auto;
}
.fds-print__inst-details--text b {
  display: block;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
}
.fds-print__inst-details--name {
  font-size: 18px;
  display: flex;
  justify-content: center;
}
.fds-print__inst-details--address {
  font-size: 14px;
  display: flex;
  justify-content: center;
}
.fds-print__std-details {
  margin-top: 10px;
}
.fds-print__std-details--flex {
  display: flex;
  justify-content: space-between;
}
.fds-print__std-details--grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1.6fr;
}
.fds-print__block {
  height: calc(100% - 45px);
  overflow: auto;
}

.fds-print__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.fds-print__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.fds-print__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.pre-printed-config {
  height: 100%;
}
.pre-printed-config__title {
  display: flex;
}
.pre-printed-config__block {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 10px;
}
.pre-printed-config__block--left {
  width: 70%;
  height: 100%;
  overflow: auto;
}
.pre-printed-config__block--right {
  width: 30%;
  height: 100%;
  border: 1px solid var(--border-color);
}
.pre-printed-config__student {
  height: 100%;
  padding: 5px;
}
.pre-printed-config__student--block {
  height: calc(100% - 85px);
  overflow: auto;
  margin-top: 10px;
}
.pre-printed-config__student--block ul {
  margin-bottom: 0px !important;
}
.pre-printed-config__student--block--header {
  border: 1px solid var(--border-color);
  margin-top: 20px;
  font-family: "Josefin Sans" !important;
}
.pre-printed-config__student--block--header--flex {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding: 8px;
  font-weight: 700;
  color: var(--text-color);
  font-size: 18px;
  border-radius: 5px;
}
.pre-printed-config__student--block--options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 5px;
}
.pre-printed-config__student--block--list {
  background-color: #f9fafb;
}
.pre-printed-config__student--block--list--h {
  font-size: 16px !important;
  margin: 5px 0px !important;
}
.pre-printed-config__co-ordinates {
  height: 100%;
  padding: 5px;
}
.pre-printed-config__co-ordinates--block {
  height: calc(100% - 85px);
  overflow: auto;
  margin-top: 10px;
}
.pre-printed-config__co-ordinates--block .MuiAccordion-region {
  background-color: var(--disabled-color);
}
.pre-printed-config__co-ordinates--block b {
  font-size: 16px;
  font-family: "Josefin Sans" !important;
}
.pre-printed-config__co-ordinates--block--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}
.pre-printed-config__co-ordinates--block--grid .storybook-input {
  margin-top: 0px !important;
}

.user-configuration {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.user-configuration__filters {
  column-gap: 10px;
  margin-top: 5px;
}
.user-configuration__filters .storybook-input {
  margin-top: 0px !important;
}
.user-configuration__filters .storybook-button {
  margin-top: 0px !important;
  display: flex;
  margin-left: auto;
  margin-right: 0px;
  justify-content: flex-end;
}
.user-configuration__tableblock {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.user-configuration__table {
  max-height: 100%;
}
.user-configuration__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.user-configuration__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.user-configuration__table td img:hover,
.user-configuration__table td a:hover {
  cursor: pointer;
}
.user-configuration__table tbody {
  background-color: var(--level-1);
}
.user-configuration__table tbody tr:hover {
  background-color: var(--level-2);
}
.user-configuration__table tbody tr:hover td {
  color: var(--level-7);
}
.user-configuration__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.user-configuration__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.user-configuration__table--sl {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.user-configuration__table--sl span {
  font-size: 12px;
}
.user-configuration__table--id {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.user-configuration__table--id span {
  font-size: 12px;
}
.user-configuration__table--actions {
  width: 4%;
}
.user-configuration__table--desc {
  width: 10%;
}
.user-configuration__assign {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.user-configuration__assign img {
  width: 15px;
  margin-left: 10px;
}
.user-configuration__legends {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 15px;
  padding: 10px 0;
  align-items: center;
}
.user-configuration__legends .role-item {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.user-configuration__legends .role-item__name {
  font-weight: bold;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
}
.user-configuration__legends .role-item__arrow {
  font-size: 18px;
  display: flex;
  align-items: center;
}
.user-configuration__legends .role-item__actions {
  display: flex;
  column-gap: 8px;
}
.user-configuration__legends .role-item__actions .action-text {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.user-configuration__legends .role-item__actions .action-text:not(:last-child)::after {
  content: "";
}
.user-configuration__legends .role-item__actions .action-text:hover {
  cursor: pointer;
}
.user-configuration__view {
  height: 100%;
}
.user-configuration__view__tableblock {
  height: calc(100% - 200px);
  margin-top: 10px;
}

.assign-user-rights {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.assign-user-rights__select-options {
  column-gap: 20px;
  height: 120px;
}
.assign-user-rights__select-options .MuiAutocomplete-root {
  margin-top: 8px;
}
.assign-user-rights__select-options {
  border-bottom: 1.8px dashed var(--border-color);
}
.assign-user-rights__textfield, .assign-user-rights__textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.assign-user-rights__textfield .MuiInputBase-input, .assign-user-rights__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.assign-user-rights__textfield input, .assign-user-rights__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-user-rights__textfield label, .assign-user-rights__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.assign-user-rights__textfield .Mui-disabled input, .assign-user-rights__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.assign-user-rights__textfield .MuiInputBase-input, .assign-user-rights__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.assign-user-rights__textfield, .assign-user-rights__textfield--date {
  margin: 8px 0px 0px 0px !important;
}
.assign-user-rights__textfield--date {
  width: fit-content !important;
}
.assign-user-rights__colspan {
  column-count: 2;
  column-gap: 20px;
  height: 100%;
}
.assign-user-rights__datablock {
  margin-top: 10px;
  height: calc(100% - 176px);
  column-gap: 20px;
}
.assign-user-rights__datablock--left {
  border: 1px solid var(--border-color);
  padding: 10px;
  height: 100%;
  border-radius: 5px;
}
.assign-user-rights__datablock--right {
  border: 1px solid var(--border-color);
  padding: 10px;
  height: 100%;
  border-radius: 5px;
}
.assign-user-rights__datablock--ul {
  height: calc(100% - 70px);
  margin-top: 10px;
  overflow: auto;
}
.assign-user-rights__datablock--ul li .MuiSwitch-root {
  margin-top: 5px;
}
.assign-user-rights__datablock--ul li {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.assign-user-rights__datablock--ul--module-name {
  display: flex;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
}
.assign-user-rights__datablock--ul--module-name img {
  height: 20px;
}
.assign-user-rights__datablock--title {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  background-color: var(--level-2);
  border-radius: 6px;
  padding: 3px;
}
.assign-user-rights__datablock--title b {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  margin-top: auto;
}
.assign-user-rights__edit {
  height: 100%;
}
.assign-user-rights__edit--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.assign-user-rights__edit--title img:hover {
  background-color: #f3f4f6;
}
.assign-user-rights__edit--select {
  margin-top: 10px;
}
.assign-user-rights__edit--select .MuiButtonBase-root {
  padding: 5px !important;
}
.assign-user-rights__edit--select .MuiTypography-root {
  font-weight: 800 !important;
}
.assign-user-rights__edit--icons {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  margin: 10px 0px 10px 0px;
}
.assign-user-rights__edit--icons img {
  background-color: var(--level-5);
  padding: 3px;
  border-radius: 6px;
}
.assign-user-rights__edit--icons img img {
  width: 35px !important;
}
.assign-user-rights__edit--icons span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  position: relative;
  top: 10px;
}
.assign-user-rights__edit--icons--block--view img {
  padding: 4px;
}
.assign-user-rights__edit--icons--block--edit img {
  width: 35px !important;
}
.assign-user-rights__tableblock {
  height: calc(100% - 30px);
}
.assign-user-rights__tableblock--table {
  max-height: 100%;
}
.assign-user-rights__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-user-rights__tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-user-rights__tableblock--table td img:hover,
.assign-user-rights__tableblock--table td a:hover {
  cursor: pointer;
}
.assign-user-rights__tableblock--table tbody {
  background-color: var(--level-1);
}
.assign-user-rights__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-user-rights__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.assign-user-rights__tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-user-rights__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-user-rights__tableblock--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-user-rights__tableblock--table--th-slno {
  width: 8%;
}
.assign-user-rights__tableblock--table--actions {
  width: 10%;
}
.assign-user-rights__tableblock--table--actions img {
  filter: invert(100%);
  height: 25px;
}
.assign-user-rights__for-multiple {
  height: 100%;
}
.assign-user-rights__for-multiple--tableblock {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.assign-user-rights__for-multiple--table {
  max-height: 100%;
}
.assign-user-rights__for-multiple--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.assign-user-rights__for-multiple--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.assign-user-rights__for-multiple--table td img:hover,
.assign-user-rights__for-multiple--table td a:hover {
  cursor: pointer;
}
.assign-user-rights__for-multiple--table tbody {
  background-color: var(--level-1);
}
.assign-user-rights__for-multiple--table tbody tr:hover {
  background-color: var(--level-2);
}
.assign-user-rights__for-multiple--table tbody tr:hover td {
  color: var(--level-7);
}
.assign-user-rights__for-multiple--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.assign-user-rights__for-multiple--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.assign-user-rights__for-multiple--table .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.assign-user-rights__for-multiple--table th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.assign-user-rights__for-multiple--table td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.assign-user-rights__for-multiple--table--slno {
  width: 18%;
  font-family: "Spline Sans Mono", monospace !important;
}
.assign-user-rights__inst-list {
  height: 100%;
}
.assign-user-rights__inst-list--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.assign-user-rights__inst-list--title img:hover {
  background-color: #f3f4f6;
}
.assign-user-rights__inst-list--table {
  height: calc(100% - 80px);
  margin-top: 10px;
}

.assign-user-rights__datablock--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.assign-user-rights__datablock--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.assign-user-rights__datablock--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.recreate-rights {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.recreate-rights__select-options {
  column-gap: 20px;
  height: 125px;
}
.recreate-rights__select-options .MuiAutocomplete-root {
  margin-top: 8px;
}
.recreate-rights__select-options {
  border-bottom: 1.8px dashed var(--border-color);
}
.recreate-rights__select-options--image-flex {
  display: flex;
}
.recreate-rights__select-options--image-flex .data-fetch-icon {
  margin-top: 8px !important;
}
.recreate-rights__textfield, .recreate-rights__textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.recreate-rights__textfield .MuiInputBase-input, .recreate-rights__textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.recreate-rights__textfield input, .recreate-rights__textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.recreate-rights__textfield label, .recreate-rights__textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.recreate-rights__textfield .Mui-disabled input, .recreate-rights__textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.recreate-rights__textfield .MuiInputBase-input, .recreate-rights__textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.recreate-rights__textfield, .recreate-rights__textfield--date {
  margin: 10px 0px 0px 0px !important;
}
.recreate-rights__textfield--date {
  width: fit-content !important;
}
.recreate-rights__colspan {
  column-count: 2;
  column-gap: 20px;
  height: 100%;
}
.recreate-rights__datablock {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: calc(100% - 180px);
  margin-top: 10px;
}

.clean-up-users {
  margin: 0px 20px;
  height: calc(100% - 165px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.clean-up-users--block {
  display: block;
  width: 300px;
  height: fit-content;
  color: var(--text-color);
  padding: 10px;
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  border: 1px solid var(--border-color);
  font-weight: 400;
  border-radius: 6px;
  text-align: justify;
}

.class-teacher-sign {
  height: 100%;
}
.class-teacher-sign__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.class-teacher-sign__title img:hover {
  background-color: #f3f4f6;
}

.proprietor-dashboard {
  height: 100%;
}
.proprietor-dashboard__admissions {
  height: calc(100% - 175px);
}
.proprietor-dashboard__row {
  height: 40px;
}
.proprietor-dashboard__row--flex {
  display: flex;
  justify-content: flex-end;
}
.proprietor-dashboard__row Input {
  height: 35px !important;
}
.proprietor-dashboard__row--total {
  display: flex;
  border: 1px solid var(--border-color);
  margin-top: 10px;
  width: fit-content;
  justify-content: flex-end;
  border-radius: 6px;
  height: 35px;
  column-gap: 15px;
}
.proprietor-dashboard__row--total img {
  width: 30px;
  height: 30px;
  padding: 5px;
}
.proprietor-dashboard__row--total .Label {
  margin-top: 0px !important;
}
.proprietor-dashboard__tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.proprietor-dashboard__tableblock tr:hover .proprietor-dashboard__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.proprietor-dashboard__table {
  max-height: 100%;
}
.proprietor-dashboard__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.proprietor-dashboard__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.proprietor-dashboard__table td img:hover,
.proprietor-dashboard__table td a:hover {
  cursor: pointer;
}
.proprietor-dashboard__table tbody {
  background-color: var(--level-1);
}
.proprietor-dashboard__table tbody tr:hover {
  background-color: var(--level-2);
}
.proprietor-dashboard__table tbody tr:hover td {
  color: var(--level-7);
}
.proprietor-dashboard__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.proprietor-dashboard__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.proprietor-dashboard__table--total, .proprietor-dashboard__table--total--boys, .proprietor-dashboard__table--total--girls {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.proprietor-dashboard__table--total--boys, .proprietor-dashboard__table--total--girls {
  background-color: #c026d3;
  color: white !important;
  font-weight: 700 !important;
  text-align: right !important;
}
.proprietor-dashboard__table--total--girls {
  background-color: #ec4899;
}
.proprietor-dashboard__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.proprietor-dashboard__table--name img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.proprietor-dashboard__inst-image {
  width: 25px;
}

.vms-v-details {
  margin: 0px 20px;
  height: calc(100% - 160px);
}
.vms-v-details__select {
  column-gap: 10px;
}
.vms-v-details__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.vms-v-details__select--addnew {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.vms-v-details__tableblock {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.vms-v-details__table {
  max-height: 100%;
}
.vms-v-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.vms-v-details__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.vms-v-details__table td img:hover,
.vms-v-details__table td a:hover {
  cursor: pointer;
}
.vms-v-details__table tbody {
  background-color: var(--level-1);
}
.vms-v-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.vms-v-details__table tbody tr:hover td {
  color: var(--level-7);
}
.vms-v-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.vms-v-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.vms-v-details__table tr:hover .vms-v-details__table--vno {
  text-decoration: underline !important;
  cursor: pointer;
}
.vms-v-details__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-v-details__table--eno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-v-details__table--vno {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-v-details__table--date {
  width: 8%;
}
.vms-v-details__table--type {
  width: 6%;
}
.vms-v-details__table--seating {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-v-details__table--actions {
  width: 4%;
}

.vms-v-details-new {
  margin: 0px 20px;
  height: calc(100% - 150px);
}
.vms-v-details-new__stepper {
  margin-top: 10px;
}
.vms-v-details-new__data, .vms-v-details-new__data--update {
  height: calc(100% - 140px);
  overflow: auto;
  margin-top: 8px;
  column-gap: 40px;
}
.vms-v-details-new__data--update {
  height: calc(100% - 78px);
}
.vms-v-details-new__data--grid {
  display: grid;
  grid-template-columns: 0.6fr 1fr 0.1fr;
  column-gap: 10px;
}
.vms-v-details-new__data--image {
  background-color: var(--level-4);
  margin-top: 10px;
  border-radius: 3px;
}
.vms-v-details-new__other-details {
  height: 135px;
}
.vms-v-details-new__other-details--common {
  column-count: 3;
  column-gap: 20px;
  height: 100%;
  border-bottom: 1.6px dashed var(--border-color);
}
.vms-v-details-new__other-details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.vms-v-details-new__other-details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.vms-v-details-new__other-details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-v-details-new__other-details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.vms-v-details-new__other-details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-v-details-new__other-details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.vms-v-details-new__other-details--textfield {
  margin-top: 10px !important;
}
.vms-v-details-new__other-details--data, .vms-v-details-new__other-details--data--update {
  margin-top: 10px;
  height: calc(100% - 277px);
  overflow: auto;
  column-gap: 30px;
}
.vms-v-details-new__other-details--data--update {
  height: calc(100% - 205px);
}
.vms-v-details-new__other-details--data--grid {
  display: grid;
  grid-template-columns: 1fr 0.9fr 0.8fr 0.8fr;
}
.vms-v-details-new__current-details, .vms-v-details-new__current-details--update {
  height: calc(100% - 277px);
  overflow: auto;
  margin-top: 10px;
}
.vms-v-details-new__current-details--update {
  height: calc(100% - 205px);
}
.vms-v-details-new__current-details .font-red, .vms-v-details-new__current-details--update .font-red {
  text-align: left !important;
}
.vms-v-details-new__current-details .MuiSwitch-root, .vms-v-details-new__current-details--update .MuiSwitch-root {
  margin-top: 18px;
}
.vms-v-details-new__current-details--insurance {
  column-gap: 30px;
  padding-bottom: 10px;
  border-bottom: 1.6px dashed var(--border-color);
}
.vms-v-details-new__current-details--title {
  font-family: "Josefin Sans" !important;
  font-size: 16px;
  font-weight: 700;
}
.vms-v-details-new__current-details--tyre-details {
  column-gap: 30px;
}

.vms-v-details-new__data::-webkit-scrollbar, .vms-v-details-new__data--update::-webkit-scrollbar,
.vms-v-details-new__other-details--data::-webkit-scrollbar,
.vms-v-details-new__other-details--data--update::-webkit-scrollbar,
.vms-v-details-new__current-details::-webkit-scrollbar,
.vms-v-details-new__current-details--update::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.vms-v-details-new__data::-webkit-scrollbar-thumb, .vms-v-details-new__data--update::-webkit-scrollbar-thumb,
.vms-v-details-new__other-details--data::-webkit-scrollbar-thumb,
.vms-v-details-new__other-details--data--update::-webkit-scrollbar-thumb,
.vms-v-details-new__current-details::-webkit-scrollbar-thumb,
.vms-v-details-new__current-details--update::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.vms-v-details-new__data::-webkit-scrollbar-thumb:hover, .vms-v-details-new__data--update::-webkit-scrollbar-thumb:hover,
.vms-v-details-new__other-details--data::-webkit-scrollbar-thumb:hover,
.vms-v-details-new__other-details--data--update::-webkit-scrollbar-thumb:hover,
.vms-v-details-new__current-details::-webkit-scrollbar-thumb:hover,
.vms-v-details-new__current-details--update::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.view-vehicle-details {
  margin: 0px 20px;
  height: calc(100% - 160px);
}
.view-vehicle-details__menu {
  display: flex;
  column-gap: 20px;
  margin-bottom: 0px !important;
  margin-top: 10px;
}
.view-vehicle-details__menu .active {
  background-color: var(--level-5);
  color: white;
  font-weight: 700;
}
.view-vehicle-details__menu li {
  border: 1px solid var(--border-color);
  padding: 5px 8px;
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #475569;
}
.view-vehicle-details__data {
  margin-top: 15px;
  height: calc(100% - 108px);
  overflow: auto;
}
.view-vehicle-details__data--list {
  column-gap: 20px;
  column-count: 2;
}
.view-vehicle-details__purchase-details {
  column-gap: 30px;
  margin-top: 12px;
  height: calc(100% - 240px);
  overflow: auto;
}
.view-vehicle-details__current-details {
  margin-top: 12px;
  height: calc(100% - 240px);
  overflow: auto;
}
.view-vehicle-details__previous-details {
  margin-top: 10px;
  height: calc(100% - 268px);
}
.view-vehicle-details__previous-details .view-vehicle-details__menu {
  justify-content: center !important;
  margin-top: 0px;
}
.view-vehicle-details__previous-details--tableblock {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.view-vehicle-details__previous-details--table {
  max-height: 100%;
}
.view-vehicle-details__previous-details--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.view-vehicle-details__previous-details--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.view-vehicle-details__previous-details--table td img:hover,
.view-vehicle-details__previous-details--table td a:hover {
  cursor: pointer;
}
.view-vehicle-details__previous-details--table tbody {
  background-color: var(--level-1);
}
.view-vehicle-details__previous-details--table tbody tr:hover {
  background-color: var(--level-2);
}
.view-vehicle-details__previous-details--table tbody tr:hover td {
  color: var(--level-7);
}
.view-vehicle-details__previous-details--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.view-vehicle-details__previous-details--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.view-vehicle-details__previous-details--table--slno {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-vehicle-details__previous-details--table--date {
  width: 12%;
  font-family: "Spline Sans Mono", monospace !important;
}
.view-vehicle-details__previous-details--table .font-blue,
.view-vehicle-details__previous-details--table .font-green {
  font-weight: 400 !important;
}
.view-vehicle-details__previous-details--table--number {
  width: 15%;
  font-family: "Spline Sans Mono", monospace !important;
}

.view-vehicle-details__data::-webkit-scrollbar,
.view-vehicle-details__purchase-details::-webkit-scrollbar,
.view-vehicle-details__current-details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.view-vehicle-details__data::-webkit-scrollbar-thumb,
.view-vehicle-details__purchase-details::-webkit-scrollbar-thumb,
.view-vehicle-details__current-details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.view-vehicle-details__data::-webkit-scrollbar-thumb:hover,
.view-vehicle-details__purchase-details::-webkit-scrollbar-thumb:hover,
.view-vehicle-details__current-details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.transport-masters {
  height: calc(100% - 160px);
  margin: 0px 20px;
}
.transport-masters__datablock {
  margin-top: 10px;
  height: calc(100% - 60px);
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
}
.transport-masters__left {
  height: 100%;
  width: 280px;
  box-shadow: 2px 2px 7px rgba(80, 80, 80, 0.5);
  padding: 5px;
}
.transport-masters__left--ul {
  height: calc(100% - 80px);
  overflow: auto;
  margin-bottom: 0px !important;
  margin-top: 10px;
}
.transport-masters__left--ul li {
  padding: 8px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  margin-top: 5px;
  border-radius: 6px;
}
.transport-masters__left--ul li:hover {
  background-color: var(--level-1);
}
.transport-masters__left--ul--active {
  font-weight: 700;
  color: var(--level-7);
  background-color: var(--level-2);
}
.transport-masters__right {
  width: calc(100% - 280px);
  border: 1.8px dashed var(--border-color);
  padding: 5px;
}
.transport-masters__right--header {
  display: flex;
  justify-content: space-between;
}
.transport-masters__right--input {
  width: 240px;
  column-gap: 10px;
}
.transport-masters__right--input .container__list--addnew {
  margin-right: 0px !important;
}
.transport-masters__tableblock {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.transport-masters__tableblock--modal {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.transport-masters__table {
  max-height: 100%;
}
.transport-masters__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.transport-masters__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.transport-masters__table td img:hover,
.transport-masters__table td a:hover {
  cursor: pointer;
}
.transport-masters__table tbody {
  background-color: var(--level-1);
}
.transport-masters__table tbody tr:hover {
  background-color: var(--level-2);
}
.transport-masters__table tbody tr:hover td {
  color: var(--level-7);
}
.transport-masters__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.transport-masters__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.transport-masters__table--slno {
  width: 7%;
  font-family: "Spline Sans Mono", monospace !important;
}
.transport-masters__table--actions {
  width: 7%;
}
.transport-masters__table--model td {
  background-color: var(--bg-color);
  color: var(--level-5);
  font-weight: 700;
}

.transport-masters__left--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.transport-masters__left--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.transport-masters__left--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.vms-staff-details {
  margin: 0px 20px;
  height: calc(100% - 160px);
}
.vms-staff-details__select {
  column-gap: 10px;
}
.vms-staff-details__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.vms-staff-details__select--addnew {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.vms-staff-details__tableblock {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.vms-staff-details__table {
  max-height: 100%;
}
.vms-staff-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.vms-staff-details__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.vms-staff-details__table td img:hover,
.vms-staff-details__table td a:hover {
  cursor: pointer;
}
.vms-staff-details__table tbody {
  background-color: var(--level-1);
}
.vms-staff-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.vms-staff-details__table tbody tr:hover td {
  color: var(--level-7);
}
.vms-staff-details__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.vms-staff-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.vms-staff-details__table tr:hover .vms-staff-details__table--emp-id {
  text-decoration: underline !important;
  cursor: pointer;
}
.vms-staff-details__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-staff-details__table--emp-id {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-staff-details__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-staff-details__table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-staff-details__table--degn {
  width: 6%;
}
.vms-staff-details__table--license-no {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-staff-details__table--mobile-no {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-staff-details__table--actions {
  width: 4%;
}

.vms-staff-details-new {
  margin: 0px 20px;
  height: calc(100% - 150px);
}
.vms-staff-details-new__stepper {
  margin-top: 10px;
}
.vms-staff-details-new__form, .vms-staff-details-new__form--update {
  height: calc(100% - 140px);
  overflow: auto;
  margin-top: 8px;
  column-gap: 40px;
}
.vms-staff-details-new__form--update {
  height: calc(100% - 78px);
}
.vms-staff-details-new__form .MuiSwitch-root, .vms-staff-details-new__form--update .MuiSwitch-root {
  margin-top: 15px;
}
.vms-staff-details-new__form--grid {
  display: grid;
  grid-template-columns: 0.425fr 1fr 0.1fr;
  column-gap: 10px;
}
.vms-staff-details-new__form--date-grid {
  display: grid;
  grid-template-columns: 1fr 0.9fr 0.8fr 0.8fr;
}
.vms-staff-details-new__form--image {
  background-color: var(--level-4);
  margin-top: 10px;
  border-radius: 3px;
}
.vms-staff-details-new__documents-details, .vms-staff-details-new__documents-details--update {
  height: 300px;
  margin: auto;
  width: 450px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  margin-top: 20px;
}
.vms-staff-details-new__documents-details--update {
  height: 355px;
  margin-top: 10px;
}
.vms-staff-details-new__documents-details--header {
  margin: 5px;
  background: #f3f4f6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  height: 30px;
}
.vms-staff-details-new__documents-details--header--name, .vms-staff-details-new__documents-details--footer, .vms-staff-details-new__documents-details--header--type {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  width: calc(100% - 150px);
}
.vms-staff-details-new__documents-details--header--type {
  width: 150px;
  border-left: 2px solid #d1d5db;
  padding-left: 5px;
}
.vms-staff-details-new__documents-details--list {
  height: calc(100% - 108px);
  overflow: auto;
  padding: 5px;
  display: flex;
  column-gap: 10px;
}
.vms-staff-details-new__documents-details--list--button {
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  color: white;
  border-radius: 30px;
  font-family: "Josefin Sans" !important;
  background-color: #00a3c4;
  display: block;
  margin: 5px auto;
}
.vms-staff-details-new__documents-details--list--select {
  width: 150px;
}
.vms-staff-details-new__documents-details--list--file-type {
  width: calc(100% - 150px);
}
.vms-staff-details-new__documents-details--list--file-type li {
  display: flex;
  justify-content: space-between;
  padding: 3px;
  background-color: #f3f4f6;
  border-radius: 6px;
  margin-top: 10px;
}
.vms-staff-details-new__documents-details--list--file-type li img {
  width: 30px;
  margin-right: 10px;
}
.vms-staff-details-new__documents-details--list--file-type li span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: #475569;
  width: calc(100% - 70px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.vms-staff-details-new__documents-details--list--file-type li span:hover {
  text-decoration: underline;
}
.vms-staff-details-new__documents-details--footer {
  width: 100%;
  font-size: 12px;
  height: 35px;
  background-color: #d1d5db;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.vms-staff-details-new__documents-block {
  height: calc(100% - 150px);
}

.vms-staff-details-new__documents-details--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.vms-staff-details-new__documents-details--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.vms-staff-details-new__documents-details--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.vms-staff-details-preview {
  margin: 0px 20px;
  height: calc(100% - 160px);
}
.vms-staff-details-preview__menu {
  display: flex;
  column-gap: 20px;
  margin-bottom: 0px !important;
  margin-top: 10px;
}
.vms-staff-details-preview__menu .active {
  background-color: var(--level-5);
  color: white;
  font-weight: 700;
}
.vms-staff-details-preview__menu li {
  border: 1px solid var(--border-color);
  padding: 5px 8px;
  border-radius: 6px;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
  color: #475569;
}
.vms-staff-details-preview__data {
  margin-top: 15px;
  height: calc(100% - 108px);
  overflow: auto;
}
.vms-staff-details-preview__data--list {
  column-gap: 20px;
  column-count: 2;
}
.vms-staff-details-preview__documents {
  margin-top: 15px;
  height: calc(100% - 108px);
}
.vms-staff-details-preview__documents--upload {
  background: linear-gradient(90deg, #ec008c 0%, #fc6767 100%);
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 110px;
}
.vms-staff-details-preview__documents--upload input {
  display: none;
}
.vms-staff-details-preview__documents--upload img {
  padding-right: 5px;
}
.vms-staff-details-preview__documents--upload {
  margin-right: 10px;
  height: 32px;
}
.vms-staff-details-preview__documents--common {
  height: 120px;
  column-gap: 20px;
}
.vms-staff-details-preview__documents--common--list {
  column-count: 3;
  column-gap: 20px;
}
.vms-staff-details-preview__documents--common--profile {
  height: 100%;
}
.vms-staff-details-preview__documents--common--profile img img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.vms-staff-details-preview__documents--common--profile img {
  width: calc(100% - 10px);
}
.vms-staff-details-preview__documents--common--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.vms-staff-details-preview__documents--common--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.vms-staff-details-preview__documents--common--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-staff-details-preview__documents--common--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.vms-staff-details-preview__documents--common--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-staff-details-preview__documents--common--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.vms-staff-details-preview__documents--common--textfield {
  margin: 8px 0px 0px 0px !important;
}
.vms-staff-details-preview__documents--list {
  border-top: 1px dashed var(--border-color);
  height: calc(100% - 120px);
}
.vms-staff-details-preview__documents--list--title {
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  padding: 5px;
  font-size: 16px;
}
.vms-staff-details-preview__documents--uploaded-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  overflow: auto;
  padding-top: 20px;
  height: calc(100% - 30px);
  gap: 20px;
}
.vms-staff-details-preview__documents--file {
  background-color: var(--level-2);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  height: 130px;
  padding-top: 12px;
}
.vms-staff-details-preview__documents--file img {
  display: block;
  margin: auto;
}
.vms-staff-details-preview__documents--file b {
  font-family: "Josefin Sans" !important;
  text-align: center;
  font-size: 14px;
  display: block;
}
.vms-staff-details-preview__documents--file span {
  font-family: "Josefin Sans" !important;
  text-align: center;
  font-size: 14px;
  display: block;
}
.vms-staff-details-preview__documents--file--icons {
  position: relative;
  display: flex;
  top: 10px;
  padding: 5px;
  justify-content: space-between;
  background-color: var(--bg-color);
  border-radius: 0px 0px 6px 6px;
}

.vms-supplier {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.vms-supplier__addnew {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.vms-supplier__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.vms-supplier__table {
  max-height: 100%;
}
.vms-supplier__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.vms-supplier__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.vms-supplier__table td img:hover,
.vms-supplier__table td a:hover {
  cursor: pointer;
}
.vms-supplier__table tbody {
  background-color: var(--level-1);
}
.vms-supplier__table tbody tr:hover {
  background-color: var(--level-2);
}
.vms-supplier__table tbody tr:hover td {
  color: var(--level-7);
}
.vms-supplier__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.vms-supplier__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.vms-supplier__table tr:hover .vms-supplier__table--name {
  text-decoration: underline !important;
  cursor: pointer;
}
.vms-supplier__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-supplier__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-supplier__table--actions {
  width: 4%;
}
.vms-supplier__add {
  height: calc(100% - 70px);
}

.vms-fuel-indent {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.vms-fuel-indent__basic-details {
  height: 120px;
  column-gap: 20px;
  margin-top: 10px;
}
.vms-fuel-indent__basic-details--flex {
  display: flex;
}
.vms-fuel-indent__basic-details--flex .MuiAutocomplete-root {
  margin-top: 10px;
}
.vms-fuel-indent__basic-details--flex .data-fetch-icon {
  margin-top: 10px;
}
.vms-fuel-indent__basic-details--column-span {
  column-count: 2;
  column-gap: 20px;
}
.vms-fuel-indent__basic-details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.vms-fuel-indent__basic-details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.vms-fuel-indent__basic-details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-fuel-indent__basic-details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.vms-fuel-indent__basic-details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-fuel-indent__basic-details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.vms-fuel-indent__basic-details--textfield {
  margin: 10px 0px 0px 0px !important;
}
.vms-fuel-indent__data {
  height: calc(100% - 228px);
  border-top: 1.6px dashed var(--border-color);
  margin-top: 10px;
}
.vms-fuel-indent__data--supplier-details {
  height: 160px;
  column-gap: 40px;
}
.vms-fuel-indent__data--supplier-details .storybook-input,
.vms-fuel-indent__data--supplier-details .Label {
  margin-top: 5px !important;
}
.vms-fuel-indent__data--supplier-details--flex {
  display: flex;
}
.vms-fuel-indent__data--supplier-details--flex .MuiFormControl-root {
  margin-top: 5px !important;
}
.vms-fuel-indent__data--supplier-details--frame {
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 10px;
}
.vms-fuel-indent__data--details {
  column-gap: 17px;
  height: calc(100% - 160px);
}
.vms-fuel-indent__view {
  height: calc(100% - 35px);
}
.vms-fuel-indent__view--select {
  column-gap: 10px;
}
.vms-fuel-indent__view--select .MuiAutocomplete-root {
  margin-top: 10px;
}
.vms-fuel-indent__view--tableblock {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.vms-fuel-indent__view--table {
  max-height: 100%;
}
.vms-fuel-indent__view--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.vms-fuel-indent__view--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.vms-fuel-indent__view--table td img:hover,
.vms-fuel-indent__view--table td a:hover {
  cursor: pointer;
}
.vms-fuel-indent__view--table tbody {
  background-color: var(--level-1);
}
.vms-fuel-indent__view--table tbody tr:hover {
  background-color: var(--level-2);
}
.vms-fuel-indent__view--table tbody tr:hover td {
  color: var(--level-7);
}
.vms-fuel-indent__view--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.vms-fuel-indent__view--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.vms-fuel-indent__view--table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-indent__view--table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-indent__view--table--actions {
  width: 4%;
}

.vms-fuel-purchase {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.vms-fuel-purchase__select {
  column-gap: 10px;
}
.vms-fuel-purchase__select--addnew {
  display: flex !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  margin-right: 0px !important;
}
.vms-fuel-purchase__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.vms-fuel-purchase__table {
  max-height: 100%;
}
.vms-fuel-purchase__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.vms-fuel-purchase__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.vms-fuel-purchase__table td img:hover,
.vms-fuel-purchase__table td a:hover {
  cursor: pointer;
}
.vms-fuel-purchase__table tbody {
  background-color: var(--level-1);
}
.vms-fuel-purchase__table tbody tr:hover {
  background-color: var(--level-2);
}
.vms-fuel-purchase__table tbody tr:hover td {
  color: var(--level-7);
}
.vms-fuel-purchase__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.vms-fuel-purchase__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.vms-fuel-purchase__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-purchase__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-purchase__table--actions {
  width: 4%;
}
.vms-fuel-purchase__add {
  height: 100%;
}
.vms-fuel-purchase__add--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.vms-fuel-purchase__add--title img:hover {
  background-color: #f3f4f6;
}
.vms-fuel-purchase__add--details {
  height: 120px;
  column-gap: 20px;
}
.vms-fuel-purchase__add--details .MuiAutocomplete-root {
  margin-top: 10px;
}
.vms-fuel-purchase__add--details--flex {
  display: flex;
  column-gap: 5px;
}
.vms-fuel-purchase__add--details--row {
  column-gap: 5px;
}
.vms-fuel-purchase__add--details--textfield, .vms-fuel-purchase__add--details--textfield--date {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.vms-fuel-purchase__add--details--textfield .MuiInputBase-input, .vms-fuel-purchase__add--details--textfield--date .MuiInputBase-input {
  padding: 5px !important;
}
.vms-fuel-purchase__add--details--textfield input, .vms-fuel-purchase__add--details--textfield--date input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-fuel-purchase__add--details--textfield label, .vms-fuel-purchase__add--details--textfield--date label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.vms-fuel-purchase__add--details--textfield .Mui-disabled input, .vms-fuel-purchase__add--details--textfield--date .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.vms-fuel-purchase__add--details--textfield .MuiInputBase-input, .vms-fuel-purchase__add--details--textfield--date .MuiInputBase-input {
  height: 1.3em !important;
}
.vms-fuel-purchase__add--details--textfield, .vms-fuel-purchase__add--details--textfield--date {
  margin: 10px 0px 0px 0px !important;
}
.vms-fuel-purchase__add--details--textfield--date {
  width: fit-content !important;
}
.vms-fuel-purchase__add--tableblock {
  height: calc(100% - 110px);
}
.vms-fuel-purchase__add--datablock {
  height: calc(100% - 200px);
  margin-top: 10px;
}
.vms-fuel-purchase__add--table {
  max-height: 100%;
}
.vms-fuel-purchase__add--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.vms-fuel-purchase__add--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.vms-fuel-purchase__add--table td img:hover,
.vms-fuel-purchase__add--table td a:hover {
  cursor: pointer;
}
.vms-fuel-purchase__add--table tbody {
  background-color: var(--level-1);
}
.vms-fuel-purchase__add--table tbody tr:hover {
  background-color: var(--level-2);
}
.vms-fuel-purchase__add--table tbody tr:hover td {
  color: var(--level-7);
}
.vms-fuel-purchase__add--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.vms-fuel-purchase__add--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.vms-fuel-purchase__add--table td {
  padding: 0px 3px 0px 3px !important;
}
.vms-fuel-purchase__add--table--slno {
  width: 5%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-purchase__add--table--code {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-purchase__add--table--number {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-purchase__add--table--rate {
  padding-top: 0px !important;
}
.vms-fuel-purchase__add--table--rate Input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
}
.vms-fuel-purchase__add--table--rate Input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.vms-fuel-purchase__add--table--rate input {
  margin: 0px;
  border-radius: 0px !important;
  background-color: #fef9c3;
  border-style: none;
  width: 100%;
  text-align: right;
}
.vms-fuel-purchase__add--table--rate input:focus {
  color: #000 !important;
  filter: none !important;
  background-color: white;
}
.vms-fuel-purchase__add--table--rate {
  padding: 0px !important;
  width: 10%;
}
.vms-fuel-purchase__add--table--amount {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.vms-fuel-purchase__add--table--actions {
  width: 5%;
}
.vms-fuel-purchase__add--footer {
  height: 110px;
  column-gap: 20px;
}
.vms-fuel-purchase__add--footer--frame {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 5px;
}

.emp-logs {
  margin: 0px 20px;
  height: calc(100% - 160px);
}
.emp-logs__select {
  column-gap: 10px;
}
.emp-logs__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.emp-logs__select--flex {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.emp-logs__select--flex img {
  height: 20px;
  margin-top: 10px;
}
.emp-logs__select--textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.emp-logs__select--textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.emp-logs__select--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-logs__select--textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.emp-logs__select--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.emp-logs__select--textfield {
  width: fit-content !important;
  margin: 10px 0px 0px 0px !important;
}
.emp-logs__block {
  height: calc(100% - 102px);
  margin-top: 10px;
  display: flex;
  column-gap: 40px;
}
.emp-logs__block--list {
  height: calc(100% - 80px);
  overflow: auto;
  margin-top: 10px;
}
.emp-logs__block--grid, .emp-logs__block--grid--active {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.emp-logs__block--grid:hover, .emp-logs__block--grid--active:hover {
  background-color: var(--level-1);
}
.emp-logs__block--grid--active {
  background-color: var(--level-2);
  font-weight: 700;
}
.emp-logs__block--grid--profile {
  display: flex;
  column-gap: 5px;
}
.emp-logs__block--grid--profile img {
  width: 25px;
}
.emp-logs__block--grid--profile--details {
  font-size: 14px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.emp-logs__block--grid--profile--details span {
  display: block;
}
.emp-logs__block--grid--profile--count {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 14px;
  color: var(--text-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  height: fit-content;
  padding: 3px 10px;
}
.emp-logs__block--left {
  width: 350px;
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.emp-logs__block--right {
  width: calc(100% - 350px);
  height: 100%;
}
.emp-logs__block--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.emp-logs__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.emp-logs__block--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.emp-logs__block--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.emp-logs__block--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.emp-logs__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.emp-logs__block--tabs--flex {
  display: flex;
  column-gap: 5px;
}
.emp-logs__block--tabs--flex img {
  width: 20px;
}
.emp-logs__block--tabs--flex span {
  color: #475569 !important;
}
.emp-logs__block--tabpanel {
  margin-top: 10px;
  overflow: auto;
  height: calc(100% - 90px);
}
.emp-logs__modules {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.emp-logs__modules--grid {
  border: 1px solid var(--border-color);
  border-radius: 10px 10px 0px 0px;
  position: relative;
  padding-top: 15px;
}
.emp-logs__modules--grid img {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}
.emp-logs__modules--grid--title, .emp-logs__modules--grid--total {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  display: block;
  position: relative;
  text-align: center;
  top: 10px;
  bottom: 10px;
}
.emp-logs__modules--grid--total {
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-logs__modules--grid--list, .emp-logs__modules--grid--list--dop, .emp-logs__modules--grid--list--sop {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
  height: fit-content;
  background-color: #f1f5f9;
  padding-top: 10px;
}
.emp-logs__modules--grid--list--add {
  display: block;
  text-align: center;
  font-size: 14px;
}
.emp-logs__modules--grid--list--add span {
  font-family: "Josefin Sans" !important;
  display: block;
}
.emp-logs__modules--grid--list--add b {
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-logs__modules--grid--list--sop {
  display: flex;
  justify-content: center;
}
.emp-logs__modules--grid--list--dop {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px;
}
.emp-logs__filtered-data {
  height: calc(100% - 75px);
}
.emp-logs__filtered-data--select {
  column-gap: 10px;
}
.emp-logs__filtered-data--select .MuiAutocomplete-root {
  margin-top: 10px;
}
.emp-logs__filtered-data--select--flex {
  column-gap: 10px;
  display: flex;
}
.emp-logs__filtered-data--select--flex img {
  margin-top: 5px;
}
.emp-logs__filtered-data--profile {
  display: flex;
  column-gap: 5px;
  height: 60px;
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  align-items: center;
  padding: 5px;
}
.emp-logs__filtered-data--profile img {
  width: 30px;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}
.emp-logs__filtered-data--profile--details {
  font-size: 14px;
  color: var(--text-color);
  font-family: "Josefin Sans" !important;
}
.emp-logs__filtered-data--profile--details span {
  display: block;
}
.emp-logs__filtered-data--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.emp-logs__filtered-data--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.emp-logs__filtered-data--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-logs__filtered-data--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.emp-logs__filtered-data--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.emp-logs__filtered-data--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.emp-logs__filtered-data--textfield {
  margin: 10px 0px 0px 0px !important;
  width: fit-content;
}
.emp-logs__filtered-data--tableblock {
  margin-top: 10px;
  height: calc(100% - 70px);
}
.emp-logs__filtered-data--table {
  max-height: 100%;
}
.emp-logs__filtered-data--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.emp-logs__filtered-data--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.emp-logs__filtered-data--table td img:hover,
.emp-logs__filtered-data--table td a:hover {
  cursor: pointer;
}
.emp-logs__filtered-data--table tbody {
  background-color: var(--level-1);
}
.emp-logs__filtered-data--table tbody tr:hover {
  background-color: var(--level-2);
}
.emp-logs__filtered-data--table tbody tr:hover td {
  color: var(--level-7);
}
.emp-logs__filtered-data--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.emp-logs__filtered-data--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.emp-logs__filtered-data--table--slno {
  width: 6%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-logs__filtered-data--table--number {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-logs__filtered-data--table--desc {
  width: 8%;
}
.emp-logs__filtered-data--table--date {
  width: 8%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-logs__filtered-data--table--actions {
  width: 4%;
}
.emp-logs__filtered-data--table--actions img {
  width: 20px;
}

.emp-logs__block--tabpanel::-webkit-scrollbar,
.emp-logs__block--list::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.emp-logs__block--tabpanel::-webkit-scrollbar-thumb,
.emp-logs__block--list::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.emp-logs__block--tabpanel::-webkit-scrollbar-thumb:hover,
.emp-logs__block--list::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.emp-complete-logs {
  margin: 0px 20px;
  height: calc(100% - 170px);
}
.emp-complete-logs__select {
  column-gap: 10px;
}
.emp-complete-logs__select .MuiAutocomplete-root {
  margin-top: 10px;
}
.emp-complete-logs__tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.emp-complete-logs__table {
  max-height: 100%;
}
.emp-complete-logs__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.emp-complete-logs__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.emp-complete-logs__table td img:hover,
.emp-complete-logs__table td a:hover {
  cursor: pointer;
}
.emp-complete-logs__table tbody {
  background-color: var(--level-1);
}
.emp-complete-logs__table tbody tr:hover {
  background-color: var(--level-2);
}
.emp-complete-logs__table tbody tr:hover td {
  color: var(--level-7);
}
.emp-complete-logs__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.emp-complete-logs__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.emp-complete-logs__table--slno {
  width: 4%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-complete-logs__table--number {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-complete-logs__table--date {
  width: 10%;
  font-family: "Spline Sans Mono", monospace !important;
}
.emp-complete-logs__table--actions {
  width: 4%;
}
.emp-complete-logs__table--actions img {
  width: 20px;
}

.global-search {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.global-search__tableblock {
  height: calc(100% - 100px);
  margin-top: 10px;
}
.global-search__tableblock--image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.global-search__tableblock .no-data {
  height: 350px;
  width: 350px;
}
.global-search__flex {
  column-gap: 10px;
}
.global-search__table {
  max-height: 100%;
}
.global-search__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.global-search__table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.global-search__table td img:hover,
.global-search__table td a:hover {
  cursor: pointer;
}
.global-search__table tbody {
  background-color: var(--level-1);
}
.global-search__table tbody tr:hover {
  background-color: var(--level-2);
}
.global-search__table tbody tr:hover td {
  color: var(--level-7);
}
.global-search__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.global-search__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.global-search__table img {
  height: 35px;
  width: 35px;
  margin-right: 5px;
}
.global-search .image-white {
  filter: invert(100%);
}

.visitor-dashboard {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.visitor-dashboard__menu--tabs {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.visitor-dashboard__menu--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.visitor-dashboard__menu--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.visitor-dashboard__menu--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.visitor-dashboard__menu--tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.visitor-dashboard__menu--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.visitor-dashboard__menu--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.visitor-dashboard__tabpanel {
  height: calc(100% - 55px);
}
.visitor-dashboard__tabpanel .MuiTypography-root {
  height: 100% !important;
}
.visitor-dashboard__details {
  column-gap: 20px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.visitor-dashboard__details--block {
  padding: 5px;
  margin-top: 10px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.visitor-dashboard__details--block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.visitor-dashboard__details--block {
  height: fit-content;
}
.visitor-dashboard__details--block--title {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
.visitor-dashboard__details--block--title--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 3px !important;
  color: var(--text-color) !important;
  font-weight: 700;
}
.visitor-dashboard__details--block--title--tabs .MuiTabs-list {
  column-gap: 5px;
}
.visitor-dashboard__details--block--title--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.visitor-dashboard__details--block--title--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.visitor-dashboard__details--block--title--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.visitor-dashboard__details--block--title--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.visitor-dashboard__details--block--title--tabs .MuiButtonBase-root {
  min-width: 60px !important;
}
.visitor-dashboard__details--block--title--tabs .MuiTabs-flexContainer {
  background: var(--level-1);
  padding: 5px;
  border-radius: 6px;
  width: fit-content !important;
}
.visitor-dashboard__details--block--title .subtitle1 {
  width: calc(100% - 35px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
}
.visitor-dashboard__details--block--title .subtitle1:hover {
  text-overflow: clip;
  overflow: visible;
}
.visitor-dashboard__details--block--details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 30px;
  height: calc(100% - 40px);
}
.visitor-dashboard__details--block--details img {
  width: 60px;
  height: 60px;
}
.visitor-dashboard__details--block--details--total {
  display: block;
  text-align: center;
  margin: auto;
  font-family: "Spline Sans Mono", monospace !important;
  font-weight: bold;
  font-size: 18px;
  color: #64748b;
}
.visitor-dashboard__details--qrcode-block {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.visitor-dashboard__details--qrcode-block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.visitor-dashboard__details--qrcode-block {
  height: fit-content;
  margin-top: 10px;
}
.visitor-dashboard__details--qrcode-block:hover {
  background-color: var(--level-1);
}
.visitor-dashboard__details--qrcode-block--qrcode {
  display: flex;
  align-items: center;
  height: 60%;
  margin: 15px;
}
.visitor-dashboard__details--qrcode-block--qrcode img {
  width: 200px;
  height: 200px;
}
.visitor-dashboard__statistics {
  height: calc(100% - 120px);
  column-gap: 20px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.visitor-dashboard__statistics--block, .visitor-dashboard__statistics--block--check-in {
  padding: 5px;
  margin-top: 10px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.visitor-dashboard__statistics--block:hover, .visitor-dashboard__statistics--block--check-in:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.visitor-dashboard__statistics--block, .visitor-dashboard__statistics--block--check-in {
  height: calc(100% - 20px);
}
.visitor-dashboard__statistics--block--check-in {
  overflow: auto;
}
.visitor-dashboard__statistics--block--title {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
.visitor-dashboard__statistics--block--title--tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 3px !important;
  color: var(--text-color) !important;
  font-weight: 700;
}
.visitor-dashboard__statistics--block--title--tabs .MuiTabs-list {
  column-gap: 5px;
}
.visitor-dashboard__statistics--block--title--tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.visitor-dashboard__statistics--block--title--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.visitor-dashboard__statistics--block--title--tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.visitor-dashboard__statistics--block--title--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.visitor-dashboard__statistics--block--title--tabs .MuiButtonBase-root {
  min-width: 60px !important;
}
.visitor-dashboard__statistics--block--title--tabs .MuiTabs-flexContainer {
  background: var(--level-1);
  padding: 5px;
  border-radius: 6px;
  width: fit-content !important;
}
.visitor-dashboard__statistics--block--datablock {
  height: calc(100% - 50px);
  column-gap: 10px;
  margin-top: 20px;
  display: flex;
  width: 100%;
}
.visitor-dashboard__statistics--block--datablock--frame {
  display: flex;
  width: 64%;
  flex-direction: column;
}
.visitor-dashboard__statistics--block--datablock--graph {
  height: calc(100% - 20px);
}
.visitor-dashboard__statistics--block--datablock--tableblock {
  height: calc(100% - 40px);
}
.visitor-dashboard__statistics--block--datablock--tableblock--table {
  max-height: 100%;
}
.visitor-dashboard__statistics--block--datablock--tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: center;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Josefin Sans" !important;
}
.visitor-dashboard__statistics--block--datablock--tableblock--table td {
  padding: 5px 3px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Josefin Sans";
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-color);
}
.visitor-dashboard__statistics--block--datablock--tableblock--table td img:hover,
.visitor-dashboard__statistics--block--datablock--tableblock--table td a:hover {
  cursor: pointer;
}
.visitor-dashboard__statistics--block--datablock--tableblock--table tbody {
  background-color: var(--level-1);
}
.visitor-dashboard__statistics--block--datablock--tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.visitor-dashboard__statistics--block--datablock--tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.visitor-dashboard__statistics--block--datablock--tableblock--table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}
.visitor-dashboard__statistics--block--datablock--tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Josefin Sans";
  font-size: 12px;
}
.visitor-dashboard__statistics--block--datablock--services {
  height: calc(100% - 50px);
  overflow: auto;
}
.visitor-dashboard__statistics--block--datablock--services li {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border-color);
}
.visitor-dashboard__statistics--block--datablock--services li .Label {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.visitor-dashboard__statistics--block--datablock--chart {
  height: 100% !important;
}
.visitor-dashboard__statistics--block--request {
  height: calc(100% - 90px);
  margin: 0px 10px 10px 10px;
  overflow: auto;
}
.visitor-dashboard__statistics--block--request--details {
  font-family: "Josefin Sans" !important;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.visitor-dashboard__statistics--block--request--details--list {
  display: block;
}
.visitor-dashboard__statistics--block--request--details--button {
  height: 25px;
  column-gap: 10px;
}
.visitor-dashboard__statistics--block--request--view {
  display: flex;
  justify-content: center;
}
.visitor-dashboard__statistics--block--request--view--button {
  border: 1px solid var(--border-color);
  border-radius: 50px;
  width: fit-content;
  padding: 8px 10px 8px 10px;
}

.request-status {
  height: calc(100% - 75px);
}
.request-status__filters {
  column-gap: 10px;
}
.request-status__filters .MuiAutocomplete-root {
  margin-top: 10px;
}
.request-status__filters--date {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
}
.request-status__textfield {
  height: 30px;
  width: 100%;
  margin-top: 10px !important;
}
.request-status__textfield .Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid var(--level-3) !important;
}
.request-status__textfield .MuiInputBase-input {
  padding: 5px !important;
}
.request-status__textfield input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: #334155 !important;
  font-weight: 400 !important;
}
.request-status__textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 16px !important;
  color: var(--text-color) !important;
  z-index: 8;
}
.request-status__textfield {
  width: fit-content !important;
}
.request-status__compare {
  height: 25px;
  margin-top: 10px;
}
.request-status__notify {
  margin-top: 10px;
  border-radius: 6px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f4f6;
}
.request-status__notify b {
  color: var(--text-color);
  font-size: 14px;
  font-family: "Spline Sans Mono", monospace !important;
  padding: 3px 8px;
  border-radius: 2px;
  margin-left: 5px;
}
.request-status__notify span {
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: white;
  font-weight: 500;
}
.request-status__list {
  height: calc(100% - 105px);
  margin-top: 10px;
  overflow: auto;
}
.request-status__list--details {
  font-family: "Josefin Sans" !important;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  border-bottom: 1px solid var(--border-color);
  padding: 5px 0px;
}
.request-status__list--details--fields {
  display: block;
}
.request-status__list--details--button {
  height: 35px;
  column-gap: 10px;
}
.request-status__list--details--view {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Josefin Sans" !important;
  padding: 2px 10px;
}
.request-status__list--details--view img {
  width: 20px;
}

#bg-green {
  background-color: #16a34a;
}
#bg-green b {
  background-color: white;
  color: #4ade80;
}

#bg-red {
  background-color: #f87171;
}
#bg-red b {
  background-color: white;
  color: #f87171;
}

#bg-grey {
  background-color: #f3f4f6;
}
#bg-grey b {
  background-color: #d1d5db;
}
#bg-grey span {
  color: var(--text-color);
}

#bg-var {
  background-color: var(--level-5);
}
#bg-var b {
  background-color: white;
  color: var(--level-5);
}

.view-checkin {
  height: 100%;
}
.view-checkin__title {
  display: flex;
  justify-content: flex-start !important;
}
.view-checkin__type {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
}
.view-checkin__details {
  height: 120px;
  margin-top: 10px;
  column-gap: 10px;
}
.view-checkin__details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-checkin__details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.view-checkin__details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-checkin__details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-checkin__details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-checkin__details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.view-checkin__details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.view-checkin__details .MuiInputBase-root {
  width: 280px !important;
}
.view-checkin__details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.view-checkin__details--image {
  height: 100%;
  margin-top: 6px;
}
.view-checkin__details--image img {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.view-checkin__filled-data {
  height: calc(100% - 215px);
  margin-top: 10px;
  overflow: auto;
  background-color: #eff6ff;
}
.view-checkin__filled-data--title {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  color: #3b82f6 !important;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.view-checkin__filled-data--details {
  margin: 10px 0px 0px 10px !important;
  display: grid;
  grid-template-columns: 0.38fr 0.6fr;
}
.view-checkin__filled-data--details--teacher {
  display: flex;
}
.view-checkin__filled-data--details .data-fetch-icon {
  margin-top: 10px !important;
}
.view-checkin__filled-data--details .data-fetch-icon img {
  vertical-align: baseline !important;
}
.view-checkin__filled-data--photo {
  margin-top: 10px;
  height: 200px;
  width: 240px;
}
.view-checkin__filled-data--photo--image {
  border: 1px solid var(--border-color);
  border-top-left-radius: 6px;
  height: calc(100% - 45px);
}
.view-checkin__filled-data--photo--image img {
  height: 100%;
  width: 100%;
}
.view-checkin__history {
  height: calc(100% - 10px);
}
.view-checkin__history--details {
  height: 120px;
  margin-top: 10px;
  column-gap: 10px;
}
.view-checkin__history--details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.view-checkin__history--details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.view-checkin__history--details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-checkin__history--details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.view-checkin__history--details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.view-checkin__history--details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.view-checkin__history--details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.view-checkin__history--details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.view-checkin__history--details--image {
  height: 100%;
  margin-top: 6px;
}
.view-checkin__history--details--image img {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.view-checkin__history--table {
  height: calc(100% - 220px);
}

.status {
  height: 100%;
}
.status__details {
  height: calc(100% - 75px);
  column-gap: 20px;
}
.status__details--filled {
  height: calc(100% - 40px);
  margin-top: 20px;
  border: 1px solid var(--border-color);
  border-top-right-radius: 30px;
}
.status__details--filled--title {
  margin-top: 30px;
}
.status__details--filled--title .Heading {
  font-size: 18px !important;
}
.status__details--filled--fields {
  margin: 0px 20px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 20px;
}
.status__details--filled--fields--student {
  display: flex;
}
.status__details--filled--fields .info {
  margin-top: 10px;
}
.status__details--fill {
  height: calc(100% - 40px);
  margin-top: 20px;
  border: 1px solid var(--border-color);
  border-top-left-radius: 30px;
}
.status__details--fill--title {
  margin: 10px 0px;
}
.status__details--fill--title .Heading {
  font-size: 18px !important;
}
.status__details--fill--fields {
  margin: 0px 20px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 20px;
}

.visitorqrcode {
  height: calc(100% - 45px);
}
.visitorqrcode .inst-details {
  height: 100px;
}
.visitorqrcode .inst-details__data {
  width: 75%;
  justify-content: space-between;
}
.visitorqrcode .inst-details__data--logo img {
  width: 80px;
  height: 80px;
}
.visitorqrcode .inst-details__data--c-name {
  font-size: 14px !important;
}
.visitorqrcode .inst-details__data--address span {
  font-size: 12px;
}
.visitorqrcode .inst-details__data--address b {
  font-size: 22px;
}
.visitorqrcode__scanner {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Josefin Sans" !important;
}
.visitorqrcode__scanner img {
  width: 100%;
  height: 100%;
}
.visitorqrcode__scanner--text {
  margin-top: 10px;
}

.capture-image__title {
  display: flex;
}
.capture-image__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.capture-image__title img:hover {
  background-color: #f3f4f6;
}
.capture-image__photo {
  height: 470px;
  width: 580px;
  margin: 0px;
}
.capture-image__photo video {
  height: 100%;
  width: 100%;
}
.capture-image .countdown {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6rem;
  color: white; /* Or any color you prefer */
  font-weight: 700;
  z-index: 10;
}

.visitor-dictionary {
  height: 100%;
}
.visitor-dictionary__options {
  margin-top: 5px;
  column-gap: 10px;
}
.visitor-dictionary__date {
  display: flex;
  column-gap: 10px;
  justify-content: end;
}
.visitor-dictionary__date .MuiTypography-root {
  height: fit-content !important;
}
.visitor-dictionary__date .MuiTextField-root {
  margin-top: 10px !important;
}
.visitor-dictionary__date img {
  height: 20px;
}
.visitor-dictionary__date--month {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin-top: 10px;
  align-items: center;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: fit-content;
}
.visitor-dictionary__date--month img {
  width: 20px;
}
.visitor-dictionary__invert-color img {
  filter: invert(100%);
}
.visitor-dictionary__invert-color-direction img {
  filter: invert(100%);
  transform: rotate(180deg);
}
.visitor-dictionary .storybook-button {
  margin-right: 0px !important;
}
.visitor-dictionary__table {
  margin-top: 10px;
  height: calc(100% - 105px);
  border: 1px solid --border-color;
}
.visitor-dictionary__new-data {
  height: 100%;
}
.visitor-dictionary__new-data--title {
  display: flex;
  justify-content: flex-start !important;
}
.visitor-dictionary__new-data--type {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
}
.visitor-dictionary__new-data--details {
  height: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 0.3fr;
  column-gap: 10px;
}
.visitor-dictionary__new-data .report-card-create {
  margin: 0px !important;
}
.visitor-dictionary__input {
  height: calc(100% - 125px);
}
.visitor-dictionary__input--input {
  height: calc(100% - 125px);
}
.visitor-dictionary__input--exists {
  height: 30px;
  margin-top: 10px;
  background-color: #fef2f2;
  border-radius: 6px;
}
.visitor-dictionary__input--exists--alert {
  color: #ef4444;
  display: flex;
  justify-content: center;
  font-style: "Josefin Sans" !important;
}
.visitor-dictionary__input--new-user {
  height: 30px;
  margin-top: 10px;
  background-color: #ecfdf5;
  border-radius: 6px;
}
.visitor-dictionary__input--new-user--alert {
  color: #10b981;
  display: flex;
  justify-content: center;
  font-style: "Josefin Sans" !important;
}
.visitor-dictionary__input--old-details {
  height: 120px;
  margin-top: 10px;
  column-gap: 10px;
}
.visitor-dictionary__input--old-details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.visitor-dictionary__input--old-details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.visitor-dictionary__input--old-details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.visitor-dictionary__input--old-details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.visitor-dictionary__input--old-details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.visitor-dictionary__input--old-details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.visitor-dictionary__input--old-details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.visitor-dictionary__input--old-details .MuiInputBase-root {
  width: 280px !important;
}
.visitor-dictionary__input--old-details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.visitor-dictionary__input--old-details--image {
  height: 100%;
  margin-top: 6px;
}
.visitor-dictionary__input--old-details--image img {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.visitor-dictionary__input--checkin {
  height: calc(100% - 205px);
  overflow: auto;
  background-color: #eff6ff;
}
.visitor-dictionary__input--checkin--title {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  color: #3b82f6 !important;
  font-style: "Josefin Sans" !important;
}
.visitor-dictionary__input--checkin--details {
  margin: 10px 0px 0px 10px !important;
  display: grid;
  grid-template-columns: 0.38fr 0.56fr;
}
.visitor-dictionary__input--checkin--details--teacher {
  display: flex;
}
.visitor-dictionary__input--checkin--details .data-fetch-icon {
  margin-top: 10px !important;
}
.visitor-dictionary__input--checkin--photo {
  margin-top: 10px;
  height: 200px;
  width: 240px;
}
.visitor-dictionary__input--checkin--photo--image {
  border: 1px solid var(--border-color);
  border-top-left-radius: 6px;
  height: calc(100% - 45px);
}
.visitor-dictionary__input--checkin--photo--image img {
  height: 100%;
  width: 100%;
}
.visitor-dictionary__input--details {
  height: calc(100% - 75px);
}
.visitor-dictionary__input--details--data {
  display: grid;
  grid-template-columns: 0.38fr 0.66fr;
}

.add-entry {
  height: 100%;
}
.add-entry .report-card-create {
  margin: 0px !important;
}
.add-entry__new-data--title {
  display: flex;
  justify-content: flex-start !important;
}
.add-entry__new-data--details {
  height: 90px;
}
.add-entry__new-data--details--view {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
}
.add-entry__new-data--details--data {
  height: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 0.3fr;
  column-gap: 10px;
}
.add-entry__input {
  height: calc(100% - 45px);
}
.add-entry__input--input {
  height: calc(100% - 130px);
}
.add-entry__input--exists {
  height: 30px;
  margin-top: 10px;
  background-color: #fef2f2;
  border-radius: 6px;
}
.add-entry__input--exists--alert {
  color: #ef4444;
  display: flex;
  justify-content: center;
  font-style: "Josefin Sans" !important;
}
.add-entry__input--new-user {
  height: 30px;
  margin-top: 10px;
  background-color: #ecfdf5;
  border-radius: 6px;
}
.add-entry__input--new-user--alert {
  color: #10b981;
  display: flex;
  justify-content: center;
  font-style: "Josefin Sans" !important;
}
.add-entry__input--old-details {
  height: 120px;
  margin-top: 10px;
  column-gap: 10px;
}
.add-entry__input--old-details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.add-entry__input--old-details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.add-entry__input--old-details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.add-entry__input--old-details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.add-entry__input--old-details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.add-entry__input--old-details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.add-entry__input--old-details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.add-entry__input--old-details .MuiInputBase-root {
  width: 280px !important;
}
.add-entry__input--old-details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.add-entry__input--old-details--image {
  height: 100%;
  margin-top: 6px;
}
.add-entry__input--old-details--image img {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.add-entry__input--checkin {
  height: calc(100% - 205px);
  overflow: auto;
  background-color: #eff6ff;
}
.add-entry__input--checkin--title {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  color: #3b82f6 !important;
  font-style: "Josefin Sans" !important;
}
.add-entry__input--checkin--details {
  margin: 10px 0px 0px 10px !important;
  display: grid;
  grid-template-columns: 0.38fr 0.56fr;
}
.add-entry__input--checkin--details--teacher {
  display: flex;
}
.add-entry__input--checkin--details .data-fetch-icon {
  margin-top: 10px !important;
}
.add-entry__input--checkin--photo {
  margin-top: 10px;
  height: 200px;
  width: 240px;
}
.add-entry__input--checkin--photo--image {
  border: 1px solid var(--border-color);
  border-top-left-radius: 6px;
  height: calc(100% - 45px);
}
.add-entry__input--checkin--photo--image img {
  height: 100%;
  width: 100%;
}
.add-entry__input--details {
  height: 100%;
}
.add-entry__input--details--data {
  display: grid;
  grid-template-columns: 0.38fr 0.66fr;
}
.add-entry__visitor {
  height: calc(100% - 210px);
}
.add-entry__visitor--new-user {
  height: 30px;
  margin-top: 10px;
  background-color: var(--level-1);
  border-radius: 6px;
}
.add-entry__visitor--new-user--alert {
  color: var(--level-6);
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.add-entry__table {
  margin-top: 10px;
  height: 250px;
}
.add-entry__button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
}
.add-entry__button img {
  width: 15px;
  margin-left: 10px;
}
.add-entry__button .storybook-button {
  margin: 0px !important;
}
.add-entry__visitor-data {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-top: 10px;
}
.add-entry__visitor-data--old-details {
  height: 120px;
  margin-left: 10px;
  column-gap: 10px;
}
.add-entry__visitor-data--old-details--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.add-entry__visitor-data--old-details--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.add-entry__visitor-data--old-details--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.add-entry__visitor-data--old-details--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.add-entry__visitor-data--old-details--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.add-entry__visitor-data--old-details--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.add-entry__visitor-data--old-details--textfield {
  margin: 8px 10px 0px 0px !important;
}
.add-entry__visitor-data--old-details .MuiInputBase-root {
  width: 280px !important;
}
.add-entry__visitor-data--old-details--image img {
  height: 100px;
  width: 100px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  padding: 2px;
}
.add-entry__visitor-data--old-details--image {
  height: 100%;
  margin-top: 6px;
}
.add-entry__visitor-data--old-details--image img {
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.add-entry__checkin {
  margin-top: 10px;
  height: calc(100% - 270px);
  overflow: auto;
  background-color: #eff6ff;
}
.add-entry__checkin--title {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  color: #3b82f6 !important;
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.add-entry__checkin--details {
  margin: 10px 0px 0px 10px !important;
  display: grid;
  grid-template-columns: 0.38fr 0.56fr;
}
.add-entry__checkin--details--teacher {
  display: flex;
}
.add-entry__checkin--details .data-fetch-icon {
  margin-top: 10px !important;
}
.add-entry__checkin--photo {
  margin-top: 10px;
  height: 200px;
  width: 240px;
}
.add-entry__checkin--photo--image {
  border: 1px solid var(--border-color);
  border-top-left-radius: 6px;
  height: calc(100% - 45px);
}
.add-entry__checkin--photo--image img {
  height: 100%;
  width: 100%;
}
.add-entry__student-table {
  height: calc(100% - 140px);
  margin-top: 10px;
}
.add-entry__clear-button {
  margin: 0px !important;
}
.add-entry__options {
  column-gap: 10px;
  margin-top: 10px;
}

.print-id {
  height: 100%;
}
.print-id__data {
  height: calc(100% - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.print-id__data--image img {
  height: 250px;
}
.print-id__data--warning {
  font-family: "Josefin Sans" !important;
}
.print-id__card {
  height: 100%;
}
.print-id__card--info {
  background-color: var(--level-1);
  height: calc(100% - 45px);
}
.print-id__card--info--center {
  height: calc(100% - 45px);
  width: 70%;
  display: block;
  margin: auto;
}
.print-id__card--info--center--details {
  font-family: "Josefin Sans" !important;
  display: grid;
  grid-template-columns: 1.5fr 0.3fr 1fr;
  margin-top: 15px;
}
.print-id__card--info--center--details .Label {
  margin: 0px !important;
}

.std-visitor-details {
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.std-visitor-details .visitor-label-grid {
  display: grid;
  grid-template-columns: 0.5fr 2fr;
}
.std-visitor-details .MuiAutocomplete-option:hover {
  background-color: var(--level-2) !important;
}
.std-visitor-details .MuiAutocomplete-option:focus {
  background-color: var(--level-2) !important;
}
.std-visitor-details .MuiAutocomplete-option {
  height: 10px !important;
}
.std-visitor-details__old-form {
  height: 120px;
  margin-top: 10px;
}
.std-visitor-details__form {
  height: 70px;
  margin-top: 10px;
}
.std-visitor-details__form--logo {
  height: 50px;
  display: flex;
  justify-content: center;
}
.std-visitor-details__form--fetch-button {
  display: grid;
  grid-template-columns: 1.5fr 0.2fr;
  column-gap: 10px;
}
.std-visitor-details__form--fetch-button .storybook-button {
  margin: 10px 0px 0px 0px !important;
  height: 30px !important;
}
.std-visitor-details__form--change-button {
  display: grid;
  grid-template-columns: 1fr 0.4fr;
  column-gap: 10px;
}
.std-visitor-details__form--change-button .storybook-button {
  margin: 10px 0px 0px 0px !important;
  height: 30px !important;
}
.std-visitor-details__request {
  height: calc(100% - 50px);
  background-color: #fffbeb;
}
.std-visitor-details__request--heading {
  margin: 0px 20px 10px 20px;
}
.std-visitor-details__request--heading--logo {
  height: 50px;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.std-visitor-details__request--heading--logo .Heading {
  margin-top: 5px !important;
}
.std-visitor-details__request--heading .react-tel-input {
  top: 0px !important;
}
.std-visitor-details__request--checkin {
  height: 250px;
  background-color: var(--bg-color);
  margin: 0px 20px 0px 20px;
  border-radius: 6px;
}
.std-visitor-details__request--checkin--title {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  font-style: "Josefin Sans" !important;
  padding-top: 10px;
}
.std-visitor-details__request--checkin--details {
  margin: 10px 20px 0px 20px !important;
  display: grid;
  grid-template-columns: 0.38fr 0.56fr;
}
.std-visitor-details__new-user {
  height: calc(100% - 165px);
  margin-top: 10px;
}
.std-visitor-details__new-user--details {
  height: calc(100% - 70px);
  margin-top: 10px;
  overflow: auto;
}
.std-visitor-details__new-user--data {
  height: 290px;
  margin-top: 10px;
}
.std-visitor-details__new-user--checkin {
  background-color: var(--disabled-color);
  margin-top: 10px;
  height: calc(100% - 310px);
  padding: 5px;
}
.std-visitor-details__new-user--checkin .MuiFormControl-root {
  background-color: var(--bg-color) !important;
}
.std-visitor-details__old-user {
  height: calc(100% - 245px);
  margin-top: 10px;
}
.std-visitor-details__old-user .visitor-dictionary__input--old-details {
  height: 90px !important;
}
.std-visitor-details__old-user .std-visitor-details__new-user--checkin {
  height: calc(100% - 140px) !important;
}
.std-visitor-details__submit {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.std-visitor-details__submit b {
  text-align: center;
  font-size: 18px;
  font-family: "Josefin Sans" !important;
}
.std-visitor-details .media-button {
  margin-left: 20px;
}
.std-visitor-details .visitor-dictionary__new-data--type {
  display: block !important;
}
.std-visitor-details .visitor-dictionary__new-data--type .MuiInputBase-input {
  background-color: var(--bg-color) !important;
}
.std-visitor-details .visitor-dictionary__new-data--type .FormMyAutocomplete-formControlRoot {
  margin-top: 0px !important;
}
.std-visitor-details .visitor-dictionary__new-data--type .Label {
  padding: 0px !important;
  margin-top: 0px !important;
}
.std-visitor-details .visitor-dictionary__new-data--type .react-tel-input {
  top: 0px !important;
}
.std-visitor-details .visitor-dictionary__new-data--type .storybook-button {
  margin: 0px !important;
}
.std-visitor-details .visitor-dictionary__input--new {
  height: 100% !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .std-visitor-details {
    width: 80%;
    height: auto;
  }
  .std-visitor-details .visitor-label-grid {
    grid-template-columns: 0.7fr 1.3fr;
  }
  .std-visitor-details__form--fetch-button {
    grid-template-columns: 1fr 0.3fr;
  }
  .std-visitor-details__form--change-button {
    grid-template-columns: 1fr 0.4fr;
  }
  .std-visitor-details__request--checkin--details {
    grid-template-columns: 0.5fr 0.5fr;
  }
  .std-visitor-details__new-user, .std-visitor-details__old-user {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .std-visitor-details {
    width: 90%;
    height: auto;
  }
  .std-visitor-details .visitor-label-grid {
    grid-template-columns: 1fr;
  }
  .std-visitor-details__form {
    height: auto;
  }
  .std-visitor-details__form--fetch-button, .std-visitor-details__form--change-button {
    grid-template-columns: 1fr;
  }
  .std-visitor-details__request {
    height: auto;
  }
  .std-visitor-details__request--checkin {
    height: auto;
  }
  .std-visitor-details__request--checkin--details {
    grid-template-columns: 1fr;
  }
  .std-visitor-details__new-user, .std-visitor-details__old-user {
    height: auto;
  }
  .std-visitor-details__new-user--details {
    overflow: visible;
  }
}
@media (max-width: 600px) {
  .std-visitor-details {
    width: 95%;
    height: auto;
  }
  .std-visitor-details .visitor-label-grid {
    grid-template-columns: 1fr;
  }
  .std-visitor-details .visitor-label-grid .storybook-button {
    margin: 0px !important;
  }
  .std-visitor-details .visitor-label-grid .MuiFormControl-root {
    margin-top: 0px !important;
  }
  .std-visitor-details .MuiAutocomplete-option {
    height: auto !important;
  }
  .std-visitor-details__old-form, .std-visitor-details__form {
    height: auto;
  }
  .std-visitor-details__form--fetch-button {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  .std-visitor-details__form--change-button {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }
  .std-visitor-details__request {
    height: auto;
  }
  .std-visitor-details__request--checkin {
    height: auto;
  }
  .std-visitor-details__request--checkin--details {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .std-visitor-details__new-user, .std-visitor-details__old-user {
    height: auto;
  }
  .std-visitor-details__new-user .visitor-dictionary__input--old-details, .std-visitor-details__old-user .visitor-dictionary__input--old-details {
    height: 160px !important;
    margin-top: 10px !important;
  }
  .std-visitor-details__new-user .visitor-dictionary__input--old-details--image, .std-visitor-details__old-user .visitor-dictionary__input--old-details--image {
    height: fit-content !important;
  }
  .std-visitor-details__new-user--data {
    height: auto;
  }
  .std-visitor-details__new-user--data .Label {
    margin-top: 0px !important;
  }
  .std-visitor-details__new-user--data .storybook-textarea {
    margin-top: 0px !important;
  }
  .std-visitor-details__new-user--data .MuiFormControl-root {
    margin-top: 0px !important;
  }
  .std-visitor-details__new-user--data .storybook-input {
    margin-top: 0px !important;
  }
  .std-visitor-details__new-user--checkin, .std-visitor-details__new-user--details {
    height: auto;
  }
  .std-visitor-details__submit {
    justify-content: center;
  }
  .std-visitor-details__submit b {
    font-size: 16px;
  }
  .std-visitor-details .media-button {
    margin-left: 0;
    margin-top: 10px;
  }
}
.visitor-qrcode {
  height: calc(100% - 45px);
}
.visitor-qrcode__inst {
  height: 100px;
  padding: 0px 20px;
}
.visitor-qrcode .Heading {
  margin: 10px 0px !important;
}
.visitor-qrcode .std-enquiry-print__url--footer1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  font-family: "Josefin Sans" !important;
  font-weight: bold;
  padding: 10px;
}
.visitor-qrcode .std-enquiry-print__url--footer2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  font-family: "Josefin Sans" !important;
  font-weight: bold;
}

.inst-details {
  height: 50px;
}
.inst-details__data {
  height: 100%;
  display: flex;
  column-gap: 10px;
  border-bottom: 1px dashed var(--border-color);
}
.inst-details__data--logo {
  height: 100%;
  width: 100px;
}
.inst-details__data--logo img {
  display: block;
  margin: auto;
  width: 80px;
  height: 80px;
}
.inst-details__data--address {
  width: calc(100% - 180px);
  text-align: center;
  padding-top: 5px;
}
.inst-details__data--address span {
  display: block;
  margin: 0px auto;
  font-size: 14px;
  font-weight: 700;
  padding: 2px;
  font-family: "Josefin Sans" !important;
  text-transform: capitalize;
  padding: 5px 10px;
}
.inst-details__data--address b {
  display: block;
  font-size: 14px;
  padding: 2px;
  font-family: "Josefin Sans" !important;
}
.inst-details__data--address p {
  display: block;
  margin: 0px auto !important;
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  font-weight: 700;
  padding: 5px 10px;
}

.reports {
  height: 100%;
}
.reports__title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.reports__title img:hover {
  background-color: #f3f4f6;
}
.reports__info {
  height: 30px;
  column-gap: 10px;
}
.reports__info .storybook-input {
  margin-top: 0px !important;
}
.reports__info .visitor-dictionary__date .MuiTextField-root {
  margin-top: 0px !important;
}
.reports__info .visitor-dictionary__date img {
  margin-top: 0px !important;
}
.reports__info--date {
  margin-top: 10px;
  height: 35px;
  width: fit-content;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.reports__table {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.reports__modal {
  height: calc(100% - 75px);
}
.reports__modal--table {
  height: calc(100% - 40px);
  margin-top: 10px;
}

.inst-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.inst-list__select {
  column-gap: 10px;
}
.inst-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
  border: 1px solid --border-color;
}

.notification {
  margin: 0px 20px;
  height: calc(100% - 165px);
  height: calc(100% - 175px);
}
.notification__sub-heading {
  display: flex;
  justify-content: space-between;
}
.notification__sub-heading--alert, .notification__status--header--alert {
  display: flex;
  font-family: "Josefin Sans" !important;
}
.notification__sub-heading--alert img, .notification__status--header--alert img {
  height: 20px;
  margin-top: 15px;
}
.notification__sub-heading--mark {
  display: flex;
  gap: 10px;
}
.notification__sub-heading--mark--textfield {
  margin: 6px 10px 0px 0px;
  height: 30px;
  width: 100%;
}
.notification__sub-heading--mark--textfield .MuiInputBase-input {
  padding: 5px !important;
}
.notification__sub-heading--mark--textfield input {
  font-size: 13px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  color: var(--text-color) !important;
  font-weight: bold !important;
}
.notification__sub-heading--mark--textfield label {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  color: #64748b !important;
  z-index: 8;
}
.notification__sub-heading--mark--textfield .Mui-disabled input {
  font-size: 14px !important;
  font-family: "Josefin Sans" !important;
  padding-left: 5px !important;
  -webkit-text-fill-color: var(--text-color) !important;
  font-weight: bold !important;
}
.notification__sub-heading--mark--textfield .MuiInputBase-input {
  height: 1.3em !important;
}
.notification__sub-heading--mark--textfield {
  width: fit-content !important;
  margin-top: 10px !important;
}
.notification__sub-heading--mark--button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #f1f5f9;
  color: #0f172a;
  font-size: 14px;
  background-color: var(--bg-color);
}
.notification__sub-heading--mark--button img {
  width: 15px;
  margin-left: 10px;
  filter: invert(100%);
}
.notification__sub-heading--mark--button {
  padding: 0px 10px !important;
}
.notification__data {
  height: calc(100% - 90px);
  margin-top: 10px;
  overflow: auto;
}
.notification__data--list {
  height: 60px;
  padding: 5px;
  background-color: var(--level-1);
  border-bottom: 1px solid var(--border-color);
  border-radius: 6px;
}
.notification__data--list--number {
  font-family: "Spline Sans Mono", monospace !important;
}
.notification__data--list--text {
  font-family: "Josefin Sans" !important;
  padding-left: 10px;
}
.notification__data--list--date {
  font-family: "Spline Sans Mono", monospace !important;
  color: #9ca3af;
  font-size: 14px;
}
.notification__status {
  height: 300px;
}
.notification__status--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notification__status--header--alert img {
  margin-top: 5px !important;
}
.notification__status--header--alert .Label {
  margin-top: 0px !important;
}
.notification__status--data {
  height: calc(100% - 80px);
  margin-top: 10px;
  overflow: auto;
}
.notification__status--button {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.notification__status--button--view {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Josefin Sans" !important;
  border: 1px solid #f1f5f9;
  color: #0f172a;
  font-size: 14px;
  background-color: var(--bg-color);
}
.notification__status--button--view img {
  width: 15px;
  margin-left: 10px;
  filter: invert(100%);
}
.notification__status--button--view {
  padding: 5px 10px !important;
}

.timetablereport {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.timetablereport__filters {
  height: 30px;
  column-gap: 10px;
  margin-top: 10px;
}
.timetablereport__filters .storybook-button {
  margin: 0px !important;
}
.timetablereport__view {
  height: calc(100% - 45px);
  margin-top: 10px;
}
.timetablereport__table {
  height: calc(100% - 50px);
}

.class-overview {
  height: 100%;
}
.class-overview__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.class-overview__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.class-overview__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.class-overview__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.class-overview__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.class-overview__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.class-overview__tabs {
  margin: 0px 20px;
}
.class-overview__swipable {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.class-overview__ongoing {
  height: 100%;
  margin: 0x 20px;
}
.class-overview__ongoing--block {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.class-overview__next {
  height: 100%;
  margin: 0px 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.class-overview__next--card {
  height: 100px;
  width: 250px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
  column-gap: 10px;
}
.class-overview__next--card--emp {
  height: 60px;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  gap: 10px;
}
.class-overview__next--card--emp--info {
  display: flex;
  flex-direction: column;
}
.class-overview__next--card--emp--info span {
  color: #475569;
}
.class-overview__next--card--image {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.class-overview__next--card--image img {
  height: 30px;
}
.class-overview__dashboard {
  height: 100%;
  margin: 0px 20px;
  display: flex;
  gap: 10px;
}
.class-overview__dashboard--status-block {
  height: 100%;
  width: calc(100% - 850px) !important;
  display: flex;
  flex-direction: column;
}
.class-overview__dashboard--status-block .storybook-button {
  width: 100% !important;
}
.class-overview__dashboard--status-block--checkin-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.class-overview__dashboard--status-block--checkin-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.class-overview__dashboard--status-block--checkin-card {
  height: 350px;
}
.class-overview__dashboard--status-block--checkin-card .teacher-dashboard__daily-dairy--flex {
  border-bottom: none !important;
}
.class-overview__dashboard--status-block--cards {
  display: flex;
  gap: 10px;
  height: calc(100% - 360px);
  margin-top: 10px;
}
.class-overview__dashboard--status-block--lower-card {
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.class-overview__dashboard--status-block--lower-card:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.class-overview__dashboard--status-block--lower-card {
  height: 100%;
  width: 425px;
  padding: 10px !important;
}
.class-overview__dashboard--status-block--lower-card .teacher-dashboard__daily-dairy--flex {
  border-bottom: none !important;
}
.class-overview__dashboard .teacher-dashboard-columnwise__block--birthday-card {
  height: calc(100% - 360px) !important;
  padding: 5px 0px 0px 0px !important;
}
.class-overview__dashboard--status {
  height: 100% !important;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.class-overview__dashboard--status:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.class-overview__dashboard--status {
  width: 450px;
  padding: 10px;
}
.class-overview__dashboard--status--heading {
  display: flex;
  justify-content: space-between;
}
.class-overview__dashboard--status--heading .class-overview__tabs {
  margin: 0px !important;
}
.class-overview__dashboard--status--heading .class-overview__tabs .MuiTabs-flexContainer {
  background-color: var(--bg-color) !important;
}
.class-overview__dashboard--checkin {
  height: 100%;
}
.class-overview__dashboard--checkin--filters {
  height: 30px;
  column-gap: 10px;
}
.class-overview__dashboard--checkin--filters .MyAutocomplete-inputRoot {
  margin-top: 10px;
}
.class-overview__dashboard--checkin--tabpanel {
  height: calc(100% - 30px);
  margin-top: 10px;
}
.class-overview__dashboard--checkin--tabs {
  font-family: "Josefin Sans" !important;
}
.class-overview__dashboard--checkin--tabs .MuiTabs-list {
  display: flex;
  gap: 10px !important;
}
.class-overview__dashboard--checkin--list {
  height: 100%;
}
.class-overview__dashboard--checkin--list--card {
  height: 60px;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.class-overview__dashboard--checkin--list--card--details {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.class-overview__dashboard--checkin--list--card--details b {
  font-family: "Josefin Sans" !important;
}
.class-overview__dashboard--checkin--list--card--details span {
  font-family: "Spline Sans Mono", monospace !important;
}
.class-overview__dashboard--absent-list {
  height: 100%;
}
.class-overview__dashboard--absent-list--data {
  height: calc(100% - 50px);
  overflow: auto;
}
.class-overview__dashboard--absent-list--data .class-overview__dashboard--checkin--list--card--details b {
  color: var(--level-6);
}
.class-overview__dashboard--late-comers {
  height: 100%;
}
.class-overview__dashboard--late-comers .teacher-dashboard__daily-dairy--flex {
  height: 45px !important;
}

.principal {
  height: calc(100% - 130px);
}
.principal__tabpanel {
  height: 100%;
}
.principal__tabs .MuiTab-root {
  font-family: "Josefin Sans" !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-color) !important;
  font-weight: 700;
  border-radius: 30px;
}
.principal__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.principal__tabs .Mui-selected {
  color: var(--level-6) !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 30px;
  background-color: var(--bg-color);
}
.principal__tabs .MuiTabs-list {
  column-gap: 5px;
  background: var(--level-1);
  padding: 5px;
  border-radius: 30px;
  width: fit-content !important;
}
.principal__tabs .MuiButtonBase-root {
  width: fit-content !important;
}
.principal__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.principal__tabs {
  display: flex;
  justify-content: center;
  height: 50px !important;
  background: var(--disabled-color) !important;
}
.principal__swipable {
  height: calc(100% - 50px);
}
.principal__columnwise {
  height: 100%;
  margin: 0px 20px;
  display: flex;
  gap: 10px;
}
.principal__columnwise .teacher-dashboard-columnwise__block {
  row-gap: 5px !important;
}

.coordinator {
  height: calc(100% - 165px);
  margin: 0px 20px;
  display: flex;
  gap: 10px;
}

.principal-dashboard {
  height: calc(100% - 130px);
  background: var(--disabled-color);
  position: relative;
  overflow: auto;
}
.principal-dashboard .grid-stack {
  height: 100% !important;
}
.principal-dashboard .approval-request {
  height: fit-content !important;
}
.principal-dashboard__shortcut {
  position: fixed;
  right: 13px;
  top: 55%;
  transform: translateY(-50%);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.principal-dashboard__shortcut:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.principal-dashboard__shortcut {
  width: 55px;
  height: 50px !important;
  background: linear-gradient(220deg, var(--level-2) 0%, var(--level-6) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}
.principal-dashboard__shortcut img {
  width: 30px;
}
.principal-dashboard__shortcut--list {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -90px;
  width: 80px;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.principal-dashboard__shortcut--list:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.principal-dashboard__shortcut--list {
  padding: 10px;
}
.principal-dashboard__shortcut--items {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.principal-dashboard__shortcut--items img {
  height: 40px;
}
.principal-dashboard__shortcut--items span {
  font-family: "Josefin Sans" !important;
  font-size: 14px;
}
.principal-dashboard .principal-dashboard__shortcut--list.open {
  position: fixed;
  right: 13px;
  top: 55%;
  width: 100px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  z-index: 1;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.principal-dashboard__block {
  background: var(--bg-color);
  height: fit-content;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s;
  /* Animation */
  padding: 5px;
}
.principal-dashboard__block:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.principal-dashboard__block {
  height: calc(100% - 10px) !important;
  width: calc(100% - 10px) !important;
  padding: 0px !important;
}
.principal-dashboard__widgets {
  height: 100%;
}
.principal-dashboard__widgets--title .Heading {
  display: flex;
  justify-content: flex-start !important;
}
.principal-dashboard__widgets--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.principal-dashboard__widgets--title img:hover {
  background-color: #f3f4f6;
}
.principal-dashboard__widgets--block {
  margin-top: 10px;
  height: calc(100% - 85px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.principal-dashboard__widgets--block--item {
  height: 40px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.principal-dashboard__widgets--block--item .MuiFormControlLabel-root {
  padding-right: 10px;
}
.principal-dashboard__widgets--block--item img {
  height: 25px;
}
.principal-dashboard__widgets--block--item .Label {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
}
.principal-dashboard__reorder {
  height: 100%;
  background: var(--disabled-color);
}
.principal-dashboard__reorder .grid-stack {
  height: 100% !important;
}
.principal-dashboard__reorder .approval-request {
  height: fit-content !important;
}
.principal-dashboard__reorder .teacher-dashboard__daily-dairy--flex--image {
  margin-right: 20px !important;
}
.principal-dashboard__reorder--buttons {
  margin-left: 11px;
}

.invoice-receipt {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.invoice-receipt__choose {
  height: 40px;
  margin-top: 10px;
  display: flex;
  gap: 20px;
}
.invoice-receipt__filters {
  height: 40px;
  margin-top: 10px;
  column-gap: 10px;
}
.invoice-receipt__filters .student-fee-receipt__label-gridtrio {
  margin-top: 0px !important;
}
.invoice-receipt__tableblock {
  height: calc(100% - 295px);
  margin-top: 10px;
}
.invoice-receipt__table {
  height: calc(100% - 105px);
  margin-top: 10px;
}
.invoice-receipt__receiptblock {
  height: 135px;
  column-gap: 20px;
}
.invoice-receipt__inst-list {
  height: 100%;
}
.invoice-receipt__inst-list--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.invoice-receipt__inst-list--title img:hover {
  background-color: #f3f4f6;
}
.invoice-receipt__inst-list--block {
  height: calc(100% - 80px);
  margin-top: 10px;
}
.invoice-receipt__inst-list--block--select-all {
  display: flex;
  gap: 10px;
}
.invoice-receipt__inst-list--block--select-all .Label {
  font-weight: bold !important;
}
.invoice-receipt__inst-list--block--list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.invoice-receipt__inst-list--block--flex {
  display: flex;
  gap: 10px;
}
.invoice-receipt__inst-list--block--flex span {
  color: #15803d !important;
}

.invoice-generation {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.invoice-generation__choose {
  height: 40px;
  margin-top: 10px;
  display: flex;
  gap: 20px;
}
.invoice-generation__filters {
  min-height: 55px;
  height: auto;
  margin-top: 10px;
  column-gap: 10px;
  padding: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.invoice-generation__filters .student-fee-receipt__label-gridtrio {
  margin-top: 0px !important;
}
.invoice-generation__filters--select {
  display: flex;
  flex-direction: column;
}
.invoice-generation__filters--grid {
  display: grid;
  grid-template-columns: 0.2fr 0.5fr 0.3fr;
  width: 70%;
  gap: 20px;
  align-items: center;
}
.invoice-generation__filters--grid .Label {
  margin-top: 0px !important;
}
.invoice-generation__filters--grid .FormMyAutocomplete-inputRoot {
  margin-top: 0px !important;
}
.invoice-generation__filters--grid .storybook-button {
  margin: 0px !important;
}
.invoice-generation__filters--grid .MuiInputBase-root,
.invoice-generation__filters--grid .MuiOutlinedInput-root {
  padding: 0px !important;
}
.invoice-generation__filters .selected-options-row {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.invoice-generation__filters .selected-options-row .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.invoice-generation__filters .selected-options-row .institution-chip {
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  background-color: white;
  height: 32px;
}
.invoice-generation__filters .selected-options-row .institution-chip span {
  font-size: 13px;
}
.invoice-generation__table {
  height: calc(100% - 240px);
  margin-top: 10px;
}
.invoice-generation__view {
  height: 100%;
}
.invoice-generation__view .storybook-button {
  margin-left: 10px !important;
}
.invoice-generation__view--title img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0px;
}
.invoice-generation__view--title img:hover {
  background-color: #f3f4f6;
}
.invoice-generation__view--block {
  margin: 10px 0px;
  height: calc(100% - 95px);
  column-gap: 20px;
}
.invoice-generation__view--table {
  margin-top: 10px;
  height: calc(100% - 50px);
}
.invoice-generation__delete--filter {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: fit-content;
  min-width: 500px;
  height: 110px;
}
.invoice-generation__delete--filter .MuiInputBase-root,
.invoice-generation__delete--filter .MuiOutlinedInput-root {
  padding: 0px !important;
}
.invoice-generation__delete--table {
  height: calc(100% - 220px);
  margin-top: 10px;
}

.update-invoice {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.update-invoice__filter-box {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: fit-content;
  min-width: 500px;
  height: 165px;
}
.update-invoice__filter-box .MuiInputBase-root,
.update-invoice__filter-box .MuiOutlinedInput-root {
  padding: 0px !important;
}
.update-invoice__filter-box .storybook-button {
  width: fit-content !important;
}
.update-invoice__table {
  margin-top: 10px;
  height: calc(100% - 295px);
}
.update-invoice__table .MuiDataGrid-cell {
  height: 35px !important;
  line-height: 35px !important;
}
.update-invoice__table .MuiDataGrid-row {
  height: 0px !important;
  min-height: 0px !important;
  max-height: 0px !important;
}
.update-invoice__footer-actions {
  display: flex;
  margin-top: 20px;
}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.Heading {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 900 !important;
  font-size: 22px !important;
  color: var(--text-color) !important;
  text-align: center;
  height: 30px;
  position: sticky;
  position: -webkit-sticky;
}

.subtitle2 {
  font-size: 14px !important;
  margin-top: 0px !important;
  font-weight: 500 !important;
  height: 22px;
  color: #64748b !important;
}

.subtitle1 {
  text-align: center;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  font-size: 16px !important;
  color: #475569 !important;
  font-weight: 400px !important;
  font-family: "Josefin Sans" !important;
  font-style: normal;
  height: 25px;
}
.subtitle1 b {
  color: var(--level-4) !important;
}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.storybook-button {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  margin: 10px 10px 0px 0px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
}
.storybook-button img {
  width: 25px;
  padding-right: 2px;
  filter: invert(0%);
}
.storybook-button:hover {
  cursor: pointer;
}
.storybook-button:focus {
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5), 6px 5px 5px rgba(0, 0, 0, 0.5);
}

.storybook-button--default {
  background-color: var(--level-8);
}
.storybook-button--default:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--addnew,
.storybook-button--preview-submit,
.storybook-button--addwidgets,
.storybook-button--schedule-appointment,
.storybook-button--re-schedule-appointment,
.storybook-button--add,
.storybook-button--collect-fine,
.storybook-button--copy-demand,
.storybook-button--copy,
.storybook-button--create,
.storybook-button--schedule,
.storybook-button--apply,
.storybook-button--copy-test,
.storybook-button--insert,
.storybook-button--pre-defined,
.storybook-button--re-concile,
.storybook-button--rewrite-demand,
.storybook-button--generate,
.storybook-button--pending,
.storybook-button--user-rights,
.storybook-button--passout-students,
.storybook-button--transfer-receipt,
.storybook-button--add-depositledgers,
.storybook-button--add-doctype,
.storybook-button--pay-only-ob,
.storybook-button--send,
.storybook-button--lets-connect,
.storybook-button--mark-as-resolved,
.storybook-button--pay-newdemand-also,
.storybook-button--history,
.storybook-button--img-download {
  background-color: var(--level-8);
}
.storybook-button--addnew:hover,
.storybook-button--preview-submit:hover,
.storybook-button--addwidgets:hover,
.storybook-button--schedule-appointment:hover,
.storybook-button--re-schedule-appointment:hover,
.storybook-button--add:hover,
.storybook-button--collect-fine:hover,
.storybook-button--copy-demand:hover,
.storybook-button--copy:hover,
.storybook-button--create:hover,
.storybook-button--schedule:hover,
.storybook-button--apply:hover,
.storybook-button--copy-test:hover,
.storybook-button--insert:hover,
.storybook-button--pre-defined:hover,
.storybook-button--re-concile:hover,
.storybook-button--rewrite-demand:hover,
.storybook-button--generate:hover,
.storybook-button--pending:hover,
.storybook-button--user-rights:hover,
.storybook-button--passout-students:hover,
.storybook-button--transfer-receipt:hover,
.storybook-button--add-depositledgers:hover,
.storybook-button--add-doctype:hover,
.storybook-button--pay-only-ob:hover,
.storybook-button--send:hover,
.storybook-button--lets-connect:hover,
.storybook-button--mark-as-resolved:hover,
.storybook-button--pay-newdemand-also:hover,
.storybook-button--history:hover,
.storybook-button--img-download:hover {
  background-color: var(--level-4) !important;
}
.storybook-button--addnew:focus,
.storybook-button--preview-submit:focus,
.storybook-button--addwidgets:focus,
.storybook-button--schedule-appointment:focus,
.storybook-button--re-schedule-appointment:focus,
.storybook-button--add:focus,
.storybook-button--collect-fine:focus,
.storybook-button--copy-demand:focus,
.storybook-button--copy:focus,
.storybook-button--create:focus,
.storybook-button--schedule:focus,
.storybook-button--apply:focus,
.storybook-button--copy-test:focus,
.storybook-button--insert:focus,
.storybook-button--pre-defined:focus,
.storybook-button--re-concile:focus,
.storybook-button--rewrite-demand:focus,
.storybook-button--generate:focus,
.storybook-button--pending:focus,
.storybook-button--user-rights:focus,
.storybook-button--passout-students:focus,
.storybook-button--transfer-receipt:focus,
.storybook-button--add-depositledgers:focus,
.storybook-button--add-doctype:focus,
.storybook-button--pay-only-ob:focus,
.storybook-button--send:focus,
.storybook-button--lets-connect:focus,
.storybook-button--mark-as-resolved:focus,
.storybook-button--pay-newdemand-also:focus,
.storybook-button--history:focus,
.storybook-button--img-download:focus {
  background-color: var(--level-7) !important;
}
.storybook-button--addnew:disabled,
.storybook-button--preview-submit:disabled,
.storybook-button--addwidgets:disabled,
.storybook-button--schedule-appointment:disabled,
.storybook-button--re-schedule-appointment:disabled,
.storybook-button--add:disabled,
.storybook-button--collect-fine:disabled,
.storybook-button--copy-demand:disabled,
.storybook-button--copy:disabled,
.storybook-button--create:disabled,
.storybook-button--schedule:disabled,
.storybook-button--apply:disabled,
.storybook-button--copy-test:disabled,
.storybook-button--insert:disabled,
.storybook-button--pre-defined:disabled,
.storybook-button--re-concile:disabled,
.storybook-button--rewrite-demand:disabled,
.storybook-button--generate:disabled,
.storybook-button--pending:disabled,
.storybook-button--user-rights:disabled,
.storybook-button--passout-students:disabled,
.storybook-button--transfer-receipt:disabled,
.storybook-button--add-depositledgers:disabled,
.storybook-button--add-doctype:disabled,
.storybook-button--pay-only-ob:disabled,
.storybook-button--send:disabled,
.storybook-button--lets-connect:disabled,
.storybook-button--mark-as-resolved:disabled,
.storybook-button--pay-newdemand-also:disabled,
.storybook-button--history:disabled,
.storybook-button--img-download:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--user-rights img {
  filter: invert(100%);
}

.storybook-button--edit,
.storybook-button--complete-case,
.storybook-button--update,
.storybook-button--update-continue,
.storybook-button--skip,
.storybook-button--permission,
.storybook-button--move,
.storybook-button--predefined-type,
.storybook-button--ledger-report,
.storybook-button--collection-report,
.storybook-button--reserve-book,
.storybook-button--renewal-book,
.storybook-button--previous,
.storybook-button--assign-salary-structure,
.storybook-button--multiple-inst-invoice {
  background-color: #0ea5e9;
}
.storybook-button--edit:hover,
.storybook-button--complete-case:hover,
.storybook-button--update:hover,
.storybook-button--update-continue:hover,
.storybook-button--skip:hover,
.storybook-button--permission:hover,
.storybook-button--move:hover,
.storybook-button--predefined-type:hover,
.storybook-button--ledger-report:hover,
.storybook-button--collection-report:hover,
.storybook-button--reserve-book:hover,
.storybook-button--renewal-book:hover,
.storybook-button--previous:hover,
.storybook-button--assign-salary-structure:hover,
.storybook-button--multiple-inst-invoice:hover {
  background-color: #38bdf8;
}
.storybook-button--edit:focus,
.storybook-button--complete-case:focus,
.storybook-button--update:focus,
.storybook-button--update-continue:focus,
.storybook-button--skip:focus,
.storybook-button--permission:focus,
.storybook-button--move:focus,
.storybook-button--predefined-type:focus,
.storybook-button--ledger-report:focus,
.storybook-button--collection-report:focus,
.storybook-button--reserve-book:focus,
.storybook-button--renewal-book:focus,
.storybook-button--previous:focus,
.storybook-button--assign-salary-structure:focus,
.storybook-button--multiple-inst-invoice:focus {
  background-color: #0369a1;
}
.storybook-button--edit:disabled,
.storybook-button--complete-case:disabled,
.storybook-button--update:disabled,
.storybook-button--update-continue:disabled,
.storybook-button--skip:disabled,
.storybook-button--permission:disabled,
.storybook-button--move:disabled,
.storybook-button--predefined-type:disabled,
.storybook-button--ledger-report:disabled,
.storybook-button--collection-report:disabled,
.storybook-button--reserve-book:disabled,
.storybook-button--renewal-book:disabled,
.storybook-button--previous:disabled,
.storybook-button--assign-salary-structure:disabled,
.storybook-button--multiple-inst-invoice:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--day-end,
.storybook-button--unclear-entries,
.storybook-button--delete,
.storybook-button--clean-up,
.storybook-button--reject,
.storybook-button--end-session,
.storybook-button--check-out,
.storybook-button--Reject,
.storybook-button--remove,
.storybook-button--remove-button,
.storybook-button--absent,
.storybook-button--work-done,
.storybook-button--no {
  background-color: #dc2626;
}
.storybook-button--day-end:hover,
.storybook-button--unclear-entries:hover,
.storybook-button--delete:hover,
.storybook-button--clean-up:hover,
.storybook-button--reject:hover,
.storybook-button--end-session:hover,
.storybook-button--check-out:hover,
.storybook-button--Reject:hover,
.storybook-button--remove:hover,
.storybook-button--remove-button:hover,
.storybook-button--absent:hover,
.storybook-button--work-done:hover,
.storybook-button--no:hover {
  background-color: #ef4444;
}
.storybook-button--day-end:focus,
.storybook-button--unclear-entries:focus,
.storybook-button--delete:focus,
.storybook-button--clean-up:focus,
.storybook-button--reject:focus,
.storybook-button--end-session:focus,
.storybook-button--check-out:focus,
.storybook-button--Reject:focus,
.storybook-button--remove:focus,
.storybook-button--remove-button:focus,
.storybook-button--absent:focus,
.storybook-button--work-done:focus,
.storybook-button--no:focus {
  background-color: #b91c1c;
}
.storybook-button--day-end:disabled,
.storybook-button--unclear-entries:disabled,
.storybook-button--delete:disabled,
.storybook-button--clean-up:disabled,
.storybook-button--reject:disabled,
.storybook-button--end-session:disabled,
.storybook-button--check-out:disabled,
.storybook-button--Reject:disabled,
.storybook-button--remove:disabled,
.storybook-button--remove-button:disabled,
.storybook-button--absent:disabled,
.storybook-button--work-done:disabled,
.storybook-button--no:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--view,
.storybook-button--change-image,
.storybook-button--fee-details,
.storybook-button--selected,
.storybook-button--select-staff,
.storybook-button--View-channel,
.storybook-button--view-graph {
  background-color: #a21caf;
}
.storybook-button--view:hover,
.storybook-button--change-image:hover,
.storybook-button--fee-details:hover,
.storybook-button--selected:hover,
.storybook-button--select-staff:hover,
.storybook-button--View-channel:hover,
.storybook-button--view-graph:hover {
  background-color: #e879f9;
}
.storybook-button--view:focus,
.storybook-button--change-image:focus,
.storybook-button--fee-details:focus,
.storybook-button--selected:focus,
.storybook-button--select-staff:focus,
.storybook-button--View-channel:focus,
.storybook-button--view-graph:focus {
  background-color: #701a75;
}
.storybook-button--view:disabled,
.storybook-button--change-image:disabled,
.storybook-button--fee-details:disabled,
.storybook-button--selected:disabled,
.storybook-button--select-staff:disabled,
.storybook-button--View-channel:disabled,
.storybook-button--view-graph:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--clear,
.storybook-button--change-visitor-type {
  background-color: #053e7a;
}
.storybook-button--clear:hover,
.storybook-button--change-visitor-type:hover {
  background-color: #4f7eb0;
}
.storybook-button--clear:focus,
.storybook-button--change-visitor-type:focus {
  background-color: #052e59;
}
.storybook-button--clear:disabled,
.storybook-button--change-visitor-type:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--demand {
  background-color: #ec4899;
}
.storybook-button--demand:hover {
  background-color: #f472b6;
}
.storybook-button--demand:focus {
  background-color: #9d174d;
}
.storybook-button--demand:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--print,
.storybook-button--reorder,
.storybook-button--statement,
.storybook-button--demand-details,
.storybook-button--previous-receipt,
.storybook-button--forward {
  background-color: #8b5cf6;
}
.storybook-button--print:hover,
.storybook-button--reorder:hover,
.storybook-button--statement:hover,
.storybook-button--demand-details:hover,
.storybook-button--previous-receipt:hover,
.storybook-button--forward:hover {
  background-color: #a78bfa;
}
.storybook-button--print:focus,
.storybook-button--reorder:focus,
.storybook-button--statement:focus,
.storybook-button--demand-details:focus,
.storybook-button--previous-receipt:focus,
.storybook-button--forward:focus {
  background-color: #4c1d95;
}
.storybook-button--print:disabled,
.storybook-button--reorder:disabled,
.storybook-button--statement:disabled,
.storybook-button--demand-details:disabled,
.storybook-button--previous-receipt:disabled,
.storybook-button--forward:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--ledger,
.storybook-button--account-ledger {
  background-color: #06b6d4;
}
.storybook-button--ledger:hover,
.storybook-button--account-ledger:hover {
  background-color: #22d3ee;
}
.storybook-button--ledger:focus,
.storybook-button--account-ledger:focus {
  background-color: #164e63;
}
.storybook-button--ledger:disabled,
.storybook-button--account-ledger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--export,
.storybook-button--excel,
.storybook-button--auto-generate,
.storybook-button--submit-approval,
.storybook-button--re-open,
.storybook-button--Active,
.storybook-button--pdf,
.storybook-button--grade,
.storybook-button--extend,
.storybook-button--transport-demand,
.storybook-button--capture,
.storybook-button--generate-invoice {
  background-color: rgba(0, 0, 0, 0.8);
}
.storybook-button--export:hover,
.storybook-button--excel:hover,
.storybook-button--auto-generate:hover,
.storybook-button--submit-approval:hover,
.storybook-button--re-open:hover,
.storybook-button--Active:hover,
.storybook-button--pdf:hover,
.storybook-button--grade:hover,
.storybook-button--extend:hover,
.storybook-button--transport-demand:hover,
.storybook-button--capture:hover,
.storybook-button--generate-invoice:hover {
  background: rgba(0, 0, 0, 0.48);
}
.storybook-button--export:focus,
.storybook-button--excel:focus,
.storybook-button--auto-generate:focus,
.storybook-button--submit-approval:focus,
.storybook-button--re-open:focus,
.storybook-button--Active:focus,
.storybook-button--pdf:focus,
.storybook-button--grade:focus,
.storybook-button--extend:focus,
.storybook-button--transport-demand:focus,
.storybook-button--capture:focus,
.storybook-button--generate-invoice:focus {
  background: rgba(0, 0, 0, 0.92);
}
.storybook-button--export:disabled,
.storybook-button--excel:disabled,
.storybook-button--auto-generate:disabled,
.storybook-button--submit-approval:disabled,
.storybook-button--re-open:disabled,
.storybook-button--Active:disabled,
.storybook-button--pdf:disabled,
.storybook-button--grade:disabled,
.storybook-button--extend:disabled,
.storybook-button--transport-demand:disabled,
.storybook-button--capture:disabled,
.storybook-button--generate-invoice:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--pay-online,
.storybook-button--add-new-fee,
.storybook-button--waive-off,
.storybook-button--active,
.storybook-button--fetch,
.storybook-button--received,
.storybook-button--transfer,
.storybook-button--assign,
.storybook-button--customize,
.storybook-button--check-in,
.storybook-button--visitor-entry,
.storybook-button--move-to,
.storybook-button--make-active,
.storybook-button--allocate,
.storybook-button--yes,
.storybook-button--cash-receipts,
.storybook-button--bank-receipts,
.storybook-button--re-calculate,
.storybook-button--start-posting,
.storybook-button--next,
.storybook-button--adjustment-receipts {
  background-color: #15803d;
}
.storybook-button--pay-online:hover,
.storybook-button--add-new-fee:hover,
.storybook-button--waive-off:hover,
.storybook-button--active:hover,
.storybook-button--fetch:hover,
.storybook-button--received:hover,
.storybook-button--transfer:hover,
.storybook-button--assign:hover,
.storybook-button--customize:hover,
.storybook-button--check-in:hover,
.storybook-button--visitor-entry:hover,
.storybook-button--move-to:hover,
.storybook-button--make-active:hover,
.storybook-button--allocate:hover,
.storybook-button--yes:hover,
.storybook-button--cash-receipts:hover,
.storybook-button--bank-receipts:hover,
.storybook-button--re-calculate:hover,
.storybook-button--start-posting:hover,
.storybook-button--next:hover,
.storybook-button--adjustment-receipts:hover {
  background-color: #22c55e;
}
.storybook-button--pay-online:focus,
.storybook-button--add-new-fee:focus,
.storybook-button--waive-off:focus,
.storybook-button--active:focus,
.storybook-button--fetch:focus,
.storybook-button--received:focus,
.storybook-button--transfer:focus,
.storybook-button--assign:focus,
.storybook-button--customize:focus,
.storybook-button--check-in:focus,
.storybook-button--visitor-entry:focus,
.storybook-button--move-to:focus,
.storybook-button--make-active:focus,
.storybook-button--allocate:focus,
.storybook-button--yes:focus,
.storybook-button--cash-receipts:focus,
.storybook-button--bank-receipts:focus,
.storybook-button--re-calculate:focus,
.storybook-button--start-posting:focus,
.storybook-button--next:focus,
.storybook-button--adjustment-receipts:focus {
  background-color: #14532d !important;
}
.storybook-button--pay-online:disabled,
.storybook-button--add-new-fee:disabled,
.storybook-button--waive-off:disabled,
.storybook-button--active:disabled,
.storybook-button--fetch:disabled,
.storybook-button--received:disabled,
.storybook-button--transfer:disabled,
.storybook-button--assign:disabled,
.storybook-button--customize:disabled,
.storybook-button--check-in:disabled,
.storybook-button--visitor-entry:disabled,
.storybook-button--move-to:disabled,
.storybook-button--make-active:disabled,
.storybook-button--allocate:disabled,
.storybook-button--yes:disabled,
.storybook-button--cash-receipts:disabled,
.storybook-button--bank-receipts:disabled,
.storybook-button--re-calculate:disabled,
.storybook-button--start-posting:disabled,
.storybook-button--next:disabled,
.storybook-button--adjustment-receipts:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--back,
.storybook-button--pending-approval,
.storybook-button--cancel,
.storybook-button--reconcil-entries {
  background-color: #eab308;
}
.storybook-button--back:hover,
.storybook-button--pending-approval:hover,
.storybook-button--cancel:hover,
.storybook-button--reconcil-entries:hover {
  background-color: #fde047;
}
.storybook-button--back:focus,
.storybook-button--pending-approval:focus,
.storybook-button--cancel:focus,
.storybook-button--reconcil-entries:focus {
  background-color: #ca8a04;
}
.storybook-button--back:disabled,
.storybook-button--pending-approval:disabled,
.storybook-button--cancel:disabled,
.storybook-button--reconcil-entries:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--all-transaction,
.storybook-button--all-configure,
.storybook-button--log-sheet,
.storybook-button--submit,
.storybook-button--Submit,
.storybook-button--page-config,
.storybook-button--finish,
.storybook-button--issue-book,
.storybook-button--make-elligible,
.storybook-button--return-book,
.storybook-button--save,
.storybook-button--adjust-deposits,
.storybook-button--request-extension,
.storybook-button--publish,
.storybook-button--review,
.storybook-button--complete,
.storybook-button--save-continue,
.storybook-button--select,
.storybook-button--save-order,
.storybook-button--configure,
.storybook-button--show-summarized,
.storybook-button--all-receipts,
.storybook-button--okay,
.storybook-button--approve,
.storybook-button--Approve,
.storybook-button--pay-fee {
  background-color: #319795;
}
.storybook-button--all-transaction:hover,
.storybook-button--all-configure:hover,
.storybook-button--log-sheet:hover,
.storybook-button--submit:hover,
.storybook-button--Submit:hover,
.storybook-button--page-config:hover,
.storybook-button--finish:hover,
.storybook-button--issue-book:hover,
.storybook-button--make-elligible:hover,
.storybook-button--return-book:hover,
.storybook-button--save:hover,
.storybook-button--adjust-deposits:hover,
.storybook-button--request-extension:hover,
.storybook-button--publish:hover,
.storybook-button--review:hover,
.storybook-button--complete:hover,
.storybook-button--save-continue:hover,
.storybook-button--select:hover,
.storybook-button--save-order:hover,
.storybook-button--configure:hover,
.storybook-button--show-summarized:hover,
.storybook-button--all-receipts:hover,
.storybook-button--okay:hover,
.storybook-button--approve:hover,
.storybook-button--Approve:hover,
.storybook-button--pay-fee:hover {
  background-color: #4fd1c5;
}
.storybook-button--all-transaction:focus,
.storybook-button--all-configure:focus,
.storybook-button--log-sheet:focus,
.storybook-button--submit:focus,
.storybook-button--Submit:focus,
.storybook-button--page-config:focus,
.storybook-button--finish:focus,
.storybook-button--issue-book:focus,
.storybook-button--make-elligible:focus,
.storybook-button--return-book:focus,
.storybook-button--save:focus,
.storybook-button--adjust-deposits:focus,
.storybook-button--request-extension:focus,
.storybook-button--publish:focus,
.storybook-button--review:focus,
.storybook-button--complete:focus,
.storybook-button--save-continue:focus,
.storybook-button--select:focus,
.storybook-button--save-order:focus,
.storybook-button--configure:focus,
.storybook-button--show-summarized:focus,
.storybook-button--all-receipts:focus,
.storybook-button--okay:focus,
.storybook-button--approve:focus,
.storybook-button--Approve:focus,
.storybook-button--pay-fee:focus {
  background-color: #285e61 !important;
}
.storybook-button--all-transaction:disabled,
.storybook-button--all-configure:disabled,
.storybook-button--log-sheet:disabled,
.storybook-button--submit:disabled,
.storybook-button--Submit:disabled,
.storybook-button--page-config:disabled,
.storybook-button--finish:disabled,
.storybook-button--issue-book:disabled,
.storybook-button--make-elligible:disabled,
.storybook-button--return-book:disabled,
.storybook-button--save:disabled,
.storybook-button--adjust-deposits:disabled,
.storybook-button--request-extension:disabled,
.storybook-button--publish:disabled,
.storybook-button--review:disabled,
.storybook-button--complete:disabled,
.storybook-button--save-continue:disabled,
.storybook-button--select:disabled,
.storybook-button--save-order:disabled,
.storybook-button--configure:disabled,
.storybook-button--show-summarized:disabled,
.storybook-button--all-receipts:disabled,
.storybook-button--okay:disabled,
.storybook-button--approve:disabled,
.storybook-button--Approve:disabled,
.storybook-button--pay-fee:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--sign-in {
  background-color: #22c55e;
  border-radius: 6px;
  padding: 8px;
  width: 100%;
}
.storybook-button--sign-in:hover {
  background-color: #4ade80;
}
.storybook-button--sign-in:focus {
  background-color: #15803d;
}
.storybook-button--sign-in:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--otp {
  background-color: #f59e0b;
  border-radius: 30px;
  padding: 8px;
  width: 100% !important;
}
.storybook-button--otp:hover {
  background-color: #fbbf24;
}
.storybook-button--otp:focus {
  background-color: #b45309;
}
.storybook-button--otp:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--sign-out {
  background-color: #ef4444;
  border-radius: 20px;
  padding: 6px;
  width: 100%;
}
.storybook-button--sign-out:hover {
  background-color: #f87171;
}
.storybook-button--sign-out:focus {
  background-color: #b91c1c;
}
.storybook-button--sign-out:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--upload {
  background-color: #0ea5e9;
}
.storybook-button--upload:hover {
  background-color: #38bdf8;
}
.storybook-button--upload:focus {
  background-color: #0369a1;
}
.storybook-button--upload img {
  filter: invert(100%);
}
.storybook-button--upload:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--preview {
  background-color: #6fee22;
}
.storybook-button--preview:hover {
  background-color: #4ade80;
}
.storybook-button--preview:focus {
  background-color: #15803d;
}
.storybook-button--preview img {
  filter: invert(100%);
}
.storybook-button--preview:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--reset,
.storybook-button--reset-widget {
  background-color: #fa5b49;
}
.storybook-button--reset:hover,
.storybook-button--reset-widget:hover {
  background-color: #fe7464;
}
.storybook-button--reset:focus,
.storybook-button--reset-widget:focus {
  background-color: #ef3e33;
}
.storybook-button--reset:disabled,
.storybook-button--reset-widget:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--grade img {
  filter: invert(100%);
}

.storybook-button--close {
  background-color: #ef4444;
}
.storybook-button--close:hover {
  background-color: #f87171;
}
.storybook-button--close:focus {
  background-color: #dc2626;
}
.storybook-button--close:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--continue,
.storybook-button--proceed {
  color: white;
  background-color: transparent;
  display: flex;
  margin-top: 20px;
  justify-content: center;
  column-gap: 10px;
  width: 100%;
}
.storybook-button--continue img,
.storybook-button--proceed img {
  width: 20px;
}
.storybook-button--continue:hover,
.storybook-button--proceed:hover {
  text-decoration: underline;
}
.storybook-button--continue:focus,
.storybook-button--proceed:focus {
  text-decoration: underline;
}
.storybook-button--continue:disabled,
.storybook-button--proceed:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--docs-upload {
  background-color: white;
  border-radius: 20px;
  width: 100px;
  font-weight: 500;
  color: var(--text-color);
  border: 1px solid #e2e8f0;
}
.storybook-button--docs-upload img {
  margin-top: 0px;
  width: 20px;
  margin-left: 5px;
}

.storybook-button--docs-delete {
  background-color: #ef4444;
  border-radius: 20px;
  width: 100px;
  font-weight: 500;
  color: white;
  border: 1px solid #e2e8f0;
}
.storybook-button--docs-delete img {
  margin-top: 0px;
  width: 20px;
  margin-left: 5px;
}

.storybook-button--message {
  background-color: #9ca3af;
}
.storybook-button--message:hover {
  background-color: #9ca3af;
}
.storybook-button--message:focus {
  background-color: #111827;
}
.storybook-button--message:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.storybook-button--message img {
  filter: invert(100%);
}

.storybook-button--history img {
  filter: invert(100%);
}

.storybook-button--change-image,
.storybook-button--capture {
  width: 100%;
  margin: 0px !important;
  border-radius: 0px 0px 0px 6px;
}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.Label, .present-day, .LabelPrimary, .LabelBold, .AccountingLabel {
  font-family: "Josefin Sans" !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px;
  color: var(--text-color);
  margin-top: 10px;
  padding: 5px;
}

.AccountingLabel {
  font-size: 14px;
  margin-top: 3px;
  padding: 0px;
}

.LabelBold {
  font-weight: 600 !important;
}

.LabelPrimary {
  color: var(--level-6);
  font-weight: 600;
}

.present-day {
  margin-top: 5px !important;
  margin-left: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 4px;
  background-color: var(--disabled-color);
}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.storybook-input {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding: 0px 5px;
  font-size: 16px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}

.storybook-input:focus {
  border: 1px solid var(--level-3);
}

.large {
  height: 4.5rem;
  font-size: 1.25rem;
  width: 100%;
}

.medium {
  width: 70%;
}

.field_error::placeholder {
  color: #c53030;
}

.field_error {
  border: 1.5px solid #f87171 !important;
  box-shadow: 2px 0px 1px red !important;
}

.required_error {
  box-shadow: 3px 0px 0px red;
  width: calc(100% - 3px) !important;
}

/*Hide the arrow tag in type number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 
Firefox */
input[type=number] {
  -moz-appearance: textfield;
  font-family: "Spline Sans Mono", monospace !important;
}

.small {
  padding-left: 1rem;
  height: 25px;
  margin: 2px;
  padding: 10px;
  font-size: 14px;
}

.storybook-input[disabled] {
  background-color: var(--disabled-color);
  color: var(--text-color);
  cursor: not-allowed;
}

input[type=date] {
  width: fit-content !important;
}

input[type=time] {
  width: fit-content !important;
}

input[type=date]::-webkit-calendar-picker-indicator {
  filter: var(--img-color);
}

.storybook-input[type=checkbox] {
  width: 22px !important;
  height: 22px !important;
  border-radius: 3px !important;
}

input[type=checkbox]:checked {
  background-color: var(--level-8);
  border-color: var(--level-8);
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.storybook-textarea {
  outline: none;
  padding-left: 1rem;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  width: 100%;
  height: 65px !important;
  margin-top: 5px;
  padding: 5px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
}

.storybook-textarea:focus {
  border: 1px solid var(--level-3);
  outline: none;
}

.storybook-textarea:disabled {
  background-color: var(--disabled-color);
  color: var(--text-color);
}

.storybook-textarea::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.storybook-textarea::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.storybook-textarea::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}/**
 * gridstack SASS styles 12.6.0
 * Copyright (c) 2021-2025 Alain Dumesny - see GridStack root license
 */
.grid-stack {
  position: relative;
}

.grid-stack-rtl {
  direction: ltr;
}
.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}

.grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}

.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
  top: 0;
  width: var(--gs-column-width);
  height: var(--gs-cell-height);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
  overflow-y: hidden;
}

.grid-stack:not(.grid-stack-rtl) > .grid-stack-item {
  left: 0;
}

.grid-stack.grid-stack-rtl > .grid-stack-item {
  right: 0;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content,
.grid-stack > .grid-stack-placeholder > .placeholder-content {
  top: var(--gs-item-margin-top);
  right: var(--gs-item-margin-right);
  bottom: var(--gs-item-margin-bottom);
  left: var(--gs-item-margin-left);
}

.grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.grid-stack-item > .ui-resizable-ne {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-sw {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-nw {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-se {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: var(--gs-item-margin-top);
  left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: var(--gs-item-margin-top);
  left: 25px;
  right: 25px;
}
.grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: var(--gs-item-margin-top);
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  bottom: var(--gs-item-margin-bottom);
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: var(--gs-item-margin-bottom);
  right: 25px;
}
.grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  bottom: var(--gs-item-margin-bottom);
  left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
  left: var(--gs-item-margin-left);
}
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack-item.ui-draggable-dragging {
  will-change: left, right, top;
}
.grid-stack-item.ui-resizable-resizing {
  will-change: width, height;
}

.ui-draggable-dragging,
.ui-resizable-resizing {
  z-index: 10000;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
  transition: left 0.3s, right 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  transition: left 0s, right 0s, top 0s, height 0s, width 0s;
}

.grid-stack > .grid-stack-item[gs-y="0"] {
  top: 0px;
}

.grid-stack:not(.grid-stack-rtl) > .grid-stack-item[gs-x="0"] {
  left: 0%;
}

.grid-stack.grid-stack-rtl > .grid-stack-item[gs-x="0"] {
  right: 0%;
}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/.ql-cell-selected-after,.ql-cell-selected::after,.ql-cell-focused::after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(158,207,250,.3)}.ql-table-border-shadow,.ql-table-select-container,.ql-table-dropdown-list,.ql-table-dropdown-properties-list,.ql-table-menus-container{border-radius:2px;border:1px solid #ccced1;background:#fff;box-shadow:0 1px 2px 1px rgba(0,0,0,.1490196078)}.ql-table-triangle-common,.ql-table-tooltip-error::before,.label-field-view-status::before,.ql-table-tooltip::before,.ql-table-triangle-down:not(.ql-table-triangle-none)::after,.ql-table-triangle-down:not(.ql-table-triangle-none)::before,.ql-table-triangle-up:not(.ql-table-triangle-none)::after,.ql-table-triangle-up:not(.ql-table-triangle-none)::before{position:absolute;left:50%;transform:translateX(-50%);content:"";border:10px solid rgba(0,0,0,0)}.ql-table-input-focus,.ql-table-color-container .color-picker .color-picker-select>.erase-container,.ql-table-selected,.ql-table-properties-form .ql-table-dropdown-selected,.ql-table-properties-form .ql-table-color-selected,.ql-table-input:focus,.ql-table-color-container .label-field-view-color .property-input:focus,.ql-table-properties-form .property-input:focus{border:1px solid #3779eb;box-shadow:0 0 0 3px #cae1fc}.ql-table-input,.ql-table-color-container .label-field-view-color .property-input,.ql-table-properties-form .property-input{width:80px;height:30px;border:1px solid #ccced1;outline:none;padding-left:6px;background:inherit}.ql-table-input:focus::placeholder,.ql-table-color-container .label-field-view-color .property-input:focus::placeholder,.ql-table-properties-form .property-input:focus::placeholder{color:rgba(0,0,0,0)}.ql-table-input:focus+label,.ql-table-color-container .label-field-view-color .property-input:focus+label,.ql-table-properties-form .property-input:focus+label{display:block}.ql-table-input:not(:placeholder-shown)+label,.ql-table-color-container .label-field-view-color .property-input:not(:placeholder-shown)+label,.ql-table-properties-form .property-input:not(:placeholder-shown)+label{display:block}.ql-table-temporary{display:none}.ql-table-center,.ql-table-select-container .ql-table-select-list,.ql-table-select-container,.ql-table-color-container .color-picker .color-picker-palette .color-picker-wrap .iro-container,.ql-table-color-container .color-picker,.ql-table-properties-form .properties-form-action-row>button,.ql-table-dropdown-list .ql-table-header-row,.ql-table-dropdown-properties-list .ql-table-header-row,.ql-operate-line-container{display:flex;justify-content:center;align-items:center}.ql-table-selected,.ql-table-properties-form .ql-table-dropdown-selected,.ql-table-properties-form .ql-table-color-selected{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAM1BMVEUAAAAyMjIyMjIiIiIyMjIyMjIyMjIyMjIxMTEyMjIyMjIyMjIwMDAzMzMxMTEwMDAzMzOYbpUsAAAAEXRSTlMA/XgF8HRua2fm2rI3rzk1Lf2cC1oAAAA8SURBVBjTY6AUsHKh8RnZ8PKZoHwBZhifHcLg5GVG4TPwsXAzQ/gwwAMUYWLkALIQIlxgPgLwc3JQ4h0Ae0ABBy2kuXoAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:16px;box-sizing:border-box}.ql-operate-line-container{position:absolute;z-index:10}.ql-operate-line-container .ql-operate-line{background-color:#0589f3}.ql-operate-block{position:absolute;z-index:10;border:1px solid #979797;cursor:nwse-resize}.ql-operate-block-move{cursor:crosshair;border:none}.ql-operate-drag-table{border:1px dashed #000;position:absolute}.ql-cell-focused{position:relative}.ql-cell-focused::after{border:1px solid #3779eb}.ql-cell-selected{position:relative}.ql-table-menus-container{position:absolute;display:flex;align-items:center;height:40px;width:fit-content;padding:4px;box-sizing:border-box;z-index:1}.ql-table-triangle-up:not(.ql-table-triangle-none)::before{bottom:-20px;border-top-color:rgba(0,0,0,.1490196078) !important}.ql-table-triangle-up:not(.ql-table-triangle-none)::after{bottom:-19px;border-top-color:#fff !important}.ql-table-triangle-down:not(.ql-table-triangle-none)::before{top:-20px;border-bottom-color:rgba(0,0,0,.1490196078) !important}.ql-table-triangle-down:not(.ql-table-triangle-none)::after{top:-19px;border-bottom-color:#fff !important}.label-field-view{position:relative}.label-field-view-input-wrapper{position:relative;height:100%}.label-field-view-input-wrapper>label{position:absolute;left:0;top:-50%;transform:translateY(50%) scale(0.75);color:#999;background:#fff;display:none}.label-field-view-status{max-width:160px;width:max-content}.label-field-view-error>input{border-color:#db3700 !important;animation:ql-table-input-shake .3s ease both}.label-field-view-error>input:focus{box-shadow:0 0 0 3px rgba(255,64,31,.3019607843) !important}.label-field-view-error>label{color:#db3700}.ql-table-dropdown,.ql-table-dropdown-properties{display:flex;height:100%;align-items:center;position:relative;padding:0 4px;cursor:pointer}.ql-table-dropdown:hover,.ql-table-dropdown-properties:hover{background:#f0f0f0}.ql-table-dropdown-text,.ql-table-dropdown-properties-text{flex:1;height:100%;margin-right:7px;display:flex;align-items:center}.ql-table-dropdown-list,.ql-table-dropdown-properties-list{position:absolute;left:0;bottom:0;transform:translateY(100%);margin:0;padding:0;width:170px;z-index:10}.ql-table-dropdown-list li,.ql-table-dropdown-properties-list li{list-style:none;line-height:30px;padding:0 10px;cursor:pointer}.ql-table-dropdown-list li:hover,.ql-table-dropdown-properties-list li:hover{background-color:#f0f0f0}.ql-table-dropdown-list .ql-table-header-row,.ql-table-dropdown-properties-list .ql-table-header-row{justify-content:space-between}.ql-table-dropdown-label,.ql-table-dropdown-properties-label{width:100%;min-width:100%;line-height:24px;font-weight:bold;margin-bottom:6px;display:block}.ql-table-tooltip-hover{display:flex;position:relative}.ql-table-tooltip-hover:hover .ql-table-tooltip{display:block}.ql-table-tooltip-hover:hover+.ql-table-tooltip{display:block}.ql-table-tooltip{font-size:12px;min-width:32px;line-height:20px;padding:6px;white-space:nowrap;color:#fff;text-align:center;word-wrap:break-word;background:rgba(0,0,0,.8509803922);border-radius:6px;position:absolute;z-index:11;left:50%;bottom:-10px;transform:translate(-50%, 100%)}.ql-table-tooltip::before{border-bottom-color:rgba(0,0,0,.8509803922) !important;top:-20px}.ql-table-tooltip:hover{display:block}.ql-table-tooltip-hidden{display:none !important}.ql-table-tooltip-error,.label-field-view-status{font-size:12px;min-width:32px;line-height:20px;padding:6px;white-space:nowrap;color:#fff;text-align:center;word-wrap:break-word;background:#db3700;border-radius:6px;position:absolute;z-index:11;left:50%;bottom:-10px;transform:translate(-50%, 100%);white-space:pre-wrap;z-index:9}.ql-table-tooltip-error::before,.label-field-view-status::before{border-bottom-color:#db3700 !important;top:-20px}.ql-table-tooltip-error:hover,.label-field-view-status:hover{display:block}.ql-table-tooltip-error-hidden{display:none !important}.ql-table-dropdown-properties{width:80px;height:30px;border:1px solid #ccced1;box-sizing:border-box}.ql-table-dropdown-properties:hover{background:none}.ql-table-properties-form{width:320px;position:absolute;left:50%;padding-bottom:8px;background:#fff;z-index:1;box-shadow:0 1px 2px 1px #ccced1}.ql-table-properties-form .properties-form-header{height:40px;line-height:40px;padding:0 12px;border-bottom:1px solid #ccced1;margin:0;box-sizing:border-box;color:#333;font-size:14px}.ql-table-properties-form .properties-form-row{display:flex;flex-wrap:wrap;padding:8px 12px;justify-content:space-between}.ql-table-properties-form .properties-form-row .ql-table-check-container{display:flex;border:1px solid #ccced1;align-items:center}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-tooltip-hover{padding:6px 10px;cursor:pointer}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-tooltip-hover:hover{background:#f0f0f0}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-btns-checked{background:#f0f7ff}.ql-table-properties-form .properties-form-row .ql-table-check-container .ql-table-btns-checked>svg path{stroke:#2977ff}.ql-table-properties-form .properties-form-row-full .ql-table-color-container{width:100%}.ql-table-properties-form .properties-form-row-full .ql-table-color-container .property-input{width:100%}.ql-table-properties-form .properties-form-action-row{display:flex;justify-content:space-around;padding:0 12px}.ql-table-properties-form .properties-form-action-row>button{background:#fff;outline:none;border:none;height:30px;cursor:pointer;flex:1}.ql-table-properties-form .properties-form-action-row>button>span{margin:0 2px;display:flex}.ql-table-properties-form .properties-form-action-row>button:hover{background:#f0f0f0}.ql-table-properties-form .properties-form-action-row>button[disabled]{background-color:rgba(0,0,0,0)}.ql-table-properties-form .ql-table-color-selected{background-position:center}.ql-table-properties-form .ql-table-dropdown-selected{background-position:calc(100% - 10px) center}.ql-table-color-container{border:1px solid #ccced1;height:30px;box-sizing:border-box;display:flex}.ql-table-color-container .label-field-view-color{flex:1}.ql-table-color-container .label-field-view-color .property-input{border:1px solid rgba(0,0,0,0);height:100%}.ql-table-color-container .color-picker{width:30px;border-left:1px solid #ccced1;box-sizing:border-box;position:relative}.ql-table-color-container .color-picker .color-button{width:20px;height:20px;border:1px solid #ccced1;box-sizing:border-box;cursor:pointer;position:relative}.ql-table-color-container .color-picker .color-unselected{position:relative}.ql-table-color-container .color-picker .color-unselected::after{content:"";position:absolute;width:1px;height:26px;background:red;transform-origin:50%;transform:rotate(45deg);left:50%;top:-4px}.ql-table-color-container .color-picker .color-picker-select{position:absolute;right:0;bottom:0;width:156px;transform:translateY(100%);background:#fff;z-index:10;box-shadow:0 1px 2px 1px #ccced1}.ql-table-color-container .color-picker .color-picker-select .erase-container{display:flex;height:30px;align-items:center;padding:0 12px;cursor:pointer}.ql-table-color-container .color-picker .color-picker-select .erase-container:hover{background:#f0f0f0}.ql-table-color-container .color-picker .color-picker-select .erase-container>button{border:none;outline:none;background:inherit;height:100%;cursor:pointer}.ql-table-color-container .color-picker .color-picker-select>.erase-container{margin-bottom:4px}.ql-table-color-container .color-picker .color-picker-select .color-list{display:flex;flex-wrap:wrap;padding:0 12px;margin:0;justify-content:space-between}.ql-table-color-container .color-picker .color-picker-select .color-list>li{list-style:none;width:24px;height:24px;margin:2px 0;position:relative;cursor:pointer}.ql-table-color-container .color-picker .color-picker-select .color-list>li[data-color="#ffffff"]{border:1px solid #ccced1;box-sizing:border-box}.ql-table-color-container .color-picker .color-picker-palette{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:#fff}.ql-table-color-container .color-picker .color-picker-palette .color-picker-wrap{width:100%;height:100%;display:flex;flex-direction:column}.ql-table-color-container .color-picker .color-picker-palette .color-picker-wrap .iro-container{flex:1}.ql-table-disabled{background:#f2f2f2;pointer-events:none}.ql-table-button-disabled{background:#f2f2f2 !important;pointer-events:none}.ql-table-button-disabled svg .ql-fill{fill:#999 !important}.ql-table-button-disabled svg .ql-stroke{stroke:#999 !important}button.ql-table-better{position:relative}.ql-table-select-container{flex-direction:column;width:190px;padding:2px;position:absolute;top:24px;z-index:10;box-sizing:border-box}.ql-table-select-container .ql-table-select-list{flex-wrap:wrap}.ql-table-select-container .ql-table-select-label{width:100%;line-height:16px;text-align:center;color:rgba(34,47,62,.7019607843);margin-top:2px}.ql-table-select-container span{width:16px;height:16px;border:1px solid #000;box-sizing:border-box;margin:1px}ol.table-list-container{counter-reset:list-0}.ql-editor th{border:1px solid #000;padding:2px 5px;background:rgba(0,0,0,.0509803922)}.ql-table-divider{background:#ccced1;height:1px;width:100%}.ql-table-switch{position:relative;display:inline-block;width:28px;height:16px}.ql-table-switch .ql-table-switch-inner{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;transition:.4s;border-radius:8px}.ql-table-switch .ql-table-switch-inner:before{content:"";position:absolute;height:12px;width:12px;left:2px;top:50%;transform:translateY(-50%);background:#fff;transition:.4s;border-radius:50%}.ql-table-switch .ql-table-switch-inner[aria-checked=true]{background:#2196f3}.ql-table-switch .ql-table-switch-inner[aria-checked=true]:before{transform:translate(12px, -50%)}@keyframes ql-table-input-shake{20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}
.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.select {
  border-radius: 6px;
  border: 1px solid var(--border-color) !important;
  background-color: var(--bg-color);
  width: 100%;
  height: 32px;
  margin-top: 10px;
  font-size: 14px;
  font-family: "Josefin Sans" !important;
  color: var(--text-color);
  padding-left: 8px;
}

.select:focus {
  border: 1px solid var(--level-3);
}

.large {
  height: 4.5rem;
  font-size: 1.25rem;
  width: 100%;
}

.medium {
  width: 70%;
}

.small {
  height: 25px;
  margin-top: 2px;
  padding: 0px;
  padding-left: 3px;
  font-size: 14px;
}

.select:disabled {
  background-color: var(--disabled-color) !important;
  -webkit-text-fill-color: var(--text-color) !important;
  color: var(--text-color);
  cursor: not-allowed !important;
}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.demo__header--button-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  margin-right: 30px;
}
.demo__header--button, .demo__form--cancel, .demo__form--submit {
  background-color: #ff0000;
  color: #ffffff;
  font-weight: 700;
  font-family: "Josefin Sans";
  font-size: 16px;
  padding: 8px 20px;
  border-radius: 0px;
  border: none !important;
}
.demo__form {
  padding: 0px 10px 0px 0px;
  height: 550px;
  column-gap: 60px;
  display: flex;
}
.demo__form h4 {
  color: #ff0000;
  font-weight: 700;
  font-family: "Josefin Sans";
  text-align: center;
  margin-top: 10px;
}
.demo__form--image {
  width: 50%;
  height: 600px;
  background-color: #dfebf9;
}
.demo__form--image img {
  width: 500px;
  height: 600px;
  display: block;
  margin: auto;
}
.demo__form--data {
  width: 50%;
}
.demo__form--data-block {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 10px;
}
.demo__form--button {
  display: flex;
  column-gap: 30px;
  margin-top: 20px;
}
.demo__form--submit {
  background-color: green;
}
.demo__banner {
  width: 100%;
}
.demo__banner--image {
  width: 100%;
}
.demo__banner--image--mobile {
  display: none;
}
.demo__footer--data-block {
  padding: 20px;
  display: flex;
  justify-content: space-around;
}
.demo__footer--data-block--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.demo__footer--data-block--flex b {
  font-size: 18px;
}
.demo__footer--data-block span {
  font-size: 18px;
  font-family: "Josefin Sans";
  display: block;
  font-weight: 600;
}
.demo__footer--data-block h3 {
  margin-top: 10px;
  border-bottom: 1px solid grey;
  width: fit-content;
  color: #374151;
}
.demo__footer--data-block h4 {
  margin-top: 10px;
  font-weight: 700;
}
.demo__footer--data-block a {
  color: black;
  font-size: 18px;
  font-family: "Josefin Sans";
  display: block;
  padding: 5px;
  text-decoration: none;
}
.demo__footer--data-block a:hover {
  text-decoration: underline;
  color: black;
}
.demo__footer--copyright {
  background-color: #54595f;
  height: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  font-weight: 700;
  font-size: 20px;
  color: white;
  font-family: "Josefin Sans";
}
.demo__label {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-family: "Josefin Sans";
  font-weight: 700;
}
.demo__input {
  width: 100%;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #e2e8f0;
  margin-top: 10px;
}
.demo__textarea {
  border-radius: 3px;
  border: 1px solid #e2e8f0;
  margin-top: 5px;
  width: 100%;
}
.demo__grid {
  display: grid;
  grid-template-columns: 0.6fr 1fr;
}
.demo__captcha {
  height: 50px;
  width: 100%;
  display: flex;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  margin-top: 10px;
}
.demo__captcha--text {
  width: calc(100% - 30px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--level-1);
}
.demo__captcha--text span {
  color: var(--level-5);
  font-weight: 700;
  font-size: 16px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.demo__captcha img {
  width: 18px;
  display: block;
  margin: auto;
}

.nav {
  height: 80px;
  width: 100%;
  background-color: #002e50;
  opacity: 0.95;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0;
  align-items: center;
  justify-content: space-around;
  font-stretch: expanded;
}

.nav > .nav-header {
  display: inline;
}

.nav > .nav-header > .nav-title {
  display: flex;
  font-size: 1.625rem;
  color: #ffffff;
  padding: 10px 10px 10px 10px;
  font-family: "Josefin Sans";
  align-items: center;
  font-weight: 550;
  line-height: 1;
  letter-spacing: 0.05em;
  background-clip: text;
  -webkit-background-clip: text;
}
.nav > .nav-header > .nav-title img {
  margin-right: 10px;
  width: 55px;
}
.nav > .nav-header > .nav-title h2 {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.nav > .nav-btn {
  display: none;
}

.nav > .nav-links {
  display: inline;
  float: right;
}

.nav > .nav-links > a {
  align-items: center;
  padding: 10px 15px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  font-family: "Josefin Sans";
  text-decoration: none;
  position: relative;
  left: 20px;
  font-size: 20px;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(90deg, #f8f8f8, #e0e0e0);
}
.nav > .nav-links > a span {
  color: #ffffff;
}

.nav > .nav-links > a:hover {
  background-color: #002e50;
}

.nav > #nav-check {
  display: none;
}

@media (max-width: 600px) {
  .nav {
    height: 60px;
    justify-content: space-between;
  }
  .nav > .nav-header > .nav-title img {
    width: 40px;
  }
  .demo__banner--image {
    display: none;
  }
  .demo__banner--image--mobile {
    display: flex;
    width: 100%;
    height: 60%;
  }
  .demo__form--data-block {
    width: 100%;
  }
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,
  .nav #nav-check:checked ~ .nav-btn > label {
    background-color: #002e50;
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 8px;
    border-top: 2px solid #eee;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
    background-color: #fff;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
    color: black;
    font-family: "Josefin Sans";
    font-size: 16px;
    background-image: none !important;
    left: 0px;
  }
  .nav > .nav-links > a span {
    color: black;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: fit-content;
    overflow-y: auto;
  }
  .demo__footer--data-block {
    display: block;
  }
  .demo__form--image {
    display: none;
  }
  .demo__form--data {
    width: 100%;
  }
  .demo__form {
    display: block;
    height: fit-content;
  }
  .demo__header--button-block {
    display: none;
  }
  .demo__footer--copyright {
    font-size: 16px;
  }
  .demo__grid {
    display: block;
  }
  .demo__footer--data-block {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .nav {
    height: 60px;
    justify-content: space-between;
  }
  .nav > .nav-header > .nav-title img {
    width: 40px;
  }
  .demo__banner--image {
    display: none;
  }
  .demo__banner--image--mobile {
    display: flex;
    width: 100%;
    height: 60%;
  }
  .demo__form--data-block {
    width: 100%;
  }
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,
  .nav #nav-check:checked ~ .nav-btn > label {
    background-color: #002e50;
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 8px;
    border-top: 2px solid #eee;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
    background-color: #fff;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
    color: black;
    font-family: "Josefin Sans";
    font-size: 16px;
    background-image: none !important;
    left: 0px;
  }
  .nav > .nav-links > a span {
    color: black;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: fit-content;
    overflow-y: auto;
  }
  .demo__footer--data-block {
    display: block;
  }
  .demo__form--image {
    display: none;
  }
  .demo__form--data {
    width: 100%;
  }
  .demo__form {
    display: block;
    height: fit-content;
  }
  .demo__header--button-block {
    display: none;
  }
  .demo__footer--copyright {
    font-size: 16px;
  }
  .demo__grid {
    display: block;
  }
  .demo__footer--data-block {
    width: 100%;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav {
    height: 60px;
    justify-content: space-between;
  }
  .nav > .nav-header > .nav-title img {
    width: 40px;
  }
  .demo__banner--image {
    display: none;
  }
  .demo__banner--image--mobile {
    display: flex;
    width: 100%;
    height: 60%;
  }
  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 13px;
  }
  .nav > .nav-btn > label:hover,
  .nav #nav-check:checked ~ .nav-btn > label {
    background-color: #002e50;
  }
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 8px;
    border-top: 2px solid #eee;
  }
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 50px;
    left: 0px;
    background-color: #fff;
  }
  .nav > .nav-links > a {
    display: block;
    width: 100%;
    color: black;
    font-family: "Josefin Sans";
    font-size: 16px;
    background-image: none !important;
    left: 0px;
  }
  .nav > .nav-links > a span {
    color: black;
  }
  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: fit-content;
    overflow-y: auto;
  }
  .demo__footer--data-block {
    display: block;
  }
  .demo__form--image {
    display: none;
  }
  .demo__form--data {
    width: 100%;
  }
  .demo__form {
    display: block;
    height: fit-content;
  }
  .demo__header--button-block {
    display: none;
  }
  .demo__footer--copyright {
    font-size: 16px;
  }
  .demo__grid {
    display: block;
  }
  .demo__footer--data-block {
    width: 100%;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.demo-list {
  margin: 0px 20px;
  height: calc(100% - 165px);
}
.demo-list__select {
  column-gap: 10px;
}
.demo-list__select .monthly-attendance-list__view--form-labels {
  margin-top: 10px;
}
.demo-list__select .monthly-attendance-list__view--form-labels .MuiSwitch-root {
  margin-left: 10px;
}
.demo-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 95px);
  border: 1px solid --border-color;
}

.details-modal {
  height: calc(100% - 15px);
}
.details-modal__data {
  height: calc(100% - 100px);
  margin: 20px;
}
.details-modal__data--details {
  font-family: "Josefin Sans" !important;
  display: grid;
  grid-template-columns: 3.5fr 0.5fr 5fr;
  margin-top: 15px;
}
.details-modal__data--details .Label {
  margin: 0px !important;
}.font-green {
  color: #15803d !important;
  font-weight: 700 !important;
}

.font-yellow {
  color: #eab308 !important;
  font-weight: 700 !important;
}

.font-grey {
  color: #64748b !important;
}

.font-blue {
  color: #0ea5e9 !important;
  font-weight: 700 !important;
}

.font-pink {
  color: #be185d !important;
  font-weight: 700 !important;
}

.font-purple {
  color: #a21caf !important;
  font-weight: 700 !important;
}

.font-red {
  color: #ef4444 !important;
  text-align: right;
}

.td-red {
  color: #ef4444 !important;
  text-align: center;
}

.font-amber {
  color: #f59e0b !important;
  text-align: right;
}

.font-dark-blue {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
}

.font-selected-theme {
  color: var(--level-8);
  font-weight: 700 !important;
}

.contact-us {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: auto;
  margin: 0px;
}
.contact-us__header {
  width: 100%;
  position: relative;
  background-color: #01386b;
  padding: 12px 120px;
}
.contact-us__header .container {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
}
.contact-us__header a {
  color: white !important;
  font-weight: 400;
}
.contact-us__header a i {
  margin-right: 10px;
}
.contact-us__header--mail {
  display: flex;
  column-gap: 30px;
}
.contact-us__header--login {
  display: flex;
  column-gap: 20px;
}
.contact-us__header--login i {
  font-size: 25px;
}
.contact-us__header--login a {
  text-decoration: underline !important;
}
.contact-us__navbar {
  position: sticky;
  top: 0;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  transition: box-shadow 0.3s ease;
  z-index: 9999;
}
.contact-us__navbar .navbar-dark .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.6509803922) !important;
}
.contact-us__navbar .navbar-brand img {
  height: 50px;
  margin-right: 5px;
}
.contact-us__navbar .navbar-brand {
  color: #01366e;
  font-weight: 700;
  font-family: "Josefin Sans" !important;
  font-size: 20px;
}
.contact-us__navbar .navbar {
  position: sticky !important;
}
.contact-us__navbar .navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 0.6509803922) !important;
  border-color: rgba(0, 0, 0, 0.6509803922);
}
.contact-us__navbar .navbar-toggler {
  background-color: white !important;
  border: 1px solid rgba(0, 0, 0, 0.1490196078);
}
.contact-us__navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3e%3cpath%20stroke='rgba(33,%2037,%2041,%200.75)'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2'%20d='M4%207h22M4%2015h22M4%2023h22'/%3e%3c/svg%3e") !important;
}
.contact-us__navbar .nav-item.dropdown:hover .dropdown-me {
  display: block;
  margin-top: 0;
  height: 400px;
  position: absolute;
  z-index: 1000;
  overflow: auto;
  background-color: white;
  column-count: 2;
  width: fit-content;
  column-gap: 0;
}
.contact-us__navbar .nav-link {
  font-size: 14px;
  font-weight: 500;
  color: rgba(12, 10, 10, 0.65);
}
.contact-us__navbar .nav-link:hover {
  color: black;
}
.contact-us__navbar .nav-item.dropdown .dropdown-me {
  display: none;
  transition: all 0.3s ease;
}
.contact-us__navbar .navbar-navbar {
  padding-left: 360px !important;
}
.contact-us__navbar .navbar-expand-lg .navbar-nav .dropdown-me {
  position: absolute;
  right: -300px;
}
.contact-us__navbar .offcanvas {
  visibility: visible !important;
}
.contact-us__navbar .custom-dropdown {
  gap: 40px;
  background-color: #ffffff;
  width: fit-content;
  border-radius: 0px;
  transform: scale(0.95);
  transition: transform 0.3s ease;
  display: flex;
}
.contact-us__navbar .dropdown-item {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: rgba(12, 10, 10, 0.65);
}
.contact-us__navbar .dropdown-item:hover {
  background-color: #ffffff !important;
}
.contact-us__navbar .dropdown-content {
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #202020;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  width: 280px;
}
.contact-us__navbar .dropdown-content img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
  padding: 5px;
  border-radius: 6px;
}
.contact-us__navbar .dropdown-content:hover {
  background-color: #f2f3f4 !important;
}
.contact-us__navbar .offcanvas-header img {
  height: 60px;
}
.contact-us__body--data {
  height: fit-content;
  padding-top: 40px;
  margin-top: 20px;
}
.contact-us__body--data--image {
  z-index: -1;
}
.contact-us__body--data--image img {
  border-radius: 10px;
  width: 100%;
}
.contact-us__body--data--info {
  height: 650px;
  display: flex;
}
.contact-us__body--data--info--loc {
  padding: 50px 0px 30px 20px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 65%;
}
.contact-us__body--data--info--loc--address {
  width: calc(100% - 200px);
  line-height: 1.7;
}
.contact-us__body--data--info--icon {
  margin-bottom: 10px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #fd4a2b;
  color: #01386b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.contact-us__body--data--info--book {
  height: fit-content;
  width: 45%;
  position: relative;
  bottom: 120px;
  background-color: #f2f3f4;
  padding: 30px;
  z-index: 600;
}
.contact-us__body--data--info--book .book {
  color: #fd4a2b !important;
  font-size: 26px;
  text-align: center;
  display: block;
}
.contact-us__body--data--info--book .title1 {
  color: #01386b !important;
  text-decoration: underline;
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
  display: block;
  text-align: center;
}
.contact-us__body--data--info--book--details {
  margin-top: 20px;
}
.contact-us__body--data--info--book--details input {
  background-color: transparent;
  border-bottom: 1px solid #ccc;
  border-radius: 0px !important;
  margin-top: 10px;
  width: 100%;
  height: 30px;
  font-size: 14px;
}
.contact-us__body--data--info--book--details textarea {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px !important;
  margin-top: 10px;
  padding-bottom: 20px;
  width: 100%;
  font-size: 14px;
}
.contact-us__body--data--info--book--details label {
  font-weight: lighter !important;
  color: #797575 !important;
}
.contact-us__body--data--info--book--details input[type=date] {
  width: 100% !important;
}
.contact-us__body--data--info--book--btn {
  padding: 12px 24px;
  background-color: #fd4a2b;
  color: white;
  font-size: 14px;
  border-radius: none !important;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}
.contact-us__footer {
  height: fit-content;
  background-color: #1e2433;
  color: #7b798a;
  padding: 30px 0px;
  gap: 30px;
  display: flex;
}
.contact-us__footer .container {
  display: flex;
  justify-content: space-between;
}
.contact-us__footer--app {
  text-align: justify;
  width: calc(50% - 100px);
  padding: 20px;
}
.contact-us__footer--app img {
  height: 50px;
  margin-bottom: 20px;
}
.contact-us__footer--app a img {
  margin-top: 20px !important;
  height: 25px !important;
}
.contact-us__footer--app .fa-linkedin {
  color: #7b798a;
  font-size: 25px;
  margin-top: 20px;
}
.contact-us__footer--links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(50% - 370px);
  padding: 20px 20px 20px 50px;
}
.contact-us__footer--links .subtitle1 {
  font-size: 20px !important;
  color: white !important;
  text-align: left !important;
}
.contact-us__footer--links span {
  text-align: justify;
}
.contact-us__footer--links a {
  color: #7b798a;
}
.contact-us__footer--touch {
  width: calc(50% - 200px);
  padding: 20px;
}
.contact-us__footer--touch .subtitle1 {
  font-size: 20px !important;
  color: white !important;
  display: flex;
  justify-content: flex-start !important;
}
.contact-us__footer--touch--add {
  margin-top: 10px;
  display: flex;
}
.contact-us__footer--touch--add i {
  margin-right: 10px;
}
.contact-us__footer--touch--add a {
  color: #7b798a;
}
.contact-us__footer--download {
  width: calc(50% - 370px);
  padding: 20px;
}
.contact-us__footer--download .subtitle1 {
  font-size: 20px !important;
  color: white !important;
  display: flex;
  justify-content: flex-start !important;
}
.contact-us__footer--download img {
  display: block;
  margin: 20px 0px;
}
.contact-us__policy {
  height: fit-content;
  background-color: #fd4a2b;
  color: #f2f3f4;
  display: flex;
  justify-content: space-between;
}
.contact-us__policy p {
  margin-bottom: 0;
}
.contact-us__policy .container {
  display: flex;
  justify-content: space-between;
}

.contact-us__navbar.scrolling-up {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
}

@media (max-width: 600px) {
  .contact-us__header {
    padding: 10px !important;
    font-size: 12px !important;
  }
  .contact-us__header--login .fa-linkedin {
    display: none;
  }
  .contact-us__body--data--image img {
    width: 100% !important;
  }
  .contact-us__body--data--info {
    height: fit-content !important;
    flex-direction: column;
    width: 100% !important;
  }
  .contact-us__body--data--info--loc {
    padding: 30px;
    height: 450px;
    font-size: 14px;
    display: flex;
    gap: 30px !important;
    width: 100% !important;
  }
  .contact-us__body--data--info--loc--address {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    line-height: 1.3 !important;
  }
  .contact-us__body--data--info--loc--address span {
    width: calc(100% - 80px) !important;
  }
  .contact-us__body--data--info--book {
    padding: 20px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    width: 100% !important;
  }
  .contact-us__body--data--info--book .book {
    font-size: 28px !important;
  }
  .contact-us__body--data--info--book .title1 {
    font-size: 16px !important;
  }
  .contact-us__body--data--info--book--details input {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 6px !important;
  }
  .contact-us__body--data--info--book--details textarea {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 6px !important;
  }
  .contact-us__body--data--info--book--btn {
    width: 100% !important;
  }
  .contact-us__footer {
    display: flex;
    flex-direction: column;
    padding: 20px !important;
    font-size: 14px !important;
  }
  .contact-us__footer .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .contact-us__footer--app {
    width: 100% !important;
  }
  .contact-us__footer--links {
    width: 100% !important;
    padding: 20px !important;
  }
  .contact-us__footer--touch {
    width: 100% !important;
  }
  .contact-us__footer--download {
    width: 100% !important;
  }
  .contact-us__policy {
    display: flex;
    flex-direction: column-reverse;
    padding: 10px !important;
    text-align: center;
    font-size: 14px !important;
  }
  .contact-us__policy .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
  }
  .contact-us .nav-item.dropdown:hover .dropdown-me {
    column-count: 1 !important;
    width: 100% !important;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact-us__header {
    padding: 10px !important;
    font-size: 12px !important;
  }
  .contact-us__header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .contact-us__header--login .fa-linkedin {
    display: none;
  }
  .contact-us__body--data--image img {
    width: 100% !important;
  }
  .contact-us__body--data--info {
    height: fit-content !important;
    flex-direction: column;
  }
  .contact-us__body--data--info--loc {
    padding: 30px;
    font-size: 14px;
    display: flex;
    gap: 30px !important;
    width: 100% !important;
    height: fit-content !important;
  }
  .contact-us__body--data--info--loc--address {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    line-height: 1.3 !important;
  }
  .contact-us__body--data--info--loc--address span {
    width: calc(100% - 80px) !important;
  }
  .contact-us__body--data--info--book {
    padding: 20px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    width: 100% !important;
    margin-top: 10px;
    position: static !important;
  }
  .contact-us__body--data--info--book .book {
    font-size: 28px !important;
  }
  .contact-us__body--data--info--book .title1 {
    font-size: 14px !important;
  }
  .contact-us__body--data--info--book--details input {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 6px !important;
  }
  .contact-us__body--data--info--book--details textarea {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 6px !important;
  }
  .contact-us__body--data--info--book--btn {
    width: 100% !important;
  }
  .contact-us__footer {
    display: flex;
    flex-direction: column;
    padding: 20px !important;
    font-size: 14px !important;
    margin-top: 10px;
  }
  .contact-us__footer .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .contact-us__footer--app {
    width: 100% !important;
  }
  .contact-us__footer--links {
    width: 100% !important;
    padding: 20px !important;
  }
  .contact-us__footer--touch {
    width: 100% !important;
  }
  .contact-us__footer--download {
    width: 100% !important;
  }
  .contact-us__policy {
    display: flex;
    flex-direction: column-reverse;
    padding: 10px !important;
    text-align: center;
    font-size: 14px !important;
  }
  .contact-us__policy .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
  }
  .contact-us .nav-item.dropdown:hover .dropdown-me {
    column-count: 1 !important;
    width: 100% !important;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us__header {
    padding: 10px !important;
    font-size: 16px !important;
  }
  .contact-us__body--data--image img {
    width: 100% !important;
  }
  .contact-us__body--data--info {
    height: fit-content !important;
    display: flex;
    flex-direction: column;
  }
  .contact-us__body--data--info--loc {
    padding: 30px;
    height: 450px;
    font-size: 14px;
    display: flex;
    gap: 30px !important;
    width: 100% !important;
  }
  .contact-us__body--data--info--loc--address {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    line-height: 1.3 !important;
  }
  .contact-us__body--data--info--loc--address span {
    width: calc(100% - 80px) !important;
  }
  .contact-us__body--data--info--book {
    padding: 20px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    bottom: 60px;
    width: 100% !important;
  }
  .contact-us__body--data--info--book .book {
    font-size: 28px !important;
  }
  .contact-us__body--data--info--book .title1 {
    font-size: 14px !important;
  }
  .contact-us__body--data--info--book--details input {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 6px !important;
  }
  .contact-us__body--data--info--book--details textarea {
    border: 1px solid #ccc !important;
    padding: 5px;
    border-radius: 6px !important;
  }
  .contact-us__body--data--info--book--btn {
    width: 100% !important;
  }
  .contact-us__footer {
    display: flex;
    flex-direction: column;
    padding: 20px !important;
  }
  .contact-us__footer .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .contact-us__footer--app {
    width: 100% !important;
  }
  .contact-us__footer--links {
    width: 100% !important;
    padding: 20px !important;
  }
  .contact-us__footer--touch {
    width: 70% !important;
  }
  .contact-us__footer--download {
    width: 100% !important;
  }
  .contact-us__policy {
    padding: 10px !important;
    text-align: center;
    font-size: 14px !important;
  }
  .contact-us__policy .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
  }
  .contact-us .nav-item.dropdown:hover .dropdown-me {
    column-count: 1 !important;
    width: 100% !important;
    padding: 0;
  }
}/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0{--fa:"\30"}.fa-1{--fa:"\31"}.fa-2{--fa:"\32"}.fa-3{--fa:"\33"}.fa-4{--fa:"\34"}.fa-5{--fa:"\35"}.fa-6{--fa:"\36"}.fa-7{--fa:"\37"}.fa-8{--fa:"\38"}.fa-9{--fa:"\39"}.fa-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/assets/fa-solid-900-D0aA9rwL.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(/assets/fa-brands-400-D1LuMI3I.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/assets/fa-regular-400-DZaxPHgR.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/fa-v4compatibility-C9RhG_FT.woff2) format("woff2"),url(/assets/fa-v4compatibility-CCth-dXg.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}