/* Minification failed. Returning unminified contents.
(371,1): run-time error CSS1019: Unexpected token, found '@import'
(371,9): run-time error CSS1019: Unexpected token, found 'url('//fonts.googleapis.com/css?family=Open+Sans:400,700')'
(372,1): run-time error CSS1019: Unexpected token, found '@import'
(372,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700')'
 */
body {
    font-size: .85em;
    color: #232323;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/*

 */

.shPointer
{
    cursor: pointer;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.right{
    float: right;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*
 ==========================================================================

  2013 09 04  -  EasyDiet -  Leonardo D

 ==========================================================================
*/

@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/*
 * GENERIC RULES
 */
* {
    outline: none;
}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif !important;
}

html,
body {
    /*background-color: #F7F8FA !important;*/
    background-color: #f7f5f3 !important;
}

select {
    font-size: 12px !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    border: solid 1px #d8dadd;
    font-size: 12px;
    padding: 3px;
}

    input[type="text"]:hover,
    input[type="text"]:focus,
    input[type="text"]:active,
    input[type="email"]:hover,
    input[type="email"]:focus,
    input[type="email"]:active,
    textarea:hover,
    textarea:focus,
    textarea:active {
        outline: none;
        border-color: #2b66ac;
    }

.webkit-appearance select {
    background-color: #fff;
    /*background-image: url('../img/bg-switcher.png');*/
    border: 1px solid #d8dadd;
    box-shadow: 0 0 0 transparent !important;
    height: 28px;
    outline: none;
    padding: 5px;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    padding: 0px;
}

    .webkit-appearance select:hover {
        border-color: #2b66ac;
    }

/* Button */
.btn {
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 6px 18px;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #eb903f;
    /*
    background: -moz-linear-gradient(top,  #358aca 0%, #2d69af 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358aca), color-stop(100%,#2d69af));
    background: -webkit-linear-gradient(top,  #358aca 0%,#2d69af 100%);
    background: -o-linear-gradient(top,  #358aca 0%,#2d69af 100%);
    background: -ms-linear-gradient(top,  #358aca 0%,#2d69af 100%);
    background: linear-gradient(to bottom,  #358aca 0%,#2d69af 100%);
    */
}

    .btn.small {
        padding: 2px 10px;
        margin-bottom: 7px;
        text-transform: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .btn.slimaction {
        padding: 2px 4px;
        margin-right: 2px;
        text-transform: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        font-size: 0.8em;
    }
    .btn.sliminfo {
        padding: 2px 4px;
        text-transform: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: inline-block;
        font-size: 0.8em;
/*        background-color: #d8dadd;
*/  }

/*    .btn.sliminfo:hover {
        background-color:#bfbebe
    }
*/    .btn:hover {
        background-color: #c55f03;
        /*
    background: -moz-linear-gradient(top,  #2d69af 0%, #358aca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d69af), color-stop(100%,#358aca));
    background: -webkit-linear-gradient(top,  #2d69af 0%,#358aca 100%);
    background: -o-linear-gradient(top,  #2d69af 0%,#358aca 100%);
    background: -ms-linear-gradient(top,  #2d69af 0%,#358aca 100%);
    background: linear-gradient(to bottom,  #2d69af 0%,#358aca 100%);
    */
    }

    .btn.gray {
        color: #333;
        background-color: #dadce1;
        /*
    background: -moz-linear-gradient(top,  #f2f4f8 0%, #dadce1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f4f8), color-stop(100%,#dadce1));
    background: -webkit-linear-gradient(top,  #f2f4f8 0%,#dadce1 100%);
    background: -o-linear-gradient(top,  #f2f4f8 0%,#dadce1 100%);
    background: -ms-linear-gradient(top,  #f2f4f8 0%,#dadce1 100%);
    background: linear-gradient(to bottom,  #f2f4f8 0%,#dadce1 100%);
    */
    }

        .btn.gray:hover {
            background-color: #ccc; /* Old browsers */
            /*
    background: -moz-linear-gradient(top,  #dadce1 0%, #f2f4f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadce1), color-stop(100%,#f2f4f8));
    background: -webkit-linear-gradient(top,  #dadce1 0%,#f2f4f8 100%);
    background: -o-linear-gradient(top,  #dadce1 0%,#f2f4f8 100%);
    background: -ms-linear-gradient(top,  #dadce1 0%,#f2f4f8 100%);
    background: linear-gradient(to bottom,  #dadce1 0%,#f2f4f8 100%);
        */
        }

    .btn.left {
        float: left !important;
        margin-right: 10px;
    }

    .btn.right {
        float: right;
        margin-left: 10px;
    }

    .btn.center {
        margin: auto !important;
    }


.content-edit-action .btn {
    border-top: 0px;
    font-size: 60px;
    height: 100%;
    width: 100%;
    vertical-align: top;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.btn.save {
    background-color: #6cab26; /* Old browsers */
    background: url('../img/save.png') center center no-repeat, -moz-linear-gradient(top, #358aca 0%, #2d69af 100%); /* FF3.6+ */
    background: url('../img/save.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#358aca), color-stop(100%,#2d69af)); /* Chrome,Safari4+ */
    background: url('../img/save.png') center center no-repeat, -webkit-linear-gradient(top, #358aca 0%,#2d69af 100%); /* Chrome10+,Safari5.1+ */
    background: url('../img/save.png') center center no-repeat, -o-linear-gradient(top, #358aca 0%,#2d69af 100%); /* Opera 11.10+ */
    background: url('../img/save.png') center center no-repeat, -ms-linear-gradient(top, #358aca 0%,#2d69af 100%); /* IE10+ */
    background: url('../img/save.png') center center no-repeat, linear-gradient(to bottom, #358aca 0%,#2d69af 100%); /* W3C */
    text-indent: -9999em;
}

    .btn.save:hover {
        background-color: #6cab26; /* Old browsers */
        background: url('../img/save.png') center center no-repeat, -moz-linear-gradient(top, #2d69af 0%, #358aca 100%); /* FF3.6+ */
        background: url('../img/save.png') center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d69af), color-stop(100%,#358aca)); /* Chrome,Safari4+ */
        background: url('../img/save.png') center center no-repeat, -webkit-linear-gradient(top, #2d69af 0%,#358aca 100%); /* Chrome10+,Safari5.1+ */
        background: url('../img/save.png') center center no-repeat, -o-linear-gradient(top, #2d69af 0%,#358aca 100%); /* Opera 11.10+ */
        background: url('../img/save.png') center center no-repeat, -ms-linear-gradient(top, #2d69af 0%,#358aca 100%); /* IE10+ */
        background: url('../img/save.png') center center no-repeat, linear-gradient(to bottom, #2d69af 0%,#358aca 100%); /* W3C */
    }

.btn-simple {
    /*border: none;
    font-size: 12px;
    text-decoration: none;
    color: #eb903f;
    font-weight: bold;*/
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #358bcb;
    display: inline-block;
}

    .btn-simple:hover {
        opacity: 0.9;
        cursor: pointer;
    }

/* Icons */
.icn {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 19px;
    text-indent: -9999em;
    width: 19px;
}

.icn2 {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block !important;
    height: 13px;
    text-indent: -9999em;
    width: 19px;
}

.icn3 {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block !important;
    height: 13px;
    text-indent: -9999em;
    width: 28px;
}

.up {
    background-image: url(../img/ico-up.png);
}

    .up:hover {
        background-image: url(../img/ico-up-hover.png);
    }

.down {
    background-image: url(../img/ico-down.png);
}

    .down:hover {
        background-image: url(../img/ico-down-hover.png);
    }

.lock {
    background-image: url(../img/ico-lock.png);
}

a.lock:hover {
    background-image: url(../img/ico-lock-hover.png);
}

.lock.active {
    background-image: url(../img/ico-lock-active.png);
}


.nutri {
    background-image: url(../img/info.png);
    width: 25px !important;
    height: 25px !important;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-color: #E1EAEF;*/
    border-radius: 4px;
    position: relative;
    top: 7px;
    left: 7px;
}

    .nutri:hover {
        background-image: url(../img/info-hover.png);
        cursor: pointer;
    }

    .nutri.active {
        background-image: url(../img/info-active.png);
    }

.editsave {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    margin-top: 4px;
    background: #fa960e;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px;
}

    .editsave:hover {
        background-color: #c55f03;
        cursor: pointer;
    }

.editcancel {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    margin-top: 4px;
    background: #ccc;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    border-radius: 6px;
}

    .editcancel:hover {
        background-color: #bbb;
        cursor: pointer;
    }

.editadd {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    margin-top: 4px;
    background: #fa960e;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px;
}

    .editadd:hover {
        background-color: #c55f03;
        cursor: pointer;
    }


.equalizer {
    background-image: url(../img/ico-equalizer.png);
}

.replacer {
    background-image: url(../img/ico-replacer.png);
}

.udmico {
    background-image: url(../img/ico-UdM2.png);
}

.qtaconsico {
    background-image: url(../img/ico-QtaCons.png);
}

.kcalqtacons {
    background-image: url(../img/ico-kcal.png);
}

/*
 * TEMPLATE
 */

.maincontainer {
    display: block;
    background-color: #f2f4f8;
    margin: 0;
    padding: 0;
}

.logo {
}

.headermenu {
    display: block;
    list-style: none;
    float: left;
    margin: 10px 0 22px 150px;
}

    .headermenu li {
        display: block;
        list-style: none;
        float: left;
        padding: 0px 10px 0px 10px;
        border-right: 1px solid #e4e4e5;
    }

        .headermenu li:last-child {
            border-right: none !important;
        }

        .headermenu li a {
            text-decoration: none;
            font-size: 13px;
            color: #666;
        }

            .headermenu li a:hover {
                color: #2b66ac;
            }

/* login */
/*
.login {
	display: block;
	list-style: none !important;
	float:right;
	margin: 12px 0px 0px 0px;
}

.login li {
	display: block;
	list-style: none;
	float:left;
	font-size: 13px;
	color: black;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #e4e4e5;
}

.login li:last-child {
	border-right: none !important;
}

.login li a {
	color: #2B66AC;
	font-weight: 600;
	text-transform: capitalize;
}

.login li a:hover {
	color: #666;
}
*/
.bodycontent {
    border: 1px solid #d8dadd;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px;
    width: 960px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.mainmenu {
    display: block;
    float: left;
    height: 100%;
    width: 167px;
}

    .mainmenu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .mainmenu ul li {
            display: block;
            width: 100%;
            height: 40px;
            /*border-top: 1px solid white;
	border-bottom: 1px solid #d8dadd;*/
        }

            .mainmenu ul li:first-child {
                border-top: none;
            }

            .mainmenu ul li a {
                display: block;
                /*text-transform: uppercase;*/
                text-decoration: none;
                width: 100%;
                height: 100%;
            }

            .mainmenu ul li a,
            .mainmenu ul li.active a,
            .mainmenu ul li:hover a {
                /*color: #777;*/
                color: #fff;
                font-family: 'Roboto Condensed', sans-serif !important;
                font-size: 14px;
            }

            .mainmenu ul li.active,
            .mainmenu ul li:hover {
                background-color: #456;
                cursor: pointer;
                /*padding-right: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;*/
            }

                .mainmenu ul li.active a,
                .mainmenu ul li:hover a {
                    color: #fff;
                    font-weight: 400;
                }

            .mainmenu ul li a:hover {
                color: #fff;
            }

.maincontent {
    box-sizing: border-box;
    background-color: #f7f5f3;
    border-left: 1px solid #d8dadd;
    float: left;
    max-height: 553px;
    min-height: 553px;
    height: 553px;
    width: 792px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottom-right: 7px;
    border-bottom-right-radius: 7px;
}

.footer {
    color: #222;
    display: block;
    font-size: 11px;
    margin: 0 auto;
    width: 960px;
}

    .footer a {
        color: #222;
        font-size: 11px;
    }

        .footer a:hover {
            font-size: 11px;
            color: #2b66ac;
        }

    .footer p.left {
        float: left;
    }

    .footer p.right {
        float: right;
    }

.head {
    padding: 20px;
    position: relative;
}

    .head h2 {
        color: #333333;
        display: block;
        float: left;
        font-size: 16px;
        margin: 0px;
    }

    .head .notification {
        left: 50%;
        position: absolute;
        top: 0px;
        margin: 0;
    }

    .head .notification {
        border-width: 1px;
        font-size: 13px;
        height: auto;
        left: 50%;
        margin: 0;
        position: absolute;
        top: 0px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }

        .head .notification.info {
            background-color: #4C924C;
            border-color: #006400;
        }

        .head .notification.alert {
            background-color: #C06969;
            border-color: #A52A2A;
        }

/*Aggiunta Loris: nella pagina DietaInfos non viene riconosciuta...????*/
head2 {
    padding: 0px 20px 0px 20px;
    overflow: hidden;
}

.isNumeric {
    text-align: right !important;
}

.isTitle {
    text-align: center
}

.isItalic {
    font-style: italic;
}

.underSection {
    padding: 1px 3px !important;
}

.contentLeft {
    padding: 1px 0 !important;
    text-indent: 8px;
    border: 1px solid #ddd;
    font-size: .917em;
    font-weight: bold;
}

.contentLeftRight {
    padding: 1px 0 !important;
    text-indent: 58px;
    border: 1px solid #ddd;
    font-size: .917em;
    font-weight: bold;
}

.contentLeft1 {
    padding: 0px 0;
    text-indent: 1px;
    border: 1px solid #ddd;
    font-size: .917em;
    font-weight: normal;
}

.contentLeft2 {
    padding: 0px 0;
    text-indent: 1px;
    border: 0px solid #ddd;
    font-size: .917em;
    font-weight: normal;
}

.contentLeftCnt {
    padding: 1px 0 !important;
    text-indent: 15px;
    border: 1px solid #ddd;
    font-size: .917em;
    font-weight: bold;
}

.contentCenter {
    padding: 1px 0 !important;
    border: 1px solid #ddd;
    font-size: .917em;
    font-weight: bold;
    text-align: center;
}



.maincontent h2 {
    color: #333333;
    display: block;
    float: left;
    font-size: 18px;
    margin: 0px;
}

.maincontent input.newFood, .maincontent a.newFood {
    background-image: url("../img/new-food.png");
    display: block;
    width: 132px;
    height: 32px;
    margin: 15px 10px 0 0;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
    background-color: transparent !important;
    border: none !important;
    font-weight: 600;
}


.tab-container {
    position: relative;
    width: 773px;
    margin: 0px 0 8px 9px;
}

    .tab-container.h-380 {
        max-height: 380px;
        min-height: 380px;
        height: 380px;
    }

    .tab-container.h-412 {
        max-height: 412px;
        min-height: 412px;
        height: 412px;
    }

.etabs {
    display: block;
    height: 37px;
    list-style: none;
    margin: 12px 0 0px 0;
    overflow: hidden;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #ddd;
}

    .etabs li {
        float: left;
        display: block;
        margin: 5px 15px 0 0;
        height: 30px;
        line-height: 30px;
        padding: 0px !important;
    }

        .etabs li a {
            color: #444;
            display: block;
            font-size: 12px;
            padding: 2px 4px;
            text-decoration: none;
            border-bottom: 3px solid transparent;
        }

        .etabs li:hover {
        }

            .etabs li.ui-tabs-selected a,
            .etabs li:hover a {
                color: #eb903f;
                border-bottom-color: #eb903f;
            }

    .etabs.w-730 {
        width: 730px;
    }

    .etabs.dark {
        background-color: #2b66ac;
        border-bottom: 6px solid #ffffff;
    }

        .etabs.dark li {
            background: transparent;
            border-color: transparent;
        }

            .etabs.dark li:hover {
                background-color: #95B3D6;
            }

            .etabs.dark li.ui-tabs-selected {
                background-color: #ffffff;
            }

                .etabs.dark li.ui-tabs-selected a {
                    color: #333333;
                }

            .etabs.dark li a {
                color: #ffffff;
                font-size: 12px;
                text-transform: none;
            }

/*10px center*/

.maincontent .food_search {
    display: block;
    background-image: url('../img/lens.png');
    background-repeat: no-repeat;
    background-position: right 20px center;
    border: solid 1px #d8dadd;
    font-size: 12px;
    height: 34px;
    margin: 6px 0 0 0;
    padding: 0px 5px 0px 3px; /* width: 741px; */
}

.maincontent .food_search_pop {
    display: block;
    background-image: url('../img/lens.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    border: solid 1px #d8dadd;
    font-size: 12px;
    height: 34px;
    margin: 6px 0 0 10px;
    padding: 0px 0px 0px 30px;
    width: 277px;
}

.maincontent .food_search_gr {
    display: block;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: solid 1px #d8dadd;
    font-size: 12px;
    height: 34px;
    margin: 6px 0 0 0;
    padding: 0px 0px 0px 30px;
    width: 50px;
}
/*background-image: url('../img/peso.png');*/
.maincontent .text_param {
    display: block;
    background-image: url('../img/ico-right-hover.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    border: solid 1px #d8dadd;
    font-size: 12px;
    height: 26px;
    margin: 6px 0 0 0;
    padding: 0px 0px 0px 30px;
    width: 345px;
}

.maincontent .text_param2 {
    display: block;
    background-image: url('../img/ico-right-hover.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    border: solid 1px #d8dadd;
    font-size: 12px;
    height: 26px;
    margin: 0;
    padding: 0px 0px 0px 30px;
    width: 245px;
}

#tab-container #horiz_container_outer {
    height: 285px;
    margin: 0px;
    overflow-y: auto;
    overflow-x: scroll;
    padding: 0px;
    width: 771px;
}

    #tab-container #horiz_container_outer #horiz_container {
        height: 270px;
    }

#tab-container #horiz_container_inner {
    list-style: none;
}

    #tab-container #horiz_container_inner #horiz_container, #tab-container #horiz_container_inner {
        width: 1827px;
    }

#tab-container #horiz_container {
    display: table;
    border-spacing: 0px;
    border-collapse: collapse;
}

    #tab-container #horiz_container li { /* display: block; float: left; */
    }

        #tab-container #horiz_container li .title {
            font-size: 11px;
            font-weight: bold;
            padding: 4px 0;
            text-indent: 8px;
        }

        #tab-container #horiz_container li .contentL {
            padding: 4px 0;
            text-indent: 8px;
        }

        #tab-container #horiz_container li .contentR {
            padding: 4px 0;
            padding-right: 8px;
        }

        #tab-container #horiz_container li tbody td {
            background: #fff;
        }

#scrollbar {
    margin-top: 7px !important;
    width: 745px !important;
}

    #scrollbar #left_scroll {
        border-color: transparent #D8DADD transparent transparent;
    }

        #scrollbar #left_scroll:hover {
            border-color: transparent #2B66AC transparent transparent;
        }

    #scrollbar #right_scroll {
        border-color: transparent transparent transparent #D8DADD;
    }

        #scrollbar #right_scroll:hover {
            border-color: transparent transparent transparent #2B66AC;
        }

    #scrollbar #track {
        background-color: #F2F4F8;
        width: 745px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

#track #dragBar {
    background: #cccccc;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    #track #dragBar:hover, #track #dragBar:active {
        background: #2B66AC;
    }

.maincontent {
    overflow: hidden;
    position: relative;
}

.fancybox-overlay {
    overflow-y: auto !important;
    position: absolute;
}

/* .maincontent .tab1 {
	display: block;
	height: 100px;
	background-color: #f2f4f8;
}

.maincontent .tab2 {
	display: block;
	height: 100px;
	background-color: #f2f4f8;
}

.maincontent .tab3 {
	display: block;
	height: 100px;
	background-color: #f2f4f8;
}

.maincontent .tab1 label {
	float: left;
	font-size: 12px;
	margin: 40px 10px 0 20px;
	font-style: italic;
	color: #333333;
}

.maincontent .tab1 select {
	margin: 35px 10px 0 22px;
	width: 255px;
}*/

.borderLeft {
    float: left;
    width: 100%; /*460px;*/
    height: 100px;
    border-right: solid 1px #d8dadd;
}

.borderRight {
    float: left;
    height: 100px;
    border-left: solid 1px white;
}

#dragBar {
    background-color: #E5E5E5;
}

/* Switcher */
.switcher-cnt {
    clear: both;
    margin: 0 0 5px;
    padding-top: 10px;
    text-align: center;
}

    .switcher-cnt .switcher {
        display: inline-block;
        margin: 0 auto;
    }

.switcher {
    border: 1px solid #d8dadd;
    height: 24px;
    list-style: none !important;
    margin: 14px 0 0 16px;
    overflow: hidden;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .switcher li {
        border-right: 1px solid #d8dadd;
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
        background: #fff;
    }

        .switcher li a {
            display: block;
            color: #333333;
            float: left;
            font-size: 12px;
            line-height: 24px;
            margin: 0px;
            padding: 0 10px;
            text-decoration: none;
            text-align: center;
            text-decoration: none;
        }

        .switcher li.active,
        .switcher li.active:hover,
        .switcher li:hover {
            background: #eb903f;
        }

            .switcher li.active a,
            .switcher li.active:hover a,
            .switcher li:hover a {
                color: #fff;
            }

            .switcher li.active a {
                cursor: default;
            }

        .switcher li:last-child {
            border-right: none !important;
        }

.switcher-cnt label {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px; /* width: 80px; */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f4f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f4f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f4f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f4f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f4f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f4f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4f8',GradientType=0 ); /* IE6-9 */
}

.scroller-container {
    max-height: 300px;
    min-height: 300px;
    height: 300px;
    overflow: auto;
}

    .scroller-container.mini {
        max-height: 217px;
    }

table.dataTable {
    border-spacing: 0px;
    clear: both; /* float: left; */
    margin: 5px auto 0 auto;
    width: 772px; /* width: 758px !important; */
}
    /*
table.dataTable thead th { Caratteristiche DataTable per intestazioni
    font-size: 11px;
    color: #2B66AC;
    font-weight: 400;
    text-decoration: underline;
    width: 50px;
    border-right: 1px solid #d8dadd;
    text-align: left;
}
*/

    /*
table.dataTable thead tr th {
    border-bottom: solid 1px #d8dadd;
    height: 20px;
    padding: 5px;
}
*/
    /*Colonna Azione*/
    /*
table.dataTable thead th:last-child,
table.dataTable thead th.action { 
    width: 55px !important; 
    border-right: none !important;
}
*/

    /*Aggiunte Loris*/
    /*Colonne Small*/
    /*
table.dataTable thead th.small { 
    width: 20px !important; 
}
*/
    /*Colonne Small1*/
    /*
table.dataTable thead th.small1 { 
    width: 10px !important; 
    border-right: none !important;
}
*/
    /*Colonne medium*/
    /*
table.dataTable thead th.medium {
    width: 35px !important; 
}
*/
    /*Colonne big*/
    /*
table.dataTable thead th.big { 
    width: 150px !important; 
}
*/

    /*
table.dataTable tr:hover {
    background-color: #f2f4f8;
}
*/

    /*Fine Aggiunte Loris*/

    table.dataTable tr {
        width: 100%;
    }

/*Caratteristiche interne Datatable: font per dati*/

table.table-style, table.dataTable {
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    max-width: 772px;
    width: 100%;
}

    table.table-style th, table.table-style td, table.dataTable th, table.dataTable td {
        padding: 5px;
    }

    table.table-style .spacer, table.dataTable .spacer {
        background: transparent;
        padding: 0px;
        width: 4px;
    }

    table.table-style th.spacer, table.dataTable th.spacer {
        border-top: none;
    }

    table.table-style th, table.dataTable th {
        background: #fcfaf3;
        border: 1px solid #ddd;
        color: #333;
        font-size: .917em;
        font-weight: bold;
        padding: 8px 5px;
    }

    table.table-style td, table.dataTable td {
        border-bottom: 1px solid #F2F4F8;
        border-left: 1px solid #ddd;
        vertical-align: middle;
        background: #fff;
    }

        table.table-style td input, table.dataTable td input {
            margin: 0 auto;
        }

        table.table-style td:last-child, table.table-style th:last-child, table.dataTable td:last-child {
            border-right: 1px solid #ddd;
        }

    table.table-style .no-right, table.dataTable .no-right {
        border-right: none;
    }

    table.table-style.mrg-auto {
        margin: 0 auto 10px;
    }

    table.table-style.brd-top {
        border-top: 1px solid #ddd;
    }

    table.table-style td {
        border-left-color: #F2F4F8;
    }

        table.table-style td:first-child {
            border-left-color: #ddd;
        }

    table.table-style tr:last-child td {
        border-bottom: none;
    }

    table.table-style .column-50 {
        width: 50%;
    }

    table.table-style .column-25 {
        width: 25%;
    }

    /*
table.dataTable tbody td { border-top: solid 1px white; border-right: solid 1px #d8dadd; border-bottom: 1px solid #d8dadd; height: 20px; font-size: 12px; padding: 0px 4px 0px 4px; }
	table.dataTable tbody tr:last-child td { border-bottom: 0px; }
*/



    table.dataTable tbody td input {
        /*width: 100px !important;*/
        /*border-top: solid 1px white;
    border-bottom: solid 1px  #d8dadd;
    border-right: solid 1px #d8dadd;
    height: 20px;
    font-size: 12px;
    padding: 0 5px 0 5px;
    width:50px;*/
    }

        table.dataTable tbody td input:focus {
            outline: 1px solid rgba(43, 102, 172, 0.4) !important;
        }

    /*
table.dataTable tbody td:last-child {

    padding: 0 0 0 0;
}
*/

    /*table.dataTable tbody tr:hover{
    background-color: #F2F4F8;
}*/

    /*
table.dataTable tbody td:last-child{
    border-right: none !important;
}
*/

    table.dataTable a.action-btn {
        background-position: center -5px;
        cursor: pointer;
        display: block;
        height: 19px;
        float: left;
        text-indent: -9999em;
        width: 19px;
        left: 5px;
        position: relative;
    }

        table.dataTable a.action-btn:hover {
            background-position: center -35px;
        }

    table.dataTable a.edit {
        background-image: url('../img/ico-bg-edit.png');
    }

    table.dataTable a.add {
        background-image: url('../img/ico-bg-add.png');
    }

    table.dataTable a.convert {
        background-image: url('../img/ico-bg-convert.png');
    }

    table.dataTable a.convertobs {
        background-image: url('../img/ico-bg-convert-obs.png');
    }
    table.dataTable a.confrontobs {
        background-image: url('../img/ico-bg-confront-obs.png');
    }


    table.dataTable a.delete {
        background-image: url('../img/ico-bg-delete.png');
    }

    table.dataTable a.print {
        background-image: url('../img/ico-bg-print.png');
    }

    table.dataTable a.download {
        background-image: url('../img/ico-bg-download.png');
    }

    table.dataTable a.preview {
        background-image: url('../img/ico-bg-preview.png');
    }

    table.dataTable a.goto {
        background-image: url('../img/ico-bg-goto.png');
    }

    table.dataTable a.lens {
        background-image: url('../img/ico-bg-lens.png');
    }
/*table.dataTable a.save { background-image: url('../img/ico-bg-save.png'); }
table.dataTable a.cancel { background-image: url('../img/ico-bg-cancel.png'); }*/


.changePosition ul.switcher {
    position: absolute;
    top: 96px;
    left: 464px;
}

.dataTables_length {
    display: block;
    float: right;
    clear: both;
    margin: -1px 10px 3px 0;
    padding: 2px 8px 2px 8px;
    font-size: 10px;
    border: solid 1px #E9E6E6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*.fg-toolbar {
    border: solid 1px green;
    float: left;
}*/



.nutrienti label {
    display: block;
    float: left;
    font-size: 11px;
    padding: 20px 0 0 0;
    cursor: pointer;
}

.block_input {
    float: left;
    margin: 10px 0 0 10px;
}

    .block_input input {
        float: left;
    }

.block_input_tr input {
    float: right;
    margin-right: 5px !important;
}

.intolleranze label, .block_input_tr label {
    display: block;
    float: left;
    font-size: 11px;
    padding: 0 0 0 5px;
    cursor: pointer;
}

.nutrienti span {
    display: block;
    float: left;
    font-size: 11px;
    margin: 20px 0 0 0;
    padding: 0px 0 0 10px;
}


.intolleranze span {
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
    height: 2px;
    margin: 10px 0 9px 11px;
    width: 438px;
}

.nutrienti input {
    float: left;
    height: 23px;
    margin: 12px 10px 0 6px;
    width: 45px;
}

.nutrienti select {
    float: left;
    margin: 13px 10px 0px 5px;
    width: 110px !important;
}
/*
.checkbox-conversion input, .intolleranze input{
	display: none;
	float: left; 
	font-size: 11px;
	margin: 39px 0 0 0;
}

.checkbox-conversion label:before, .intolleranze label:before {
	background-image: url('../img/checkbox.png');
	background-position: -21px 0;
	content: " ";
	display: block;
	height: 20px;
	float: left; 
	font-size: 11px;
	margin: -1px 2px 0 10px;
	overflow: hidden;
	width: 20px;
}

.checkbox-conversion input[type=checkbox]:checked + .intolleranze label, .intolleranze input[type=checkbox]:checked + .intolleranze label{
    color: green;
}


input[type=checkbox]:checked + label:before {
    background-position: 0 0;
}
*/

.btn-applica {
    /*
display: block;
    float: left;
    width: 74px;
    height: 30px;
    background-image: url("../img/btn-applica.png");
    background-position: 0px 0px;
    text-align: center;
    line-height: 29px;
    color: #0a69ad;
    text-decoration: none;
    text-transform: uppercase;
    margin: 14px;
*/
}

.intolleranze .btn {
    margin-top: 16px;
    margin-left: 20px;
}

.nutrienti .btn {
    margin-top: 13px;
}

.nutrienti .btn-applica {
    /*
display: block;
    float: left;
    width: 74px;
    height: 30px;
    background-image: url("../img/btn-applica.png");
    background-position: 0px 0px;
    text-align: center;
    line-height: 29px;
    color: #0a69ad;
    text-decoration: none;
    text-transform: uppercase;
    margin: 33px 14px 14px 14px;
*/
}

/*
.btn-applica:hover{
    background-position: -75px 0;
    }
*/


.dataTables_wrapper {
    margin: 0px;
}


/*



/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .paginate_disabled_previous:hover,
    .paginate_enabled_previous:hover,
    .paginate_disabled_next:hover,
    .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .paginate_disabled_previous:active,
    .paginate_enabled_previous:active,
    .paginate_disabled_next:active,
    .paginate_enabled_next:active {
        outline: none;
    }

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous {
    background: url('/Content/DataTables-1.9.4/media/images/back_enabled.png') no-repeat top left;
}

    .paginate_enabled_previous:hover {
        background: url('/Content/DataTables-1.9.4/media/images/back_enabled_hover.png') no-repeat top left;
    }

.paginate_disabled_previous {
    background: url('/Content/DataTables-1.9.4/media/images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_next {
    background: url('/Content/DataTables-1.9.4/media/images/forward_enabled.png') no-repeat top right;
}

    .paginate_enabled_next:hover {
        background: url('/Content/DataTables-1.9.4/media/images/forward_enabled_hover.png') no-repeat top right;
    }

.paginate_disabled_next {
    background: url('/Content/DataTables-1.9.4/media/images/forward_disabled.png') no-repeat top right;
}

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers a:active {
        outline: none
    }

    .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .paging_full_numbers a.paginate_button,
    .paging_full_numbers a.paginate_active {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #333 !important;
    }

    .paging_full_numbers a.paginate_button {
        background-color: #ddd;
    }

        .paging_full_numbers a.paginate_button:hover {
            background-color: #ccc;
            text-decoration: none !important;
        }

    .paging_full_numbers a.paginate_active {
        background-color: #99B3FF;
    }


/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
}


/*
 * Sorting
 */
.sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}


.dataTable_next,
.dataTable_previous {
    padding: 0px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 10px 8px 5px 8px;
    float: left;
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.dataTable_previous {
    background-position: 0px 0;
}

    .dataTable_previous:hover {
        background-position: -16px 0;
    }

.dataTable_next {
    background-position: -8px 0;
    margin: 10px 14px 0 0;
}

    .dataTable_next:hover {
        background-position: -24px 0;
    }

.fg-toolbar.ui-corner-bl {
    background-color: #f2f4f8;
    border-top: 1px solid #d8dadd; /* border: 1px solid #d8dadd; border-left: none; */
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    width: 100%;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
}

.dataTables_info {
    float: left;
    font-size: 11px;
    color: #0a69ad;
    height: 20px;
    padding: 4px 0px 0px 13px;
}

.pullDown {
    left: 480px;
    position: absolute;
    top: 152px;
    width: 274px;
}

span.checkinto {
    cursor: pointer;
    display: block;
    background-image: url("../img/ico-check.png");
    width: 12px;
    height: 12px;
}

span.nocheckinto {
    display: block;
    background-image: url("../img/ico-nocheck.png");
    width: 12px;
    height: 12px;
}

.testata {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

    .testata span.left {
        float: left;
    }

    .testata span.right {
        float: right;
    }

    .testata.big {
        height: 135px;
    }

.groupedit div {
    float: left;
}


.poupup {
    display: block;
    position: relative;
}

.fancybox-overlay {
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 99999;
    background: url('../img/gray-shading.png');
}

.fancybox-wrap {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 100000;
    /* width: 600px !important; */
    /* height: 210px !important; */
    background-color: white !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#fancybox-loading {
    position: absolute;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 0px !important;
}

.fancybox-inner {
    position: relative;
    /* width: 600px !important; */
    background-color: white !important;
}

.lblfont {
    clear: both;
    font-weight: 500;
    font-size: 14px;
    margin: 25px 0 15px;
}

.maincontent .modal-container {
    max-width: 600px;
}
/*.modal-container2 { overflow:visible; }*/
.modal-container {
    overflow: hidden;
}

.modaleTitle {
    background-color: #F2F4F8;
    display: block;
    min-height: 22px;
    overflow: hidden;
    padding: 10px 15px;
}
    /*#F2F4F8*/
    .modaleTitle h2 {
        font-weight: 700;
        font-size: 16px;
        margin: 5px 0;
    }

.modaleBody {
    background-color: white;
    display: block;
    height: auto;
    margin: 0;
    padding: 15px;
}

    .modaleBody .block-element {
        margin: 0 0 10px;
    }

        .modaleBody .block-element:last-child {
            margin-bottom: 0px;
        }

    .modaleBody label {
        clear: both;
        font-weight: 500;
        font-size: 12px;
        margin: 25px 0 15px;
    }

    .modaleBody input {
        clear: both;
        display: block;
        width: 553px;
        height: 26px;
        margin: 5px 0 10px;
    }

    .modaleBody select {
        clear: both;
        display: block;
        width: 272px;
        height: 26px;
        margin: 5px 0 10px;
        font-size: 12px;
    }

    .modaleBody textarea {
        clear: both;
        margin: 5px 0 10px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.modaleFooter {
    background-color: #F2F4F8;
    display: block;
    margin: 0;
    min-height: 33px;
    overflow: hidden;
    padding: 10px 15px;
}

.fancybox-inner .alimenti-view {
    clear: both;
    margin: 15px 10px 10px; /* width: 773px; */
}

    .fancybox-inner .alimenti-view .tableLarge {
        border-top: 1px solid #dddddd;
        margin: 0;
        margin-bottom: 15px;
    }

    .fancybox-inner .alimenti-view .default-margin {
        margin: 0;
    }

    .fancybox-inner .alimenti-view .tableSmall {
        margin-left: 0px;
    }

    .fancybox-inner .alimenti-view .pannelActions {
        margin-left: 0px;
        margin-right: 0px;
        width: 753px;
    }

a.modaleAnnulla,
input.modaleAnnulla {
    background-image: url("../img/btn-annulla.png");
    display: block;
    width: 113px;
    height: 32px;
    margin: 0px 10px 0 20px;
    color: #2B66AC;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    float: left;
    background-color: transparent !important;
    border: transparent;
    font-weight: bold;
}

    a.modaleAnnulla:hover,
    input.modaleAnnulla:hover {
        background-position: -112px 0;
    }

input.modaleAvanti {
    background-image: url("../img/new-food.png");
    display: block;
    width: 132px;
    height: 32px;
    margin: 0px 20px 0 0;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    float: right;
    background-color: transparent !important;
    border: transparent;
    font-weight: 600;
}

    input.modaleAvanti:hover {
        background-position: -132px 0;
    }

.fancybox-close {
    /*display: none !important;*/
}



.fancybox-outer, .fancybox-inner {
    position: relative;
    /*height: 400px !important;*/
    /* overflow: hidden !important; */
}

.testata {
    display: block;
    float: left;
    margin: 0px;
    height: 55px;
    width: 100%;
}

    .testata .no-left {
        margin-left: 0px;
    }

i.pencil {
    background-image: url("../img/ico-pencil-big.png");
    display: block;
    float: left;
    height: 38px;
    margin-top: 2px;
    margin-right: 12px;
    width: 38px;
}

    i.pencil:hover {
        background-image: url("../img/ico-pencil-big-hover.png");
    }


h1.editNameFood {
    font-size: 14px;
    float: left;
    margin: 24px 0 0 0;
}

span.archivio {
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    color: #C4C5CB;
    font-weight: 300;
}

span.titolo {
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    color: black;
    font-weight: 300;
}


.tables {
    display: block;
}

    .tables input.datnutrinput {
        display: block;
        width: 30px;
        /*modifica loris*/
        text-align: right;
    }

.headerFake {
    background-color: #fcfaf3 !important;
    color: #334;
    border: solid 1px #DDDDDD;
    margin: 0px !important;
    height: 24px;
}

.headerLine {
    border-bottom: solid 1px #DDDDDD;
    margin: 0px !important;
    height: 1px;
}


.headerFake p {
    font-size: 12px;
    color: #333;
    /*float: left;*/
    margin: 3px 0px 0px 8px;
}

.tableLarge {
    display: block;
    float: left;
    /* margin: 15px 0px 5px 9px; */
    margin: 15px auto 5px;
    width: 773px;
}

.tableSmall {
    display: block;
    float: left;
    /*clear: left;*/
    margin: 15px 35px 15px 9px;
    width: 190px;
    border: 1px solid transparent !important;
}

.tableMedium {
    display: block;
    float: left;
    margin: 15px 0px 15px 45px;
    width: 500px;
    border: 1px solid transparent !important;
    /* border-right: 1px solid #ddd !important; */
}

    .tableMedium.right {
        float: right;
        margin-left: 0px;
    }

    .tableMedium .row {
        padding: 0px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .tableMedium .row .cells {
            border-bottom: none;
            width: 50%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .tableMedium .row .cells span.label, .tableMedium .row .cells .hideCheckbox {
                border-left: none;
            }

            .tableMedium .row .cells + .cells {
                border-left: solid 1px #DDDDDD;
            }

    .tableMedium div.cells {
        float: left;
        border-bottom: solid 1px #DDDDDD;
        width: 250px;
        height: 35px;
    }

        .tableMedium div.cells span {
            float: left;
            font-size: 12px;
            padding: 3px 10px 0 8px !important;
        }


            .tableMedium div.cells span.label {
                border-left: 1px solid #DDDDDD;
                height: 35px;
                width: 152px;
            }

            .tableMedium div.cells span.output {
                border-left: 1px solid #DDDDDD;
                height: 36px;
                width: 55px;
                text-align: center;
                padding: 0px !important;
            }

            .tableMedium div.cells span input {
                width: 40px !important;
                margin: 0px !important;
            }


.row {
    float: left;
    width: 178px;
    clear: both;
    border-bottom: solid 1px #DDDDDD;
    border-left: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
    padding: 1px 0px 0px 10px;
}

    .conversione-label_check,
    .row label,
    .checkbox-conversion label {
        float: left;
        width: 100%;
        clear: both;
        display: block;
        padding: 5px 0px 4px 0px;
    }

        .conversione-label_check:before,
        .row label:before,
        .checkbox-conversion label:before {
            float: right !important;
            left: 10px;
            margin: 0px 10px 0px 0px;
        }


.tables {
    height: 134px !important;
    margin: 0px !important;
    border: 1px solid #d8dadd;
    border-top: transparent !important;
    overflow: hidden !important;
}

.pannelActions {
    clear: both;
    float: left;
    margin: 0 10px;
    background-color: #f2f4f8;
    width: 754px;
    height: 30px;
    padding: 10px;
    bottom: 0px !important;
    position: relative;
}

.tables td {
    border-right: solid 1px #DDDDDD !important;
    border-bottom: solid 1px #DDDDDD !important;
    padding: 0 10px 0 8px !important;
}

.groupedit {
    /*border-bottom: 1px solid #dddddd;*/
    height: auto;
    float: left;
    border-right: 1px solid #ddd;
}

.col6 {
    width: 385px;
    height: 32px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left;
}

    .col6 span select {
        display: block;
        height: 22px;
        margin: 5px 0 0 2px;
        width: 267px !important;
    }

    .col12 span.label,
    .col6 span.label {
        display: block;
        width: 96px !important;
        height: 23px;
        float: left;
        font-size: 12px;
        padding: 4px 10px 0 8px !important;
        line-height: 24px;
    }

    .col12 span,
    .col6 span {
        display: block;
        width: 154px !important;
        height: 23px;
        float: left;
        font-size: 12px;
        /*padding: 4px 10px 0 8px !important;*/
    }

.tableMedium div.cells span input,
.tables input.datnutrinput {
    display: block;
    width: 30px !important;
    height: 12px;
    margin: 2px;
    border: 1px solid rgba(221, 221, 221, 1);
    background-color: white;
    box-shadow: inset 0px 0px 1px #ccc !important;
    padding: 1px 1px 1px 1px;
    color: #2B66AC;
}

.tableMedium div.cells span input {
    width: 62px !important;
    margin: 2px !important;
}

/*.tables input.datnutrinput,*/
.col12 span input,
.col6 span input {
    display: block;
    width: 255px !important;
    height: 23px;
    margin: 2px;
    border: 1px solid rgba(221, 221, 221, 1);
    background-color: white;
    box-shadow: 0px 0px 1px #ccc inset !important;
    padding: 1px 0 2px 10px;
    color: #2B66AC;
}

    .col6 span input:focus,
    .col12 span input:focus {
        outline: 1px solid rgba(43, 102, 172, 0.52);
    }


.col12 span.scientific_name,
.col12 span.scientific_name input {
    width: 641px !important;
}

.col12 {
    width: 771px !important;
    height: 32px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left;
}


.col6 span input:focus {
    outline: 1px solid rgba(43, 102, 172, 0.0) !important;
}

.bordered {
    border: solid 1px red;
}

.buttonPositioning {
    float: left;
    margin: 0px 8px;
}

.testataNewAlimento {
    display: block;
    float: left;
    width: 769px;
    margin: 10px;
    background-color: #F8F9FB;
    border: solid 1px #DDDDDD;
    height: 24px;
    font-size: 12px;
}

table.tabellaNutrienti {
    border-bottom: none !important;
    min-height: 210px !important;
    /*width: 773px !important;
max-width: 773px;*/
}

table.tabellaNutrientiPartial {
    border-bottom: none !important;
    min-height: 230px !important;
    /*width: 773px !important;
max-width: 773px;*/
}


table.tabellaNutrienti tbody td.label {
    width: 122px;
    text-align: right;
    font-size: 11px;
}

table.tabellaNutrienti tbody td.input {
    width: 45px;
    padding: 0px !important;
}

.hideCheckbox {
    width: 216px;
    float: left;
    border-left: 1px solid #ddd
}

span.hideCheckbox input {
    display: none !important;
    float: right;
}

.hideCheckbox label {
    margin: 0px !important;
    padding: 6px 0 0 0;
}


.wrapToScrollo {
    display: block;
    /*max-height: 382px;
    min-height: 382px;*/
    overflow-y: scroll;
    float: left;
}


._error {
    position: relative;
    margin-bottom: -20px;
    z-index: 100 !important;
    bottom: -38px;
}

    ._error p {
        display: block;
        color: red;
        font-size: 12px;
        border: solid 1px red;
        background-color: rgba(255, 0, 0, 0.09);
        float: left;
        padding: 10px;
        margin: 0px 0 -5px 0px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }


.fg-toolbar .ui-icon {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 3px;
    color: #2B66AC;
}

.fg-toolbar span.ui-icon-circle-arrow-e:hover:before,
.fg-toolbar span.ui-icon-circle-arrow-w:hover:before {
    color: red !important;
}

.fg-toolbar span.ui-icon-circle-arrow-e /*:before*/ {
    /*content: " >> ";*/
    color: black;
    font-size: 10px;
}

.fg-toolbar span.ui-icon-circle-arrow-w /*:before*/ {
    /*content: " < < ";*/
    color: black;
    font-size: 10px;
}

.fg-toolbar fieldset {
    border: 0px none;
    margin: 0px;
    padding: 0px;
    float: left;
}

fieldset {
    float: left !important;
}


.inputsmall {
    width: 40px;
}

.inputtiny {
    width: 25px;
}

.conteiner-edit-dieta {
    clear: both;
    margin: 10px 10px 0px 10px;
    position: relative;
    z-index: 0;
}

.conteiner-edit-ricetta {
    clear: both;
    margin: 10px 10px 0px 0px;
    position: relative;
    z-index: 0;
}

.header-edit-data {
    position: relative;
}

    .header-edit-data a {
        border: 1px solid #2B66AC;
        background: #2b66ac; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNjZhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNThiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #2b66ac 0%, #358bcb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b66ac), color-stop(100%,#358bcb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2b66ac 0%,#358bcb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2b66ac 0%,#358bcb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2b66ac 0%,#358bcb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2b66ac 0%,#358bcb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b66ac', endColorstr='#358bcb',GradientType=0 ); /* IE6-8 */
    }

    .header-edit-data a {
        color: white;
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 10px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .header-edit-data a:hover {
            background: #2B66AC;
        }

    .header-edit-data .header-edit {
        display: none;
    }

    .header-edit-data .header-close {
        background: transparent;
        border: 1px solid transparent;
        display: none;
        font-size: 12px;
        padding: 4px 10px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

        .header-edit-data .header-close:hover {
            background: #2B66AC;
            border-color: #2B66AC;
        }

.content-edit-data {
    background: #ffffff url(../img/tab-shadow.png) repeat-x left top;
    display: block;
    height: 0px;
    overflow: hidden;
    position: relative;
}

    .content-edit-data .content-data-hide {
        border-left: 1px solid #D8DADD;
        border-bottom: 1px solid #D8DADD;
        padding: 15px 12px;
    }

    .content-edit-data div.col-left {
        float: left;
        margin-right: 2%;
        width: 37%;
    }

        .content-edit-data div.col-left input {
            margin-top: 0px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .content-edit-data .content-detail-food {
        margin-top: 6px;
        font-size: 12px;
    }

    .content-edit-data div.col-right {
        float: left;
        width: 61%;
    }

.content-edit-days {
    float: left;
    width: 45%;
}

.content-edit-action {
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
}

.content-error {
    clear: both;
    color: red;
    margin: 0px 0px 0px 10px;
}

.content-edit-data .inactive {
    color: #999999;
}

.content-edit-data #lnkday, .content-edit-data #lnkQta {
    color: #2B66AC;
    display: block;
    text-align: center;
}

.content-edit-data #lnkQta {
}

.ui-helper-hidden-accessible {
    display: none;
}

.search-autocomplete {
    position: relative;
}

.ui-autocomplete-cnt {
    bottom: 34px;
    left: 0px;
    max-height: 200px;
    overflow: auto;
    position: absolute;
}

.ui-autocomplete {
    background: #ffffff;
    border: 1px solid #D8DADD;
    border-bottom: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    top: 0px !important;
    overflow-y: auto;
    max-height: 180px;
    max-width: 250px;
}

    .ui-autocomplete li {
    }

        .ui-autocomplete li a {
            cursor: pointer;
            display: block;
            font-size: 12px;
            padding: 6px 10px;
        }

            .ui-autocomplete li a:hover {
                background: #F2F4F8;
            }

.nav-bottom-toolbar {
    background: #F2F4F8;
    margin: 0 10px 5px;
    overflow: hidden;
    padding: 10px;
}

    .nav-bottom-toolbar.modale-footer {
        margin: 0px;
    }

    .nav-bottom-toolbar .left {
        float: left;
        margin-right: 8px;
    }

    .nav-bottom-toolbar .right {
        float: right;
        margin-left: 8px;
    }


.conteiner-edit-dieta {
    position: absolute;
    bottom: 59px;
    left: 0px;
    width: 100%;
    max-width: 772px;
}

.conteiner-edit-ricetta {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    max-width: 772px;
}

#DieteTable tr:hover td:not(.action), #AlimentiTable:not(.tabellaNutrienti) tr:hover td:not(.action), #ElencoArchivi tr:hover td:not(.action) {
    background-color: #F1F9FF;
}

#RicetteTable tr:hover td:not(.action) {
    background-color: #F1F9FF;
}

#PazientiTable tr:hover td:not(.action) {
    background-color: #F1F9FF;
}

#VisiteTable tr:hover td:not(.action) {
    background-color: #F1F9FF;
}

#DocumentiTable tr:hover td:not(.action) {
    background-color: #F1F9FF;
}

/* PAGINA DIETE */
.head {
    overflow: hidden;
}

.head-description {
    font-size: 13px;
}

    .head-description p {
        cursor: pointer;
        margin: 0px;
        padding: 0 20px 15px;
    }

        .head-description p:hover {
            color: #C4C5CB;
        }

    .head-description.no-click p {
        cursor: default;
        padding-top: 15px;
    }

        .head-description.no-click p:hover {
            color: inherit;
        }

.panel-container {
    clear: both;
    margin: 12px 10px;
    overflow: hidden;
    padding: 10px 10px 10px 0;
    position: relative;
}

    .panel-container .push-right {
        float: left;
    }

    .panel-container .switcher {
        margin: 0px;
    }

    .panel-container .food_search {
        float: right;
        height: 28px;
        margin: 0px;
        width: 30%;
    }

        .panel-container .food_search.full_width {
            float: none;
            height: 35px;
            margin: 0px;
            width: 773px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

.tab-container .panel-container {
    margin: 0 0 8px 0;
    padding: 0px;
}

#DieteTable_wrapper .dataTables_scrollBody {
    min-height: 334px;
    max-height: 334px;
    height: 334px;
}

#DieteTable {
    margin-top: 0px;
}

    #DieteTable thead tr:hover {
        background-color: transparent;
    }

    #DieteTable thead div {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

    #DieteTable thead .shPointer {
        color: #2B66AC;
        font-weight: bold;
        text-decoration: underline;
    }

        #DieteTable thead .shPointer:hover {
            text-decoration: none;
        }

        #DieteTable thead .shPointer div {
            color: #2B66AC;
        }

    #DieteTable .action {
        text-decoration: none;
    }

        #DieteTable .action div {
            text-align: center;
        }

