/*------ EMBEDDED FONTS ----------------------- */

@import url(../font/font.css);


/*-------------------------------------------- */
body {
    background-color: #FFFFFF;
    font-size: 0.9em;
    font-family: 'AvenirLT45BookRegular',Verdana,Geneva,sans-serif!important;
    color: #666666;
}

center {
    margin-top: 50px;
}

#brandgrouped-containercf,#brand-containercf,#line-containercf,#statarticle-containercf,#statcst-containercf,#brandgrouped-containerconfronto,#brand-containerconfronto,#line-containerconfronto,#statarticle-containerconfronto,#brandgrouped-containerconfrontoord,#brand-containerconfrontoord,#line-containerconfrontoord,#statarticle-containerconfrontoord,#totalordered-grid
,#cstsell_brandgrouped-container,#cstsell_brand-container,#cstsell_line-container,#cstsell_statarticle-container,
#addsell_brandgrouped-container,#addsell_brand-container,#addsell_line-container,#addsell_statarticle-container,
#agsell_brandgrouped-container,#agsell_brand-container,#agsell_line-container,#agsell_statarticle-container,#agsell_statcst-container,#terroirsVini-containercf,#terroirsGusti-containercf
{
font-size: 0.7em;
}

h1, h2, h3, h4, li, select, textarea {
    font-family: 'AvenirLT45BookRegular',Lucida,Verdana,sans-serif !important;
}

* {
    margin: 0;
    padding: 0;
}

a {
    color: #333333;
}

header a {color: #FFFFFF;}

/*--------------- HEADER ------------------- */
header {
    background-color: white;
    color: #34443c;
    padding: 20px 10px 45px 15px;
}

h1 {
    background: transparent url(../Images/logo-azienda-ceretto.png) top left no-repeat;
    display: block;
    width: 208px;
    height: 47px;
    text-indent: -3000px;
    float: left;
}

h2 {
    font-size: 0.95em;
    padding: 5px;
    width: 250px;
    white-space: nowrap;
    color: #888888;
}

header hgroup h2
{
display: none;
}

.loggeduser {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px 20px 5px 10px;
    background: transparent;
}

    .loggeduser em {
        font-style: normal;
    }

    .loggeduser a {
        text-decoration: none;
        color: darkgreen;
        border-bottom: 1px dotted darkgreen;
    }

        .loggeduser a:hover {
            color: #b50f36;
        }


/* --------------------- SIGN IN ----------------------------------- */

.signin {
    width: 300px;
    margin: 15px;
}

    .signin fieldset {
        padding: 20px 30px;
        font-size: 0.8em;
        border: 1px solid #CCCCCC;
    }

        .signin fieldset legend {
            padding: 5px;
            text-transform: uppercase;
        }

        .signin fieldset .editor-field input {
            width: 100%;
            padding: 3px;
            margin-top: 2px;
        }

        .signin fieldset .submit-btn input {
            padding: 5px 10px;
        }
        
        .signin fieldset label 
        {
            width:200px;
            text-align: left;
            display:inline;
        }






/* --------------------- MAIN NAVIGATION ----------------------*/

#sections {
    border: none;
    margin: 0!important;
    padding: 0!important;
}

#sections, .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
}

.ui-widget-header {
    color: #666666;
    /*padding-left: 0!important;*/
}

ul.ui-tabs-nav {
    text-transform: uppercase;
    background-color: white;
    background-image: none;
    font-size: 0.85em;
    border: none;
    color: #999999;
    border: none;
}

.ui-tabs .ui-tabs-nav li {
    background-image: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-weight: 500 !important;
}

    .ui-tabs .ui-tabs-nav li a {
        color: black;
        text-decoration: none;
    }

        .ui-tabs .ui-tabs-nav li a:hover {
            color: white;
            background: black;
        }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border: none!important;
        margin-bottom: 0!important;
        background-color: #e6e6e6;;
       
    }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
           color: #FFFFFF;
           background: #85a796;
        }

.EditTable tr td hr {
    display: none;
}

.EditTable tr td input {
    background-color: #FCFAF1!important;
    border: 1px solid #CCCCCC;
}

/* --------------------- AGENDA SECTION TABS ----------------------*/

#sections-agenda, #sections-agenda-tabber {
    border: none!important;
    padding: 0!important;
    margin: 0!important;    
}

