* {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}


.clearer {
    clear: both;
}

form {
    margin: 0;
    padding: 0;
}

a:visited {
    text-decoration: none;
}

li a {
    color: white;
}

    li a:visited {
        color: white;
    }

select {
    font-size: x-large;
}

html, body {
    height: 100%;
}

.field-validation-error {
    color: red;
}


body {
    background: #fff;
    font-size: 11px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #333;
    line-height: 1.28;
    margin: 0;
    padding: 0;
    text-align: left;
    direction: ltr;
    unicode-bidi: embed;
}


.title {
    font-size: 18px;
    font-weight: bolder;
    color: #666;
}

.grassetto {
    font-weight: bold !important;
}

/*MAIN PAGE */
#page {
    /* height: 700px;*/ /* height: auto!important;*/
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    min-width: 1000px;
    min-height: 100%;
    height: auto !important;
    background-color: white;
}

#pagecontainer {
    min-height: 700px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


#page-menu-navigazione {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 40px;
    width: 265px;
    background-color: white;
}

#page-header {
    position: absolute;
    left: 265px;
    top: 0;
    right: 0;
    height: 40px;
    background-image: url('images/elements_cut/bottom_newsTicker_back.jpg');
    background-repeat: repeat-x;
}

#page-main-content {
    background-position: left;
    position: absolute;
    left: 265px;
    top: 40px;
    right: 0;
    bottom: 40px;
    background-color: white;
    background-image: url('images/elements_cut/shadowToWhite.png');
    background-repeat: repeat-y;
}

#page-main-content-noabsolute {
    background-position: left;
    right: 0;
    bottom: 40px;
    background-color: white;
    background-image: url('images/elements_cut/shadowToWhite.png');
    background-repeat: repeat-y;
}

#page-footer {
    position: absolute;
    left: 0;
    right: 0;
    height: 40px;
    bottom: 0;
    background-image: url('images/elements_cut/bottom_newsTicker_back.jpg');
    background-repeat: repeat-x;
}

.errorfield {
    border: 1px solid red !important;
}


.errortext {
    color: red !important;
}

#error {
    font-size: x-large;
    margin: 15% auto !important;
    width: 50%;
    display: block;
    height: 200px;
    background-color: #1e84be;
    padding: 30px;
    color: white;
    -moz-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: white;
}


.standardcontainer {
    border: 1px solid #C5DBEC;
    background-color: #DFEFFC;
}

@media print {
    #page-header {
        display: none;
    }

    #page-footer {
        display: none;
    }

    #page-menu-navigazione {
        display: none;
    }

    #page-main-content {
        left: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        border: 0;
        left: 0;
        top: 0;
        right: 0;
    }

    .Buttons-Bar {
        display: none;
    }

    #page {
        overflow: auto;
    }

    #search-form {
        display: none;
    }
}
/* ################################################################### */


/*MENU*/

#menu-navigazione-logoaziendale {
    position: relative;
    left: 0;
    top: 0;
    height: 165px;
    width: 265px;
    background-image: url('images/logo.jpg');
}

#menu-navigazione-accordion {
    position: absolute;
    left: 0;
    top: 165px;
    bottom: 0;
    width: 265px;
    background-color: #e6e6e6;
    overflow: auto;
}

#accordion {
}

#menu-navigazione-accordion .ui-state-hover {
}

.Accordion-Header {
    font-size: 18px !important;
    font-weight: normal !important;
}

    /*
.Accordion-Header
{
    width: 100%;
    height: 47px;
    display: block;
    background-image: url('images/elements_cut/btn_blue_fill.png')!important;
    background-repeat: repeat-x;
    line-height: 47px;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bolder;
    color: #FFFFFF;
    cursor: pointer;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    
}

.Accordion-Header:hover {
   background-image: url('images/elements_cut/btn_orange_fill.png')!important;
   background-repeat: repeat-x; 
   color: #FFFFFF!important;
}

.Accordion-Header:focus {
   background-image: url('images/elements_cut/btn_orange_fill.png')!important;
   background-repeat: repeat-x; 
   color: #FFFFFF!important;
}

*/
    .Accordion-Header a {
        color: #FFFFFF !important;
    }

        .Accordion-Header a:hover {
            color: #FFFFFF !important;
        }

        .Accordion-Header a:visited {
            color: #FFFFFF !important;
        }

.Accordion-Button-Container {
    padding: 0;
    margin: 0;
}

    .Accordion-Button-Container ul {
        padding: 0;
        margin: 0;
        text-decoration: none;
    }

        .Accordion-Button-Container ul li {
            border-style: none none solid none;
            border-width: 1px;
            border-bottom-color: #cccccc;
            height: 40px;
            line-height: 40px;
            padding-left: 15px;
            font-size: 14px;
            font-weight: bolder;
            color: #666666;
        }

            .Accordion-Button-Container ul li:hover {
                background-color: #eee;
                cursor: pointer;
            }

            .Accordion-Button-Container ul li a {
                color: #666666;
                display: block;
                line-height: 40px;
            }

                .Accordion-Button-Container ul li a:visited {
                    color: #666666;
                }


/* ################################################################### */


/*FOOTER*/

#footer-logo-pluservice {
    background-position: right bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 40px;
    width: 229px;
    background-image: url('images/elements_cut/bottomLogo.png');
    background-repeat: no-repeat;
}

#feeddiv {
    width: 100%;
    height: 40px;
    padding: 10px 0 0 10px;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

#feedrecord {
    width: auto;
    height: 40px;
    line-height: 40px;
}

    #feedrecord span {
        color: white;
        line-height: 40px;
    }

/* ################################################################### */


/*HEADER */

.userinfopanel {
    padding-left: 10px;
}

    .userinfopanel span {
        color: #65ABE4;
        line-height: 40px;
        font-size: 14px;
        font-weight: bold;
    }

.Header-Buttons {
    float: right;
    height: 40px;
}

.Buttons-Bar {
    list-style: none;
    padding: 0; /*   margin-right: 10px;*/
}

    .Buttons-Bar ul ul {
        position: absolute;
        top: 48px;
        visibility: hidden;
        background-color: red;
    }

    .Buttons-Bar ul li:hover ul {
        visibility: visible;
    }


    .Buttons-Bar li {
        float: left;
        height: 40px;
        display: block; /* background-image: url('images/elements_cut/btn_blue_fill.png');     background-repeat: repeat-x;*/
        line-height: 40px;
        padding-left: 5px;
        font-size: 16px;
        font-weight: bolder;
        color: #FFFFFF;
        padding: 0 10px 0 10px;
    }

    .Buttons-Bar a {
        line-height: 40px;
        display: block; /*text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);*/
    }

    .Buttons-Bar li:hover {
        /*  background-image: url('images/elements_cut/btn_orange_fill.png'); */
    }

.imgnotifiche {
    vertical-align: middle;
    padding-right: 10px;
}

/* ###################################### */



/* BUTTONS */
/*
.Btn-Red {
    background-image: url('images/elements_cut/btn_red_fill.png')!important; 
     text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    
}

.Btn-Red:hover {
    background-image: url('images/elements_cut/btn_orange_fill.png')!important; 
}

.Btn-Green {
    background-image: url('images/elements_cut/btn_Green_fill.png')!important; 
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
 
}
.Btn-Green:hover {
 background-image: url('images/elements_cut/btn_orange_fill.png')!important; 
 }
*/
.BtnGO {
    background-image: url('images/elements_cut/btnGo.png') !important;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.btn, .btn:visited {
    background-image: linear-gradient(-90deg, rgb(57, 182, 255), rgb(30, 132, 192));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(57, 182, 255)), color-stop(100%, rgb(30, 132, 192)));
    background-image: -moz-linear-gradient(-90deg, rgb(57, 182, 255), rgb(30, 132, 192));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9939b6ff', EndColorStr='#991e84c0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9939b6ff', EndColorStr='#991e84c0')";
    background-color: rgb(57, 182, 255);
    border: 1px solid rgb(0, 120, 185);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -moz-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}