#PazientiTable_wrapper .dataTables_scrollBody {
    min-height: 334px;
    max-height: 334px;
    height: 334px;
}

#PazientiTable {
    margin-top: 0px;
}

    #PazientiTable thead tr:hover {
        background-color: transparent;
    }

    #PazientiTable thead div {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

    #PazientiTable thead .shPointer {
        color: #2B66AC;
        font-weight: bold;
        text-decoration: underline;
    }

        #PazientiTable thead .shPointer:hover {
            text-decoration: none;
        }

        #PazientiTable thead .shPointer div {
            color: #2B66AC;
        }

    #PazientiTable .action {
        text-decoration: none;
    }

        #PazientiTable .action div {
            text-align: center;
        }

#VisiteTable_wrapper {
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    #VisiteTable_wrapper .dataTables_scrollBody {
        min-height: 322px;
        max-height: 322px;
        height: 322px;
    }

#VisiteTable {
    margin-top: 0px;
}

    #VisiteTable thead tr:hover {
        background-color: transparent;
    }

    #VisiteTable thead div {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

    #VisiteTable thead .shPointer {
        color: #2B66AC;
        font-weight: bold;
        text-decoration: underline;
    }

        #VisiteTable thead .shPointer:hover {
            text-decoration: none;
        }

        #VisiteTable thead .shPointer div {
            color: #2B66AC;
        }

    #VisiteTable .action {
        text-decoration: none;
    }

        #VisiteTable .action div {
            text-align: center;
        }

