@media screen {
    .KP_pager .td {
        box-shadow: #8a8a8a 5px,5px inset;
        font-family: 'Adobe Arabic';
    }

    .KP_Panel {
        border: 1px solid #E5E5E5;
        display: block;
        border-radius: 10px;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        font-family: 'Adobe Arabic';
        width: 98%;
    }

    .KP_Panel_Grid {
        display: table-row;
        border: 3px solid #E5E5E5;
        border-radius: 10px;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        /*-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);*/
        font-family: 'Adobe Arabic';
        padding: 5px;
    }

    .KP_Panel_Ricerca {
        margin: 2%;
        display: block;
        border-radius: 10px;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        font-family: 'Adobe Arabic';
        float: left;
        width: 95%;
        height: 450px;
        align-items: center;
    }


        .KP_Panel_Ricerca .Singolo {
            border: 1px solid #E5E5E5;
            padding: 5px;
            margin: 0.5%;
            display: block;
            border-radius: 10px;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6);
            -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.6);
            /*-ms font-family: 'Adobe Arabic';*/
            float: left;
            opacity: 0.4;
        }

    .Singolo .Head {
        border: 1px solid #E5E5E5;
        display: block;
        border-radius: 10px;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        font-family: 'Adobe Arabic';
        background-color: skyblue;
        text-align: center;
    }

    .Singolo:hover {
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        /*-webkit-perspective: 90;
    -moz-perspective: 90;
    -ms-perspective: 90;
    perspective: 90;*/
        background-color: #718ca2;
        border: 1px solid #333;
        border-style: groove;
        opacity: 1.0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    }

    .KP_Bott_Gen {
        display: block;
        background-color: ThreeDFace;
        float: left;
        height: auto;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
        font-family: 'Adobe Arabic';
        background-image: -ms-linear-gradient(top left, #66AAFF 0%, #66CCFF 100%);
        background-image: -moz-linear-gradient(100% 100% 180deg, #66CCFF, #66AAFF);
        background-image: -webkit-gradient(linear, left top,right bottom, from(#66AAFF), to(#66CCFF));
        background-image: -o-linear-gradient(top left, #b4d2f0 0%, #4D9543 100%);
    }

    .KP_Bott_Tab_Dischi {
        display: block;
        background-color: aliceblue;
        /*float:right;*/
        height: auto;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.6);
        font-family: 'Adobe Arabic';
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        background-image: -ms-linear-gradient(top left, #5ce66e 0%, #4D9543 100%);
        background-image: -moz-linear-gradient(100% 100% 180deg, #4D9543, #5ce66e);
        background-image: -webkit-gradient(linear, left top,right bottom, from(#5ce66e), to(#4D9543));
        background-image: -o-linear-gradient(top left, #b4d2f0 0%, #4D9543 100%);
    }

    .KP_Bott_Tab_Rete {
        display: block;
        background-color: aliceblue;
        /*float:left;*/
        width: auto;
        height: auto;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 13px 10px -10px rgba(0, 0, 0, 0.6);
        font-family: 'Adobe Arabic';
        background-image: -ms-linear-gradient(top left, #FA3 0%, #FC3 100%);
        background-image: -moz-linear-gradient(100% 100% 180deg, #FC3, #FA3);
        background-image: -webkit-gradient(linear, left top,right bottom, from(#FA3), to(#FC3));
        background-image: -o-linear-gradient(top left, #FA3 0%, #FC3 100%);
        padding: 3px;
    }

    .KP_Botto_Aggiorna:hover, .KP_Botto_Elimina:hover, .KP_Botto_Annulla:hover, .KP_Botto_Stampa:hover {
        -webkit-transform: scale(1.1);
        -moz-trasformano: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
    }

    .KP_Botto_Aggiorna {
        display: block;
        background-color: aliceblue;
        height: auto;
        background-image: url('../../../../images/action_refresh.gif');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Botto_Stampa {
        display: block;
        background-color: aliceblue;
        height: auto;
        background-image: url('../../../../images/action_print.gif');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Botto {
        display: block;
        background-color: aliceblue;
        height: auto;
        /*background-image: url('../../../../images/action_print.gif');*/
        /*float:left;*/
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Botto_Punto {
        height: auto;
        background-image: url('../../../../images/punto.jpg');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }


    .KP_Botto_Selezione {
        display: block;
        background-color: aliceblue;
        height: auto;
        background-image: url('../../../../images/action_refresh.gif');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Botto_Elimina {
        display: block;
        background-color: aliceblue;
        height: auto;
        background-image: url('../../../../images/delete.gif');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Botto_Annulla {
        display: block;
        background-color: aliceblue;
        height: auto;
        background-image: url('../../../../images/cancel.gif');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Botto_Stampa {
        display: block;
        background-color: aliceblue;
        height: auto;
        background-image: url('../../../../images/print.gif');
        float: left;
        background-repeat: no-repeat;
        text-align: center;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

    .KP_Bott_Gen:hover {
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        -webkit-perspective: 100;
        -moz-perspective: 100;
        -ms-perspective: 100;
        perspective: 100;
        /*-webkit-transform: rotateY(360deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform: rotateY(360deg);
        -moz-transform-style: preserve-3d;
        -ms-transform: rotateY(360deg);
        -ms-transform-style: preserve-3d;
        -o-transform: rotateY(360deg);*/
        /*background-color: #FC3;
        -webkit-transform: rotate(360deg) scale(2);
        -moz-trasformano : rotate(360deg) scale(2);
        -o-transform: rotate(360deg) scale(2);
        -ms-transform: rotate(360deg) scale(2); 
        transform: rotate(360deg) scale(2);*/
        background-color: #FC3;
        -webkit-transform: scale(1.5);
        -moz-trasformano: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }

    .KP_Bott_Tab_Dischi:hover {
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        /*-webkit-perspective: 100px;
        -moz-perspective: 100px;
        -ms-perspective: 100px;
         perspective: 100px;*/
        /*-webkit-transform: rotateY(360deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform: rotateY(360deg);
        -moz-transform-style: preserve-3d;
        -ms-transform: rotateY(360deg);
        -ms-transform-style: preserve-3d;
        -o-transform: rotateY(360deg);*/
        background-color: #FC3;
        -webkit-transform: rotate(360deg) scale(1.5);
        -moz-trasformano: rotate(360deg) scale(1.5);
        -o-transform: rotate(360deg) scale(1.5);
        -ms-transform: rotate(360deg) scale(1.5);
        transform: rotate(360deg) scale(1.5);
        /*background-color: #FC3;
        -webkit-transform:  scale(2);
        -moz-trasformano :  scale(2);
        -o-transform:  scale(2);
        -ms-transform:  scale(2); 
        transform:  scale(2);*/
    }

    .KP_Bott_Tab_Rete:hover {
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        /*-webkit-perspective: 10;
        -moz-perspective: 10;
        -ms-perspective: 10;
         perspective: 10;*/
        -webkit-transform: rotateY(360deg) scale(1.5);
        -webkit-transform-style: preserve-3d;
        -moz-transform: rotateY(360deg) scale(1.5);
        -moz-transform-style: preserve-3d;
        -ms-transform: rotateY(360deg) scale(1.5);
        -ms-transform-style: preserve-3d;
        -o-transform: rotateY(360deg) scale(1.5);
        background-image: -ms-linear-gradient(top left, #FA3 0%, #FC3 100%);
        background-image: -moz-linear-gradient(100% 100% 180deg, #FC3, #FA3);
        background-image: -webkit-gradient(linear, left top,right bottom, from(#FC3), to(#FA3));
        background-image: -o-linear-gradient(top left, #FA3 0%, #FC3 100%);
        /*background-color: #FC3;
        -webkit-transform: rotate(360deg) scale(2);
        -moz-trasformano : rotate(360deg) scale(2);
        -o-transform: rotate(360deg) scale(2);
        -ms-transform: rotate(360deg) scale(2); 
        transform: rotate(360deg) scale(2);*/
        /*background-color: #FC3;
        -webkit-transform:  scale(2);
        -moz-trasformano :  scale(2);
        -o-transform:  scale(2);
        -ms-transform:  scale(2); 
        transform:  scale(2);*/
    }

    .KP_panello_comandi_export {
        width: 37%;
        position: relative;
        float: right;
        overflow: auto;
        border: 1px solid #E5E5E5;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        display: block;
        margin: 10px;
        align-content: center;
        border-radius: 10px;
        padding: 10px;
    }

    .KP_panello_comandi_cerca {
        width: 75%;
        border: 1px solid #E5E5E5;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        display: block;
        margin: 5px 10px 10px 5px;
        align-content: center;
        border-radius: 10px;
        padding: 10px;
        float: left;
    }

    .KP_panello_comandi_cerca_radio {
        width: 20%;
        border: 1px solid #E5E5E5;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
        display: block;
        /*margin: 5px 10px 10px 5px;*/
        align-content: center;
        border-radius: 10px;
        padding: 3px;
        float: inherit;
    }

    .loading {
        background-color: transparent;
        height: 50%;
        width: 50%;
    }

    .KP_panello_comandi_Grid {
        width: 10%;
        border: 1px solid #E5E5E5;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
        display: block;
        margin: 5px 10px 10px 5px;
        align-content: center;
        border-radius: 10px;
        padding: 10px;
        float: right;
    }

    .pannelloMessaggi {
        width: auto;
        height: auto;
         max-width:400px;
        position: absolute;
        top: 45%;
        left: 60%;
        background-color: white;
        float: right;
        padding: 5px;
        z-index: 9666;
        text-align: center;
        box-shadow: 0 0 15px rgba(0,0,0,0.4);
        border-radius: 7px;
        -webkit-transition: all 0.7s ease-out;
        -moz-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
        transition: all 0.7s ease-out;
        /*-webkit-perspective: 10;
        -moz-perspective: 10;
        -ms-perspective: 10;
        perspective: 10;*/
        -moz-animation-duration: 2s;
    }

    .modalBackground {
        background-color: Black;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }


	.modalPopup .modalCtrl {
		display: block;
		position: absolute;
		top:50% ;
		right: -5px;
		left: 97%;
		width: 25px;
		height: 25px;
		border-radius: 10px;
		background-color: #fff;
		-webkit-border-radius: 50px;
		box-shadow: 0px 0px 5px #666;
		background: #585858 url(/dnn91/portals/0/images/closeBtn.png) no-repeat center;
	}











	.modalPopup {
		border-radius: 7px;
		box-shadow: 0 0 7px 0 #000;
		vertical-align: central;
		background-color: gainsboro;
		width: 10%;
		/*width: auto;*/
		height: auto;
		/*border: 3px solid #0DA9D0;*/
		left: 1%;
		position: fixed;
		bottom: 10%;
		top: 10%;
		/*padding: 0.1em;*/
		/*float:left;*/
		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
		/*-webkit-perspective: 10;
        -moz-perspective: 10;
        -ms-perspective: 10;
        perspective: 10;*/
		-moz-animation-duration: 2s;
	}

        .modalPopup .header {
            background-color: #2FBDF1;
            height: 30px;
            color: White;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
        }

        .modalPopup .body {
            min-height: 50px;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
        }

        .modalPopup .footer {
            padding: 3px;
        }

        .modalPopup .yes, .modalPopup .no {
            height: 23px;
            color: White;
            line-height: 23px;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
        }

        .modalPopup .yes {
            background-color: #2FBDF1;
            border: 1px solid #0DA9D0;
        }

        .modalPopup .no {
            background-color: #9F9F9F;
            border: 1px solid #5C5C5C;
        }

    .hidden {
        position: absolute;
        left: 0px;
        top: -500px;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

	.KP_trb {
		background-color: darkgrey;
		border-bottom: hidden;
		width: 100%;
		align-content: center;
		float: left;
		padding:0.3em;
	}
	.KP_tr {
		border-bottom: hidden;
		width: 100%;
		align-content: center;
		float: left;
	}
	.KP_tdbLabel {
		float: left;
		width: 8%;
		/*background-color:yellow;*/
		font-family: Verdana, Arial, sans-serif;
	}

	.KP_tdbTest {
		float: left;
		width: 17%;
		/*background-color: green;*/
	}

	.KP_table {
		/*border: 5px;*/
		width: 100%;
		background-color:red;
	}

    .pannelloMessaggi  .KP_CHIUDI {
        display: block;
        position: absolute;
        top: -5px;
        right: -2px;
        left:99%;
        width: 25px;
        height: 25px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-border-radius: 50px;
        box-shadow: 0px 0px 5px #666;
        background: #585858 url('Images/closeBtn.png') no-repeat center;
 }




	.style1 {
		width: 100%;
	}

	.style2 {
		text-align: right;
	}

	.vva {
		width: 35%;
		position: relative;
		/*height: 1%;*/
		display: block;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
		/*font-family: 'Arial Rounded MT' ;*/
		font-size: smaller;
		border: 1px solid #808080;
		background-color: gainsboro;
	}
	/*.vva:hover{ cursor: move; 
    }*/
	.drag {
		position: relative;
		top: 50%;
		left: 50%;
		border-radius: 5px;
		width: 200px;
		box-shadow: 0 0 7px 0 #000;
		opacity: 0.9;
		display: block;
		background-color: gainsboro;
		border-width: 2px;
		border-color: Black;
		border-style: solid;
		padding: 20px;
	}

		.drag:hover {
			cursor: move;
		}

	.Aggio {
		width: 90%;
		border-radius: 5px;
		box-shadow: 0 0 7px 0 #000;
		opacity: 0.9;
		display: block;
		background-color: gainsboro;
		border: 1px solid #808080;
		padding: 10px;
		left: 10%;
		right: 10%;
	}

	.GRI {
		border-radius: 5px;
		box-shadow: 0 0 7px 0 #000;
		display: block;
		background-color: gainsboro;
		border: 1px solid #808080;
		padding: 10px;
		width: 100%;
	}



	


/*-----------------pager-----------------------------------------*/

	.KP_pager td table td a {
		box-shadow: #8a8a8a 5px,5px inset;
		/* font-size: medium; */
		border: 1px solid #E5E5E5;
		padding: 3px;
		font-weight: bold;
		border-radius: 15px;
		padding: 1px 4px 1px 4px;
		text-align: justify;
	}
	.KP_pager td table td a:link:hover {
			/*font-size:medium;*/
			font-weight: bold;
			border: 1px solid white;
			padding: 1px 4px 1px 4px;
			/*background-color: gray;*/
			box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
			border-radius: 15px;
		}
	.KP_pager td table td span {
		/*color: yellow;*/
		/*font-size:medium;*/
		font-weight: bold;
		border: 2px solid white;
		padding: 1px 4px 1px 4px;
		/*background-color: ActiveBorder;*/
		box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
		text-align: justify;
	}

/*-------------------------------------------------------*/
	.KP_Testa_grid  th {
		box-shadow: #8a8a8a 5px,5px inset;
		/* font-size: medium; */
		border: 1px solid #E5E5E5;
		padding: 3px;
		font-weight: bold;
		border-radius: 10px;
		padding: 1px 4px 1px 4px;
		text-align: center;
		-moz-border-radius:15px;
		/*left:1px;*/
		right:2px;
	}

	
	.Panel_Grid {
		/*display:table-row;*/
		border: 3px solid #E5E5E5;
		border-radius: 10px;
		box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
		/*-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);*/
		/*font-family: 'Adobe Arabic';*/
		padding: 5px;
		 left:5px;
		/*grid-gap: 2em 1em ;*/
		width: 100%;
		border-spacing: 5px;
		 
	}

	




	.GRIDV {
		border-radius: 5px;
		box-shadow: 0 0 7px 0 #000;
		display: block;
		background-color: gainsboro;
		border: 1px solid #808080;
		padding: 10px;
		 
	}

	.BOT {
		border-radius: 5px;
		box-shadow: 0 0 7px 0 #000;
		display: block;
		background-color: gainsboro;
		border: 1px solid #808080;
		padding: 10px;
		float: left;
	}

		.BOT:hover {
			border-radius: 5px;
			box-shadow: 0 0 2px 0 #000;
			display: block;
			background-color: gainsboro;
			border: 1px solid #808080;
			padding: 10px;
			float: left;
			color: red;
		}


	.BAT {
		border-radius: 5px;
		box-shadow: 0 0 7px 0 #000;
		display: block;
		background-color: gainsboro;
		border: 1px solid #808080;
		/*padding:10px;*/
		float: left;
	}

		.BAT:hover {
			border-radius: 5px;
			box-shadow: 0 0 2px 0 #000;
			display: block;
			background-color: gainsboro;
			border: 1px solid #808080;
			/*padding:10px;*/
			/*float: left;*/
			color: red;
		}


	.upd {
		top: 50%;
		left: 50%;
		position: fixed;
	}



}

@media print{
body {	margin-left: 2px;
	margin-right: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
    background: transparent !important; 
    color: black !important;
	}
.wrapper{width: auto;}
a:link:after{content: " [" attr(href) "]";}

.KP_Botto_Stampa {
        display: none;
        border-radius: 7px;
        border: solid;
        border-color: azure;
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }


input{
    display:none;
}
button{
    display:none;
}





  .tt {
  display: none;
  position: absolute;
  color: #FFF;
  text-align: center;
  padding: 10px;
  max-width: 200px;
  background-color: #000;
  border-radius: 3px;
}

.tt.visible { display: inline-block; }

.tt:after {
  content: '\25be';
  color: black;
  font-size: 18px;
  position: absolute;
  height: 10px;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}

.center {
  margin: 150px auto;
  text-align: center;
}





}