/* CSS INSERITO QUA PERCHE' DEVE COINVOLGERE TUTTE LE PAGINE	*/

/* General reset and font settings */

body {

    font-family: 'Arial', sans-serif;

    background-color: #e8eaeb; /* Light gray background */

    color: #333;

    margin: 0;

    padding: 0;

	font-size: 10pt;

}



#logo_barner_group	{

	width: 200px;

	margin-top: 60px;

    display: block;

    margin-left: auto;

    margin-right: auto;

	cursor: pointer;

}



#main_container_pagina {

    width: 90%;

	min-height: 800px;

    margin: 60px auto;

    border-collapse: collapse;

    box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.4);

    border-radius: 10px;

    overflow: hidden;	

	background-color: white;

}



/* Buttons */

button {

    background-color: transparent;

    color: #b99e44;

    border: none;

    border-radius: 5px;

    padding: 6px 12px;

    cursor: pointer;

	font-weight: bold;

}



button:hover:enabled {

    background-color: #a88c3b;

	color: white;

}

button:focus	{ outline: 0;	}	/* per rimuovere il bordo celeste dai bottoni */





/* Filters and input section */

.main_container_filtri {

    display: block;

    justify-content: space-between;

    margin: 20px 0;

}



.main_container_filtri form	{

	display: inline-block;

}

.main_container_filtri .filter_row	{

	margin-left: 50px;

	margin-bottom: 20px;

	font-weight: bold;

}



.main_container_filtri select, 

.main_container_filtri input {

    border: 1px solid #ccc;

    border-radius: 5px;

    margin-right: 10px;

    width: 150px;

}



.main_container_filtri input[type="text"] {

    width: 200px;

}





/* Table styling */

table.tabella_centrale {

    width: 94%;

	margin-left: auto;

    margin-right: auto;

    border-collapse: collapse;

    margin-top: 40px;

    border-radius: 10px;

    overflow: hidden;

	font-size: 10pt;

}

table.tabella_centrale td	{

	max-width: 180px;

}

table.tabella_centrale tbody tr:not(:first-child)	{

	cursor: pointer;

}

table.tabella_centrale tbody tr:not(:first-child):hover {

    background-color: #f1f1f1;

}



table.tabella_centrale thead {

    background-color: #c1c1c1;

    color: black;

}



table.tabella_centrale thead th {

    padding: 12px 10px;

}



table.tabella_centrale thead th:not(:first-child) div	{

	border-left: 1px solid white;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

	min-width: 80px;

}



table.tabella_centrale tbody td {

    padding: 12px 10px;

}

table.tabella_centrale tbody tr:first-child td	{

	border-bottom: 1px solid #ddd;

}

table.tabella_centrale tr:not(:first-child) td:not(:first-child) div	{



}

table.tabella_centrale input, table.tabella_centrale select, table.tabella_centrale textarea	{

	font-size: 8pt;

}



/* Info Icon bottom of the pages */

#info_img {		

	cursor: pointer;

	width: 20px;

	height: 20px;

	float: right;

	margin-bottom: 20px;

	margin-right: 20px;

	clear: right;

}



/* Mobile responsiveness */



/* -----------------------------------

TABLET PORTRAIT: da 600 a 767px

------------------------------------ */ 

@media screen and (min-width: 600px){

	

}

/* -----------------------------------

TABLET PORTRAIT: da 768 a 1023px

------------------------------------ */

@media screen and (min-width: 767px){

    .filters {

        flex-direction: column;

    }



    .filters select, 

    .filters input {

        margin-bottom: 10px;

        width: 100%;

    }



    table.tabella_centrale table {

        font-size: 14px;

    }

}

/* -----------------------------------

TABLET LANDSCAPE + NETBOOK(10'', 12''): da 1024 a 1279px

------------------------------------ */

@media screen and (min-width: 1024px){		





}

/* -----------------------------------

NETBOOK(13''): da 1280 a 1365px

------------------------------------ */

@media screen and (min-width: 1280px){	



}

/* -----------------------------------

NETBOOK(15''): da 1366 a 1439px

------------------------------------ */

@media screen and (min-width: 1365px){	



}

/* -----------------------------------

DESKTOP(19''): da 1440 a 1599px

------------------------------------ */

@media screen and (min-width: 1440px){	



}

/* -----------------------------------

DESKTOP(20'', 22''): da 1600 a 1939px

------------------------------------ */

@media screen and (min-width: 1600px){



table.tabella_centrale input, table.tabella_centrale select, table.tabella_centrale textarea	{

	font-size: 10pt;

}



}

/* -----------------------------------

DESKTOP(23'', 24''): da 1920px a salire

------------------------------------ */

@media screen and (min-width: 1920px){	



}