/* The *normal* state styling */
.btn-red, .btn-red:visited {
    background-image: linear-gradient(-90deg, rgb(255, 135, 60), rgb(255, 18, 1));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(255, 135, 60)), color-stop(100%, rgb(255, 18, 1)));
    background-image: -moz-linear-gradient(-90deg, rgb(255, 135, 60), rgb(255, 18, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ff873c', EndColorStr='#99ff1201');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ff873c', EndColorStr='#99ff1201')";
    background-color: rgb(255, 18, 1);
    border: 1px solid rgb(164, 16, 5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -moz-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

    /* The *normal* state styling */
.btn-yellow, .btn-yellow:visited {
    background-image: linear-gradient(-90deg, rgb(255, 245, 60), rgb(255, 18, 1));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(240, 233, 125)), color-stop(100%, rgb(196, 187, 10)));
    background-image: -moz-linear-gradient(-90deg, rgb(255, 245, 60), rgb(255, 245, 60));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ff873c', EndColorStr='#99ff1201');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ff873c', EndColorStr='#99ff1201')";
    background-color: rgb(255, 18, 1);
    border: 1px solid rgb(128, 124, 55);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -moz-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}


.btn-green, .btn-green:visited {
    background-image: linear-gradient(-90deg, rgb(1, 198, 11), rgb(25, 149, 31));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(1, 198, 11)), color-stop(100%, rgb(25, 149, 31)));
    background-image: -moz-linear-gradient(-90deg, rgb(1, 198, 11), rgb(25, 149, 31));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9901c60b', EndColorStr='#9919951f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9901c60b', EndColorStr='#9919951f')";
    background-color: rgb(1, 199, 11);
    border: 1px solid rgb(5, 102, 10);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -moz-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}



/* NO ROUNDED BORDER */
/* The *normal* state styling */
.btn-square, .btn-square:visited {
    background-color: rgb(57, 182, 255);
    border: 1px solid rgb(0, 120, 185);
    background-image: linear-gradient(-90deg, rgb(57, 182, 255), rgb(30, 132, 192));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(57, 182, 255)), color-stop(100%, rgb(30, 132, 192)));
    background-image: -moz-linear-gradient(-90deg, rgb(57, 182, 255), rgb(30, 132, 192));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9939b6ff', EndColorStr='#991e84c0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9939b6ff', EndColorStr='#991e84c0')";
    padding: 10px; /*box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6); 	-moz-box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6); 	-webkit-box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6);*/
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    display: block;
}

.small-font-btn {
    padding: 5px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}


.btn-red-square, .btn-red-square:visited {
    background-color: rgb(255, 18, 1);
    border: 1px solid rgb(164, 16, 5);
    background-image: linear-gradient(-90deg, rgb(255, 135, 60), rgb(255, 18, 1));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(255, 135, 60)), color-stop(100%, rgb(255, 18, 1)));
    background-image: -moz-linear-gradient(-90deg, rgb(255, 135, 60), rgb(255, 18, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ff873c', EndColorStr='#99ff1201');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ff873c', EndColorStr='#99ff1201')";
    padding: 10px; /*box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6); 	-moz-box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6); 	-webkit-box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6);*/
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    display: block;
}

.btn-green-square, .btn-green-square:visited {
    background-color: rgb(1, 199, 11);
    border: 1px solid rgb(5, 102, 10);
    background-image: linear-gradient(-90deg, rgb(1, 198, 11), rgb(25, 149, 31));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(1, 198, 11)), color-stop(100%, rgb(25, 149, 31)));
    background-image: -moz-linear-gradient(-90deg, rgb(1, 198, 11), rgb(25, 149, 31));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9901c60b', EndColorStr='#9919951f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9901c60b', EndColorStr='#9919951f')";
    padding: 10px; /*box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6); 	-moz-box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6); 	-webkit-box-shadow:0px 1px 3px rgba(81, 78, 78, 0.6);*/
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}



    /* The *hover* state styling */
    .btn:hover, .btn-hover, .btn-square:hover, .btn-square-hover, .btn-red:hover, .btn-red-square:hover, .btn-green:hover, .btn-green-square:hover {
        background-color: rgb(252, 164, 75);
        border: 1px solid rgb(225, 109, 0);
        background-image: linear-gradient(-90deg, rgb(252, 164, 75), rgb(240, 122, 5));
        background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(252, 164, 75)), color-stop(100%, rgb(240, 122, 5)));
        background-image: -moz-linear-gradient(-90deg, rgb(252, 164, 75), rgb(240, 122, 5));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99fca44b', EndColorStr='#99f07a05');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99fca44b', EndColorStr='#99f07a05')";
        cursor: pointer;
    }

    /* The *active* state styling */
    .btn:active, .btn:focus, .btn-active, .btn-square:active, .btn-square:focus, .btn-square-active, .btn-red:focus, .btn-red:active, .btn-red-square:active, .btn-red-square:focus, .btn-green:focus, .btn-green:active, .btn-green-square:active, .btn-green-square:focus {
        background-color: rgb(252, 164, 75);
        border: 1px solid rgb(225, 109, 0);
        background-image: linear-gradient(-90deg, rgb(241, 123, 5), rgb(253, 164, 75));
        background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(241, 123, 5)), color-stop(100%, rgb(253, 164, 75)));
        background-image: -moz-linear-gradient(-90deg, rgb(241, 123, 5), rgb(253, 164, 75));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99f17b05', EndColorStr='#99fda44b');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99f17b05', EndColorStr='#99fda44b')";
        cursor: pointer;
    }

.btn-disabled {
    background-image: linear-gradient(-90deg, rgba(100, 100, 100, 0.4), rgba(10, 10, 10, 0.1));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgba(100, 100, 100, 0.4)), color-stop(100%, rgba(10, 10, 10, 0.1)));
    background-image: -moz-linear-gradient(-90deg, rgba(100, 100, 100, 0.4), rgba(10, 10, 10, 0.1));
    background-color: rgb(200, 200, 200);
    opacity: 0.5 !important;
    cursor: default;
    border: 1px solid #666;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -moz-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.btn-square-disabled {
    background-image: linear-gradient(-90deg, rgba(100, 100, 100, 0.4), rgba(10, 10, 10, 0.1));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgba(100, 100, 100, 0.4)), color-stop(100%, rgba(10, 10, 10, 0.1)));
    background-image: -moz-linear-gradient(-90deg, rgba(100, 100, 100, 0.4), rgba(10, 10, 10, 0.1));
    background-color: rgb(200, 200, 200);
    opacity: 0.5 !important;
    cursor: default;
    border: 1px solid #666;
    padding: 10px;
    box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -moz-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(81, 78, 78, 0.6);
    font-size: 18px;
    font-weight: normal;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}



.icon-padding {
    padding-left: 0 !important;
}

