.font-green {
  color: #16a34a !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;
}

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

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

.bg-red {
  background-color: #ef4444 !important;
  color: white;
}

.bg-green {
  background-color: #22c55e !important;
  color: white;
}

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

html,
body,
.h100,
#root {
  margin: 0;
  height: 100%;
  background-color: white;
}

ul {
  padding: 0;
  list-style: none;
  margin: 0px !important;
}

a {
  text-decoration: none;
}

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

.skip {
  display: none;
}

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

.total-count, .blue-count {
  color: #44403c !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-align: right !important;
  background: #22c55e !important;
  border-right: 1px solid var(--bg-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  font-family: "Spline Sans Mono", monospace !important;
  padding-right: 5px !important;
  color: white !important;
}

.blue-count {
  background: #0ea5e9 !important;
}

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

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

#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;
}

.modal-close-icon {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-close-icon:hover {
  color: red;
}

.error-text {
  color: var(--failed-color);
  font-family: "Calibri ", sans-serif !important;
  font-size: 10px;
  display: block;
  font-weight: 500;
  padding-left: 2px;
}

.nodata {
  color: #b91c1c;
  padding-top: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 24px;
  text-align: center;
  display: block;
}

.nodata-image {
  display: block;
  margin: auto;
  width: 300px;
  height: 300px;
}

.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: "Calibri ", sans-serif !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-primary);
  font-family: "Calibri ", sans-serif !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: "Calibri ", sans-serif !important;
}
.select-all .Mui-checked {
  color: var(--level-5) !important;
}

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

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

.MuiStepper-root {
  margin-top: 10px;
}

.MuiStepLabel-iconContainer .Mui-active {
  color: var(--level-10) !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-4) !important;
}

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

.MuiStepLabel-alternativeLabel {
  color: var(--text-primary) !important;
  font-family: "Calibri ", sans-serif !important;
}

.MuiTypography-root {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--text-primary);
}

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

.ReactModal__Content,
.ReactModal__Content--after-open {
  background: var(--modal-bg-color);
  color: var(--text-primary) !important;
}

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

.MuiFormLabel-root,
.MuiInputLabel-root {
  color: var(--text-primary) !important;
  font-family: "Calibri ", sans-serif !important;
}

.MuiInputBase-input {
  color: var(--text-primary);
  font-family: "Calibri ", sans-serif !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;
}

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

.MuiStepLabel-label {
  font-family: "Calibri ", sans-serif !important;
}

.MuiAutocomplete-listbox {
  font-size: 12px !important;
  font-family: "Calibri ", sans-serif !important;
}

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

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

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 {
  display: flex;
  align-items: center;
  padding: 5px;
  z-index: 2000;
}
.eduate-success-message .MuiSvgIcon-root {
  fill: white !important;
}

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

.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;
}

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

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

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

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

.react-tel-input {
  font-family: "Spline Sans Mono", monospace !important;
  height: 35px;
}
.react-tel-input .special-label {
  display: none !important;
}
.react-tel-input::placeholder {
  font-family: "Calibri ", sans-serif !important;
}
.react-tel-input .form-control {
  width: 100% !important;
  height: 35px !important;
  border: 1px solid var(--border-color) !important;
}
.react-tel-input .form-control:required {
  box-shadow: 3px 0px 0px red;
  width: calc(100% - 3px) !important;
}
.react-tel-input .form-control:focus {
  border: 1px solid var(--level-10) !important;
}
.react-tel-input input {
  height: 35px;
  font-family: "Spline Sans Mono", monospace !important;
}
.react-tel-input input:focus {
  box-shadow: none !important;
}
.react-tel-input input:disabled {
  background-color: var(--disabled-color) !important;
}
.react-tel-input .arrow {
  left: 18px !important;
}
.react-tel-input .flag-dropdown {
  height: 35px;
  width: 35px;
  padding-right: 15px;
  font-family: "Calibri ", sans-serif !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;
}
.ql-editor p {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.ql-editor::placeholder {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  margin-right: 2px;
}

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

.label-grid {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
}

.hide-td button,
.hide-td span,
.hide-td img,
.hide-td .MuiBox-root,
.hide-td input {
  display: none;
}

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

.overall-total-count {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  margin-top: 12px;
}
.overall-total-count b {
  padding: 5px;
  font-family: "Spline Sans Mono", monospace !important;
  background: var(--level-5);
  border-radius: 2px;
  color: white;
}

.gst-input {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 30px;
}
.gst-input__state {
  background: var(--disabled-color);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 10px;
  width: 40px;
  height: 100%;
  text-align: center;
  padding-top: 2px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.gst-input__input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  width: calc(100% - 30px);
}

.map-view {
  height: 100%;
}

.predefined-select {
  position: relative;
}
.predefined-select li {
  padding: 5px;
  font-family: "Calibri ", sans-serif !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);
}

.user-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
}
.user-dashboard__maps {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.user-dashboard__maps--header {
  height: 60px;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(7px);
  position: sticky;
  top: 0;
  z-index: 2;
  opacity: 1;
  color: var(--text-primary);
}
.user-dashboard__maps--menu {
  min-height: 60px;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
}
.user-dashboard__maps--menu .menu-switch {
  width: fit-content;
  height: 40px;
  background-color: #e7e5e4;
  display: flex;
  justify-content: center;
  padding: 6px;
  border-radius: 20px;
}
.user-dashboard__maps--menu .menu-switch button {
  height: 10px;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
.marker-img {
  border-radius: 50%;
  padding: 5px;
  width: 30px;
}

.status__open {
  border-color: red !important;
  z-index: 2 !important;
}
.status__open::after {
  border-top: 20px solid red;
  z-index: 2;
}
.status__open {
  animation: blink 1s infinite;
}
.status__assigned {
  border-color: orange !important;
  z-index: -1;
}
.status__assigned::after {
  border-top: 18px solid orange;
}
.status__resolved {
  border-color: skyblue !important;
  z-index: -1;
}
.status__resolved::after {
  border-top: 18px solid skyblue;
}
.status__closed {
  border-color: green !important;
  z-index: -1;
}
.status__closed::after {
  border-top: 18px solid green;
}
.status__re_opened {
  border-color: black !important;
  z-index: -1;
}
.status__re_opened::after {
  border-top: 18px solid black;
}
.status__not_on_issue {
  border-color: purple !important;
  z-index: -1;
}
.status__not_on_issue::after {
  border-top: 18px solid purple;
}

.marker {
  width: 30px;
  height: 30px;
  background-color: white; /* Inner circle */
  border: 4px solid green; /* Outer border */
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marker::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.clusterer-blink {
  animation: blink 1s infinite;
  z-index: 9999 !important;
  overflow: visible !important;
  position: relative !important;
}

.yNHHyP-marker-view {
  z-index: 9999 !important;
}

.re-open-ticket-status, .waiting-for-parts-ticket-status, .open-ticket-status, .closed-ticket-status, .exempted-ticket-status, .not-an-issue-ticket-status, .assigned-ticket-status, .resolved-ticket-status {
  background-color: #262626;
  color: white !important;
  border-radius: 20px;
  font-size: 10px;
  font-family: "Calibri ", sans-serif !important !important;
  display: flex;
  padding: 0px 10px;
  width: fit-content;
  font-weight: 700;
  height: 20px;
  align-items: center;
}

.resolved-ticket-status {
  background-color: #0284c7 !important;
}

.assigned-ticket-status {
  background-color: #d97706 !important;
}

.not-an-issue-ticket-status {
  background-color: #65a30d !important;
}

.exempted-ticket-status {
  background-color: #4b5563 !important;
}

.closed-ticket-status {
  background-color: #16a34a !important;
}

.not-an-issue-ticket-status {
  background-color: #c026d3 !important;
}

.open-ticket-status {
  background-color: #dc2626 !important;
}

.waiting-for-parts-ticket-status {
  background-color: #0284c7 !important;
}

.priority-critical, .priority-low, .priority-medium {
  border: 1px solid #dc2626;
  color: #dc2626;
  border-radius: 8px;
  padding: 0px 10px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  display: flex;
  align-items: center;
  background-color: var(--bg-color);
  width: fit-content;
  font-weight: 700;
  height: 20px !important;
}

.priority-medium {
  border: 1px solid #d97706;
  color: #d97706;
}

.priority-low {
  border: 1px solid #16a34a;
  color: #16a34a !important;
}

.multi-select-autocomplete .MuiChip-label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px !important;
}
.multi-select-autocomplete .MuiChip-root {
  height: 18px !important;
}
.multi-select-autocomplete .MuiChip-deleteIcon {
  font-size: 12px !important;
}
.multi-select-autocomplete .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.multi-select-autocomplete .MuiFormControl-root,
.multi-select-autocomplete .MuiInputBase-root {
  padding: 0px !important;
}
.multi-select-autocomplete .MuiInputBase-input {
  padding: 4px !important;
}

.MuiAccordionSummary-content {
  margin: 0px 0 !important;
}

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

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

.loading-gif {
  width: 150px !important;
  height: 150px !important;
}

.quill {
  border: 1px solid var(--border-color) !important;
  margin-top: 10px !important;
}

.bg-grey {
  background-color: var(--disabled-color);
}

.buttons-flex {
  display: flex;
  column-gap: 10px;
}

.total-list-count {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}

.edit-cell {
  background-color: #fde68a !important;
  padding: 0px 0px !important;
  text-align: right !important;
}
.edit-cell:focus {
  background-color: var(--bg-color) !important;
}
.edit-cell .storybook-input,
.edit-cell .MuiBox-root,
.edit-cell .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px 0px !important;
  background: #fde68a !important;
}
.edit-cell .storybook-input:focus,
.edit-cell .MuiBox-root:focus,
.edit-cell .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.edit-cell .storybook-input:disabled,
.edit-cell .MuiBox-root:disabled,
.edit-cell .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}

.choose-items-flex {
  display: flex;
}
.choose-items-flex .data-fetch-icon {
  width: 30px;
  margin-top: 0px;
}

#data_search::placeholder {
  padding-left: 20px;
  padding-right: 10px;
  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: 18px;
  color: var(--text-secondary);
  font-size: 14px;
  color: var(--text-primary);
}

.browse-input {
  padding-left: 20px;
  padding-right: 10px;
  margin-top: 5px;
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  width: 100%;
  height: 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 6px;
  color: var(--text-primary);
  font-size: 12px !important;
}

.attachments {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--disabled-color);
  position: relative;
  min-width: 0;
  padding: 3px 5px;
}
.attachments img {
  height: 20px;
  width: 20px;
}
.attachments text {
  width: calc(100% - 45px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
}

.select-with-icon {
  display: flex;
}
.select-with-icon .predefined-select {
  width: 100%;
}
.select-with-icon .MuiBox-root {
  width: 100%;
}
.select-with-icon .data-fetch-icon {
  margin-top: 0px !important;
}

.map-lat-long-selector {
  height: calc(100% - 35px);
}
.map-lat-long-selector__button {
  position: absolute;
  top: 100px;
  background-color: var(--level-8);
  color: white;
}

.marker {
  width: 30px;
  height: 30px;
  background-color: white; /* Inner circle */
  border: 4px solid green; /* Outer border */
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status__open {
  border-color: red !important;
  z-index: 2 !important;
}
.status__open ::after {
  border-top: 20px solid red;
  z-index: 2;
}
.status__open {
  animation: blink 1s infinite;
}
.status__assigned {
  border-color: orange !important;
  z-index: -1;
}
.status__assigned ::after {
  border-top: 18px solid orange;
}
.status__resolved {
  border-color: skyblue !important;
  z-index: -1;
}
.status__resolved ::after {
  border-top: 18px solid skyblue;
}
.status__closed {
  border-color: green !important;
  z-index: -1;
}
.status__closed ::after {
  border-top: 18px solid green;
}
.status__re_opened {
  border-color: black !important;
  z-index: -1;
}
.status__re_opened ::after {
  border-top: 18px solid black;
}
.status__not_on_issue {
  border-color: purple !important;
  z-index: -1;
}
.status__not_on_issue ::after {
  border-top: 18px solid purple;
}

.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;
}

.tip-tap-editor {
  height: calc(100% - 55px);
  border: 1px solid var(--border-color);
  font-family: "Calibri ", sans-serif !important;
}
.tip-tap-editor__attachment {
  display: flex;
  column-gap: 10px;
  height: 30px;
  padding: 5px;
}
.tip-tap-editor input {
  border-style: none !important;
}
.tip-tap-editor__menu {
  display: flex;
  width: 100%;
  background-color: var(--disabled-color);
  position: relative;
  height: 24px;
}
.tip-tap-editor__menu img {
  width: 18px;
  height: 18px;
}
.tip-tap-editor__menu button {
  border-radius: 0px;
  font-size: 15px;
  font-weight: 600;
}
.tip-tap-editor__menu--color-picker {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: "translateX(-50%)";
  opacity: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.tip-tap-editor__menu--input-attachment {
  display: none;
}
.tip-tap-editor__content {
  height: calc(100% - 24px);
  overflow: auto;
}
.tip-tap-editor__content img {
  height: 80px;
  width: 80px;
}

.ProseMirror {
  height: 100%;
}

.ProseMirror p:not(:first-of-type) {
  display: none;
}

.ProseMirror-focused {
  border: 1px solid red !important;
}

.tip-tap-editor__content::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.login {
  height: 100%;
  background-color: white;
  padding: 50px;
}
.login .react-tel-input {
  top: 0px !important;
}
.login__block {
  border-radius: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.login__block--left {
  width: 65%;
  height: 100%;
  border-top-left-radius: 30px;
}
.login__block--left img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.login__block--right {
  width: 35%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 2fr 1fr;
  padding: 0px 20px;
}
.login__block--right .MuiBox-root {
  margin-top: 10px;
}
.login__block--right h1 {
  display: block;
  text-align: center;
  font-family: "Calibri ", sans-serif !important;
}
.login__block--right b {
  text-align: center;
  font-family: "Calibri ", sans-serif !important;
}
.login__block--right--form {
  background-color: #ecfccb;
  border-radius: 20px;
  padding: 20px;
}
.login__block--right--text {
  font-family: "Calibri ", sans-serif !important;
  text-align: center;
  display: block;
  font-size: 12px;
}
.login__block--right--text:hover {
  text-decoration: underline;
}
.login__block--right--version {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.login__block--right--version b {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 14px;
}

.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__title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.change-password__title img:hover {
  color: red;
}
.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;
}

.header {
  background-color: var(--disabled-color);
  height: 50px;
  padding: 10px;
}
.header__company {
  background-color: white;
  border-radius: 4px;
  padding: 10px 8px;
  margin: 10px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Calibri ", sans-serif !important;
}
.header .material-symbols-outlined {
  font-size: 25px;
}
.header .logout {
  color: red;
}
.header .logo-1 {
  width: 30px;
  height: 30px;
}
.header__icon {
  display: flex;
  justify-content: flex-end;
  column-gap: 10px;
  height: 100%;
}
.header__icon .change-user {
  color: var(--level-8);
}
.header__icon--user {
  display: flex;
  height: 100%;
  background-color: white;
  padding: 2px;
  border-radius: 2px;
}
.header__icon--user--block {
  display: flex;
  flex-direction: column;
}
.header__icon--user--block b {
  font-family: "Calibri ", sans-serif !important;
  font-size: 8px;
  color: var(--text-primary);
}
.header__icon--user--email {
  font-size: 8px;
  color: #374151;
  font-family: "Calibri ", sans-serif !important;
}
.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: "Calibri ", sans-serif !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: "Calibri ", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary);
  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-10);
  text-align: center;
  margin-top: 10px;
  color: white;
  font-family: "Calibri ", sans-serif !important;
}

.sidebar {
  width: 210px;
  background-color: var(--level-10);
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.sidebar li a {
  width: 100%;
  height: 40px;
  padding: 8px;
  display: block;
}
.sidebar__li {
  border-radius: 6px;
  margin-top: 10px;
}
.sidebar__li:hover {
  background-color: var(--level-1);
  color: var(--text-primary);
  width: 100%;
}
.sidebar__li:hover .sidebar__li--label {
  color: var(--text-primary);
}
.sidebar__li:hover .material-symbols-outlined {
  color: var(--level-4);
}
.sidebar__li .active {
  background-color: white;
  color: var(--text-primary);
  width: 100%;
  border-radius: 6px;
}
.sidebar__li .active .sidebar__li--label {
  color: var(--text-primary);
}
.sidebar__li .active .material-symbols-outlined {
  color: var(--level-4);
}
.sidebar__li--label {
  font-size: 14px;
  opacity: 1;
  box-shadow: none;
  margin-left: 0px;
  align-items: center;
  font-weight: 500;
  font-family: "Calibri ", sans-serif !important;
  color: white;
}
.sidebar .tooltip-hide {
  display: none;
}
.sidebar .material-symbols-outlined {
  color: white;
  font-size: 30px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  right: 10px;
}
.sidebar .hamburger {
  margin-left: 150px !important;
}
.sidebar .tooltip-hide {
  display: none;
}
.sidebar__myeduate {
  color: white;
  font-family: "Calibri ", sans-serif !important;
  font-size: 18px;
  font-weight: 600;
}
.sidebar__myeduate img {
  margin-right: 10px;
}

#menu {
  display: none;
}

#menu:checked ~ .sidebar {
  width: 60px;
  padding: 5px;
  height: 100%;
  overflow: auto;
  text-align: center;
  border-right: 1px solid var(--border-color);
  background-color: var(--level-10);
}
#menu:checked ~ .sidebar .material-symbols-outlined {
  font-size: 30px;
}
#menu:checked ~ .sidebar .sidebar__li--label {
  opacity: 0;
  display: none;
}
#menu:checked ~ .sidebar .sidebar__myeduate {
  display: none;
  opacity: 0;
}
#menu:checked ~ .sidebar .hamburger {
  margin-left: 10px !important;
}
#menu:checked ~ .sidebar li {
  margin-top: 5px;
}

#menu:checked ~ .sidebar::-webkit-scrollbar {
  display: none;
}

#menu:checked ~ .sidebar .tooltip-hide {
  display: block;
  text-align: center;
}

.hamburger:hover {
  cursor: pointer;
}

.h-80 {
  height: calc(100% - 80px);
  overflow: auto;
}

.sidebar::-webkit-scrollbar {
  display: none;
}

.responsive-layout {
  background-color: var(--disabled-color);
}

.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: "Calibri ", sans-serif !important;
  font-size: 14px;
  position: relative;
  left: 80px;
}

.home-page {
  height: calc(100% - 165px);
  margin: 0px 20px;
}
.home-page__details {
  height: 160px !important;
  column-gap: 20px;
}
.home-page__details--cards {
  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;
  background-color: var(--bg-color);
  margin: 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%;
  height: 100%;
}
.home-page__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.home-page__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.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 tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.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-primary) !important;
}
.home-page__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  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;
}

.menus {
  height: 40px;
  background-color: white;
}
.menus .active {
  color: var(--level-7) !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: var(--text-primary);
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px 10px;
  height: 40px;
  background-color: white;
  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: "Calibri ", sans-serif !important;
  font-size: 18px;
  color: var(--text-primary);
  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-primary) !important;
  font-family: "Calibri ", sans-serif !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;
  padding: 5px;
  text-decoration: none;
  border-radius: 2px;
}

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

.menus__dropdown.active > button {
  background-color: var(--level-1);
  color: var(--level-6) !important;
}

:root,
: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-secondary: #a0aec0;
  --text-primary: #000000;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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: #fdf8f8;
  --level-10: #171717;
  --bg-color: white;
  --text-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(247, 242, 242, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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-primary: #000000;
  --text-secondary: #a0aec0;
  --border-color: #edf2f7;
  --modal-bg-color: white;
  --disabled-color: rgba(0, 0, 0, 0.04);
  --sucees-color: #059669;
  --failed-color: #c53030;
}

: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;
  --text-secondary: #a0aec0;
  --img-color: invert(100%);
  --border-color: #fff1f1f1;
  --modal-bg-color: #303030;
  --disabled-color: #1a202c;
  --sucees-color: #059669;
  --failed-color: #c53030;
}

.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;
}

.Heading, .subtitle {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: var(--text-primary) !important;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Heading span, .subtitle span {
  font-weight: 400 !important;
  color: #1f2937 !important;
  margin-left: 5px;
  font-size: 16px !important;
}

.subtitle {
  padding-left: 0px;
  font-size: 18px !important;
}

.subtitle2 {
  font-size: 14px !important;
  margin-top: 0px !important;
  font-weight: 500 !important;
  height: 18px;
  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: "Calibri ", sans-serif !important;
  font-style: normal;
  height: 25px;
}
.subtitle1 b {
  color: var(--level-4) !important;
}

.storybook-button {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  background-color: white;
  border-radius: 3px;
  margin-top: 10px;
  color: white;
  padding: 0px 8px;
  height: 30px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color) !important;
}
.storybook-button span {
  font-size: 20px;
  padding-right: 5px;
}
.storybook-button img {
  width: 25px;
  padding-right: 5px;
}
.storybook-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.storybook-button:focus {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--text-primary);
}
.storybook-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--default {
  color: var(--level-8);
}
.storybook-button--default:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--back,
.storybook-button--proceed,
.storybook-button--cancel,
.storybook-button--mrf-to-po {
  color: #ca8a04;
  border-color: #ca8a04;
}

.storybook-button--submit {
  background-color: #16a34a;
  color: white;
  width: 100% !important;
}

.storybook-button--reject-quotation {
  color: white;
  background-color: #ef4444;
  width: 100%;
}

.storybook-button--create-incident,
.storybook-button--report {
  color: #dc2626 !important;
}

.storybook-button--save,
.storybook-button--request-mrf,
.storybook-button--complete-replace,
.storybook-button--active-maintenance,
.storybook-button--mark-as-done,
.storybook-button--distribute,
.storybook-button--received,
.storybook-button--approved,
.storybook-button--just-save,
.storybook-button--apply,
.storybook-button--save-next,
.storybook-button--approve,
.storybook-button--send,
.storybook-button--pending-mail,
.storybook-button--okay,
.storybook-button--finalize,
.storybook-button--verify-save,
.storybook-button--active {
  color: #2c7a7b;
  border-color: #2c7a7b;
}

.storybook-button--view,
.storybook-button--associate,
.storybook-button--view-ticket,
.storybook-button--view-store,
.storybook-button--config,
.storybook-button--new-transfer,
.storybook-button--verify-transfer,
.storybook-button--re-order {
  color: #334155;
  border-color: #334155;
}

.storybook-button--delete,
.storybook-button--reject,
.storybook-button--no {
  color: #ef4444 !important;
  border-color: #ef4444;
}

.storybook-button--reset {
  color: var(--text-primary) !important;
  font-weight: 400;
}
.storybook-button--reset .material-symbols-outlined {
  color: var(--text-primary) !important;
}

.storybook-button--clear,
.storybook-button--apply-all,
.storybook-button--previous,
.storybook-button--save-progress,
.storybook-button--browse,
.storybook-button--select,
.storybook-button--schedule,
.storybook-button--follow-up,
.storybook-button--sla,
.storybook-button--next {
  color: #475569;
  border-color: #475569;
}

.storybook-button--yes,
.storybook-button--packed,
.storybook-button--inward-stock,
.storybook-button--initiate-transfer {
  color: #4ade80;
  border-color: #4ade80;
}

.storybook-button--edit,
.storybook-button--update {
  color: #38bdf8;
  border-color: #38bdf8;
}

.storybook-button--in-active {
  color: #94a3b8;
  border-color: #e2e8f0;
}

