/* Custom styles for Select2 with Bootstrap 4 */
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{
	background-color: #FCF3CF;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{
	color: #E74C3C;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #B03A2E;
}

.btn-grid {
	padding: .2rem .4rem;
	font-size: .75rem;
	line-height: 1.5;
	border-radius: .15rem;
	color: #6c757d;
	padding: 1px 5px 1px 5px;
	margin-left: 1px;
	border-radius: 20%;	
}
.btn-grid.show{
	color: #6c757d;
}
.btn-grid.edit{
	color: #007bff;
}
.btn-grid.delete{
	color: #dc3545;
}
.btn-grid.check{
	color: #28a745;
}
.btn-grid.cancel{
	color: #6c757d;
}

.btn-grid:active, .btn-grid:hover {
	color: var(--primary-color);
	background-color: #F5F6F8;
}
  
.btn.btn-three {
	background-color: transparent;
	color: var(--cinza2);
	border: 0px solid transparent;
	border-radius: 0.25rem !important;
	padding-left: 10px;
	padding-right: 10px;
}



/*
 * Card / Activity
 */
.card-activity .filter {
    position: absolute;
    right: 15px;
    top: 15px;
}
.card-activity .filter .icon {
    color: #aab7cf;
    padding-right: 5px;
    padding-bottom: 5px;
    transition: 0.3s;
    font-size: 16px;
}
.card-activity .card-title {
  /* font-size: 18px; */
  margin-bottom: 1rem;
}
.card-title .subtitle {
    color: #899bbd;
    font-size: 14px;
    font-weight: 400;
}

.card-activity .activity {
  font-size: 13px;
}

.card-activity .activity .activity-item .activite-label {
  color: #888;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 100px;
}

.card-activity .activity .activity-item .activite-label::before {
  content: "";
  position: absolute;
  right: -11px;
  width: 4px;
  top: 0;
  bottom: 0;
  background-color: #eceefe;
}

.card-activity .activity .activity-item .activity-badge {
  margin-top: 3px;
  padding-left: 1px;
  z-index: 1;
  font-size: 11px;
  line-height: 0;
  border-radius: 50%;
  flex-shrink: 0;
  border: 3px solid #fff;
  flex-grow: 0;
}

.card-activity .activity .activity-item .activity-content {
  padding-left: 10px;
  padding-bottom: 20px;
}

.card-activity .activity .activity-item:first-child .activite-label::before {
  top: 5px;
}

.card-activity .activity .activity-item:last-child .activity-content {
  padding-bottom: 0;
}

/* News & Updates */
.card-activity .news .post-item+.post-item {
  margin-top: 15px;
}

.card-activity .news img {
  width: 80px;
  float: left;
  border-radius: 5px;
}

.card-activity .news h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
  margin-bottom: 5px;
}

.card-activity .news h4 a {
  color: #012970;
  transition: 0.3s;
}

.card-activity .news h4 a:hover {
  color: #4154f1;
}

.card-activity .news p {
  font-size: 14px;
  color: #777777;
  margin-left: 95px;
}

/* Card / Recent Activity */
label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 400;
}
.label-control-sm, .form-check-label-sm, .form-label-sm, .label-sm {
    margin-bottom: 0;
}
p.required::after {
  content: " *";
  color: #e22849bf;
}

/* fieldset */

fieldset {
  border: 1px solid #ddd; /* Add a border to the fieldset */
  padding: 15px; /* Add padding inside the fieldset */
  margin-bottom: 15px; /* Add margin below the fieldset */
}
legend {
  width: auto; /* Allow legend to take only necessary width */
  padding: 0 10px; /* Add horizontal padding for spacing */
  border-bottom: none; /* Remove default bottom border if present */
  margin-bottom: 0; /* Remove any default bottom margin */
  font-size: 1rem;
}