.display-none {display: none !important;}

 .tableContainer {
    background:#172d53;
    padding:20px;
}
#hor-minimalist-a {
    font-size: 14px;
    background: #172d53;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin: 20px;
    padding: 0px;
    margin: 0px;
}
#hor-minimalist-a a {
	color:#fff;
	text-decoration:none;
	line-height:16px;
}
#hor-minimalist-a a:hover {
	text-decoration:underline!important;
}
.table .tr, .table tr, table .tr, table tr {
    border-bottom: 1px solid #ddd;
}
#hor-minimalist-a td {
    color: #fff;
    padding: 9px 8px 9px 6px;
    line-height: 17px;
}
h4.storico {
	margin-bottom:10px!important;
}
h4 a.popup-modal {
	text-decoration:none;
}
a.popup-modal {
	margin-bottom:20px;
	float: left;
    width: 100%;
}
h4 a.popup-modal:hover {
	text-decoration:underline;
}
#hor-minimalist-a th {
   padding:5px;
   color:#172d53;
   text-transform:uppercase;
}
#hor-minimalist-a thead tr {
   background:#fff;
}
.arrow-down-dop {
	float:left;
	width:21px;
	height:23px;
    background:url(../img/download.png) left top no-repeat;
}
.popup-dop {
	max-width:750px!important;
}
.show-mobile {
	display:none;
}
.video-list {
	display: flex;
	flex-flow: row wrap; /* con il nowrap dopo 4 elementi anche il quinto lo mette sulla prima riga, adattando gli ingombri */
	.video-item {
	   width: 25%;
	   padding: 20px;
	   img {
	       width: 100%;
	       margin-bottom: 10px;
	   }
	   .video-title {
	       font-size: 16px;
	       font-weight: bold;
	   }
	}
	a {
	   text-decoration: none!important;
	}
}

@media only screen and (max-width: 1024px) {
	.video-list {
	   .video-item {
           width: 50%;
       }
	}
}

@media only screen and (max-width: 500px)  {
	.show-mobile {
        display:block;
    }
    .video-list {
       .video-item {
           width: 100%;
       }
    }

}