#sections-agenda-tabs {
    border: none!important;
    background-color: #E6E6E6;
    height: 32px;
    padding-top: 8px!important;
    text-transform: uppercase;
    font-size: 0.85em;
}

#sections-agenda-tabs li { float: left;
    list-style: none outside none;
    }
    
#sections-agenda-tabs li a {text-decoration: none; display:block; padding: 0.8em 1.1em !important; }
#sections-agenda-tabs li select {padding: 0.6em 1.1em !important;}
#sections-agenda-tabs li select {border:none!important; margin:0; background-color: #E6E6E6; color:#222222; text-transform: uppercase;}
#sections-agenda-tabs li select option {padding: 0 0.6em 0 0.6em!important; }
#sections-agenda-tabs li.tabs-active a, #sections-agenda-tabs li.tabs-active select {background-color: #FFFFFF; box-shadow: 0 -2px 2px 0 #cccccc;}

#sections-agenda-tabber iframe {margin:5px;}

.CaptionTD {width:15%; text-align: right; vertical-align: top!important;}
.DataTD {width:80%; vertical-align: top!important; text-align: left;}
.DataTD input[type="text"], .DataTD input[type="password"] {width:92%;}
.DataTD textarea {width:95%!important;}
.EditButton a .ui-icon {display: none;}
.fm-button-icon-left {padding: 0.5em 1em!important;}


#chkPermission table thead {text-align: left; line-height: 1em; vertical-align: top;}
#chkPermission table thead tr th {padding-bottom: 10px;}
#chkPermission table tbody tr td {vertical-align: middle; padding: 0.1em 0.2em; padding-right: 20px;}



/* --------------------- ANAGRAFICA SECTION TABS ----------------------*/

#sections-anagrafica, #sections-anagrafica-tabber {
    border: none!important;
    padding: 0!important;
}

#sections-anagrafica-tabs {
    border: none!important;
    background-color: #E6E6E6;
    padding: 8px!important;
}

#sections-anagrafica-tabs li {
   background-color: #E6E6E6;
    }

#sections-anagrafica-tabs li a {
            color: #333333;
            background: #e6e6e6;
            border-radius: 8px;
        }

#sections-anagrafica-tabs li a:hover {
            color: #85a796;
            border: none!important;
        }

 #sections-anagrafica-tabs li.ui-tabs-active a
 {
    color: #85a796;
    border: none!important;
    font-weight: bold;
}

/*
#sections-anagrafica-tabs li.ui-tabs-active:hover {
    /*margin-bottom: 4!important;
     background-color: black;
     box-shadow: 0 -2px 2px 0 #cccccc;
     border-radius: 8px;
    }

#sections-anagrafica-tabs li.ui-tabs-active {
            /*background: transparent url(../Images/nav_arrow.png) 50% bottom repeat-x;
            margin-bottom: 4!important;
             background-color: #85a796;
             box-shadow: 0 -2px 2px 0 #cccccc;
             border-radius: 8px; 
            }*/


/* row selezionata nella grid di ricerca */
.ui-state-highlight {
    background-image: none !important;
    background-color: #FFFFCC !important;
    border: 1px solid #AAAAAA!important;
    color: #222222!important;
    border: none!important;
}

/* ------------------- ANAGRAFICA FATTURATO --------------------- */

#graphBrandGroupedLegend, #graphBrandLegend {border-collapse: collapse; width:100%;}
#graphBrandGroupedLegend tr td, #graphBrandGroupedLegend tr th, #graphBrandLegend tr td, #graphBrandLegend tr th {border: 1px solid #cccccc; height:22px!important; padding:0 2px!important; }
#graphBrandGroupedLegend tr th, #graphBrandLegend tr th {text-align: left; font-weight: normal; background: url("../Images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;}
th.controvalore, th.peso {text-align: right!important;}


#mainTable tbody tr td {vertical-align: top;}
#gbox_sellcstgrid, #gbox_sellagentgrid {top: 45px;}
#gbox_selladdgrid, #gbox_sellagentyear-grid {top: 45px;}
#stats-tabber {border:none;}
#stats-tabber ul {background-color: transparent!important;}
#stats-tabber ul li.ui-state-default {background-color: white;}
#stats-tabber ul li.ui-state-default a { border-bottom: 5px solid #FFFFFF!important;}
#stats-tabber ul li.ui-state-default a:hover { border-bottom: 5px solid #5c796b!important;}
#stats-tabber ul li.ui-tabs-active a {border-bottom: 5px solid #E6E6E6!important;}