.icon-mail {
    background-image: url('images/Minimal_white/ic_mail.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}



.icon-user {
    background-image: url('images/Minimal_white/ic_user.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}


.icon-stampe {
    background-image: url('images/Minimal_white/ic_print.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}


.icon-buttonText {
    float: left;
    width: auto;
    padding: 0 5px 0 5px;
}



.icon-unlock {
    background-image: url('images/Minimal_white/ic_unlock.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-lock {
    background-image: url('images/Minimal_white/ic_lock.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-arrowup {
    background-image: url('images/Minimal_white/ic_up_circle.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-arrowdown {
    background-image: url('images/Minimal_white/ic_down_circle.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-add {
    background-image: url('images/Minimal_white/ic_plus.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}


.icon-remove {
    background-image: url('images/Minimal_white/ic_minus.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}


.icon-automobile {
    background-image: url('images/Minimal_white/Car.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}


.icon-allegato {
    background-image: url('images/Minimal_white/ic_attachment.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-bk-calendar {
    background-image: url('images/Minimal_Black/calendar.png') !important;
    background-repeat: no-repeat;
    background-position: 5px 0;
    width: 50px;
    height: 40px;
    float: left;
}


.icon-error {
    background-image: url('./images/Minimal_white/error 1.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}


.icon-calendar {
    background-image: url('images/Minimal_white/ic_calendar.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-clock {
    background-image: url('images/Minimal_white/clock.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 50px;
    height: 40px;
    float: left;
}

.icon-Ok {
    background-image: url('images/Minimal_white/tick 1.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-projector {
    background-image: url('./images/Minimal_white/Projector.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 50px;
    height: 40px;
    float: left;
}



.icon-setup {
    background-image: url('./images/Minimal_white/ic_settings.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 50px;
    height: 40px;
    float: left;
}


.icon-sale {
    background-image: url('./images/Minimal_white/waitingRoom.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon128-projector {
    background-image: url('./images/Minimal_white/Projector128.png') !important;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 130px !important;
}

.icon128-sale {
    background-image: url('./images/Minimal_white/waitingRoom128.png') !important;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 130px !important;
}

.icon128-vetture {
    background-image: url('./images/Minimal_white/Car128.png') !important;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 130px !important;
}

.icon128-tools {
    background-image: url('./images/Minimal_white/Tools128.png') !important;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 130px !important;
}





.icon-tools {
    background-image: url('./images/Minimal_white/Tools.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-vetture {
    background-image: url('./images/Minimal_white/Car.png') !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon-refresh {
    background-image: url('images/Minimal_white/ic_refresh.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 40px;
    height: 40px;
    float: left;
}

.icon16-search {
    background-image: url('./images/Minimal_white16/search.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-save {
    font-family: FontAwesome;
    content: "\f0c7";
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}


.icon16-projector {
    background-image: url('./images/Minimal_white/Projector16.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-tools {
    background-image: url('./images/Minimal_white/tools16.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-sale {
    background-image: url('./images/Minimal_white/waitingRoom16.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-refresh {
    background-image: url('images/Minimal_white16/ic_refresh.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-previous {
    background-image: url('images/Minimal_white16/ic_left.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-next {
    background-image: url('images/Minimal_white16/ic_right.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-list {
    background-image: url('images/Minimal_white16/ic_list.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-add {
    background-image: url('images/Minimal_white16/ic_plus.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}



.icon16-video {
    background-image: url('images/Minimal_white16/movie.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}


.icon16-remove {
    background-image: url('images/Minimal_white16/ic_minus.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-error {
    background-image: url('images/Minimal_white16/error 1.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}


.icon16-clock {
    background-image: url('images/Minimal_white16/clock.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}


.icon16-OrderDown {
    background-image: url('images/Minimal_white16/orderDown.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-OrderUp {
    background-image: url('images/Minimal_white16/orderUp.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-cloudUp {
    background-image: url('images/Minimal_white16/cloud up.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-trash {
    background-image: url('images/Minimal_white16/trash.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-file {
    background-image: url('images/Minimal_white16/file 3.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}


.icon16-ok {
    background-image: url('images/Minimal_white16/ic_ok.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}


.icon16-goback {
    background-image: url('images/Minimal_white16/ic_goback.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-Abort {
    background-image: url('images/Minimal_white16/ic_cancel.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-Edit {
    background-image: url('images/Minimal_white16/ic_edit.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.icon16-lock {
    background-image: url('images/Minimal_white16/ic_lock.png') !important;
    background-repeat: no-repeat;
    background-position: 2px center;
    width: 18px;
    height: 18px;
    float: left;
}

.eyeWhite {
    background-image: url('images/Minimal_white16/eye.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 18px;
    height: 18px;
}

.eyeBlue {
    background-image: url('images/Minimal_Blue16/eye.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 18px;
    height: 18px;
}


.toprightLoader {
    display: none;
    position: absolute;
    top: 20px;
    right: 10px;
    background: url('./images/ajax-loader.gif') no-repeat left center;
    padding-left: 42px;
    line-height: 32px;
    z-index: 1000;
}



.icononly16-button {
    width: 16px !important;
    background-position: center center !important;
    margin-right: 2px;
    padding: 5px;
}





.loader {
    background: url('./images/ajax-loader.gif') no-repeat left center;
}

/* Targeting both first and second level menus */
#nav li {
    float: left;
    position: relative;
}

    #nav li a {
        /*background: #d6cfbd; 	border: 3px solid #4f4026; 	color: #333;*/
        display: block;
        margin: 0 5px 0 0;
        padding: 5px 8px;
    }

        #nav li a:hover {
            /*background: #f7f7f7;*/
            text-decoration: none;
        }

/* Targeting the first level menu */
#nav {
    display: block;
    height: 35px; /*padding: 10px 0;*/
    width: auto;
    z-index: 100;
    position: relative;
}

    #nav > li > a {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
    }

    /* Targeting the second level menu */
    #nav li ul {
        /* 	background: #e1ddd3; 	border: 3px solid #4f4026; 	color: #333;*/
        display: none;
        margin: -3px 0 0 0;
        width: auto;
        position: absolute;
        margin-left: 109px !important;
    }

        #nav li ul li {
            width: 100%;
        }

            #nav li ul li a {
                background: none;
                border: none; /*line-height: 10px;*/
                margin: 0;
                padding: 0 0 0 5px;
            }

                #nav li ul li a:hover {
                    /*background: #f7f7f7;*/
                }

            /* Third level menu */
            #nav li ul li ul {
                right: -200px;
                top: 0;
            }

    /* A class of current will be added via jQuery */
    #nav li.current > a {
        /*background: #f7f7f7;*/
    }
    /* CSS fallback */
    #nav li:hover > ul.child {
        display: block;
    }

    #nav li:hover > ul.grandchild {
        display: block;
    }







/*SEARCH BAR */
#search-form, .search-form {
    background: #F1F1F1; /* Fallback color for non-css3 browsers */
    width: 90%;
    padding-left: 10px;
    margin: 0 auto; /* Gradients */
    background: -webkit-gradient( linear,left top, left bottom, color-stop(0, rgb(241,241,241)), color-stop(1, rgb(225,225,225)));
    background: -moz-linear-gradient( center top, rgb(241,241,241) 0%, rgb(225,225,225) 100%); /* Rounded Corners  	border-radius: 17px;  	-webkit-border-radius: 17px; 	-moz-border-radius: 17px;*/ /* Shadows */
    box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
}

    #search-form label, .search-form label {
        font-size: 14px;
        font-weight: bold;
        color: #666;
    }

    /*** TEXT BOX ***/
    #search-editLPRP, #search-edit, #repartoSearch, .search-edit, .search-form input {
        background: #fafafa; /* Fallback color for non-css3 browsers */ /* Gradients */ /*background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));     background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);*/
        color: #666;
        border: 0;
        border-bottom: 1px solid #fff;
        border-right: 1px solid rgba(255,255,255,.8);
        font-size: 16px;
        margin: 4px;
        padding: 4px;
        width: 45%; /* Shadows */
        box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    }

.divInlineDisplay {
    display: inline-block;
    width: 80%;
}

.divButtonCerca {
    margin-top: 22px;
    margin-left: 5px;
    display: inline-block;
}

#search-edit.searchDipRep,
#repartoSearch.searchDipRep {
    background: #fafafa; /* Fallback color for non-css3 browsers */ /* Gradients */ /*background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));     background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);*/
    color: #666;
    border: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid rgba(255,255,255,.8);
    font-size: 16px;
    margin: 4px;
    padding: 4px;
    width: 66%; /* Shadows */
    margin-left: 5px;
    box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
}

#repartoSearch.searchDipRep {
    width: 66%;
    margin-left: 27px;
}

.btnCercaTimFile {
    margin-left: 5px;
    width: 100%;
    text-align: center
}

@media screen and (max-width: 1500px) {
    #search-edit.searchDipRep,
    #repartoSearch.searchDipRep {
        background: #fafafa; /* Fallback color for non-css3 browsers */ /* Gradients */ /*background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));     background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);*/
        color: #666;
        border: 0;
        border-bottom: 1px solid #fff;
        border-right: 1px solid rgba(255,255,255,.8);
        font-size: 16px;
        margin: 4px;
        padding: 4px;
        width: 56%; /* Shadows */
        margin-left: 5px;
        box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    }

    #repartoSearch.searchDipRep {
        width: 56%;
        margin-left: 25px;
    }

    .btnCercaTimFile {
        margin-left: 5px;
        width: 70%;
        text-align: center
    }
}

@media screen and (max-width: 1230px) {
    #search-edit.searchDipRep,
    #repartoSearch.searchDipRep {
        background: #fafafa; /* Fallback color for non-css3 browsers */ /* Gradients */ /*background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));     background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);*/
        color: #666;
        border: 0;
        border-bottom: 1px solid #fff;
        border-right: 1px solid rgba(255,255,255,.8);
        font-size: 16px;
        margin: 4px;
        padding: 4px;
        width: 150px; /* Shadows */
        box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    }

    #repartoSearch.searchDipRep {
        width: 150px;
        margin-left: 26px;
    }

    .divButtonCerca {
        margin-top: 22px;
        margin-left: 0px;
        display: inline-block;
    }

    .btnCercaTimFile {
        margin-left: 5px;
        width: 20px;
        text-align: center
    }
}

@media screen and (max-width: 1080px) {
    #search-edit.searchDipRep,
    #repartoSearch.searchDipRep {
        background: #fafafa; /* Fallback color for non-css3 browsers */ /* Gradients */ /*background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));     background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);*/
        color: #666;
        border: 0;
        border-bottom: 1px solid #fff;
        border-right: 1px solid rgba(255,255,255,.8);
        font-size: 16px;
        margin: 4px;
        padding: 4px;
        width: 120px; /* Shadows */
        box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
        -moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
    }

    #repartoSearch.searchDipRep {
        width: 120px;
        margin-left: 26px;
    }

    .divButtonCerca {
        margin-top: 22px;
        margin-left: 0px;
        display: inline-block;
    }

    .btnCercaTimFile {
        margin-left: 5px;
        width: 20px;
        text-align: center
    }
}

/*** USER IS FOCUSED ON TEXT BOX ***/
#search-editLPRP:focus, #search-edit:focus, .search-edit:focus, .search-form input:focus {
    outline: none;
    background: #fff; /* Fallback color for non-css3 browsers */ /* Gradients */ /* background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));     background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);*/
}






/* ##################################################################### */


/* PAGINE HOME , SERVIZIO ETC STRUTTURATE SU 2 COLONNE */

.GrayBackGround {
    background-color: #f1f1f1;
}

.MainContent-LeftCol {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 410px;
    height: 100%;
    background-color: #f1f1f1;
    float: left;
    background-image: url('images/elements_cut/shadowToGray.png');
    background-repeat: repeat-y;
}

    .MainContent-LeftCol > div {
        /* height: 25%;*/
        border-style: none none solid none;
        border-width: 1px;
        border-top-color: #cccccc;
        border-bottom-color: #cccccc;
    }

.MainContent-LeftCol-Header-agenzia {
    height: 40px;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: #cccccc;
    background-image: url('images/elements_cut/Btn_blue_Fill.png');
    background-repeat: repeat-x;
    font-size: 16px;
    font-weight: bolder;
    color: white;
    line-height: 40px;
    padding-left: 20px;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
}

.MainContent-LeftCol-Header {
    height: 40px;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: #cccccc;
    background-image: url('images/elements_cut/Btn_orange_Fill.png');
    background-repeat: repeat-x;
    font-size: 16px;
    font-weight: bolder;
    color: white;
    line-height: 40px;
    padding-left: 20px;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
}

.MainContent-LeftCol-Content {
    height: 100%;
    font-size: 16px;
    padding: 20px;
    /* background: url('./images/pattern/grid/grid.png') repeat;*/
    color: #666;
    font-weight: bold;
}


.MainContent-RightCol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 410px;
    right: 0;
    height: 100%; /*background-color:  #F1F1F1;*/
    background-color: white;
    background-image: url('images/elements_cut/shadowToWhite.png');
    background-repeat: repeat-y;
}

.MainContent-RightCol-ListaNotizie {
    background-position: bottom; /*width: 100%;*/
    left: 0;
    right: 0;
    bottom: 62px;
    top: 0;
    position: absolute; /*height: 100%;*/
    display: block;
    text-align: left;
    overflow: scroll;
}

.MainContent-RightCol-Ultimi-Docs {
    /* width: 100%;*/ /*height: 20%;*/
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62px;
}

    .MainContent-RightCol-Ultimi-Docs label {
        font-size: 14px;
        font-weight: bolder;
        padding: 20px 10px 10px 10px;
    }

.TitoloNotizia {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 10px 0 10px;
    color: #666;
}

.DescrizioneNotizia {
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    color: #666;
}


.DownloadableUrl {
    background-image: url('./images/Minimal_Blue/star.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.DownloadableFile {
    background-image: url('./images/Minimal_Blue/file down.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.VideoFile {
    background-image: url('./images/Minimal_Blue/movie.png');
    background-repeat: no-repeat;
    background-position: center center;
}



.documentobox {
    margin: 10px 10px 10px 20px;
    min-height: 60px;
    height: 60px;
    position: relative;
    color: #666;
}

    .documentobox:hover {
        cursor: pointer;
    }


.documentoboxDescription {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    left: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
}


.documentoboxData {
    position: absolute;
    right: 0;
    top: 0;
    height: 15px;
    padding: 2px 5px;
    font-weight: bold;
    background: #C5DBEC;
}

.documentoboxDeposito {
    position: absolute;
    right: 79px;
    top: 0;
    height: 15px;
    padding: 2px 5px;
    font-weight: bold;
    background: burlywood;
}



.documentoBoxPreview {
    width: 40px;
    border-right: 1px solid #C5DBEC;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    padding-right: 5px;
}


.videoPreviewBox {
    position: absolute;
    right: 5px;
    top: 20px;
    bottom: 0;
    left: 50px;
}






#listaultimidocs {
    position: absolute;
    left: 0;
    top: 100px;
    bottom: 0;
    right: 0;
}


.BigFont {
    font-size: x-large !important;
    color: #666 !important;
}

.box-document {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

    .box-document li {
        background-position: left center; /* float: left;*/
        padding-left: 40px;
        font-size: 14px;
        height: auto;
        display: list-item;
        width: 100%;
        color: #666; /*  margin-top: 10px;*/
        background-image: url('images/minimal_blue/file down.png');
        background-repeat: no-repeat;
        min-width: 50px;
        min-height: 50px;
        text-align: left;
        line-height: 50px;
        cursor: pointer;
    }


.box-document-horiz {
    width: 100%;
    height: auto;
}

    .box-document-horiz li {
        background-position: center top;
        float: left;
        padding: 32px 10px 10px 10px;
        font-size: 14px;
        height: auto;
        display: inline-block;
        width: 100px;
        color: #666;
        margin-top: 10px;
        background-image: url('images/minimal_blue/file down.png');
        background-repeat: no-repeat;
        min-width: 50px;
        text-align: center;
        cursor: pointer;
    }

.scrollable {
    overflow: auto;
}

/* ################################################################################## */


/* LOGIN */


.triangle-l {
    border-color: transparent #0D578E transparent transparent;
    border-style: solid;
    border-width: 15px;
    height: 0px;
    width: 0px;
    position: relative;
    left: -30px;
    top: 65px;
    z-index: -1; /* displayed under bubble */
}

.triangle-r {
    border-color: transparent transparent transparent #0D578E;
    border-style: solid;
    border-width: 15px;
    height: 0px;
    width: 0px;
    position: relative;
    left: 350px;
    top: 35px;
    z-index: -1; /* displayed under bubble */
}

.bubble {
    clear: both;
    margin: 0px auto;
    width: 350px;
    background: #e6e6e6;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    position: relative;
    z-index: 90;
    border: 2px solid #1e84be;
    margin: 0 auto;
    margin-top: 20px !important;
}


.rectangle {
    background: #1e84be;
    height: 50px;
    width: 380px;
    position: relative;
    left: -15px;
    top: 30px;
    float: left;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    z-index: 100;
}


    .rectangle h2 {
        font-size: 30px;
        color: #fff;
        padding-top: 6px;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        text-align: center;
    }

.loginfields {
    padding: 30px 20px 35px 20px;
    color: #3575a8 !important;
}

.loginfields input:active {
    border-color: #FF9933 !important;
}


.standardcontainer {
    border: 1px solid #C5DBEC;
    background-color: #DFEFFC;
}

.standardcontainerUrl {
    border: 1px solid #C5DBEC;
    background-color: white;
}

/* #################################################### */

/* TABELLE */
.Main-Data-Container {
    padding: 10px;
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    color: #666;
}


.Main-Data-Container table * {
    /*color: #666;        */
    font-size: 12px;
}

    .Main-Data-Container table {
        border: 1px solid #65ABE4;
        border-collapse: collapse;
    }

        .Main-Data-Container table th {
            /*background-color: #c5dbec;*/
            background-color: #65ABE4;
            border-color: white;
            border-collapse: collapse;
            padding: 7px 7px;
            color: white !important;
            text-align: center;
        }

        .Main-Data-Container table tr {
            color: white !important;
        }

        .Main-Data-Container table td {
            border: 1px solid #c5dbec;
            border-collapse: collapse;
            padding: 7px 7px;
            color: #666;       
        }

        .Main-Data-Container table a:visited {
            color: #666;
        }

        .Main-Data-Container table .importo {
            text-align: right !important;
        }


.slideRow {
    width: auto;
    height: auto;
    border-top: 1px solid #c5dbec;
    border-bottom: 1px solid #c5dbec;
    border-right: 1px solid #c5dbec;
    border-left: 0px none;
    padding: 5px;
    background: #E5E5E5;
}

.rowPair {
    background: #DDEBF4;
}

    .rowPair:hover {
        background: #eee;
        color: white !important;
        cursor: pointer;
    }

        .rowPair:hover a {
            /*color: #FFFFFF !important;*/
        }


.rowOdd {
    background: #FFF;
}

    .rowOdd:hover {
        background: #e6e6e6; /* color: #FFFFFF!important;*/
        cursor: pointer;
    }

        .rowOdd:hover a {
            /* color: #FFFFFF !important;*/
        }


.rowSelected {
    background: #e6e6e6;
    font-weight: bold;
    color: White;
}


.rowDisable {
    background: #E5E5E5;
}

.rowHiligth {
    background: #FFFFA4;
}



/* #########################################################################*/
/* ANAGRAFICA */
#divAnagrafica {
    font-size: 16px;
}

    #divAnagrafica label {
        font-weight: bold;
    }

    #divAnagrafica input {
        font-size: x-large;
    }


/* ############################### */

/* IMMAGINI */

.img-zoom {
    width: 32px;
    height: 32px;
    background-position: center center;
    background-image: url('images/Minimal_blue/zoom plus24.png');
    background-repeat: no-repeat;
    padding: 1px 2px 1px 2px;
}

.img-video {
    width: 32px;
    height: 32px;
    background-position: center center;
    background-image: url('images/Minimal_blue/movie24.png');
    background-repeat: no-repeat;
    padding: 1px 2px 1px 2px;
}


/* ############################### */



/* FORM RICHIESTE PERMESSI E ASPETTATIVA */





/* ############################### */

/* FORM RICHIESTE CAMBIO TURNO */
#CambioConcordato {
    background: #3575a8;
    background-position: center;
    display: block;
    float: left;
    background-repeat: no-repeat;
    width: 320px;
    height: 230px;
    margin: 10px;
    position: relative;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    background-image: url('images/CambioTurnoConcordato.png');
}

.PannelloChiuso {
    background-image: none !important;
    margin: 0 !important;
    float: none;
}

.arrowBack {
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    background-image: url('images/arrow_left.png') !important;
}


#CambioLibero {
    background: #3575a8;
    background-position: center;
    display: block;
    float: left;
    background-image: url('images/CambioTurnoPreferito.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 230px;
    margin: 10px;
    position: relative;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
}

    #CambioLibero:hover {
        background: #FF9933;
        background-position: center;
        display: block;
        float: left;
        background-image: url('images/CambioTurnoPreferito.png');
        background-repeat: no-repeat;
        width: 320px;
        height: 230px;
        margin: 10px;
        cursor: pointer;
        -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
        -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
        -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    }


#CambioPreferito {
    background: #3575a8;
    background-position: center;
    display: block;
    float: left;
    background-image: url('images/CambioTurnoPreferito.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 230px;
    margin: 10px;
    position: relative;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
}

#CambioConcordato:hover {
    background: #FF9933;
    background-position: center;
    display: block;
    float: left;
    background-image: url('images/CambioTurnoConcordato.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 230px;
    margin: 10px;
    cursor: pointer;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
}


#CambioPreferito:hover {
    background: #FF9933;
    background-position: center;
    display: block;
    float: left;
    background-image: url('images/CambioTurnoPreferito.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 230px;
    margin: 10px;
    cursor: pointer;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
}


#CambioDipendenteNoTurno {
    background: #3575a8;
    background-position: center;
    display: block;
    float: left;
    background-image: url('images/CambioTurnoConcordatoNoVis.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 230px;
    margin: 10px;
    position: relative;
    -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
}

    #CambioDipendenteNoTurno:hover {
        background: #FF9933;
        background-position: center;
        display: block;
        float: left;
        background-image: url('images/CambioTurnoConcordatoNoVis.png');
        background-repeat: no-repeat;
        width: 320px;
        height: 230px;
        margin: 10px;
        cursor: pointer;
        -moz-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
        -khtml-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
        -webkit-box-shadow: 0px 0px 9px rgba(0,0,0,0.55);
    }




.overlaypaneltexttop {
    display: block; /*width: 100%;*/
    height: auto;
    background: rgb(0, 75, 117);
    background: rgba(0, 75, 117, 0.6);
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: x-large;
    text-align: center;
    padding: 5px;
}

.overlaypaneltextbottom {
    display: block; /*width: 100%;*/
    height: auto;
    background: rgb(0, 75, 117);
    background: rgba(0, 75, 117, 0.6);
    color: white; /*text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: small;
    text-align: left;
    padding: 5px;
}

.panelDatiRichiestaCambioTurno {
    height: auto;
    width: 100%;
    display: none;
    position: relative;
    left: 0px;
    right: 0px;
    top: 40px;
    bottom: 10px;
}

.ListaOpzioniTurnoPreferito {
    float: left;
    height: auto;
    width: 50%;
    margin: 0 auto;
    font-size: x-large !important;
}

    .ListaOpzioniTurnoPreferito ul li {
        padding: 10px;
        font-size: x-large !important;
        display: block;
        margin-bottom: 5px; /*  background: rgb(0, 75, 117);     color: white;     border: 3px solid #C5DBEC;*/
        text-align: center;
    }

    .ListaOpzioniTurnoPreferito ul .colonna2 {
        background: #3575a8;
    }

    .ListaOpzioniTurnoPreferito ul li:hover {
        background: #FF9933;
        cursor: pointer;
    }

.bluefont {
    /* color: #2E6E9E !important;*/
    font-size: large;
    font-weight: bold;
}


/* ############################### */

/* FORM SEGNALAZIONI */

#mainSegnalazioneContent input {
    font-size: x-large;
}

.wall-list {
    list-style: none;
    padding: 10px;
    margin: 10px;
}

    .wall-list li {
        float: left;
        display: block;
        margin: 10px;
        padding: 10px;
        width: 200px;
        overflow: hidden;
        min-height: 50px;
    }


#navigationbar {
    padding: 0;
    margin: 0;
    height: 30px;
    font: bold 14px/30px arial; /* line-height MUST be the same as height */
    list-style-type: none;
    background: #4089c2;
}


    #navigationbar li {
        float: left;
    }


    #navigationbar a {
        float: left;
        position: relative;
        padding: 0 20px 0 10px;
        color: #FFF;
        text-decoration: none;
        outline: none;
    }

        #navigationbar a.odd {
            background: #3476a9;
        }

    #navigationbar span {
        position: absolute;
        display: block;
        line-height: 0px;
        height: 0px;
        width: 0px;
        right: 0px;
        top: 0px;
        border-left: 10px solid #4089c2;
        border-right: none;
        border-top: 15px solid #3476a9;
        border-bottom: 15px solid #3476a9;
    }


    #navigationbar a.odd span {
        border-left: 10px solid #3476a9;
        border-top: 15px solid #4089c2;
        border-bottom: 15px solid #4089c2;
    }

    #navigationbar a:hover {
        background-color: #FF9933;
    }

    #navigationbar a.hover {
        text-decoration: none;
        background: #FF9933;
    }

    #navigationbar a span.hover {
        border-left: 10px solid #FF9933;
    }

    #navigationbar a span.pre_hover {
        border-top: 15px solid #FF9933;
        border-bottom: 15px solid #FF9933;
    }


#riepilogoSegnalazione div {
    padding: 5px;
}

#riepilogoSegnalazione span {
    color: black;
}

/* ################################################################## /*


/*SEGRETERIA WEB*/

.Main-Data-Container-Segreteria {
    padding: 10px;
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
}


    .Main-Data-Container-Segreteria table * {
        font-size: 12px;
    }

    .Main-Data-Container-Segreteria table {
        border: 1px solid #65ABE4;
        border-collapse: collapse;
    }

        .Main-Data-Container-Segreteria table th {
            /*background-color: #c5dbec;*/
            background-color: #65ABE4;
            border-color: white;
            border-collapse: collapse;
            padding: 7px 7px;
            color: white;
            text-align: center;
        }

            .Main-Data-Container-Segreteria table th a, a:visited {
                color: white;
            }

        .Main-Data-Container-Segreteria table tr {
        }

        .Main-Data-Container-Segreteria table td {
            border: 1px solid #c5dbec;
            border-collapse: collapse;
            padding: 7px 7px;
        }

        .Main-Data-Container-Segreteria table .importo {
            text-align: right !important;
        }

.RowNonLetto {
    background-color: #e8eef4;
    font-weight: bold;
}

.RowLetto {
    background-color: #ffffff;
}

.RowOverLetto {
    /*background-color: #FFFF66;*/ /*background-color: #527794;*/
    background-color: #3575A8;
    color: White !important;
    cursor: pointer;
}

.RowOverNonLetto {
    background-color: #3575A8;
    color: White !important;
    font-weight: bold;
    cursor: pointer;
}

#DocumentoDetail {
    border: none 0px #e8eef4;
    background-color: #DFEFFC;
}

    #DocumentoDetail .wrapper .left_column_label {
        width: 135px;
        float: left;
        text-align: left;
        padding-left: 5px;
    }

    #DocumentoDetail .wrapper .right_column {
        width: 50%;
        float: left;
        text-align: left;
        vertical-align: middle;
    }

    #DocumentoDetail .wrapper .right_column_label {
        width: 135px;
        float: left;
        text-align: left;
        vertical-align: middle;
        padding-left: 5px;
    }



    #DocumentoDetail TextArea {
        width: 100%;
        float: left; /*resize: none;*/
    }

.Paginatore {
    margin-top: 10px;
    margin-bottom: 1px;
}

    .Paginatore a, a:visited {
        color: blue;
    }

.Downloadline {
    vertical-align: middle;
    text-align: left;
    padding-bottom: 2px;
}

ul .CheckList {
    float: left;
    width: 30%;
    margin: 0;
    padding: 0;
    list-style: none;
}

li .CheckList {
    font-size: x-large;
    float: left;
    width: 6em;
    margin: 0;
    padding: 2px 2px 2px 2px;
}

input .bigcheckbox {
    width: 0.5em;
    height: 0.5em;
    padding: 0px;
    margin: 0px; /*background: url('./images/checkbox_empty.png'); */
}

/*
input .bigcheckbox:checked { 
background: url('./images/checkbox_full.png'); 
}*/

ul .TabList {
    float: left;
    width: 30%;
    margin: 0;
    padding: 0;
    list-style: none;
}

li .TablList {
    float: left;
    width: 3em;
    margin: 0;
    padding: 2px 2px 2px 2px;
}

#DettaglioDocumento table {
    border: 0px none #c5dbec !important;
    border-collapse: collapse; /*width: 100%;*/
    margin: 2px 2px 0px 2px;
    padding-left: 10px;
}


    #DettaglioDocumento table tr {
    }

    #DettaglioDocumento table td {
        border: 0px none #c5dbec !important;
        border-collapse: collapse;
        padding: 4px 2px 4px 2px;
    }

.docDetailHeader {
    width: 100%;
    padding: 4px 0px 4px 0px;
}

.ChecklistChecked {
    color: Red;
}

.ChecklistUnchecked {
    color: Black;
}

.GlossyHeader {
    background: center #3575a8 !important;
    color: White !important;
    font-weight: bold;
    border: 1px solid #3575a8; /* background-image: linear-gradient(-90deg, rgb(71, 71, 71), rgb(59, 59, 59));     background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,rgb(71, 71, 71) ), color-stop(100%, rgb(59, 59, 59)));     background-image: -moz-linear-gradient(-90deg, rgb(71, 71, 71), rgb(59, 59, 59));     filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99474747', EndColorStr='#993b3b3b');     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99474747', EndColorStr='#993b3b3b')";     background-color: rgb(59, 59, 59);     border: 1px solid rgb(71, 71, 71);*/
}

/*############################################*/


#riepilogoSegnalazioneDipendente > div {
    padding: 10px 0 0 10px;
}

#riepilogoSegnalazioneDipendente span {
    color: black;
}


/*############################################*/
/*          ASSENZE DIPENDENTE                */
/*############################################*/

.ListaAnniAssenze {
    position: absolute;
    left: 10px;
    width: 80px;
    text-align: center;
    bottom: 0;
    top: 10px; /*position: fixed;     left: 290px;     bottom: 0;     top: 125px;*/
    width: 80px;
    text-align: center;
}

    .ListaAnniAssenze ul {
        list-style: none;
    }

        .ListaAnniAssenze ul li {
            padding: 10px;
        }

/*############################################*/
/*          VERBALI
/*############################################*/

#tabellaVerbaliDiv {
    position: absolute;
    left: 200px;
    padding-bottom: 200px;
}

#tabellaVerbaliDivTestata {
    position: absolute;
    left: 200px;
}



.ListaAnniVerbali ul, .ListaMesiVerbali ul {
    list-style: none;
}

    .ListaAnniVerbali ul li, .ListaMesiVerbali ul li {
        padding: 10px;
    }


.ListaMesiVerbali ul {
    list-style: none;
}

    .ListaMesiVerbali ul li {
        padding: 10px;
    }


.ListaAnniVerbali {
    position: absolute;
    left: 10px;
    width: 80px;
    text-align: center;
    bottom: 0;
    top: 10px; /*position: fixed;     left: 290px;     bottom: 0;     top: 125px;*/
    width: 80px;
    text-align: center;
}


.ListaMesiVerbali {
    position: absolute;
    left: 100px;
    width: 80px;
    text-align: center;
    bottom: 0;
    top: 10px; /*position: fixed;     left: 290px;     bottom: 0;     top: 125px;*/
    width: 80px;
    text-align: center;
}





/*############################################*/
/*          TIMBRATURE DIPENDENTE                */
/*############################################*/



.ListaAnniDipendente ul, .ListaMesiDipendente ul {
    list-style: none;
}

    .ListaAnniDipendente ul li, .ListaMesiDipendente ul li {
        padding: 10px;
    }




.ListaMesiDipendente ul {
    list-style: none;
}

    .ListaMesiDipendente ul li {
        padding: 10px;
    }


#tabellaTimbratureFileDiv {
    position: absolute;
    left: 200px;
    padding-bottom: 200px;
    top: 15px;
}

#tabellaTimbratureFileDivTestata {
    position: absolute;
    left: 200px;
    width: 70%;
    top: 50px !important;
}


.ListaAnniTimbrature {
    position: absolute;
    left: 10px;
    width: 80px;
    text-align: center;
    bottom: 0;
    top: 10px; /*position: fixed;     left: 290px;     bottom: 0;     top: 125px;*/
    width: 80px;
    text-align: center;
}


.ListaMesiTimbrature {
    position: absolute;
    left: 100px;
    width: 80px;
    text-align: center;
    bottom: 0;
    top: 10px; /*position: fixed;     left: 290px;     bottom: 0;     top: 125px;*/
    width: 80px;
    text-align: center;
}


tr.ColoreData1 {
    background-color: #DDEBF4;
}

tr.ColoreData2 {
    background-color: #FFF;
}

td.ColoreCellaVersoUscita {
    background-color: lightcoral;
}

td.ColoreCellaVersoEntrata {
    background-color: lightgreen;
}


#calendarioAssenze, #tabellacedolini, #tabellaBigliettiEmessiDiv, #tabellaAttivitaFormativaDiv,
#tabellaScadenzeDipendenteDiv, #calendarioBuoniPasto {
    position: absolute;
    left: 120px;
}