.storybook-button--add {
  color: var(--level-8);
  border-color: var(--level-8);
}
.storybook-button--add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--raise-ticket,
.storybook-button--close-ticket {
  background-color: #dc2626;
}
.storybook-button--raise-ticket:hover,
.storybook-button--close-ticket:hover {
  background-color: #ef4444;
}
.storybook-button--raise-ticket:focus,
.storybook-button--close-ticket:focus {
  background-color: #b91c1c;
}
.storybook-button--raise-ticket:disabled,
.storybook-button--close-ticket:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--print {
  background-color: #8b5cf6;
}
.storybook-button--print:hover {
  background-color: #a78bfa;
}
.storybook-button--print:focus {
  background-color: #4c1d95;
}
.storybook-button--print:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--export,
.storybook-button--excel,
.storybook-button--pdf,
.storybook-button--re-open,
.storybook-button--import {
  background-color: rgba(0, 0, 0, 0.8);
}
.storybook-button--export:hover,
.storybook-button--excel:hover,
.storybook-button--pdf:hover,
.storybook-button--re-open:hover,
.storybook-button--import:hover {
  background: rgba(0, 0, 0, 0.48);
}
.storybook-button--export:focus,
.storybook-button--excel:focus,
.storybook-button--pdf:focus,
.storybook-button--re-open:focus,
.storybook-button--import:focus {
  background: rgba(0, 0, 0, 0.92);
}
.storybook-button--export:disabled,
.storybook-button--excel:disabled,
.storybook-button--pdf:disabled,
.storybook-button--re-open:disabled,
.storybook-button--import:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--resolved {
  background-color: #0369a1;
}

.storybook-button--assigned,
.storybook-button--assign-ticket,
.storybook-button--replace,
.storybook-button--reassign {
  background-color: #f59e0b;
}
.storybook-button--assigned span,
.storybook-button--assign-ticket span,
.storybook-button--replace span,
.storybook-button--reassign span {
  color: white !important;
}

.storybook-button--not-an-issue {
  background-color: #7e22ce;
}

.storybook-button--assign {
  background-color: #15803d;
}
.storybook-button--assign:hover {
  background-color: #22c55e;
}
.storybook-button--assign:focus {
  background-color: #14532d !important;
}
.storybook-button--assign:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.storybook-button--sign-in,
.storybook-button--continue {
  border-radius: 6px;
  padding: 8px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.storybook-button--sign-in:hover,
.storybook-button--continue:hover {
  background: rgba(0, 0, 0, 0.48);
}
.storybook-button--sign-in:focus,
.storybook-button--continue:focus {
  background: rgba(0, 0, 0, 0.92);
}
.storybook-button--sign-in:disabled,
.storybook-button--continue: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;
}

.set-up-button, .customize-widgets-button, .clear-all-button, .view-ticket-button, .view-history-button, .verified-button, .continue-button,
.schedule-button,
.verify-button,
.quote-button, .view-button, .select-confirm-button, .add-schedule-button, .select-company-button,
.conclude-button, .rejected-button, .update-set-up-button,
.assign-button {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
  border: 1px solid #16a34a;
  color: #16a34a;
  background-color: white;
  border-radius: 20px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
}
.set-up-button:hover, .customize-widgets-button:hover, .clear-all-button:hover, .view-ticket-button:hover, .view-history-button:hover, .verified-button:hover, .continue-button:hover,
.schedule-button:hover,
.verify-button:hover,
.quote-button:hover, .view-button:hover, .select-confirm-button:hover, .add-schedule-button:hover, .select-company-button:hover,
.conclude-button:hover, .rejected-button:hover, .update-set-up-button:hover,
.assign-button:hover {
  cursor: pointer;
}
.set-up-button span, .customize-widgets-button span, .clear-all-button span, .view-ticket-button span, .view-history-button span, .verified-button span, .continue-button span,
.schedule-button span,
.verify-button span,
.quote-button span, .view-button span, .select-confirm-button span, .add-schedule-button span, .select-company-button span,
.conclude-button span, .rejected-button span, .update-set-up-button span,
.assign-button span {
  font-size: 16px;
  margin-left: 5px;
}

.assign-ward-button {
  background-color: #f59e0b;
  width: 100% !important;
  border-radius: 6px !important;
  color: white !important;
  margin-top: 10px;
  height: 40px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}

.update-set-up-button {
  border: 1px solid #0284c7;
  color: #0284c7;
}

.rejected-button {
  border: 1px solid #dc2626;
  color: #dc2626;
}

.select-company-button,
.conclude-button {
  border: 1px solid #16a34a;
  color: #16a34a;
}

.add-schedule-button {
  background-color: #15803d;
  color: white;
  font-weight: 700;
}

.select-confirm-button {
  border: 1px solid #e5e7eb;
  color: #16a34a;
  font-size: 12px;
}
.select-confirm-button .material-symbols-outlined.filled {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

.view-button {
  border: 1px solid #475569;
  color: #475569;
}

.continue-button,
.schedule-button,
.verify-button,
.quote-button {
  border: 1px solid #d97706;
  color: #d97706;
}

.verified-button {
  background-color: #16a34a;
  color: white !important;
}

.view-history-button {
  background-color: #1e293b;
  color: white !important;
  border-style: none !important;
}

.view-ticket-button {
  border-color: #ef4444;
  color: #ef4444 !important;
}

.clear-all-button {
  border: 1px solid var(--border-color);
  color: #0284c7;
}

.customize-widgets-button {
  color: white;
  background-color: var(--level-8);
  padding: 10px 5px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
}
.customize-widgets-button span {
  color: black;
  font-size: 25px !important;
  background: white;
  padding: 5px;
  border-radius: 50%;
}

.storybook-input {
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  width: 100%;
  height: 35px;
  margin-top: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}

.storybook-input:focus {
  border: 1px solid var(--level-3);
}

.large {
  height: 4.5rem;
  font-size: 1.25rem;
  width: 100%;
}

.medium {
  width: 70%;
}

.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-primary);
  cursor: not-allowed;
}

input[type=date] {
  width: fit-content !important;
}

input[type=time] {
  width: fit-content !important;
}

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s; /* hack to override autofill */
}

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);
}

.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: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  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-primary) !important;
  color: var(--text-primary);
  cursor: not-allowed !important;
}

.storybook-textarea {
  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: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  outline: none;
}
.storybook-textarea::placeholder {
  color: var(--text-secondary);
}

.storybook-textarea:disabled {
  background-color: var(--disabled-color);
  color: var(--text-primary);
}

.storybook-textarea:focus {
  outline: none;
  border: 1px solid var(--level-3) !important;
}

.storybook-textarea:required {
  box-shadow: 3px 0px 0px red;
  width: calc(100% - 3px) !important;
}

.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;
}

.Label, .present-day, .LabelPrimary, .LabelBold, .AccountingLabel {
  font-family: "Calibri ", sans-serif !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px;
  color: var(--text-secondary);
}

.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);
}

.delete-modal__title {
  height: 35px;
  background-color: #fee2e2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.delete-modal__title .subtitle {
  padding-top: 0px !important;
}
.delete-modal__body {
  text-align: left;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  margin-top: 20px;
  height: calc(100% - 85px);
  padding: 10px;
  color: var(--text-primary);
}
.delete-modal .buttons-flex {
  margin-bottom: 10px;
  margin-left: 10px;
}

.customer-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.customer-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 90px);
}

.add-customer {
  height: 100%;
}
.add-customer__block {
  height: calc(100% - 45px);
  margin-top: 5px;
}
.add-customer__block--form {
  height: calc(100% - 65px);
}
.add-customer__block--form--details {
  height: calc(100% - 40px);
  overflow: auto;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.add-customer__block--form--grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 10px;
}
.add-customer__block--form--flex {
  display: grid;
  grid-template-columns: 1fr 0.01fr;
  height: fit-content;
}
.add-customer__block--form--flex .data-fetch-icon {
  margin-top: 0px !important;
}
.add-customer__block--form--grid-item {
  height: 40px;
  margin-bottom: 10px;
}

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

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

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

.cust-nomenclature {
  height: calc(100% - 120px);
  margin-top: 10px;
}
.cust-nomenclature--left {
  height: 100%;
  padding-right: 20px;
  border-right: 3px solid var(--border-color);
}
.cust-nomenclature--right {
  height: 100%;
  padding-left: 20px;
}
.cust-nomenclature--add {
  height: 100%;
}
.cust-nomenclature--add--li {
  height: calc(100% - 75px);
  overflow: auto;
}
.cust-nomenclature--add--li--switch {
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5px;
  color: #334155;
}
.cust-nomenclature--add--li--switch label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.cust-nomenclature--list {
  height: 100%;
}
.cust-nomenclature--list--block {
  height: calc(100% - 125px);
  margin-top: 10px;
}
.cust-nomenclature__tree-view {
  height: calc(100% - 20px);
}
.cust-nomenclature__tree-view--ol {
  border-left: 2px dashed var(--border-color) !important;
}
.cust-nomenclature__tree-view--icons {
  width: 20px;
}
.cust-nomenclature__tree-view--list {
  height: calc(100% - 75px);
  overflow: auto;
  margin-top: 10px;
  border-radius: 20px;
  background-color: white;
}
.cust-nomenclature__tree-view--li {
  display: flex;
  align-items: center;
  column-gap: 5px;
  border-radius: 30px;
  padding: 5px;
  margin-left: -15px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
}
.cust-nomenclature__tree-view--li:hover {
  font-weight: 600;
  cursor: pointer;
  background-color: var(--level-1);
}
.cust-nomenclature__tree-view--li:focus {
  background-color: var(--level-3);
  color: white;
}

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

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

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

.cust-configurations {
  height: calc(100% - 40px);
  margin-top: 5px;
  overflow: auto;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.cust-configurations .MuiBox-root {
  margin-top: 10px;
}
.cust-configurations__block {
  height: 100%;
  column-count: 2;
  column-fill: auto;
  column-gap: 40px;
}
.cust-configurations__block--disabled {
  background-color: var(--disabled-color);
  padding: 5px 10px 10px 20px;
}
.cust-configurations__license {
  padding: 10px;
  border: 1px dashed var(--border-color);
}

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

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

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

.cust-license-details {
  height: calc(100% - 40px);
  margin-top: 5px;
  position: relative;
  overflow: auto;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.cust-license-details__block {
  display: block;
  margin: auto;
  height: fit-content;
  width: 40%;
  border: 1px dashed var(--text-secondary);
  padding: 10px;
  margin-top: 10px;
  border-radius: 6px;
  background-color: #f0fdf4;
}
.cust-license-details__block--header {
  display: flex;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  column-gap: 10px;
}
.cust-license-details__block--flex {
  display: flex;
  column-gap: 20px;
}
.cust-license-details__block--details .MuiBox-root {
  margin-top: 10px;
}
.cust-license-details__block--expire {
  display: block;
  margin: auto;
  text-align: center;
  width: fit-content;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px 10px;
  column-gap: 10px;
  margin-top: 10px;
}
.cust-license-details__block--expire b {
  font-family: "Spline Sans Mono", monospace !important;
  font-size: 14px;
  margin-right: 5px;
}
.cust-license-details__block--expire span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  color: var(--text-secondary);
}
.cust-license-details__config {
  height: calc(100% - 60px);
  overflow: auto;
  font-size: 16px;
  margin-top: 10px;
}
.cust-license-details__config b {
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  font-size: 22px;
}
.cust-license-details__config--flex {
  display: flex;
  column-gap: 5px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  margin-top: 10px;
}
.cust-license-details__config--list {
  border: 1px solid var(--border-color);
  height: 100%;
  overflow: auto;
  padding: 10px 20px;
}
.cust-license-details__config--flex {
  display: flex;
  gap: 5px;
  align-items: center;
}

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

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

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

.view-customer {
  height: 100%;
}
.view-customer__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-customer__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-customer__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-customer__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-customer__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-customer__tabs {
  margin-top: 10px;
}
.view-customer__tab-panel {
  height: calc(100% - 90px);
  margin-top: 10px;
}
.view-customer .cust-license-details {
  height: calc(100% - 40px);
}

.edit-customer-tabs {
  height: 100%;
}
.edit-customer-tabs--buttons {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 20px;
  padding-top: 20px;
}
.edit-customer-tabs--buttons button {
  background-color: white;
  color: var(--text-primary);
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 10px;
  height: fit-content !important;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
}

.edit-cust-basic-details {
  height: 100%;
}
.edit-cust-basic-details .add-customer__block--form--details {
  height: calc(100% - 80px);
}
.edit-cust-basic-details .cust-license-details {
  height: calc(100% - 80px);
}
.edit-cust-basic-details .cust-configurations {
  height: calc(100% - 80px);
}

.eduate-configurations {
  height: calc(100% - 140px);
  margin: 0px;
}
.eduate-configurations__block {
  height: calc(100% - 50px);
  overflow: auto;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.eduate-configurations__block--grid {
  column-count: 2;
  column-fill: auto;
  height: 100%;
}
.eduate-configurations__block--grid .MuiBox-root {
  margin-top: 10px;
}

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

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

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

.import-excel-data {
  height: calc(100% - 140px);
  margin: 0px;
}
.import-excel-data__modal {
  height: 100%;
}
.import-excel-data--title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.import-excel-data--title img:hover {
  color: red;
}
.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;
  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;
  background-color: var(--bg-color);
  margin: 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: "Calibri ", sans-serif !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-primary);
  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, .import-excel-data__datablock--general {
  height: calc(100% - 170px);
  margin-top: 10px;
}
.import-excel-data__datablock .css-1q1u3t4-MuiTableRow-root.Mui-selected, .import-excel-data__datablock--general .css-1q1u3t4-MuiTableRow-root.Mui-selected {
  background-color: var(--level-4) !important;
}
.import-excel-data__datablock th .MuiSvgIcon-root, .import-excel-data__datablock--general th .MuiSvgIcon-root {
  fill: white !important;
  width: 24px !important;
  height: 24px !important;
  font-size: 14px !important;
}
.import-excel-data__datablock td .MuiSvgIcon-root, .import-excel-data__datablock--general td .MuiSvgIcon-root {
  width: 22px !important;
  height: 22px !important;
  font-size: 14px !important;
}
.import-excel-data__datablock, .import-excel-data__datablock--general {
  overflow: auto;
}
.import-excel-data__datablock--general {
  height: calc(100% - 142px);
}
.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: "Calibri ", sans-serif !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 {
  margin-top: 10px;
}
.import-excel-data__datablock--tableblock--error-message {
  display: flex;
  justify-content: space-between;
}
.import-excel-data__datablock--table {
  max-height: 100%;
  height: 100%;
}
.import-excel-data__datablock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.import-excel-data__datablock--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.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 tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.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-primary) !important;
}
.import-excel-data__datablock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.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 {
  width: 160px !important;
  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-top: 10px;
  color: white;
  padding: 5px;
  text-transform: capitalize;
  height: 32px;
  width: 115px;
}
.import-excel-data__file-upload--browse input {
  display: none;
}
.import-excel-data__file-upload--browse img {
  padding-right: 5px;
  height: 25px;
  width: 25px;
}
.import-excel-data__file-upload--browse {
  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: "Calibri ", sans-serif !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 {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.import-excel-data__receipts--title img:hover {
  color: red;
}
.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--block::-webkit-scrollbar,
.import-excel-data__datablock::-webkit-scrollbar,
.import-excel-data__datablock--general::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.import-excel-data__receipts--block::-webkit-scrollbar-thumb,
.import-excel-data__datablock::-webkit-scrollbar-thumb,
.import-excel-data__datablock--general::-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__datablock::-webkit-scrollbar-thumb:hover,
.import-excel-data__datablock--general::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.excel-loading {
  height: 450px;
  width: 400px;
  border: 1px solid var(--border-color);
}
.excel-loading__close-icon {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.excel-loading__close-icon:hover {
  color: red;
}
.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: "Calibri ", sans-serif !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: "Calibri ", sans-serif !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: 68%;
}
.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: "Calibri ", sans-serif !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;
}

.asset-config {
  height: 100%;
}
.asset-config__title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.asset-config__title img:hover {
  color: red;
}
.asset-config__form {
  height: calc(100% - 30px);
}
.asset-config__form--details {
  height: calc(100% - 50px);
  column-gap: 40px;
  margin-top: 5px;
}
.asset-config__form--details--left, .asset-config__form--details--right {
  height: 100%;
  border-top-right-radius: 30px;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.asset-config__form--details--right {
  border-top-left-radius: 30px;
}
.asset-config__form--details--block {
  height: calc(100% - 50px);
  overflow: auto;
}
.asset-config__form--details--block--dynamic {
  background-color: var(--level-2);
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 5px;
}
.asset-config__form--details--block--dynamic--li, .asset-config__form--details--block--predefined--li {
  padding: 15px 10px;
  display: flex;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
  background-color: var(--bg-color);
  margin-top: 10px;
  border-radius: 5px;
  justify-content: space-between;
  border: 1px solid var(--level-5);
}
.asset-config__form--details--block--dynamic--li b, .asset-config__form--details--block--predefined--li b {
  font-size: 14px;
  font-weight: 400;
}
.asset-config__form--details--block--dynamic--li span, .asset-config__form--details--block--predefined--li span {
  font-size: 12px;
  background-color: #e5e7eb;
  border-radius: 10px;
  padding: 5px 8px;
}
.asset-config__form--details--block--dynamic--li img, .asset-config__form--details--block--predefined--li img {
  margin-left: 5px;
  width: 25px;
  height: 25px;
}
.asset-config__form--details--block--header {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.asset-config__form--details--block--predefined--li {
  background-color: #f9fafb;
  border: 1px solid var(--bg-color);
}
.asset-config__form--details--block--predefined ul {
  margin-bottom: 0px !important;
}
.asset-config__form--legend {
  display: flex;
  column-gap: 5px;
  align-items: center;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-config__form--legend--dynamic, .asset-config__form--legend--default {
  width: 25px;
  height: 25px;
  border: 1px solid var(--level-5);
  border-radius: 2px;
  margin-left: 10px;
}
.asset-config__form--legend--default {
  border: 1px solid var(--border-color);
}
.asset-config__form--preview-button {
  background-color: #c026d3;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px 10px;
}
.asset-config__form--preview-button:hover {
  cursor: pointer;
}
.asset-config__form--preview-button img {
  width: 20px;
}
.asset-config__form--assign-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-config__form--assign-button:hover {
  cursor: pointer;
}
.asset-config__form--assign-button img {
  width: 15px;
  margin-left: 10px;
}
.asset-config__form--assign-button {
  margin: 10px;
}
.asset-config__form--clear-button {
  background-color: #1e40af;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px 10px;
}
.asset-config__form--clear-button:hover {
  cursor: pointer;
}
.asset-config__form--clear-button img {
  width: 20px;
}
.asset-config__form--clear-button:disabled {
  background-color: #93c5fd;
  cursor: not-allowed;
}
.asset-config__form--edit-button {
  padding: 2px 10px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
  background-color: #38bdf8;
  color: white;
  font-size: 14px;
}
.asset-config__form--edit-button:hover {
  cursor: pointer;
}
.asset-config__form--edit-button img {
  width: 15px;
  margin-left: 10px;
}
.asset-config__form--edit-button {
  margin: 10px;
}
.asset-config__form--reorder-button {
  background-color: #334155;
  color: white;
  border-radius: 30px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px 10px;
}
.asset-config__form--reorder-button:hover {
  cursor: pointer;
}
.asset-config__form--reorder-button img {
  width: 20px;
}
.asset-config__form--reorder-button {
  margin-top: 5px;
}
.asset-config__form--save-button {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-config__form--save-button:hover {
  cursor: pointer;
}
.asset-config__form--save-button img {
  width: 15px;
  margin-left: 10px;
}
.asset-config__form--save-button {
  margin-top: 5px;
}
.asset-config__form--preview {
  width: calc(100% - 40px);
  margin: 20px;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 20px 30px;
}
.asset-config__form--preview b {
  font-size: 20px;
  color: var(--text-primary);
  font-family: "Calibri ", sans-serif !important;
  display: flex;
  justify-content: center;
}
.asset-config__edit--title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.asset-config__edit--title img:hover {
  color: red;
}
.asset-config__predefined {
  height: calc(100% - 30px);
}
.asset-config__predefined .MuiDataGrid-root {
  border-style: none;
}

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

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

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

.asset-config__form--details--block--predefined--li {
  transition: transform 0.2s;
}

.asset-config__form--details--block--predefined--li:active {
  opacity: 0.8;
}

.message-config {
  height: calc(100% - 105px);
}
.message-config--modal {
  height: 100%;
}
.message-config__form {
  margin-top: 5px;
  height: calc(100% - 85px);
  background-color: var(--bg-color);
  padding: 10px;
  border-radius: 20px 20px 0px 0px;
  column-gap: 10px;
}
.message-config__form--block {
  height: calc(100% - 50px);
}
.message-config__form--title {
  display: flex;
  column-gap: 10px;
}
.message-config__form--title--i {
  height: 40px;
  width: 40px;
  background-color: var(--level-5);
  border-radius: 6px;
}
.message-config__form--title--i span {
  display: block;
  text-align: center;
  color: white;
  font-size: 40px;
}
.message-config__form--title--b hr {
  width: 70px;
  margin-top: 5px;
  color: var(--level-7);
  height: 4px;
}
.message-config__form--right {
  border: 1px solid var(--border-color);
  padding: 20px;
  background-color: var(--disabled-color);
  border-radius: 6px;
}
.message-config__form--right .MuiBox-root {
  margin-top: 10px;
}
.message-config__form--left {
  border: 1px solid var(--border-color);
  padding: 10px;
}
.message-config__text {
  height: 70%;
}
.message-config__text .quill {
  height: calc(100% - 50px);
}
.message-config__text b {
  display: block;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}
.message-config__tags-list {
  height: 30%;
  border: 1px solid var(--border-color);
  padding: 10px;
  border-radius: 6px;
}
.message-config__tags-list--tags {
  margin-top: 10px;
}
.message-config__tags-list--tags b {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  text-align: left;
}
.message-config__tags-list--tags {
  height: calc(100% - 35px);
  overflow: auto;
}
.message-config__tags-list--tags button {
  margin-top: 5px;
  border: 1px solid var(--level-5);
  background-color: var(--level-1);
  border-radius: 20px;
  padding: 5px 10px;
  height: fit-content;
  margin: 3px;
}
.message-config__email b {
  display: block;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}

.message-config__tags-list--tags::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

.message-config__tags-list--tags::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.companies-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.companies-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 90px);
}

.set-up-company {
  height: 100%;
}
.set-up-company__form {
  height: calc(100% - 35px);
  margin-top: 5px;
}
.set-up-company__form--bg {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.set-up-company__form--details {
  height: calc(100% - 50px);
  overflow: auto;
}
.set-up-company__form--grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 10px;
}
.set-up-company__form--grid-item {
  height: 40px;
  margin-bottom: 10px;
}
.set-up-company__fy {
  height: calc(100% - 35px);
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
}
.set-up-company__fy--edit {
  height: calc(100% - 10px);
}
.set-up-company__fy--left {
  height: 100%;
  padding-right: 20px;
  border-right: 3px solid var(--border-color);
}
.set-up-company__fy--left--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.set-up-company__fy--left--details .MuiBox-root {
  margin-top: 10px;
}
.set-up-company__fy--right {
  height: 100%;
  padding-left: 20px;
}
.set-up-company__fy--list {
  height: calc(100% - 125px);
  margin-top: 10px;
}

.set-up-company__fy--left--details::-webkit-scrollbar,
.set-up-company__block--form--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.set-up-company__fy--left--details::-webkit-scrollbar-thumb,
.set-up-company__block--form--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.set-up-company__fy--left--details::-webkit-scrollbar-thumb:hover,
.set-up-company__block--form--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.make-active-fin-yr {
  height: calc(100% - 20px);
}
.make-active-fin-yr--block {
  height: calc(100% - 75px);
  margin-top: 20px;
}

.company-configurations {
  height: calc(100% - 75px);
  overflow: auto;
}
.company-configurations__module-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.company-configurations__grid-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.company-configurations__grid-item .MuiBox-root {
  margin-top: 10px;
}

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

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

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

.view-company-details {
  height: calc(100% - 20px);
}
.view-company-details__block {
  margin-top: 10px;
  height: calc(100% - 65px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.view-company-details__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-company-details__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-company-details__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-company-details__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-company-details__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-company-details__tab-panel {
  margin-top: 10px;
  height: calc(100% - 65px);
}
.view-company-details__tab-panel .set-up-company__form--details {
  height: 100%;
}

.update-company-status {
  height: 100%;
}
.update-company-status__buttons {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 20px;
  padding-top: 20px;
}
.update-company-status__buttons button {
  background-color: white;
  color: var(--text-primary);
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 10px;
  height: fit-content !important;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
}

.branch-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.branch-list--modal {
  height: calc(100% - 35px);
}
.branch-list__search {
  column-gap: 10px;
}
.branch-list__search .MuiBox-root {
  margin-top: 5px !important;
}
.branch-list__total {
  background-color: white;
  padding: 5px;
  margin: 5px 10px 0px;
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.branch-list__total label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.branch-list__total .font-red {
  border: 1px solid #f87171;
}
.branch-list__total .font-green {
  border: 1px solid #4ade80;
}
.branch-list__total span {
  padding: 0px 5px;
  border-radius: 3px;
}
.branch-list__block {
  display: flex;
  column-gap: 10px;
  height: calc(100% - 105px);
}
.branch-list__block--table {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: 100%;
  width: calc(70% - 5px);
  margin-top: 5px !important;
}
.branch-list__block--tree {
  height: 100%;
  width: calc(30% - 5px);
}
.branch-list__block--tree .MuiTreeItem-content .MuiTreeItem-label {
  font-size: 14px !important;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}
.branch-list__block--tree .MuiTreeItem-content .MuiTreeItem-label:hover {
  color: #000;
}
.branch-list__block--tree .MuiTreeItem-content.Mui-selected {
  padding-left: 10px;
  font-weight: 500 !important;
}
.branch-list__block--tree .MuiSvgIcon-root {
  fill: var(--text-primary) !important;
}
.branch-list__breadcrumb {
  height: 20px;
  cursor: pointer;
  font-size: 14px;
  background-color: white;
  display: flex;
  align-items: center;
  color: var(--text-primary);
}
.branch-list__breadcrumb--button {
  background: none;
  border: none;
}

.branch-configurtaions {
  height: calc(100% - 140px);
  margin: 0px;
}
.branch-configurtaions--modal {
  height: calc(100% - 35px);
}
.branch-configurtaions__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  overflow: auto;
}
.branch-configurtaions__block--grid {
  column-count: 2;
  column-fill: auto;
  height: 100%;
}
.branch-configurtaions__block--grid .MuiBox-root {
  margin-top: 10px;
}
.branch-configurtaions__block--header {
  width: 100% !important;
}
.branch-configurtaions__block--header .MuiFormControlLabel-root {
  margin-top: 0px !important;
  border: none !important;
}
.branch-configurtaions__block--header .MuiTypography-root {
  color: var(--text-primary) !important;
}
.branch-configurtaions__block--config-button {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.branch-configurtaions__block--config-button .predefined-select {
  width: calc(100% - 150px);
}
.branch-configurtaions__block--config-button .storybook-button {
  width: 150px;
}
.branch-configurtaions__number-config {
  height: 100%;
}
.branch-configurtaions__number-config__form {
  height: calc(100% - 85px);
  overflow: auto;
}
.branch-configurtaions__number-config__form .MuiBox-root {
  margin-top: 10px;
}
.branch-configurtaions__number-config__form--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}

.branch-configurtaions__block::-webkit-scrollbar,
.branch-configurtaions__number-config::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.branch-configurtaions__block::-webkit-scrollbar-thumb,
.branch-configurtaions__number-config::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.branch-configurtaions__block::-webkit-scrollbar-thumb:hover,
.branch-configurtaions__number-config::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.group-config {
  height: calc(100% - 140px);
  margin: 0px;
}
.group-config--modal {
  height: calc(100% - 35px);
}
.group-config__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  display: flex;
  width: 100%;
  column-gap: 30px;
}
.group-config__block .MuiPaper-root {
  border: 1px solid #d1d5db;
  margin-top: 10px !important;
  border-radius: 6px;
}
.group-config__block--left {
  height: 100%;
  overflow: auto;
  width: 350px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.group-config__block--left .enabled {
  background-color: #15803d;
  color: white;
}
.group-config__block--left--title {
  background-color: #e5e7eb;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  text-align: center;
}
.group-config__block--left--list {
  height: calc(100% - 50px);
}
.group-config__block--left .menu-item {
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  color: var(--text-primary);
  font-weight: 500;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  transition: background 0.2s ease;
}
.group-config__block--left .menu-item:hover {
  background-color: var(--level-1);
  color: var(--text-primary);
}
.group-config__block--left .menu-item.active {
  background-color: var(--level-3);
  color: var(--text-primary);
}
.group-config__block--left span {
  font-size: 10px;
  background-color: var(--disabled-color);
  padding: 2px 5px;
  color: var(--text-secondary);
  border-radius: 2px;
}
.group-config__block--right {
  height: 100%;
  overflow: auto;
  width: calc(100% - 350px);
  border-radius: 6px;
  padding: 5px;
}
.group-config__block--sub {
  width: 50%;
}
.group-config__block--grid {
  height: 100%;
}
.group-config__block--grid .MuiBox-root {
  margin-top: 10px;
}
.group-config__block--header {
  width: 100% !important;
}
.group-config__block--header .MuiFormControlLabel-root {
  margin-top: 0px !important;
  border: none !important;
}
.group-config__block--header .MuiTypography-root {
  color: var(--text-primary) !important;
}
.group-config__block--config-button {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.group-config__block--config-button .predefined-select {
  width: calc(100% - 150px);
}
.group-config__block--config-button .storybook-button {
  width: 150px;
}
.group-config__number-config {
  height: 100%;
}
.group-config__number-config__form {
  height: calc(100% - 85px);
  overflow: auto;
}
.group-config__number-config__form .MuiBox-root {
  margin-top: 10px;
}
.group-config__number-config__form--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}

.branch-company-assoc {
  height: 100%;
}
.branch-company-assoc__form {
  height: calc(100% - 35px);
  margin-top: 5px;
}
.branch-company-assoc__form--bg {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  height: calc(100% - 45px);
}
.branch-company-assoc__form--details {
  height: calc(100% - 75px);
  overflow: auto;
}
.branch-company-assoc__form--details .subtitle {
  margin-top: 15px;
}
.branch-company-assoc__form--details .MuiBox-root,
.branch-company-assoc__form--details .react-tel-input {
  margin-top: 10px;
}
.branch-company-assoc__form--grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.branch-company-assoc__form--grid2 {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.branch-company-assoc__form--grid-item {
  height: 40px;
  margin-bottom: 10px;
}
.branch-company-assoc__form--selected {
  margin-top: 10px;
  background-color: #f0fdf4;
  width: fit-content;
  padding: 5px;
  border-radius: 6px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}

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

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

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

.branch-statutory-details {
  height: calc(100% - 70px);
  border: 1.5px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--disabled-color);
}
.branch-statutory-details__header .MuiFormControlLabel-root {
  margin-top: 0px !important;
}
.branch-statutory-details__header .MuiTypography-root {
  color: var(--text-primary) !important;
}
.branch-statutory-details__block {
  padding: 10px 0px 0px 20px;
  height: calc(100% - 45px);
  overflow: auto;
}
.branch-statutory-details__block--item {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background-color: var(--disabled-color);
}
.branch-statutory-details__block--item--h .MuiFormControlLabel-root {
  margin-top: 0px !important;
}
.branch-statutory-details__block--item--h .MuiTypography-root {
  color: var(--text-primary) !important;
}
.branch-statutory-details__block--item--grid {
  padding-left: 20px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 10px;
}

.branch-statutory-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.view-branch-company-details {
  height: 100%;
}
.view-branch-company-details__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 75px);
}
.view-branch-company-details__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-branch-company-details__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-branch-company-details__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-branch-company-details__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-branch-company-details__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-branch-company-details__block--tab-panel {
  height: calc(100% - 55px);
  margin-top: 10px;
}
.view-branch-company-details__block--tab-panel .branch-company-assoc__form--details {
  height: 100% !important;
}
.view-branch-company-details__block--tab-panel .subtitle {
  margin-top: 0px !important;
}
.view-branch-company-details__block--tab-panel .branch-statutory-details {
  height: 100% !important;
}

.edit-branch-details {
  height: 100%;
}
.edit-branch-details__block {
  height: calc(100% - 75px);
  display: flex;
  column-gap: 10px;
}
.edit-branch-details__block button {
  background-color: white;
  color: var(--text-primary);
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 6px;
  margin-top: 10px;
  height: fit-content !important;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.5);
}
.edit-branch-details__basic {
  height: 100%;
}
.edit-branch-details__basic--block {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  height: calc(100% - 85px);
}
.edit-branch-details__basic--block .branch-company-assoc__form--details {
  height: 100%;
}
.edit-branch-details__basic--block .branch-statutory-details {
  height: 100%;
}

.add-store {
  height: 100%;
}
.add-store--general {
  height: calc(100% - 140px);
  margin: 0px;
}
.add-store--general .add-store__block {
  height: calc(100% - 45px);
  margin-top: 0px !important;
}
.add-store__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.add-store__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.add-store__block--left--block {
  height: calc(100% - 30px);
  margin-top: 5px;
  overflow: auto;
}
.add-store__block--left--block .MuiBox-root,
.add-store__block--left--block .react-tel-input {
  margin-top: 10px;
}
.add-store__block--right {
  height: 100%;
  padding-left: 20px;
}

.add-store__block--left--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

.add-store__block--left--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.store-list {
  height: 100%;
}
.store-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 90px);
}
.store-list__tableblock--modal {
  height: calc(100% - 120px);
  margin-top: 5px;
}