#orders-tabber {border:none;}
#orders-tabber ul {background-color: transparent!important;}
#orders-tabber ul li.ui-state-default {background-color: white;}
#orders-tabber ul li.ui-state-default a { border-bottom: 5px solid #FFFFFF!important; color: #333333!important;}
#orders-tabber ul li.ui-state-default a:hover {border-bottom: 5px solid #5c796b!important; color:white!important;}
#orders-tabber ul li.ui-tabs-active a {border-bottom: 5px solid #E6E6E6!important;}


/* --------- AMMINISTRAZIONE ------------------------------ */

.permissions {line-height: 1.5em;}
.permissions label {padding-left: 0.5em!important;}




/*------------------- IFRAME CONTENT --------------------------*/

.iframetab {
    width: 100%;
    height: auto;
    border: 0px;
    margin: 0px;
    position: relative;
    top: -13px; 
}

.ui-tabs-panel {
    padding: 5px !important;
}

.openout {
    float: right;
    position: relative;
    top: -28px;
    left: -5px;
}

li .ui-icon-close {
    float: left;
    margin: 0.4em 0.2em 0 0;
    cursor: pointer;
}

#leftcolumn {
    margin-top: 5px;
    padding: 0px 0px 10px 0px;
    float: left;
    width: 15%;
    /*width:240px;*/
    height: 100%;
}

#rightcolumn {
    float: right;
    width: 85%;
}


/* ---------------------- UI GRID ---------------------- */

.ui-jqgrid .ui-jqgrid-viewr tr td, .ui-jqgrid .ui-jqgrid-viewr tr th,
.ui-jqgrid tr.jqgrow td,
.ui-jqgrid tr.jqgrow th
/*
.ui-jqgrid .ui-jqgrid-htable th div*/ {
    padding: 2px 5px!important;
    vertical-align: middle;
    /*line-height: 1.8em;*/
}



/*.ui-jqgrid .ui-jqgrid-view {
    font-size: 0.8em!important;
}*/

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-align: left!important;
}

tr.ui-search-toolbar input, tr.ui-search-toolbar select, tr.ui-search-toolbar select option {
    padding: 1px 5px!important;
}


.ui-jqdialog, .ui-dialog, #ui-datepicker-div, #ui-timepicker-div {
    box-shadow: 4px 4px 5px 2px rgba(0, 0, 0, 0.5);
    background-color: #FFFFFF;
    /*font-size: 0.9em!important;*/
}

.navtable tbody tr td .ui-pg-div {padding-right:0.5em!important;}

.ui-dialog fieldset div {clear:both; margin: 4px 0;}
.ui-dialog fieldset div label {display: block; float: left; width: 15%; text-align: right; padding: 2px 4px 2px 2px;}
.ui-dialog fieldset div input[type="text"], fieldset div select, fieldset div textarea {padding: 2px; width: 80%; border: 1px solid #cccccc;}


/* --------------- LEFT MENU ------------------------ */

/*#menu .box {margin:20px 0 20px 0;}*/

#menu .box h3 { /*font-weight:300;
    font-size:0.85em;
    line-height: 2em;
    padding-left:7px;
    text-transform:uppercase;*/
    display: none;
}

#menu .box p ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 2px;
}

    #menu .box p ul li a {
        background: url("../Images/bg_menusez.jpg") repeat-y scroll left top transparent;
        display: block;
        color: #333333;
        font-family: 'AvenirLT45BookRegular',Lucida,Verdana,sans-serif;
        line-height: 18px;
        padding: 11px 25px;
        text-decoration: none;
    }

        #menu .box p ul li a:hover, #menu .box p ul li a.selected {
            background: url("../Images/bg_menusez_selected.jpg") repeat-y scroll left top transparent;
        }

/* ------------ GUESTINFO and ADDRESSBOOKINFO -------------- */

.infodetail {
    float: left;
    text-align: left;
    line-height: 1.8em;
    margin: 4px;
    width: 50%;
}