#DocumentiTable_wrapper {
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    #DocumentiTable_wrapper .dataTables_scrollBody {
        min-height: 334px;
        max-height: 334px;
        height: 334px;
    }

#DocumentiTable {
    margin-top: 0px;
}

    #DocumentiTable thead tr:hover {
        background-color: transparent;
    }

    #DocumentiTable thead div {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

    #DocumentiTable thead .shPointer {
        color: #2B66AC;
        font-weight: bold;
        text-decoration: underline;
    }

        #DocumentiTable thead .shPointer:hover {
            text-decoration: none;
        }

        #DocumentiTable thead .shPointer div {
            color: #2B66AC;
        }

    #DocumentiTable .action {
        text-decoration: none;
    }

        #DocumentiTable .action div {
            text-align: center;
        }

#RicetteTable_wrapper .dataTables_scrollBody {
    min-height: 334px;
    max-height: 334px;
    height: 334px;
}

#RicetteTable {
    margin-top: 0px;
}

    #RicetteTable thead tr:hover {
        background-color: transparent;
    }

    #RicetteTable thead div {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
    }

    #RicetteTable thead .shPointer {
        color: #2B66AC;
        font-weight: bold;
        text-decoration: underline;
    }

        #RicetteTable thead .shPointer:hover {
            text-decoration: none;
        }

        #RicetteTable thead .shPointer div {
            color: #2B66AC;
        }

    #RicetteTable .action {
        text-decoration: none;
    }

        #RicetteTable .action div {
            text-align: center;
        }