.store-nomenclature {
  height: 100%;
}
.store-nomenclature__block {
  height: calc(100% - 70px);
  padding-top: 20px;
}

.department {
  height: 100%;
}
.department--general {
  height: calc(100% - 140px);
  margin: 0px;
}
.department--general .department__form {
  height: 100%;
}
.department__form {
  height: calc(100% - 30px);
}
.department__form--block {
  height: calc(100% - 50px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.department__form--block--left {
  height: 100%;
}
.department__form--block--left .MuiBox-root {
  margin-top: 10px;
}
.department__form--block--left {
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.department__form--block--left--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.department__form--block--right {
  height: 100%;
  padding-left: 20px;
}
.department__list {
  height: 100%;
}
.department__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 70px);
}

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

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

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

.mrf {
  height: calc(100% - 140px);
  margin: 0px;
}
.mrf--modal {
  height: calc(100% - 35px);
}
.mrf__block {
  height: calc(100% - 50px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.mrf__filters {
  column-gap: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 85px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.mrf__filters .MuiBox-root {
  margin-top: 5px;
  height: fit-content;
}
.mrf__filters--grid {
  display: flex;
  column-gap: 5px;
  width: 100%;
}
.mrf__filters--grid .predefined-select {
  width: calc(100% - 25px);
}
.mrf__tableblock {
  margin-top: 10px;
  height: calc(100% - 160px);
}
.mrf__table {
  max-height: 100%;
  height: 100%;
}
.mrf__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.mrf__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.mrf__table td img:hover,
.mrf__table td a:hover {
  cursor: pointer;
}
.mrf__table tbody {
  background-color: var(--level-1);
}
.mrf__table tbody tr:hover {
  background-color: var(--level-2);
}
.mrf__table tbody tr:hover td {
  color: var(--level-7);
}
.mrf__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.mrf__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.mrf__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.mrf__table {
  height: 100%;
}
.mrf__table .MuiTableCell-head {
  font-size: 12px !important;
}
.mrf__table--edit-row:hover {
  background-color: transparent !important;
}
.mrf__table--edit-row:hover td {
  color: var(--level-7);
}
.mrf__table--edit-row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.mrf__table--edit-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.mrf__table--edit-row .MuiDataGrid-cell,
.mrf__table--edit-row td {
  padding: 0px 5px 0px 0px !important;
}
.mrf__table--edit-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.mrf__table--edit-row .storybook-input,
.mrf__table--edit-row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.mrf__table--edit-row .storybook-input:focus,
.mrf__table--edit-row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.mrf__table--edit-row .storybook-input:disabled,
.mrf__table--edit-row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.mrf__table--edit-row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.mrf__table--flex {
  width: 180px;
  display: flex;
  column-gap: 5px;
}
.mrf__table--flex .data-fetch-icon {
  margin-top: 0px !important;
  width: 30px;
}
.mrf__table--flex .predefined-select {
  width: calc(100% - 30px);
}
.mrf__table--number {
  width: 70px;
}
.mrf__bottom {
  height: 60px;
  border: 1px solid var(--border-color);
  padding: 5px;
  border-radius: 6px;
  column-gap: 10px;
}
.mrf__bottom .MuiBox-root {
  margin-top: 5px !important;
}
.mrf__bottom--grid {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.mrf__bottom--input {
  display: none;
}

.mrf-other-details {
  height: 100%;
}
.mrf-other-details__block {
  height: calc(100% - 125px);
}
.mrf-other-details__block .MuiBox-root {
  margin-top: 10px;
}
.mrf-other-details__block--flex {
  display: flex;
}
.mrf-other-details__block--flex .MuiBox-root {
  width: calc(100% - 30px);
}
.mrf-other-details__block--flex .data-fetch-icon {
  width: 30px;
}
.mrf-other-details__block--selected-suppliers {
  height: calc(100% - 280px);
  background-color: var(--disabled-color);
  margin-top: 10px;
  overflow: auto;
  padding: 10px 5px;
}
.mrf-other-details__block--selected-suppliers--head {
  height: 30px;
  background-color: #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 5px;
}
.mrf-other-details__block--selected-suppliers--head .overall-total-count {
  margin-top: 0px !important;
}
.mrf-other-details__block--selected-suppliers span {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px 8px;
  background-color: #e5e7eb;
  color: var(--text-primary);
  border: 1px solid var(--text-primary);
  border-radius: 20px;
  margin-right: 10px;
}

.mrf-other-details__block--selected-suppliers::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.mrf-other-details__block--selected-suppliers::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.mrf-other-details__block--selected-suppliers::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.mrf-acceptance {
  height: calc(100% - 140px);
  margin: 0px;
}
.mrf-acceptance__select {
  column-gap: 10px;
}
.mrf-acceptance__select--flex {
  display: flex;
  column-gap: 10px;
}
.mrf-acceptance__select--flex .storybook-input,
.mrf-acceptance__select--flex .MuiBox-root {
  width: 50%;
}
.mrf-acceptance__select .MuiBox-root {
  margin-top: 5px;
}
.mrf-acceptance__select .flex-end {
  height: fit-content;
  align-items: center;
  column-gap: 10px;
}
.mrf-acceptance__select--title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-top: 5px;
  width: 100%;
  height: 35px;
  background-color: #f9fafb;
}
.mrf-acceptance__select--title .overall-total-count {
  margin-top: 0px !important;
}
.mrf-acceptance__tableblock {
  margin-top: 5px;
  height: calc(100% - 90px);
}

.view-detailed-mrf {
  height: 100%;
}
.view-detailed-mrf__text-field {
  column-count: 3;
  background-color: white;
  padding: 5px;
}
.view-detailed-mrf__text-field .MuiBox-root {
  margin-top: 5px;
}
.view-detailed-mrf__tableblock {
  margin-top: 5px;
  height: calc(100% - 255px);
}
.view-detailed-mrf__bottom-details {
  height: 45px;
  background-color: white;
  column-gap: 10px;
  align-items: center;
  padding: 5px;
  margin-top: 5px;
  border-radius: 6px;
}
.view-detailed-mrf__bottom-details--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.view-detailed-mrf__bottom-details--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.view-detailed-mrf__bottom-details--attachments img {
  height: 25px;
  width: 25px;
}

.view-mrf-details {
  height: calc(100% - 140px);
  margin: 0px;
}
.view-mrf-details--modal {
  height: calc(100% - 35px);
}
.view-mrf-details__order {
  height: 25px;
  background-color: var(--level-8);
  color: white;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  padding: 3px;
}
.view-mrf-details__details-block {
  height: 90px;
  background-color: white;
  padding: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.view-mrf-details__details-block--columns {
  column-count: 3;
  gap: 10;
}
.view-mrf-details__details-block--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.1fr 1fr;
  align-items: center;
  position: relative;
  min-width: 0;
  width: 100%;
}
.view-mrf-details__details-block--grid .Label {
  color: var(--text-secondary);
}
.view-mrf-details__details-block--grid b {
  font-family: "Calibri ", sans-serif !important;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.view-mrf-details__details-block--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.view-mrf-details__details-block--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.view-mrf-details__details-block--attachments img {
  height: 25px;
  width: 25px;
}
.view-mrf-details__details-block--attachments--flex {
  display: flex;
  column-gap: 10px;
  width: calc(100% - 25px);
}
.view-mrf-details__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 225px);
}
.view-mrf-details__tableblock--order {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 250px);
}
.view-mrf-details__table {
  height: 100%;
  width: 100%;
  overflow-x: auto;
  max-height: 100%;
  height: 100%;
}
.view-mrf-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.view-mrf-details__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.view-mrf-details__table td img:hover,
.view-mrf-details__table td a:hover {
  cursor: pointer;
}
.view-mrf-details__table tbody {
  background-color: var(--level-1);
}
.view-mrf-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.view-mrf-details__table tbody tr:hover td {
  color: var(--level-7);
}
.view-mrf-details__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.view-mrf-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-primary) !important;
}
.view-mrf-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.view-mrf-details__table td {
  padding: 0px !important;
}
.view-mrf-details__acceptance-block {
  height: 55px;
  margin-top: 5px;
  background-color: white;
  align-items: center;
  padding: 10px;
}
.view-mrf-details__acceptance-block--row {
  column-gap: 10px;
}

.conclude-mrf {
  height: 100%;
}
.conclude-mrf__block {
  height: calc(100% - 80px);
  margin-top: 5px;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.conclude-mrf__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.conclude-mrf__block--right {
  height: 100%;
  padding-left: 20px;
  border-left: 2px solid var(--border-color);
}
.conclude-mrf__detailed-info {
  background-color: #f9fafb;
  border-radius: 20px;
  height: 100%;
  padding: 10px;
}
.conclude-mrf__detailed-info--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.1fr 2fr;
  gap: 10px;
  padding-bottom: 10px;
}
.conclude-mrf__detailed-info--grid b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.conclude-mrf__detailed-info--grid .Label {
  color: var(--text-secondary);
}
.conclude-mrf__detailed-info--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.conclude-mrf__add {
  height: 100%;
}
.conclude-mrf__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.conclude-mrf__add--block .MuiBox-root {
  margin-top: 10px;
}
.conclude-mrf__add--grid {
  display: flex;
  column-gap: 10px;
}
.conclude-mrf__add--flex {
  display: flex;
}
.conclude-mrf__add .mrf-other-details__block--selected-suppliers {
  height: calc(100% - 295px);
}

.conclude-mrf__detailed-info--details::-webkit-scrollbar,
.conclude-mrf__add--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.conclude-mrf__detailed-info--details::-webkit-scrollbar-thumb,
.conclude-mrf__add--block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.conclude-mrf__detailed-info--details::-webkit-scrollbar-thumb:hover,
.conclude-mrf__add--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.selected-suuplier-modal {
  height: 100%;
}
.selected-suuplier-modal__block {
  height: calc(100% - 130px) !important;
  margin-top: 10px;
}
.selected-suuplier-modal__block .mrf-other-details__block--selected-suppliers {
  height: 100% !important;
}

.particular-stock-details {
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.particular-stock-details b {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}
.particular-stock-details span {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-secondary);
}