.infodetail.dialog {width:95%; }

    .infodetail th {
        text-align: right;
        padding: 0 5px;
        font-weight: 300;
        margin: 5px;
        width: 170px;
        vertical-align: top;
    }

    .infodetail td, .note {
        border: 1px solid #CCCCCC;
        padding: 0 5px;
    }
    
    .infodetail td textarea {width: 100%;}

.newcustomerform {
    /*float: left;*/
    text-align: left;
    line-height: 1.8em;
    /*margin: 4px;
    width: 50%;*/
}

.orderscustomerform {
    text-align: left;
    line-height: 1.8em;
}

.newcustomerform.dialog { width:99%; }

.orderscustomerform { width:99%; }

.newcustomerform th {
    text-align: right;
    padding: 0 5px 0 0;
    font-weight: 300;
    line-height: 1;
    /*margin: 5px;*/
    vertical-align: central;
    width: 5%;
}

.orderscustomerform th {
    text-align: right;
    padding: 0 5px 0 0;
    font-weight: 300;
    line-height: 1;
    /*margin: 5px;*/
    vertical-align: central;
    width: 5%;
}

.headerformatter {
    height: 0;
}

.newcustomerform td {
    border: 1px solid #CCCCCC;
    padding: 0 5px;
    width: 5%;
}

.orderscustomerform td {
    border: none;
    padding: 0 5px;
    width: 5%;
    font-weight: bold;
}
  
.newcustomerform td textarea {width: 100%;}

.orderscustomerform td textarea {width: 100%;}

#registryChart {
    float: left;
    margin: 5px;
    border: 1px solid #CCCCCC;
    width: 500px;
    height: 500px;
}




.fieldedit {
    display: block;
    clear: both;
    width: 50%;
    height: 25px;
    padding: 10px 0 0;
    text-align: right;
}

    .fieldedit a {
        border-bottom: 1px dotted #999999;
        padding: 0 2px;
        text-decoration: none;
        color: #333333;
        margin-left: 10px;
    }

        .fieldedit a:hover {
            background-color: #FCFAF1;
        }

    .fieldedit input {
        padding: 5px 10px;
    }

.infodetail tr td input[type="text"], .infodetail tr td input[type="textbox"], .infodetail tr td select {
    background-color: #FCFAF1;
    border: none;
    width: 100%;
    color: inherit;
}

.newcustomerform tr td input[type="text"], .newcustomerform tr td input[type="date"], .newcustomerform tr td input[type="number"], .infodetail tr td input[type="textbox"], .infodetail tr td select {
    background-color: #FCFAF1;
    border: none;
    width:100%;
    color: inherit;
}

.orderscustomerform tr td input[type="text"], .infodetail tr td input[type="textbox"], .infodetail tr td select {
    background-color: #FCFAF1;
    border: none;
    width:100%;
    color: inherit;
}

/*#interestedit, #Td13 {border: none;}*/
.interestedit div label{margin-left: 5px;}
#divtaste
{
    padding-bottom: 5px;
}

.infodetail tr td select option {
        background-color: #FFFFFF;
    }

.newcustomerform tr td select {
        width:100%;
        border: none;
        background-color: #FCFAF1;
    }

.newcustomerform tr td select option {
        background-color: #FFFFFF;
    }

.orderscustomerform tr td select option {
        background-color: #FFFFFF;
    }

.ui-icon-addguest {
    background-image: url(/Content/Images/guest.gif) !important;
    width: 16px;
    height: 16px;
}

.ui-icon-addcustomer {
    background-image: url(/Content/Images/customer.gif) !important;
    width: 16px;
    height: 16px;
}

.ui-icon-pdf {
    background-image: url(/Content/Images/pdf.gif) !important;
    width: 16px;
    height: 16px;
}
#MySplitter {
    height: 200px;
    width: 500px;
    border: 5px solid #aaa;
}

    #MySplitter div {
        overflow: auto;
    }

.vsplitbar {
    width: 5px;
    background: #aaa;
}

.ui-icon-clearfilter {
    background: url(/Content/Images/FilterDelete.png) !important;
}

.ui-icon-csv {
    background: url(/Content/Images/page_excel.png) !important;
}
.ui-icon-copy {
    background: url(/Content/Images/page_copy.png) !important;
}

