[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
:root {
  --main-color: rgba(34, 0, 68, 255) !important;
  --second-color: #19d596 !important;
  --second-hover-color: #14b680 !important;
  --dark-color: #1b1b1b !important;
}
input:required,
input:required:invalid,
select:required,
select:required:invalid,
textarea:required,
textarea:required:invalid {
  border: solid 1px rgb(243, 181, 169) !important;
}

input:required:valid,
select:required:valid,
textarea:required:valid {
  border: solid 1px #0ab39c !important;
}

textarea {
  resize: none !important;
}

#map-projects {
  height: 450px;
}

#search-address ul.list-group {
  border: solid 1px rgba(var(--ct-primary-rgb)) !important;
  position: absolute;
  z-index: 1000;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
#search-address ul.list-group .list-group-item-action {
  cursor: pointer !important;
}

.btn {
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-one {
  background-color: var(--second-color) !important;
  border: solid 1px var(--second-color) !important;
  padding: 15px 40px;
  border-radius: 0px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.btn-one:hover {
  background-color: var(--second-hover-color) !important;
  color: #fff;
  border: solid 1px var(--second-color) !important;
  transition: all 0.3s;
}
.card-project .card-img-top {
  width: 100% !important;
  height: 15vw !important;
  object-fit: cover !important;
}
.card-project .card-body {
  min-height: 480px !important;
  max-height: 480px !important;
  overflow-y: auto !important;
}

.card-project .btn-projects {
  font-size: 0.7rem !important;
  padding: 8px 0 !important;
}

.card-project .btn-projects:hover {
  background-color: #696969 !important;
  color: #ffffff !important;
}

.form-label {
  color: rgba(var(--ct-primary-rgb)) !important;
}

.gantt-current-date-line {
  border: 2px solid red !important;
}
.gantt-task-content {
  color: #fff !important;
}

.link-disabled {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important;
}
.pointer {
  cursor: pointer !important;
}
.pointer-no {
  cursor: default !important;
}

.w-1 {
  width: 1% !important;
}
.w-2 {
  width: 2% !important;
}
.w-3 {
  width: 3% !important;
}
.w-4 {
  width: 4% !important;
}
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}