.mrf-to-po {
  height: 100%;
}
.mrf-to-po__block {
  height: calc(100% - 115px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.mrf-to-po__block--details {
  height: 90px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.mrf-to-po__block--tableblock {
  height: calc(100% - 135px);
  margin-top: 10px;
}
.mrf-to-po__block--bottom {
  margin-top: 10px;
}

.mrf-po-confirm {
  height: 100%;
}
.mrf-po-confirm__block {
  height: calc(100% - 110px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  padding: 10px;
  column-gap: 30px;
}
.mrf-po-confirm__block--left {
  height: 100%;
  border: 1px solid var(--border-color);
  padding: 10px;
}
.mrf-po-confirm__block--left--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.mrf-po-confirm__block--left--details .MuiBox-root {
  margin-top: 10px;
}
.mrf-po-confirm__block--mid {
  height: 100%;
  background-color: var(--disabled-color);
  padding: 10px;
}
.mrf-po-confirm__block--mid--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.mrf-po-confirm__block--mid--details--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  padding: 10px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.mrf-po-confirm__block--mid--details--grid label {
  color: var(--text-secondary);
}
.mrf-po-confirm__block--mid--details--grid b {
  color: var(--text-primary);
}
.mrf-po-confirm__block--mid--accepted {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
}
.mrf-po-confirm__block--right {
  height: 100%;
}

.mrf-po-confirm__block--left--details::-webkit-scrollbar,
.mrf-po-confirm__block--mid--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.mrf-po-confirm__block--left--details::-webkit-scrollbar-thumb,
.mrf-po-confirm__block--mid--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.mrf-po-confirm__block--left--details::-webkit-scrollbar-thumb:hover,
.mrf-po-confirm__block--mid--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.rfq {
  height: calc(100% - 140px);
  margin: 0px;
}
.rfq__form {
  height: calc(100% - 50px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  padding: 10px 0px;
}
.rfq__modal {
  height: calc(100% - 30px);
}
.rfq__modal .rfq__form {
  height: calc(100% - 80px);
}
.rfq__tableblock {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.rfq__tableblock--table {
  max-height: 100%;
  height: 100%;
}
.rfq__tableblock--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.rfq__tableblock--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.rfq__tableblock--table td img:hover,
.rfq__tableblock--table td a:hover {
  cursor: pointer;
}
.rfq__tableblock--table tbody {
  background-color: var(--level-1);
}
.rfq__tableblock--table tbody tr:hover {
  background-color: var(--level-2);
}
.rfq__tableblock--table tbody tr:hover td {
  color: var(--level-7);
}
.rfq__tableblock--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.rfq__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-primary) !important;
}
.rfq__tableblock--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.rfq__tableblock--table--flex {
  display: flex;
  width: 100%;
}
.rfq__tableblock--table--select {
  width: 180px;
}
.rfq__tableblock--table .MuiTableCell-root {
  font-size: 12px !important;
  font-weight: 700;
  white-space: nowrap !important;
}
.rfq__tableblock--table--row:hover {
  background-color: transparent !important;
}
.rfq__tableblock--table--row:hover td {
  color: var(--level-7);
}
.rfq__tableblock--table--row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.rfq__tableblock--table--row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.rfq__tableblock--table--row .MuiDataGrid-cell,
.rfq__tableblock--table--row td {
  padding: 0px 5px 0px 0px !important;
}
.rfq__tableblock--table--row .MuiFormControl-root {
  margin-top: 0px !important;
}
.rfq__tableblock--table--row .storybook-input,
.rfq__tableblock--table--row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.rfq__tableblock--table--row .storybook-input:focus,
.rfq__tableblock--table--row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.rfq__tableblock--table--row .storybook-input:disabled,
.rfq__tableblock--table--row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.rfq__tableblock--table--row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.rfq__tableblock--table--row .data-fetch-icon {
  margin-top: 0px !important;
}
.rfq__b-details {
  height: 80px;
  margin-top: 5px;
}
.rfq__b-details--grid {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
}

.mrf-details {
  height: 100%;
}
.mrf-details__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.mrf-details__block--table {
  margin-top: 10px;
  height: calc(100% - 40px);
}
.mrf-details__block--select .flex-end {
  align-items: center;
  column-gap: 5px;
}

.view-rfq {
  height: 100%;
}
.view-rfq__block {
  height: calc(100% - 80px);
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
}
.view-rfq__block--select {
  column-gap: 10px;
}
.view-rfq__block--select .flex-end {
  align-items: center;
  column-gap: 5px;
}
.view-rfq__block--select .storybook-input {
  margin-top: 0px !important;
}
.view-rfq__block--select--flex {
  display: flex;
  column-gap: 2px;
}
.view-rfq__block--select--flex .data-fetch-icon {
  margin-top: 0px !important;
}
.view-rfq__block--select--flex .predefined-select {
  width: 100% !important;
}
.view-rfq__block--tableblock {
  margin-top: 10px;
  height: calc(100% - 35px);
}

.confirmation-mail {
  height: 100%;
}
.confirmation-mail__title, .confirmation-mail__success {
  display: flex;
  justify-content: space-between;
  background-color: #fef3c7;
  height: 35px;
  align-items: center;
}
.confirmation-mail__title--icon {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.confirmation-mail__title--icon span {
  color: #d97706;
  font-size: 30px;
  top: 5px;
  margin-right: 5px;
}
.confirmation-mail__title .modal-close-icon, .confirmation-mail__success .modal-close-icon {
  top: 0px !important;
  right: 0px !important;
}
.confirmation-mail__success {
  background-color: #dcfce7;
}
.confirmation-mail__success .confirmation-mail__title--icon span {
  color: #16a34a;
}
.confirmation-mail__block {
  height: calc(100% - 80px);
  padding: 10px;
}
.confirmation-mail__block span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
}
.confirmation-mail .buttons-flex {
  margin-left: 10px;
}

.rfq-comparision {
  height: calc(100% - 140px);
  margin: 0px;
}
.rfq-comparision__select {
  height: 35px;
  column-gap: 5px;
}
.rfq-comparision__select .flex-end {
  align-items: center;
}
.rfq-comparision__select--flex {
  display: flex;
  column-gap: 5px;
}
.rfq-comparision__select--flex .storybook-input,
.rfq-comparision__select--flex .MuiBox-root {
  width: 50%;
  margin-top: 0px !important;
}
.rfq-comparision__select--title {
  background-color: var(--disabled-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.rfq-comparision__select--title .overall-total-count {
  margin-top: 0px;
  font-weight: 600;
}
.rfq-comparision__tableblock {
  margin-top: 5px;
  height: calc(100% - 85px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}

.rfq-status-pending, .rfq-status-completed {
  background-color: #f3f4f6;
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 600;
  text-align: center;
}

.rfq-status-completed {
  background-color: #22c55e !important;
  color: white;
}

.vendor-submission-status {
  height: 100%;
}
.vendor-submission-status__tableblock {
  margin-top: 10px;
  height: calc(100% - 80px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.vendor-submission-status-submitted, .vendor-submission-status-not-submitted {
  background-color: #16a34a;
  color: white;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 600;
  text-align: center;
}
.vendor-submission-status-not-submitted {
  background-color: #dc2626;
}

.rfq-view-quotation {
  height: calc(100% - 140px);
  margin: 0px;
}
.rfq-view-quotation--modal {
  height: calc(100% - 30px);
}
.rfq-view-quotation__error-text {
  text-align: center;
  font-size: 14px;
  color: #ef4444;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 600;
}
.rfq-view-quotation__tableblock {
  margin-top: 5px;
  height: calc(100% - 200px);
}
.rfq-view-quotation__tableblock--compare {
  margin-top: 5px;
  height: calc(100% - 215px);
}
.rfq-view-quotation__tableblock--compare .select-confirm-button {
  height: 18px !important;
}
.rfq-view-quotation__filters {
  column-gap: 5px;
  align-items: center;
}
.rfq-view-quotation__filters .MuiBox-root {
  margin-top: 5px;
}
.rfq-view-quotation__filters--sub {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.rfq-view-quotation__filters--total {
  border: 1px solid var(--border-color);
  padding: 2px;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
  font-weight: 500;
  background-color: white;
}
.rfq-view-quotation__filters--status {
  background-color: #e5e7eb;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px;
  border-radius: 2px;
  color: var(--text-secondary);
}
.rfq-view-quotation__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}

.compare-negotiate {
  height: 100%;
}
.compare-negotiate__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
  column-gap: 40px;
}
.compare-negotiate__confirm {
  border: 1px solid var(--border-color);
  height: 100%;
  padding: 10px;
  border-radius: 6px;
}
.compare-negotiate__confirm--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.compare-negotiate__confirm--details .MuiBox-root {
  margin-top: 10px;
}
.compare-negotiate__vendor, .compare-negotiate__stock {
  background-color: var(--disabled-color);
  height: 100%;
  padding: 10px;
  border-radius: 6px;
}
.compare-negotiate__vendor--name {
  background-color: var(--level-7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  color: white;
  padding: 0px 5px;
  border-radius: 6px;
}
.compare-negotiate__vendor--name b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.compare-negotiate__vendor--name b:hover {
  text-decoration: underline;
}
.compare-negotiate__vendor--details {
  height: calc(100% - 80px);
  overflow: auto;
}
.compare-negotiate__vendor--details--grid {
  display: grid;
  grid-template-columns: 0.8fr 0.03fr 1fr;
  padding-top: 8px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.compare-negotiate__vendor--details--grid span {
  color: var(--text-secondary);
}
.compare-negotiate__vendor--details--grid b {
  font-weight: 600;
  color: var(--text-primary);
}
.compare-negotiate__stock--details {
  height: calc(100% - 30px);
  overflow: auto;
}
.compare-negotiate__stock--details--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.compare-negotiate__stock--details--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.compare-negotiate__stock--details--attachments img {
  height: 25px;
  width: 25px;
}

.compare-negotiate__confirm--details::-webkit-scrollbar,
.compare-negotiate__vendor--details::-webkit-scrollbar,
.compare-negotiate__stock--details::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.compare-negotiate__confirm--details::-webkit-scrollbar-thumb,
.compare-negotiate__vendor--details::-webkit-scrollbar-thumb,
.compare-negotiate__stock--details::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.compare-negotiate__confirm--details::-webkit-scrollbar-thumb:hover,
.compare-negotiate__vendor--details::-webkit-scrollbar-thumb:hover,
.compare-negotiate__stock--details::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.quotation-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
}
.quotation-dashboard__top-details {
  height: 50%;
  margin-top: 5px;
}

.rfq-list {
  height: 100%;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  padding: 5px;
}
.rfq-list__title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 700;
}
.rfq-list__title span {
  color: #38bdf8;
}
.rfq-list__select {
  column-gap: 10px;
}
.rfq-list__select .MuiBox-root {
  margin-top: 5px;
}
.rfq-list__tableblock {
  height: calc(100% - 90px);
  margin-top: 5px;
}
.rfq-list__buttons {
  display: flex;
  justify-content: center;
}

.quotation-preview {
  height: 100%;
  margin: 0px 10px;
}
.quotation-preview__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.quotation-preview__rfq-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: white;
  padding: 5px;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  height: 90px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.quotation-preview__rfq-details--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.01fr 1fr;
  gap: 5px;
}
.quotation-preview__tableblock {
  margin-top: 5px;
  height: calc(100% - 160px);
}
.quotation-preview__tableblock--table {
  margin-top: 5px;
  height: calc(100% - 40px);
}
.quotation-preview__tableblock--title {
  align-items: center;
}
.quotation-preview__remarks {
  height: 60px;
  border: 1px dashed var(--text-secondary);
  padding: 10px;
  margin-top: 5px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
.quotation-preview__remarks--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.03fr 1fr;
}
.quotation-preview__proceed {
  margin-top: 5px;
  height: calc(100% - 160px);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quotation-preview__proceed--block {
  width: 40%;
  height: 230px;
  background-color: #f3f4f6;
  border-radius: 30px;
  padding: 20px 40px;
}
.quotation-preview__proceed--block--li {
  display: flex;
  justify-content: space-between;
  padding: 8px 5px;
  background-color: white;
  border-radius: 6px;
  align-items: center;
  margin-top: 10px;
}
.quotation-preview__proceed--block--li--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.quotation-preview__proceed--block--li--span {
  background-color: #f3f4f6;
  padding: 2px 5px;
  margin-right: 5px;
  border-radius: 2px;
}

.fill-quotation {
  height: 100%;
  margin: 0px 10px;
}
.fill-quotation__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.fill-quotation__block--table {
  margin-top: 5px;
  height: calc(100% - 100px);
}

.quote {
  height: 100%;
}
.quote__block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 80px);
}
.quote__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.quote__block--right {
  height: 100%;
  padding-left: 20px;
}
.quote__add {
  height: 100%;
}
.quote__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.quote__add--block .MuiBox-root {
  margin-top: 10px;
}
.quote__add--grid {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.quote__add--input {
  display: none;
}
.quote__add .font-green .MuiInputBase-input {
  color: #16a34a !important;
}
.quote__add .bg-green {
  background: #16a34a !important;
}
.quote__add .bg-green .MuiInputBase-input,
.quote__add .bg-green .MuiFormLabel-root {
  color: white !important;
}
.quote__list {
  height: 100%;
}
.quote__list--block {
  height: calc(100% - 30px);
  overflow: auto;
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 20px;
}
.quote__list--block--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.01fr 1fr;
  column-gap: 5px;
}
.quote__list--block--grid b {
  font-weight: 600;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.quote__list--block--flex {
  display: flex;
  align-items: center;
}

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

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

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

.terms {
  height: calc(100% - 40px);
  margin: 0px 10px;
}
.terms--view {
  height: 100%;
}
.terms--view .terms__block {
  height: 100%;
}
.terms__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 40px);
  padding: 5px;
}
.terms__block--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.terms__block--right {
  height: 100%;
  padding-left: 20px;
}
.terms__add {
  height: 100%;
}
.terms__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.terms__add--block .MuiBox-root {
  margin-top: 10px;
}
.terms__add--grid {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.terms__add--input {
  display: none;
}
.terms__add .font-green .MuiInputBase-input {
  color: #16a34a !important;
}
.terms__add .bg-green {
  background: #16a34a !important;
}
.terms__add .bg-green .MuiInputBase-input,
.terms__add .bg-green .MuiFormLabel-root {
  color: white !important;
}
.terms__list {
  height: 100%;
}
.terms__list--block {
  height: calc(100% - 30px);
  overflow: auto;
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 20px;
}
.terms__list--block--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.01fr 1fr;
  column-gap: 5px;
}
.terms__list--block--grid b {
  font-weight: 600;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.terms__list--block--flex {
  display: flex;
  align-items: center;
}

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

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

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

.quotation-success-block {
  height: calc(100% - 140px);
  margin: 0px;
}
.quotation-success-block__frame {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.quotation-success-block__frame--image {
  height: calc(100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.quotation-success-block__frame--image img {
  width: 250px;
  height: 250px;
}
.quotation-success-block__frame--b {
  height: 100px;
  display: block;
  text-align: center;
  font-size: 18px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 500;
}

.quote-view {
  height: calc(100% - 35px);
}
.quote-view__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  padding: 5px;
}
.quote-view__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.quote-view__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.quote-view__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.quote-view__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.quote-view__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.quote-view__block--tabpanel {
  margin-top: 5px;
  height: calc(100% - 50px);
}

.vendor-login {
  height: 100%;
}
.vendor-login__block {
  padding: 20px;
  height: 100%;
  display: flex;
}
.vendor-login__block--left {
  height: 100%;
  width: calc(100% - 400px);
}
.vendor-login__block--left img {
  height: 100%;
  width: 100%;
  border-radius: 20px 0px 0px 20px;
}
.vendor-login__block--right {
  height: 100%;
  width: 400px;
  border: 1px solid var(--text-secondary);
  border-radius: 0px 20px 20px 0px;
  padding: 10px;
}
.vendor-login__block--right--top {
  height: 40%;
  display: grid;
  align-items: center;
  text-align: center;
}
.vendor-login__block--right--top b {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  color: var(--text-primary);
}
.vendor-login__block--right--top span {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
  color: var(--text-primary);
}
.vendor-login__block--right--bottom {
  height: 60%;
  position: relative;
  display: block;
  align-items: center;
}
.vendor-login__block--right--bottom--login {
  background-color: #f0f9ff;
  height: fit-content;
  padding: 20px 30px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.vendor-login__block--right--bottom--login .font-green,
.vendor-login__block--right--bottom--login .font-red {
  font-size: 14px;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.vendor-login__block--right--bottom--version {
  position: absolute;
  bottom: 5px;
  left: 45%;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
}
.vendor-login__block--right--bottom--version span {
  text-align: center;
  display: block;
  font-size: 14px;
}
.vendor-login__block--right--bottom--version b {
  text-align: center;
  display: block;
  background-color: var(--disabled-color);
  padding: 2px 5px;
  border-radius: 6px;
  font-size: 14px;
}
.vendor-login__block--right--bottom--recaptcha {
  display: flex;
  margin-top: 10px;
  width: 100%;
  border-radius: 6px;
}
.vendor-login__block--right--bottom--recaptcha button {
  background-color: #1e293b;
  border-radius: 0px;
  align-items: center;
  color: white;
  height: 35px;
}
.vendor-login__block--right--bottom--recaptcha button span {
  text-align: center;
  display: block;
}

.purchase-order-details {
  height: calc(100% - 140px);
  margin: 0px;
}
.purchase-order-details__select {
  column-gap: 5px;
}
.purchase-order-details__select .MuiBox-root {
  margin-top: 10px;
}
.purchase-order-details__select--flex {
  display: flex;
}
.purchase-order-details__select--flex .predefined-select,
.purchase-order-details__select--flex .MuiBox-root {
  width: 100%;
}
.purchase-order-details__select--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.purchase-order-details__tableblock {
  height: calc(100% - 190px);
  margin-top: 5px;
}
.purchase-order-details__table {
  max-height: 100%;
  height: 100%;
}
.purchase-order-details__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.purchase-order-details__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.purchase-order-details__table td img:hover,
.purchase-order-details__table td a:hover {
  cursor: pointer;
}
.purchase-order-details__table tbody {
  background-color: var(--level-1);
}
.purchase-order-details__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-order-details__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-order-details__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.purchase-order-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-primary) !important;
}
.purchase-order-details__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.purchase-order-details__table--edit-row:hover {
  background-color: transparent !important;
}
.purchase-order-details__table--edit-row:hover td {
  color: var(--level-7);
}
.purchase-order-details__table--edit-row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.purchase-order-details__table--edit-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.purchase-order-details__table--edit-row .MuiDataGrid-cell,
.purchase-order-details__table--edit-row td {
  padding: 0px 5px 0px 0px !important;
}
.purchase-order-details__table--edit-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.purchase-order-details__table--edit-row .storybook-input,
.purchase-order-details__table--edit-row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.purchase-order-details__table--edit-row .storybook-input:focus,
.purchase-order-details__table--edit-row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.purchase-order-details__table--edit-row .storybook-input:disabled,
.purchase-order-details__table--edit-row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.purchase-order-details__table--edit-row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.purchase-order-details__bottom {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 10px;
}
.purchase-order-details__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.purchase-order-details__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.purchase-order-details__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.purchase-order-details__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.purchase-order-details__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.purchase-order-details__tabs {
  margin-top: 10px;
}

.approved-transaction-list {
  height: 100%;
}
.approved-transaction-list__filters {
  column-gap: 10px;
}
.approved-transaction-list__filters .MuiBox-root {
  margin-top: 5px;
}
.approved-transaction-list__filters--flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.approved-transaction-list__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 120px);
}
.approved-transaction-list__sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--disabled-color);
  height: 35px;
  margin-top: 5px;
}
.approved-transaction-list__sub-title .overall-total-count {
  margin-top: 0px;
}

.view-approved-rfq {
  height: 100%;
}
.view-approved-rfq__details {
  height: 90px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 5px;
  border-radius: 6px;
}
.view-approved-rfq__details--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.view-approved-rfq__details--flex {
  display: grid;
  grid-template-columns: 0.6fr 0.02fr 1fr;
  padding: 5px;
}
.view-approved-rfq__tableblock {
  margin-top: 10px;
  height: calc(100% - 205px);
}

.approved-items-list {
  height: 100%;
}
.approved-items-list__mrf-details {
  height: 90px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 5px;
  border-radius: 6px;
  margin-top: 10px;
}
.approved-items-list__tableblock {
  margin-top: 10px;
  height: calc(100% - 190px);
}

.purchase-order-list {
  height: 100%;
}
.purchase-order-list__filters {
  column-gap: 10px;
  height: 45px;
}
.purchase-order-list__filters--flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.purchase-order-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 125px);
}

.po-details {
  height: 90px;
  padding: 10px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.po-details label {
  color: var(--text-secondary);
}
.po-details b {
  color: var(--text-primary);
}
.po-details__grid--voucher {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.po-details__grid--po {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.po-details__grid--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.po-details__grid2 {
  display: grid;
  grid-template-columns: 0.6fr 0.02fr 1fr;
  column-gap: 10px;
}

.view-detailed-po-list {
  height: 100%;
}
.view-detailed-po-list__tableblock {
  height: calc(100% - 215px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  margin-top: 10px;
}

.apply-all-transactions {
  height: 100%;
}
.apply-all-transactions__tableblock {
  margin-top: 10px;
  height: calc(100% - 155px);
}

.purchase-entry {
  height: calc(100% - 140px);
  margin: 0px;
}
.purchase-entry__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
}

.purchase-entry-modal {
  height: 100%;
}
.purchase-entry-modal__list {
  margin-top: 20px;
  height: calc(100% - 75px);
  margin-bottom: 0px;
}
.purchase-entry-modal__list li {
  padding: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  column-gap: 10px;
  border: 2px dashed var(--border-color);
}
.purchase-entry-modal__list li:hover {
  background-color: var(--level-1);
}

.purchase-entry-po {
  height: 100%;
}
.purchase-entry-po__select {
  column-gap: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px;
  height: 170px;
}
.purchase-entry-po__select--flex {
  display: flex;
  column-gap: 10px;
  grid-column: span 1;
}
.purchase-entry-po__select--flex .MuiBox-root {
  width: 50%;
}
.purchase-entry-po__select--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.purchase-entry-po__select--choose {
  display: flex;
  column-gap: 5px;
  margin-bottom: 5px;
}
.purchase-entry-po__select--choose .data-fetch-icon {
  margin-top: 0px !important;
  width: 30px;
}
.purchase-entry-po__select--choose .predefined-select {
  width: calc(100% - 30px);
}
.purchase-entry-po__select--choose .MuiBox-root {
  width: 100%;
}
.purchase-entry-po__tableblock {
  margin-top: 10px;
  height: calc(100% - 260px);
}
.purchase-entry-po__table {
  max-height: 100%;
  height: 100%;
}
.purchase-entry-po__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.purchase-entry-po__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.purchase-entry-po__table td img:hover,
.purchase-entry-po__table td a:hover {
  cursor: pointer;
}
.purchase-entry-po__table tbody {
  background-color: var(--level-1);
}
.purchase-entry-po__table tbody tr:hover {
  background-color: var(--level-2);
}
.purchase-entry-po__table tbody tr:hover td {
  color: var(--level-7);
}
.purchase-entry-po__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.purchase-entry-po__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.purchase-entry-po__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.purchase-entry-po__table .MuiTableCell-root {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.2rem;
}
.purchase-entry-po__table--edit-row:hover {
  background-color: transparent !important;
}
.purchase-entry-po__table--edit-row:hover td {
  color: var(--level-7);
}
.purchase-entry-po__table--edit-row td {
  padding: 0px !important;
  background: hsl(55, 79%, 94%) !important;
}
.purchase-entry-po__table--edit-row .MuiAutocomplete-root {
  margin-top: 0px !important;
  border-radius: 6px;
}
.purchase-entry-po__table--edit-row .MuiDataGrid-cell,
.purchase-entry-po__table--edit-row td {
  padding: 0px 5px 0px 0px !important;
}
.purchase-entry-po__table--edit-row .MuiFormControl-root {
  margin-top: 0px !important;
}
.purchase-entry-po__table--edit-row .storybook-input,
.purchase-entry-po__table--edit-row .storybook-textarea {
  margin-top: 0px !important;
  border-style: none !important;
  border-radius: 0px !important;
  background: #fef3c7 !important;
}
.purchase-entry-po__table--edit-row .storybook-input:focus,
.purchase-entry-po__table--edit-row .storybook-textarea:focus {
  color: #000 !important;
  filter: none !important;
  border: 1px solid var(--level-5) !important;
  background-color: white !important;
}
.purchase-entry-po__table--edit-row .storybook-input:disabled,
.purchase-entry-po__table--edit-row .storybook-textarea:disabled {
  background: var(--disabled-color) !important;
}
.purchase-entry-po__table--edit-row .data-fetch-icon {
  margin-top: 0px !important;
  width: 25px !important;
  height: 25px !important;
}
.purchase-entry-po__table--flex {
  display: flex;
  column-gap: 5px;
}
.purchase-entry-po__table--flex .data-fetch-icon {
  margin-top: 0px !important;
  width: 30px;
}
.purchase-entry-po__table--flex .predefined-select .MuiBox-root {
  width: 100%;
}
.purchase-entry-po__bottom-details {
  gap: 5px;
}
.purchase-entry-po__bottom-details .margin-top {
  margin-top: 5px;
}
.purchase-entry-po__bottom-details .total-count .MuiInputLabel-standard, .purchase-entry-po__bottom-details .total-count input {
  color: white !important;
}

.purchase-entry-edit {
  height: 100%;
}
.purchase-entry-edit__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.purchase-entry-edit__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.purchase-entry-edit__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.purchase-entry-edit__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.purchase-entry-edit__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.purchase-entry-edit__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.purchase-entry-edit__tabs {
  padding-top: 5px;
}
.purchase-entry-edit__tabpanel {
  margin-top: 10px;
  height: calc(100% - 135px);
}
.purchase-entry-edit__invoice {
  height: 100%;
}
.purchase-entry-edit__invoice--table {
  height: calc(100% - 220px);
  margin-top: 10px;
}
.purchase-entry-edit__invoice--modal {
  height: calc(100% - 110px);
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
}
.purchase-entry-edit__invoice--modal .purchase-entry-po__select .MuiBox-root,
.purchase-entry-edit__invoice--modal .purchase-entry-po__select .data-fetch-icon {
  margin-top: 5px !important;
}
.purchase-entry-edit__invoice--modal .purchase-entry-po__select--choose {
  margin-bottom: 0px !important;
}
.purchase-entry-edit__invoice .purchase-entry-po__select {
  height: 140px;
}
.purchase-entry-edit__invoice .purchase-entry-po__select .MuiBox-root,
.purchase-entry-edit__invoice .purchase-entry-po__select .data-fetch-icon {
  margin-top: 5px !important;
}
.purchase-entry-edit__invoice .purchase-entry-po__select--choose {
  margin-bottom: 0px !important;
}
.purchase-entry-edit__po--select {
  column-gap: 20px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.purchase-entry-edit__po--select .MuiBox-root,
.purchase-entry-edit__po--select .data-fetch-icon {
  margin-top: 5px !important;
}

.pe-by-invoice {
  height: 100%;
}
.pe-by-invoice__select {
  column-gap: 10px;
}
.pe-by-invoice__select .flex-end {
  align-items: center;
}
.pe-by-invoice__select .MuiBox-root {
  margin-top: 5px;
}
.pe-by-invoice__tableblock {
  margin-top: 5px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 125px);
}
.pe-by-invoice__tableblock--modal {
  margin-top: 5px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 75px);
}

.view-pe-detailed {
  height: 100%;
}
.view-pe-detailed__details {
  height: 90px;
  background-color: white;
  border-radius: 15px;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px 10px;
}
.view-pe-detailed__details--grid {
  display: grid;
  grid-template-columns: 0.5fr 0.05fr 1fr;
}
.view-pe-detailed__details--grids {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.view-pe-detailed__tableblock {
  margin-top: 5px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 200px);
  padding: 5px;
}
.view-pe-detailed__table {
  height: calc(100% - 40px);
}

.po-stocks-list {
  height: 100%;
}
.po-stocks-list__table {
  margin-top: 10px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 205px);
}

.view-po-in-detail {
  height: 100%;
}
.view-po-in-detail__tableblock {
  margin-top: 10px;
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 205px);
}

.edit-pe {
  height: 100%;
}
.edit-pe__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  margin-top: 10px;
  height: calc(100% - 135px);
}

.edit-purchase-entry {
  height: 100%;
}

.confirm-pe {
  height: 100%;
}
.confirm-pe__tableblock {
  height: calc(100% - 290px);
  margin-top: 10px;
}

.branch-tree-structure {
  border: 1px solid var(--border-color);
  padding: 10px;
  height: 100%;
  background-color: white;
  margin-top: 5px;
  border-radius: 6px;
}
.branch-tree-structure__block {
  height: calc(100% - 30px);
  overflow: auto;
}
.branch-tree-structure__block--text {
  margin-top: 5px;
  margin-left: 5px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-primary);
}

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

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

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

