/* CSS pentru DataTables, de Cosmin Miu */

 /* CSS pentru a alinia conținutul coloanelor în partea de sus */
        table.dataTable td {
            vertical-align: top;
        }

#tabelBiblioteca_wrapper  .termen_filtru_icon_select {
	/*display:none;
	visibility:hidden;*/
}
#tabelBiblioteca_wrapper  .termen_filtru_icon_tabel {
	/*display:none;
	visibility:hidden;*/
}

#tabelBiblioteca_wrapper  .select_spacer {
	height: 3px;          /* Înălțime fixă de 10px */
    background-color: transparent; /* Fundal transparent */
}

#tabelBiblioteca_wrapper  .dataTables_filter {
	float: none !important;       /* Elimină alinierea la dreapta */
    text-align: left !important;  /* Aliniază textul și caseta la stânga */
}

#tabelBiblioteca_wrapper .dataTables_info {
	/*font-size: 14px;*/        /* Setează dimensiunea fontului */
	color: white !important;         /* Schimbă culoarea textului */
	/*font-weight: bold;*/      /* Text îngroșat */
	/*margin-top: 10px;*/       /* Spațiu suplimentar deasupra */
	/*text-align: left;*/       /* Aliniază textul la stânga */
	background-color: transparent !important;
}

#tabelBiblioteca_wrapper .dataTables_paginate {
	background-color: rgba(240, 240, 240, 0.9); !important;
	padding: 0px 0;           /* Spațiu vertical pentru o mai bună vizualizare */
}

#tabelBiblioteca_wrapper th::before, #tabelBiblioteca_wrapper  th::after {
            content: none;
            display: none;
        }
		
/* Setează culoarea fontului la alb pentru butoanele de paginare */
#tabelBiblioteca_wrapper .dataTables_paginate .paginate_button {
	color: white !important;
	padding-left: 0.3em !important;       /* Elimină padding-ul */
	padding-right: 0.3em !important;       /* Elimină padding-ul */
	padding-top: 0em !important;       /* Elimină padding-ul */
	padding-bottom: 0em !important;       /* Elimină padding-ul */
    text-align: center;           /* Aliniază textul la centru */
    display: inline-block;        /* Asigură afișarea corectă */
    width: auto;                  /* Opțional: setează lățimea automată */
}

/* Setează culoarea albă pentru butonul de paginare activ */
#tabelBiblioteca_wrapper .dataTables_paginate .paginate_button.current {
	background-color: transparent !important;
	color: white !important;
	border: 1px solid white !important;
}
	
	#tabelBiblioteca_filter input[type="search"] {
		-webkit-min-width: 170px; /* Pentru compatibilitate mai bună */
		min-width: 170px;
	}
	#tabelBiblioteca_filter  select {
		width: 140px !important;
	}
	#tabelBiblioteca_wrapper td .full-width-star {
		width: 100%;            /* Lățimea completă a coloanei */
		text-align: center;      /* Aliniere orizontală la centru */
		display: flex;           /* Folosește flexbox pentru aliniere */
		justify-content: center; /* Centrează orizontal conținutul */
		align-items: center;     /* Centrează vertical conținutul */
		height: 100%;            /* Lățimea completă a celulei */
		font-size: 16px;         /* Dimensiunea fontului, ajustabilă */
		font-weight: bold;       /* Îngroașă steaua pentru a fi mai vizibilă */
	}
	
@media (min-width: 769px) {
	#tabelBiblioteca th:first-child, #tabelBiblioteca td:first-child {
		min-width: 250px;
	}
	
	#tabelBiblioteca_wrapper td .aliniat-dreapta {
		width: 100%;            /* Lățimea completă a coloanei */
		text-align: right;      /* Aliniere orizontală la centru */
		display: flex;           /* Folosește flexbox pentru aliniere */
		justify-content: right; /* Centrează orizontal conținutul */
		align-items: right;     /* Centrează vertical conținutul */
		height: 100%;            /* Lățimea completă a celulei */
	}
	
	#tabelBiblioteca_wrapper .dataTables_info {
		/*text-align: right;*/
		/*float: right;*/
	}
	
	#tabelBiblioteca_wrapper .dataTables_paginate {
		/*float: right;*/
	}
}

