.error-highlight {
  border: 1px solid #ce4040 !important;
  box-shadow: 0px 0px 4px 0px #dd6464 !important;

  border: 1px solid #F8285A !important;
  box-shadow: 0px 0px 1px 0px #F8285A !important;
}

.box-shadow-inside{
  box-shadow: inset #c6c6c6 0px 0px 12px 1px;
}
.box-shadow{
  box-shadow: #c5bdbd 0px 0px 4px 3px
}

.error-field,.error-field-card,.character-text {
  margin-top: 1px;
  font-size: 13px !important;
  color:  #F8285A !important;
  font-weight: 500;
  line-height: 18px;
  padding-left: 2px;
  padding-top: 2px;
}
/* Loader */
.overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--bs-body-bg);
  z-index: 100;
  border-radius: 10px;
}

.overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  width: 80px;
  height: 80px;
  display: inline-block;
  border-width: 4px;
  border-color: rgba(255, 255, 255, 0.33);
  border-top-color: #c4173c;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
100% {
  transform: rotate(360deg);
}
}


.success-field {
  border: 1px solid #84ce4078 !important;
  box-shadow: 0 0 0 0.2rem rgb(20 43 8 / 17%) !important;
}

.field-disabled {
  cursor: not-allowed;
  background-color: #d8d8d8;
}
/* Basic Needed Css */
.right-0{
  right:0 !important;
}

/* Button Group Style  */
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle){
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio]{
	position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
/* End Button Group Style  */
/* Glassmorphism  */
.blur-glass-view{
  background: rgba(78,38,38,0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* HTML: <div class="loader"></div> */
.loader {
  width: fit-content;
  font-weight: bold;
  font-family: monospace;
  font-size: 30px;
  background: radial-gradient(circle closest-side,#000 94%,#0000) right/calc(200% - 1em) 100%;
  animation: l24 1s infinite alternate linear;
}
.loader::before {
  content: "Loading...";
  line-height: 1em;
  color: #0000;
  background: inherit;
  background-image: radial-gradient(circle closest-side,#fff 94%,#000);
  -webkit-background-clip:text;
          background-clip:text;
}

@keyframes l24{
  100%{background-position: left}
}
.aside .aside-logo,
.aside{
  background-color: #001529 !important;
}
.aside-menu .menu>.menu-item.here>.menu-link{
  background-color: #375877;
}