.AssenzeWrapper {
    float: left;
    margin: 0 10px; /*height: 250px;*/
    height: 30px;
    width: 250px;
    margin-bottom: 10px;
}

.assenzeIntestazioneMese {
    background: #1E84C0;
    color: white;
    font-size: 16px;
    font-weight: bolder;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer;
}



.assenzeMeseContainer {
    padding: 10px;
    background: #DDEBF4;
    overflow: auto;
    height: 170px;
    display: none;
}


    .assenzeMeseContainer div {
        padding-bottom: 5px;
    }

.AssenzecalendarMonthDiv {
    float: left;
    margin: 0px 10px 5px; /*  width: 200px;     height: 200px;*/
    background: #1E84C0;
    display: block;
    overflow: hidden;
    color: White;
}

.AssenzeTot {
    margin: 10px;
    font-weight: bolder;
    font-size: 16px;
}

.qtip-blue {
    font-weight: bold;
}

#SinistriChartContainer, #SinistriSpesaChartContainer, #AssenzeChartContainer, #ProvvGiorniCharContainer, #ProvvOreMultaCharContainer, #ProvvCensureCharContainer {
    float: left;
    margin-right: 5px;
}

    #SinistriChartContainer table {
    }

#PagellaChartContainer {
    width: 100%;
    height: auto;
}

    #PagellaChartContainer > div {
        float: left;
        width: 250px;
        height: 230px;
        margin: 15px;
        padding: 10px 10px 35px 10px;
        border: 1px solid #EFEFEF;
        background: #ccc url('./images/chartbg-vanilla.png') top repeat-x;
        overflow: hidden;
        -moz-box-shadow: 1px 3px 4px 2px rgba(10, 10, 10, 0.2);
        -webkit-box-shadow: 1px 3px 4px 2px rgba(10, 10, 10, 0.2);
        box-shadow: 1px 3px 4px 2px rgba(10, 10, 10, 0.2);
    }

    #PagellaChartContainer div {
        position: relative;
    }

    #PagellaChartContainer > div > div {
        width: 240px;
        height: 220px;
    }


