/* Standard */
.container {text-align:center; font-family:Roboto, Arial,Verdana, Sans-Serif; margin:20px auto;}
.grid-container {display: grid; grid-template-columns: auto ; grid-gap: 0; }
.grid-container-2 {display: grid; grid-template-columns: auto auto; grid-gap:0; }
.grid-container-3 {display: grid; grid-template-columns: auto auto auto; grid-gap: 0; }
.grid-container-4 {display: grid; grid-template-columns: auto auto auto auto; grid-gap: 1%0; }
.grid-container-5 {display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 0; }
.grid-container-6 {display: grid; grid-template-columns: auto auto auto auto auto auto; grid-gap: 0; }
.grid-container-7 {display: grid; grid-template-columns: auto auto auto auto auto auto auto; grid-gap: 0; }
.grid-container-8 {display: grid; grid-template-columns: auto auto auto auto auto auto auto auto; grid-gap: 0; }
.grid-container-9 {display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto; grid-gap: 0; }
.grid-container-10 {display: grid; grid-template-columns: auto auto auto auto auto auto auto auto auto auto; grid-gap: 0; }

.grid-container .item-grid{margin:10px;}
.grid-container-2 .item-grid{margin:10px;}
.grid-container-3 .item-grid{margin:10px;}
.grid-container-4 .item-grid{margin:10px;}
.grid-container-5 .item-grid{margin:10px;}
.grid-container-6 .item-grid{margin:10px;}
.grid-container-7 .item-grid{margin:10px;}
.grid-container-8 .item-grid{margin:10px;}
.grid-container-9 .item-grid{margin:10px;}
.grid-container-10 .item-grid{margin:10px;}

/* ************************************************************************************************************************* */

/* Placeholder */
input::-webkit-input-placeholder {color: #d9d9d9;}
input:-moz-placeholder {color: #d9d9d9; opacity: 1;}
input::-moz-placeholder {color: #d9d9d9; opacity: 1;}
input:-ms-input-placeholder {color: #d9d9d9;}

/* Element */
input[type=text],input[type=password],textarea{background-color: #ffffff; color: #000000; border: solid 1px #cccccc; font-size: 18px; font-weight: 400; width: 100%; text-align: center; text-decoration: none; box-sizing: border-box; padding:10px; margin: 0; resize: none; outline: none; cursor: pointer;}
input[type=text]:hover,input[type=password]:hover,textarea:hover{background-color: #f2f2f2;}

input[type=submit]{background-color: initial; background-image: linear-gradient(#818181, #000000); color: #fff; border-width: 0; font-size: 18px; font-weight: 400; width : 100%; text-align: center; text-decoration: none; box-sizing: border-box; box-shadow: 0 10px 20px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .05); padding: 11px; margin: 0; outline: none; cursor: pointer; transform: translate3d(0, 0, 0); transition: all 150ms;}
input[type=submit]:hover{box-shadow: rgba(0, 1, 0, .2) 0 2px 8px; opacity: .85;}

/* Alert*/
#LblAlert{display:block; background-color: initial; background-image: linear-gradient(#ff2d2d, #810d0d); color: #ffffff; font-size: 20px; font-weight: 500; font-style:oblique; width: 100%; text-align: center; text-decoration: none; box-sizing: border-box; padding:20px; margin:0; resize: none; outline: none; }
#LblAlert:empty{padding:0;}

/* Grid */
table.tabella{color: #000000; font-size:14px; font-weight:500; border-spacing: 10px; border-collapse: separate; margin:auto; width:100%; text-transform:uppercase;}
table.tabella tr th:first-child, table.tabella tr td:first-child{display:none;}
table.tabella tr th{font-weight:700; padding:10px 0; background-color:#071d4d; color:#ffffff;}
table.tabella tr td{text-align:center; vertical-align:middle; height:35px; text-transform:uppercase;}
table.tabella tr td.img-grid input[type=image] {width: 30px !important;}
.tablerowalternate{background-color:#e6e6e6 !important; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}

/* ***************************************MEDIA QUERY ********************************************************************************** */

/* Portatili */
@media(max-width:1366px)
{
 .grid-container-5{grid-template-columns: auto auto auto auto;}
 .grid-container-6{grid-template-columns: auto auto auto auto;}
 .grid-container-7{grid-template-columns: auto auto auto auto;}
 .grid-container-8{grid-template-columns: auto auto auto auto;}
 .grid-container-9{grid-template-columns: auto auto auto auto;}
 .grid-container-10{grid-template-columns: auto auto auto auto;}
}

/* Portatili piccoli */
@media(max-width:1200px)
{
 .grid-container-4{grid-template-columns: auto auto auto;}
 .grid-container-5{grid-template-columns: auto auto auto;}
 .grid-container-6{grid-template-columns: auto auto auto;}
 .grid-container-7{grid-template-columns: auto auto auto;}
 .grid-container-8{grid-template-columns: auto auto auto;}
 .grid-container-9{grid-template-columns: auto auto auto;}
 .grid-container-10{grid-template-columns: auto auto auto;}
}

/* Tablet */
@media(max-width:992px)
{
 .grid-container-3{grid-template-columns: auto auto;}
 .grid-container-4{grid-template-columns: auto auto;}
 .grid-container-5{grid-template-columns: auto auto;}
 .grid-container-6{grid-template-columns: auto auto;}
 .grid-container-7{grid-template-columns: auto auto;}
 .grid-container-8{grid-template-columns: auto auto;}
 .grid-container-9{grid-template-columns: auto auto;}
 .grid-container-10{grid-template-columns: auto auto;}
}

/* Mobile */
@media (max-width: 768px)
{
 .grid-container {grid-template-columns: auto;}
 .grid-container-2 {grid-template-columns: auto;}
 .grid-container-3{grid-template-columns: auto;}
 .grid-container-4{grid-template-columns: auto;}
 .grid-container-5{grid-template-columns: auto;}
 .grid-container-6{grid-template-columns: auto;}
 .grid-container-7{grid-template-columns: auto;}
 .grid-container-8{grid-template-columns: auto;}
 .grid-container-9{grid-template-columns: auto;}
 .grid-container-10{grid-template-columns: auto;}
}