@charset "utf-8";
@import url("/assets/icons/flags/flags.min.css");
@import url("/assets/plugins/select2/css/select2.min.css");
@import url("/assets/plugins/selectjs/dist/css/bootstrap-select.min.css");
@import url("/assets/jquery-ui/jquery-ui.css");

@import url("./bootstrap5.css");
@import url("./bootstrap.css");

.column-count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.column-count-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}


.toggle-password{
    position: absolute;
    top: -35px;
    right: 0;
}

.toggle-password i:before {
    content: "\f070";
}

[type=password]:placeholder-shown + * .toggle-password {
	display: none;
}

[type=password] + * i:before {
    content: "\f06e";
}

[aria-labelXXX] {
	position: relative;
}

[aria-labelXXX]:hover::after {
  content: attr(aria-label);
  position: absolute;
  top: -100%;
  left: 0;
  color: white;
  background-color: #000;
}

.long-text {
	input:checked ~ *, .truncated ~ * {
		-webkit-line-clamp: unset;
	}
	* {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	input:checked ~ label {
		display: none;
	}
	.truncated {
		margin-bottom: 0;
	}
	input:checked ~ .truncated {
		margin-bottom: 1rem;
	}
	.truncated ~ * {
		display: none;
	}
	.truncated ~ label, input:checked ~ *:not(label) {
		display: block;
	}
	label {
		display: none;
	}
}