.form-group.row span.required, .form-group.row span.error {
  color: crimson;
  font-weight: 600;
}

.dotted-underline {
  border: none;
  border-bottom: 1px dotted #000;
  outline: none;
}

.error {
  font-size: 0.9rem;
  font-weight: 400 !important;
}

#saveBtn {
  padding-inline: 1rem;
  margin-right: 0.5rem;
}

#saveBtn>img {
  width: 50%;
}

#saveNextBtn {
  padding-inline: 0.5rem;
}

#saveNextBtn>img {
  width: 20%;
}

#confirmName {
  font-weight: bold;
  padding-left: 15px;
}

.image-preview {
  width: 100px;
  height: 100px;
  /* border: 1px solid #ddd; */
  margin: 10px;
  object-fit: cover;
}


main.chart_cards_areas {
  background: #feffff;
  padding: 20px 10px;
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 0px 0px 11px 2px #2223; */
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.custom-loader {
  width: 20px;
  height: 20px;
  display: inline-grid;
  border-radius: 50%;
  -webkit-mask:radial-gradient(farthest-side,#0000 40%,#000 41%);
  background:
    linear-gradient(0deg, #ffffff80 50%, #ffffffff 0) center/4px 100%,
    linear-gradient(90deg, #ffffff40 50%, #ffffffbf 0) center/100% 4px;
  background-repeat: no-repeat;
  animation: s3 1s infinite steps(12);
  margin-left: 10px; 
}
.custom-loader::before,
.custom-loader::after {
   content:"";
   grid-area: 1/1;
   border-radius: 50%;
   background:inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}
.custom-loader::after {
   opacity: 0.83;
   transform: rotate(60deg);
}

@keyframes s3 {
  100% {transform: rotate(1turn)}
}