/* skin per tabelle datatables */
div#mytable1_paginate span { display: inline; }
div#mytable1_length label select { margin-top: 8px; }
table#mytable1 { padding-top: 1em; width: 100%}
table#mytable1 tbody tr { height: 4.3em; }
table#mytable1 tbody
{
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}
table#mytable1 tbody tr:nth-child(odd) { background: #f3f3f3; }
table#mytable1 tbody tr:nth-child(even) { background: #ffffff; }
table#mytable1 thead th
{
	text-align: center;
	color :var(--primary-green);
	font-size:14px;
}
div#mytable1_paginate .paginate_button,
div#mytable1_wrapper .dt-paging-button { border: 0px; }
div#mytable1_paginate .paginate_button:hover,
div#mytable1_wrapper .dt-paging-button:hover {
  border: 0px;
  background: var(--primary-green);
  color: var(--primary-hover) !important;
}
div#mytable1_paginate .current,
div#mytable1_wrapper .current
{
  border: 0px;
  background: var(--primary-hover);
  color: white !important;
}


table#mytable1 tbody tr:nth-child(even) > .ha_pdf { background: var(--primary-green); }
table#mytable1 tbody tr:nth-child(odd) > .ha_pdf { background: var(--secondary-green); }

div#mytable1_filter {
	font-weight: normal;
}
div#mytable1_wrapper .dt-buttons,
div#subs_wrapper .dt-buttons { float: left }
div#mytable1_wrapper .dt-search,
div#subs_wrapper .dt-search { float: right }

#subs_wrapper .dt-paging,
.dt-paging {
	margin-bottom: 3px;
	& > nav {
		text-align: right;
	}
	& > nav > button {
		border: 0px;
		font-family: 'Raleway';
		font-weight: normal;
		font-size: 12px;
		position: relative;
		/* l'ombra è obbligatoria, crea comunque dei px di spazio */
    	box-shadow: rgba(255, 255, 255, 0) 0px 1px 2px 0px, rgba(255, 255, 255, 0) 0px 1px 3px 1px;
		&:after {
			content: '';
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
		}
	}
	& > nav > button.current,
	& > nav > button:hover:not(.disabled) {
    	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
		position: relative;
		&:after {
			content: '';
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
			&:hover {
				background: linear-gradient(to bottom, rgba(153, 153, 153, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) !important;
			}
		}
		&:hover {
			box-shadow: rgba(60, 64, 67, 0.6) 0px 1px 2px 0px, rgba(60, 64, 67, 0.3) 0px 1px 3px 1px !important;
		}
	}
	& > nav > button.current {
		background: var(--primary-hover) !important;
		color: white !important;
	}
	& > nav > button:hover:not(.disabled) {
		background: var(--primary-green) !important;
		color: var(--primary-hover) !important;
	}
	& > nav > button.disabled,
	& > nav > button.disabled:hover {
		color: rgba(0,0,0,0.2) !important;
		background-color: inherit !important;
	}
}