.dataTables_wrapper {
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.wrapper .dataTables_wrapper {
    width: 100%;
}

.dataTables_wrapper .dataTables_length {
    border: none;
}

    .dataTables_wrapper .dataTables_length select {
        height: 22px;
    }

.dataTables_wrapper .dataTables_processing {
    border: none;
    height: 100%;
    left: 0px;
    padding: 0px;
    position: absolute;
    margin: 0px;
    top: 0px;
    width: 100%;
}

    .dataTables_wrapper .dataTables_processing img {
        left: 50%;
        margin-top: -12px;
        margin-left: -17px;
        position: fixed;
        top: 50%;
    }

.fg-toolbar {
    font-size: 11px;
    padding: 5px 0;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .fg-toolbar .dataTables_length {
        display: inline-block;
        float: none;
        font-size: 11px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .fg-toolbar .dataTables_info {
        color: #000000;
        display: inline-block;
        float: none;
        margin-left: 0px;
        margin-right: 15px;
        padding-left: 5px;
    }

    .fg-toolbar .dataTables_paginate {
        display: inline-block;
        float: none;
        padding-right: 10px;
    }

        .fg-toolbar .dataTables_paginate .ui-corner-right {
            margin-left: 10px;
        }

        .fg-toolbar .dataTables_paginate .ui-icon {
            display: inline-block;
            float: none;
            height: auto;
            margin: 0px;
            width: auto;
            padding: 5px 10px;
            border: 1px solid #ddd;
            color: #eb903f;
            font-weight: bold;
            border-radius: 6px;
            font-size: 15px;
            text-decoration: none;
        }

            .fg-toolbar .dataTables_paginate .ui-icon:hover {
            }

                .fg-toolbar .dataTables_paginate .ui-icon:hover:before {
                    color: #2B66AC !important;
                }

        .fg-toolbar .dataTables_paginate span.ui-icon-circle-arrow-w:before {
            font-size: 11px;
        }

        .fg-toolbar .dataTables_paginate span.ui-icon-circle-arrow-e:before {
            font-size: 11px;
        }

.unit {
    color: #999;
}


/* PAGINA ALIMENTI */

.switcher {
    float: right;
}

.alimenti-tab-tools {
    position: absolute;
    right: 0px;
    top: 35px;
    width: 311px;
}

    .alimenti-tab-tools .switcher {
        float: left;
        margin: 15px 0 10px 30px;
    }

    .alimenti-tab-tools select {
        margin: 0 10%;
        width: 80%;
    }

#renderingNameFilter {
    margin: 0;
}

.fancybox-overlay #AlimentiTable_wrapper {
    min-width: 700px;
}

#AlimentiTable_wrapper .dataTables_scrollBody {
    min-height: 260px;
    max-height: 260px;
    height: 260px;
}

#AlimentiTable {
    margin-top: 0px;
    width: 100% !important;
}

.scroller {
    overflow: hidden;
}

.wrapper {
    float: none !important;
    margin: 0 auto 10px;
    max-width: 773px;
    overflow: hidden;
    width: 98%;
}

.intolleranze-block {
    float: left;
    width: 29%;
    max-width: 190px;
}

.checkbox-conversion label {
    padding: 0px;
}

.checkbox-conversion input {
    float: right;
}

.misure-block {
    float: right;
    width: 62%;
    max-width: 480px;
}

.table-style.edit-alimento #TAlimento_NomeScientifico {
    width: 513px;
}

#TAlimento_Descrizione {
    width: 98%;
}

._inputerr {
    border-color: #cc0000 !important;
}

#tab1 .borderLeft.category label {
    display: block;
    float: left;
    font-size: 11px;
    margin: 20px 0 0 0;
    padding: 0px 0 0 10px;
}

#tab1 .borderLeft.category #ddlCategorie {
    float: left;
    margin: 13px 10px 0px 5px;
    width: 200px !important;
}

#tab1 .borderLeft.category #ddlPacchetti {
    float: left;
    margin: 13px 10px 0px 5px;
    width: 200px !important;
}

#tab2 .borderLeft.intolleranze #ddlPacchetti2 {
    margin-top: 4px;
    width: 200px !important;
}

#tab0 .borderLeft.category label {
    display: block;
    float: left;
    font-size: 11px;
    margin: 20px 0 0 0;
    padding: 0px 0 0 10px;
}

#tab0 .borderLeft.category #ddlCategorie2 {
    float: left;
    margin: 13px 10px 0px 5px;
    width: 200px !important;
}

#tab0 .borderLeft.category #ddlBrand {
    float: left;
    margin: 13px 10px 0px 5px;
    width: 200px !important;
}


/* PAGINA VIEW ALIMENTI */
.alimenti-view {
}

    .alimenti-view fieldset {
        width: 100%;
    }

    .alimenti-view .default-margin {
        clear: both;
        margin: 10px auto 0;
    }

    .alimenti-view input[type="text"] {
        border: none;
        box-shadow: 0px 0px 0px transparent !important;
        color: #333333;
    }

    .alimenti-view label {
        font-size: 12px;
    }


/* ARCHIVI */
#ElencoArchivi {
    margin-top: 0px;
}

#ElencoArchivi_wrapper {
    margin-top: 9px;
}

    #ElencoArchivi_wrapper .dataTable {
        margin-top: 0px;
    }

    #ElencoArchivi_wrapper .dataTables_scrollBody {
        min-height: 313px;
        max-height: 313px;
        height: 313px;
    }

.head-archivio-pacchetti {
    margin: 10px;
}

    .head-archivio-pacchetti label {
        font-size: 12px;
    }

        .head-archivio-pacchetti label + label {
            font-weight: bold;
        }

#ElencoArchivi_wrapper {
}

    #ElencoArchivi_wrapper .DataTables_sort_wrapper {
        cursor: pointer;
    }

    #ElencoArchivi_wrapper .dataTables_scrollHead, #ElencoArchivi_wrapper .dataTables_scrollHeadInner, .archivio-table #AlimentiTable_wrapper .dataTables_scrollHead, .archivio-table #AlimentiTable_wrapper .dataTables_scrollHeadInner {
        width: auto !important;
    }

    #ElencoArchivi_wrapper .dataTable, .archivio-table #AlimentiTable_wrapper .dataTable {
        width: 100% !important;
    }

.archivio-table #AlimentiTable_wrapper .dataTables_scrollBody {
    min-height: 317px;
    max-height: 317px;
    height: 317px;
}

.archivio-table #AlimentiTable_wrapper .DataTables_sort_wrapper {
    cursor: pointer;
}


/* PAGINA STAMPE */
.print-container {
    background: #F2F4F8;
    clear: both;
    margin: 12px 10px;
    overflow: hidden;
    padding: 10px;
    position: relative;
}

    .print-container .push-right {
        float: right;
        width: 49%;
    }

    .print-container .push-right-full {
        float: right;
        width: 98%;
    }

    .print-container .push-left {
        float: left;
        width: 49%;
    }

    .print-container .push-left-full {
        float: left;
        width: 98%;
    }

    .print-container .push-left .back-blue {
        background-color: #2b66ac;
        border-bottom: 1px solid #ffffff;
        height: 36px;
    }

    .print-container .push-left .divpad {
        padding: 0.5%;
    }

    .print-container .divpad {
        padding: 1%;
    }

    .print-container .switcher {
        margin: 0px;
    }

    .print-container .diet_search {
        float: left;
        height: 28px;
        margin: 0px;
        width: 98%;
    }

    .print-container .diet_list {
        float: left;
        height: 193px;
        margin: 0px;
        width: 100%;
    }

    .print-container .diet_search.full_width {
        float: none;
        height: 35px;
        margin: 0px;
        width: 773px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .print-container .ricet_search {
        float: left;
        height: 28px;
        margin: 0px;
        width: 98%;
    }

    .print-container .ricet_list {
        float: left;
        height: 193px;
        margin: 0px;
        width: 100%;
    }

    .print-container .ricet_search.full_width {
        float: none;
        height: 35px;
        margin: 0px;
        width: 773px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.TitoloStampa {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
}




/* nuove regole aggiunte da gabriele */
.nutFilt {
    height: 40px;
}

.nutFiltButton {
    height: 40px;
    width: 8%;
    float: left;
}


.panel-container .borderLeft,
.panel-container .borderRight {
    padding-top: 10px;
    height: 65px;
}

.panel-container .borderLeft2,
.panel-container .borderRight2 {
    padding-top: 10px;
    height: 40px;
}

.panel-container .borderLeftPulled {
    padding-top: 10px;
    height: 160px;
    margin-top: 32px !important;
}


.nutrienti .nutFilt span {
    margin-top: 8px !important;
}

.nutrienti .nutFilt label {
    padding-top: 6px !important;
}

.nutrienti .nutFilt select {
    margin-top: 1px !important;
}

.nutrienti .nutFilt input {
    margin-top: 0px !important;
    height: 18px !important;
}

.nutrienti .nutFilt .btn {
    margin-top: 2px !important;
}

body.alimenti .maincontent {
    height: 600px !important;
    max-height: none !important;
}

body.diete-edit .nav-bottom-toolbar.edit,
body.diete-info .nav-bottom-toolbar,
body.ricette-edit .nav-bottom-toolbar.edit,
body.ricette-info .nav-bottom-toolbar {
    position: absolute;
    bottom: 0px;
    width: 752px;
}

#tab-container #horiz_container_outer {
    height: 292px;
}

body.diete-edit #openSostitutivo,
body.diete-edit #openSezioneAlimenti,
body.ricette-edit #openSostitutivo,
body.ricette-edit #openSezioneAlimenti {
    cursor: pointer;
    text-decoration: underline;
    color: #358bcb;
}

table.tabellaNutrienti tbody td.label {
    width: 84px;
}

body.diete-edit table.dataTable,
body.ricette-edit table.dataTable {
    width: 99%;
}

body.diete-edit .search-autocomplete-sost,
body.ricette-edit .search-autocomplete-sost {
    position: relative;
}

body.diete-edit #search-alimenti-sost,
body.ricette-edit #search-alimenti-sost {
    width: 240px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body .search-autocomplete-sost .ui-autocomplete-cnt {
    top: 36px;
    bottom: auto;
    z-index: 9999;
}

#mascheraSostituzione .head,
body.ricette-edit .head.sost {
    overflow: visible;
    height: 40px;
}

    #mascheraSostituzione .ui-autocomplete,
    body.ricette-edit .head.sost .ui-autocomplete {
        z-index: 9999;
    }

body.diete-edit .headnutr,
body.ricette-edit .headnutr {
    border-top: 1px solid #ddd;
}

    body.diete-edit .headnutr td,
    body.ricette-edit .headnutr td {
        text-align: center;
    }

body.diete-edit #AlimentiTable tbody tr:hover,
body.ricette-edit #AlimentiTable tbody tr:hover {
    background-color: #F2F4F8;
}

body.diete-edit #AlimentiTable td.iso,
body.ricette-edit #AlimentiTable td.iso {
    cursor: pointer;
}

body.diete-edit #AlimentiTable tbody tr.selected,
body.ricette-edit #AlimentiTable tbody tr.selected {
    background-color: #c9d9e9;
}

    body.diete-edit #AlimentiTable tbody tr.selected td.iso,
    body.ricette-edit #AlimentiTable tbody tr.selected td.iso {
        cursor: default;
        text-align: center;
    }

        body.diete-edit #AlimentiTable tbody tr.selected td.iso:after,
        body.ricette-edit #AlimentiTable tbody tr.selected td.iso:after {
            content: "=";
            color: #2b66ac;
            font-size: 14px;
            font-weight: bold;
        }

    body.diete-edit #AlimentiTable tbody tr.selected td.check,
    body.ricette-edit #AlimentiTable tbody tr.selected td.check {
        cursor: default;
        text-align: center;
    }

body.diete-edit #AlimentiTable tbody tr td.check div,
body.ricette-edit #AlimentiTable tbody tr td.check div {
    background-image: url('../img/Check-NotSel.png');
    width: 14px;
    height: 14px;
    cursor: pointer;
}

body.diete-edit #AlimentiTable tbody tr.selected td.check.sostSelected div,
body.ricette-edit #AlimentiTable tbody tr.selected td.check.sostSelected div {
    background-image: url('../img/Check-Sel.png');
    width: 14px;
    height: 14px;
}

body.diete-edit #AlimentiTable input,
body.ricette-edit #AlimentiTable input {
    background-color: transparent;
}

.ui-autocomplete li a {
    color: #232323;
    font-weight: normal;
}

body.diete-edit #AlimentiTable,
body.ricette-edit #AlimentiTable {
    min-height: 200px !important;
}

    body.diete-edit #AlimentiTable .qt100,
    body.ricette-edit #AlimentiTable .qt100 {
        display: none;
    }

    body.diete-edit #AlimentiTable .mustSelect,
    body.ricette-edit #AlimentiTable .mustSelect {
        display: none;
    }

        body.diete-edit #AlimentiTable .mustSelect.sostSelected,
        body.ricette-edit #AlimentiTable .mustSelect.sostSelected {
            display: table-cell;
        }

body.diete-edit #frmcomposizione span#KCalForQtaM {
    position: absolute;
    bottom: 9px;
    right: 110%;
    width: 80px;
    text-align: right;
    color: #b3d4fc;
}

body.ricette-edit #frmcomposizione span#KCalForQtaM {
    position: absolute;
    bottom: 9px;
    left: 50px;
    width: 120px;
    text-align: left;
    color: #b3d4fc;
}

.tableNote {
    font-size: 11px;
}

#tab-container #horiz_container_inner.ricette #horiz_container,
#tab-container #horiz_container_inner.ricette {
    width: 100%;
}

    #tab-container #horiz_container_inner.ricette #horiz_container li {
        border-right: none;
    }

table.results {
    border-spacing: 0px;
    clear: both; /* float: left; */
    margin: 5px auto 0 auto;
    width: 772px; /* width: 758px !important; */
}

    table.results td {
        border-right: 1px solid #ddd;
    }

        table.results td.last {
            border-right: none;
        }

    table.results thead td {
        text-align: center;
        text-transform: none !important;
        background: #fcfaf3;
        color: #334;
    }

.fotoricetta {
    height: 240px;
    width: 350px;
    border: solid 1px #ccc;
}

#mnMenu > li {
    position: relative;
}

#mnMenu span.ico {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 11px;
    left: 6px;
}

.mainmenu ul li a {
    padding: 12px 0 0 0;
    text-indent: 39px;
}

.mainmenu ul li span.sostituz {
    position: absolute;
    bottom: 3px;
    width: 100%;
    display: block;
    left: 0;
    text-indent: 47px;
    font-size: 11px;
    color: #aaa;
    text-transform: lowercase;
}

#mnMenu span.ico {
    /*background-image: url('../sprite/MenuGray-2.png');*/
    background-image: url('../sprite/MenuWhite-2.png?vs=1');
    width: 25px;
    height: 25px;
}

#mnMenu span.icoAI {
    /*background-image: url('../sprite/MenuGray-2.png');*/
    background-image: url('../sprite/AI.png?vs=1');
    width: 25px;
    height: 25px;
}

#mnMenu li.active span.icoAI,
#mnMenu li:hover span.icoAI {
    background-image: url('../sprite/AI.png?vs=1');
}
#mnMenu span.icoAI.s1 {
    background-position: 0 0;
}


#mnMenu li.active span.ico,
#mnMenu li:hover span.ico {
    background-image: url('../sprite/MenuWhite-2.png?vs=1');
}

#mnMenu span.ico.s1 {
    background-position: 0 0;
}

#mnMenu span.ico.s2 {
    background-position: 0 -25px;
}

#mnMenu span.ico.s3 {
    background-position: 0 -75px;
}

#mnMenu span.ico.s4 {
    background-position: 0 -100px;
}

#mnMenu span.ico.s5 {
    background-position: 0 -147px;
}

#mnMenu span.ico.s6 {
    background-position: 0 -125px;
}