.ticketing-reports {
  height: calc(100% - 125px);
}
.ticketing-reports__block {
  display: flex;
  column-gap: 10px;
  margin-top: 10px;
  padding: 5px;
  background-color: var(--bg-color);
  height: 100%;
}
.ticketing-reports__block .storybook-input {
  margin-top: 0px !important;
}
.ticketing-reports__block--left {
  width: 250px;
  height: 100%;
}
.ticketing-reports__block--right {
  width: calc(100% - 250px);
  height: 100%;
}
.ticketing-reports__block--right .flex-end {
  align-items: center;
}
.ticketing-reports__block--select {
  column-gap: 10px;
  margin-top: 5px;
}
.ticketing-reports__block--table {
  max-height: 100%;
  height: 100%;
}
.ticketing-reports__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.ticketing-reports__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.ticketing-reports__block--table td img:hover,
.ticketing-reports__block--table td a:hover {
  cursor: pointer;
}
.ticketing-reports__block--table tbody {
  background-color: var(--level-1);
}
.ticketing-reports__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.ticketing-reports__block--table tbody tr:hover td {
  color: var(--level-7);
}
.ticketing-reports__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.ticketing-reports__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-primary) !important;
}
.ticketing-reports__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.ticketing-reports__block--table {
  height: 100%;
  border: 1px solid var(--border-color);
}
.ticketing-reports__block--tableblock {
  margin-top: 10px;
  height: calc(100% - 130px);
}

.stock-group {
  height: calc(100% - 140px);
  margin: 0px;
}
.stock-group--modal {
  height: calc(100% - 35px);
}
.stock-group__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  padding: 0px 20px;
}
.stock-group__block--left {
  height: 100%;
  border-right: 2px solid var(--border-color);
  padding-right: 20px;
}
.stock-group__block--right {
  height: 100%;
  padding-left: 20px;
}
.stock-group__add {
  height: 100%;
}
.stock-group__add .MuiBox-root {
  margin-top: 10px;
}
.stock-group__add--icon {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 150px;
  height: 150px;
}
.stock-group__add--icon .material-symbols-outlined {
  font-size: 150px !important;
}
.stock-group__list {
  height: 100%;
}
.stock-group__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}
.stock-group__list--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.stock-complete-details {
  height: 100%;
}
.stock-complete-details__block {
  height: calc(100% - 70px);
  overflow: auto;
}
.stock-complete-details__block .Label {
  color: var(--text-secondary);
}
.stock-complete-details__block--items {
  border-top: 1px solid var(--border-color);
  padding-top: 5px;
  width: 100%;
}
.stock-complete-details__block--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px;
}
.stock-complete-details__block--config--grids {
  column-count: 2;
  column-gap: 2;
  border-top: 1px solid var(--border-color);
  padding-top: 5px;
  width: 100%;
}
.stock-complete-details__block--config--grid-items {
  display: flex;
  gap: 5px;
}
.stock-complete-details__block--config--grid-items .Label {
  font-size: 12px !important;
}
.stock-complete-details__block--subtitle {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding-top: 10px;
}

.stock-complete-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.highway {
  height: calc(100% - 140px);
  margin: 0px;
}
.highway__block {
  column-gap: 10px;
  height: calc(100% - 45px);
  background-color: var(--bg-color);
}
.highway__block--left {
  border-right: 5px solid var(--border-color);
  padding: 10px;
}
.highway__block--right {
  padding: 10px;
}
.highway__block--add {
  height: calc(100% - 40px);
  padding: 10px;
}
.highway__block--add .MuiBox-root {
  margin-top: 5px !important;
}
.highway__block--list {
  height: calc(100% - 40px);
  padding: 10px;
}
.highway__block--list--tableblock {
  height: calc(100% - 35px);
  margin-top: 10px;
}

.stock-item {
  height: calc(100% - 140px);
  margin: 0px;
}
.stock-item__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  overflow: auto;
}
.stock-item__add .MuiBox-root {
  margin-top: 10px;
}
.stock-item__add--grid {
  display: grid;
  grid-template-columns: 1fr 0.01fr;
}
.stock-item__add--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
  border: 1px solid var(--border-color);
  height: 35px;
  margin-top: 10px;
}
.stock-item__add--flex .MuiFormControlLabel-root {
  margin-top: 0px !important;
}
.stock-item__add--flex--image {
  background-color: var(--disabled-color);
  height: 35px;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.stock-item__add--flex--image span {
  padding-left: 5px;
  font-size: 12px;
  color: #0ea5e9;
}
.stock-item__add--flex--image span:hover {
  cursor: pointer;
  text-decoration: underline;
}
.stock-item__add--number-config {
  background-color: var(--disabled-color);
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
}
.stock-item__add--number-config--grid1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}
.stock-item__add--number-config--grid2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
}
.stock-item__add--number-config--example {
  color: var(--text-secondary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.stock-item__view {
  height: calc(100% - 110px);
}
.stock-item__view--select {
  column-gap: 10px;
}
.stock-item__view--select .MuiBox-root {
  margin-top: 5px;
}
.stock-item__view--select .flex-end {
  align-items: center;
}
.stock-item__view--tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 120px);
}
.stock-item__view--buttons {
  display: flex;
}
.stock-item__view--modal {
  height: 100%;
}

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

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

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

.stock-item-config__block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 10px;
}
.stock-item-config__block--grid-item .Label {
  font-size: 12px !important;
}
.stock-item-config__dynamic {
  margin-top: 10px;
}
.stock-item-config__dynamic--li {
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 4px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.stock-item-config__dynamic--li span {
  background-color: #f3f4f6;
  font-size: 12px !important;
  padding: 3px 8px;
  border-radius: 20px;
}
.stock-item-config__dynamic--li:hover {
  background-color: var(--level-1);
}

.stock-item-dynamic-parameter {
  height: 100%;
}
.stock-item-dynamic-parameter--form {
  height: calc(100% - 30px);
}
.stock-item-dynamic-parameter--block {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  margin-top: 5px;
  height: calc(100% - 50px);
}
.stock-item-dynamic-parameter--left {
  height: 100%;
  padding-right: 20px;
  border-right: 2px solid var(--border-color);
}
.stock-item-dynamic-parameter--right {
  height: 100%;
  padding-left: 20px;
}
.stock-item-dynamic-parameter__add {
  height: 100%;
}
.stock-item-dynamic-parameter__add--block {
  height: calc(100% - 30px);
}
.stock-item-dynamic-parameter__add--block .MuiBox-root {
  margin-top: 10px;
}
.stock-item-dynamic-parameter__list {
  height: 100%;
}
.stock-item-dynamic-parameter__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}

.stk-details-entry {
  height: calc(100% - 140px);
  margin: 0px;
}
.stk-details-entry__select {
  column-gap: 10px;
}
.stk-details-entry__select .MuiBox-root {
  margin-top: 5px;
}
.stk-details-entry__tableblock {
  height: calc(100% - 95px);
  margin-top: 10px;
}
.stk-details-entry__add {
  height: 100%;
}
.stk-details-entry__add--block {
  height: calc(100% - 35px);
}
.stk-details-entry__add--block .MuiBox-root {
  margin-top: 10px;
}
.stk-details-entry__add--block--h {
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 6px;
}
.stk-details-entry__add--block--body, .stk-details-entry__add--block--body-g {
  overflow: auto;
  height: calc(100% - 35px);
}
.stk-details-entry__add--block--body-g {
  height: calc(100% - 100px);
}
.stk-details-entry__view {
  height: calc(100% - 140px);
  margin: 0px;
}
.stk-details-entry__view--select {
  margin-bottom: 10px;
}
.stk-details-entry__view .confirm-stock-details__row {
  background-color: var(--bg-color);
}
.stk-details-entry__view--tableblock {
  margin-top: 10px;
  height: calc(100% - 145px);
}

.stock-depl {
  height: calc(100% - 140px);
  margin: 0px;
}
.stock-depl__block {
  margin-top: 5px;
  height: calc(100% - 85px);
}
.stock-depl__select {
  column-gap: 10px;
}

.sd-view-history {
  height: 100%;
}
.sd-view-history__filters {
  column-gap: 10px;
}
.sd-view-history__filters .storybook-input {
  margin-top: 0px !important;
}
.sd-view-history__tableblock {
  height: calc(100% - 115px);
  margin-top: 5px;
}

.distribute-available-stock {
  height: calc(100% - 140px);
  margin: 0px;
}
.distribute-available-stock__select {
  column-gap: 10px;
  margin-top: 10px;
}
.distribute-available-stock__select .predefined-select {
  width: 100%;
}
.distribute-available-stock__select--flex {
  display: flex;
  column-gap: 5px;
}
.distribute-available-stock__select--flex .data-fetch-icon {
  margin-top: 0px !important;
}
.distribute-available-stock__block {
  margin-top: 10px;
  height: calc(100% - 100px);
}
.distribute-available-stock__block--table {
  max-height: 100%;
  height: 100%;
}
.distribute-available-stock__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.distribute-available-stock__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.distribute-available-stock__block--table td img:hover,
.distribute-available-stock__block--table td a:hover {
  cursor: pointer;
}
.distribute-available-stock__block--table tbody {
  background-color: var(--level-1);
}
.distribute-available-stock__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.distribute-available-stock__block--table tbody tr:hover td {
  color: var(--level-7);
}
.distribute-available-stock__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.distribute-available-stock__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-primary) !important;
}
.distribute-available-stock__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.distribute-available-stock__block--table .edit-cell {
  padding: 0px !important;
}
.distribute-available-stock__block--flex, .distribute-available-stock__block--flex2 {
  display: flex !important;
  column-gap: 5px;
  align-items: center;
}
.distribute-available-stock__block--flex span, .distribute-available-stock__block--flex2 span {
  margin-top: 0px !important;
  margin-right: 10px;
  font-size: 20px !important;
}
.distribute-available-stock__block--flex2 {
  justify-content: flex-end;
}

.select-stock-distribution {
  height: 100%;
}
.select-stock-distribution__block {
  height: calc(100% - 120px);
}
.select-stock-distribution__block--first-row {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.select-stock-distribution__block--verify {
  background-color: #86efac;
  display: flex;
  height: 30px;
  align-items: center;
  column-gap: 20px;
  width: fit-content;
  padding: 0px 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  border-radius: 6px;
}
.select-stock-distribution__block--verify span {
  color: var(--text-primary);
}
.select-stock-distribution__block--verify b {
  color: #166534;
}
.select-stock-distribution__block--table {
  height: calc(100% - 75px);
  margin-top: 5px;
}

.distributed-stock {
  height: 100%;
}
.distributed-stock__block {
  margin-top: 10px;
  height: calc(100% - 155px);
}

.verify-transfer-stock {
  height: 100%;
}
.verify-transfer-stock .MuiBox-root {
  margin-top: 5px;
}
.verify-transfer-stock__table-block, .verify-transfer-stock__table-block--view {
  height: calc(100% - 75px);
  background-color: var(--bg-color);
}
.verify-transfer-stock__table-block--view {
  height: calc(100% - 115px);
}
.verify-transfer-stock__table {
  max-height: 100%;
  height: 100%;
}
.verify-transfer-stock__table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.verify-transfer-stock__table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.verify-transfer-stock__table td img:hover,
.verify-transfer-stock__table td a:hover {
  cursor: pointer;
}
.verify-transfer-stock__table tbody {
  background-color: var(--level-1);
}
.verify-transfer-stock__table tbody tr:hover {
  background-color: var(--level-2);
}
.verify-transfer-stock__table tbody tr:hover td {
  color: var(--level-7);
}
.verify-transfer-stock__table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.verify-transfer-stock__table tfoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  overflow: hidden;
  text-align: center !important;
  background-color: var(--bg-color) !important;
  color: var(--text-primary) !important;
}
.verify-transfer-stock__table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.verify-transfer-stock__table td {
  padding: 0px !important;
}

.view-distributed-stocks {
  height: 100%;
}
.view-distributed-stocks__tableblock {
  margin-top: 5px;
  height: calc(100% - 120px);
}
.view-distributed-stocks__stock {
  background-color: var(--bg-color);
}

.transfer-in-transit, .transfer-installed, .transfer-recieved, .transfer-wip {
  background-color: #f3f4f6;
  color: #6b7280;
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.transfer-in-transit .material-symbols-outlined, .transfer-installed .material-symbols-outlined, .transfer-recieved .material-symbols-outlined, .transfer-wip .material-symbols-outlined {
  color: black !important;
}

.transfer-wip {
  background-color: #fef3c7;
  color: #f59e0b;
}

.transfer-recieved {
  background-color: #fae8ff;
  color: #d946ef;
}

.transfer-installed {
  background-color: #dcfce7;
  color: #22c55e;
}

.add-vendor {
  height: calc(100% - 140px);
  margin: 0px;
}
.add-vendor__block {
  height: calc(100% - 45px);
  padding-top: 10px;
}
.add-vendor__block--basic-details {
  height: calc(100% - 65px);
  overflow: auto;
}
.add-vendor__block--basic-details .MuiBox-root,
.add-vendor__block--basic-details .react-tel-input {
  margin-top: 10px;
}

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

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

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

.view-vendor {
  height: calc(100% - 30px);
}
.view-vendor__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 85px);
}
.view-vendor__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.view-vendor__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.view-vendor__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.view-vendor__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.view-vendor__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.view-vendor__block--tabs {
  display: flex;
  justify-content: center;
}
.view-vendor__block--tabpanel {
  height: calc(100% - 60px);
}
.view-vendor__block--tabpanel .add-vendor__block--basic-details {
  height: 100%;
}
.view-vendor__block--details {
  margin-top: 10px;
  height: calc(100% - 10px);
}

.vendor-list {
  height: calc(100% - 20px);
}
.vendor-list__tableblock {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 100px);
}
.vendor-list__search {
  column-gap: 10px;
}
.vendor-list__search .MuiBox-root {
  margin-top: 5px;
}

.vendor-tkt {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.vendor-tkt__title {
  height: 40px;
  background-color: var(--bg-color);
  display: flex;
  column-gap: 5px;
  align-items: center;
  width: calc(100% - 25px);
}
.vendor-tkt__title--icon {
  border-radius: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  background-color: #d1fae5;
}
.vendor-tkt__title--icon span {
  font-size: 25px;
}
.vendor-tkt__select {
  display: flex;
  justify-content: space-between;
  background-color: var(--disabled-color);
  padding: 5px;
}
.vendor-tkt__block {
  height: calc(100% - 115px);
  overflow: auto;
  margin-top: 5px;
}
.vendor-tkt__block--li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--border-color);
  padding: 2px;
}
.vendor-tkt__block--li span {
  color: #475569;
  display: block;
  font-size: 12px;
  padding-top: 2px;
}
.vendor-tkt__block--li--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vendor-tkt__block--li--left {
  width: calc(100% - 20px);
}
.vendor-tkt__block--li--tkt-no {
  color: #dc2626;
  font-weight: 500;
  font-size: 14px;
}
.vendor-tkt__block--li--time {
  font-size: 10px;
  background-color: #e2e8f0;
  padding: 3px 5px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.vendor-tkt__block--li--right span {
  font-size: 25px;
}
.vendor-tkt__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}

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

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

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

.vendor-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
  position: relative;
}
.vendor-dashboard .buttons-flex {
  position: relative;
  z-index: 1000;
  margin-left: 10px;
}
.vendor-dashboard__data {
  height: calc(100% - 25px);
  position: relative;
}
.vendor-dashboard__data--re-order {
  height: calc(100% - 45px);
  position: relative;
}
.vendor-dashboard__block {
  height: auto !important;
  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;
  background-color: var(--bg-color);
  margin: 5px;
}
.vendor-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);
}
.vendor-dashboard__block {
  position: relative;
}
.vendor-dashboard__block .reorder-handle--icon {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  cursor: grab;
  padding: 5px;
}

.work-order {
  height: 100%;
}
.work-order__title {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.work-order__title--icon {
  border-radius: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  background-color: #fae8ff;
}
.work-order__title--icon span {
  font-size: 25px;
}
.work-order__list {
  height: calc(100% - 55px);
  margin: 0px 5px;
}
.work-order__list--li {
  display: flex;
  justify-content: space-between;
  column-gap: 2px;
  padding: 2px;
  width: 100%;
  border-bottom: 2px solid var(--border-color);
}
.work-order__list--left {
  width: calc(100% - 20px);
  display: flex;
  justify-content: space-between;
}
.work-order__list--left b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.work-order__list--place {
  color: var(--text-secondary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  display: block;
}
.work-order__list--total {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  border: 1px solid var(--border-color);
  column-gap: 5px;
  width: fit-content;
  border-radius: 6px;
  background-color: #f1f5f9;
  font-size: 12px;
}
.work-order__list--total .material-symbols-outlined {
  font-size: 20px;
}
.work-order__list--status {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: var(--disabled-color);
  height: fit-content;
  display: flex;
  align-items: center;
}
.work-order__button {
  display: flex;
  justify-content: center;
}
.work-order__stock {
  display: flex;
  column-gap: 5px;
}
.work-order__stock--icon {
  height: 30px;
  width: 30px;
  border-radius: 6px;
  padding: 6px;
}

.vendor-manager-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
  position: relative;
}
.vendor-manager-dashboard .buttons-flex {
  position: relative;
  z-index: 1000;
  margin-left: 10px;
}
.vendor-manager-dashboard__data {
  height: calc(100% - 25px);
  position: relative;
}
.vendor-manager-dashboard__data--re-order {
  height: calc(100% - 45px);
  position: relative;
}
.vendor-manager-dashboard__block {
  height: auto !important;
  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;
  background-color: var(--bg-color);
  margin: 5px;
}
.vendor-manager-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);
}
.vendor-manager-dashboard__block {
  position: relative;
}
.vendor-manager-dashboard__block .reorder-handle--icon {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  cursor: grab;
  padding: 5px;
}

.vendor-manager-asset-details {
  display: flex;
  width: 100%;
  column-gap: 5px;
}
.vendor-manager-asset-details .material-symbols-outlined {
  font-size: 38px;
  color: white !important;
  padding: 5px;
  background-color: var(--level-8);
  border-radius: 6px;
  text-align: center;
}
.vendor-manager-asset-details span {
  color: var(--text-secondary);
  font-size: 14px;
}
.vendor-manager-asset-details b {
  color: var(--text-primary);
  font-size: 18px;
}
.vendor-manager-asset-details__flex {
  display: flex;
  flex-direction: column;
}
.vendor-manager-asset-details__flex .text-green {
  font-size: 12px;
  color: #22c55e;
  margin-left: 5px;
  font-weight: 500;
}

.transfer-stock {
  height: calc(100% - 140px);
  margin: 0px;
}
.transfer-stock__filter {
  column-gap: 10px;
}
.transfer-stock__table {
  margin-top: 5px;
  height: calc(100% - 85px);
}

.available-stock {
  height: calc(100% - 15px);
}
.available-stock__store {
  height: 65px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 8px;
  border-radius: 6px;
}
.available-stock__store span {
  color: var(--text-secondary);
}
.available-stock__store--grid {
  display: flex;
  padding-bottom: 3px;
  column-gap: 5px;
}
.available-stock__store--grid .Label {
  width: 150px;
}
.available-stock__store--grid b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.available-stock__store--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.available-stock__store--flex b {
  background-color: var(--level-4);
  padding: 2px 5px;
  border-radius: 5px;
}
.available-stock__store--code {
  background-color: var(--level-2);
  padding: 2px 5px;
  border-radius: 5px;
}
.available-stock__store--code span {
  font-size: 15px;
  color: var(--text-primary);
  margin-right: 5px;
}
.available-stock__table {
  height: calc(100% - 105px);
  margin-top: 3px;
}
.available-stock__table--block {
  height: calc(100% - 40px);
  margin-top: 5px;
}
.available-stock__without-sl {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.available-stock__without-sl--block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
  height: 250px;
  width: 300px;
  background-color: var(--level-2);
  padding: 60px;
}
.available-stock__without-sl--block span {
  font-size: 60px;
}
.available-stock__without-sl--block .Label {
  color: var(--text-primary);
  padding: 15px;
}
.available-stock__without-sl--block b {
  color: white;
  padding: 5px 20px;
  background-color: var(--level-8);
  border-radius: 6px;
}

.new-stock-transfer {
  height: calc(100% - 140px);
  margin: 0px;
}
.new-stock-transfer__block {
  height: calc(100% - 40px);
}
.new-stock-transfer__block--filters {
  column-gap: 10px;
}
.new-stock-transfer__block--tableblock {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.new-stock-transfer__block--table {
  max-height: 100%;
  height: 100%;
}
.new-stock-transfer__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.new-stock-transfer__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.new-stock-transfer__block--table td img:hover,
.new-stock-transfer__block--table td a:hover {
  cursor: pointer;
}
.new-stock-transfer__block--table tbody {
  background-color: var(--level-1);
}
.new-stock-transfer__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.new-stock-transfer__block--table tbody tr:hover td {
  color: var(--level-7);
}
.new-stock-transfer__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.new-stock-transfer__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-primary) !important;
}
.new-stock-transfer__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.new-stock-transfer__block--table td {
  padding: 0px !important;
  align-items: center;
}
.new-stock-transfer__block--table--code {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.new-stock-transfer__block--table--flex {
  display: flex;
  justify-content: space-between;
}
.new-stock-transfer__block--table--qty {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 5px;
}
.new-stock-transfer__mrf {
  height: 100%;
}
.new-stock-transfer__mrf--block {
  height: calc(100% - 75px);
  margin-top: 10px;
  overflow: auto;
}
.new-stock-transfer__mrf--block ul {
  margin-bottom: 0px !important;
}
.new-stock-transfer__mrf--block li {
  border-bottom: 1px dashed var(--text-secondary);
  padding: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-primary);
}
.new-stock-transfer__mrf--block li b {
  font-weight: 500;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: var(--level-2);
  border-radius: 6px;
  padding: 2px 5px;
}
.new-stock-transfer__mrf--block li b span {
  font-size: 18px;
}