.chartLegend {
    margin: 5px 5px;
    height: 27px !important;
    color: white;
    background: #666;
    font-weight: bold;
}

    .chartLegend ul {
        list-style: none;
    }

        .chartLegend ul li {
            float: left;
            display: block;
            padding: 5px;
            margin-right: 10px;
        }

    .chartLegend div {
        float: left;
        line-height: 15px;
    }

.legendIo {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #E16D00;
    border: 1px solid #D0400F;
    margin-right: 5px;
}

.legendMedia {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #0078B9;
    border: 1px solid #005B8C;
    margin-right: 5px;
}


.legendBest {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #339933;
    border: 1px solid #277827;
    margin-right: 5px;
}
/*["#E16D00", "#0078B9","#339933"];*/


.loadingimg {
    background: url('./images/loading.gif') no-repeat center center;
    display: block;
}


.IndicatoriHint {
    width: 32px !important;
    height: 42px !important;
    background: url('./images/Minimal_blue/info2.png') center center no-repeat;
    position: absolute !important;
    right: 0;
    top: 0;
    cursor: pointer;
    display: block;
}

.novisibile {
    visibility: hidden;
}


/* ************** PRENOTAZIONE RISORSE *************************************************/

/*
#prenotazioneRisorseContainer * {
    color: black!important;
}

#prenotazioneRisorseContainer ul {
    color: black!important;
}


#prenotazioneRisorseContainer ul li {
    color: black!important;
}
*/