#mnMenu span.ico.s7 {
    background-position: 0 -50px;
}

#mnMenu span.ico.s8 {
    background-position: 0 -150px;
}

#mnMenu span.ico.s9 {
    background-position: 0 -175px;
}

#mnMenu span.ico.s10 {
    background-position: 0 -200px;
}

#mnMenu span.ico.s11 {
    background-position: 0 -225px;
}


#mnMenu .menu-label {
    color: white;
    height: 15px;
    padding-left: 5px;
    pointer-events: none;
}

    #mnMenu .menu-label.menu-label-compact {
        display: none;
        white-space: nowrap;
        font-size: 9px;
    }

.sidebar-compact #mnMenu .menu-label {
    display: none;
}

    .sidebar-compact #mnMenu .menu-label.menu-label-compact {
        display: block;
    }

body.body-compact #mnMenu .menu-label{
    display: none;
}

    body.body-compact #mnMenu .menu-label.menu-label-compact {
        display: block;
    }

#mascheraSostituzione .head {
    height: 50px;
    padding: 0;
    background-color: #f3f4f8;
    border-bottom: 1px solid #d9dade;
}

    #mascheraSostituzione .head > div {
        width: 49%;
        text-align: center;
        color: #aaaaaa;
        vertical-align: middle;
        margin-top: 20px;
        font-size: 14px;
    }

#mascheraSostituzione .alimenti-view {
    margin: 0;
}

#mascheraSostituzione .wrapper {
    margin: 0;
}

#mascheraSostituzione .nav-bottom-toolbar {
    margin: 0;
    padding: 0;
    height: 60px;
}

    #mascheraSostituzione .nav-bottom-toolbar input[type=button] {
        margin: 15px 5px 0px;
    }

#mascheraSostituzione.step1 .setStepSost1 {
    display: none;
}

#mascheraSostituzione.step1 .confermaSostituzione {
    display: none;
}

#mascheraSostituzione.step2 .setStepSost2 {
    display: none;
}

#mascheraSostituzione .stepTab {
    background-image: url('../sprite/Step.png');
    width: 20px;
    height: 26px;
    display: block;
    position: absolute;
    bottom: -23px;
    left: 50%;
}

    #mascheraSostituzione .stepTab.active {
        background-position: 0 0;
    }

    #mascheraSostituzione .stepTab.done {
        background-position: 0 -76px;
    }

    #mascheraSostituzione .stepTab.next {
        background-position: 0 -152px;
    }

#mascheraSostituzione .stepContent {
    display: none;
    padding: 0;
}

    #mascheraSostituzione .stepContent .stepCol {
    }

        #mascheraSostituzione .stepContent .stepCol .separ {
            background: url('../img/DoubleArrowHoriz.png') center center no-repeat;
            width: 100%;
            height: 50px;
        }

        #mascheraSostituzione .stepContent .stepCol .bord {
            border-left: 1px solid #f3f4f8;
            height: 80px;
            position: relative;
            left: 33px;
        }

    #mascheraSostituzione .stepContent.step1 {
        margin-top: 50px;
    }

    #mascheraSostituzione .stepContent.active {
        display: block;
    }

#mascheraSostituzione .wrapper {
    position: relative;
    width: 710px;
    height: 360px
}

#mascheraSostituzione h2 {
    width: 100%;
    text-align: center;
    margin: 30px auto 20px;
    float: none;
}

#mascheraSostituzione .lbl1 {
    font-size: 15px;
    font-weight: 400;
}

#mascheraSostituzione .lbl2 {
    font-size: 16px;
    font-weight: 600;
    color: #2a65ab;
}

#mascheraSostituzione .nav-sost {
    margin: 0;
    padding: 0;
    height: 60px;
    background: #f3f4f8;
}

    #mascheraSostituzione .nav-sost .separ {
        background: url('../img/DoubleArrowHoriz-2.png') center center no-repeat;
        height: 40px;
        margin-top: 10px;
    }

    #mascheraSostituzione .nav-sost .bord {
        margin-top: 10px;
    }

#mascheraSostituzione .tableCent {
    width: 50%;
    margin: 10px auto;
}

#mascheraSostituzione .tableMedium div.cells span input,
#mascheraSostituzione .tables input.datnutrinput {
    height: 18px;
    margin: 2px;
}

#mascheraSostituzione thead {
    font-size: 11px;
    background-color: #f8f9fb;
    color: #2b66ac;
    text-transform: uppercase;
}

    #mascheraSostituzione thead td {
        padding: 5px !important;
    }

.no-photo {
    margin-top: 80px;
    padding: 20px;
    font-size: 24px;
    text-align: center;
    color: #ddd;
}

.sfoglia {
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 6px 18px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f2f4f8;
}

    .sfoglia:hover {
        background-color: #dadce1;
    }

.sfoglia-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 16px;
    text-align: center;
}

td.preparazione:hover .sfoglia-2 {
    opacity: 0.7;
    background-color: #ccc;
}

.loading {
    background: url("../img/ajax-loader.gif") center center no-repeat;
}

#divImageRicetta.empty .sfoglia-2 {
    opacity: 1;
}

td.preparazione:hover #divImageRicetta.empty .sfoglia-2 {
    opacity: 0.7;
    background-color: transparent;
}

.subTitle {
    font-weight: bold;
}

.linkModifica .ico-edit {
    background: url("../img/ico-bg-edit-2.png") no-repeat 0px -2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
}

.linkModifica:hover .ico-edit {
    background-position-y: -32px;
}

.linkModifica:hover .text-edit {
    color: #333333;
    border-bottom-color: #333333;
}

.linkModifica .text-edit {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #358bcb;
    border-bottom: solid 1px #358bcb;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 2px;
}

a.save {
    background: url("../img/floppy.png") no-repeat 0px 0px;
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
}

    a.save:hover {
        background-position-y: -64px;
    }


a.right {
    float: right;
    margin-right: 20px;
}

a.midright {
    float: right;
    margin-right: 9px;
    margin-top: 0px;
}

.generaAlimento .ico-edit {
    background: url("../img/ico-bg-genera.png") no-repeat 0px -2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
}

.generaAlimento:hover .ico-edit {
    background-position-y: -32px;
}

.generaAlimento:hover .text-edit {
    color: #333333;
    border-bottom-color: #333333;
}

.generaAlimento .text-edit {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #358bcb;
    border-bottom: solid 1px #358bcb;
    display: inline-block;
    position: relative;
    top: -4px;
    margin-left: 2px;
}

.fancybox-opened .fancybox-title {
    visibility: hidden;
}




/* TEMP */

dt {
    margin: 0 1px 0 1px;
    position: relative;
    top: -1px;
    border-top: 1px solid;
}

    dt b {
        margin: 0 1px 0 1px;
        position: relative;
        top: -2px;
        display: block;
        border-top: 1px solid;
    }

dd {
    margin: 0 1px 0 1px;
    position: relative;
    bottom: -1px;
    border-bottom: 1px solid;
}

.dd-content {
    margin: 0 1px 0 1px;
    position: relative;
    bottom: -2px;
    border-bottom: 1px solid;
}

/*.box1 {
 background-color:#c7ac7a;}

.box1 dt {
 border-top-color: #c7ac7a;}

.box1 dt b {
 border-top-color: #c7ac7a;
 font-size:120%;
 padding:10px;}

.box1 dd {
 border-bottom-color: #c7ac7a;}

.box1 .dd-content {
 border-bottom-color: #c7ac7a;
 padding:10px;}*/

.divContainer {
    display: none;
    padding-left: 10px;
    padding-right: 10px;
}

.box1 {
    background-color: #a6583a;
    color: #fff;
    border-left: 1px solid #e99271;
    border-right: 1px solid #793117;
}

    .box1 dt {
        border-top-color: #be785c;
        margin: 0;
    }

        .box1 dt b {
            padding: 10px;
            border-top-color: #ffb794;
        }

    .box1 dd {
        border-bottom-color: #873d22;
        margin: 0;
    }

    .box1 .dd-content {
        border-bottom-color: #793117;
        padding: 10px;
    }

.printDialog .radioSel {
    display: block;
    margin-bottom: 2px;
}

.printDialog .checkSel {
    margin-right: 15px;
}

/*html.touch.webkit-appearance.csstransforms*/ .fancybox-wrap {
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.pzshow {
}

.pzedit {
}

.hide {
    display: none !important;
}

.hideDisabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

#linkNews {
    font-size: 15px;
    color: #666;
}

    #linkNews:hover {
        color: #2A65AB;
    }


#ZmIn {
    content: url(../sprite/zoomingray.png);
}

    #ZmIn:hover {
        content: url(../sprite/zoomin.png);
    }

#ZmOut {
    content: url(../sprite/zoomoutgrey.png);
}

    #ZmOut:hover {
        content: url(../sprite/zoomout.png);
    }

#nfo {
    content: url(../img/infog.png);
}

    #nfo:hover {
        content: url(../img/infob.png);
    }

.nfo {
    content: url(../img/info.png);
}

    .nfo:hover {
        content: url(../img/info-hover.png);
    }

/*Aggiunte per gestione Gold*/

.item-disabled {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.6;
}

.tooltip {
    padding: 7px !important;
    /*background-color: #2b66ac !important;*/
    opacity: 0.95 !important;
}

.tooltip-content {
    /*color: #fff !important;*/
    font-size: 12px !important;
    max-width: 450px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*font-weight: bold;*/
}


table.table-style td div.description,
table.dataTable td div.description {
    max-width: 300px;
    overflow: hidden;
}


/*Aggiunte per nuove tabelle di presentazione e modifica alimenti*/

td.cheaf {
    font-weight: bold;
    width: 145px;
    height: 20px;
}

td.slave {
    padding-left: 15px !important;
    height: 20px;
}

td.um {
    width: 15px;
    height: 20px;
}

td.umc {
    width: 15px;
    font-weight: bold;
    height: 20px;
}

td.val {
    width: 30px;
    text-align: right !important;
    height: 20px;
}

td.valc {
    width: 30px;
    font-weight: bold;
    text-align: right !important;
    height: 20px;
}

a.begin-premium {
    text-decoration: underline !important;
    color: #2b66ac !important;
    font-weight: bold;
}

    a.begin-premium:hover {
        color: #555 !important;
    }

#DocPreviewLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    background-color: #eee;
    color: #fff;
    opacity: 1;
    z-index: 50;
}

    #DocPreviewLayer > .doc-preview-toolbar {
        position: fixed;
        display: block;
        top: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        border: none;
        text-align: center;
        z-index: 1;
    }

        #DocPreviewLayer > .doc-preview-toolbar > .doc-preview-toolbar-cmd {
            display: inline-block;
            padding: 4px 8px;
            line-height: 20px;
            background-color: #eb903f;
            border: none;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
            cursor: pointer;
            opacity: 0.9;
        }

            #DocPreviewLayer > .doc-preview-toolbar > .doc-preview-toolbar-cmd:hover {
                opacity: 0.6;
                /*background-color: #eb903f;*/
            }

            #DocPreviewLayer > .doc-preview-toolbar > .doc-preview-toolbar-cmd.cmd-print {
                background-color: #2b66ac;
            }

                #DocPreviewLayer > .doc-preview-toolbar > .doc-preview-toolbar-cmd.cmd-print:hover {
                    /*background-color: #55c;*/
                }

    #DocPreviewLayer > iframe {
        width: 100%;
        height: 100%;
        border: none;
        background-color: #fff;
    }

#unload-page-layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.9;
    background-color: #fff;
    z-index: 999999999999;
}

    #unload-page-layer .unload-page-message {
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: #000;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        display: block;
        background: url('../../Content/img/ajax-loader-2.gif') no-repeat;
        width: 62px;
        height: 62px;
    }

.loading-gif-cursor {
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/* menu left */
#timeChatFooter {
    position: fixed;
    bottom: 25px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    width: 168px;
}

body.body-compact #sidebarMenu #timeChatFooter,
body.sidebar-compact #sidebarMenu #timeChatFooter {
    display: none;
}


#sidebarMenu #linkVerde {
    margin-top: 20px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #5091ca;
}

#sidebarMenu #menuLinkChat {
    margin-top: 45px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #eb903f;
    line-height: 24px;
    cursor: pointer;
    position: absolute;
    left: 15px;
}

body.body-compact #sidebarMenu #menuLinkChat,
body.sidebar-compact #sidebarMenu #menuLinkChat {
    left: 0;
}


.beta-logo-menu {
    position: absolute;
    bottom: 7px;
    right: 10px;
    width: 24px;
}


body.body-compact .beta-logo-menu,
body.sidebar-compact .beta-logo-menu {
    display: none;
}

#sidebarMenu #menuLinkChat .menu-chat-icon {
    display: inline-block;
    width: 31px;
    height: 31px;
    background-image: url(../img/chat.png);
    background-size: 100%;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: 3px;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}

#sidebarMenu #menuLinkChat .menu-chat-text {
    display: inline-block;
    vertical-align: top;
}

#sidebarMenu #menuLinkChat .timetable {
    font-size: 10px;
    position: relative;
    top: -18px;
    left: 14px;
    color: #fff;
    text-align: center;
}

#sidebarMenu .telefono-assistenza,
#sidebarMenu .telefono-assistenza a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

body.sidebar-compact #sidebarMenu #linkVerde,
body.body-compact #sidebarMenu #linkVerde {
    position: absolute;
    bottom: 4px;
    left: 4px;
}

/*body.sidebar-compact #menuLinkChat,
body.body-compact #menuLinkChat
{
    position: absolute;
    bottom: 200px;
    left: 7px;
}*/

body.sidebar-compact #menuLinkChat .menu-chat-text,
body.body-compact #menuLinkChat .menu-chat-text,
body.sidebar-compact #menuLinkChat .timetable,
body.body-compact #menuLinkChat .timetable,
body.sidebar-compact .telefono-assistenza,
body.body-compact .telefono-assistenza {
    display: none !important;
}

#sidebarMenu #linkSupporto {
    margin-top: 10px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #5091ca;
}

    #sidebarMenu #linkSupporto:hover {
        color: #2A65AB;
    }

#sidebarMenu .numero-verde-large {
    display: inline-block;
    width: 115px;
}

#sidebarMenu .numero-verde-small {
    display: none;
    width: 25px;
    padding: 2px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    border: 1px solid #2d69af;
}

body.sidebar-compact #sidebarMenu #linkSupporto,
body.body-compact #sidebarMenu #linkSupporto {
    display: none;
}

body.sidebar-compact #sidebarMenu .numero-verde-large,
body.body-compact #sidebarMenu .numero-verde-large {
    display: none;
}

body.sidebar-compact #sidebarMenu .numero-verde-small,
body.body-compact #sidebarMenu .numero-verde-small {
    display: inline-block;
}

body.sidebar-compact #sidebarMenu #linkVerde:hover .numero-verde-large,
body.body-compact #sidebarMenu #linkVerde:hover .numero-verde-large {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: inline-block;
    width: 115px;
    padding: 10px;
    background-color: #f2f4f8;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*.btn-inv,
.btn-inv:hover
{
    background-color: transparent;
}*/
.btn-inv {
    background-color: #fcfaf3;
    border: 1px solid lightgray;
}

    .btn-inv:hover {
        background-color: #c0c0c0;
    }

    .btn-inv .cmd-btn-text {
        /*display: none;*/
        color: gray;
    }

    .btn-inv .cmd-btn-icon {
        background-image: url(../new-layout/NewLayoutSprite-16-Gray.png);
    }

        .btn-inv .cmd-btn-icon:hover {
            opacity: 0.8;
        }

/*table.dataTable thead th div.DataTables_sort_wrapper {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}*/

table.dataTable thead th shPointer {
    cursor: pointer;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #744949cc !important;
}
.mr-unit-measure{
    margin-left:-5px;
}

.item-content {
}

.item-content.item-content-maxw{
    
}

.item-content select
{
    font-size: 11px !important;
    max-width: 340px;
}

.item-content input:disabled
{
    background-color: #f0f0f0 !important;
}


.item-content.read {
    /*border: 1px solid #F2F4F8;*/
}

.item-content div.col{
    float: left;
}
.item-content div.col-50{
    width: 55%;
    max-width: 900px;
}

.item-content div.col-65-min {
    min-width: 540px;
}

.item-content div.col-75-min{
    min-width: 640px;
}

.item-content div.col-50-min {
    min-width: 400px;
}

.item-content div.col-50-min-height-1 .item-content-div
{
    min-height: 360px;
}

@media(max-width: 1199px) {
    .item-content div.col-50 {
        width: 50%;
    }

    .item-content div.col-65-min {
         min-width: 400px;
    }
}

@media(max-width: 500px) {
    .item-content div.col-50-min {
        min-width: 0px;
        width: 100%;
    }

    .item-content div.col-65-min {
        min-width: 0px;
        width: 100%;
    }
}



.item-content div.col-10,
.item-content td.col-10,
.item-content th.col-10 {
    width: 10%;
}
.item-content div.col-15,
.item-content td.col-15,
.item-content th.col-15{
    width: 15%;
}
.item-content div.col-20,
.item-content td.col-20,
.item-content th.col-20 {
    width: 20%;
}
.item-content div.col-30,
.item-content td.col-30,
.item-content th.col-30 {
    width: 30%;
}
.item-content div.col-40,
.item-content td.col-40,
.item-content th.col-40 {
    width: 40%;
}

.item-content div.col-50w{
    width: 50%;
}
    .item-content div.col-60,
    .item-content td.col-60,
    .item-content th.col-60 {
        width: 60%;
    }

    .item-content div.col-70,
    .item-content td.col-70,
    .item-content th.col-70 {
        width: 70%;
    }

    .item-content div.col-25,
    .item-content td.col-25,
    .item-content th.col-25 {
        width: 25%;
    }