.new-stock-transfer__mrf--block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

.new-stock-transfer__mrf--block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.initiate-stock {
  height: 100%;
}
.initiate-stock__header {
  background-color: #fef3c7;
  height: 50px;
  display: flex;
  align-items: center;
}
.initiate-stock__header--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.initiate-stock__header--flex span {
  font-size: 35px;
}
.initiate-stock__block {
  height: calc(100% - 90px);
  padding: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary);
}

.success-stock {
  height: 100%;
}
.success-stock__header {
  background-color: #dcfce7;
  height: 50px;
  display: flex;
  align-items: center;
}
.success-stock__header--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.success-stock__header--flex span {
  font-size: 35px;
  color: #4ade80;
}
.success-stock__block {
  height: calc(100% - 90px);
  padding: 10px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary);
}

.verify-transfer {
  height: calc(100% - 140px);
  margin: 0px;
}
.verify-transfer__tableblock {
  margin-top: 5px;
  height: calc(100% - 85px);
}

.transfer-stock-details {
  height: calc(100% - 40px);
}
.transfer-stock-details .available-stock__store {
  height: 40px;
  align-items: center;
}
.transfer-stock-details .available-stock__table--block {
  height: calc(100% - 75px);
}
.transfer-stock-details__tableblock {
  margin-top: 5px;
  height: calc(100% - 80px);
}
.transfer-stock-details__counts {
  margin-top: 5px;
  column-gap: 10px;
}
.transfer-stock-details__counts .edit-cell {
  width: fit-content !important;
}
.transfer-stock-details__counts--selected {
  width: fit-content;
  padding: 4px 8px;
  background-color: #bbf7d0;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.transfer-stock-details__counts--selected b {
  color: #15803d;
  font-size: 16px;
  border-radius: 3px;
  margin-left: 5px;
}

.confirm-stock-details {
  height: 100%;
}
.confirm-stock-details .available-stock__store {
  height: 40px;
  align-items: center;
}
.confirm-stock-details .available-stock__table--block {
  height: calc(100% - 75px);
}
.confirm-stock-details__tableblock {
  height: calc(100% - 150px);
}

.no-stocks {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-stocks--block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
  height: 250px;
  width: 350px;
  background-color: var(--level-2);
  padding: 20px;
}
.no-stocks--block span {
  font-size: 60px;
}
.no-stocks--block .Label {
  color: var(--text-primary);
  margin-top: 20px;
}
.no-stocks--block b {
  color: white;
  padding: 5px 20px;
  background-color: var(--level-8);
  border-radius: 6px;
}

.transit-verification-dashboard {
  height: calc(100% - 140px);
  margin: 0px;
  padding: 10px;
}
.transit-verification-dashboard__f-row {
  height: 50%;
}

.transit-verification-table {
  height: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--bg-color);
}
.transit-verification-table__title {
  display: flex;
  justify-content: space-between;
  height: 30px;
  padding: 5px;
}
.transit-verification-table__block {
  margin-top: 5px;
  height: calc(100% - 105px);
}
.transit-verification-table__view {
  display: flex;
  justify-content: center;
}

.transfer-verification {
  height: calc(100% - 140px);
  margin: 0px;
}
.transfer-verification__block {
  height: calc(100% - 85px);
}
.transfer-verification__block .transit-verification-table__block {
  height: 100%;
}

.verify-transit {
  height: calc(100% - 140px);
  margin: 0px;
}
.verify-transit__bs {
  height: 60px;
  margin-left: 10px;
  background-color: var(--bg-color);
}
.verify-transit__bs--addr {
  background-color: var(--level-4);
  padding: 5px 8px;
  border-radius: 3px;
  width: fit-content;
}
.verify-transit__block {
  height: calc(100% - 110px);
  background-color: var(--bg-color);
}
.verify-transit__block--table {
  max-height: 100%;
  height: 100%;
}
.verify-transit__block--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.verify-transit__block--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.verify-transit__block--table td img:hover,
.verify-transit__block--table td a:hover {
  cursor: pointer;
}
.verify-transit__block--table tbody {
  background-color: var(--level-1);
}
.verify-transit__block--table tbody tr:hover {
  background-color: var(--level-2);
}
.verify-transit__block--table tbody tr:hover td {
  color: var(--level-7);
}
.verify-transit__block--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.verify-transit__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-primary) !important;
}
.verify-transit__block--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.verify-transit__block--table {
  height: calc(100% - 45px);
  margin-top: 5px;
}
.verify-transit__block--table td {
  padding: 0px 0px !important;
}
.verify-transit__block--table td img {
  width: 20px;
  height: 20px;
}
.verify-transit__block--table--flex {
  display: flex;
}
.verify-transit__block--table--qty {
  display: flex;
  justify-content: flex-end;
  margin-right: 4px;
  align-items: center;
}