.ui-icon-clearfilter {
    background: url(/Content/Images/FilterDelete.png) !important;
}


.ui-icon-customfilter {
    background: url(/Content/Images/Filter.png) !important;
}

.ui-icon-removetollbarFilter {
    background: url(/Content/Images/bullet_cross.png) !important;
}

.ui-icon-customdelete {
    background: url(/Content/Images/bin_closed.png) !important;
}

.ui-icon-customdedit {
    background: url(/Content/Images/pencil.png) !important;
}

.ui-icon-customdadd {
    background: url(/Content/Images/add.png) !important;
}

.ui-icon-customdrefresh {
    background: url(/Content/Images/arrow_refresh.png) !important;
}

.ui-icon-customdsearch {
    background: url(/Content/Images/find.png) !important;
}

.ui-icon-permessi  {
    background: url(/Content/Images/lock.png) !important;
}

.ui-icon-invite {
    background: url(/Content/Images/vcard_add.png) !important;
}

.ui-icon-accredita {
    background: url(/Content/Images/vcard_tick.png) !important;
}

.ui-icon-partecipanti  {
    background: url(/Content/Images/vcard_report.png) !important;
}

.ui-icon-rimuoviinvitati  {
    background: url(/Content/Images/vcard_remove.png) !important;
}

#frm1 label {
   /* width: 250px;*/
}

#frm1 label.error, #frm1 input.submit , #Form1 label.error, #Form1 input.submit {
    /*margin-left: 253px;*/
}

 #frm1, #Form1 {
    /*width: 670px;*/
}

#frm1 label.error , #Form1 label.error{
    margin-left: 10px;
    width: auto;
    display: inline;
    color: red;
}

#frm1 input.error, #Form1 input.error {
    border-color:red;
        color: red;
}

#frm1 div.requiredfield, #Form1 div.requiredfield {
    display:inline;
    color:red;
}

.errorHighlight { border: 2px solid #CC0000; }
.textinput {border: 1px solid #CCCCCC;}

/*#frm1 div.errorContent {
    display: block;
    position: realtive;
    top: 0;
    left: 8px;
    z-index: 5001;
    font-size: 10px;
    line-height: 15px;
    width: 165px;
    padding: 3px 8px;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    box-shadow: 0 0 6px #222;
    -moz-box-shadow: 0 0 6px #222;
    -webkit-box-shadow: 0 0 6px #222;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}*/


/* ------------------------------------------------- */

#jui_dropdown_demo {  height: 400px;} 
#jui_dropdown_demo button {  padding: 3px !important;} 
#jui_dropdown_demo ul li {  background: none;  display: inline-block;  list-style: none;} 
/* selected option indicator ------------------------------------------------ */
#opt_selected {  margin-top: 20px;  /*font-size: 20px;*/} 
/* demo_dropdown 1 ---------------------------------------------------------- */
.container1 {  margin: 20px 30px 10px 30px ;  display: inline-block;} 
.menu1 {  position: absolute;  width: 240px !important;  margin-top: 3px !important;}

tr.jqg-third-row-header {
    font-size: 0.9em;
}

.pencilIcon {
    background-image: url(../Images/pencil.png); background-repeat: no-repeat; background-position: right; background-origin: content-box;
}

.bigCell {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

.mediumCell {
    font-size: large;
    font-weight: bold;
    text-align: center;
}

.no-close .ui-dialog-titlebar-close {display: none }

.allocation-agent-brand-title {
    width: calc(100% -15px);
    margin-bottom: 10px;
    padding: 6px;
    background: #ffffcc;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
 }
   
.link-cell {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

.highlighted-cell {
    background-color: #FFFFCC;
}

.semaphore-container {
    width: 55px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    min-height: 17px;    
    border: 1px solid gray;
    padding: 1px;
    margin: 1px auto;
}

.light {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: auto;
}
.light.red-light {
    background-color: red;
}
.light.yellow-light {
    background-color: orange;
}
.light.green-light {
    background-color: green;
}

.semaphore-container .light {
    height: 15px !important;
    width: 15px;
}

#allocation-container .ui-jqgrid .ui-jqgrid-htable th > div,
#gview_foreign-allocation-grid .ui-jqgrid-htable th > div{
    height: auto !important;
}