.item-content div.col-100{
    width: 100%;
}

.item-content div.col-misurazioni {
    width: 100%;
    max-width: 1000px;
}

.item-content div.field-col-33 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.item-content div.field-col-auto {
    margin: 0 10px;
    display: inline-block;
    vertical-align: top;
}

@media(max-width: 1450px)
{
    .field-col-auto-man
    {
        display: none!important;
    }
}

@media(min-width: 1310px)
{
    .item-content div.col-misurazioni {
        width: auto;
    }

    .item-content div.col-misurazioni-left {
        
    }

    .item-content div.col-misurazioni-right {

    }

    .item-content div.col-misurazioni > .item-content-div {

    }    
}

@media(max-width: 1310px) {
    .field-col-misurazioni {
        display: grid !important;
        grid-template-columns: 50% 50%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .col-misurazioni-right
    {
        width: 100%;
    }
}

.item-content div.field{
    position: relative;
    margin-bottom: 4px;
    padding: 2px 6px;
}

.item-content div.field textarea{
    box-sizing: border-box;
    width: 100%;
    min-height: 200px;
    background: transparent;
    border: 1px solid transparent;
}

/*.item-content.read div.field{
    margin-bottom: 0;
}*/

.item-content div.field label{

    display: inline-block;
}

.item-content div.field input[type=text],
.item-content div.field input[type=email]{
    width: 200px;
}

.item-content div.fieldlarge input[type=text],
.item-content div.fieldlarge input[type=email]{
    width: 410px;
}


.item-content div.field label[for=Note]{
    display: block !important;
}

.item-content .col.col-50 textarea,
.item-content .col.col-100 textarea{
    display: block;
    width: 98%;
}

.item-content .col.col-100 textarea.note{
    
}

.item-content.item-content-fem .item-content-div {
    min-height: 370px;
}

/*.item-content.read .col.col-100 textarea{
    padding: 0;
}*/
.item-content textarea {
    min-height: 200px;
    resize: none;
}

.item-content textarea.note{
    min-height: 60px;
}

    .item-content .field a.goto {
        background-image: url(../img/ico-bg-goto.png);
    }

    .item-content .field a.goto:hover {
        background-position: -4px 24px;
    }

.item-content .field a.edit {
    background-image: url(../img/ico-bg-edit.png);
}
.item-content .field a.edit:hover  {
    background-position: -4px 24px;
}
.item-content .field a.add {
    background-image: url(../img/ico-bg-add.png);
}
.item-content .field a.add:hover  {
    background-position: -4px 24px;
}
.item-content .field a.delete {
    background-image: url(../img/ico-bg-delete.png);
}
.item-content .field a.delete:hover  {
    background-position: -4px 24px;
}
.item-content .field a.convert {
    background-image: url(../img/ico-bg-convert.png);
}
.item-content .field a.convert:hover {
    background-position: -4px 24px;
}

.item-content .field a.action-btn {
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 19px;
    float: left;
    text-indent: -9999em;
    width: 19px;
}

.item-content.read .field label,
.item-content.read td label
{
    font-weight: bold;
    display: inline !important;
}

.item-content.read.item-content-maxw .field label,
.item-content.read.item-content-maxw td label
{
    border-right: 1px solid #ece4e4;
    line-height: 2;
    margin-right: 5px;
}

.item-content .field label,
.item-content td label
{
    font-size: 11px;
}

.item-content .field label.for-textarea{
    display: inline-block !important;
    width: 100px;
    vertical-align: top;
}

.item-content .field label.fix-wid
{
    display: inline-block !important;
    width: 125px;
}

.item-content .field label.fix-wid2
{
    display: inline-block !important;
    width: 95px;
    text-align: left;
    padding-left: 10px
}

.item-content .field label.fix-wid3
{
    display: inline-block !important;
    width: 110px;
}

.item-content .field label.fix-wid4
{
    display: inline-block !important;
    width: 150px;
}


.item-content .field label.fix-widlrg
{
    display: inline-block !important;
    width: 200px;
}

.item-content .field label.fix-widsml
{
    display: inline-block !important;
    width: 25px;
    color:#999999;
}

.item-content .field label.fix-widsml2
{
    display: inline-block !important;
    width: 40px;
}

.item-content .field label.fix-wid-sx-dx
{
    display: inline-block !important;
    width: 45px;
    text-align: center;
    padding: 0 3px;
    color: #999;
    font-size: 10px;
}

.item-content.read input[type=text],
.item-content.read input[type=email],
.item-content.read textarea{
    /*border: 1px solid transparent;*/
    background-color: transparent !important;
    /*padding-left: 0;*/
}

.item-content.read textarea {
    background-color: white !important;
}

.item-content.read input[type=text].backgr,
.item-content.read input[type=email].backgr
{
    /*background-color: #f0f0f0 !important;*/
}

.field-group-label{
    margin-bottom: 10px;
}

.field-group-label label{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #94b4cc;
}

.item-content.read .select{
    display: none;
}

.item-content.edit .label-select{
    display: none;
}

.item-content .list-items{
    /*height: 100px;*/
    padding-left: 15px;
}

.item-content .list-items .item{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.item-content .list-items .item label{
    position: relative;
    top: -2px;
}

.item-content div.col-50.input-short label{
    width: 180px;
}

.item-content div.col-50.input-short input[type=text]{
    width: 120px;
}

.item-content .icon-medical
{
    position: absolute;
    top: 33px;
    left: 10px;
}

.item-content .icon-medical-right {
    left: auto;
    right: 20px;
}

.campi-calcolati-container {
    text-align: center;
    padding: 10px;
}

.campi-calcolati-container.first {
    /*border-bottom: 1px solid #ccc;*/
}

.campo-calcolato-field
{
    text-align: center;
    display: inline-block;
    margin: 0 10px 20px;
    position: relative;
}

.campo-calcolato-field .campo-calcolato
{
    width: 110px;
    height: 110px;
    text-align: center;
    border-radius: 110px;
    background-color: #aaa !important;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.campo-calcolato-field .campo-calcolato.campo-calcolato2 {
    background-color: #fff !important;
    border: 1px solid #ccc;
    color: #334;
}

.campo-calcolato-field .campo-calcolato-m
{
    background-color: #9cf !important;
}

.campo-calcolato-field .campo-calcolato-f
{
    background-color: #fbb !important;
}

.campo-calcolato-field .campo-calcolato-peso-ideale-f,
.campo-calcolato-field .campo-calcolato-peso-ideale-m
{
    background-color: #fff !important;
    color: #334;
}

.campo-calcolato-field .campo-calcolato-peso-ideale-m
{
    border: 1px solid #9cf !important;
}

.campo-calcolato-field .campo-calcolato-peso-ideale-f
{
    border: 1px solid #fbb !important;
}

.campo-calcolato-field .campo-calcolato-target {
    border-radius: 0;
    width: 200px;
    height: 60px;
    font-size: 24px;
}

.control-items-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    padding: 2px 5px;
    justify-content: center;
}

.control-item-container {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fbfbfb;
}

.field-round {
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 120px;
    background-color: #ddd;
    border: 2px solid #334;
    color: #334;
    /*font-weight: bold;*/
    font-size: 15px;
    position: relative;
    margin: 10px auto 0px;
}

.field-round.field-round-pro{
    border-color: red !important;
}

.field-round.field-round-glu {
    border-color: lightgreen !important;
}

.field-round.field-round-lip {
    border-color: yellow !important;
}

.field-round.field-round-alc {
    border-color: lightblue !important;
}

.field-round .field-round-content{
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
}

.field-round input {
    color: #334;
    font-weight: bold;
    font-size: 15px;
    width: 50px;
    text-align: center;
    display: inline-block;
    background-color: #ddd;
    /*border: 1px solid #ccc;*/
}

.field-round input:disabled
{
    background-color: transparent !important;
    border: none;
}

.field-round-2
{
    background-color: #fff;
}

.field-round-2 input {
    background-color: #fff;
    border-color: #fff;
}

.field-container {
    display: inline-block;
    text-align: center;
    margin: 0 10px 20px;
    position: relative;
}

.field-container label {
    margin-bottom: 5px;
    display: block;
}
/*
.icon-help-compute,
.icon-info-compute {
    display: inline-block;
    background-color: #858595;
    color: #fff;
    width: 13px;
    height: 13px;
    line-height: 13px;
    border-radius: 9px;
    text-align: center;
    margin-top: 3px;
    text-indent: 0;
    border: 1px solid transparent;
}

.icon-help-compute::before
{
    content: '?';
    font-weight: normal;
}

.icon-info-compute::before
{
    content: 'i';
    font-weight: normal;
}
    */
.icon-help-want-show
{
    border: 1px solid #eb903f !important;
    background-color: #fbc06f !important;
}
/*
.icon-info-compute {
    background-color: #fff;
    color: #858595;
    border-color: #858595;
}
    */
/* tabs */
.tabs-header,
.tabs-scroller-left,
.tabs-scroller-right,
.tabs-tool,
.tabs,
.tabs-panels,
.tabs li a.tabs-inner,
.tabs li.tabs-selected a.tabs-inner,
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner,
.tabs-header-left .tabs li.tabs-selected a.tabs-inner,
.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
    border: none;
    background: none;
    background-color: transparent;
    border-color: transparent;
}

.tabs-header
{
    position: relative;
    top: 1px;
}

