body {
  margin: 0;
  padding: 0;
}

.splash-screen {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: Helvetica, 'sans-serif';
  background-color: #f2f3f8;
  color: #5E6278;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
}

.splash-screen span {
  color: #5E6278;
  transition: none !important;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

.splash-screen img {
  margin-left: calc(100vw - 100%);
  margin-bottom: 30px;
  height: 50px !important;
}

[data-theme="dark"] .splash-screen {
  background-color: #151521;
  color: #92929F;
}

[data-theme="dark"] .splash-screen span {
  color: #92929F;
}

/* .custom-color-picker1{
  position: 'absolute' !important;
  zIndex: '2'!important;
}

.custom-color-picker2{
  position: 'fixed' !important;
  top: '0px' !important;
  right: '0px' !important;
  bottom: '0px' !important;
  left: '0px' !important;
} */

.Toastify__toast--warning {
  background: #FFE8BC !important;
}
.Toastify__toast--error {
  background: #FCA7A9 !important;
}
.toastBody {
  display: flex;
 /* Center the text within the element */
}
.Toastify__close-button,
.Toastify__close-button--dark {
  display: none;
}


.loading__bar {
	position: relative;
	height: 5px;
	width: 73rem;
	background-color: rgb(169, 169, 169);
	border-radius: 1em;
	overflow: hidden;
}

.loading__bar::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(230, 230, 230, 0.891);
  background: linear-gradient(90deg, rgba(255, 0, 0, 0.5), rgba(230, 0, 0, 0.891));
  animation: loading-animation 1.3s infinite;
	border-radius: 1em;
}

@keyframes loading-animation {
	0% {
		left: -50%;
	}

	100% {
		left: 150%;
	}
}


.manual-class-table{
  padding-top: 2px;
  padding-bottom: 2px !important;
}

.custom-highlighted-links{
  color: #565674 !important;
}

.pdf-upload-image{
  width: 50px;
  height: 50px;
}
.pdf-upload-image-card {
  display: flex;
  justify-content: center; /* Horizontally center-align */
  align-items: center; /* Vertically center-align */
  /* Other styles for the div */
}
.custom-icon-button {
  background-color: var(--kt-primary);
  border: none;
  border-radius: 10%;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  box-sizing: content-box; /* Explicitly set box-sizing */
}