#sceltaRisorsaPrenotabileDiv {
    width: 100%;
    height: auto;
    border: 1px solid #C5DBEC;
    background-color: #DFEFFC;
}

    #sceltaRisorsaPrenotabileDiv > div {
        margin: 30px;
    }

        #sceltaRisorsaPrenotabileDiv > div h3 {
            margin-bottom: 20px;
        }

/*#sceltaRisorsaPrenotabileDiv ul li*/
.BigBlockList li {
    display: inline-table;
    padding: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 170px;
    font-size: 30px !important;
}


.BigBlockListAdmin {
    width: 100%;
}


    .BigBlockListAdmin li {
        width: 28%;
        padding: 1.5%;
        float: left;
        height: 80px;
        text-align: center;
        margin: 1%;
    }



#sceltaRisorsaPrenotabileDiv ul li {
    height: 80px;
    line-height: 80px;
}

.bordered {
    border: 1px solid #C5DBEC;
}

.borderedmezzo {
    border: 1px solid #C5DBEC;
    width: 50%;
}

.prenResButtonBar ul li {
    display: inline-table;
    margin-right: 10px;
}


#preResDayTable th {
    text-indent: -25px;
    padding: 6px 6px !important;
    background-color: #474747 !important;
}

#prenResDayDiv {
    margin-top: 30px;
}



