@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root{
	--bs-pagination-active-border-color:#06b867!important;
	--bs-pagination-active-bg:#06b867;
}

body {font-family: "Source Sans 3", sans-serif;
	background: url(pattern-bt.png) top center ;
	background-size: 8rem;
}

body .alert-container{max-width: 400px;  }
body > .alert-container{ position: fixed; bottom:2rem; right:1rem;	transition: opacity 0.5s ease, transform 0.5s ease;}
.error_div .alert{background-color:var(--bs-danger); border-radius: 0;}
.success_div .alert{background-color:var(--bs-success); border-radius: 0;}

nav{font-weight: 600;}

#main_view{padding:0.1rem}
.navbar{background: linear-gradient(99deg, rgb(0 131 153) 0%, rgb(10 198 125) 52%, rgb(120 197 108) 100%); 
	}
.navbar-nav{background: rgba(255, 255, 255, 0.44); padding: 0 1rem;
	border-radius: 2rem;}	
.navbar-brand img{border-radius:1rem; width:2rem;}
.navbar-avatar img{border-radius:1rem; width:2rem}
.navbar .nav-link {text-transform: uppercase; font-size:.9rem}
.navbar-nav>.nav-item .active{background:#d1e8de; color:#0a3622}
#pagination{    position: fixed;    bottom: 30px;    transform: translate(-50%);    left: 50%;    background: #0808083b;padding: 0.9rem;    border-radius: 14px;    margin: 0;}

.pagination{border-radius:2rem; padding:0; margin-bottom:0}
.pagination .page-link{ color:#05502d}
.pagination .active>.page-link, .pagination .page-link.active {
z-index: 3;
color:#fff;
background-color: #02a367;
border-color: #02a367;
}


.table-container{overflow: auto; height:75vh}


.form-switch{cursor:pointer;}

#main_results thead{position: sticky;	top: 0px;}
#main_results th{	padding: 0; background:none;}
#main_results th:first-child  a{border-radius: 6px 0 0 0;}
#main_results th:last-child  a{border-radius: 0 6px  0 0;}
#main_results .sortable_th{	padding: 0;
	display: grid;
	justify-content: center;
	align-content: center;
	grid-template-columns: 100%;}
#main_results th a, #main_results th i{padding: 8px;
	background: #0c9b66eb; backdrop-filter: blur(2px);
	color: #fff; text-decoration: none; text-transform: uppercase;}
#main_results  .not_sortable_th {background: #0c9b66eb;	padding: 8px; color:#fff;}	
#main_results  th  a:hover{background: #00945d}		
#main_results  th  a:active{background: #00945d;}		
#main_results  th  a.active{background: #00945d;}	
#main_results  td  a{color:#333;  text-decoration: none;}	
#main_results  td  a:hover{text-decoration:underline;}	

#main_results.table-orders .complete td{background: #85ffc3}
#main_results.table-orders .pending td{background: #ffe685}
#main_results.table-orders .deleted td{background: #ffaf85}
#main_results.table-orders .aborted td{background: #ffaf85}

#main_results.table-abstracts .approved td{background: #81f8f0}
#main_results.table-abstracts .approved_poster td{background: #85ffc3}
#main_results.table-abstracts .approved_oral td{background: #85ffc3}
#main_results.table-abstracts .approved_case_report td{background: #85ffc3}
#main_results.table-abstracts .read td{background: #ffe685}
#main_results.table-abstracts .deleted td{background: #ffaf85}
#main_results.table-abstracts .discarded td{background: #ffaf85}

[data-bs-theme="dark"] #main_results th a, [data-bs-theme="dark"] #main_results th i{background: #0a6744}
[data-bs-theme="dark"] #main_results  td  a{color:#fff;}	
[data-bs-theme="dark"] #main_results.table-orders .complete td{background: #162e22}
[data-bs-theme="dark"] #main_results.table-orders .pending td{background: #4f4624}
[data-bs-theme="dark"] #main_results.table-orders .deleted td{background: #511f1f}
[data-bs-theme="dark"] #main_results.table-orders .aborted td{background: #511f1f}
[data-bs-theme="dark"] #main_results.table-abstracts .approved td{background: #162e22}
[data-bs-theme="dark"] #main_results.table-abstracts .approved_poster td{background: #162e22}
[data-bs-theme="dark"] #main_results.table-abstracts .approved_oral td{background: #162e22}
[data-bs-theme="dark"] #main_results.table-abstracts .approved_case_report td{background: #162e22}
[data-bs-theme="dark"] #main_results.table-abstracts .read td{background: #4f4624}
[data-bs-theme="dark"] #main_results.table-abstracts .deleted td{background: #511f1f}
[data-bs-theme="dark"] #main_results.table-abstracts .discarded td{background: #511f1f}

.two-col-grid{grid-template-columns:1fr minmax(300px, 30%); gap:1rem; 	align-items: start; display: grid;}


.form-grid{display: grid; max-width: 750px;
	grid-template-columns: minmax(100px, 20%) 1fr; gap:1rem; margin-bottom:.5rem}
.form-control:read-only{background-color: var(--bs-secondary-bg);}


.item-card {
   width: 100%;
   margin: 0 auto;
 }
 .user-image {
   width: 40px;
margin: 0;
   height: auto;
 }

.circle {
	width: 13px;  /* Larghezza del pallino */
	height: 13px; /* Altezza del pallino */
	border-radius: 50%; /* Rende il div un cerchio */
}
.bliking{	animation: blink .8s infinite  alternate-reverse ease-in-out; /* Applica l'animazione blink */}
.ongoing {
	background-color: #02a367; /* Colore di base */
}
.waiting {
	background-color: #ffaf85; /* Colore di base */
}

.ended {
	background-color: #dadada; /* Colore di base */
}

@keyframes blink {
	0%,30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.bg-green {
color: #fff;
background-color: #02a367;
}
.btn-green {
	color: #fff;
	background-color: #02a367;
	border-color: #02a367;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green:disabled,
.btn-green:disabled:hover,
.btn-green:disabled:focus,
.btn-green:disabled:active,
.btn-green.disabled,
.btn-green.disabled:hover,
.btn-green.disabled:focus,
.btn-green.disabled:active {
	background-color: #028954;
	border-color: #027344;
color: #fff;
}

.btn-green:focus,
.btn-green.focus {
	color: #fff;
	background-color: #028954;
	border-color: #027344;
	box-shadow: 0 0 0 0.2rem rgba(2, 163, 103, 0.5);
}

.btn-green:disabled,
.btn-green.disabled {
	color: #fff;
	background-color: #02a367;
	border-color: #02a367;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
	color: #fff;
	background-color: #026a52;
	border-color: #025a44;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.2rem rgba(2, 163, 103, 0.5);
}


/* Custom styling for the dropdown */
.autocomplete-results {
	display: none;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	position: absolute;
	z-index: 1000;
	background-color: white;
    max-width: 90vw;
	min-width:350px;
}
.autocomplete-results .list-group-item {
	cursor: pointer;
}
.autocomplete-results .list-group-item:hover {
	background-color: #f0f0f0;
}


/* Animazione per l'entrata dell'alert */
.alert-container.enter {
	animation: enterFromRight 0.5s forwards;
}

/* Animazione per l'uscita dell'alert */
.alert-container.exit {
	animation: exitToBottom 0.5s forwards;
}

@keyframes enterFromRight {
	from {
		opacity: 0;
		transform: translateX(100%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes exitToBottom {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(100%);
	}
}

	@media (max-width:767px){
	.two-col-grid{grid-template-columns:1fr;}
}