body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana;
}

.tabellaEstesa {
    width: 100%;
    height: 100%;
    border: 0px;
    border-collapse: collapse;
    padding: 0px;
}

.tabellaEstesaCella {
    vertical-align: top;
    padding: 0px;
}

.tabellaLista {
    border: 1px solid #086aff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
    /*-moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow:2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;*/
}

.cellaHeader {
    text-align: center;
    padding: 2px;
    background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #086aff), color-stop(0.50, #5e9cfa) );
    background-image: -o-linear-gradient(top, #086aff 0%, #5e9cfa 50%);
    background-image: -moz-linear-gradient(top, #086aff 0%, #5e9cfa 50%);
    background-image: -webkit-linear-gradient(top, #086aff 0%, #5e9cfa 50%);
    background-image: -ms-linear-gradient(top, #086aff 0%, #5e9cfa 50%);
    background-image: linear-gradient(to top, #086aff 0%, #5e9cfa 50%);
    font-weight: bold;
    font-size: 14px;
    color: white;
}

.cellaBody {
    border-bottom: 1px, solid, #e04200;
    border-left: none;
    border-top: none;
    border-right: none;
    vertical-align: top;
    padding-top: 3px;
}

.tabella_comandi {
    border: 1px solid #007a00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
}

.titolo_box {
    width: 600px;
    height: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #5b9ff9), color-stop(0.50, #0871fc) );
    background-image: -o-linear-gradient(top, #5b9ff9 0%, #0871fc 50%);
    background-image: -moz-linear-gradient(top, #5b9ff9 0%, #0871fc 50%);
    background-image: -webkit-linear-gradient(top, #5b9ff9 0%, 0871fc 50%);
    background-image: -ms-linear-gradient(top, #5b9ff9 0%, #0871fc 50%);
    background-image: linear-gradient(to top, #5b9ff9 0%, #0871fc 50%);
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    vertical-align: middle;
    border: 2px solid #bec1c7;
    font-size: 36px;
    font-weight: 800;
    color: #E6E8E9;
    padding-top: 10px;
    padding-bottom: 10px;
}

.titolo_img {
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    margin-bottom:10px;
}

.datiCampiGrigio {
    font-size: 14px;
    font-weight: 500;
}

.error {
    font-weight: bold;
    color: red;
    font-size: 14px;
    text-align: left;
    font-family: Verdana;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    -webkit-animation-duration: 1s;
}

.success {
    font-weight: bold;
    color: green;
    font-size: 14px;
    font-family: Verdana;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    -webkit-animation-duration: 1s;
}

.moduli_box {
    width: 966px;
    border: 1px solid #0871fc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #e1e1e1), color-stop(0.50, #ffffff) );
    background-image: -o-linear-gradient(top, #e1e1e1 0%, #ffffff 50%);
    background-image: -moz-linear-gradient(top, #e1e1e1 0%, #ffffff 50%);
    background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #ffffff 50%);
    background-image: -ms-linear-gradient(top, #e1e1e1 0%, #ffffff 50%);
    background-image: linear-gradient(to top, #e1e1e1 0%, #ffffff 50%);
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    margin-bottom: 10px;
}

.gruppoDati {
    font-weight: bold;
    color: white;
    font-size: 16px;
    background-color: #0871fc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
}

.etichetteCampi {
    font-weight: bold;
    color: #086aff;
    font-size: 12px;
    vertical-align: top;
}

.datiCampi {
    font-weight: 600;
    color: #808080;
    font-size: 12px;
    vertical-align: top;
    position: relative;
    z-index: 3;
}

.datiCampiNero {
    font-size: 12px;
    vertical-align: top;
}

.testo_icona {
    font-size: 10px;
}

.link_testo {
    text-decoration: none;
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.largezzaCellaEtichetta {
    width: 120px;
    text-align: right;
    padding-right: 5px;
}

.img_foto {
    -moz-box-shadow: 1px 1px 1px #333333;
    -webkit-box-shadow: 1px 1px 1px #333333;
    box-shadow: 1px 1px 1px #333333;
    height: 63px;
}

.img_foto_sm {
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    height: 100px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #e04200;
    width:150px;
}

.img_foto_ss {
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #e04200;
}

.img_foto_el {
    background-color: white;
    width:100%;
    max-width:200px;
}

.input_text {
    border: 1px solid #086aff;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: linear-gradient(to top, #ffffff 0%, #e1fae1 50%);
    /*-moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow:2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;*/
    height: 20px;
    margin-bottom: 0px;
}

.img_logo {
    border: none;
}

.textCloud {
    color: #ff0000;
    font-family: 'Myriad Pro';
    font-stretch: expanded;
    letter-spacing: 10pt;
    word-spacing: 2pt;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
}

.textAnutel {
    font-family: 'Times New Roman', Times, serif;
    text-shadow: 1px 1px 1px rgba(203,205,207,1);
}

.input_button {
    border: 1px solid #007a00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #ffffff), color-stop(0.50, #e1fae1) );
    background-image: -o-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: linear-gradient(to top, #ffffff 0%, #e1fae1 50%);
    height: 25px;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    color: red;
}

.input_editor {
    border: 1px solid #086aff;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #ffffff), color-stop(0.50, #e1fae1) );
    background-image: -o-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #e1fae1 50%);
    background-image: linear-gradient(to top, #ffffff 0%, #e1fae1 50%);
    /*-moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow:2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;*/
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #ffffff; /* Fallback color */
    filter: alpha(opacity=90);
    opacity: 0.8;
}

/* Modal Content/Box */
.modal-content {
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    z-index: 33;
    filter: alpha(opacity=100);
    opacity: 1.0;
    opacity: inherit;
    position: relative;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.myButton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c41c1c), color-stop(1, #d92727));
    background: -moz-linear-gradient(top, #c41c1c 5%, #d92727 100%);
    background: -webkit-linear-gradient(top, #c41c1c 5%, #d92727 100%);
    background: -o-linear-gradient(top, #c41c1c 5%, #d92727 100%);
    background: -ms-linear-gradient(top, #c41c1c 5%, #d92727 100%);
    background: linear-gradient(to bottom, #c41c1c 5%, #d92727 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c41c1c', endColorstr='#d92727',GradientType=0);
    background-color: #c41c1c;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #f7f7f7;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 10px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #c7c7c7;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d92727), color-stop(1, #c41c1c));
        background: -moz-linear-gradient(top, #d92727 5%, #c41c1c 100%);
        background: -webkit-linear-gradient(top, #d92727 5%, #c41c1c 100%);
        background: -o-linear-gradient(top, #d92727 5%, #c41c1c 100%);
        background: -ms-linear-gradient(top, #d92727 5%, #c41c1c 100%);
        background: linear-gradient(to bottom, #d92727 5%, #c41c1c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d92727', endColorstr='#c41c1c',GradientType=0);
        background-color: #d92727;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/ajax-loader.gif) center no-repeat;
    background-color: white;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.dummyClass {
}

.btn {
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #0090ec;
    padding: 3px 25px 3px 12px;
    text-decoration: none;
    background-image: url("../img/arrow-r.png");
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}

    .btn:hover {
        background: #3989ce;
        text-decoration: none;
        background-image: url("../img/arrow-r2.png");
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
    }

.btnL {
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #0090ec;
    padding: 30px 20px 30px 20px;
    text-decoration: none;
    background: #0090ec;
    background-image: -webkit-linear-gradient(top, #0090ec, #3989ce);
    background-image: -moz-linear-gradient(top, #0090ec, #3989ce);
    background-image: -ms-linear-gradient(top, #0090ec, #3989ce);
    background-image: -o-linear-gradient(top, #0090ec, #3989ce);
    background-image: linear-gradient(to bottom, #0090ec, #3989ce);
    cursor: pointer;
    cursor: hand;
}

    .btnL:hover {
        background: #3989ce;
        text-decoration: none;
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    }

.btnM {
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #0090ec;
    padding: 20px 10px 20px 10px;
    text-decoration: none;
    background: #0090ec;
    background-image: -webkit-linear-gradient(top, #0090ec, #3989ce);
    background-image: -moz-linear-gradient(top, #0090ec, #3989ce);
    background-image: -ms-linear-gradient(top, #0090ec, #3989ce);
    background-image: -o-linear-gradient(top, #0090ec, #3989ce);
    background-image: linear-gradient(to bottom, #0090ec, #3989ce);
    cursor: pointer;
    cursor: hand;
}

    .btnM:hover {
        background: #3989ce;
        text-decoration: none;
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    }


.btnRed {
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    background: #ff0000;
    padding: 3px 25px 3px 12px;
    text-decoration: none;
    background-image: url("../img/arrow-r_red.png");
    background-position-y: center;
    background-position-x: right;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}

    .btnRed:hover {
        background: #d20001;
        text-decoration: none;
        background-image: url("../img/arrow-r_red2.png");
        background-position-y: center;
        background-position-x: right;
        background-repeat: no-repeat;
    }

.hiddenField {
    visibility: hidden;
    display: none;
}

/*Grid Style*/

.fixed {
    overflow-y: auto;
    overflow-x: hidden;
    height: 300px;
}

.unselected {
    cursor: pointer;
    cursor: hand;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #0871fc;
    position: relative;
}

    .unselected td {
        padding-left:10px;
        padding-right:10px;
        padding-top:7px;
        padding-bottom:7px;
    }

    .unselected:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        background: -moz-linear-gradient(left, rgba(8,113,252,0.8) 2%, rgba(8,113,252,0) 5%, rgba(8,113,252,0) 95%, rgba(8,113,252,0.8) 98%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(8,113,252,0.8) 2%,rgba(8,113,252,0) 5%,rgba(8,113,252,0) 95%,rgba(8,113,252,0.8) 98%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(8,113,252,0.8) 2%,rgba(8,113,252,0) 5%,rgba(8,113,252,0) 95%,rgba(8,113,252,0.8) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0871fc', endColorstr='#cc0871fc',GradientType=1 ); /* IE6-9 */
        transition: opacity 0.8s ease-out;
        z-index: 2;
        opacity: 0;
        border-left: none;
        border-right: none;
        border-top: 1px solid #0871fc;
        border-bottom: 1px solid #0871fc;
        -moz-box-shadow: 2px 2px 2px #333333;
        -webkit-box-shadow: 2px 2px 2px #333333;
        box-shadow: 2px 2px 2px #333333;
    }

    .unselected:hover:after {
        opacity: 1;
    }

.selected {
    /*background-image: linear-gradient(to left, red, #ffffff 10%);*/
    background: -moz-linear-gradient(left, rgba(255,0,0,0.8) 2%, rgba(255,0,0,0) 5%, rgba(255,0,0,0) 95%, rgba(255,0,0,0.8) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,0,0,0.8) 2%,rgba(255,0,0,0) 5%,rgba(255,0,0,0) 95%,rgba(255,0,0,0.8) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,0,0,0.8) 2%,rgba(255,0,0,0) 5%,rgba(255,0,0,0) 95%,rgba(255,0,0,0.8) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff0000', endColorstr='#ccff0000',GradientType=1 );
    border-left: none;
    border-right: none;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

    .selected td {
        padding-left:10px;
        padding-right:10px;
        padding-top:7px;
        padding-bottom:7px;
    }

.gridstyle {
    border: none;
    background-color: white;
}

/*.gridstyle tr {
        border-top: 1px solid transparent;
        border-bottom: 1px solid #0871fc;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }*/


.myscrollX01 {
    height: 300px;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}

.myscrollX02 {
    height: 280px;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}

.myscrollX03 {
    height: 190px;
    position: relative;
    margin: 0px auto;
    padding: 5px;
    overflow: hidden;
    border: 1px solid red;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-color: white;
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    width: 500px;
}

.myscrollX04 {
    height: 480px;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}

.myscrollX05 {
    height: 280px;
    position: relative;
    margin: 0px auto;
    padding: 5px;
    overflow: hidden;
    border: 1px solid red;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    background-color: white;
    -moz-box-shadow: 2px 2px 2px #333333;
    -webkit-box-shadow: 2px 2px 2px #333333;
    box-shadow: 2px 2px 2px #333333;
    width: 500px;
}