@media (min-width: 1800px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1700px
    }
}

@media (min-width: 2000px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1890px
    }
}

.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-close-mask,
.select2-container--default .select2-selection--single,
.select2-container--classic .select2-selection--multiple,
.select2-container--classic .select2-dropdown {
	background-color: var(--tblr-bg-forms);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default .select2-results__option--selected {
	background-color: var(--tblr-bg-surface-secondary);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: inherit;
}

.dataTables_pager {
	display: flex;
	justify-content: end;
	align-items: center;
}

.dataTables_pager .dataTables_length {
	margin-right: 10px;
}

.alert {
	background-color: var(--tblr-bg-surface);
}

.cursor-pointer {
	cursor: pointer;
}

.bg-gradient-custom {
	background: rgb(2, 0, 36);
	background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 121, 53) 50%, rgb(0, 255, 117) 100%);
}

.card-workspace, .card-project {
	min-height: 120px;
}

.card-workspace .card-body,
.card-project .card-body {
	background: rgba(0, 0, 0, .4);
}

p.line-clamp-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.card-workspace .card-body.add,
.card-project .card-body.add {
	background-color: var(--tblr-bg-surface-secondary);
	color: var(--tblr-text-color);
}

[data-bs-theme="dark"] .bg-gradient-custom {
	background: rgb(2, 0, 36);
	background: linear-gradient(90deg, rgb(0 0 0) 0%, rgb(1 20 3) 50%, rgb(15 47 8) 100%);
}

.loader {
	margin: 120px auto;
	border: 20px solid #EAF0F6;
	border-radius: 50%;
	border-top: 20px solid #097935;
	width: 200px;
	height: 200px;
	animation: spinner 4s linear infinite;
  }
  
  @keyframes spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

@media (min-width: 992px) {}

.loading:after {
	content: "";
	position: relative;
	top: 50%;
	right: -8px;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	border: 4px solid #fff;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	box-sizing: border-box;
	transform-origin: 50% 50%;
}

.animate-up {
	transition: transform 0.5s;
}
.animate-up:hover {
	transform: translateY(-10px);
}

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

	100% {
		transform: rotate(360deg);
	}
}