#preResDayTable {
    margin-top: 5px;
    border: 1px solid #ccc !important;
}


    #preResDayTable tr td:first-child {
        width: auto;
        height: auto;
        padding: 5px;
        min-width: 30px;
    }

    #preResDayTable tr {
        border: 1px solid #ccc !important;
    }

        #preResDayTable tr td {
            padding: 0;
            width: 26px;
            height: 26px;
            min-width: 26px;
            border: 1px solid #ccc;
        }

.splittedCellWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.divInformativo {
    margin-top: 10px;
    font-weight: bold !important;
    font-size: 12px !important;
    background-color: #F93;
    color: white;
    padding: 3px;
}


.halfHourSplitter {
    /* width: 48%;     height: 98%;*/
    border: 0; /*float: left;*/
    position: absolute;
}

.halfHourSplitterLeft {
    left: 0;
    top: 0;
    bottom: 0;
    right: 13px;
}

.halfHourSplitterRight {
    right: 0;
    top: 0;
    bottom: 0;
    left: 13px;
}

.halfHourSplitter:hover, .halfHourSplitter.over {
    /* border: 1px solid black !important;     cursor: pointer;     width: 45%;*/
    cursor: pointer;
    background-color: #666;
}


.prenotazioneDetailContainer {
    margin-top: 10px;
    font-size: large;
}

    .prenotazioneDetailContainer input {
        font-size: large;
    }


.boxshadow {
    -moz-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,0.3);
}

.prenotazioneDetailContainer fieldset {
    padding: 20px;
}

#formnewPrenContainer fieldset > div {
}

.validation-summary-errors {
    padding: 10px;
    background-color: #FF9933;
    margin-bottom: 10px;
    color: white;
}

.prenotazioneBox {
    margin-top: 20px;
}

.legend {
    padding: 0 !important;
}

.prenotazioneBox legend, .prenotazioneBox .legend {
    padding: 5px;
    background-color: #339933;
    border: 1px solid #277827;
    color: white;
    font-weight: bolder;
    font-size: 18px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}


.legend-other {
    border: 1px solid rgb(225, 109, 0) !important;
    background-color: rgb(252, 164, 75) !important;
}


#listaprenotazioniEsistenti legend {
    padding: 3px;
    border: 1px solid rgb(225, 109, 0);
    background-color: rgb(252, 164, 75);
    color: white;
    font-weight: bolder;
    font-size: 18px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}




#prenResDayDiv fieldset {
    padding: 5px;
    position: relative;
}

    #prenResDayDiv fieldset legend, #prenResDayDiv .legend {
        font-size: large; /*border: 1px solid rgb(225, 109, 0);     background-color: rgb(252, 164, 75);*/
        background-color: #474747 !important;
        border: 1px solid #666 !important;
        color: white;
        padding: 5px;
        line-height: 40px;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    }


#prenResElencoRisorse fieldset {
    padding: 5px;
    margin-top: 20px;
    position: relative;
}



    #prenResElencoRisorse fieldset legend, #prenResElencoRisorse .legend {
        font-size: large;
        background-color: rgb(57, 182, 255);
        border: 1px solid rgb(0, 120, 185);
        color: white;
        padding: 5px;
        line-height: 40px;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    }

.legendAlign {
    float: left;
    margin: -30px 5px 0 5px;
}



/* celle griglia mese */
#table_risorseprenotabili td:hover {
    cursor: pointer;
}

#table_risorseprenotabili td, th {
    padding: 6px 6px !important;
}


/*
.prenPartialCell
{
    background-color: #FF9933;
}
*/

.prenEmptyCell {
    background-color: white;
    font-weight: bold;
    text-align: center;
}

.prenEmptyCellFestivo {
    background-color: #888;
}

.tableHeaderFestivo {
    background-color: #888 !important;
    /*  color: #666!important;*/
}

.tableHeaderToday {
    background-color: #FF9933 !important;
}




/*
.prenFullOtherCell
{
    background-color: rgb(255, 18, 1);
}
*/

.prenMyOnlyCell {
    background-color: #339933;
    font-weight: bold;
    text-align: center;
    color: white !important;
}

.prenOtherCell {
    background-color: #FF9933;
    font-weight: bold;
    text-align: center;
    color: white !important;
}

.prenMixedCell {
    /* background-color: #43C9EF; */
    background: repeating-linear-gradient( -45deg, #ff9933, #ff9933 6px, #339933 6px, #339933 12px);
}


.prenNonPrenotabile {
    background-color: red;
}

.selectedCell {
    border: 2px solid black !important;
}

.selectedDayCell {
    border-top: 3px solid black !important;
    border-bottom: 3px solid black !important;
}

.selectedDayOpening {
    border-left: 3px solid black !important;
    border-right: none;
}

.selectedDayClosing {
    border-right: 3px solid black !important;
    border-left: none;
}

.noborderTableCell {
    border: 1px transparent !important;
}

.fulldayCellOverlay {
    background-image: url('./images/Minimal_white16/error 1.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.fulldayCellOverlayBlack {
    background-image: url('./images/Minimal_black16/error 1.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.legendaColori {
    /*position: absolute;     top: 35px;     left: 5px;*/
    margin: 9px 0px 43px 6px;
}

    .legendaColori ul {
        list-style: none;
    }

    .legendaColori li {
        float: left;
        border: 1px solid #666;
        padding: 2px;
        margin-right: 5px;
    }

.altrePrenotazioni {
    margin-top: 10px;
}

    .altrePrenotazioni div {
        font-size: 12px !important;
    }

.minibox-prenotazione {
    background-color: #65ABE4;
    color: white; /*height: 100px;*/
    padding: 0;
    position: relative;
}

    .minibox-prenotazione div:first-child {
        height: 20px;
        line-height: 20px;
    }




/* ************** END PRENOTAZIONE RISORSE *************************************************/



/* ************** HOME PAGE PLUSERVICE *************************************************/

#plusFeedContainer {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding: 10px;
}

    #plusFeedContainer img {
        max-width: 90%;
    }


.plusfeedrecord {
    background: white;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.plusfeedTitle {
    /*color: #494949;*/
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 10px;
    background-image: linear-gradient(-90deg, rgb(71, 71, 71), rgb(59, 59, 59));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,rgb(71, 71, 71) ), color-stop(100%, rgb(59, 59, 59)));
    background-image: -moz-linear-gradient(-90deg, rgb(71, 71, 71), rgb(59, 59, 59));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99474747', EndColorStr='#993b3b3b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99474747', EndColorStr='#993b3b3b')";
    background-color: rgb(59, 59, 59);
    border: 1px solid rgb(71, 71, 71);
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
}

.blackbackground {
    background-image: linear-gradient(-90deg, rgb(71, 71, 71), rgb(59, 59, 59));
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%,rgb(71, 71, 71) ), color-stop(100%, rgb(59, 59, 59)));
    background-image: -moz-linear-gradient(-90deg, rgb(71, 71, 71), rgb(59, 59, 59));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99474747', EndColorStr='#993b3b3b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99474747', EndColorStr='#993b3b3b')";
    background-color: rgb(59, 59, 59);
    border: 1px solid rgb(71, 71, 71);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
}


.plusfeedContent {
    color: #6E7173;
    padding: 10px;
    font-size: 13px !important;
    line-height: 15px;
}


    .plusfeedContent p {
        margin-top: 10px;
    }



/* ************** END HOME PAGE PLUSERVICE *************************************************/

.recoveryPasswordBox label {
    font-size: 18px;
}