ul.tabs
{
    display: block;
    height: 33px !important;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

ul.tabs > li
{
    margin: 0;
    margin-right: 5px;
    padding: 5px 8px 4px 10px;
    border: 1px solid #ddd;
}

ul.tabs > li.selected
{
    border-bottom: 1px solid #fff;
}

ul.tabs > li > a
{
    color: #334 !important;
    display: block;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

ul.tabs .tabs-title
{
    font-size: 11px;
    display: block;
    line-height: 30px;
    border-bottom: 3px transparent solid !important;
    position: relative;
    top: -3px;
    padding-left: 6px;
    padding-right: 6px !important;
}

.tabs li.tabs-selected .tabs-title,
.tabs li:hover .tabs-title
{
    color: #3C75BC !important;
}

ul.tabs .tabs-p-tool
{
    display: none;
}

ul.tabs li a.tabs-close
{
    top: 9px;
    right: 2px;
    color: #333;
}

.tabs .tabs-title span.count
{
    color: #fff;
    background-color: #2b66ac;
    border-radius: 11px;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    text-align: center;
    margin-left: 4px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9px;
    width: 14px;
}

body#body_showPaziente .maincontent .tab-container.h-410
{
    min-height: 430px;
    max-height: 430px;
    height: 430px;
}

body#body_showPaziente .maincontent .tab-container.h-520
{
    min-height: 512px;
    max-height: 512px;
    height: 512px;
}

.head-td
{
    background-color: #ddd;
    text-align: center;
}

.left-head-td
{
    background-color: #eee;
}

.left-head-td label
{
    display: block;
    width: 130px;
}

.number-grid input[type=text]
{
    width: 90px;
}

.item-content div.field input[type=text].with-unit
{
    width: 120px;
}

.item-content div.field input[type=text].unit-field
{
    width: 80px;
}

.item-content div.field input[type=text].unitmiddle-field
{
    width: 90px;
    text-align: center;
}

.item-content div.field input[type=text].unitmiddle1-field
{
    width: 168px;
    text-align: center;
}
.item-content div.field input[type=text].unitmiddle3-field
{
    width: 118px;
    text-align: center;
}


.item-content div.field input[type=text].unitmiddle2-field,
.item-content td input[type=text].unitmiddle2-field
{
    width: 45px;
    text-align: center;
}

.item-content div.field input[type=text].numeric-field,
.item-content td input[type=text].numeric-field
{
    width: 45px;
    text-align: right;
}

.item-content div.field input[type=text].numeric-field2,
.item-content td input[type=text].numeric-field2
{
    width: 90px;
    text-align: right;
}

.item-content div.field input[type=text].text-field,
.item-content div.field input[type=email].text-field,
.item-content td input[type=text].text-field
{
    width: 120px;
    text-align: left;
}

.item-content div.field input[type=text].text-field.pzshow2,
.item-content div.field input[type=email].text-field.pzshow2,
.item-content td input[type=text].text-field.pzshow2
{
    width: 180px;
}

.item-content select
{
    background: none;
}

.item-content select.pzshow2
{
    width: 128px;
}

.esami-si {
    /*
    display: block;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
       */
    max-width: 640px;
}

@media(min-width: 1400px)
{
    .esami-si
    {
        /*display: inline-block;*/
        /*vertical-align: top;*/
        /*width: 46%;*/
        /*margin-right: 20px;*/
    }
}

.esami-no
{
    display: none;
}

.item-content .action-btn {
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 19px;
    float: left;
    text-indent: -9999em;
    width: 19px;
}

.item-content .action-btn { background-position: center -5px; cursor: pointer; display: block; height: 19px; float: left; text-indent: -9999em; width: 19px; }

.item-content .action-btn:hover { background-position: center -35px; }

.item-content .action-btn.delete {
    background-image: url('../img/ico-bg-delete.png');
}

.add-esame-container
{
    width: 771px;
    position: relative;
    left: 1px;
}

.add-esame-container.closed
{
    bottom: -95px;
    transition-property: bottom;
    transition-duration: 0.25s;
}

.add-esame-container.opened
{
    bottom: 0px;
    transition-property: bottom;
    transition-duration: 0.25s;
}

.add-esame-container .cont-head
{
    padding: 4px 10px;

    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;

    border: 1px solid #2B66AC;
    background: #2b66ac;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNjZhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNThiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2b66ac 0%, #358bcb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b66ac), color-stop(100%,#358bcb));
    background: -webkit-linear-gradient(top,  #2b66ac 0%,#358bcb 100%);
    background: -o-linear-gradient(top,  #2b66ac 0%,#358bcb 100%);
    background: -ms-linear-gradient(top,  #2b66ac 0%,#358bcb 100%);
    background: linear-gradient(to bottom,  #2b66ac 0%,#358bcb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b66ac', endColorstr='#358bcb',GradientType=0 );

    cursor: pointer;

    position: relative;
}

.add-esame-container .cont-head:hover {
    background: #2B66AC;
}

.add-esame-container .cont-head .x-close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 10px;
}

.add-esame-container .cont-head .x-close:hover {
    background: #2B66AC;
}

.add-esame-container.closed .cont-head .x-close {
    display: none;
}

.add-esame-container.closed span.open
{
    display: inline;
}

.add-esame-container.closed span.close
{
    display: none;
}

.add-esame-container.opened span.open
{
    display: none;
}

.add-esame-container.opened span.close
{
    display: inline;
}

.add-esame-container .cont-body {
    background-color: #fff;
    height: 84px;
    padding: 10px 0 0 10px;
    border-left: 1px solid #D8DADD;
    border-bottom: 1px solid #D8DADD;
}

.add-esame-container .cont-add {
    position:absolute;
    right: 0;
    top: 27px;
    font-size: 60px;
    border-top: 0px;
    border-radius: 0px;
}

.panel-esami .td-pos-1
{
    width: 250px;
}

.panel-esami th.td-pos-1 {
    font-size: 11px;
    color: #2b66ac;
    text-transform: uppercase;
}

.panel-esami .td-pos-2
{
    width: 70px;
}

.panel-esami .td-pos-3
{
    width: 70px;
}

.maincontent .tab-container.no-mg-bottom
{
    margin-bottom: 0px;
}

.gruppo-esame-title
{
    display: inline-block;
    width: 50px;
}

.add-esame-container select {
    width: 150px;
    display: inline-block;
    margin-right: 20px;
}

.add-esame-container .cont-body > div {
    margin: 5px;
}

.item-content.read .action-btn.delete
{
    display: none;
}

.input-val-esami
{
    display: inline-block;
}

.input-val-esami span
{
    display: inline-block;
    margin-right: 10px;
}

.input-val-esami input
{
    display: inline-block;
    margin-right: 10px;
    width: 90px;
}

.presenza-esami
{
    display: none;
}

.nessun-esame
{
    display: block;
    width: 640px;
}

.item-content td.separator {
    width: 63px;
}

.item-content td.td-45 {
    width: 45px;
}

.item-content td.td-100 {
    width: 100px;
}

.item-content .field label.head-45
{
    display: inline-block !important;
    background-color: #ddd;
    text-align: center;
    width: 48px !important;
}


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

GRAPH by CSS3 & JQUERY

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

/* Resets */
.graph-container,
.graph-container div,
.graph-container a,
.graph-container span {
	margin: 0;
	padding: 0;
}

/* Gradinet and Rounded Corners */
.graph-container, #tooltip, .graph-info a {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*  Graph Container */
.graph-container {
	position: relative;
	width: 340px;
	height: 200px;
	padding: 20px;
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
	box-shadow: 0px 1px 2px rgba(0,0,0,.1);
}

.graph-container > div {
	position: absolute;
	width: inherit;
	height: inherit;
	top: 10px;
	left: 25px;
}

.graph-info {
	width: 380px;
	margin-bottom: 10px;
}

/* Text Styles */
#tooltip, .graph-info a {
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #646464;
}

.tickLabel {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

/* Tooltip */
#tooltip {
	position: absolute;
    z-index: 2500;
	display: none;
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
}

/* Links */
.graph-info a {
	position: relative;
	display: inline-block;
	float: left;
	padding: 7px 10px 5px 30px;
	margin-right: 10px;
	text-decoration: none;
	cursor: default;
}

/* Color Circle for Links */
.graph-info a:before {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	top: 13px;
	left: 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Colors For each Link */
.graph-info .ree { border-bottom: 2px solid #FF0E0A; }
.graph-info .mbi { border-bottom: 2px solid #05056D; }
.graph-info .subs { border-bottom: 2px solid #008800; }

.graph-info .ree:before { background: #FF0E0A; }
.graph-info .mbi:before { background: #05056D; }
.graph-info .subs:before { background: #008800; }

/* Lines & Bars Buttons */
#lines, #bars {
	width: 34px;
	height: 32px;
	padding: 0;
	margin-right: 0;
	margin-left: 10px;
	border-bottom: 2px solid #71c73e;
	float: right;
	cursor: pointer;
}

#lines.active, #bars.active {
	background: #82d344;
	background: -moz-linear-gradient(top,  #82d344 0%, #71c73e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d344), color-stop(100%,#71c73e));
	background: -webkit-linear-gradient(top,  #82d344 0%,#71c73e 100%);
	background: -o-linear-gradient(top,  #82d344 0%,#71c73e 100%);
	background: -ms-linear-gradient(top,  #82d344 0%,#71c73e 100%);
	background: linear-gradient(to bottom,  #82d344 0%,#71c73e 100%);
}

#lines span, #bars span {
	display: block;
	width: 34px;
	height: 32px;
	background: url('../img/lines.png') no-repeat 9px 12px;
}

#bars span { background: url('../img/bars.png') no-repeat center 10px; }

#lines.active span { background-image: url('../img/lines_active.png'); }
#bars.active span { background-image: url('../img/bars_active.png'); }

/* Hide the First and Last Y Label */
.yAxis .tickLabel:first-child,
.yAxis .tickLabel:last-child { display: none; }

/* Clear Floats */
.graph-info:before, .graph-info:after,
.graph-container:before, .graph-container:after {
	content: '';
	display: block;
	clear: both;
}

#graph-wrapper {
    width:220px;
    margin:0 15px;
    padding-top:0px
}

#Filler {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
}
#dlgGrafico {
  position: absolute;
  width: 410px;
  height: 350px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  background: silver;
}

/* paziente */
.dashboard-paziente
{
    padding: 10px 20px;
}

.dashboard-paziente-item
{
    background-color: #fff;
    margin-top: 20px;
    /*border: 1px solid #ccc;*/
    box-shadow: 1px 2px 3px #ddd;
    text-align: center;
}

.dashboard-paziente-title
{
    font-size: 15px;
    line-height: 24px;
    padding: 4px;
    position: relative;
    background-color: #fcfaf3;
    text-align: left;
}

.dashboard-paziente-title span
{
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.dashboard-paziente-item table {
    border-spacing: 0;
    border-collapse: collapse;
}

.dashboard-paziente-title.visite span
{
    background: url('../../Content/img/paziente/visite.png')
}

.dashboard-paziente-title.anagrafica span
{
    background: url('../../Content/img/paziente/anagrafica.png')
}

.dashboard-paziente-title.diete span
{
    background: url('../../Content/img/paziente/diete.png')
}

.dashboard-paziente-title.documenti span
{
    background: url('../../Content/img/paziente/documenti.png')
}

.dashboard-paziente-title.visite
{
    /*color: #A1C40C;*/
    color: #334;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.dashboard-paziente-title.anagrafica
{
    /*color: #DFBA0C;*/
    color: #334;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.dashboard-paziente-title.diete
{
    /*color: #F88718;*/
    color: #334;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.dashboard-paziente-title.documenti
{
    /*color: #1884f8;*/
    color: #2b66ac;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.dashboard-paziente-item-content
{
    padding: 10px;
    min-height: 200px;
    position: relative;
    text-align: left;
}
#tab-container
{
    /*height: 448px;*/
    min-height: initial;
    max-height: initial;
}

#pastoDisplay
{

}

#pastoDisplay .pasto-main-head > div
{
    display: inline-block;
    text-align: center;
    width: 49%;
    font-size: 12px;
    color: #666;
}

/* table */
#pastoDisplay .pasto-content > table
{
    width: 755px;
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 12px;
    padding: 0;
    cursor: default;
}

#pastoDisplay .pasto-content > table > thead
{
    background-color: #F8F9FB;
    color: #333;
    font-weight: bold;
}

#pastoDisplay .pasto-content > table > thead td
{
    text-align: center;
    border: 1px solid #ddd;
    background: #fcfaf3;
    padding: 7px;
}

#pastoDisplay .pasto-content.pasto-content-body
{
    overflow-y: auto;
    max-height: 290px;
    /*border-bottom: 1px solid #ddd;*/
}

#pastoDisplay .pasto-content.pasto-content-body-display
{
    overflow-y: auto;
    border-bottom: 1px solid #ddd;
}


#pastoDisplay .pasto-content.pasto-content-head > table
{
    position: relative;
    top: 4px;
}

#pastoDisplay .pasto-content .row-main > td
{
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
}

#pastoDisplay .pasto-content .row-main > td.col-main
{
    padding: 8px 4px;
    vertical-align:top;
}

#pastoDisplay .pasto-content .row-main > td.col-main-edit
{
    padding: 0 4px;
}
#pastoDisplay .pasto-content .row-main.altern-0
{
    background-color: #f6f6f6;
}

#pastoDisplay .pasto-content .row-main.altern-1
{
    background-color: #fff;
}

.pasti-container .row-main.altern-0 {
    /*background-color: #f9f9f9;*/
}
.pasti-container .row-main.altern-1 {
    background-color: #fff;
}

.analisi-container .row-main.altern-0 {
    background-color: #f6f6f6;
}

.analisi-container .row-main.altern-1 {
    background-color: #fff;
}

.pasto-container .row-main
{
    border-bottom: 2px dotted #ccc;
}

.pasto-container .row-main:last-child {
    border-bottom: none;
}

.row-second:last-child > td {
    border-bottom: none;
}

/*#pastoDisplay .pasto-content .row-main:hover
{
    background-color: #eee;
}*/
#pastoDisplay .pasto-content .row-second {
    border-bottom: 1px solid #eee;
}

#pastoDisplay .pasto-content .row-second.last
{
    border-bottom: none;
}

#pastoDisplay .pasto-content .row-second.altern-0
{
    color: #333;
}

#pastoDisplay .pasto-content .row-second.altern-1
{
    color: #22a;
}

#pastoDisplay .pasto-content .row-second:hover
{
    background-color: #ddd;
    color: #000;
}


#pastoDisplay .pasto-content table.table-second
{
    border-collapse: collapse;
    height: 100%;
}

#pastoDisplay .pasto-content .row-second > td
{
    border-right: 1px solid #ddd;
    padding-left: 4px;
    height: 30px;
}

#pastoDisplay .pasto-content .row-second > td.last
{
    border-right: none;
}

/* end table */

/* add */
#pastoDisplay .add-alimento-container
{
    position: absolute;
    bottom: 0;
    height: 130px;
    width: 100%;

    -webkit-transition: height 0.25s ease-in;
    -moz-transition: height 0.25s ease-in;
    -ms-transition: height 0.25s ease-in;
    -o-transition: height 0.25s ease-in;
    transition: height 0.25s ease-in;
}

#pastoDisplay .add-alimento-container .inner
{
    border: 1px solid #ddd;
}

#pastoDisplay .add-alimento-container.closed
{
    height: 28px;
}

#pastoDisplay .add-alimento-header
{
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;

    padding: 5px 13px;
    cursor: pointer;

    background: -moz-linear-gradient(top,  #2b66ac 0%, #358bcb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b66ac), color-stop(100%,#358bcb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2b66ac 0%,#358bcb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2b66ac 0%,#358bcb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2b66ac 0%,#358bcb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2b66ac 0%,#358bcb 100%); /* W3C */
}

#pastoDisplay .add-alimento-container .close-add
{
    display: inline;
}

#pastoDisplay .add-alimento-container .open-add
{
    display: none;
}

#pastoDisplay .add-alimento-container.closed .close-add
{
    display: none;
}

#pastoDisplay .add-alimento-container.closed .open-add
{
    display: inline;
}

#pastoDisplay .add-alimento-container.mode-add .mode-add-title
{
    display: inline;
}

#pastoDisplay .add-alimento-container.mode-add .mode-edit-title
{
    display: none;
}

#pastoDisplay .add-alimento-container.mode-edit .mode-add-title
{
    display: none;
}

#pastoDisplay .add-alimento-container.mode-edit .mode-edit-title
{
    display: inline;
}

#pastoDisplay .add-alimento-container .add-alimento-fields
{
    background-color: #fff;
    height: 100px;
    -webkit-transition: height 0.25s ease-in;
    -moz-transition: height 0.25s ease-in;
    -ms-transition: height 0.25s ease-in;
    -o-transition: height 0.25s ease-in;
    transition: height 0.25s ease-in;
    padding-top: 5px;
}

#pastoDisplay .add-alimento-container.closed .add-alimento-fields
{
    height: 0;
}

#pastoDisplay .cmd-edit
{
    background-image: url(../img/ico-bg-edit.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 19px;
    width: 13px;
}

#pastoDisplay .cmd-edit:hover
{
    background-position: center -35px;
}

#pastoDisplay .cmd-up
{
    background-image: url(../img/ico-up.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 10px;
    width: 19px;
}

#pastoDisplay .cmd-up:hover
{
    background-image: url(../img/ico-up-hover.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 10px;
    width: 19px;
}

#pastoDisplay .cmd-down
{
    background-image: url(../img/ico-down.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 10px;
    width: 19px;
}

#pastoDisplay .cmd-down:hover
{
    background-image: url(../img/ico-down-hover.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 10px;
    width: 19px;
}


#pastoDisplay .cmd-delete
{
    background-image: url(../img/ico-bg-delete.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 19px;
    width: 14px;
}

#pastoDisplay .cmd-delete:hover
{
    background-position: center -35px;
}

#pastoDisplay .cmd-info {
    background-image: url(../img/ico-bg-lens.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 19px;
    width: 14px;
}

#pastoDisplay .cmd-info:hover {
    background-position: center -35px;
}


#pastoDisplay .cmd-add
{
    background-image: url(../img/ico-bg-add.png);
    background-position: center -5px;
    cursor: pointer;
    display: block;
    height: 19px;
    width: 14px;
}

#pastoDisplay .cmd-add:hover
{
    background-position: center -35px;
}


#pastoDisplay .cmd-save-newprimascelta,
#pastoDisplay .cmd-save-editprimascelta
{
    position: absolute;
    top: 30px;
    bottom: 0;
    right: 0;
    width: 40px;

    background: -moz-linear-gradient(top,  #2b66ac 0%, #358bcb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b66ac), color-stop(100%,#358bcb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2b66ac 0%,#358bcb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2b66ac 0%,#358bcb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2b66ac 0%,#358bcb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2b66ac 0%,#358bcb 100%); /* W3C */

    cursor: pointer;
}

#pastoDisplay .cmd-save-newprimascelta .cmd-text,
#pastoDisplay .cmd-save-editprimascelta .cmd-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);

    font-weight: bold;
    color: #fff;
    font-size: 28px;
}

#pastoDisplay .add-alimento-container.mode-add .cmd-save-newprimascelta
{
    display: block;
}

#pastoDisplay .add-alimento-container.mode-add .cmd-save-editprimascelta
{
    display: none;
}

#pastoDisplay .add-alimento-container.mode-edit .cmd-save-newprimascelta
{
    display: none;
}

#pastoDisplay .add-alimento-container.mode-edit .cmd-save-editprimascelta
{
    display: block;
}

#pastoDisplay .add-alimento-container.mode-edit .cmd-save-editprimascelta
{
    display: block;
}

#pastoDisplay .add-alimento-container.closed .cmd-save-newprimascelta,
#pastoDisplay .add-alimento-container.closed .cmd-save-editprimascelta
{
    display: none;
}
#uldisplay,
#uldisplayA
{
    padding: 5px;
}

#uldisplay .alimento,
#uldisplayA a
{
    text-decoration: none;
    color: #555;
    font-size: 11px;
    cursor: pointer;
}

#uldisplay li,
#uldisplayA li
{
    padding: 2px;
}

#uldisplay li:hover,
#uldisplayA li:hover
{
    background-color: #999;
}

#uldisplay .alimento:hover,
#uldisplayA li:hover a
{
    color: #fff;
}

#uldisplay li.group-name,
#uldisplayA li.group-name
{
    text-decoration: none;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

#uldisplay li.group-name:hover,
#uldisplayA li.group-name:hover
{
    background-color: transparent;
}

#uldisplay li.group-name span.search-term,
#uldisplayA li.group-name span.search-term
{
    text-decoration: underline;
}

#advancedSearchLayer
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #000;
}

#advancedSearchLayerOverlay
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #2b66ac;
    opacity: 0.9;
    z-index: 1;
}

#advancedSearchLayerWrap
{
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

    width: 500px;
    height: auto;
    background-color: #fff;
    z-index: 2;
}

#advancedSearchLayerHeader,
#advancedSearchLayerFooter
{
    background-color: #F2F4F8;
    display: block;
    min-height: 22px;
    overflow: hidden;
    padding: 10px 15px;
}

#advancedSearchLayerContent
{
    background-color: #fff;
    min-height: 100px;
    padding: 15px;
}

#advancedSearchLayerContent .label-popup
{
    font-weight: 500;
    font-size: 12px;
}

#advancedSearchLayerContent .filter-popup
{
    margin-bottom: 10px;
}

#advancedSearchLayerResultsPanel
{
    height: 178px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    padding: 4px;
}

#advancedSearchLayerResultsTable
{
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    border: none;
}

#advancedSearchLayerResultsTable td
{
    border: none;
    padding: 0;
}

#advancedSearchLayerResultsTable tr:hover
{
    background-color: #ccc;
    cursor: pointer;
}

#advancedSearchLayerResultsTable .arrow
{
    display: none;
    font-weight: bold;
}

#advancedSearchLayerResultsTable tr:hover .arrow
{
    display: inline;
}

#advancedSearchLayerResultsTable a
{
    font-weight: 500;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

#advancedSearchLayerResultsTable span.loading-results
{
    font-style: italic;
}

#advancedSearchLayerResultsTable tr.group-name
{
    font-weight: bold;
}


#advancedSearchLayerResultsTable tr.group-name:hover
{
    background-color: transparent;
    cursor: default;
}

#infoAlimentoSelezionato
{
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    margin-left: 10px;
}

#kcalSelectedQta
{
    font-weight: bold;
}

#advancedSearchLayerResultsTable .kcal-col
{
    text-align: right;
}

#advancedSearchLayerResultsTable td
{
    padding: 2px;
}

#advancedSearchLayerResultsTable thead,
#advancedSearchLayerResultsTable thead:hover tr
{
    background-color: #999;
    color: #fff;
    text-align: center;
    cursor: default;
}

/* override rules site.css */
table.table-style,
table.dataTable
{
    max-width: initial !important;
    width: 100% !important;
}

body.ricette-edit table.dataTable
{
    width: 99% !important;
}

/* new rules */
#sidebarMenu,
#mainContentContainer
/*table.table-style,
table.dataTable,
.dataTables_scrollHeadInner*/
{
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    transition: width 0.1s;
}

#sidebarMenu .menu-item-title
{
    opacity: 1;
    -webkit-transition: opacity 1.0s ease-in-out;
    -moz-transition: opacity 1.0s ease-in-out;
    transition: opacity 1.0s ease-in-out;
}

body.sidebar-compact #sidebarMenu,
body.body-compact #sidebarMenu
{
    width: 38px;
}

body.sidebar-compact #sidebarMenu .menu-item-title,
body.body-compact #sidebarMenu .menu-item-title
{
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
    display: none;
}

body.sidebar-compact #mainContentContainer,
body.body-compact #mainContentContainer
{
    width: 921px;
}

/* ridimensionamento altri blocchi */
.tab-container
{
    width: 98%;
}

#tab-container #horiz_container_outer
{
    width: 98%;
    height: auto !important;
}

body.diete-edit .nav-bottom-toolbar.edit,
body.diete-info .nav-bottom-toolbar,
body.ricette-edit .nav-bottom-toolbar.edit,
body.ricette-info .nav-bottom-toolbar
{
    width: 96%;
}

body.diete-edit #EditingDieteTable
{
    width: 97.7% !important;
}

/* altri fix */
#pastoDisplay .pasto-content > table
{
    width: 99% !important;
}

#pastoDisplay .pasto-content.pasto-content-body-display
{
    border-bottom: none !important;
}

.conteiner-edit-dieta
{
    width: 98%;
    max-width: initial;
}

.wrapper
{
    width: 99%;
    max-width: initial;
}

body#body_showPaziente .tab-container
{
    width: 98% !important;
    max-width: initial;
}

body#body_indexAlimenti .tab-container
{
    width: 100% !important;
    margin: 0;
}

.etabs
{
    width: initial;
}

/* main menu */
.mainmenu ul li.menu-ctrl
{
    border-top: none;
    height: 35px;
}

.mainmenu ul li.menu-ctrl span.ico-ctrl
{
    position: absolute;
    top: 7px !important;
    left: 7px;
    width: 24px;
    height: 24px;
    background-image: url(../img/MenuCtrl-2.png);
}

.mainmenu ul li.menu-ctrl span.ico-ctrl,
.mainmenu ul li.menu-ctrl span.ico-ctrl.state-0
{
    background-position-y: -120px;
}

.mainmenu ul li.menu-ctrl:hover span.ico-ctrl,
.mainmenu ul li.menu-ctrl:hover span.ico-ctrl.state-0
{
    background-position-y: -96px;
}

.mainmenu ul li.menu-ctrl span.ico-ctrl.state-1
{
    background-position-y: -72px;
}

.mainmenu ul li.menu-ctrl:hover span.ico-ctrl.state-1
{
    background-position-y: -48px;
}

.mainmenu ul li.menu-ctrl span.ico-ctrl.state-2
{
    background-position-y: -24px;
}

.mainmenu ul li.menu-ctrl:hover span.ico-ctrl.state-2
{
    background-position-y: 0px;
}

/* --- DDContainer --- */

.item-content.read .DDContainer {
    position: relative;
    display: inline-block;
}

.item-content.read .DDContainer .cust-tooltip {
    display: none;
    z-index: 99999999;
    background-color: #333;
    color: #fff;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px;
    font-size: 10px;
    text-align: left;
    min-width: 80px;
    opacity: 0.9;
}

.item-content.read .DDContainer .cust-tooltip.P1 {
    position: absolute;
    right: 25px;
    top: 25px;
}
.item-content.read .DDContainer .cust-tooltip.P2 {
    position: absolute;
    right: 20px;
    top: 30px;
}
.item-content.read .DDContainer .cust-tooltip.P3 {
    position: absolute;
    left: 53px;
    top: 30px;
}

.item-content.read .DDContainer:hover .cust-tooltip {
display: block;
}
.item-content.read .DDContainer:hover .cust-tooltip > span::before {
    content: "'";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #333;
    position: absolute;
    left: 45px;
    top: -10px;
    transform: rotate(90deg);
}

.item-content.edit .DDContainer .cust-tooltip {
    display: none;
}

/* --- fine DDContainer --- */

.mainmenu .cust-tooltip {
    display: none;
}

body.sidebar-compact .mainmenu .menu-item-tooltip .cust-tooltip,
body.body-compact .mainmenu .menu-item-tooltip .cust-tooltip
{
    position: absolute;
    z-index: 99999999;
    background-color: #333;
    color: #fff;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px;
    font-size: 10px;
    text-align: center;
    min-width: 80px;
    text-transform: uppercase;
    left: 45px;
    top: 10px;
    opacity: 0.9;
}


body.sidebar-compact .mainmenu .menu-item-tooltip:hover .cust-tooltip,
body.body-compact .mainmenu .menu-item-tooltip:hover .cust-tooltip
{
    display: block;
}

body.sidebar-compact .mainmenu .menu-item-tooltip:hover .cust-tooltip > span::before,
body.body-compact .mainmenu .menu-item-tooltip:hover .cust-tooltip > span::before
{
    content: "'";
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #333;
    position: absolute;
    left: -5px;
    top: 5px;
    transform: rotate(-5deg);
}

/* scheda paziente */
body#body_showPaziente .item-content
{
    padding: 0;
}

body#body_showPaziente .container-visita .item-content
{
    /*background-color: #fafafa;
    border: 1px solid #e4e4e4;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;*/
}

body#body_showPaziente div#tt .tabs-panels
{
    width: 99.8% !important;
    /*background-color: #fff;*/
    padding-bottom: 20px;
    border: 1px solid #ddd;
    /*border-radius: 6px;
    border-top-left-radius: 0;*/
}

body#body_showPaziente div#tt .tabs-panels .panel-body
{
    width: 100% !important;
}

body#body_showPaziente #VisiteTable_wrapper,
body#body_showPaziente #PazientiTable,
body#body_showPaziente #DocumentiTable_wrapper
{
    width: 98% !important;
}

body#body_showPaziente .add-esame-container
{
    width: 99%;
}
/* general */
.visible-xs {
    display: none;
}

@media (max-width: 1023px)
{
    .hidden-xs
    {
        display: none;
    }

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

/* icon */
.cmd-btn
{
    text-align: center;
    line-height: 16px;
}

.cmd-btn-text
{
    vertical-align: middle;
    margin-right: 5px;
}

.cmd-btn-icon
{
    width: 16px;
    height: 16px;
    background-image: url(../new-layout/NewLayoutSprite-16.png);
    display: inline-block;
    vertical-align: middle;
}

.cmd-btn-icon-print
{
    background-position-y: 0px;
}

.cmd-btn-icon-back
{
    background-position-y: -16px;
}

.cmd-btn-icon-new
{
    background-position-y: -32px;
}

.cmd-btn-icon-copy
{
    background-position-y: -48px;
}

.cmd-btn-icon-delete
{
    background-position-y: -64px;
}

.cmd-btn-icon-edit
{
    background-position-y: -80px;
}

.cmd-btn-icon-analysis
{
    background-position-y: -96px;
}

.cmd-btn-icon-read
{
    background-position-y: -112px;
}

.cmd-btn-icon-edit-info
{
    background-position-y: -128px;
}

.cmd-btn-icon-save
{
    background-position-y: -144px;
}

#pageHelp {
    /*border-radius: 15px;
    padding: 6px;
    margin-left: 5px;
    background-color: #555;*/
    /*background-color: #55a;*/
}

#pageHelp .cmd-btn-text {
    /*display: none;*/
}

#pageHelp .cmd-btn-text::before {
    content: 'Help';
}

#pageHelp .cmd-btn-icon-help {
    /*background-position-y: -160px;*/
    background-position-y: -178px;
}

/* body */
body
{
    padding-top: 130px;
    padding-bottom: 15px;
}

body.dashboard,
body.fem
{
    padding-top: 115px;
    padding-bottom: 30px;
}

body.search-layout
{
    padding-top: 175px;
}

body.search-layout-2
{
    padding-top: 125px;
}

body.search-layout#body_indexAlimenti
{
    padding-top: 225px; /*275px*/
}

body#body_indexAlimenti.search-layout.atab4
{
    padding-top: 405px;
}

body.home-layout
{
    padding-bottom: 15px;
}

body.paziente-edit {
    padding-top: 140px;
}

/* header */
.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 112px;
    z-index: 222;
    width: auto;
    text-align: left;
    /*border-bottom: 1px solid #ddd;*/
    background-color: #f7f5f3;
    padding-top: 24px;
}

body.home-layout .header
{
    border-bottom: none;
}

body.search-layout .header
{
    height:auto;
    /*height: 170px;*/
}

body.dashboard .header {
    height: 98px;
    border-bottom: none;
}

body.search-layout#body_indexAlimenti .header {
 
}

body#body_indexAlimenti.search-layout.atab4 .header
{
    height: 402px;
}

body.paziente-edit .header {
    height: 110px;
    border-bottom: none;
}

body.sidebar-compact .header,
body.body-compact .header
{
}


.header .logo,
.header .headermenu
{
    display: inline-block;
    vertical-align: top;
}

.header .logo
{
    float: none;
}

.header .headermenu
{
    margin-top: 5px;
    margin-left: 20px;
    float: right;
    font-size: 13px;
}

.header .header-top
{
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 180px;
    padding-right: 10px;
    border-bottom: 1px solid #ddd;
}

.header .header-top .logo img
{
    width: 150px;
}

.header .header-bottom {
    padding-top: 10px;
    padding-bottom: 0;
    background-color: #f7f5f3;
}

.header .header-filter {
    background-color: #f7f5f3;
}

.header .header-bottom,
.header .header-filter
{
    padding-left: 180px;
}

body.sidebar-compact .header .header-bottom,
body.body-compact .header .header-bottom,
body.sidebar-compact .header .header-filter,
body.body-compact .header .header-filter
{
    padding-left: 50px;
}

body.sidebar-compact .header .header-top,
body.body-compact .header .header-top {
    padding-left: 50px;
}

.header .header-bottom-left
{
    float: left;
    max-width: 52%;
}

.header .header-bottom-right
{
    position: absolute;
    right: 1.3%;
    font-size: 0;
    max-width: 46%;
}

body.edit-layout .header .header-bottom-right,
body.read-layout .header .header-bottom-right
{
}

.header .header-bottom-left h2
{
    margin: 0;
    height: 28px;
    overflow: hidden;
}

.header .header-bottom-right .btn
{
    float: none;

    margin-right: 0;
    display: inline-block;
    font-size: 12px;
    padding: 6px 8px;
    margin-left: 3px;
    border-radius: 6px;
}

.header-filter .panel-container
{
    margin: 12px 0 0; 
}

span.archivio
{
    float: none;
}

.head-description p
{
    padding: 0;
}

/* footer */
.footer {
    width: auto;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #c1c1c1;
    z-index: 21113;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}

.footer p {
    padding-top: 3px;
    padding-right: 5px;
    line-height: 22px;
    margin: 0;
    text-align: right;
}
.footer p,
.footer p a,
.footer p a:hover {
    font-size: 10px !important;
}


/* main container */
.maincontainer {
    background-color: #f7f5f3;
    min-width: 960px;
}

.maincontent
{
    max-height: initial !important;
    height: auto !important
}

.mainmenu ul li
{
    border-top: none;
}

body.alimenti .maincontent,
body#body_showPaziente .maincontent
{
    max-height: initial !important;
    height: auto !important;
}

#DieteTable_wrapper .dataTables_scrollBody,
#RicetteTable_wrapper .dataTables_scrollBody,
#AlimentiTable_wrapper .dataTables_scrollBody,
#PazientiTable_wrapper .dataTables_scrollBody,
#VisiteTable_wrapper .dataTables_scrollBody,
#DocumentiTable_wrapper .dataTables_scrollBody,
body#body_showPaziente div#tt .tabs-panels,
body#body_showPaziente div#tt .tabs-panels .panel-body
{
    max-height: initial !important;
    height: auto !important;
}

body.diete-edit
.nav-bottom-toolbar.edit,
body.diete-info .nav-bottom-toolbar,
body.ricette-edit .nav-bottom-toolbar.edit,
body.ricette-info .nav-bottom-toolbar
{
    position: static;
}

.scroller-container
{
    max-height: initial;
    height: auto;
    margin-bottom: 70px;
}

#pastoDisplay
{
    height: auto;
}

#pastoDisplay .pasto-content.pasto-content-body
{
    max-height: initial;
    margin-bottom: 90px;
}

.tab-container.h-380,
body#body_showPaziente .tab-container.h-520,
body#body_showPaziente .tab-container.h-410
{
    height: auto !important;
    min-height: initial !important;
    max-height: initial !important;
}

.fancybox-overlay
{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
}

.dataTables_wrapper,
body#body_showPaziente .item-content
{
    margin-bottom: 10px;
}

.fg-toolbar.ui-corner-bl
{
    float: none;
    background-color: initial;
}

.dataTables_scrollBody table tr:nth-child(odd) {
    /*background-color: #f9f7f5;*/
    background-color: #fff;
}

.dataTables_scrollBody table tr:nth-child(even)
{
    background-color: #fff;
}

.alimenti-view
{
    padding-left: 10px;
}

/* 100% responsive larghezza */
#sidebarMenu {
    position: fixed;
    top: 24px;
    left: 0;
    float: none;
    background: #334;
    z-index: 89999;
    border-right: 1px solid #777;
    /*box-shadow: 1px 2px 3px #aaa;*/
}

.bodycontent
{
    margin-left: 167px;
    border: none;
    width: auto;
}

body.sidebar-compact .bodycontent,
body.body-compact .bodycontent
{
    margin-left: 38px;
}

.maincontent
{
    float: none !important;
    width: auto !important;
    border-left: none;
}

.headermenu li
{
    display: inline-block;
}

@media (max-width: 1023px)
{
    .header .header-bottom-left
    {
        max-width: 65%;
    }

    .header .header-bottom-right
    {
        max-width: 33%;
    }

    .header .header-bottom-left h2
    {
        font-size: 16px;
    }
}

@media (max-width: 1023px)
{
    .headermenu li
    {
        text-align: right;
    }

    .headermenu li:first-child
    {
        border-right: none;
    }

    .mainmenu ul li.menu-ctrl
    {
        display: none;
    }
}

.headermenu a.telefono-assistenza
{
    color: #2b66ac;
    font-weight: bold;
}

body#body_showPaziente .sub-tab-visita
{
    font-size: 11px;
    padding: 10px;
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

body#body_showPaziente .switcher-cnt
{
    margin: 0;
}

body#body_showPaziente  ul.tabs > li.tabs-selected
{
    background: #f7f5f3;
}
/*
.tab-container .panel-container
{
    background: #f9f9f9;
}*/

body#body_showPaziente .item-content {
    padding: 10px 10px 10px 0;
    margin-right: 0px;
}

/* sort datatable */
.llmin {
    width: 10%;
    white-space: nowrap;
}

.llminaction {
    width: 5% !important;
    white-space: nowrap;
}

table.table-style th,
table.dataTable th
{
    position: relative; 
}

table.dataTable th.shPointer:hover,
table.dataTable th.shPointer.sorted-col
{
    background-color: #f1f1f1;
}

table.dataTable th.shPointer .sort-icon {
    position: absolute;
    top: 13px;
    right: 4px;
}

table.dataTable th.shPointer.sorted-col-desc .sort-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #2B66AC transparent transparent transparent;
}

table.dataTable th.shPointer.sorted-col-asc .sort-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #2B66AC transparent;
}

/* messaggi */
.msg-content
{
    padding-bottom: 30px;
    position: relative;
}

.msg-content .msg-title
{
    padding: 10px;
    background-color: #F2F4F8;
    font-weight: bold;
}

.msg-content .msg-description
{
    padding: 20px;
    min-width: 500px;
    min-height: 150px;
}

.msg-content .msg-date
{
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #eb903e;
    font-size: 12px;
}

.msg-content .title {
    font-weight: bold;
}

.msg-content a {
    background-color: #eb903f;
    color: #fff;
    text-decoration: none;
    padding: 6px 8px;
    display: inline-block;
    border-radius: 6px;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
    cursor: pointer;
}

.msg-content a:hover {
    background-color: #c55f03;
}

#msgNotificationBanner {
    display: none;
    position: fixed;
    top: 60px;
    right: 10px;
    z-index: 99999;
    min-width: 250px;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 1px;
    opacity: 1;
    box-shadow: 3px 3px 7px 0px rgba(200, 200, 200, 0.55);
}

#msgNotificationBanner.show {
    display: block;
}

#msgNotificationBar {
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
    line-height: 11px;
    cursor: pointer;
    position: relative;
}

#msgNotificationBar .msg-icon {
    background-image: url(../img/MsgBarIcon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 21px;
}

#msgNotificationBar .msg-new {
    display: none;
    background: #d33;
    color: #fff;
    font-size: 10px;
    border-radius: 11px;
    /* padding: 0 2px; */
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    right: -6px;
    top: -6px;
}

#msgNotificationBar .msg-new.show {
    display: inline-block;
}

.fancybox-wrap.fancy-popup .fancybox-close {
    background: none;
    position: absolute;
    top: 3px;
    right: 3px;
    text-decoration: none;
    color: #fff;
    background: #eb903e;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 9px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
}

.fancybox-wrap.fancy-popup .fancybox-close::after {
    content: 'x';
    line-height: 18px;
}

.fancybox-wrap.fancy-popup .fancybox-close:hover {
    background-color: #c55f03;
}

.msg-confirm-read-btn {
    display: inline-block;
    margin-left: 25px;
    color: #eb903f;
    text-decoration: underline;
    cursor: pointer;
}

.msg-confirmed-read {
    display: inline-block;
    margin-left: 25px;
    color: #999;
}


/* messaggi */
.edw-msg-item {
    padding: 10px 10px 10px 35px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    position: relative;
}

    .edw-msg-item:last-child {
        /*border-bottom: none;*/
    }

.edw-msg-item:hover {
    background-color: #eee;
    cursor: pointer;
}

.edw-msg-item .msg-title {
    text-align: left;
}

.edw-msg-item .msg-date {
    text-align: left;
    font-size: 10px;
    color: #eb903e;
}

.edw-msg-item.msg-item-unread {
    font-weight: bold;
}

.edw-msg-item .msg-item-status {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 12px;
    width: 24px;
    height: 24px;
    background-image: url('../img/home/email-aperta.png');
    background-repeat: no-repeat;
}

.edw-msg-item.msg-item-unread .msg-item-status {
    background-image: url('../img/home/email-chiusa.png');
    height: 16px;
    top: 17px;
}


.mr-tooltip {
    /*position: relative;*/
    background: rgb(245, 242, 217);
    border-radius: .4em;
    border: 1px solid #444; /*eb903f 5C95DC*/
    max-width: 350px;
    font-size: 0.9em;
    padding: 8px;
}


.mr-tooltip:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 20px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-color: transparent #444 #444 transparent;
    border-top: 0;
    border-right: 0;
    margin-left: -10px;
    margin-top: -20px;
}

.mr-tooltip.right-cloud:after {
    left: auto;
    right: 3px;
}

.mr-tooltip11 {
    /*position: relative;*/
    width: 200px;
    height: 100px;
    text-align: center;
    /*line-height: 100px;*/
    background-color: #fff;
    border: 2px solid #666;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
}

    .mr-tooltip11:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        top: 10px;
        border: 25px solid;
        border-color: #666 transparent transparent #666;
    }

    .mr-tooltip11:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: 0px;
        top: 10px;
        border: 22px solid;
        border-color: transparent #fff transparent #fff;
    }

.mrglossario-click *,
.mrglossario-hover * {
    pointer-events: none;
}

#tidio-chat iframe {
    left: 24px !important;
    bottom: 20px !important;
}

body.sidebar-compact #tidio-chat iframe,
body.body-compact #tidio-chat iframe {
    left: -30px !important;
}