@media all{
	
    
    
    
    
table{
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 10px 0; /* mi serve per spazioare la tabella dei pulsanti sotto alla tabella */
}
td{ /* RESET, usato ad esempio nelle tabelle dei pulsanti */
    padding: 0px;
    line-height: 1;
}

/* MISURE */
    /*.scontrino td:nth-child(1){width: 60%;}
    .scontrino td:nth-child(2){width: 40%;}
    .standard td:nth-child(1){width: 40%;}
    .standard td:nth-child(2){width: 60%;}*/
	.mono td{width: 100%;}



/* DEFINIZIONE DEI COLORI E CONSEGUENTI RIGHE */

    /* tabella blu */
        /*.tableblu td:nth-child(even){
            color: #fff;
            background-color: #010624;
        }
        .tableblu tr td:nth-child(1){border-bottom: 1px solid #d6d6d6;}
        .tableblu tr td:nth-child(2){border-bottom: 1px solid #545572;}
        .tableblu tr:last-child td{border-bottom: none;}*/ /* tolgo il border all'ultima riga */
    
    
    
    /* tabella grigia */
        /*.tablegrigia td:nth-child(even){
            color: #000;
            background-color: #f7f7f7;
        }
        .tablegrigia tr td:nth-child(1){border-bottom: 1px solid #d6d6d6;}
        .tablegrigia tr td:nth-child(2){border-bottom: 1px solid #e0e0e0;}
        .tablegrigia tr:last-child td{border-bottom: none;}*/ /* tolgo il border all'ultima riga */

		
    /* tabella monoriga blu*/
        .tablemonoblu td{
            color: #fff;
            background-color: #010624;
			border-bottom: 1px solid #545572;
        }
		.tablemonoblu tr:last-child td{border-bottom: none;}/* tolgo il border all'ultima riga */


    /* tabella monoriga gigia*/
        .tablemonogrigia td{
            color: #000;
            background-color: #f7f7f7;
			border-bottom: 1px solid #e0e0e0;
        }
		.tablemonogrigia tr:last-child td{border-bottom: none;}/* tolgo il border all'ultima riga */

		
/* TABELLA PARAGONE (urata ad esempio in   https://www.ithost.it/it/server/managed-server-vps   ) */
    
	
	
	.paragone td{
		border: solid 1px #dedede;
        padding: 15px;
        vertical-align: middle;
        position: relative; /* mi serve per l'immagine */
        line-height: 1.3em;
    }
    /*.paragone td img{
        vertical-align: middle;
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
    }*/
	/*.paragone td{text-align: center;}*/
    .paragone tr td:nth-child(1n+2){
		text-align: center;

    }




/* TABELLA DI TESTO */
    .testo td{
        padding: 15px 10px;
        vertical-align: middle;
        position: relative; /* mi serve per l'immagine */
        line-height: 1.3em;
    }
    .testo td.tdselector{ /* mi serve per le celle ceh hanno la select */
		padding: 0px 0px;
    }
    .testo td img{
        vertical-align: middle;
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
    }
	 /*gommoso alla prima riga */
    /*.testo tr:first-child td:nth-child(2){
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }*/
     /*gommoso all'ultima riga */
    /*.testo tr:last-child td:nth-child(2){
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }*/
    /*.testo td:nth-child(odd){text-align: right;}
    .testo td:nth-child(even){text-align: center;}*/


/* per il monoriga */
	.testo.mono td{text-align: center;}
    .testo.mono tr:first-child td:nth-child(1){ /*gommoso alla prima riga */
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
		/*background-color: #00f;*/
    }
    .testo tr:last-child td:nth-child(1){ /*gommoso all'ultima riga */
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
/* fine per il monoriga */


    /* definizione degli stili */
        .testo td.titologrande{
            text-align: center;
            font-size: 30px;
            font-weight: 900;
            line-height: 1em;
            padding: 40px 0;
        }
        .testo td.dettaglio{
            background-image: url(https://panel.ithost.it/res/img/icodet-frecciadx.svg);
            background-repeat: no-repeat;
            background-position: 100% 50%;
            cursor: pointer;
        }
        .testo td.dettaglio:hover{
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            background-color: #38DBFF;
            color: #000;
            background-image: url(https://panel.ithost.it/res/img/icodet-frecciadx-scura.svg);
        }
        .testo td.download{
            background-image: url(https://panel.ithost.it/res/img/icodet-download.svg);
            background-repeat: no-repeat;
            background-position: 100% 50%;
            cursor: pointer;
        }
        .testo td.download:hover{
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            background-color: #38DBFF;
            color: #000;
            background-image: url(https://panel.ithost.it/res/img/icodet-download-scura.svg);
        }
		

		
		

    /* definizione degli stili dei conti finali */
        .testo td.contototale{
            font-size: 36px;
            font-weight: 900;
            padding: 30px 0 40px 0;
            line-height: 0.4em;
        }
        .testo td .prezzobarrato{
            font-size: 14px;
            font-weight: 200;
            text-decoration: line-through;
            line-height: 3em;
        }
        .testo td .prezzobarratopiccolo{
            font-size: 12px;
            font-weight: 200;
            text-decoration: line-through;
            line-height: 1em;
        }
        .testo td.contototale .tabeuro{
            font-size: 26px;
            font-weight: 200;
        }
        .testo td .tabiva{
            font-size: 10px;
            font-weight: 200;
        }


		input[type=text].inputsutabella{
			width: calc(100% - 40px);
			padding: 15px 20px;
			margin: 0px;
			font-family: 'Nunito Sans', sans-serif;
			font-size: 15px;
			font-weight: normal;
			text-align: center;
			border: none;
			color:#fff;
			background-color: transparent;
			/*background-color: #ff0;*/
			transition: 0.2s ease all;
			-webkit-appearance: none; /* serve per far sparire i bordi tondi dal MAC */
		}
		input[type=text].inputsutabella:hover{
			background-color: #38dfff;
			color:#000;
		}




	/* STILE SELECTOR DROP DOWN */
		/*the container must be positioned relative:*/
		.custom-select {
			position: relative;
		}
		
		/*hide original SELECT element:*/
		.custom-select select {
			display: none;
		}
		
		/* definizione della prima select */
		.select-selected {
			color: #fff;
			/*background-color: #f00;*/
		}
		.select-selected:hover {
			color: #000;
			background-color: #38dbff;
		}
		
			/* stile della freccia verso il basso */
			.select-selected:after {
				position: absolute;
				content: "";
				top: 23px;
				right: 5px;
				width: 0;
				height: 0;
				border: 8px solid transparent;
				border-color: #38dfff transparent transparent transparent;
			}
			.select-selected:hover:after {
				border-color: #010624 transparent transparent transparent;
			}
			
			/* stile freccia verso l'alto -> select box is open (active):*/
			.select-selected.select-arrow-active:after {
				border-color: transparent transparent #38dfff transparent;
				top: 15px;
			}
			.select-selected.select-arrow-active:hover:after {
				border-color: transparent transparent #010624 transparent;
			}
		
		/* style the items (options), including the selected item: */
		.select-items div,.select-selected {
			padding: 15px 10px;
			/*line-height: 1.1em;*/
			/*border: 1px solid transparent;
			border-color: transparent transparent rgba(84, 85, 114, 1) transparent;*/
			cursor: pointer;
			user-select: none;
		}
		.select-items div,.select-selected:first-child {
			
			border: 1px solid transparent;
			border-color: rgba(84, 85, 114, 1) transparent transparent transparent;

		}
		
		/* style items (options): */
		.select-items {
			color: #000;
			position: absolute;
			background-color: #38dbff;
			top: 100%;
			left: 0;
			right: 0;
			z-index: 99;
		}
		
		/*hide the items when the select box is closed:*/
		.select-hide {
			display: none;
		}
		
		.select-items div:hover, .same-as-selected {
			background-color: rgba(0, 0, 0, 0.1);
		}
	







    
	
	
}