.ikram-hide {
    display: none !important;
  }

.error_validation {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #fd625e;
}

.label-icon {
  padding: 5px;
}

.row-child {
  background-color: #f5f3f3;
}

.textcard {
  margin-bottom: 0px !important;
  margin: 10px;
}

.scroll {
  max-height: 100px;
  overflow-y: auto;
}

.gradient-header {
  background: linear-gradient(90deg, rgba(19,54,148,1) 0%, rgba(75,73,164,1) 30%, rgba(148,63,133,1) 100%) !important;
}

.clickable_row:hover {
  background-color: rgb(193 193 255 / 15%);
  cursor: pointer;
}

.progress {
  background-color: #cfcfcf !important;
}

.progress-bar {
  background-color: #E02EDE !important;
}

.fi-success {
  stroke: green;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-danger {
  stroke: red;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-primary {
  stroke: #5657C0;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-info {
  stroke: #63A6F1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-warning {
  stroke: #ffc96d;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-purple {
  stroke: #8a6fec;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-orange {
  stroke: #f38c05;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fi-sw-3 {
  stroke-width: 3;
}

.fi-sw-4 {
  stroke-width: 3;
}

.clickable:hover {
  cursor: pointer;
}

.manual-invalid-feedback {
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #fd625e;
}