/* Aliniază la stânga casuțele de paginare și căutare pentru ecrane mici */
@media (max-width: 768px) {
	#tabelBiblioteca_filter select {
		max-width: 50%;
	}
	#tabelBiblioteca_wrapper .dataTables_paginate  {
		text-align:center !important;
	}
	#tabelBiblioteca_wrapper .dataTables_paginate .paginate_button {
        display: inline-block;  /* Afișează butoanele pe același rând */
		padding:0.2em !important;
	}
	#tabelBiblioteca_wrapper .dataTables_paginate .paginate_button a {
		padding:0.1em !important;
	}
	
    /* Aliniere la stânga pentru numărul de pagină */
    #tabelBiblioteca_wrapper div.dataTables_length {
        text-align: left;
        float: none;
        margin-bottom: 10px;
    }

    /* Aliniere la stânga pentru căutare */
    #tabelBiblioteca_wrapper div.dataTables_filter {
        text-align: left;
        float: none;
        margin-bottom: 10px;
    }

    /* Asigură că ambele casuțe sunt afișate una sub alta pe mobil */
    #tabelBiblioteca_wrapper div.dataTables_length, 
    #tabelBiblioteca_wrapper div.dataTables_filter {
        width: 100%; /* Se vor întinde pe toată lățimea */
        display: block;
    }
	
	#tabelBiblioteca th:nth-child(2n+1) {
			width: auto;
	}
	#tabelBiblioteca th:nth-child(2n+2) {
			width: 100px;
	}
	
}




/* Stil pentru fiecare autor */
        .tabelBibliotecaMulti {
            padding: 5px;
            margin-right: 10px;
            margin-top: 2px;
			margin-bottom: 2px;
            display: inline-block;
            border-radius: 5px;
        }
		
		.tabelBibliotecaMulti:nth-child(2n+1) {
			background-color: rgba(249, 249, 249, 0.5);
		}
		
		.tabelBibliotecaMulti:nth-child(2n+2) {
			background-color: rgba(230, 247, 255, 0.5);
		}
		
		.dataTables_wrapper  .dataTables_filter  {
			color: white !important;
		}
		
		.SelectElementContur {
			border: 2px solid #3399ff /*#ffcc99*/;  /* Contur albastru de grosime 2px */
		}
        /* Stil pentru fiecare Select */
        .SelectElement1 {
            /*padding: 5px;
            margin-right: 10px;
            display: inline-block;
            border-radius: 5px;*/
            padding-top: 2px;
			padding-bottom: 2px;
			/*background-color: rgba(249, 249, 249, 0.5);*/
			/*#f9f9f9*/ /* Gri foarte deschis */
        }
        .SelectElement2 {
            /*padding: 5px;
            margin-right: 10px;
            display: inline-block;
            border-radius: 5px;*/
            padding-top: 2px;
			padding-bottom: 2px;
			/*background-color: rgba(230, 247, 255, 0.5);*/ /*#e6f7ff*/ /* Albastru foarte pal */
        }
        .SelectElement3 {
            /*padding: 5px;
            margin-right: 10px;
            display: inline-block;
            border-radius: 5px;*/
            padding-top: 2px;
			padding-bottom: 2px;
			/*background-color: rgba(255, 204, 153, 0.6);*/ /* Portocaliu foarte pal */
        }
        .SelectElement4 {
            /*padding: 5px;
            margin-right: 10px;
            display: inline-block;
            border-radius: 5px;*/
            padding-top: 2px;
			padding-bottom: 2px;
			/*background-color: rgba(242, 255, 230, 0.5);*/ /*#f2ffe6*/ /* Verde foarte deschis */
        }
        .SelectElement5 {
            /*padding: 5px;
            margin-right: 10px;
            display: inline-block;
            border-radius: 5px;*/
            padding-top: 2px;
			padding-bottom: 2px;
			/*background-color: rgba(255, 230, 242, 0.5);*/ /*#ffe6f2*/ /* Roz foarte deschis */
        }

#tabelBiblioteca_filter .SelectElement1,
#tabelBiblioteca_filter .SelectElement2,
#tabelBiblioteca_filter .SelectElement3,
#tabelBiblioteca_filter .SelectElement4,
#tabelBiblioteca_filter .SelectElement5 {
	
}