.is-invalid-special {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

label.error.fail-alert {
  margin-top: 5px;
  border-radius: 4px;
  line-height: 1;
  padding: 2px 0 6px 6px;
  color: red !important;
}

input.valid.success-alert,
textarea.valid.success-alert,
select.valid.success-alert 
{
  border-color: #198754 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

input.error.fail-alert,
textarea.error.fail-alert,
select.error.fail-alert {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}

.alert {
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}


.alert-danger {
  color: #fff !important;
  background-color: #dc3545  !important;
  border-color: #d32535 !important;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
}


.select2-selection__rendered {
  line-height: 31px !important;
}

.select2-container .select2-selection--single {
  height: 42px !important;
}

.select2-selection__arrow {
  height: 34px !important;
}


.preview-images {
  transition: transform .3s ease-out;
}



.preview-images:hover {
  padding: 0.25rem;
  border: 1px solid #7571f9;
  transform: translate(0, -5px);
}

.taskpdf {
  padding: 0.25rem;
  background-color: #f3f3f9;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}


.remove-btn,
.modal-close-btn {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.65rem;
  width: 1.65rem;
  font-size: 1rem;
  text-indent: -9999px;
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  background-size: 40%;
  background-color: #fff !important;
  box-shadow: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 5%);
  border-radius: 100%;
  top: -0.7rem;
  right: -0.17rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A1A5B7'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.image-overlay {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-overlay i {
  color: black;
}

.image-overlay i {
  border-radius: 10px;
  background-color: white;
  padding: 10px;
  font-size: 25px;
}

.pdfview {
  min-height: 200px;
}

.section.one11 {
  background-image: url(../images/hero-bg.jpg);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.card {
  margin-left: 20px;
  margin-right: 20px;
}

.col-md-6.gh {
  margin: auto;

}

a.list-group-item.list-group-item-action {
  font-size: 16px;
  font-weight: 500;
}


.card-header.bg-green {
  background-color: red;
  padding-top: 19px;
  padding-bottom: 19px;
  font-size: 26px;
  font-weight: 700;
}

button.btn.btn-green-soft.text-green.fw-500 {
  font-size: 20px;
  font-weight: 600;
}

@media (min-width: 300px) and (max-width: 768px) {

  a.navbar-brand.tttt {
    margin-left: 6%;
  }

}


@media (min-width: 912px) and (max-width: 1100px) {

  a.navbar-brand.tttt {
    margin-left: 6%;
  }

}


@media (max-width: 1280px) {

  a.navbar-brand.tttt {
    margin-left: 3%;
  }

}


.font-weight-600 {
  font-weight: 600;
}

.font-weight-500 {
  font-weight: 500;
}

/* animation: spin 2s linear infinite; */

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

.sub-menu
{
  margin-left: 20px;
}