.recoveryPasswordBox {
    width: 400px;
    margin: 0 auto;
}

    .recoveryPasswordBox input {
        font-size: 18px;
        width: 100%;
    }




/*************** NUOVO STILE DOCUMENTI AZIENDALI **************************/
#vtab {
    width: 370px;
    height: 100%;
    margin: 20px;
}

    #vtab > ul > li {
        width: 150px;
        height: auto;
        padding: 10px 5px 10px 30px;
        list-style-type: none;
        display: block;
        text-align: left;
        padding-bottom: 10px; /*background-color: #fff !important;     border: 1px solid #fff;*/
        background-color: #DFEFFC !important;
        border: 1px solid #C5DBEC;
        position: relative;
        border-right: none; /* opacity: .5;     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);*/
    }

        #vtab > ul > li.home {
        }

        #vtab > ul > li.login {
        }

        #vtab > ul > li.support {
        }

        #vtab > ul > li.selected {
            /* opacity: 1;     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);*/ /*border: 1px solid #ddd;*/
            border: 1px solid #C5DBEC;
            border-right: none;
            z-index: 10;
            background-color: #fafafa !important;
            position: relative;
        }

    #vtab > ul {
        float: left;
        width: 185px;
        text-align: left;
        display: block;
        margin: auto 0;
        padding: 0;
        position: relative;
        top: 30px;
    }

    #vtab > div {
        background-color: #fafafa;
        margin-left: 185px; /*border: 1px solid #ddd;*/
        border: 1px solid #C5DBEC;
        min-height: 500px;
        width: 185px; /*padding: 12px;*/
        position: relative;
        z-index: 9;
        -moz-border-radius: 20px;
    }


    #vtab > ul > li.selected {
        border-right: 1px solid #fff !important;
    }

    #vtab > ul > li {
        /*  border-right: 1px solid #ddd !important;*/
        border-right: 1px solid #C5DBEC;
    }

    #vtab > div {
        z-index: 1 !important;
        left: 1px;
    }

    #vtab > ul > li:hover {
        cursor: pointer;
        background-color: #eee !important;
    }


    #vtab div.sottocategory {
        height: auto;
        padding: 10px 10px 10px 10px; /* border-bottom: 1px solid #ddd;*/
        border-bottom: 1px solid #C5DBEC;
        width: 65%;
    }

        #vtab div.sottocategory.selected {
            background-color: #DFEFFC;
        }

        #vtab div.sottocategory:hover {
            background-color: #eee;
            cursor: pointer;
        }


.iconBlue-Play {
    background-image: url('./images/Minimal_Blue/play.png');
    background-position: 10px, center;
    background-position-y: center;
    background-position-x: 10px;
    padding-left: 30px !important;
    background-repeat: no-repeat;
}

.OrdinatoreDocs ul {
    height: 30px;
}

    .OrdinatoreDocs ul > li {
        float: left;
        margin-left: 5px;
    }


/*.no-close, .ui-dialog-titlebar-close
{
    display: none;
}
*/


/* *********************************** GESTIONE DOCUMENTI *********************************** */
​#tableCategorie > * {
    font-size: 16px !important;
}

#tableCategorie > input * {
    font-size: 18px !important;
}

#GestionDocumenti table a {
    /*width: 70px;*/
    text-align: center;
    display: block;
    margin-bottom: 2px;
}


.headingBarRibbon {
    display: block;
    margin-left: -30px;
    padding-left: 30px;
    background-color: #1e84be;
    min-width: 100px;
    height: 34px;
    line-height: 34px;
    color: white;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

    .headingBarRibbon:before {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px;
    }

    .headingBarRibbon:before {
        border-width: 0 10px 10px 0;
        border-right-color: #0D578E;
        left: 0;
    }


.permissionList li {
    display: block;
    height: 30px;
    border: 1px solid #C5DBEC;
    background-color: #DFEFFC;
    width: 100%;
    margin: 2px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
}


    .permissionList li input {
        margin-left: 5px;
    }

#GestionDocumenti table td {
    padding: 3px 5px !important;
}


#modificaCategorie a {
    max-width: 91px;
}



.white {
    color: white !important;
}

#uploadDocumenti input {
    font-size: 16px;
}


#ricercaDocumenti label {
    display: block;
    margin-top: 5px;
}

#ricercaDocumenti input {
    margin-bottom: 5px;
    font-size: 14px;
    width: 100%;
}


#invioDocumentiPersonaliContainer label {
    display: block;
}


#invioDocumentiPersonaliContainer div {
    margin-bottom: 10px;
}


#documentoDetail {
    font-size: 16px;
    color: #666;
}



    #documentoDetail label {
        display: block;
    }

    #documentoDetail input {
        width: 100%;
    }

    #documentoDetail div {
        margin-bottom: 10px;
    }

#modificaDocumenti label {
    padding-bottom: 2px;
}

#modificaDocumenti input, #modificaDocumenti select {
    padding: 5px;
    box-sizing: border-box;
}



#addVideoPlaceHolder div {
    margin-bottom: 10px;
}

#videoPreview {
    margin: 10px 0;
}


.checkboxes label {
    display: block;
    /* float: left;*/
    padding-right: 10px;
    white-space: nowrap;
}

.checkboxes input {
    vertical-align: middle;
}

.checkboxes label span {
    vertical-align: middle;
}

.checkboxes label:after {
    clear: both;
}



#tableGestioneAvvisi input {
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
}


.paginatore {
    margin-top: 10px;
    margin-bottom: 10px;
}


    .paginatore div {
        margin-bottom: 5px;
    }

    .paginatore a {
        display: inline-block;
        font-weight: bold;
        padding: 4px;
        margin-right: 2px;
        min-width: 20px;
        text-align: center;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
        background-color: rgb(57, 182, 255);
        border: 1px solid rgb(0, 120, 185);
        background-image: linear-gradient(-90deg, rgb(57, 182, 255), rgb(30, 132, 192));
        background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(57, 182, 255)), color-stop(100%, rgb(30, 132, 192)));
        background-image: -moz-linear-gradient(-90deg, rgb(57, 182, 255), rgb(30, 132, 192));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9939b6ff', EndColorStr='#991e84c0');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9939b6ff', EndColorStr='#991e84c0')";
        color: rgb(255, 255, 255) !important;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
    }

        .paginatore a:hover {
            background-image: linear-gradient(-90deg, rgb(30, 132, 192), rgb(57, 182, 255));
            background-image: -webkit-gradient(linear, left top, left bottom,color-stop(100%, rgb(57, 182, 255)), color-stop(0%, rgb(30, 132, 192)));
            background-image: -moz-linear-gradient(-90deg, rgb(30, 132, 192), rgb(57, 182, 255));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#991e84c0', EndColorStr='#9939b6ff');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#991e84c0', EndColorStr='#9939b6ff')";
        }


    .paginatore .active {
        background-color: rgb(252, 164, 75) !important;
        border: 1px solid rgb(225, 109, 0) !important;
        background-image: linear-gradient(-90deg, rgb(241, 123, 5), rgb(253, 164, 75));
        background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0%, rgb(241, 123, 5)), color-stop(100%, rgb(253, 164, 75))) !important;
        background-image: -moz-linear-gradient(-90deg, rgb(241, 123, 5), rgb(253, 164, 75)) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99f17b05', EndColorStr='#99fda44b') !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99f17b05', EndColorStr='#99fda44b')" !important;
        cursor: pointer;
    }

.NumeroGiorniErroreClass {
    color: red;
    padding: 8px 0px;
    font-weight: 700;
}

.ErrorePagina {
    color: red;
    padding: 8px 0px;
    font-weight: 700;
}

#tabellaTimbratureFileDivTestata.timbraturepersonalefilterclass {
    position: absolute;
    left: 200px;
    width: 70%;
    top: 0;
}

.Main-Data-Container.timbraturefiledipendentedatalist {
    top: 120px;
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.loginEyeSlash::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f070";
    font-size: x-large;
    margin: -2px;
}

.loginEye::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06e";
    font-size: x-large;
    margin: -2px;
}
/*  
#addDocumentTimbratureFile {
	position: absolute;
    top: 80px;
    display: block;
    left: 200px;    
}
*/
/*
#TimbratureFileFormAdd {
    position: absolute;
    top: 400px;
    left: 200px;
}*/

#showFile {
    padding: 10px;
    margin: 10px;
    display: grid;
    align-content: center;
    row-gap: 1px;
}

#documentoCreato {
    right: 120px;
    position: absolute;
    top: 10px;
}

#overlaySiteMaster {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;  
    opacity: 0.5;
    z-index: 10000;
}

/*.ui-widget-overlay.custom-overlay {
    z-index: 10001;
}*/

.richiestaFirmaAutorizzata {
    background-color : cornsilk !important;
}

.checkGrande {
    transform: scale(1.5);
    width: -webkit-fill-available;
}