.confirm-stock-details {
  height: 100%;
}
.confirm-stock-details__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 8px 5px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.confirm-stock-details__row--grid {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}
.confirm-stock-details__row--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.confirm-stock-details__row--flex:hover {
  text-decoration: underline;
}
.confirm-stock-details__block {
  height: calc(100% - 80px);
  margin-top: 5px;
  background-color: var(--bg-color);
  padding: 5px;
}
.confirm-stock-details__block--table {
  height: 100%;
}
.confirm-stock-details__block--table--first-row {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.confirm-stock-details__block--table--verify {
  background-color: #86efac;
  display: flex;
  height: 30px;
  align-items: center;
  column-gap: 20px;
  width: fit-content;
  padding: 0px 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  border-radius: 6px;
}
.confirm-stock-details__block--table--verify span {
  color: var(--text-primary);
}
.confirm-stock-details__block--table--verify b {
  color: #166534;
}
.confirm-stock-details__block--table--second-row {
  padding: 5px 0px;
}
.confirm-stock-details__block--table--third-row {
  height: calc(100% - 125px);
}
.confirm-stock-details__block--table--not-received {
  background-color: #b91c1c !important;
  color: white !important;
}
.confirm-stock-details__block--table--received {
  background-color: #15803d !important;
  color: white !important;
}

.ticketing {
  height: 100%;
}
.ticketing__header {
  height: 50px;
  position: sticky;
  background: var(--whiteAlpha-100, rgba(255, 255, 255, 0.06));
  backdrop-filter: blur(16.1333332062px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ticketing__header--left {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.ticketing__header--hamburger {
  width: 50px;
  height: 100%;
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  border-radius: 3px;
}
.ticketing__header--hamburger span {
  font-size: 40px;
}
.ticketing__header--h {
  border: 1px solid var(--border-color);
  width: 340px;
  display: flex;
  column-gap: 5px;
  z-index: 999;
  background-color: var(--bg-color);
  align-items: center;
  height: 100%;
  border-radius: 6px;
}
.ticketing__header--h span {
  font-size: 40px;
}
.ticketing__header--h .select {
  border-style: none;
  width: calc(100% - 80px);
  margin-top: 0px !important;
  height: 40px !important;
}
.ticketing__header--right {
  display: flex;
  column-gap: 5px;
  align-items: center;
}

.filter-option-maps {
  height: 100%;
}
.filter-option-maps__header {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-option-maps__header .storybook-button {
  margin-top: 0px !important;
}
.filter-option-maps__block {
  height: calc(100% - 40px);
  overflow: auto;
}
.filter-option-maps__block .storybook-input {
  margin-top: 2px !important;
}
.filter-option-maps__block .MuiAccordionDetails-root {
  padding: 8px !important;
}
.filter-option-maps__block .MuiButtonBase-root {
  padding: 2px !important;
}
.filter-option-maps__flex {
  display: flex;
  justify-content: space-between;
  padding: 3px;
  align-items: center;
  width: 100%;
}
.filter-option-maps__flex--l {
  display: flex;
  align-items: center;
  font-size: 11px;
}
.filter-option-maps__flex--l span {
  color: #4b5563;
  display: block;
}
.filter-option-maps__flex--r {
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.ticket-details {
  height: 100%;
}
.ticket-details__block {
  width: 100%;
  height: calc(100% - 75px);
  display: flex;
  background-color: var(--bg-color);
}
.ticket-details__l {
  width: 35%;
  border: 1px solid var(--border-color);
  height: 100%;
}
.ticket-details__r {
  width: 65%;
  height: 100%;
}

.particular-tkt {
  height: 100%;
}

.particular-item {
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  border-left: 5px solid red !important;
  padding: 3px 5px;
  border: 1px solid var(--border-color);
  height: 60px;
}
.particular-item__details {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.particular-item__details--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.particular-item__details--flex b {
  color: var(--text-primary);
  font-size: 16px;
}
.particular-item__details--flex span {
  color: var(--text-secondary);
}
.particular-item__details--maintained-by {
  color: var(--text-secondary);
  font-size: 14px;
  display: block;
}
.particular-item__details--r {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.particular-item__details--r span {
  font-size: 30px;
}

.co-ordinate {
  background-color: #dcfce7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Calibri ", sans-serif !important;
  height: 25px;
}
.co-ordinate span {
  font-size: 12px;
  background-color: white;
  border-radius: 20px;
  padding: 2px 10px;
}

.ticket-raised-list {
  height: calc(100% - 90px);
}
.ticket-raised-list__header {
  height: 40px;
  background-color: #ef4444;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  color: white;
  padding-left: 10px;
  font-weight: 700;
}
.ticket-raised-list__block {
  height: calc(100% - 40px);
  overflow: auto;
  font-family: "Calibri ", sans-serif !important;
  padding: 5px;
  font-size: 14px;
}
.ticket-raised-list__block li {
  display: grid;
  grid-template-columns: 0.6fr 0.04fr 1fr;
  padding: 3px;
}
.ticket-raised-list__block--raised-by {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 3px 5px;
}
.ticket-raised-list__block--raised-by span {
  display: block;
}
.ticket-raised-list__block--raised-by b {
  color: var(--text-primary);
}
.ticket-raised-list__block--raised-by span {
  color: var(--text-secondary);
}
.ticket-raised-list__block--raised-by--flex {
  display: flex;
  justify-content: space-between;
}
.ticket-raised-list__block--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-raised-list__block--attachments--flex {
  display: flex;
  column-gap: 5px;
}

.ticket-raised-list__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.follow-up {
  height: calc(100% - 30px);
  font-family: "Calibri ", sans-serif !important;
}
.follow-up__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  padding: 0px 5px;
  height: 35px;
}
.follow-up__header .overall-total-count {
  margin-top: 0px !important;
}
.follow-up__user-input {
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.follow-up--input {
  height: 40px;
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.follow-up--input input {
  width: calc(100% - 30px);
  height: 38px;
}
.follow-up--input :focus {
  border: 1px solid var(--level-3);
}
.follow-up--input img {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.follow-up--choose-file {
  display: none;
}
.follow-up__vendor-status {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  padding: 0px 5px;
  border-bottom: 1px dashed var(--border-color);
}
.follow-up__vendor-status b {
  font-weight: 500;
}
.follow-up__vendor-status span {
  background-color: #f3f4f6;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
}
.follow-up__block-details {
  height: calc(100% - 120px);
  overflow: auto;
}
.follow-up__vendor-details {
  padding: 5px;
  border-bottom: 2.3px dashed var(--border-color);
  display: flex;
  justify-content: space-between;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
}
.follow-up__vendor-details--l {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  gap: 1px;
}
.follow-up__vendor-details--l--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up__vendor-details--l p {
  font-size: 14px;
  margin-bottom: 0px !important;
}
.follow-up__vendor-details--r {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.follow-up__vendor-details--r--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up__vendor-details--ul {
  margin-bottom: 0px !important;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.follow-up__vendor-details--ul li {
  padding: 5px;
}
.follow-up__edit {
  height: 100%;
}
.follow-up__edit--block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
  padding: 5px;
}
.follow-up__sla {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--disabled-color);
}
.follow-up__sla p {
  font-size: 14px;
  margin-bottom: 0px !important;
}

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

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

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

.raise-ticket {
  height: 100%;
}
.raise-ticket__block {
  height: calc(100% - 65px);
}
.raise-ticket__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.raise-ticket__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.raise-ticket__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.raise-ticket__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.raise-ticket__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.raise-ticket__block--tab-panel {
  height: calc(100% - 25px) !important;
}
.raise-ticket__stock-details {
  height: calc(100% - 35px);
  background-color: var(--bg-color);
  padding: 5px;
  overflow: auto;
}
.raise-ticket__stock-details .co-ordinate {
  margin-bottom: 5px;
}
.raise-ticket__stock-details--preview {
  background-color: var(--disabled-color);
  height: 80px;
  width: 80px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.raise-ticket__stock-details--preview--img {
  position: relative;
  background-color: var(--disabled-color);
  height: 100%;
  width: 100%;
}
.raise-ticket__stock-details--preview--img img {
  height: 100%;
  width: 100%;
}
.raise-ticket__stock-details--preview--delete {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 5px;
  background-color: white;
  border-radius: 50%;
  padding: 5px;
  right: 5px;
}
.raise-ticket__stock-details--preview--delete span {
  font-size: 20px !important;
}
.raise-ticket__stock-details--preview span {
  font-size: 60px;
}
.raise-ticket__stock-details--input {
  display: none;
}
.raise-ticket__buttons {
  align-items: center;
}

.raise-ticket-legends {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 5px;
  margin-top: 10px;
}
.raise-ticket-legends span {
  font-size: 10px;
  font-family: "Calibri ", sans-serif !important;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 0px 6px;
  font-weight: 500;
}

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

.border-yellow {
  border-left: 3px solid #fbbf24 !important;
}

.border-green {
  border-Left: 3px solid green !important;
}

.border-purple {
  border-Left: 3px solid #e879f9 !important;
}

.particular-item-details {
  height: 100%;
  width: 100%;
}
.particular-item-details__block {
  height: calc(100% - 65px);
  width: 100%;
  overflow: auto;
}
.particular-item-details__block--details {
  padding: 5px;
  border-bottom: 2.3px dashed var(--border-color);
}
.particular-item-details__block--details li {
  padding: 5px;
  display: grid;
  grid-template-columns: 0.4fr 0.02fr 1fr;
}
.particular-item-details__block b {
  display: block;
}

.particular-stock-details__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.raise-ticket-history {
  background-color: var(--bg-color);
  height: calc(100% - 35px);
}
.raise-ticket-history__select {
  column-gap: 5px;
}
.raise-ticket-history__block {
  height: calc(100% - 105px);
  overflow: auto;
  margin-top: 5px;
  padding: 5px;
}
.raise-ticket-history__block ul {
  margin-bottom: 0px !important;
  height: 100%;
}
.raise-ticket-history__block ul li {
  display: grid;
  grid-template-columns: 0.2fr repeat(4, 1fr) 0.2fr;
  align-items: center;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.raise-ticket-history__block ul li:hover {
  background-color: var(--level-2);
}
.raise-ticket-history__block--grid b {
  display: block;
}

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

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

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

.sla-exemption {
  height: 100%;
}
.sla-exemption__block {
  height: calc(100% - 75px);
  background-color: var(--bg-color);
}
.sla-exemption__block .storybook-input {
  margin-top: 0px !important;
  width: 100%;
}
.sla-exemption__block--grid {
  display: flex;
  width: 100%;
  column-gap: 10px;
}
.sla-exemption__block--grid .storybook-button {
  margin-top: 0px !important;
  width: fit-content !important;
}
.sla-exemption__block--grid .storybook-button {
  width: 100%;
}

.assign-technician {
  height: 100%;
  background-color: var(--disabled-color);
  padding: 0px 20px;
  z-index: 2000;
}
.assign-technician__title {
  margin-bottom: 5px;
}
.assign-technician__block {
  height: calc(100% - 110px);
  background-color: var(--bg-color);
  padding: 5px;
  overflow: auto;
}
.assign-technician__block--li {
  border-bottom: 2px dashed var(--border-color);
  margin-bottom: 5px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assign-technician__block--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.assign-technician__block--flex b {
  color: var(--text-primary);
}
.assign-technician__block--flex span {
  color: var(--text-secondary);
}

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

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

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

.filter-options-ticketing {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.filter-options-ticketing__block {
  height: calc(100% - 70px);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--disabled-color);
}
.filter-options-ticketing__block--header {
  background-color: var(--level-7);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  font-weight: 700;
}
.filter-options-ticketing__block--body {
  border: 1px solid var(--border-color);
}
.filter-options-ticketing__block--body--button {
  display: flex;
  justify-content: flex-end;
}
.filter-options-ticketing__block--body--li {
  display: block;
  border-bottom: 2px solid var(--disabled-color);
  padding: 5px;
  font-size: 14px;
  padding: 5px;
  color: var(--text-secondary);
}
.filter-options-ticketing__block--body--li:hover {
  border-radius: 6px;
  background-color: var(--level-2);
}
.filter-options-ticketing__block--body--li b {
  font-size: 16px;
  color: var(--text-primary);
}
.filter-options-ticketing__block--body--grid {
  display: grid;
  column-gap: 5px;
  grid-template-columns: auto 0.1fr;
  padding: 5px;
}
.filter-options-ticketing__block--body--ul {
  height: calc(100% - 65px);
  overflow: auto;
}
.filter-options-ticketing__block--body--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.filter-options-ticketing__block--body--flex span {
  font-size: 14px;
}
.filter-options-ticketing__block--body--text {
  border: 1px solid var(--border-color);
  padding: 2px 8px;
  border-radius: 20px;
  background-color: var(--disabled-color);
  color: var(--text-primary);
}
.filter-options-ticketing__block--body--title {
  display: flex;
  justify-content: space-between;
}
.filter-options-ticketing__block--body--title button {
  font-size: 10px;
  padding: 0px 8px;
  border-radius: 10px;
}
.filter-options-ticketing__stock {
  height: 100%;
  background-color: var(--bg-color);
}
.filter-options-ticketing__stock--block {
  height: calc(100% - 75px);
  display: flex;
  font-family: "Calibri ", sans-serif !important;
  border: 1px solid var(--border-color);
}
.filter-options-ticketing__stock--block--left {
  width: 200px;
  border-right: 1px solid var(--border-color);
  height: 100%;
}
.filter-options-ticketing__stock--block--right {
  width: calc(100% - 200px);
  height: 100%;
}
.filter-options-ticketing__stock--block--right b {
  padding: 5px;
}
.filter-options-ticketing__stock--block--right--ul {
  position: relative;
  height: calc(100% - 130px);
  padding: 5px;
  margin-top: 5px;
  overflow: auto;
}
.filter-options-ticketing__stock--block--right--ul li {
  font-size: 14px;
  padding: 3px;
}
.filter-options-ticketing__stock--block--right--sub-li {
  margin-left: 10px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
.filter-options-ticketing__stock--block--right--sub-li span {
  font-size: 16px;
}
.filter-options-ticketing__stock--block--ul {
  height: calc(100% - 105px);
  overflow: auto;
  margin-top: 5px;
}
.filter-options-ticketing__stock--block--ul .active {
  background-color: var(--level-4);
  border-radius: 3px;
}
.filter-options-ticketing__stock--block--ul li {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 3px;
}
.filter-options-ticketing__stock--block--ul li:hover {
  background-color: var(--level-1);
  border-radius: 3px;
}
.filter-options-ticketing__stock--block--ul ul {
  margin-bottom: 0px !important;
}
.filter-options-ticketing__stock--header {
  background-color: #e5e7eb;
  color: var(--text-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 1px solid var(--border-color);
  width: 100%;
  height: 60px;
  font-weight: 700;
}
.filter-options-ticketing__category {
  height: 100%;
}
.filter-options-ticketing__category--header {
  background-color: var(--disabled-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  height: 60px;
}
.filter-options-ticketing__category--header b {
  text-align: center;
  font-size: 16px;
}
.filter-options-ticketing__category--body {
  height: calc(100% - 200px);
  margin-top: 10px !important;
  overflow: auto;
}
.filter-options-ticketing__category--body--sub-li {
  padding: 3px;
  margin-left: 5px;
}

.filter-options-ticketing__stock--block--right--ul::-webkit-scrollbar,
.filter-options-ticketing__category--body::-webkit-scrollbar,
.filter-options-ticketing__stock--block--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.filter-options-ticketing__stock--block--right--ul::-webkit-scrollbar-thumb,
.filter-options-ticketing__category--body::-webkit-scrollbar-thumb,
.filter-options-ticketing__stock--block--ul::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.filter-options-ticketing__stock--block--right--ul::-webkit-scrollbar-thumb:hover,
.filter-options-ticketing__category--body::-webkit-scrollbar-thumb:hover,
.filter-options-ticketing__stock--block--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.ticket-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.ticket-list__block {
  height: 100%;
}
.ticket-list__block--filters {
  column-gap: 10px;
}
.ticket-list__block--filters .MuiBox-root {
  margin-top: 5px;
}
.ticket-list__block--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
  justify-content: space-between;
}
.ticket-list__block--flex .overall-total-count {
  margin-top: 0px !important;
}
.ticket-list__block--table {
  margin-top: 5px;
  height: calc(100% - 115px);
}

.technician-dashboard {
  margin: 0px;
  height: calc(100% - 130px);
  position: relative;
}
.technician-dashboard .buttons-flex {
  position: relative;
  z-index: 1000;
  margin-left: 10px;
  margin-bottom: 10px;
  width: fit-content !important;
}
.technician-dashboard__data {
  height: 100%;
  overflow: auto;
  position: relative;
}
.technician-dashboard__data--re-order {
  height: calc(100% - 55px);
  position: relative;
}
.technician-dashboard__row-1 {
  height: calc(50% - 5px);
}
.technician-dashboard__row-2 {
  height: calc(50% - 5px);
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  padding: 10px;
}
.technician-dashboard__row-2--title {
  font-family: "Calibri ", sans-serif !important;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.technician-dashboard__row-2--title span {
  margin-right: 10px;
  font-size: 35px !important;
}
.technician-dashboard__tableblock {
  height: 100%;
}
.technician-dashboard__tableblock--table {
  margin-top: 5px;
  height: calc(100% - 115px);
  background-color: var(--bg-color);
}
.technician-dashboard__tableblock--view {
  height: calc(100% - 140px);
  margin: 0px;
}
.technician-dashboard__tableblock--button {
  display: flex;
  justify-content: center;
}
.technician-dashboard__tableblock--title span {
  font-size: 35px !important;
  margin-right: 10px;
}
.technician-dashboard__block {
  height: auto !important;
  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;
  background-color: var(--bg-color);
  margin: 5px;
}
.technician-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);
}
.technician-dashboard__block {
  position: relative;
}
.technician-dashboard__block .reorder-handle--icon {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  cursor: grab;
  padding: 5px;
}
.technician-dashboard__ppm {
  height: 100%;
}
.technician-dashboard__ppm--title {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  width: calc(100% - 25px);
}
.technician-dashboard__ppm--title .activity-icon {
  font-size: 20px;
  background-color: #fee2e2;
  padding: 3px;
  border-radius: 6px;
  margin-right: 5px;
}
.technician-dashboard__ppm--select {
  column-gap: 10px;
}
.technician-dashboard__ppm--data {
  margin-top: 5px;
  height: calc(100% - 110px);
  overflow: auto;
  background-color: var(--bg-color);
  border-radius: 6px;
}
.technician-dashboard__ppm--data--left span {
  color: #6b7280;
  font-size: 12px;
}
.technician-dashboard__ppm--data--li {
  display: grid;
  grid-template-columns: 1fr 0.02fr;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid var(--text-secondary);
}
.technician-dashboard__ppm--data--li b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__ppm--data--title {
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
}
.technician-dashboard__ppm--data--flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
}
.technician-dashboard__ppm--data--flex span {
  background-color: var(--level-2);
  color: var(--text-primary);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 600;
}
.technician-dashboard__ppm--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.technician-dashboard__ticket-summary {
  background-color: white;
  height: 100%;
}
.technician-dashboard__ticket-summary--title, .technician-dashboard__stocks--title, .technician-dashboard__ticket-details--title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__ticket-summary--title span, .technician-dashboard__stocks--title span, .technician-dashboard__ticket-details--title span {
  font-size: 20px;
  background-color: #fae8ff;
  padding: 3px;
  border-radius: 6px;
  margin-right: 5px;
}
.technician-dashboard__ticket-details {
  background-color: white;
  height: 100%;
}
.technician-dashboard__ticket-details--list {
  margin-top: 5px;
  height: calc(100% - 85px);
  overflow: auto;
}
.technician-dashboard__ticket-details--list--li {
  border-bottom: 1px solid var(--text-secondary);
  padding: 5px;
  display: grid;
  grid-template-columns: 1fr 0.03fr;
  align-items: center;
  column-gap: 5px;
}
.technician-dashboard__ticket-details--list--title {
  display: flex;
  justify-content: space-between;
}
.technician-dashboard__ticket-details--list--title b {
  color: #ef4444;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__ticket-details--list--date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technician-dashboard__ticket-details--list--time {
  background-color: #d1d5db;
  color: var(--text-primary) !important;
  font-size: 14px;
  border-radius: 10px;
  padding: 5px;
}
.technician-dashboard__ticket-details--list--left span {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-secondary);
}
.technician-dashboard__ticket-details--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.technician-dashboard__stocks {
  background-color: white;
  height: 100%;
}
.technician-dashboard__stocks--title span {
  background-color: #dbeafe;
}
.technician-dashboard__stocks--data {
  margin-top: 5px;
  height: calc(100% - 52px);
  overflow: auto;
  background-color: var(--bg-color);
  border-radius: 6px;
}
.technician-dashboard__stocks--data--left span {
  font-family: "Calibri ", sans-serif !important;
  color: #6b7280;
  font-size: 12px;
  display: block;
}
.technician-dashboard__stocks--data--li {
  display: grid;
  grid-template-columns: 1fr 0.03fr;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid var(--text-secondary);
}
.technician-dashboard__stocks--data--li b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.technician-dashboard__stocks--data--title {
  display: flex;
  justify-content: space-between;
}
.technician-dashboard__stocks--data--flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
}
.technician-dashboard__stocks--data--flex span {
  background-color: var(--level-2);
  color: var(--text-primary);
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 600;
}
.technician-dashboard__stocks--button {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.technician-dashboard .grid-stack {
  height: calc(100% - 10px) !important;
  margin-bottom: 0px !important;
}

.grid-stack-item-content {
  height: calc(100% - 5px) !important;
  margin-bottom: 0px !important;
}

.ppm-priority, .ppm-high, .ppm-low, .ppm-medium, .ppm-critical {
  color: white !important;
  font-weight: 700;
  border-radius: 2px;
  height: 35px;
  width: 35px;
  text-align: center;
  font-size: 12px;
  padding: 3px 5px;
  margin-left: 5px;
}

.ppm-critical {
  background-color: #ef4444;
}

.ppm-medium {
  background-color: #3b82f6;
}

.ppm-low {
  background-color: #6b7280;
}

.ppm-high {
  background-color: #f59e0b;
}

.widgets-button {
  position: absolute;
  right: 0px;
  left: auto;
  top: 50%;
  bottom: "auto";
  z-index: 999;
  overflow: visible;
  border-radius: 10px;
  background-color: black;
  border-radius: 25px;
  padding: 5px 30px 5px 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.widgets-button span {
  color: #34d399;
  font-size: 35px;
}

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

.stock-installation {
  height: 100%;
}
.stock-installation__block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
  position: relative;
}
.stock-installation__block .MuiBox-root {
  margin-top: 5px !important;
}
.stock-installation__block--flex {
  display: flex;
  column-gap: 10px;
}
.stock-installation__block--comment {
  background-color: #f0fdf4;
  color: #22c55e;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 2px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  position: absolute;
  bottom: 5px;
  width: calc(100% - 10px);
}
.stock-installation__details {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 10px;
  height: 130px;
  margin-bottom: 10px;
}
.stock-installation__details .stock-complete-details__block--items {
  border-style: none !important;
}
.stock-installation__details--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  padding: 2px;
}
.stock-installation__details--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.in-transit, .recieved-stock {
  background-color: var(--disabled-color) !important;
  display: flex;
  align-items: center;
}
.in-transit span, .recieved-stock span {
  font-size: 20px;
}

.recieved-stock {
  background-color: #ede9fe !important;
  color: #a78bfa !important;
}

.tkt-details {
  height: 100%;
}
.tkt-details__block {
  background-color: var(--bg-color);
  height: calc(100% - 75px);
}
.tkt-details__block--select {
  column-gap: 10px;
}
.tkt-details__block--table {
  margin-top: 5px;
}

.widgets-modal {
  height: 100%;
  padding: 10px;
}
.widgets-modal .Heading {
  justify-content: flex-start !important;
}
.widgets-modal__card {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.widgets-modal__item, .widgets-modal__re-order {
  display: flex;
  padding: 5px;
  border-bottom: 1px solid var(--border-color);
}
.widgets-modal__item label, .widgets-modal__re-order label {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.widgets-modal__item .MuiFormControlLabel-root, .widgets-modal__re-order .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between !important;
  width: calc(100% - 25px) !important;
}
.widgets-modal__item--icon {
  border-radius: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
}
.widgets-modal__item--icon span {
  font-size: 25px;
}
.widgets-modal__re-order {
  background-color: var(--bg-color);
  padding: 5px;
  height: 50px;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
.widgets-modal__re-order .MuiFormControlLabel-root {
  display: flex !important;
  justify-content: space-between !important;
  width: calc(100% - 45px) !important;
}

.customize-widgets {
  height: calc(100% - 140px);
  margin: 0px;
}
.customize-widgets__block {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customize-widgets__block--card {
  background-color: var(--bg-color);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  text-align: center;
  width: 400px;
}
.customize-widgets__block--card .material-symbols-outlined {
  font-size: 180px;
}
.customize-widgets__block--card b {
  font-size: 16px;
  color: var(--text-primary);
}
.customize-widgets__block--text {
  color: var(--text-secondary);
  display: block;
  font-size: 14px !important;
}
.customize-widgets__list {
  height: 100%;
}
.customize-widgets__list--block {
  background-color: var(--bg-color);
  padding: 10px;
  height: calc(100% - 65px);
}
.customize-widgets__list--text {
  color: var(--text-secondary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.customize-widgets__list--list {
  height: calc(100% - 60px);
  overflow: auto;
  margin-top: 5px;
}
.customize-widgets__list--list .MuiFormControlLabel-root {
  margin-left: 5px;
}
.customize-widgets__list--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.customize-widgets__list--grid .checked {
  background-color: var(--level-1);
  border: 1px solid var(--level-8);
}
.customize-widgets__list--flex {
  display: flex;
  column-gap: 5px;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.customize-widgets__list--select-all {
  margin-top: 5px;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}

.resolve-details {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.resolve-details__block--button {
  width: 100%;
}
.resolve-details__block--button .storybook-button {
  width: 100% !important;
}
.resolve-details__block--list {
  background-color: var(--disabled-color);
  height: 500px;
  padding: 5px;
  margin-top: 10px;
  border-radius: 6px;
}
.resolve-details__block--data {
  height: calc(100% - 65px);
  overflow: auto;
}
.resolve-details__block--data--li {
  display: flex;
  justify-content: space-between;
}
.resolve-details__block--data--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.resolve-details__block--data--text {
  color: var(--text-secondary);
  font-size: 14px;
}
.resolve-details__block--file-attach {
  display: flex;
  flex-direction: column;
  height: 70px;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  border-radius: 6px;
}
.resolve-details__block--file-attach--input {
  height: 40px;
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.resolve-details__block--file-attach--input input {
  width: calc(100% - 30px);
  height: 38px;
}
.resolve-details__block--file-attach--input :focus {
  border: 1px solid var(--level-3);
}
.resolve-details__block--file-attach--input img {
  float: right;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.resolve-details__block--file-attach--choose-file {
  display: none;
}
.resolve-details-view {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.resolve-details-view__block {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.resolve-details-view__block--t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.resolve-details-view__block--t--flex {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.resolve-details-view__block--t--flex b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.resolve-details-view__block--t--desn {
  color: var(--text-secondary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.resolve-details-view__block--flex {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  column-gap: 5px;
}
.resolve-details-view__block--flex b {
  font-size: 14px;
}
.resolve-details-view__block--new, .resolve-details-view__block--old {
  background-color: var(--level-2);
  border-radius: 6px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.resolve-details-view__block--old {
  background-color: var(--disabled-color);
}
.resolve-details-view__block--grid {
  display: grid;
  grid-template-columns: 1.3fr 0.1fr 1fr;
}

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

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

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

.add-stock-entry {
  height: 100%;
}
.add-stock-entry__block {
  height: calc(100% - 75px);
  overflow: auto;
}
.add-stock-entry__block .MuiBox-root {
  margin-top: 10px;
}

.add-stock-entry::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.install-new-stock {
  height: 100%;
}
.install-new-stock .Label {
  color: var(--text-primary) !important;
}
.install-new-stock__block {
  height: calc(100% - 75px);
  margin-top: 5px;
}
.install-new-stock__block--input {
  height: 70px;
}
.install-new-stock__block--new {
  border-radius: 6px;
  background-color: var(--level-2);
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  height: 60px;
}
.install-new-stock__block--text {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  color: var(--text-secondary);
}
.install-new-stock__block--flex {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
}
.install-new-stock__block--existing {
  background-color: var(--disabled-color);
  border-radius: 2px;
  padding: 10px 5px;
  margin-top: 10px;
}

.emp-list {
  height: calc(100% - 140px);
  margin: 0px;
}
.emp-list__search {
  column-gap: 10px;
}
.emp-list__search .MuiBox-root {
  margin-top: 5px;
}
.emp-list__tableblock {
  margin-top: 5px;
  height: calc(100% - 90px);
}

.add-emp {
  height: 100%;
}
.add-emp__form {
  margin-top: 10px;
  height: calc(100% - 135px);
  column-gap: 30px;
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 3px;
  overflow: auto;
}
.add-emp__form--details {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  height: 100%;
}

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

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

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

.plan-maintenance {
  height: calc(100% - 140px);
  margin: 0px;
}
.plan-maintenance--modal {
  height: calc(100% - 30px);
}
.plan-maintenance--modal .plan-maintenance__block {
  height: calc(100% - 75px);
}
.plan-maintenance__block {
  column-gap: 20px;
  height: calc(100% - 45px);
  background-color: var(--bg-color);
}
.plan-maintenance__block--left {
  height: 100%;
  border-right: 2px solid var(--border-color);
}
.plan-maintenance__block--right {
  height: 100%;
}
.plan-maintenance__block--flex {
  display: flex;
  column-gap: 5px;
  width: 100%;
}
.plan-maintenance__block--flex .predefined-select {
  width: calc(100% - 30px) !important;
}
.plan-maintenance__list {
  height: 100%;
}
.plan-maintenance__list--tableblock {
  margin-top: 5px;
  height: calc(100% - 120px);
}
.plan-maintenance__list--table {
  max-height: 100%;
  height: 100%;
}
.plan-maintenance__list--table th {
  background-color: var(--level-8);
  padding: 0px 2px;
  color: white;
  text-align: left;
  border-right: 1px solid var(--border-color) !important;
  font-family: "Calibri ", sans-serif !important;
}
.plan-maintenance__list--table td {
  padding: 5px !important;
  font-style: normal;
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border-right: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary);
}
.plan-maintenance__list--table td img:hover,
.plan-maintenance__list--table td a:hover {
  cursor: pointer;
}
.plan-maintenance__list--table tbody {
  background-color: var(--level-1);
}
.plan-maintenance__list--table tbody tr:hover {
  background-color: var(--level-2);
}
.plan-maintenance__list--table tbody tr:hover td {
  color: var(--level-7);
}
.plan-maintenance__list--table tbody tr:hover .td-link {
  text-decoration: underline;
  cursor: pointer;
}
.plan-maintenance__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-primary) !important;
}
.plan-maintenance__list--table tfoot td {
  border-style: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px;
}
.plan-maintenance__add {
  height: 100%;
  padding: 5px;
}
.plan-maintenance__add .MuiBox-root {
  margin-top: 5px;
}

.maintenance-activity {
  height: 100%;
}
.maintenance-activity__block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
}
.maintenance-activity__block--select {
  column-gap: 20px;
}
.maintenance-activity__block--ul {
  height: calc(100% - 45px);
  overflow: auto;
}
.maintenance-activity__block--li {
  margin-top: 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  border-left: 3px solid red !important;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.maintenance-activity__block--li--left {
  width: calc(100% - 60px);
  background-color: var(--disabled-color);
  padding: 5px;
}
.maintenance-activity__block--li--right {
  width: 60px;
  background-color: var(--bg-color);
}
.maintenance-activity__block--li--top {
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
}
.maintenance-activity__block--li--grid {
  display: flex;
  flex-direction: column;
}
.maintenance-activity__block--li--grid span {
  color: var(--text-secondary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  display: block;
}
.maintenance-activity__block--li--grid b {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.maintenance-activity__block--li--bottom {
  margin-top: 2px;
}
.maintenance-activity__block--li--bottom span {
  color: var(--text-secondary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.maintenance-activity__block--li--bottom p {
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  margin-bottom: 0px !important;
}

.add-maitenance-activity {
  height: 100%;
}
.add-maitenance-activity__block {
  height: calc(100% - 65px);
  overflow: auto;
}
.add-maitenance-activity__block .MuiBox-root {
  margin-top: 5px;
}

.maintenance-activity__block--ul::-webkit-scrollbar,
.add-maitenance-activity__block::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.maintenance-activity__block--ul::-webkit-scrollbar-thumb,
.add-maitenance-activity__block::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.maintenance-activity__block--ul::-webkit-scrollbar-thumb:hover,
.add-maitenance-activity__block::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.preventive-maintenance {
  height: calc(100% - 140px);
  margin: 0px;
}
.preventive-maintenance--modal {
  height: 100%;
}
.preventive-maintenance .flex-end {
  align-items: center;
}
.preventive-maintenance__block {
  height: calc(100% - 45px);
  display: flex;
  column-gap: 10px;
  background-color: var(--bg-color);
}
.preventive-maintenance__block--left {
  height: 100%;
  width: 350px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 5px;
}
.preventive-maintenance__block--right {
  width: calc(100% - 350px);
  height: 100%;
  padding: 10px;
}
.preventive-maintenance__block--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.preventive-maintenance__block--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.preventive-maintenance__block--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.preventive-maintenance__block--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.preventive-maintenance__block--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.preventive-maintenance__block--tabpanel {
  height: calc(100% - 45px);
}

.calendar-container {
  width: 335px;
  background: #eff6ff;
  padding: 16px;
  border-radius: 6px;
  font-family: "Calibri ", sans-serif !important;
  height: 335px;
}
.calendar-container .date {
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #f9fafb;
  border-radius: 6px;
}
.calendar-container .date.empty {
  cursor: default;
}
.calendar-container .date.selected.primary {
  background: black;
  color: white;
  font-weight: 700;
  border-radius: 50%;
}
.calendar-container .date.selected.secondary {
  background: #bae6fd;
  color: black;
  border: 1px solid black;
  font-weight: 700;
  border-radius: 50%;
}
.calendar-container__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 12px;
}
.calendar-container__header button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.calendar-container__header--center {
  display: flex;
  align-items: center;
}
.calendar-container__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 12px;
  color: #4b5563;
  margin-bottom: 8px;
  color: var(--tet-primary);
}
.calendar-container__dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  background-color: var(--bg-color);
  color: var(--tet-primary);
}
.calendar-container__year-control {
  display: flex;
  column-gap: 5px;
  align-items: center;
  margin-left: 10px;
}
.calendar-container__year-control--buttons button {
  display: block;
}
.calendar-container__year-control--buttons button span {
  font-size: 14px !important;
}

.cal-events {
  height: calc(100% - 350px);
  margin-top: 10px;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
}
.cal-events__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cal-events__flex span {
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  font-weight: 700;
}
.cal-events__selected-date {
  background-color: var(--level-10);
  text-align: center;
  padding: 5px 0px;
  border-radius: 6px;
  height: 30px;
  color: white;
  font-weight: 400;
  margin-top: 5px;
}
.cal-events__list {
  margin-top: 5px;
  height: calc(100% - 100px);
  overflow: auto;
}
.cal-events__list--li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  border-radius: 6px;
  border-left: 5px solid red;
  background-color: var(--bg-color);
  margin-top: 5px;
}
.cal-events__list--li--flex {
  display: flex !important;
  column-gap: 5px;
  align-items: center;
}
.cal-events__list--li span {
  display: block;
  padding: 2px;
}

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

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

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

.prev-mt-overdue {
  height: 100%;
}
.prev-mt-overdue__select {
  display: flex;
  column-gap: 5px;
}
.prev-mt-overdue__select .MuiBox-root {
  margin-top: 5px !important;
}
.prev-mt-overdue__select--flex {
  column-gap: 5px;
  display: flex;
  height: 40px;
  align-items: center;
}
.prev-mt-overdue__select--flex .active {
  background-color: var(--level-7);
  color: white !important;
  padding: 5px;
  height: 35px;
  width: 40px;
  text-align: center;
  border-radius: 3px;
}
.prev-mt-overdue__block {
  height: calc(100% - 50px);
}

.prev-mt-dataview {
  height: 100%;
  overflow: auto;
}
.prev-mt-dataview--li {
  display: flex;
  justify-content: space-between;
  background-color: var(--disabled-color);
  align-items: center;
  column-gap: 5px;
  border-radius: 3px;
  padding: 3px 5px;
  border: 1px solid var(--border-color);
  width: 100%;
  margin-bottom: 10px;
}
.prev-mt-dataview--li--flex {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
.prev-mt-dataview--li--right {
  width: 20px;
}
.prev-mt-dataview--li--left {
  width: calc(100% - 20px);
}
.prev-mt-dataview--li--header {
  display: grid;
  grid-template-columns: 0.6fr repeat(3, 1fr);
  column-gap: 5px;
  color: var(--text-secondary);
}
.prev-mt-dataview--li--data {
  display: grid;
  grid-template-columns: 0.6fr repeat(3, 1fr);
  column-gap: 5px;
  color: var(--text-primary);
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.prev-mt-dataview--li--bottom {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  column-gap: 5px;
  color: var(--text-primary);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  margin-top: 5px;
}
.prev-mt-dataview--li--top {
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 5px;
  width: 100%;
}
.prev-mt-dataview--li--top--left {
  width: calc(100% - 140px);
}

.prev-mt-tableview {
  height: calc(100% - 10px);
  margin-top: 10px;
}

.overdue-button {
  background-color: #ef4444;
  color: white;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  border-radius: 6px;
  text-align: center;
}
.overdue-button b {
  font-weight: 700;
}

.overdue-scheduled-button {
  background-color: #f0fdf4;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  border-radius: 6px;
  text-align: center;
}
.overdue-scheduled-button b {
  font-weight: 700;
  color: #16a34a;
}

.mp-priority, .mp-low, .mp-medium, .mp-critical {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--bg-color);
  padding: 2px 5px;
  width: fit-content;
}

.mp-critical {
  border-left: 4px solid #dc2626;
}

.mp-medium {
  border-left: 4px solid #d946ef;
}

.mp-low {
  border-left: 4px solid #16a34a;
}

.mp-critical-border {
  border-left: 4px solid #dc2626;
}

.mp-medium-border {
  border-left: 4px solid #d946ef;
}

.mp-low-border {
  border-left: 4px solid #16a34a;
}

.prev-mt-dataview::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

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

.prev-mt-schedule {
  height: 100%;
}
.prev-mt-schedule__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.prev-mt-schedule__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.prev-mt-schedule__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.prev-mt-schedule__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.prev-mt-schedule__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.prev-mt-schedule__tab-panel {
  height: calc(100% - 75px);
  height: calc(100% - 135px);
}

.stock-activity {
  height: 100%;
  margin-top: 10px;
}
.stock-activity__table {
  height: 100%;
  background-color: var(--bg-color);
}

.general-activity {
  height: 100%;
}
.general-activity__block {
  height: 100%;
  column-gap: 20px;
  background-color: var(--bg-color);
  margin-top: 5px;
  border-radius: 6px;
}
.general-activity__block--left {
  border-right: 3px solid var(--border-color);
}
.general-activity__add {
  height: 100%;
  padding: 10px;
}
.general-activity__add--block {
  height: calc(100% - 30px);
  overflow: auto;
}
.general-activity__add--block .MuiBox-root {
  margin-top: 10px;
}
.general-activity__add--block--red {
  background-color: #fef2f2;
  color: #f87171;
  padding: 3px 8px;
  border: 1px solid #f87171;
  margin-top: 5px;
  border-radius: 5px;
}
.general-activity__add--block--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.general-activity__list {
  height: 100%;
  padding: 10px;
}
.general-activity__list--block {
  height: calc(100% - 65px);
  overflow: auto;
}
.general-activity__list--block--grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 2px;
  align-items: center;
  background-color: var(--bg-color);
  padding: 5px 2px;
}
.general-activity__list--block--li {
  border: 1px solid var(--border-color);
  padding: 6px;
  display: flex;
  column-gap: 3px;
  height: 115px;
  margin-top: 10px;
  align-items: center;
  width: 100%;
  background-color: #f3f4f6;
}
.general-activity__list--block--left {
  width: calc(100% - 50px);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.general-activity__list--block--left span {
  color: #6b7280;
  display: block;
}
.general-activity__list--block--left b {
  color: var(--text-color);
}
.general-activity__list--block--left .attachments {
  margin-top: 5px;
  width: fit-content !important;
}
.general-activity__list--block--left .active {
  background-color: #dcfce7;
  border-radius: 20px;
  padding: 4px 10px;
  color: var(--text-primary);
  width: fit-content;
  border: 1px solid #22c55e;
}
.general-activity__list--block--right {
  width: 45px;
  display: flex;
  background-color: var(--bg-color);
  height: 100%;
  align-items: center;
}

.choose-stock-schedule {
  height: 100%;
}
.choose-stock-schedule__block {
  height: calc(100% - 160px);
  margin-top: 5px;
}
.choose-stock-schedule__select {
  column-gap: 10px;
}
.choose-stock-schedule__select .MuiBox-root {
  margin-top: 5px;
}

.assign-maintenance {
  height: 100%;
}
.assign-maintenance__block {
  margin-top: 5px;
  height: calc(100% - 210px);
  overflow: auto;
}
.assign-maintenance__block .MuiBox-root {
  margin-top: 5px;
}
.assign-maintenance__block--flex {
  display: flex;
  column-gap: 5px;
}
.assign-maintenance__block--days {
  width: 180px;
  border: 1px solid #f87171;
  background-color: #fef2f2;
  height: 35px;
  border-radius: 3px;
  margin-top: 5px;
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.assign-maintenance__block--days b {
  color: #dc2626;
  margin-right: 5px;
}

.assign-maint-activity {
  height: 100%;
}
.assign-maint-activity__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assign-maint-activity__block {
  height: calc(100% - 175px);
  margin-top: 5px;
  overflow: auto;
}
.assign-maint-activity__block--li {
  background-color: #f3f4f6;
  border-radius: 6px;
  align-items: center;
  padding: 5px;
  margin-top: 10px;
}
.assign-maint-activity__block--top {
  background-color: var(--bg-color);
  padding: 5px;
  align-items: center;
  border-radius: 6px;
  display: grid;
  grid-template-columns: 0.2fr repeat(4, 1fr);
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.assign-maint-activity__block--top span {
  display: block;
  color: #6b7280;
}
.assign-maint-activity__block--top b {
  color: var(--text-primary);
}
.assign-maint-activity__block--active {
  background-color: #f3f4f6;
  color: var(--text-primary) !important;
  font-size: 12px;
  padding: 3px 10px;
  border: 1px solid #f3f4f6;
  border-radius: 20px;
  width: fit-content;
}
.assign-maint-activity__stock {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 10px;
}
.assign-maint-activity__stock--grid {
  display: grid;
  grid-template-columns: 0.4fr 0.02fr 1fr;
  align-items: center;
}
.assign-maint-activity__stock--grid b {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

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

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

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

.add-delay-reason {
  height: 100%;
}
.add-delay-reason__block {
  height: calc(100% - 65px);
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 6px;
}
.add-delay-reason__block--flex {
  display: flex;
  column-gap: 5px;
}

.follow-up-maintenance {
  height: 100%;
}
.follow-up-maintenance__block {
  height: calc(100% - 75px);
  display: flex;
  background-color: var(--bg-color);
}
.follow-up-maintenance__block--left {
  width: 450px;
  background-color: var(--bg-color);
  height: 100%;
  padding: 5px;
  border-right: 2px solid var(--border-color);
}
.follow-up-maintenance__block--right {
  width: calc(100% - 450px);
  height: 100%;
  padding: 5px;
}
.follow-up-maintenance__list {
  height: 100%;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.follow-up-maintenance__list--title {
  display: flex;
  justify-content: space-between;
}
.follow-up-maintenance__list--ul {
  height: calc(100% - 40px);
  overflow: auto;
}
.follow-up-maintenance__list--li {
  padding: 5px;
  background-color: var(--bg-color);
  border-bottom: 1px solid var(--border-color);
}
.follow-up-maintenance__list--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.follow-up-maintenance__list--top--left {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-maintenance__list--top--right {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-maintenance__list--bottom {
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  column-gap: 5px;
}

.follow-up-maintenance__list--ul::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

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

.follow-up-maintenance__list--ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.follow-up-modal {
  height: 100%;
}
.follow-up-modal__block {
  height: calc(100% - 75px);
}
.follow-up-modal__block--about {
  background-color: var(--disabled-color);
  padding: 10px;
  border-radius: 6px;
  margin-top: 10px;
}
.follow-up-modal__block--grid {
  display: grid;
  grid-template-columns: 0.8fr 0.02fr 2fr;
  column-gap: 5px;
}
.follow-up-modal__block--grid b {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
}
.follow-up-modal__block--grid b span {
  margin-right: 5px;
  font-size: 18px;
}
.follow-up-modal__block--grid .text-decoration:hover {
  text-decoration: underline;
}
.follow-up-modal__block--flex {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: space-between;
}
.follow-up-modal__block--input {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  background-color: var(--bg-color);
  padding: 0px 5px;
}
.follow-up-modal__block--input .storybook-input {
  margin-top: 0px !important;
  border-style: none !important;
}
.follow-up-modal__block--input span {
  font-size: 25px;
}
.follow-up-modal__block--input--flex {
  display: flex;
  width: calc(100% - 30px);
  align-items: center;
  margin-right: 5px;
  border-right: 1px solid var(--border-color);
  padding: 0px 5px;
}
.follow-up-modal__block--status {
  padding-bottom: 10px;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.follow-up-modal__block--data, .follow-up-modal__block--data--selected {
  height: calc(100% - 270px);
  margin-top: 10px;
  overflow: auto;
}
.follow-up-modal__block--data--selected {
  height: calc(100% - 320px);
}
.follow-up-modal__block--data--li {
  border-bottom: 2.8px dashed var(--border-color);
  padding: 5px;
}
.follow-up-modal__block--data--attachments {
  background-color: var(--disabled-color);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  position: relative;
  min-width: 0;
  width: 100%;
}
.follow-up-modal__block--data--attachments b {
  width: calc(100% - 80px);
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.follow-up-modal__block--data--attachments img {
  height: 25px;
  width: 25px;
}
.follow-up-modal__block--data--attachments {
  margin-top: 5px;
  width: 50% !important;
}
.follow-up-modal__block--data--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.follow-up-modal__block--data--top--left {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-modal__block--data--top--right {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.follow-up-modal__block--data--bottom {
  border-radius: 6px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  column-gap: 5px;
}

.fw-in-progress, .fw-completed {
  background-color: #f59e0b;
  color: white;
  border-radius: 20px;
  text-align: center;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: 600;
}

.fw-completed {
  background-color: #16a34a;
}

.follow-up-modal__block--data::-webkit-scrollbar, .follow-up-modal__block--data--selected::-webkit-scrollbar {
  width: 18px;
  background-color: #f3f4f6;
}

.follow-up-modal__block--data::-webkit-scrollbar-thumb, .follow-up-modal__block--data--selected::-webkit-scrollbar-thumb {
  border: 5px solid #f3f4f6;
  background-color: #d1d5db;
  border-radius: 30px;
  padding: 5px;
}

.follow-up-modal__block--data::-webkit-scrollbar-thumb:hover, .follow-up-modal__block--data--selected::-webkit-scrollbar-thumb:hover {
  border: 3px solid #f3f4f6;
}

.ppm-stock {
  height: 100%;
}
.ppm-stock__block {
  height: calc(100% - 90px);
  overflow: auto;
  margin-top: 20px;
}
.ppm-stock__block--grid {
  display: grid;
  grid-template-columns: 0.6fr 0.03fr 1fr;
  padding: 5px;
}
.ppm-stock__block--grid b {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.ppm-stock__block--grid b span {
  margin-right: 5px;
}

.overdue-in {
  background-color: #ef4444;
  width: fit-content;
  padding: 5px;
  border-radius: 6px;
  color: white;
}

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

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

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

.edit-follow-up {
  height: 100%;
}
.edit-follow-up__block {
  height: calc(100% - 70px);
  overflow: auto;
  background-color: var(--bg-color);
}
.edit-follow-up__block .follow-up-modal__block--input--flex {
  margin-top: 10px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
}
.edit-follow-up__block .follow-up-modal__block--input--flex .storybook-input {
  border-style: none;
}

.asset-reports {
  height: calc(100% - 145px);
  margin: 10px 20px 0px 20px;
  display: flex;
  column-gap: 10px;
}
.asset-reports__left {
  width: 250px;
  height: 100%;
}
.asset-reports__left--list {
  height: 100%;
}
.asset-reports__left--list .MuiDataGrid-cell {
  background-color: var(--bg-color) !important;
}
.asset-reports__left--list .active {
  background-color: var(--level-2) !important;
}
.asset-reports__right {
  height: 100%;
  width: calc(100% - 250px);
  border: 1px dashed var(--border-color);
}
.asset-reports__right--block {
  height: 100%;
  padding: 0px 5px;
}
.asset-reports__right--block--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-bottom: 5px;
  margin-top: -5px;
}
.asset-reports__right--block--button {
  padding: 2px 10px;
  background-color: var(--bg-color);
  color: var(--text-primary);
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid var(--border-color);
  font-family: "Calibri ", sans-serif !important;
}
.asset-reports__right--block--button:hover {
  cursor: pointer;
}
.asset-reports__right--block--button img {
  width: 15px;
  margin-right: 10px;
  transform: rotate(-180deg);
}
.asset-reports__right--block--button {
  margin-top: 5px;
}
.asset-reports__right--block--tickets {
  margin-top: 10px;
  height: calc(100% - 140px);
}
.asset-reports__right--block--helpdesk {
  margin-top: 10px;
  height: calc(100% - 75px);
}
.asset-reports__right--block--footer {
  display: flex;
  justify-content: space-between;
}
.asset-reports__right--filters, .asset-reports__right--filters-2 {
  column-gap: 10px;
  margin-top: 10px;
}
.asset-reports__right--filters .storybook-input, .asset-reports__right--filters-2 .storybook-input {
  margin-top: 0px !important;
}
.asset-reports__right--filters-2 {
  margin-top: 10px;
}
.asset-reports__right--filters-2 .storybook-button {
  margin: 0px 0px 0px 0px !important;
}
.asset-reports__right--tableblock {
  margin-top: 10px;
  height: calc(100% - 110px);
}
.asset-reports__right--tableblock--vendor-items {
  margin-top: 10px;
  height: calc(100% - 120px);
}
.asset-reports__right--tableblock--signal {
  height: calc(100% - 50px);
  margin-top: 10px;
}
.asset-reports__right--multiple-select .MuiChip-label {
  font-family: "Calibri ", sans-serif !important;
  font-size: 12px !important;
}
.asset-reports__right--multiple-select .MuiChip-root {
  height: 18px !important;
}
.asset-reports__right--multiple-select .MuiChip-deleteIcon {
  font-size: 12px !important;
}
.asset-reports__right--multiple-select .MuiAutocomplete-tag {
  margin: 0px 3px !important;
}
.asset-reports__right--multiple-select .MuiFormControl-root,
.asset-reports__right--multiple-select .MuiInputBase-root {
  padding: 0px !important;
}
.asset-reports__right--multiple-select .MuiInputBase-input {
  padding: 4px !important;
}
.asset-reports__right--textfield {
  margin: 2px 0px 0px 0px !important;
  width: fit-content;
}
.asset-reports__right--tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.asset-reports__right--tabs .MuiTabs-root {
  min-height: 20px !important;
}
.asset-reports__right--tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.asset-reports__right--tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.asset-reports__right--tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.asset-reports__right--tabs {
  padding-top: 5px;
}
.asset-reports__right--tabpanel {
  height: calc(100% - 35px);
}
.asset-reports__right--tabpanel .swipable-tabs,
.asset-reports__right--tabpanel p {
  height: 100%;
}
.asset-reports__right--choose {
  padding: 2px 10px;
  background-color: #4ade80;
  color: white;
  font-size: 14px;
  border-radius: 20px;
  font-family: "Calibri ", sans-serif !important;
}
.asset-reports__right--choose:hover {
  cursor: pointer;
}
.asset-reports__right--choose img {
  width: 15px;
  margin-left: 10px;
}

.user-assoc {
  height: calc(100% - 140px);
  margin: 0px;
}
.user-assoc__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 5px;
}
.user-assoc__block {
  height: calc(100% - 45px);
  background-color: var(--bg-color);
  padding: 5px;
}
.user-assoc__tabs .MuiTab-root {
  font-family: "Calibri ", sans-serif !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  min-height: 20px !important;
  padding: 8px !important;
  color: var(--text-secondary);
  font-weight: 700;
  border-radius: 30px;
}
.user-assoc__tabs .MuiTabs-root {
  min-height: 20px !important;
}
.user-assoc__tabs .Mui-selected {
  background-color: var(--level-2) !important;
  border-radius: 30px;
  color: var(--text-primary) !important;
}
.user-assoc__tabs .MuiTabs-indicator {
  background-color: var(--level-1) !important;
}
.user-assoc__tabs .MuiTabs-flexContainer {
  background: white;
  padding: 8px;
  border-radius: 30px;
  width: fit-content !important;
  border: 2px solid var(--border-color);
}
.user-assoc__tabs {
  margin-top: 5px;
}
.user-assoc__card {
  display: flex;
  background-color: var(--bg-color);
  height: 70px;
  border-radius: 6px;
  border: 2px solid var(--border-color);
  align-items: center;
  padding: 5px;
  justify-content: space-between;
}
.user-assoc__card--flex {
  display: flex;
  column-gap: 5px;
}
.user-assoc__card--flex label {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
  color: var(--text-secondary);
}
.user-assoc__card--flex b {
  display: block;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.user-assoc__card--image {
  padding: 4px;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: fit-content;
  width: fit-content;
  margin-right: 5px;
}
.user-assoc__card--image span {
  color: white;
  font-size: 30px;
}
.user-assoc__tableblock {
  margin-top: 5px;
  height: 100%;
}
.user-assoc__tableblock .MuiBox-root {
  margin-top: 5px;
}
.user-assoc__tableblock--select {
  column-gap: 10px;
}
.user-assoc__tableblock--table {
  height: calc(100% - 45px);
  margin-top: 5px;
}
.user-assoc__tab-panel {
  height: calc(100% - 130px);
}

.associate-user {
  height: 100%;
  font-family: "Calibri ", sans-serif !important;
}
.associate-user__details {
  background-color: #f3f4f6;
  height: 100px;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-size: 12px;
}
.associate-user__details b {
  display: block;
}
.associate-user__block {
  height: calc(100% - 70px);
  background-color: var(--bg-color);
  padding: 5px;
}
.associate-user__block--flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.associate-user__block--flex b {
  color: var(--text-primary);
  font-size: 14px;
}
.associate-user__block--data {
  height: calc(100% - 140px);
  overflow: auto;
}
.associate-user__block--data--warning {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.associate-user__block--data--warning span {
  color: red !important;
  font-size: 30px;
}
.associate-user__block--list {
  display: flex;
  background-color: var(--disabled-color);
  justify-content: space-between;
  margin-top: 8px;
  align-items: center;
  padding: 8px 5px;
  border-radius: 6px;
}
.associate-user__block--list b {
  display: flex;
  align-items: center;
  color: var(--text-secondary);
  column-gap: 5px;
  font-size: 13px;
}
.associate-user__block--list b span {
  color: var(--text-primary);
  font-size: 20px;
}
.associate-user__block--l {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 5px;
}
.associate-user__block--l span {
  padding: 2px 5px;
  border-radius: 20px;
  border: 1px solid var(--text-secondary);
  color: var(--text-primary);
  font-size: 10px;
  background-color: var(--disabled-color);
}
.associate-user__block--span {
  color: var(--text-secondary);
  font-size: 14px;
}

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

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

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

.allocation {
  height: 100%;
  background-color: var(--disabled-color);
}
.allocation__block {
  height: calc(100% - 85px);
  background-color: var(--bg-color);
  padding: 5px;
}
.allocation__block--cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 5px;
}
.allocation__block--card {
  display: flex;
  background-color: var(--bg-color);
  height: 70px;
  border-radius: 6px;
  border: 2px solid var(--border-color);
  align-items: center;
  padding: 5px;
  justify-content: center;
  flex-direction: column;
}
.allocation__block .active {
  border: 1px solid var(--level-5);
  background-color: var(--level-1);
}
.allocation__block--data {
  height: calc(100% - 120px);
  margin-top: 5px;
  overflow: auto;
  margin-bottom: 0px !important;
}
.allocation__block--data li {
  display: flex;
  background-color: var(--disabled-color);
  border-radius: 6px;
  padding: 5px;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  border: 1px solid var(--border-color);
}
.allocation__block--data b {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

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

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

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

.add-incident {
  height: 100%;
}
.add-incident__block {
  height: calc(100% - 70px);
}
.add-incident__block--h {
  height: 80px;
  background-color: var(--level-1);
  border-radius: 3px;
  padding: 5px;
}
.add-incident__block--h--title {
  display: flex;
  column-gap: 5px;
  font-family: "Calibri ", sans-serif !important;
}
.add-incident__block--h--title b {
  font-size: 12px;
}
.add-incident__block--h--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5px;
  font-family: "Calibri ", sans-serif !important;
}
.add-incident__block--h--grid span {
  font-size: 12px;
  color: var(--text-primary);
  display: block;
}
.add-incident__block--h--grid b {
  font-size: 12px;
  font-family: "Calibri ", sans-serif !important;
}
.add-incident__block--details {
  height: calc(100% - 80px);
  overflow: auto;
}
.add-incident__block--details .MuiBox-root {
  margin-top: 5px;
}
.add-incident__block--details--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.add-incident__block--details--flex span {
  font-size: 12px;
  width: 120px;
}
.add-incident__block--details--image {
  height: 200px;
  width: 200px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: var(--disabled-color);
  margin-top: 10px;
  cursor: pointer;
}
.add-incident__block--details--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.add-incident__block--details--image .material-symbols-outlined {
  font-size: 40px;
}
.add-incident__block--details--delete {
  height: 35px;
  width: 35px;
  position: absolute;
  background-color: white;
  border-radius: 50%;
  padding: 5px;
  bottom: 10px;
  right: 10px;
}

.view-incident {
  height: 100%;
}
.view-incident__block {
  height: calc(100% - 70px);
  background-color: var(--bg-color);
  padding: 5px;
}
.view-incident__block--grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 2fr;
  margin-top: 5px;
}
.view-incident__block--grid b {
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}
.view-incident__block--follow-up {
  margin-top: 10px;
}
.view-incident__block .follow-up {
  height: calc(100% - 165px) !important;
}

.incident-table {
  height: calc(100% - 140px);
  margin: 0px;
}
.incident-table__select {
  column-gap: 5px;
}
.incident-table__select .flex-end {
  align-items: center;
}
.incident-table__select .MuiBox-root {
  margin-top: 5px;
}
.incident-table__block {
  height: calc(100% - 90px);
  margin-top: 10px;
}

.ward {
  height: calc(100% - 140px);
  margin: 0px;
}
.ward--modal {
  height: calc(100% - 30px);
}
.ward__block {
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 3px;
  display: flex;
  height: calc(100% - 45px);
}
.ward__block--left {
  height: 100%;
  border-right: 2px solid var(--border-color);
  padding: 0px 5px;
}
.ward__block--left .MuiBox-root {
  margin-top: 10px !important;
}
.ward__block--right {
  height: 100%;
  padding: 0px 5px;
}
.ward__list {
  height: 100%;
}
.ward__list--table {
  margin-top: 10px;
  height: calc(100% - 75px);
}

.ward-assoc {
  height: calc(100% - 140px);
  margin: 0px;
}
.ward-assoc__block {
  height: calc(100% - 45px);
  background-color: var(--bg-color);
  padding: 0px 5px;
}
.ward-assoc__block--table {
  margin-top: 5px;
  height: calc(100% - 45px);
}
.ward-assoc__company {
  background-color: var(--level-1);
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
  padding: 3px;
  align-items: center;
  height: 50px;
}
.ward-assoc__company--grid {
  display: grid;
  grid-template-columns: 1fr 0.01fr 1fr;
  column-gap: 5px;
}
.ward-assoc__company--grid .highlight {
  background-color: var(--bg-color);
  padding: 5px;
  border-radius: 2px;
}
.ward-assoc-company {
  height: calc(100% - 140px);
  margin: 0px;
}
.ward-assoc-company--assign {
  background-color: var(--bg-color);
  height: calc(100% - 45px);
}
.ward-assoc-company--title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ward-assoc-company--block {
  height: calc(100% - 75px);
  margin-top: 10px;
}
.ward-assoc-company--block--image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ward-assoc-company--table {
  margin-top: 5px;
  height: calc(100% - 75px);
}
.ward-assoc__list {
  height: 100%;
}
.ward-assoc__list--table {
  margin-top: 10px;
  height: calc(100% - 140px);
}

.location-details {
  height: calc(100% - 140px);
  margin: 0px;
}
.location-details__select {
  column-gap: 10px;
}
.location-details__table {
  margin-top: 5px;
  height: calc(100% - 90px);
}
.location-details--flex {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.location-details__add {
  height: 100%;
}
.location-details__add--block {
  height: calc(100% - 85px);
  overflow: auto;
  background-color: var(--disabled-color);
  padding: 5px;
}
.location-details__add--block .MuiBox-root {
  margin-top: 10px;
}
.location-details__add--block--flex {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.location-details__sub {
  height: 40px;
  background-color: var(--bg-color);
  margin-top: 10px;
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.location-details__sub b {
  color: var(--level-6);
  font-family: "Calibri ", sans-serif !important;
}
.location-details__sub--table {
  height: calc(100% - 135px);
}

.add-new-parameter {
  height: 100%;
}
.add-new-parameter__block {
  display: flex;
  column-gap: 10px;
  height: calc(100% - 75px);
  background-color: var(--bg-color);
}
.add-new-parameter__block--left {
  height: 100%;
  background-color: var(--bg-color);
  overflow: auto;
  width: 300px;
  border-radius: 2px;
  border: 1px solid var(--border-color);
}
.add-new-parameter__block--left .storybook-input {
  margin-top: 0px !important;
}
.add-new-parameter__block--left--header {
  height: 35px;
  background-color: var(--level-4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
}
.add-new-parameter__block--left--data {
  height: calc(100% - 70px);
  overflow: auto;
}
.add-new-parameter__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: "Calibri ", sans-serif !important;
  transition: background 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-new-parameter__block--left--data .menu-item.active {
  background-color: var(--level-1);
}
.add-new-parameter__block--right {
  height: 100%;
  overflow: auto;
  border: 1px solid var(--border-color);
  border-radius: 2px;
}
.add-new-parameter__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);
}
.add-new-parameter__block--saved-list {
  width: 200px;
  height: 100%;
  border: 1px dotted #94a3b8;
}
.add-new-parameter__block--saved-list--title {
  background-color: var(--level-1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: "Calibri ", sans-serif !important;
  height: 40px;
  padding: 0px 5px;
}
.add-new-parameter__block--saved-list--block {
  overflow: auto;
  height: calc(100% - 40px);
}
.add-new-parameter__group .active {
  background-color: var(--bg-color) !important;
}
.add-new-parameter__group {
  width: 60%;
}
.add-new-parameter__group--list {
  display: grid !important;
  border-bottom: 1px dotted black;
  padding: 5px 5px 5px 20px;
  grid-template-columns: 1fr 1fr 0.6fr;
  align-items: center;
  column-gap: 20px;
}
.add-new-parameter__group--list .storybook-input {
  margin-top: 0px !important;
}
.add-new-parameter__group--select-all {
  display: grid !important;
  grid-template-columns: 1fr 1fr 0.6fr;
  align-items: center;
  color: var(--text-color) !important;
}
.add-new-parameter__reorder {
  height: 100%;
}
.add-new-parameter__reorder--title img {
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.add-new-parameter__reorder--title img:hover {
  color: red;
}
.add-new-parameter__reorder--block {
  height: calc(100% - 95px);
  overflow: auto;
}
.add-new-parameter__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;
}
.add-new-parameter__reorder--text {
  background-color: var(--level-1);
  height: 25px;
  font-size: 12px;
  color: #334155;
  text-align: center;
  font-weight: 500;
}
.add-new-parameter__reorder--field {
  padding: 8px 5px;
  border-bottom: 1px dashed #e2e8f0;
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-family: "Calibri ", sans-serif !important;
}

.location-category {
  height: calc(100% - 140px);
  margin: 0px;
}
.location-category--modal {
  height: calc(100% - 35px);
}
.location-category__block {
  background-color: white;
  border-radius: 6px;
  margin-top: 5px;
  height: calc(100% - 50px);
  padding: 0px 20px;
}
.location-category__block--left {
  height: 100%;
  border-right: 2px solid var(--border-color);
  padding-right: 20px;
}
.location-category__block--right {
  height: 100%;
  padding-left: 20px;
}
.location-category__add {
  height: 100%;
}
.location-category__add .MuiBox-root {
  margin-top: 10px;
}
.location-category__add--icon {
  display: flex;
  align-items: center;
  margin-top: 10px;
  width: 150px;
  height: 150px;
}
.location-category__add--icon .material-symbols-outlined {
  font-size: 150px !important;
}
.location-category__list {
  height: 100%;
}
.location-category__list--tableblock {
  margin-top: 10px;
  height: calc(100% - 85px);
}
.location-category__list--flex {
  display: flex;
  align-items: center;
  column-gap: 5px;
}