/************************************************************************/
/************************************************************************/
/******************************** SUPPORT *****************************/
/***********************************************************************/
/***********************************************************************/

/***********************************************************************/
/******************** AZZERO WIDTH PORTLET _EXT ***************************/
/***********************************************************************/
div[id$=_ext] {
    width: 100% !important;
}
/************************** COLORI PRINCIPALI ******************************/
/***********************************************************************/

/* grigio scuro = #999999  (es. bottoni, link, footer) */
/* grigio medio = #999999 (es. bottoni ) */
/* grigio chiaro = #666666 (es. link header) */

/* azzurro chiaro = #111111  (es. bottoni, link over, wrapper menu) */
/* da #111111 a #111111 */




/***********************************************************************/
/***********************************************************************/
/***********************************************************************

body{
        font-family: "Open Sans", Arial, Helvetica, sans-serif;	
    font-size: 13px;
    color: #111111;
    text-align: left;
    background: #fff;
}
.fa{
        font-family: FontAwesome !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-weight: normal;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 22px;
        color: #111111;
}
h4, h5, h6, .h4, .h5, .h6 {
        font-size: 18px;
}
.label {
        font-size:15px;
        line-height:1.5;
        color:#474948;
        font-weight: normal !important;
        white-space: normal !important;
        padding:0px;
}
.label[href]:hover, .label[href]:focus {
        color:#474948;
        text-decoration: underline;
        cursor: pointer;
}
.content .row{
  margin-bottom: 10px;
}
.show-grid [class*="col-sm"] {
        background-color: #f3f3f3;
        text-align: center;
        line-height: 40px;
        font-size: 12px;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
}

ul {
  list-style-position: inside;
}
.list {
  list-style-position: inside;
}
.list .list {
  padding-left: 40px;
}
.list-disc {
  list-style-type: disc;
}
.list-square {
  list-style-type: square;
}
.list-border {
  list-style: none;
}
.list-border li {
  border-left: 1px solid #111111;
  padding-left: 10px;
  margin-bottom: 5px;
}
.list-chevron {
  list-style: none;
}
.list-chevron li:before {
  content: "\f105";
  color: #111111;
  font-family: FontAwesome;
  margin-right: 5px;
}
.list-none {
  list-style-type: none;
}
.columns1 {
  -webkit-columns: 20px 1;
  -moz-columns: 20px 1;
  columns: 20px 1;
}
.columns2 {
  -webkit-columns: 20px 2;
  -moz-columns: 20px 2;
  columns: 20px 2;
}
.columns3 {
  -webkit-columns: 20px 3;
  -moz-columns: 20px 3;
  columns: 20px 3;
}
.columns4 {
  -webkit-columns: 20px 4;
  -moz-columns: 20px 4;
  columns: 20px 4;
}
@media (max-width: 767px) {
  .columns1,
  .columns2,
  .columns3,
  .columns4 {
    -webkit-columns: 20px 1;
    -moz-columns: 20px 1;
    columns: 20px 1;
  }
}
*/

/************************************************************************/
/****************** DEFAULT INPUT, SELECT, TEXTAREA ***************/
/***********************************************************************
span[id*=_wrp]{
    min-width: 48px;
    background: none;
    height: 37px;
    line-height: 37px;
}
span[id*=_wrp] input[type=text], span[id*=_wrp] input[type=password],
textarea, select{
    height: 37px !important;
    line-height: 37px;
        padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out

}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{
        outline:none;
}
*/
/************************************************************************/
/********************************* DEFAULT LINK **********************/
/***********************************************************************/
a{
    color: #333377;
    text-decoration: underline;
}
a:hover{
    color: #111111;
    text-decoration: none;
}

/************************************************************************/
/************************ DEFAULT BOTTONI **************************/
/***********************************************************************
input[type=button],input[type=submit], .btn{
    float: left;
    margin: 0;
    font-size: 14px !important;
    text-align: center;
    display: inline-flex;
    background-color: #111111;
    transition: background 300ms ease;
    border-radius: initial;
    margin: 0px !important;
    color: #FFFFFF;
    width: auto !important;
    cursor: pointer;
    display: inline-flex;
    border-radius: 5px;
}
input[type=button]:hover,input[type=button]:focus,input[type=button]:active,
input[type=submit]:hover,input[type=submit]:focus,input[type=submit]:active,
.btn:hover,.btn:focus,.btn:active{
    background-color: #111111;
    color: #ffffff;
}
.btn-primary {
    background-color: #111111 !important;
    border-color: transparent !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #111111 !important;
    border-color: #transparent !important;
    color: #ffffff !important;
}
.btn {
    padding: 5px 10px !important;
}
*/
.btn-large {
    padding: 10px 20px !important;
}
.btn-small {
    padding: 4px 8px !important;
}


.btn-mini {
    padding: 2px 4px !important;
}
.btn-blue {
    background-color: #111111 !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    background-color: #3b6194 !important;
}
.btn-green {
    background-color: #74ca8c !important;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
    background-color: #4ba163 !important;
}
.btn-violet {
    background-color: #ae88d8 !important;
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active {
    background-color: #845cb0 !important;
}
.btn-navy {
    background-color: #3c4b7c !important;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active {
    background-color: #162144 !important;
}
.btn-yellow {
    background-color: #ffc600 !important;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
    background-color: #f49b00 !important;
}
.btn-orange {
    background-color: #2980b9 !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    background-color: #2472a4 !important;
}
.btn-red {
    background-color: #ec412f !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
    background-color: #b81200 !important;
}
.btn-black {
    background-color: #000000 !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    background-color: #4d4d4d !important;
}
.btn-facebook {
    background-color: #3B5998 !important;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
    background-color: #344e86 !important;
}
.btn-twitter {
    background-color: #1ab2e8 !important;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
    background-color: #15a1d3 !important;
}
.btn-googleplus {
    background-color: #dd4a38 !important;
}
.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus:active {
    background-color: #d73825 !important;
}
.btn-pinterest {
    background-color: #ce2127 !important;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active {
    background-color: #b81d23 !important;
}



/*navbar*
.grid_navbar{
    margin:20px 0px 20px 0px;
}
.grid_navbar span[id$=page_numbers] {
    margin: 0px 5px 0px 5px;
}
.grid_navbar_curpage_input, 
.grid_navbar_totpages_input {
    border: none !important;
    border-bottom: 1px solid #111111 !important;
    width: 40px !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    padding: 3px !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.03) !important;

    margin:0px !important;
    height:25px;
    min-height:25px !important;
}
.grid_navbar .grid_minus, .grid_navbar .grid_plus,
.grid_navbar .grid_first, .grid_navbar .grid_last,
.grid_navbar .grid_prev, .grid_navbar .grid_next{
    background-color: #7f7f7f !important;
    width: 25px;
    height: 25px;
}
.grid_navbar .grid_first_dis, .grid_navbar .grid_last_dis,
.grid_navbar .grid_prev_dis, .grid_navbar .grid_next_dis{
    background-color: #ddd !important;
    width: 25px;
    height: 25px;
    margin:0px 1px 0px 1px;
}
.grid_navbar .grid_minus:hover, .grid_navbar .grid_plus:hover,
.grid_navbar .grid_first:hover, .grid_navbar .grid_last:hover,
.grid_navbar .grid_prev:hover, .grid_navbar .grid_next:hover{
    background-color: #111111 !important;
}
*/

/************************************************************************/
/**************************** REGISTRAZIONE *************************/
/***********************************************************************/
.registration .labelSection{
    border-bottom: 1px solid #eee;
    font-size: 16px;
    line-height: 32px;
    color: #474948;
}
.registration .labelBold {
    color:#333333;
    font-size:12px;
    font-weight: bold;
    height:37px !important;
    line-height:37px !important;
}
.registration .combobox {
    width: 213px !important;
}
.registration .buttonReg {
    width: 235px !important;
    height: 32px !important;
}
.registration .city_sw{
    padding:2px 0px 0px 5px;
    background-color:#FFFFFF;
    border:1px solid #dcdcdc;
    font-size:14px;
}
.registration .city_sw .over{
    background-color:#dcdcdc;
}
.registration img[id*=_captcha] {
    height: 37px !important;
}
.registration span[id*=_wrp],
.registration span[id*=_wrp] input[type=text],
.registration span[id*=_wrp] input[type=password],
.registration textarea, .registration select{
    height: 37px !important;
    line-height: 37px !important;
}

.registration .label{
    line-height:1 !important;
}
.registration input[type="checkbox"]{
    margin:0px !important;
}
.registration .labelBold.accept{
    height: 30px !important;
    line-height: 30px !important;
}
.registration .labelBold.accept a{
    line-height:15px !important;
}
.labelBold.check_sdi {
    line-height: 20px !important;
    height: 20px !important;
}
.registration img[id*=image_captcha] {
    max-height: 37px;
}
.registration select {
    height: 37px !important; 
}
.registration input:disabled {
    background-color: #fcfcfc;
}

/************************************************************************/
/************* NUOVA PASSWORD - RECUPERO PASSWORD  ************/
/***********************************************************************/
.newPwd, .demandPwd {
    color: #474948;
    margin-top: 40px !important;
}

.newPwd .labelTitle,.demandPwd .labelTitle{
    display: block;
    font-size: 24px;
    left:0px !important;
    font-size: 24px;
    left: 0px !important;
    padding-left: 82px;
}
.newPwd .labelTitle {
    padding-bottom: 50px !important;
    padding-left: 0px;
    text-align: center !important;
}
.demandPwd .labelDescrizione_ctrl{
    margin-top: -25px;
    color: #939694;
    font-weight: 400;
    font-size: 14px;
}
.newPwd .labelBold, .demandPwd .labelBold{
    display: block;
    font-size: 13px;
    height: 37px !important;
    line-height: 37px !important;
}
.newPwd span[id*=_wrp],.demandPwd span[id*=_wrp],
.newPwd span[id*=_wrp] input[type=text], .demandPwd span[id*=_wrp] input[type=text],
.newPwd span[id*=_wrp] input[type=password],.demandPwd span[id*=_wrp] input[type=password],
.newPwd textarea, .newPwd select,.demandPwd textarea, .demandPwd select{
    height: 37px !important;
    line-height: 37px !important;
}
.demandPwd span[id*=_wrp]{
    min-width: 400px !important;
}
.newPwd span[id*=_wrp]{
    min-width: 315px !important;
}
.newPwd span[id*=_txtCodSec_wrp]{
    min-width: 182px !important;
}
.newPwd .pwdmeter{
    top: auto !important;
    left: 200px !important;
    bottom: 160px !important;
}
.newPwd a img{
    height:30px !important;
}
.demandPwd .buttonReg{
    left: auto !important;
    padding: 8px 10px;
    height: 44px !important;
    top: 280px !important;
    text-transform: uppercase;
    right: 117px !important;
}
.demandPwd span[id*=TextboxMail_wrp] {
    top: 181px !important;
    left: 83px !important;
}
.demandPwd .labelMail_ctrl {
    top: 181px !important;
    left: 16px !important;
}
.newPwd .buttonReg{
    padding: 8px 10px;
    left: auto !important;
    height: auto !important;
    text-transform: uppercase;
    right: 117px !important;
}
.newPwd img[id*=_captcha] {
    height: 37px !important;
}
@media (max-width:768px){
    .demandPwd{
        height:280px !important;
    }
    .demandPwd span[id*=labelMail]{
        left: 15px !important;
        top: 165px !important;
    }
    .demandPwd span[id*=TextboxMail]{
        left: 83px !important;
        top: 165px !important;
    }
    .demandPwd .buttonReg{

    }
}

/************************************************************************/
/************************** LOGIN HORIZONTAL **********************/
/***********************************************************************/

.loginHorizontal {
    min-width: 320px !important;
    max-width: 420px !important;
    width: auto !important;
    margin: 0 auto !important;
}

.loginHorizontal .titleGadget{
    top:0px !important;
    background-color: #111111;
    color: #FFFFFF;
}
.loginHorizontal h1 {
    text-align: -webkit-center;
    margin: 0px;
    padding: 20px;
}
.loginHorizontal .labelSubtitle{
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 24px;
    color: #474948;
    overflow: visible !important;
}
.loginHorizontal .labelSubtitle >div {
    width: auto !important;
    border-bottom: 2px solid #111;
    display: inline-block;
    position: absolute;
    top: 4px;
}
.loginHorizontal .buttonAccedi{
    top: 420px !important;
    min-width: 150px;
    right: 30px !important;
    left: auto !important;
}
.loginHorizontal .demandPwd{
    left: 5px !important;
}
.loginHorizontal .demandPwd a{
    float: left;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    display:inline-flex;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.2s;
    transition-property: background, color;
    transition-timing-function: ease, ease;
    border-radius: initial;
    border:0px !important;
    margin:0px !important;
    color: #0070c9;
    padding: 5px 10px;
    width:auto !important;
    min-width:39px;
    cursor:pointer;
    display: inline-flex;
    white-space: nowrap;
    text-decoration:none;
    text-transform:none;
}
.loginHorizontal .demandPwd a:hover{
    color: #0070c9;
}
.loginHorizontal .labelLogin{
    width: 200px !important;
    left:15px !important;
    font-size: 14px;
    line-height: 37px;
    height: 37px;
    color: #939694;
    font-weight: 400;
    margin: 0;
}
.loginHorizontal .labelLogin input[type="radio"]{
    margin-right:5px;
}
.loginHorizontal span[id*=m_cUserName_wrp],
.loginHorizontal span[id*=m_cPassword_wrp]{
    width: 181px !important;
    left: 205px !important;
}
.loginHorizontal div[id*=page_2] img{
    left:0px !important;
}
.loginHorizontal .labelActions{
    left: 80px !important;
    right: auto !important;
    text-align: left !important;
}
.loginHorizontal .labelActions a{
    text-decoration:none;
    color: #474948;
}
.loginHorizontal .labelActions a:hover{
    color:#537AAD;
}
.loginHorizontal .labelName {
    top: 19px !important;
}
.loginHorizontal span[id*=_wrp],
.loginHorizontal span[id*=_wrp] input[type=text],
.loginHorizontal span[id*=_wrp] input[type=password],
.loginHorizontal textarea, .loginHorizontal select{
    height: 37px !important;
    line-height: 37px !important;
}

/************************************************************************/
/************************** LOGIN VERTICAL ***************************/
/***********************************************************************/
.loginVertical {
    margin-bottom:30px;
}
.loginVertical .button{
    height: 37px !important;
    padding: 10px 100px;
    margin-top:40px !important;
    top: 210px !important;
    left: 0px !important;
}
.loginVertical span[id$=_lblUsername]{
    width: 200px !important;
    font-size: 14px;
    line-height: 37px;
    height: 37px;
    color: #939694;
    font-weight: 400;
}
.loginVertical input[id$=m_cUserName]{
    height: 37px !important;
    line-height: 37px !important;
    min-width: 250px;
}
.loginVertical span[id$=_lblPassword]{
    width: 200px !important;
    font-size: 14px;
    line-height: 37px;
    height: 37px;
    color: #939694;
    font-weight: 400;
    margin-top:10px !important;
}
.loginVertical input[id$=m_cPassword]{
    height: 37px !important;
    line-height: 37px !important;
    margin-top:10px !important;
    min-width: 250px;
}
.loginVertical .demandPwd{
    margin-top:95px !important;
    height:20px !important;
}

.loginVertical .labelWarning{
    color: red;
    font-weight: normal;
    font-size:11px;
    background-color: #e6c0c0;
    padding: 4px;
    border: #de7a7b 1px solid;
    top: 48px !important;
}
.loginVertical .labelBenvenuto{
    font-size: 12px;
}
.loginVertical .labelName{
    font-size: 14px;
    color: #111111;
    font-weight: bold;
}

/***********************************************************************/
/************************ TORNA INIZIO PAGINA   ********************/
/***********************************************************************/
.back-top {
    background: url("../images/back-top.png") no-repeat scroll 50% 50% #7f7f7f;
    bottom: 35px;
    height: 40px;
    position: fixed;
    display:none;
    right: 12px;
    width: 40px;
    z-index: 10010;
    cursor: pointer;
    border-radius: 100%;
}

/***********************************************************************/
/*****************************  TOP HEADER ***************************/
/***********************************************************************/
.header-container{
    margin: 0px !important;
    background: #ffffff;
    color: #838383;
    position: relative;
    z-index: 100001;
    width: 100% !important;
    min-height: 30px;
}

/***********************************************************************/
/****************************  CAMBIO LINGUA ***********************/
/**********************************************************************/
.changeLanguage .title{
    font-size: 12px;
    color: #808080;
}
.changeLanguage{
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background: rgba(255,255,255,.1);
    z-index: 10001 !important;
    min-height: 30px !important;
    height: 30px !important;
    float: left;
    border-radius: 4px;
    margin-top: 10px;
    min-width: 150px !important;
}
.changeLanguage .selected{
    width: 100% !important;
}
.changeLanguage .selected a{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration:none;
    padding: 0px 10px;	
    line-height: 30px;
    height: 30px;
    transition: all 300ms ease-in 0s;
}
.changeLanguage .selected a:hover{
    color: #FFFFFF;
}
.changeLanguage .selected .caret {
    float: right;
    margin-top: 14px;
}
.changeLanguage .menuview_vertical .dropdown-menu{
    position: absolute;
    left: 0px;
    z-index: 9;
    list-style: none;
    margin: 0;
    min-width: 116px;
    display: none;
    text-align: left;
    border:1px solid #dddddd !important;
    border-radius:0px !important;
    top: 100%;
    padding: 0px;
}
.changeLanguage .menuview_vertical .dropdown-menu > li > a{
    background: #ffffff;
    line-height: 11px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    height: inherit;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    min-width: 107px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 11px 20px;
}
.changeLanguage .menuview_vertical .dropdown-menu > li > a:hover {
    color: #ffffff;
    background: #111111;
}

/***********************************************************************/
/************************* TOOLBAR UTENTE **************************/
/***********************************************************************/
.usertoolbar{
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background: transparent;
    z-index: 10001 !important;
    min-height: 30px !important;
    float:right;
    position:initial !important;
    min-width: 50px !important;
    width: auto !important;
}
.usertoolbar .label, .usertoolbar .labelBold, .usertoolbar .labelTitle{
    margin: 0px !important;
    padding: 0px !important;
    width: auto !important;
}
.usertoolbar .label a, .usertoolbar .labelBold a, .usertoolbar .labelTitle a{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration:none;
    padding: 0px 20px;
    border-left: 1px solid #ddd;
    line-height: 30px !important;
    height: 30px !important;
    transition: all 300ms ease-in 0s;
}

.usertoolbar span[id*=_lblName] {
    float: left;
    width: 30px !important;
}
.usertoolbar  span[id$=_lblName] a {
    text-indent: -9999px;
    margin-top: 10px;
    border-left: 0px !important;
    padding: 0px !important;
}
.usertoolbar  span[id$=_lblName] a:before {
    content: '\f293';
    color: #FFFFFF;
    font-family: icons8_win10;
    font-size: 24px;
    text-indent: 0;
    float: left;
}

.usertoolbar span[id*=_lblExit] {
    float: right !important;
    width: 30px !important;
}
.usertoolbar  span[id$=_lblExit] a {
    text-indent: -9999px;
    margin-top: 10px;
    border-left: 0px !important;
    padding: 0px !important;
}
.usertoolbar  span[id$=_lblExit] a:before {
    content: '\f2b5';
    color: #FFFFFF;
    font-family: icons8_win10;
    font-size: 24px;
    text-indent: 0;
    float: left;
}

.usertoolbar span[id*=_lblO]{
    display:none;
}
.usertoolbar img[id$=_imgCardCustomer] {
    margin-right: 15px;
}
.usertoolbar .label a:hover, .usertoolbar .labelBold a:hover, .usertoolbar .labelTitle a:hover{
    color: #111111;
}
.usertoolbar .caret {
    margin-left: 10px;
}
.usertoolbar .menuview_flat{
    top:30px !important;
    right:0px;
    margin:0px !important;
    position: absolute;
}
.usertoolbar .menuview_flat h1{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    margin: 0px;
    padding: 11px 20px;
    color: #666666;
    text-transform: uppercase;
    text-decoration:none;
}
.usertoolbar .menuview_flat a:hover{
    color:#666666;
    text-decoration:none;
}
.usertoolbar .menuview_flat .menuview_wrapper_container{
    min-width: 160px;
    font-size: 14px;
    background-color: #ffffff;
    display: inline-block;
    border: 1px solid #dddddd;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.usertoolbar .menuview_flat .menuview_wrapper_container .menuview_container{
    width: 100%;
    float: left;
    clear: both;
}
.usertoolbar .menuview_flat .menuview_content ul{
    padding:0px;
    list-style-type: none;
}
.usertoolbar  .menuview_flat .menuview_content ul > li > a{
    color: #666666;
    font-size: 12px;
    padding: 5px 20px 5px 30px;
    text-decoration: none;
    transition: all 300ms ease-in 0s;
    display: inline-block;
    width:100%;
}
.usertoolbar  .menuview_flat .menuview_content ul > li > a:hover {
    color: #ffffff;
    background: #111111;
    text-decoration:none;
}


/***********************************************************************/
/******************************* HEADER ******************************/
/***********************************************************************/
.header {
    /*margin: 5px 0 10px;*/	
    background-color: #111111;
}
.container.header {
    width: 100%;
    max-width: 1230px;
}
.header a{
    color: #727272;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}
.header a:hover {
    color: #111111;
}
.header .topmost-line{
    text-align: right;
    padding:0px;
}
.header .right-logo.col-md-6{
    z-index:99999;
}
.header .right-logo.col-md-3{
    z-index:99998;
}

/***********************************************************************/
/***************************** BREADCRUMB ***************************/
/***********************************************************************/
.wrapper_breadcrumb{    
}
.breadcrumb{/*azzeramento proprieta di bootstrap.css*/
    position: relative !important;
    background-color: #ffffff;
    width: 100% !important;
    background-color: transparent;
    font-size: 12px;
    margin: 0px;
    height: auto !important;
    padding: 5px 25px 10px 25px;
    z-index: 999;
    min-height: 30px;
}
.breadcrumb .brd{
    width: 100% !important;
    position: relative !important;
}
.brd a {
    display: inline;
    text-transform: capitalize;
    text-decoration: none;
    color: #999999;
    transition: all 300ms ease-in 0s;
    -webkit-border-radius: 25px;
    border-radius: 0px;
    padding: 2px 5px;
    font-size: 13px;
}
.brd a:hover {
    color: #111111;
}
.brd span {
    display: inline;
    text-transform: capitalize;
    color: #111111;	
    font-size: 14px;
}


/***********************************************************************/
/******************************* LOGO *********************************/
/***********************************************************************/
.wrapper_menu .showImage .image {
    height: 33px !important;
    width: auto !important;
    padding-top: 12px !important;
}
@media(max-width:991px){
    .showImage{
        margin:0 auto;
    }
}


/***********************************************************************/
/**************************** RICERCA ARTICOLI  **********************/
/***********************************************************************/
/* RICERCA */
.search {
    padding: 0px;
    width: 75% !important;
    margin: 0 auto;
}
.search span{
    width: 90% !important;
    margin: 15px 0px 0px 0px !important;
    height: auto !important;
    right: auto !important;
}
.search .combobox{
    left: 0px !important;
    top: 15px !important;
    height: 47px !important;
    width: 20px !important;
    background-color: #eeeeee;
    border: none !important;
}
.search .textSearch {
    font-size: 11px;
    float: right;
    margin: 0;
    border: 1px solid #ddd;
    height: 47px !important;
    line-height: 20px;
    background: transparent;
    border-right: 0;
    width: 100%;
    color: #c1c1c1;
    text-transform: capitalize;
    padding: 0px 20px 0px 30px !important;
    font-style: italic;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    transition: all 0s ease;    
}
.search .textSearch:-webkit-autofill{
    -webkit-box-shadow:0 0 0 50px #4e4e4e inset;
    -webkit-text-fill-color: #c1c1c1;
}
.search .labelSearch{display:none !important;}

.search .box{
    width:20% !important;
}
.search .box .combobox{
    width: 100% !important;
    height: 47px !important;
    margin: 15px 0px 0px 0px !important;
    border:0px;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.search .boxSearchLeft{display:none !important;}
.search .button{
    display: block !important;
    width: 10% !important;
    margin: 15px 0px 0px 0px !important;
    height: 47px !important;
    background: #eeeeee url(../images/search.png) no-repeat 50% 50%;
    border: 1px solid #dddddd !important;
    border-radius: 0px;
    padding:0px !important;
}

.search .layerBorderLight{
    border: 1px solid #DDD;
}
.search .suggester a{
    color: #000000;
    margin: 0px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    background-color: #FAFAFA;
    height: 100%;
}
.search .suggester a:hover{
    background-color: #FFFFFF;
}

@media(max-width:991px){
    .search {
        padding: 20px 0px;
    }
    .search .button {
        background: #eeeeee url(../images/search.png) no-repeat 50% 50%;
    }
}

/*RISULTATI RICERCA*/
.searchList {
    padding-bottom: 20px;
}
.searchList .titleGadget h3{
    font-size: 24px;
    color: #474948;
    font-weight: normal;
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
}
.searchList_item{
    min-height:50px !important;
    padding:10px;
}
.searchList_item .titleItem{
    font-size :18px;
    font-weight: 500;
}


/***********************************************************************/
/******************************* MENU *********************************/
/***********************************************************************/
.wrapper_menu{
    margin:0px 0px 0px 0px !important;
    background-color: #111111;
    background-image: none !important; /* per non utilizzare lo sfondo della categoria nel gadget ricercda*/
    color:#ffffff;
    position: relative;
    z-index: 10000;
    width: 100% !important;	
    min-height: 47px !important;
    height: 47px;
    position: fixed;
    top: 0px;
}
.wrapper_menu.fixed{
    z-index: 99999;	
}
.container.menu{
    width: 100%;
    max-width: 1230px;
}
@media (min-width: 768px) {
    .wrapper_menu.fixed {
        position: fixed;
        top: 0px;
    }	
}
@media (max-width: 768px) {
    .wrapper_menu{
        height: auto;
        padding-bottom:10px;
    }
}

/***********************************************************************/
/**************** MENU CATEGORIE ORIZZONTALE *******************/
/***********************************************************************/
.row .menu{
    z-index:1;
}
.menuview_horizontal .topmenu {
    margin:0;
    padding:0;
    display: block !important;
}
.menuview_horizontal .topmenu > li {
    float: left;
    margin: 0;
    border: none;
    position: inherit !important;
    display: block;
}
.menuview_horizontal .topmenu > li > a {
    padding: 5px 20px;
    text-decoration: none;
    display: block;
    line-height: 37px;
    font-size: 14px;
    font-weight: 400;
    color:rgba(255, 255, 255, 0.8);
    position: relative;
    transition: all 300ms ease-in 0s;
}
.menuview_horizontal .topmenu > li > a:hover {
    color: #ffffff;
}

/*submenu*/
.menuview_horizontal .topmenu li > ul{
    background-color: #FAFAFA;
    padding:10px;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.menuview_horizontal .topmenu li ul li > ul{
    border-top: 1px solid #DDD;
}
.menuview_horizontal .topmenu .level1.parent > ul{
    left:auto !important;
    top: 47px !important;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.menuview_horizontal .topmenu .level2 a{
    color: #333;
    width: 92%;
    padding: 3px 40px 3px 15px;
    font-size: 12px;
    line-height: 21px;
    margin: 0;
    text-align: left;
    border:none;
    text-transform: capitalize;
    text-decoration:none;
    white-space: nowrap;
}
.menuview_horizontal .topmenu .level2 a:hover{
    color:#111111;
}
.menuview_horizontal .topmenu .submenu-left{
    background: url("../images/arrow.gif") no-repeat right 9px;
    margin-right:5px;
}
.menuview_horizontal .topmenu .submenu-left:hover{
    color:#111111;
}

/* Submenu layer */
.menuview_horizontal .topmenu .megamenu{
    top: auto !important;
    /*left: 0px !important; */ /*per visualizzazione submenu layer al 100%*/
    /*width: 100% !important;*/ /*per visualizzazione submenu layer al 100%*/
    left:auto !important;
    width: auto !important;
    max-width:768px;	
    background-color: #FAFAFA !important;
    overflow:visible !important;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

/*image in submenu*/
.menuview_horizontal .topmenu .megamenu .showImage{
    width: 100% !important;
}
.menuview_horizontal .topmenu .megamenu .showImage img{
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    margin-top: 20px !important;
}
/*content in submenu*/
.menuview_horizontal .topmenu .megamenu .content img{
    max-width: 90%;
    width: 90% !important;
    height: auto !important;
}

/*social in submenu*/
.menuview_horizontal .topmenu .megamenu .social{
    padding:10px 0 10px 10px;
}
/*contentList in submenu*/
.menuview_horizontal .topmenu .megamenu .contentList{
    padding: 30px 0 20px 0;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.menuview_horizontal .topmenu .megamenu .contentList .titleGadget h3{
    color: #474948;
    text-shadow: 1px 1px 1px #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px 12px;
    padding: 0;
    font-weight: normal !important;
    letter-spacing: -0.5px;
}
.menuview_horizontal .topmenu .megamenu .contentList a{
    color: #333;
    text-decoration: none;
    font-size: 12px;
    line-height: 21px;
    padding:0px;
    margin:0px;
    letter-spacing:normal;
    webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-border-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -moz-border-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
.menuview_horizontal .topmenu .megamenu .contentList a:hover{
    color: #111111;
}
.menuview_horizontal .topmenu .megamenu .contentList .grid .grid_table tr td {
    padding:0px;
}
@media (max-width: 768px) {
    .menuview_horizontal .topmenu .megamenu .contentList {
        padding: 10px 0 10px 0;
    }
    .menuview_horizontal .topmenu .megamenu .contentList a{
        border:none;
        padding:0px;
        height:auto;
    }
}
/* MENU*/
@media (max-width: 768px) {
    .menuview_horizontal .topmenu li a {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #CCC;
        padding: 0px;
    }
    .menuview_horizontal .topmenu li.level1{
        width: 100%;
    }
    .menuview_horizontal .topmenu > li:first-child:before {
        content: none;
    }
    .menuview_horizontal .topmenu > li:first-child > a:first-child:before {
        content: none;
    }
    .menuview_horizontal .topmenu > li:first-child > a:first-child:after {
        content: none;
    }
}


/***********************************************************************/
/********************** ELENCO CATEGORIE A COLONNE CON IMMAGINE *************/
/***********************************************************************/
.categoriesMenu .repeater {
    width:66.6666666666% !important;
}
.categoriesMenu .image {
    /*width: auto !important;*/
    max-width: 33.33333333% !important;
    float: right !important;
    height: auto !important;
    padding: 20px !important;
}
.categoriesMenu .repeater .repeater_ele.odd,
.categoriesMenu .repeater .repeater_ele.even{
    width: 25% !important;
    min-width:120px;
    padding:5px;
}
.categoriesMenu .categoriesMenuItem .titleCategory {
    margin: 10px 0px !important;
    float: left !important;
    clear: both;
}
.categoriesMenu .categoriesMenuItem .titleCategory a{
    font-size: 16px;
    font-weight: 600;
    margin: 5px 0px;
}
@media (max-width: 768px) {
    .megamenu{
        display:none !important;
    }
}


/***********************************************************************/
/*** ELENCO CONTENUTI SLIDE CON IMMAGINE - FLEXSLIDER *****/
/***********************************************************************/
.contentsFlex .flexslider {
    margin: 0;
    padding: 0;
}
.contentsFlex .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.contentsFlex .flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.contentsFlex .flexslider {
    margin: 0 0 0 !important;
    border: none !important;
    position: relative;
    z-index: 10;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
}
.contentsFlex .flexslider .slides li {
    list-style: none;
}
.contentsFlex .flexslider .flex-control-nav {
    margin: 0;
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}
.contentsFlex .flexslider .flex-control-nav li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
    float:right;
}
.contentsFlex .flexslider .flex-control-nav li:first-child {
    margin-right: 35px;
}
.contentsFlex .flexslider .flex-control-nav a {
    text-decoration: none;
    display: block;
    width: 6px;
    height: 6px;
    background-color: transparent;
    text-indent: -9999px;
    border: 1px solid #ffffff;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
.contentsFlex .flexslider .flex-control-nav a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
.contentsFlex .flexslider .flex-control-nav a.flex-active {
    background-color: #ffffff;
}
.contentsFlex .flexslider .flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: -50px 0 0;
}
.contentsFlex .flexslider .flex-direction-nav:before {
    content: '';
    display: block;
}
.contentsFlex .flexslider .flex-direction-nav:after {
    content: '';
    display: table;
    clear: both;
}
.contentsFlex .flexslider .flex-direction-nav li {
    display: block;
    list-style: none;
    float: right;
    padding-right: 20px;
}
.contentsFlex .flexslider .flex-direction-nav li a {
    background: url('../images/rarr.png') no-repeat center center;
    text-decoration: none;
}
.contentsFlex .flexslider .flex-direction-nav li:first-child {
    float: left;
    padding-right: 0;
    padding-left: 20px;
}
.contentsFlex .flexslider .flex-direction-nav li:first-child a {
    background-image: url('../images/larr.png');
}
.contentsFlex .flexslider .flex-direction-nav a {
    display: block;
    width: 55px;
    height: 102px;
    text-indent: -9999px;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.contentsFlex .flexslider .flex-direction-nav a:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.contentsFlex .flexslider .flex-direction-nav a:focus,
.contentsFlex .flexslider .flex-direction-nav a:active {
    outline: 0 none;
}
.contentsFlex .flexslider .flex-direction-nav .flex-prev {
    left: 0;
}
.contentsFlex .flexslider .flex-direction-nav .flex-next {
    right: 0;
}
.contentsFlex .flexslider .flex-direction-nav .flex-prev,
.contentsFlex .flexslider .flex-direction-nav .flex-next {
    position: static;
}
.contentsFlex .flexslider .flex-progress {
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 20;
    background-color: rgba(255, 255, 255, 0.19999999999999996);
}
.contentsFlex .flexslider .flex-progress span {
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.19999999999999996);
    width: 0%;
}
.contentsFlex .flexslider .closer {
    text-align:center;
    height:14px;
    background:url(../../img/slider-shadow-bottom.png) center center no-repeat;
    width:100%
}
@media (max-width: 479px) {
    .flex-control-nav {
        display: none;
    }
}

/*--
| CAPTION (used with Flex)
---*/
.contentsFlex .flexslider .caption {
    position: absolute;
    top: 30% !important;
    bottom: auto;
    width: 100%;
    margin-top: -85px;
    padding: 0;
    background-color: transparent;
    overflow: visible;
    font-family: inherit !important;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    font-weight:800 !important;
}
.contentsFlex .flexslider .caption .container > div{
    max-width: 60% !important;
    background-color: rgba(255,255,255,0.75);
    width: auto;
    padding-bottom: 10px;
    margin-left: 40px;
    z-index: 1;
}
.contentsFlex .flexslider .caption h3 {
    display: inline-block;
    background-color:transparent;
    padding:0;
    color: #111111;
    margin:20px 0px 10px 20px;
    line-height:40px;
    font-size:30px;
    text-transform:capitalize;
    letter-spacing:0.05em;
    font-weight: 800 !important;
}
.contentsFlex .flexslider .caption p {
    display: inline-block;
    padding:0;
    color: #666666;
    font-size: 20px;
    line-height: 24px;
    margin:10px 0px 20px 20px;
    letter-spacing:0.05em;
}
.contentsFlex .flexslider .caption .white {
    color:#ffffff !important;
}
.contentsFlex .flexslider .caption .text {
    font-weight:200 !important;
    font-size:14px;
    line-height:14px;
}
.contentsFlex .flexslider .caption .btn {
    margin: 10px 0px 0px 50px !important;
    padding: 5px 10px 5px 10px !important;
    background-color: #111111;
    font-weight: 600;
    float: right;
    border: none !important;	
}
.contentsFlex .flexslider .caption .btn:after {
    content: "\f101";
    font-size: 18px;
    font-family: FontAwesome;
    right: 0;
    padding: 0px 0px 0px 10px;
    line-height: 22px;
}
@media (max-width: 992px) {
    .contentsFlex .flexslider .caption {
        position: absolute;
        width: 100%;
        margin-top: -85px;
        padding: 0;
        top: 50% !important;
        font-weight:400 !important;
    }
    .contentsFlex .flexslider .caption h3 {
        line-height:35px;
        font-size:42px;
        margin-top:20px;
    }
    .contentsFlex .flexslider .caption p {
        display:none;
    }
    .contentsFlex .flexslider .caption .btn {
        margin:0px 0px 0px 50px;
    }
}
@media (max-width: 767px){
    .contentsFlex .flexslider .caption {
        display: block !important;
        -webkit-opacity: 1 !important;
        -moz-opacity: 1 !important;
        opacity: 1 !important;
    }
    .contentsFlex .flexslider .caption .container > div{
        width:70% !important;
    }
    .contentsFlex .flexslider .caption h3 {
        margin:20px 0px 10px 20px;
        line-height:30px;
        font-size:30px;
        text-transform:uppercase;
        letter-spacing:-0.1em;
        font-weight: 800 !important;
    }
}

/***********************************************************************/
/************************** ELENCO CATEGORIE LIST *****************/
/***********************************************************************/
.categories{
    min-height: 20px !important;
    background-color: #ffffff;
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom:1px solid #eee;
    margin-left: 0px !important;
}
.categories .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.categories.emptysubcat{
    padding: 0px;
    border-bottom: 0px;
    margin-top: 10px;
}
.categories .repeater{
    margin: 0 !important;
}
.categories .repeater > div{
    width:100%;
}
.categories .titleCategory{
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #f3f3f3;
    width: 100% !important;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    line-height: 24px;
    margin: 0 !important;
}
.categories .categoriesItem a{
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    font-size: 16px;
}
.categories .categoriesItem a:hover{
    background-color: #111111;
    color: #ffffff;
}
.categories .categoriesItem .label{
    text-align:left;
}

/***********************************************************************/
/************************** ELENCO CATEGORIE GRID *****************/
/***********************************************************************/
.categoryList{
    background-color: #ffffff;
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom:1px solid #eee;
}
.categoryList .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.categoryList .grid .grid_table .grid_cell_title{
    display:none;
}
.categoryList .grid .grid_table tr td{
    display: inline-block;
    padding: 0px 10px;
}
.categoryList .grid .grid_table tr td a{
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0px;
    display: inline-block;
}

/***********************************************************************/
/********************* ELENCO CATEGORIE BLOCK *****************************/
/***********************************************************************/
.categoryBlockList{
    width:100%;
    border:1px solid #999999;	
}
.categoryBlockList .repeater .repeater_ele.ele1.odd {
    width: 100%;
}
.categoryBlock{
    background-size:100% 100%;
    background-color: #ffffff;
    min-height:47px !important;
    box-sizing:border-box;
    padding: 10px 0px;
    margin: 0px 0px 5px 0px;
    width: 100% !important;
}
.portlet .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.categoryBlock .categoryTitle {
    padding: 0px;
    margin: 0px;
    float: right !important;
    line-height: 81px;
    text-transform: uppercase;
    width: 150px;
    text-align: left !important;
}
.categoryBlock .categoryTitle a{
    font-size: 16px;
    font-weight: 600;
    text-decoration:none;
    transition: all 300ms ease;
}
.categoryBlock .categoryTitle a:hover{
    color: #111111;
}
.categoryBlock .boxImg{
    min-height:47px !important;
}
.categoryBlock .boxImg td > a {
    display: inline-block;
}
.categoryBlock .boxImg a img {
    width: 47px !important;
    height: 47px !important;
    margin: 0px !important;
    clear: none !important;
}

/***********************************************************************/
/****************** ELENCO CATEGORIE MENU VERTICALE FLAT ********************/
/***********************************************************************/
.categoryMenuFlat .menuview_flat ul{
    background-color: #ffffff;
    padding: 0px;
    margin-bottom: 10px;
    border:1px solid #dddddd;
    margin-left: 0px !important;
    list-style-type: none;
}
.categoryMenuFlat .menuview_flat ul li ul{
    box-shadow: none;
    border: none;
    margin: 0px;
    padding: 0px;
}
.categoryMenuFlat .menuview_flat ul li ul li a span{
    margin-left: 20px;
}
.categoryMenuFlat .menuview_flat li a{
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #f3f3f3;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    transition: all 300ms ease;
}
.categoryMenuFlat .menuview_flat li a:hover{
    background-color:#111111;
    color:#ffffff;
}

/***********************************************************************/
/************ ELENCO CATEGORIE MENU VERTICALE ACCORDION FLAT *****************/
/***********************************************************************/
.categoryMenuAccordion{
    margin: 0px 5px 10px 5px !important;
    width: auto !important;
    min-width:100px !important;
}
.categoryMenuAccordion #nav {
    background-color: #ffffff;
    padding: 0px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    margin-left: 0px !important;
    list-style-type: none;
}
.categoryMenuAccordion #nav ul{
    list-style: none;
}
.categoryMenuAccordion #nav .subMenu:after{	
    content: "\f078";
    font-family: FontAwesome;
    font-size:12px;
    font-weight:normal;
    float: right;
    color: #999999;
}
.categoryMenuAccordion #nav .subMenu.active:after {
    content: "\f077";
    color:#ffffff;
}
.categoryMenuAccordion #nav li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #3f3f3f;	
    font-size: 14px;
}
.categoryMenuAccordion #nav li a:hover, #nav li a.active {
    background: #111111;
    color: #ffffff;
}
.categoryMenuAccordion #nav li ul {
    display: none;
    padding:0;
}
.categoryMenuAccordion #nav li ul li a {
    padding: 10px 40px;
}
.categoryMenuAccordion #nav li ul li ul li a {
    padding: 10px 65px;
}


/***********************************************************************/
/****************************** SOCIAL ********************************/
/***********************************************************************/
.social a{
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 18px;
    color: #a7a7a7;
    float: left;
    transition: all 300ms ease-in 0s;
    border-radius: 100%;
    background-color: #111111;
}
.social a:hover{
    color: #111111;
    border-color: #111111;
}
div[id$=_share_img] {
    width: auto !important;
    height: auto !important;
    margin-left: 10px !important;
    float: right !important;
}
.social .image {
    margin: 0px;
    padding:7px !important;
    border-radius: 100%;
}

.social_ext{
    padding: 5px 10px;
    margin-bottom: 10px;
    margin-left: 0px !important;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    min-height: 20px !important;
}
.social_ext > div{
    width:100% !important;
    margin:0px !important;
}
.social_ext > div > div{
    width:auto !important;
    margin:5px 0px !important;
    float: left;
}


/***********************************************************************/
/****************************** FOOTER *******************************/
/***********************************************************************/
.footer-container {
    background: #111111 !important;
    padding: 10px 0px;
}
.footer-container .row.row {
    margin-top: 20px;
}
.footer-container .content {
    padding: 40px 0px 0px 0px;
    min-height: 20px !important;
}
.footer-container .content .contentText {
    color: rgba(255,255,255,.54) !important;
    margin: 0px !important;
    font-size: 11px;
}
.footer-container .content a{
    color:#dddddd;
}
.footer-container .content a:hover{
    color:#FFFFFF;
}
.footer-container .content .box {
    min-height: 20px;
    width: 100%;
    border-top: 1px solid #666;
    padding-top: 5px !important;
}

.footer-container a {
    font-size: 12px;
}
/***********************************************************************/
/****************************** CREDITS *******************************/
/***********************************************************************/
.credits {
    background: #ffffff;
    padding-top: 10px;
    color: #333;
    border-top: 1px solid #4f4f4f;
}
.credits a:hover {
    color: #111111;
}
.credits a {
    color: #adafae;
    text-decoration: none;
    transition: all 300ms ease;
}
.credits .content, .credits .content .box{ /*contenuto*/
    min-height: 20px !important;
    padding: 0px;
}
.credits .content .contentText{
    margin-top:0px !important;
    margin-bottom:0px !important;
}

/***********************************************************************/
/****************************** CONTENUTO **************************/
/***********************************************************************/
.content {
    padding:20px 0px 10px 0px;
}
.content h1 {
    color: #111111;
    font-size: 25px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 10px 0px !important;
    text-decoration: none;
}
.content .contentTitle {
    margin-left: 0px !important;
}
.content .contentTitle h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    text-transform: capitalize;
}
.content .box {
    float: left !important;
    margin: 0px !important;
    padding: 0px !important;
}
.content table{
    float: left;
}
.content img{
    float: left;
}
.content .contentSubTitle h2{
    font-size: 20px;
    color: #666666;
    margin: 0;
}
.content .contentText {
    font-size: 14px;
    color: #666666;
    margin: 0px 0px 20px 0px !important
}

/************************************************************************/
/***************** DOCUMENTI ALLEGATI CONTENUTO ****************/
/************************************************************************/
.contDoc{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contDoc .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contDoc .grid{
    width: 95% !important;
    height: auto !important;
}
.contDoc .grid_row a{
    font-size: 16px;
    padding: 8px 10px;
    display: inline-block;
}
.contDoc .grid_row td:first-child{
    width: 20px;
}
.contDoc .grid_row img{
    padding: 8px 10px;
}

/***********************************************************************/
/************************** ELENCO DOCUMENTI **********************/
/***********************************************************************/
.contDoc_list{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contDoc_list .titleGadget{
    width:100% !important;
}
.contDoc_list .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contDoc_list.item {
    padding: 0px;
    margin:0px;
    border:0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.contDoc_list .repeater .contDoc_list{
    min-height: 70px;
}
.contDoc_list .repeater{
    margin: 0px !important;
}
.contDoc_list .repeater tr{
    border-bottom: 1px solid #D4D4D4;
}
.contDoc_list .repeater tr:last-child {
    border: none;
}
.contDoc_list .Title div{
    font-size: 24px !important;
    color: #2B2B2B !important;
    letter-spacing: -1px;
    margin: 10px 0px 0px 30px;
}
.contDoc_list .label div strong{
    font-weight: bold;
}
.contDoc_list .label div{
    font-size: 12px !important;
    color: #8C8B8B !important;
}
.contDoc_list .img{
    width:0px !important;
    height:0px !important;
}
.contDoc_list .Strong{
    height: 30px;
    line-height: 30px;
    width: auto !important;
}
.contDoc_list span.Strong:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size:18px;
    font-weight:normal;
    float: left;
}
.contDoc_list .Strong div{
    margin-top: 0px;
    display: inline;
}
.contDoc_list .Strong div a {
    font-size: 15px !important;
    font-weight: bold !important;
    padding-left: 10px;
    margin-top: 3px;
    white-space: nowrap;
    display: inline-block;
}
.contDoc_list .grid .grid_table .grid_row td strong{
    font-weight: bold;
}
.contDoc_list .grid{
    margin-top: 50px !important;
}
.contDoc_list .grid .grid_table .grid_row .grid_row a{
    color: black;
    font-size: 15px;
    font-weight: bold;
}
.contDoc_list .grid{
    margin-top: 50px;
}
@media (max-width:768px){
    .contDoc_list.item .label{
        margin-left:3px !important;
        clear:both;
        width:95% !important;
    }
}

/***********************************************************************/
/*********************** ELENCO CONTENUTI GRID *******************/
/***********************************************************************/
.contentList{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom:1px solid #eee;
    margin-left: 0px !important;
}
.contentList .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    top: 0px !important;
}
.contentList .grid .grid_table .grid_cell_title{
    display:none;
}
.contentList .grid .grid_table tr{
    margin: 10px 0px;
    display: inline-block;
    width:100%;
}
.contentList .grid .grid_table tr td:nth-child(2){
    padding: 0px;
}
.contentList .grid .grid_table tr td{
    display: inline-block;
    padding: 0px 10px;
    width: 100%;
    font-size: 14px;
}
.contentList .grid {
    height: auto !important;
}
.contentList .grid .grid_table tr td a{
    font-size: 20px;
    padding: 10px 0px;
    display: inline-block;
}
/***********************************************************************/
/*********************** ELENCO CONTENUTI BLOG *******************/
/***********************************************************************/
/* ELENCO CONTENUTI BLOG */
.contentBlog{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contentBlog .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentBlog.contentList_item .boxImg{
    background:none;
    margin-top: 0px !important;
}
.contentBlog .contentList_item .titleItem h4{
    font-size: 20px;
}
.contentBlog .contentList_item .label{
    font-size: 14px;
    margin: 0px !important;
}
.contentBlog .contentList_item .boxImg{
    margin: 0px !important;
}
/***********************************************************************/
/*********************** ELENCO CONTENUTI BLOCK ******************/
/***********************************************************************/
.contentListLarge{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contentListLarge .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentListLarge .contentList_item .boxImg{
    background:none;
    margin-top: 0px !important;
}
.contentListLarge .contentList_item .titleItem h4{
    font-size: 20px;
}
.contentListLarge .contentList_item .label{
    font-size: 21px;
    font-weight: 200;
}
/***********************************************************************/
/****************** ELENCO CONTENUTI SLIDE NEWS ****************/
/***********************************************************************/
.contentList.slide{
    padding:0px;
    margin: 0px 0px 10px 0px;
    height: 50px !important;
}
.contentList.slide .titleGadget h3{
    margin: 10px;
    padding: 5px 0;
    text-transform: uppercase;
    border: 0px;
    font-size: 14px;
    font-weight: normal;
    top: 0px !important;
    white-space: nowrap;
}
.contentList.slide > div{
    height:100% !important;
    overflow: hidden;
}
.contentList.slide .slider, .contentList.slide .slider > div,
.contentList.slide .slider .slider_content,
.contentList.slide .slider .slider_content > div{
    height:100% !important;
}
.contentList.slide .slider{
    width:100% !important;
}
.contentList.slide .slider .slider_content > div{
    padding-top: 12px;
}
.contentList.slide .slider .slider_content > div a{
    font-size:20px;
    color: #474948;
}
@media (max-width:768px){
    .contentList.slide{
        height:100px !important;
    }
    .contentList.slide .titleGadget{
        float: left;
        clear:both;
        position:relative !important;
    }
    .contentList.slide > div{
        float:left;
        clear:both;
        position:relative !important;
        height:50% !important;
        left:0px !important;
        margin-left: 10px;
        max-width:95%;
    }
}
/***********************************************************************/
/***************** ELENCO CONTENUTI SLIDE BLOCK ****************/
/***********************************************************************/
.contentListSlide{
    padding: 0px 0px 20px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contentListSlide .titleGadget{
    width:100% !important;
}
.contentListSlide .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.contentListSlide .repeater td{
    vertical-align:top;
}
.contentListSlide .contentList_item .label{
    font-size: 14px;
}

/***********************************************************************/
/******** ELENCO CONTENUTI SLIDE IMAGE - NO RESPONSIVE ******/
/********************WIDTH e HEiGHT FISSE **************************/
/***********************************************************************/
.contentSlide{
    text-align: center;
}
.contentSlide > div:first-child{
    position: relative !important;
    width:940px !important;
    height:480px !important;
}
.contentSlide .item .image {	
    width: 940px !important;
    height: auto !important;
}
.contentsSlide .button {
    color: #ffffff !important;
    padding: 5px 10px;
    background-color: #000000 !important;
    margin: 10px 23px 10px 50px !important;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 300!important;
    left: 10px !important;
    top: 0px !Important;
    cursor: pointer;
    position: relative !important;
    float:left;
    clear:both;
    border: none !important;
    border-radius: unset;
}
.contentsSlide .button:hover{
    background: #111111 !important;
}
.contentsSlide .labelTitle {
    padding: 20px 23px 10px 50px;
    left: 0px !Important;
    top: 0px !Important;
    float: left;
    clear: both;
    position: relative !important;
    z-index: 2 !Important;
}
.contentsSlide .labelTitle div {
    color: white;
    display: block;
    font-size: 30px;
    line-height: 35px;
    width: 200px !important;
}
.contentsSlide span.labelContent {
    padding: 10px 23px 10px 50px;
    top: 0px !important;
    left: 0px !Important;
    float: left;
    clear: both;
    min-height: 30px !important;
    position: relative !important;
    z-index:300 !important;
}
.contentsSlide .labelContent .labelContent {
    font-size: 14px;
    display: block;
    color: white;
    width: 200px !important;
    left: 0px !Important;
}

/* ELENCO CONTENUTI RELAZIONATI/CORRELATI BLOG */
.contentList .titleGadget h3, .contRel .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: capitalize;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    top: 0px !important;
}
.contentList .repeater div {
    font-size: 14px;
}
.contentList .repeater .abstractItem{
    margin-bottom:20px;
}
.contRel .grid{
    width: 95% !important;
    height: auto !important;
    margin: 20px 0px;
}
.contRel .grid_row a{
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px 0px 10px;
    transition: all 300ms ease;
    display: inline-block;
}
.contRel .grid_row a:hover{
    color:#111111;
}

/***********************************************************************/
/******************** ELENCO CONTENUTI RAWHTML *****************/
/***********************************************************************/
.list-contents {
    margin-top: 20px !important;
}
.list-contents .nav-tabs.nav-stacked {
    border: 1px solid #e3e3e3;
}
.list-contents .nav-tabs.nav-stacked > li {
    margin:0;
}
.list-contents .nav-tabs.nav-stacked > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin:0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fbfbf9;
    color: #797d7b;
    padding: 15px 20px;
    font-size: 13px;
}
.list-contents .nav-tabs.nav-stacked > li > a:hover {
    border-bottom: 1px solid #111111;
    background-color: #111111;
    color:#FFFFFF;
}
.list-contents .nav-tabs.nav-stacked > li > a {
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-border-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -moz-border-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}


/***********************************************************************/
/****************************** TAB PORTLET **************************/
/***********************************************************************/
.tabWrapper{
    margin-bottom: 20px;
}
.tabWrapper, .tabWrapper .tabs_mask,.tabWrapper .tabs_row,
.tabWrapper .tab_item, .tabWrapper .tab_content{
    height:auto !important;
    position:relative !important;
}
@media(min-width:480px) and (max-width:600px){
    .tabWrapper .tab_item{
        width:50%;
    }	
    .tabWrapper .tab,
    .tabWrapper .tab_content,
    .tabWrapper .tab_center_text,
    .tabWrapper .tab_item .tab_span a,
    .tabWrapper .tab_item.selected .tab_span a{	
        width:100%;
    }
}
@media(max-width:479px){
    .tabWrapper .tab_item{
        width:100%;
    }
    .tabWrapper .tab,
    .tabWrapper .tab_content,
    .tabWrapper .tab_center_text,
    .tabWrapper .tab_item .tab_span a,
    .tabWrapper .tab_item.selected .tab_span a{	
        width:100%;
    }
}
.tabWrapper .tab_content_sel {
    background-color: transparent;
}
.tabWrapper .tab_item{
    margin-bottom: 10px;
}
.tabWrapper .tab_item.selected .tab_span h3{
    margin-top:0px;
    margin-bottom:0px;
}
.tab_content{
    padding:0px !important;
}
.tabWrapper .tabstripContainer .tabs_row {
    width:auto !important;
}
.tabWrapper .tabstripContainer {
    background-color: #fff !important;
    background-image: none !important;
    border: none;
}
.tabWrapper .tab_item .tab_span, .tabWrapper .tab_item.selected .tab_span {
    padding: 0px !important;
}
.tabWrapper .tab_item .tab_span a{
    padding: 11px 30px !important;
    text-align: center;
    display: block;
    position: relative;
    font-size: 14px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-top: 2px solid #111111;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    background-color: #999999 !important;
    transition:all 300ms ease;
    border-right: 1px solid #fff;
    height: auto !important;
}
.tabWrapper .tab_item .tab_span a:hover{
    background-color: #111111 !important;
}
.tabWrapper .tab_item.selected .tab_span a{
    padding: 11px 30px !important;
    text-align: center;
    display: block;
    position: relative;
    font-size: 14px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-top: 2px solid #111111;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    background-color: #111111 !important;
    border-right: 1px solid #fff;
    height: auto !important;
}
.tabWrapper .tab_item.selected .tab_span a:before{
    border-color: #111111 transparent transparent;
    border-style: solid;
    border-width: 9px;
    bottom: -17px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 9px;
    margin: 0 auto;
    opacity: 1;
    z-index: 1
}

/***********************************************************************/
/********************************* STAMPA *****************************/
/***********************************************************************/
.printFooter .link{
    font-size: 12px;
    color: #0088c9;
    text-decoration: none;
}
.printFooter .testo{
    font-size: 12px;
    color: #333;
    text-decoration: none;
}
.printHeader {
    border-bottom:1px solid #999;
    float:right;
}
.printHeader .labelPrint a{
    background: url('../images/ico_stampa.png') no-repeat;
    display: inline-block;
    padding-left: 20px;
    line-height: 20px;
}
.printHeader .labelShow a{
    background: url('../images/ico_showimage.png') no-repeat;
    display: inline-block;
    padding-left: 20px;
    line-height: 20px;
}
.printHeader .labelHide a{
    background: url('../images/ico_hideimage.png') no-repeat;
    display: inline-block;
    padding-left: 20px;
    line-height: 20px;
}
@media print {
    .printHeader{
        display:none;
    }
    .printFooter{
        display:none;
    }
}


/***********************************************************************/
/****************************** AREA PERSONALE **********************/
/***********************************************************************/
.profile{
    margin-bottom:20px;
    max-width:100%;
    min-width: 300px !important;
    width:auto !important;
}
.profile .container_resource{
    padding-left: 20px;
    height: auto !important;
}
.profile .boxTitle{
}
.profile .lblTitle{
    font-size:20px;
}
.profile .labelBold {
    height:37px;
    line-height:37px;
    font-size: 12px;
}
.profile span[id$=_lblHeader] {
    width: 100% !important;
}
.profile .labelBold h3{
    margin: 0px;
}
.profile span[id*=_wrp], .profile span[id*=_wrp] input {
    height: 37px !important;
    line-height: 37px;
}
.profile .combobox{
    height: 37px !important;
    line-height: 37px;
    width: 213px !important;
}
.profile .button{
    height: 44px !important;
    padding: 0px 20px;
    left: 205px !important;
    min-width: 150px;
}
.profile .labelOk{
    font-size: 16px;
    width: 100% !important;
}
.profile .lblMenu select {    
    font-size: 14px;
    font-weight: 300;
    border: none;
    background-color: #eee;
    box-shadow: none;
}
.profile .lblMenu select optgroup,
.profile .lblMenu select option {
    color: #111111;
    background-color: #fff;
}
.profile .labelWeight{
    color: #111111;
    font-weight: 600;
    margin: 0px 5px;
}
.profile .menuview_slide {
    height: auto !important;
    margin-bottom:20px !important;
    display:block;
}

/***********************************************************************/
/********************* AREA PERSONALE - MENU **********************/
.profile .menuview_slide .menuview_font, .profile .menuview_slide .menuview_font_over{
    font-size:15px;
    padding: 10px 0px 5px 0px !important;
}
.profile .menuview_slide div[id*=_slide]{/*menu aperto*/
    display:block !important;
}
.profile td.menuview_sub_icon {
    background: url(../images/arrow1.gif) no-repeat 3px 9px;
    width: 9px;
    height:30px;
    display:none;
}
.profile .menuview_img, .menuview_img_over{
    color:#474948;	
    cursor: pointer;
    background-color: #ffffff;
}
.menuview_slide .menuview_font{
    color:#000000 !important;
    background-color: transparent !important;
    padding: 0px !important;
}
.menuview_slide .menuview_border {
    background-color: transparent !important;
}
.profile td.menuview_sub_font, td.menuview_sub_font_over {
    font-size: 13px !important;
    color: #909090 !important;
    cursor: pointer;    
    line-height: 25px;
    background-color: transparent !important;
    padding: 6px 10px 6px 15px;
    transition-duration:0.3s, 0.3s;
    transition-property:background-color, color;
    transition-timing-function:ease, ease;
}
.profile td.menuview_sub_font:hover, td.menuview_sub_font_over:hover {
    background-color: #111111 !important;
    color:#ffffff !important;
}
.profile div[id$=_container_resource] {
    width:75% !important;
}
.profile .boxMenu{
    background-color: #ffffff;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    width:20% !important;
}
.profile .lblMenu {
    margin: 0px 0px 0px 10px !important;
    display:none;	
}

@media(max-width:992px){ 
    .profile .boxMenu{
        width: 100% !important;
        min-height: 40px !important;	
        background-color: #eeeeee !important;
    }
    .profile .boxMenu table td{		
        height: 40px !important;	
        vertical-align: middle !important;
    }
    .profile .lblMenu {		
        display:block;
    }
    .profile .menuview_slide {
        display:none;
    }
    .profile div[id$=_container_resource] {
        left: 0px;
        width: 100% !important;
    }			
}

@media(max-width:768px){ 
    .myorder .box.boxButton {		
        margin-top: 0px !important;
    }
    .myorder .traceOrder .box .btnAddToCart {
        margin: 10px 5px 0px 0px !important;
        float: left;
        clear: both;
        width: 150px;
        padding:5px !important;
    }	
}

/***********************************************************************/
/***************** AREA PERSONALE - MIEI ORDINI ******************/
.myorder {
    font-size: 12px;
}
.myorder .grid_cell {
    padding: 16px 4px;
    border-bottom: 1px solid #eee;
}
.myorder .grid_cell a{
    text-decoration:underline !important;
}
.myorder .grid_cell_title {
    font-weight: 600;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 4px;
    height: 40px !important;
}
.myorder  .box {
    border:0px !important;
}
.myorder .box {
    width: auto !important;	
    margin:10px 0px !important;
    border:0px !important;
}
.myorder .box.boxButton {
    float:left !important;
}
.myorder .btnAddToCart{
    font-size: 12px;
    text-align: center;
    padding: 5px 15px;
    border: 0px;
    cursor: pointer;
}
.myorder .traceOrder .boxTotal {
    margin: 10px 0px 10px 0px !important;
    float:right;
}
.myorder .traceOrderItem{
    border-bottom: 1px solid #eee;
}
.myorder .traceOrderItem .boxStateOrder {
    float: right;    
    margin: 0px !important;
    width: 10px !important;
}
.myorder .traceOrder div[id$=_imgTracking]{
    float:right;
    margin: 11px 15px;
}

.myorder .traceOrder .labelH2{
    height: 25px;
    line-height: 25px;
    margin: 0px 0px 0px 20px !important;
}
.myorder .traceOrderItem .labelBold{
    height: 40px;
    line-height: 40px;
    margin: 0px 0px 0px 20px !important;
}
.myorder .grid_title.grid_row_title td:nth-child(1) table { /*Allineamento titolo colonna Importo*/
    margin: 0 auto;
}
.myorder .grid_title.grid_row_title td:nth-child(4) table { /*Allineamento titolo colonna Importo*/
    float: right;
}

.myorder .grid_cell.edit, .myorder .grid_cell.confirm, .myorder .grid_cell.delete, .myorder .grid_cell.download {
    padding: 16px 3px;
}
.myorder .grid_cell.edit img, .myorder .grid_cell.confirm img, .myorder .grid_cell.delete img, .myorder .grid_cell.download img{
    background-color:#7f7f7f !important;
    width: 20px;
    height: 20px;
}
.myorder .grid_cell.edit img:hover, .myorder .grid_cell.confirm img:hover, .myorder .grid_cell.delete img:hover, .myorder .grid_cell.download img:hover{
    background-color: #428bca !important;
}

.myorder .grid_cell.red {
    background-color: red;
    padding: 0px !important;
    display: inline-block;
}
.myorder .grid_cell.green {
    background-color: green;
    padding: 0px !important;
    display: inline-block;
}
.myorder .grid_cell.yellow {
    background-color: green;
    padding: 0px !important;
    display: inline-block;
}
.myorder .grid_cell.red div div,
.myorder .grid_cell.green div div,
.myorder .grid_cell.yellow div div{  
    min-height: 50px;
}

/***********************************************************************/
/**************** AREA PERSONALE - SITUAZIONE FIDO *************/
.viewcredit input.textbox {
    border: 1px solid #dcdcdc;
}
.viewcredit .labelBoldBloc{
    color:#FF0000;
    font-size:14px;
    font-weight: bold;
}
.viewcredit .box{
    border:0px !important;
}

/***********************************************************************/
/******** AREA PERSONALE - DOCUMENTI E ELENCO CLIENTI ********/
.documentList {
    font-size: 12px;
}
.documentList .grid_cell {
    padding: 11px 4px;
    border-bottom: 1px solid #eee;
    background-repeat: no-repeat;
    background-position: center center;
}
.documentList .grid_cell_title {
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 4px;
    padding-top: 3px;
    height: 40px !important;
    color: #474948;
}
.documentList  .box {
    border:0px !important;
}
.documentList .boxButton{
    border: 0px;
    background:url(../images/button.png) no-repeat;
    color:  #FFF;
    font-size: 10px;
    font-weight: bold;
    line-height:22px;
}
.documentList .labelButton {
    color:#FFF;
    font-size:11px;
    font-weight: bold;
}
.documentList .btnTrace{
    margin-bottom: 0px !important;
    padding: 8px !important;
}
.documentList .mime {
    background-color: #ddd;
    width: 40px;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10px;
}
.documentList .plupload_filelist {
    border: 1px solid #111111 !important;
}
.documentList li.plupload_droptext {
    color: #111111 !important;
}
/***********************************************************************/
/***************************** FILTER GRID ***************************/
.grid .filters_body {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight:normal;
    color:#000000;
}
.grid .filters_body{
    height: 25px !important;
    line-height: 25px !important;
    margin: 0px 3px !important;
    border: none !important;
    min-height: 25px !important;
}
.grid .filter_mask_container {
    width: 450px;
    background-color: #343434;
    box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.grid .filter_mask_top {
    height: 33px;
}
.grid .filter_mask_content {
    margin: 0 auto 0 auto;
    padding: 0px 10px 0px 10px;
}
.grid .filter_mask_container .toplabel {
    font-size: 15px;
    color: #FFFFFF;
    font-weight: normal;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.grid .buttonMaskContainer{
    top: 5px;
    right: 8px;
}
.grid .filter_mask {
    top: 4px;
    border-width: 0px;
    border-style: solid;
}
.grid .filter_mask_bottom {
    height: 15px;
}

/* Ordinamento */
.grid .grid_orderby_ul_pin {
    position: absolute;
    background-position: right;
}
.grid .grid_orderby_ul, .grid .search_fields_ul {
    right: auto;
    width: 150px;
    padding: 0 0 0 0;
    margin: 0;
    font-size: 13px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: rgba(255,255,255,0.93);
    position: absolute;
    z-index: 200;
    background-color: #343434;
    box-shadow: 0 2px 5px rgba(0,0,0,0.14), 0 2px 10px 0 rgba(0,0,0,0.12);
    text-decoration: none;
    list-style-type: none;	
}
.grid .grid_orderby_li, .grid .search_fields_li {
    padding: 0 10px 0 10px;
    line-height: 35px;
    text-shadow: none;
    border-width: 0;
    text-decoration: none;
    list-style-type: none;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    background: none !important;
}
.grid .grid_orderby_li.desc::before {    
    content: "\ea6a";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 18px;
    position: relative;
    margin-right: 5px;
}
.grid .grid_orderby_li.asc::before {    
    content: "\ea6d";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 18px;
    top: 6px;
    position: relative;
    margin-right: 5px;
}
.grid .grid_orderby_li.find::before{
    content: "\e9fb";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 16px;
    margin-right: 5px;
}
.grid .grid_orderby_li.add_desc::before{
    content: "\ebed";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 18px;
    margin-right: 5px;
}
.grid .grid_orderby_li.add_asc::before{
    content: "\ebed";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 18px;
    margin-right: 5px;
}
.grid .grid_orderby_li.del_sort::before{
    content: "\ed62";
    color: rgba(255,255,255,0.87);
    font-family: icons8_win10;
    font-size: 18px;
    margin-right: 5px;
}
.grid .filterByExampleHandler{
    display:none !important;
}
.grid .grid_orderby_ico.menu{
    background:none !important;
}
.grid .grid_orderby_ico.menu.desc::after {
    content: "\ea6a";
    color: #000000;
    font-family: icons8_win10;
    font-size: 8px;
}
.grid .grid_orderby_ico.menu.asc::after {   
    content: "\ea6d";
    color: #000000;
    font-family: icons8_win10;
    font-size: 8px;
}


/***********************************************************************/
/******************* CONTENUTO AVANZATO E TAB *******************/
/***********************************************************************/
.contentAdv{
    margin-bottom:20px;
}
.contentAdv .image{
}
.contentAdv .contentTitle{
}
.contentAdv .contentTitle, .contentAdv .contentTitle h3  {
    font-size: 33px;
}
.contentAdv .contentSubTitle{
}
.contentAdv .contentSubTitle, .contentAdv .contentSubTitle h2  {
    font-size: 21px;
}
.contentAdv .contentSlogan{
    font-size: 18px;
}
.contentAdv .label{
    font-size: 14px;
}
.contentAdv .gallerySlide,
.contentAdv .gallerySlide .slideshow-navbar-bottom,
.contentAdv .gallerySlide .slideshow-thumbnails-bottom img {
    height: 67px !important;
}
.contentAdv .boxDottedNoBg{
}
/* TAB */
.contentAdv .tabDetail{
    background-color: #ffffff;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.contentAdv .tabDetail .labelBlock{
    font-size:14px;
}
.contentAdv .tabDetail ul {
    background-color:#999999;
}
.contentAdv .tabDetail ul li{
    margin:0px !important;
}
.contentAdv .tabDetail .tab a{
    font-size: 14px !important;
    color: #fff !important;
    min-width: 134px;
    padding: 5px 10px;
    text-decoration:none;
    transition: all 300ms ease;
    display: inline-block;
}
.contentAdv .tabDetail .tab.first.active a,
.contentAdv .tabDetail .tab.active a,
.contentAdv .tabDetail .tab.last.active a{
    background-color: #111111;
}
.contentAdv .tabDetail .tab a:hover{
    background-color: #111111;
}
.contentAdv .tabDetail .titleGadgetBig, .contentAdv .tabDetail .titleGadgetBig h3 {
    color: #0088C9;
    font-weight: normal !important;
    line-height: 25px;
    height: 25px;
    padding: 0px !important;
    font-size: 18px;
}
@media(max-width:768px){
    .contentAdv .tabDetail ul li{
        width:100%;
    }
    .contentAdv .tabDetail .tab a{
        width:100%;
    }
}
/***********************************************************************/
/***************************** VOTAZIONI ****************************/
/***********************************************************************/
.rating{
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.rating span[id*=_wrp] {
    margin-left:0px !important;
    clear:both;
}
.rating .label{
    font-size:16px;
}
.rating .labelNote{
    font-size: 16px;
    margin-bottom: 10px;
    width: 100% !important;
}
.rating .labelTitle{
    color: #474948;
    font-size: 18px;
    font-weight: 300;
    height: 22px;
    letter-spacing: -0.5px;
    line-height: 22.5px;
    padding: 20px 0px;
}
.rating .radioButton input{
    width: 15px;
    height: 15px;
}
.rating .buttonRating {
    padding-bottom: 25px !important;
}
.rating .radioButton{
    color: #474948;
    width:13px;
    height:13px;
    margin:0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
}

/***********************************************************************/
/****************** TOOLBAR STAMPA BOOKMARK RSS******************/
/***********************************************************************/
.toolbar {
    background-color: #ffffff;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 0px !important;
}
.toolbar span.labelRss,.toolbar span.labelSegnala,.toolbar span.labelBookmark,.toolbar span.labelPrint{
    float: right !important;
    width: auto !important;
    padding: 0px 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.toolbar span.labelRss a,.toolbar span.labelSegnala a,.toolbar span.labelBookmark a,.toolbar span.labelPrint a{
    margin:0px 10px;
    display: inline-block;
    padding-left: 20px;
    height:20px;
    line-height:20px;
}
.toolbar span.labelRss a {
    background: url('../images/ico_rss.png') no-repeat;
}
.toolbar span.labelSegnala a {
    background: url('../images/ico_invia.png') no-repeat;
}
.toolbar span.labelBookmark a {
    background: url('../images/ico_bookmark.png') no-repeat;
}
.toolbar span.labelPrint a {
    background: url('../images/ico_stampa.png') no-repeat;
}

/***********************************************************************/
/****************************** CONTATTACI **************************/
/***********************************************************************/
.portletCont{
    min-width: 380px !important;
    width: 100% !important;
}
.portletCont textarea,
.portletCont select{
    margin:0px !important;
}
.portletCont input[type=text],
.portletCont input[type=password],
.portletCont select{
    border: 1px solid #999999;
    height: 37px !important;
}
.portletCont textarea{
    border: 1px solid #999999;
    min-height: 67px !important;
}
.portletCont input[type=text]:focus,
.portletCont input[type=password]:focus,
.portletCont select:focus,
.portletCont textarea:focus{
    background-color: #fbfbfb;
    outline:none;
}
.portletCont h3{
    color: #474948;
    text-shadow: 1px 1px 1px #FFFFFF;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal !important;
}
.portletCont input[type=button]{
    text-transform: uppercase;
    padding: 5px 10px;
    width: auto !important;
    height: auto !important;
    position: relative !important;
    float: left !important;
    left: auto !important;
    margin: 0px 3px 0px 1px !important;
}

/***********************************************************************/
/******************************** GOOGLE MAP ************************/
/***********************************************************************/
.map{
}
.map .titleGadget h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.map .marker_title{
    color:#111111;font-size:18px;font-weight:bold;padding-bottom:10px;
}
.map .marker_street{
    color:#333;font-size:14px;font-weight:normal;padding-bottom:1px;
}
.map .marker_city{
    color:#666;font-size:11px;font-weight:normal;padding-bottom:1px;
}
.map .marker_country{
    color:#666;font-size:11px;font-weight:boldnormal;padding-bottom:1px;
}

/***********************************************************************/
/*************************** SELEZIONA PAESE ***********************/
/***********************************************************************/
.listaree .titleGadgetBig{
    width:100% !important;
}
.listaree .titleGadgetBig h3{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
/* AREE GEOGRAFICHE */
.listaree .listnation .titleGadgetDotted h3{
    font-size: 20px;
    color:#474948;
    border-bottom: 1px dotted #dedede;
}
.listaree .listnation .labelCapitalize{
    font-size:14px;
    padding: 7px 0px;
}

/***********************************************************************/
/*************************** SCELTA NAZIONE ************************/
/***********************************************************************/
.choiceNation{
}
.choiceNation .labelTitleNation{
    width:100% !important;
}
.choiceNation .labelTitleNation > div{
    margin: 0px 0px 15px 0px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    font-size: 18px;
    color: #999999;
    top: 0px !important;
}
.choiceNation .labelNation {
    line-height:40px;
}

/***********************************************************************/
/*************************** REPEATER NAVBAR *************************/
/***********************************************************************/
.repeat_navbar {
    padding: 15px 0px 15px 0px;    
    overflow: hidden;
    margin: 10px 0 10px 0;
    font-size: 13px;  
}
.repeat_navbar div {
    position: relative !important;
    display: inline-block !important;
    left: 0 !important;
    top: 0 !important;
}
.repeat_navbar .navbar_count {
    float: left;
}
.navbar_pages {
    float: initial;
}
.repeat_navbar .navbar_nextprev.navbar_next {
    float: right !important;
}
.repeat_navbar.navbar_top {
    border-bottom: 1px solid #ebebeb;
}
.repeat_navbar.navbar_bottom {
    border-top: 1px solid #ebebeb;
}
.navbar_pages A, .navbar_pages A:visited {
    cursor: pointer;
    display: inline;
    margin: 0px 2px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 8px 12px;
    background-color: #ffffff;
    color: #666666;
    font-size: 12px;
}
.navbar_nextprev.navbar_next a{
    font-size: 13px;
}
.navbar_pages A:hover{
    color: #ffffff !important;
    background-color: #111111;
    border-radius: 3px;
    border: 1px solid #111111;
}
.repeater .navbar_pages.active a{
    color: #ffffff;
    background-color: #111111;
    border-radius: 3px;
    border: 1px solid #111111;
}


/***********************************************************************/
/*************************** WRAPPER BANNER  *****************************/
/***********************************************************************/
.wrapper_banner{
    /*margin:0px !important;*/
    position: relative;
    width: 100% !important;	
    background-image: url(../images/background_search.jpg);
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 70%;
    margin: 47px auto 0 !important;
}
.wrapper_banner::after {
    content: '';
    min-height: 400px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
}

@media(max-width:768px){
    .wrapper_banner{
        min-height: 300px;	
    }
    .wrapper_banner::after {		
        min-height: 300px;		
    }
}

/***********************************************************************/
/*************************** BANNER CON PULSANTI *************************/
/***********************************************************************/
.bannerButton {
    min-height: 330px;
    background: url(../images/back_banner.png) no-repeat top center;
}
.bannerButton .box {
    margin-left:0px !important;
    margin-top:0px !important;
    position: relative !important;
    min-height:30px !important;

    top: -20px;
}
.bannerButton .box .buttonbar {
    text-align:right;
    padding-right:20px;
    height:40px;
}
.bannerButton .box .buttonprev {
    display:inline-block;
    font-size:13px;
    color:#ffffff;
    font-weight:bold;
    background:url(../images/grid_prev.png) center no-repeat transparent;
    padding:0px 0px 0px 0px;
    cursor:pointer;
    height:28px;
    width:28px;
    line-height:28px;
}
.bannerButton .box .buttonnext {
    display:inline-block;
    font-size:13px;
    color:#ffffff;
    font-weight:bold;
    background:url(../images/grid_next.png) center no-repeat transparent;
    padding:0px 0px 0px 0px;
    cursor:pointer;
    height:28px;
    width:28px;
    line-height:28px;
}
.bannerButton .box .buttonitem {
    display:inline-block;
    font-size:13px;
    color:#BBB;
    font-weight:bold;
    padding:0px 5px 0px 5px;
    cursor:pointer;
    height:28px;
    line-height:28px;
}

.bannerButton .box .buttonitem.active{
    display:inline-block;
    font-size:13px;
    color:#FFF;
    font-weight:bold;
    padding:0px 5px 0px 5px;
    cursor:pointer;
    height:28px;
    line-height:28px;
}

/***********************************************************************/
/******************************** CALENDARIO ************************/
/***********************************************************************/
.SPCalendar {
    color: #FFFFFF;
    background-color: #ddd;
    font-size: 8pt;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #bbb;
    margin-top: 2px;
    z-index: 100001 !important;
    border-radius: 5px;
    width: auto !important;
    max-width: 100% !important;
}
.SPCalendar table {
    width: auto !important;
    max-width: 100% !important;
}
.SPCalendar ol,.SPCalendar ui{
    list-style: none;
    padding: 0px;
}
.SPCalendar img {
    vertical-align: middle;
}
.SPCalendar a, .hoverable .SPCalendar a:hover, .SPCalendar:visited{
    text-decoration: none;
}
.SPCalendarYear {
    background-color:#FFFFFF;
    margin-left:0px;
    z-index:100001 !important;
}
.SPCalendarMonth {
    background-color:#FFFFFF;
    z-index:100001 !important;
}
.SPCalendarHeader {
    color:#000000;
    background-color: #bbbbbb;
    font-size:9pt;
}

.SPCalendarHeader.SPCalendarComboYearsMonths{
    padding: 0;
    background-color:#F6F6F6;
}
.SPCalendarHeader.SPCalendarComboYearsMonths li, .SPCalendarHeader.SPCalendarComboYearsMonths td{
    padding: 0;
}
.SPCalendarHeaderAll a, .hoverable .SPCalendarHeaderAll a:hover, .SPCalendarHeaderAll a:visited{
    color:#D76C02;
}
.SPCalendarDragger{
    background-color:transparent;
}
.SPCalendarHeaderAll {
    color:#D76C02;
    font-size:9pt;
    background-color:transparent;
}
.SPCalendarHeader.mout {
    color:#D76C02;
    background-color:transparent;
    border-color:#000000;
}
.SPCalendarHeader.mover {
    color:#FFFFFF;
    background-color:#333333;
    border-color:#000000;
}
.SPCalendarContent {
    background-color:transparent;
    margin-top:0px;
    padding: 5px;
}
.SPCalendarBody, .SPCalendarBody:link, .hoverable .SPCalendarBody:hover {
    color:#FFFFFF;
    font-size:8pt;
}
.SPCalendarBodyTable, .hoverable .SPCalendarBodyTable:hover, .SPCalendarBodyTable:link {
    color:#FFFFFF;
    font-size:8pt;
}
.SPCalendarBody td div:first-child , .SPCalendarBody td a:first-child {
    display: inline-block;
    padding: 0;
}
.SPCalendarBodyTable td div:first-child ,.SPCalendarBodyTable td a:first-child {
    display: inline-block;
    padding: 0;
}
.SPCalendarFooter{
    background-color:transparent;
    color:#000000;
    font-size:9pt;
    width:100%;
    text-align: center;
}
.SPCalendarToday{
    background-color:#FFFFFF;
    color:#000000;
}
.SPCalendarCurrentDay{
    border-width:0px;
}
.SPCalendarSunday{
    color:#A6A6A6;
    font-weight:bold;
}
.SPCalendarSaturday{
    color:#A6A6A6;
    font-weight:bold;
}
.SPCalendarWeeks{
    color:#FFFFFF;
    font-weight:bold;
}
.SPCalendarBodyTable .SPCalendarWeekDivider *:first-child{
    padding: 0px;
}
.SPCalendarComboYearsMonths{
    color:#000000;
    font-size:8pt;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
}
a.SPCalendarFooter, .hoverable a.SPCalendarFooter:hover, a.SPCalendarFooter:visited {
    background:none;
    color:#000000;
    font-size:9pt;
}


/*  KB */
.kb_wsolrsearch {
    margin: 20px 0px !important;
}
.knowledgeBase_container{
    min-width:300px !important;
}
.knowledgeBase_container_child .repeater .repeater_wrapper .repeater_ele {
    /*width: 100%;*/
}
.knowledgeBase_container > .repeater .repeater_wrapper .repeater_ele{
    width:100% !important;
}
.knowledgeBase {
    width:100% !important;
    min-width:300px !important;
}
.knowledgeBase .title {
    margin: 0px !important;	
}
.knowledgeBase .GridKB {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 10px 20px -7px, rgba(0, 0, 0, 0.04) 0px -12px 10px -10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(236, 236, 236);
    margin: 20px 0px 0px 10px !important;
    padding: 10px;
}
.knowledgeBase .GridKB .grid_cell a {
    color: black;
    text-decoration: none;
    font-size: 15px;
    font-family: "Open Sans";
    font-weight: normal !important;
}
.knowledgeBase .title a, .knowledgeBase .title a:hover {
    font-size: 22px !important;
    font-weight: normal !important;
    color: #111111 !important;
    cursor: default !important;
}
.knowledgeBase .repeater{
    margin:0px;
}
.knowledgeBase .repeater .repeater_wrapper .repeater_ele{
    min-width: 50% !important;
    width: auto !important;
}
.knowledgeBase > .repeater .repeater_wrapper .repeater_ele{	
    /*margin-bottom: 20px;*/
}

@media (max-width: 667px){
    .knowledgeBase > .repeater .repeater_wrapper .repeater_ele{
        width:100% !important;
    }
}


/* Risultati ricerca Infinity Search */

.portletResultRaw .label{
    font-size: 22px;
    text-align: left;
    color: #111111;
    margin: 0px !important;
    padding: 0px !important;
}

.portletResultRaw .label.lblResults_ctrl {
    text-align: center !important;
    padding-bottom: 20px !important;
    font-weight: 300 !important;
}

.solrresultsgrid {
    width: 100%;
    height: auto;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    margin-top: 10px !important;
    border: none !important;
}

.solrresultsgrid .listNoBull {
    list-style-type: none;
    padding-left: 10px;
}

.solrresultsgrid .resultElement {
    width: 100%;	
    padding-top: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 10px 20px -7px, rgba(0, 0, 0, 0.04) 0px -12px 10px -10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(236, 236, 236);
    margin-bottom: 10px !important;
}

.solrresultsgrid .placeholder {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
}

.solrresultsgrid .imgMime {
    width: 24px;
    height: 24px;
}

.solrresultsgrid .alignBottom {
    vertical-align: bottom;
}

.solrresultsgrid .KBimage {
    width: 4px;
    height: 18px;
    float: left;
    padding-left: 10px;
    text-align: right;
    vertical-align: bottom;
}

.solrresultsgrid .KBimage span{
    font-size:24px;
}

.solrresultsgrid .description a {
    color: black;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: bold;
}

.solrresultsgrid .description a:hover{
    text-decoration: none;
}

.solrresultsgrid .description .categories {
    background: #ddd;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 7px;
    font-weight: normal;
}

.solrresultsgrid .description .tags {
    font-size: 11px;
    font-weight: normal;
    color: #808080;
}

.solrresultsgrid .altDescription {
    color: black;
    text-decoration: none;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 28px;
}

.solrresultsgrid .url2 a {
    color: black;
    font-size: 12px;
    margin-top: 5px;
    text-decoration: none;
}

.solrresultsgrid .url2 a:hover {
    text-decoration: underline;
}

.solrresultsgrid .lastUpdate {
    font-size: 11px;
    margin-top: 5px;
}




/* CSS file for CwComplete (a small mootools-autocompleter) */

/* Outer div (positioned absolute below the input field */
.cwCompleteOuter {
    position: absolute;
    z-index: 99999;

}

/* UL inside the outer div */
ul.cwCompleteChoices {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    list-style: none;
    list-style-position: inside;
    margin: 0;
    padding: 1px; /* ie6 trash workaround */
    /*border: 1px solid #FFFFFF;*/
    border: 1px solid #aaaaaa;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
    background: #efefef;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* LIs (choices) inside the UL */
ul.cwCompleteChoices li {
    display: block;
    cursor: pointer;
    padding: 2px;
    margin: 2px;
    text-align: left;
    color: #333;
    font-size: 10pt;
}

/* Style for hovered (selected) LIs */
ul.cwCompleteChoices li:hover,.cwCompleteChoicesHover {
    background-color: #ddd;
}

.cwCompleteChoicesHover:last-child {
    background-color: #ddd;
    border-radius: 0px 0px 5px 5px;
}

/* Style for outer div while loading values */
.cwCompleteLoading {
    /*background: transparent url('ajax-loader-pipe.gif') no-repeat;*/
    width: 112px;
    height: 12px;
    padding-bottom: 12px; /* ie6 trash workaround */
}




/*******************************************************************/
/****************************SUPPORT*****************************/
/*******************************************************************/

/* Gadget elenco centri di servizi - info*/
.CSList .labelH1 div{
    color: #214D7B;
    font-size:16px !important;
    font-weight:bold;
}
.CSList .CSlabelTitle{
    color: #111111;
    font-weight: bold;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    text-decoration: none;
}
.CSList .CSlabelBoldLink {
    color: #111111;
    font-size: 14px;
    padding-left: 18px;
}
.CSList .CSlabelBoldLink a{
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #111111;
    font-weight: bold;
    text-decoration: underline;
}
.CSList .CSlabelLink {
    color: #111111;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    text-align: right !important;
}
.CSList .CSlabelLink a{
    color: #111111;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
.CSList .buttonAddList{
    line-height:20px;
    width:24px;
    background-color:#111111 !important;
    border: 0px solid #aaaaaa;
    margin-left:0px !important;
    height:24px !important;
    color:#ffffff !important;
    cursor:pointer;
}
.CSList .buttonAddDisList{
    line-height:20px;
    width:24px;
    background-color:#cccccc !important;
    border: 0px solid #aaaaaa;
    margin-left:0px !important;
    height:24px !important;
    color:#ffffff !important;
}
.CSList .buttonNewList{
    line-height:20px;
    width:24px;
    background-color:#111111 !important;    
    border: 0px solid #aaaaaa;
    margin-left:0px !important;
    height:24px !important;
    color: #ffffff !important;
    cursor:pointer;
}
.CSList .buttonNewDisList{
    line-height:20px;
    width:24px;
    background-color:#cccccc !important;  
    border: 0px solid #aaaaaa;
    margin-left:0px !important;
    height:24px !important;
    color:#ffffff !important;
}
.centerList{
    margin-bottom:40px;
}
.centerList:hover a{
    text-decoration: underline !important;
}
.centerList .buttonAddList{	
    width: 24px !important;
    background-color: #111111 !important;
    border: 0px solid #aaaaaa !important;
    margin: 0 auto !important;
    height: 24px !important;
    color: #ffffff !important;
    cursor: pointer;
    border-radius: 0px;
    font-size: 16px !important;
}
.centerList .buttonAddDisList{
    width:24px !important;
    background-color:#cccccc !important;
    border: 0px solid #aaaaaa !important;
    margin:0 auto !important;
    height:24px !important;
    color:#ffffff !important;
    border-radius: 100%;
    font-size: 16px !important;
}

/*Gadget  elenco centri di servizi - dettaglio*/

.center .mime {
    background-color: #ddd !important;    
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 10px;
    width:50px;
    text-overflow: ellipsis;
}
.center .grid_cell {
    padding: 8px 4px;
    border-bottom: 1px solid #eee;
    background-repeat: no-repeat;
    background-position: center center;
}

.center .label{
    padding: 0px;
    margin-bottom: 10px !important;
}
.center .labelH{
    color: #000000;
    font-weight: bold;
}
.center .labelH2{
    font-size: 14px !important;
    margin-bottom: 15px;    
    padding-bottom: 5px;
}
.center .labelH3{
    color: #4397f3;
    font-weight: bold;
}
.center .form{
    color: #000000;
    font-size: 11px;
    float:right !important;
}
.center .form a:hover{
    font-size: 11px;
    color:#316cdc;
}
.center .form a{
    color: #000000;
    font-size: 11px;
}

.center .attach, .center .close, .center .save{
    opacity:1 !important;
    width:auto !important;
    min-width:82px;
    margin:0px 0px 1px 2px !important;
    line-height: unset;
}
.center .close a, .center .save a, .center .attach a {
    padding-left: 20px;
    background-color: #FFFFFF !important;
    color: #333333 !important;
    font-size: 14px;		
    padding: 2px 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight:normal;
}
.center .close a:hover, .center .save a:hover, .center .attach a:hover {
    font-size: 14px;
    color:#111111;
}

.center .close a:after {
    content:"\f048";
    font-family:icons8_win10;
    font-size:18px;
    color:#333333;;
    margin-left:5px;	
}
.center .save a:after {
    content:"\ef8b";
    font-family:icons8_win10;
    font-size:18px;
    color:#333333;
    margin-left:5px;	
}
.center .attach a:after {
    content:"\f173";
    font-family:icons8_win10;
    font-size:18px;
    color:#333333;
    margin-left:5px;	
}

.center .boxR {
    float:right !important;
    padding-bottom: 0px;
}
.center .labelR {
    font-size: 11px;
    width: 100%;
    color:#000000;
    float:right !important;
}
.center .labelR a:hover{
    font-size: 11px;
    color:#316cdc;
}
.center .buttonNew{
    line-height:40px;
    width:60px !important;
    border: 0px solid #aaaaaa;
    margin-left:0px !important;
    height:60px !important;
    color:transparent;
    cursor:pointer;
}
.center .buttonNewDis{
    line-height:20px;
    width:16px;
    border: 0px solid #aaaaaa;
    margin-left:0px !important;
    height:24px !important;
    color:transparent;
}

/*  Gadget lista ticket aperti  */

.centerList .buttonNew{
    line-height: 20px;
    width: 30px !important;
    border: 0px solid #aaaaaa;
    background-color: #111111 !important;
    margin-left: 0px !important;
    height: 30px !important;
    color: #ffffff !important;
    cursor: pointer;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    border-radius: 0px;
}
.centerList .buttonNewDis{
    line-height:20px;
    width:30px !important;
    border: 0px solid #aaaaaa;
    background-color:#cccccc !important;
    margin-left: 0px !important;
    height: 30px !important;
    color: #ffffff !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
}
.centerList .boxHeader {
    padding-left:200px;
}

/* Gadget lista ticket aperti/chiusi  */

.centerTickets {
}
.centerTickets a{
}
.centerTickets .titleGadget h3{
    font-size:14px;
    font-weight: normal;
}
.centerTickets .grid_table{	
    border: 1px solid;
    border-color: #f0f5fa;
}
.centerTickets .grid_title {
    background-color: #ffffff;
}
.centerTickets .grid_row, .centerTickets .grid_row a {
    background-color: #ffffff;
}
.centerTickets .grid_rowodd, .centerTickets .grid_rowodd a{
    background-color:transparent;
}
.centerTickets .grid_rowover, .centerTickets .grid_rowover a{
    color: #000a5b;
    font-weight:normal;
    background-color: #e2ebf5;
}
.centerTickets .grid tr.grid_title {
    background: #eff3f8;
    background-image: -moz-linear-gradient(top, #ffffff, #eff3f8);
    background-image: -webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#eff3f8));
    background-image: linear-gradient(top, #ffffff, #eff3f8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8)";
}
.centerTickets .grid td.grid_cell_title {
    background: transparent !important;
    padding:0px;
    height:20px;
    line-height: 120%;
    font-size: 11px;
    font-weight: bold !important;
    border-bottom: 1px solid #b8cce3;
    padding-top: 0px !important;
}
.centerTickets .grid_rowselected {
}
.centerTickets .grid_cell {
}

/* Gadget setting dei tickets  */

.settingTickets {
}
.settingTickets a{
}
.settingTickets .titleGadget h3{
    font-size:14px;
    font-weight: normal;
}
.settingTickets .grid_table{
    border: 1px solid;
    border-color: #f0f5fa;
}
.settingTickets .grid_title {
    background-color: #ffffff;
}
.settingTickets .grid_row, .settingTickets .grid_row a {
    background-color: #ffffff;
}
.settingTickets .grid_rowodd, .settingTickets .grid_rowodd a{
    background-color:transparent;
}
.settingTickets .grid_rowover, .settingTickets .grid_rowover a{
    color: #000a5b;
    font-weight:normal;
    background-color: #e2ebf5;
}
.settingTickets .grid tr.grid_title {
    background: #eff3f8;
    background-image: -moz-linear-gradient(top, #ffffff, #eff3f8);
    background-image: -webkit-gradient(linear, left top,left bottom, from(#ffffff), to(#eff3f8));
    background-image: linear-gradient(top, #ffffff, #eff3f8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eff3f8)";
}
.settingTickets .grid td.grid_cell_title {
    background: transparent !important;
    padding:0px;
    height:20px;
    line-height: 120%;
    font-size: 11px;
    font-weight: bold !important;
    border-bottom: 1px solid #b8cce3;
    padding-top: 0px !important;
}
.settingTickets .grid_rowselected {
}
.settingTickets .grid_cell {
}
.settingTickets .grid_navbar {
    background-color: #ffffff;
}

/* Menu selezione causale per ticket */

.center .MenuPov { /*control:Menuview*/
    border-bottom: 1px solid #111111;
    padding: 5px;
    height: 35px !important;
}
.center .MenuPov .menuview_border {
    background-color:transparent;
}
.center .MenuPov .menuview_font {
    color: #444;
    font-size: 13px;
    padding: 0px 10px 0px 2px;
    font-weight: 400;
    background-color:transparent;
    cursor:pointer;
}
.center .MenuPov .menuview_font a{
    color:#000000;
    font-size:9px;
    font-weight:normal;
    background-color:transparent;
    cursor:pointer;
}
.center .MenuPov .menuview_font_over {
    color: #444;
    font-size: 13px;
    padding: 0px 10px 0px 2px;
    font-weight: 400;
    background-color:transparent;
    cursor:pointer;
}
.center .MenuPov .menuview_font_over a{
    color:#910000;
    font-size:9px;
    font-weight:normal;
    cursor:pointer;
}
.center .MenuPov .menuview_img_sx{
}
.center .MenuPov .menuview_img_sx_over{
}
.center .MenuPov .menuview_img,
.center .MenuPov .menuview_img_over{
    padding-left:5px;
    padding-right:5px;
    background-color:transparent;
}
.center .MenuPov .menuview_img_dx{
}
.center .MenuPov .menuview_img_dx_over{
}
.center .MenuPov .menuview_sep{
    width:3px;
}
.center .MenuPov .menuview_icon{
}
.center .MenuPov .menuview_icon_over{
}
.center .MenuPov .menuview_sub_border{
    background-color:#CCCCCC;
    border:0 solid #CCCCCC ;
    width:120px;
}
.center .MenuPov .menuview_sub_font {
    color:#000000;
    font-size:9px;
    font-weight:normal;
    cursor:pointer;
}
.center .MenuPov .menuview_sub_font a{
    color:#000000;
    font-size:9px;
    font-weight:normal;
    cursor:pointer;
}
.center .MenuPov .menuview_sub_font_over {
    color:#316cdc;
    font-size:9px;
    font-weight:normal;
    cursor:pointer;
}
.center .MenuPov .menuview_sub_font_over a{
    color:#316cdc;
    font-size:9px;
    font-weight:normal;
    cursor:pointer;
}
.center .MenuPov .dropdown {
    display:none;
    margin:0px;
    padding:0px;
    list-style:none;
}
.center .MenuPov .dropdown ul{
    margin:0px;
    padding:0px;
    background-color:#CCCCCC;
    border:0 solid #CCCCCC ;
    width:120px;
    list-style:none;
}
.center .MenuPov .dropdown li{
    margin:0px;
    padding:5px;
    width:120px;
    background-color:transparent;
    cursor:pointer;
}
.center .MenuPov .dropdown a{
    text-decoration:none;
    color:#000000;
    font-size:9px;
    font-weight:normal;
    background-color:transparent;
    width:100%;
}
.center .MenuPov .dropdown a:hover{
    color:#910000;
    font-size:9px;
    font-weight:normal;
    background-color:transparent;
}
.center .MenuPov .dropdown ul li{
    border-top:0px;
    margin-left:-1px;
}
.center .MenuPov .dropdown li.submenu-down{
    background:transparent center left no-repeat;
    padding-left:20px;
    width:105px;
}
.center .MenuPov .dropdown li.submenu-left{
    background:transparent center right no-repeat;
    padding-right:20px;
    width:105px;
}

/************************************************************/
/************************************************************/
/********************CLASSI AGGIUNTE*********************/
/************************************************************/
/************************************************************/

html{
    height:100%;
}
.loginPageBody{
    height: 100%;
    background-image: url(../images/background_search.jpg);    
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}
.wrapper.login {
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(0,0,0,0.3)
}
.container.login{
    display: table-cell;
    vertical-align: middle;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align:center;
}
.row.login {
    background-color: rgba(255,255,255,0.94);
    box-shadow: 0 10px 20px -7px rgba(0,0,0,0.09), 0 -12px 10px -10px rgba(0,0,0,0.04);
    width: 600px;
    height: 600px;
    display:inline-block;
}
.container.login .showImage {
    padding: 46px 0px 10px 0px;
}

.center{
    margin: 10px 0px;
}
.center .centerName {
    font-size: 28px;
    border-bottom: 2px solid #111111;
    color: #111111;
    padding: 0px 0px 5px 0px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
}
.center .centerDescri {
    font-size: 22px; 
    color:#111111	
}
.center .labelOk {
    font-size: 20px;
    width: 100% !important;
    min-height:70px !important;
    text-align:center;
}
.center .labelH1{ 
    padding-bottom: 20px;
    color: #111111;
    padding: 10px 0px 0px 0px !important;
    font-weight: bold;
    font-size: 25px;
}
.center .boxFloat{
    min-height: 86px !important;
    margin: 0px !important;
    clear: none !important;
}
.center .boxFloat .labelBold {
    margin: 10px 0px 0px 0px !important;
}
div[class*=_gadget_center] .repeater_wrapper {
    text-align: center;
}
.center .repeater .repeater_ele{
    display: inline-block;
    float:none !important;
    max-width: 85% !important;
    overflow: hidden;
}

.center select{
    margin:0px !important;
}

.centerList .labelH2{
    width:auto !Important;
}
.centerList .labelH2 a{
    color: #111111;
    font-size: 25px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 10px 0px !important;	
    text-decoration:none;
}
.centerList .labelH2 a:hover{
    text-decoration: underline;
}
.centerList .repeater .recapiti{
    height:25px;
    float:left;
}
.CSList .CSlabelTitle a {
    color: #111111;
    font-size: 18px !important;
    font-weight: 400;
    text-decoration:none;
}

/*
.totalticket{
    margin: 29px 0px;
}
.totalticket .labelH1 {
    color: #111111;
    font-size: 25px !important;
    top: 0px !important;
    font-weight: 700;
}
.totalticket .labelH2 a{
    color: #111111;
    font-weight: 400;
    text-decoration: none;
    font-size: 12px;
    text-transform: lowercase
}
.totalticket .labelH2 a:hover{
    text-decoration: underline;
}
.totalticket .buttonNewList{
    width: 24px !important;
    background-color: #111111 !important;
    border: 0px solid #aaaaaa !important;
    margin: 0 auto !important;
    height: 24px !important;
    line-height: 24px !important;
    color: #ffffff !important;
    cursor: pointer;
    border-radius: 0px;
    font-size: 12px !important;
}
.totalticket .grid_table .grid_title.grid_row_title {
    background-color: #FFFFFF;
    border-bottom: 1px solid #111111;
}
.totalticket .grid_table .grid_title tr td, .totalticket .grid_table .grid_title tr td div {
    font-size: 13px;
    color: #111;
    font-weight: 600;
    text-transform: uppercase;
}
.totalticket .grid_table .grid_title.grid_cell_title {
    padding:2px;
}
.totalticket .grid_table .grid_cell{
    padding:4px 2px;
    font-size: 13px;
}
.totalticket .grid_table tr td,
.totalticket .grid_table tr td div {
    white-space: normal !important;
}
.totalticket .grid_table tr td div a{
    color:#0070c9 !important;
}
.totalticket .grid_table .grid_navbar tr td, 
.totalticket .grid_table .grid_navbar tr td div {
    white-space: nowrap !important;
}
*/

.recapiti span[class$=phone],
.recapiti span[class$=mail]{
    padding:5px  0 !important;
    left:0px;
    display: contents;
}
.recapiti span[class$=phone] div:before {
    content: "\ebc1";
    font-family: icons8_win10;
    font-size: 18px;
    margin-right: 5px;
    color: #111111;
}
.recapiti span[class$=mail] div:before {
    content: "\f0cf";
    font-family: icons8_win10;
    font-size: 18px;
    margin-right: 5px;
    color: #111111;
}
.recapiti div[class$=Image_ctrl] {
    display: none !important;
}

.centerdescri{
    margin-top:20px !important;	
    color: #111111;
}
.centerdescri span[id$=_lblHeader] {
    left: 4px;
}
.centerdescri span[id$=_lblHeader] {
    font-weight:bold;
    font-size:25px;
}
.centerdescri span[id$=_lbGrid] {
    display:none;
}
.centerdescri .grid {
    top: 51px !important;
}
.centerdescri .grid_row, .centerdescri .grid_rowodd {
    height: 25px !important;
}
.center .box{
    background-color:transparent ;
    border:0px !important;
}
.center .boxG span {
    min-width: 290px;
    max-width: 600px;
    width: 90% !important;
    margin: 0px !important;
}
.center .boxF span {	
    margin: 0px !important;
}
.center .boxG , .center .boxF  {
    margin: 10px 0 !important;
}
.center .labelH4 {
    padding: 15px 0px 5px 0px !important;
    font-size: 14px;
    font-weight: 600;
}
.center div[id$=_BoxCenter] {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
}
.center .repeater .ticketItem{
    margin-top: 10px;   
}
.center .repeater .ticketItem .bubble{
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 10px 20px -7px, rgba(0, 0, 0, 0.04) 0px -12px 10px -10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(236, 236, 236);
    border-image: initial;
    border-radius: 2px;
}
.center .repeater .ticketItem .bubble::before {
    background-color: #bd1414;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 23px;
    transform: rotate( 45deg ) skew( 0deg );
    -moz-transform: rotate( 45deg ) skew( 0deg );
    -ms-transform: rotate( 45deg ) skew( 0deg );
    -o-transform: rotate( 45deg ) skew( 0deg );
    -webkit-transform: rotate( 45deg ) skew( 0deg );
    width: 15px;
    left: -8px;
    background: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 15px;
}
.center .ticketItem .boxHeaderItem {
    border: none;
    background-color: transparent !important;
}
.center .labelClient,
.center .labelOperator {
    color: #111111;
    font-size: 12px;
}
.center .labelClient:before {
    content: '\ee78';
    margin-right: 5px;
    font-family: icons8_win10;
    font-size:12px;
}
.center .labelOperator:before {
    content: '\ec5b';
    margin-right: 5px;
    font-family: icons8_win10;
    font-size:12px;
}
.center .labelTo:before {
    content: '\ec72';
    margin: 0px 5px 0px 5px;
    font-family: icons8_win10;
}
.center .repeater .ticketItem .boxSeparator {
    display:none;
}
.center .repeater .ticketItem .label {
    padding: 0px;
}
.center .ticketItem .labelDate{
    top: 60px !important;
    font-size: 11px;
    background-color: #fffffe;
    padding-bottom: 15px;	
    width: 60px;
    margin-left: -5px;
}
.center .ticketItem .box {
    background-color: #ddd;
    top:95px !important;	
}
.center .repeater_wrapper tr:nth-last-child(2) .box {
    display: none;
}
.center .ticketItem div[id$=_imViewTicket] img,
.center .ticketItem div[id$=_imAttach] img {
    display: none;
}
.center .ticketItem div[id$=_imViewTicket] a:before {
    content: '\f0ba';
    font-family: icons8_win10;
    font-size: 20px;
    color: #999;
    padding: 5px;
    border-radius: 100%;
}
.center .ticketItem div[id$=_imAttach] a:before {
    content: '\f173';
    font-family: icons8_win10;
    font-size: 20px;
    color: #999;
    padding: 5px;
    border-radius: 100%;
}
.center .ticketItem div[id$=_imViewTicket] a:hover:before,
.center .ticketItem div[id$=_imAttach] a:hover:before {
    color: #111111;
}
div[id$=_CompZone] .center {
    padding: 20px 20px 0px 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.09) 0px 10px 20px -7px, rgba(0, 0, 0, 0.04) 0px -12px 10px -10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(236, 236, 236);
    border-image: initial;
    border-radius: 2px;
}
@media(max-width:768px){
    .boxHeaderItem{
        min-height:60px !important;
    }
}
@media(max-width:540px){
    .boxHeaderItem{
        min-height:80px !important;
    }
}
@media(max-width:480px){
    .boxHeaderItem{
        min-height:100px !important;
    }
}

/* PORTLET RICERCA INFINITY SEARCH*/

.portletSearch{
    max-width:900px; 
    height:auto !important;	
    min-height:120px;
    background-color:transparent !important;
    top: 50px;
}
::placeholder {
    color: rgba(255, 255, 255, .8);
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, .8);    
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(255, 255, 255, .8);    
}
.portletSearch .textboxSearch{
    border:1px solid #FFFFFF !important;
    border-radius: 0px !important;
}
.portletSearch .labelTitleSearch{	
    color:#ffffff;
    font-size: 3em;
    font-weight: 100 !important;
    letter-spacing: -.5px;	
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 600 !important;
    letter-spacing:-.5px;
}
@media(min-width:300px){
    .portletSearch .labelTitleSearch{	
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        letter-spacing:-.5px;
        margin-top: 0px;
        font-size:2em;
    }
}
@media(min-width:900px){
    .portletSearch .labelTitleSearch{	
        font-size:3em;
        font-weight: 600 !important;
    }
}
.portletSearch .labelSubTitleSearch{
    font-size:14px;
    color:#ffffff;
    font-weight: 300 !important;
}
.portletSearch .labelAreaSearch a {
    line-height: 35px;
    padding-left: 10px;
    min-height: 35px !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    background-color: transparent !important;
    font-size: 14px;
    color: #666666;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}
.portletSearch .labelAreaSearch a b{
    font-weight:normal !important;
}
.portletSearch .labelAreaSearch a:focus {
    text-decoration:none;
}
.portletSearch .labelAreaSearch a:hover, .portletSearch .labelAreaSearch a:hover:after {
    color: #333333 !important;
    background-color: transparent !important;
}
.portletSearch .labelAreaSearch a:after {
    content: "\f143";
    font-family: icons8_win10;
    font-size: 16px;
    right: 0;
    margin: 0 20px 0 0;
    position: absolute;
    color: rgba(255,255,255,.7);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media(max-width:900px){
    .portletSearch{		
        min-height:150px;	
        top: 70px;
    }
}
@media(max-width: 476px){
    .portletSearch{		
        min-height:180px;	
    }
    .portletSearch .labelAreaSearch a{
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
    }
}
.portletSearch .imageIconKb,
.portletSearch .imageIconSearch {
    line-height: 37px !important;
    background-color: transparent !important;
    color: #666666;
    opacity:1;
    height: 37px !important;
    font-size: 20px !important;
    border-right: 0px;
    -webkit-transition:none;
    transition:none;
}
.portletSearch .imageIconKb:hover,
.portletSearch .imageIconSearch:hover {
    color: #333333 !important;
}
.portletSearch .imageIconSearch{
    transition: none !important;
}
.portletSearch .imageIconKb {
    border-right: 1px solid rgba(255, 255, 255, .5) !important;
}
.portletSearch .lblSearchLang_ctrl{
    color: #999999;
    text-decoration: none;
    font-size:13px;
    font-weight: bold !important;	
}
.portletSearch .lblLanguage_ctrl{	
}
.portletSearch .lblLanguage_ctrl a{
    text-decoration: none;
    font-size: 13px;
    padding: 1px 15px;
    border: 1px solid #bbb;
    display: inline-block !important;
    transition: none;
    font-weight: normal !important;    
    color: #FFFFFF !important;
}
.portletSearch .lblLanguage_ctrl a:hover {	    
}
.portletSearch .imageDown a:after {
    content: "\f143";
    font-family: icons8_win10;
    font-size: 16px;
    margin: 5px 0px 0px 15px;
}
.portletSearch  .labelRightFloat {
    color: #999999;
    text-decoration: none;
    font-size:13px;
}
.portletSearch .chkMLT_ctrl {
    width: auto !important;
}
.portletSearch .chkFuzzy_ctrl {
    width: auto !important;
}
.portletSearch .layerBorderLight {
    border: 1px solid #dddddd;
    background-color: #fff;
    height: auto !important;
}
.portletSearch .layerBorderLight > div{
    overflow-y: auto !important;
    overflow-x: hidden !important;	
}
.portletSearch .GridNoBackground input{
    width: 20px;   
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    height: 20px;
}
.portletSearch .GridNoBackground input:focus {
    outline: none;
}
.portletSearch .GridNoBackground input:before {
    content: "\f096";
    color: transparent;
    font-family: FontAwesome;
    float: left;
    margin-right: 5px;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
}
.portletSearch .GridNoBackground input:checked:before {
    content: "\f00c";
    color: #111111;
    font-family: FontAwesome;
    margin-right: 5px;
    border: 1px solid #ddd;
    width: 20px;
    line-height: 20px;
    text-align: -webkit-center;
}
.portletSearch .GridNoBackground .grid_row td div,
.portletSearch .GridNoBackground .grid_rowodd td div,
.portletSearch .GridNoBackground .grid_row td div a,
.portletSearch .GridNoBackground .grid_rowodd td div a{
    padding: 4px 0px 0px 5px;	
    transition:none;
    font-size: 1.15em;
    font-weight: 300;
    color: rgba(0, 0, 0, .87);
}
.portletSearch .GridNoBackground .grid_row:hover td div, 
.portletSearch .GridNoBackground .grid_rowodd:hover td div,
.portletSearch .GridNoBackground .grid_row:hover td div a,
.portletSearch .GridNoBackground .grid_rowodd:hover td div a{		
    color: rgba(0, 0, 0, .5) !important;
}
.portletSearch .imageDown a{
    border: none;
    padding: 0px;
}
.portletSearch .imageDown {
    float: left;
    position: relative !important;
    display: none !important;
}
.portletSearch .label.check{	
    border-radius: 0;
    cursor: pointer;
    width: auto !important;
    color: #FFFFFF !important;
    transition: color .3s ease-in-out;

    display:none !important;
}
.portletSearch .label.check:hover {        
    color: #EEEEEE !important;
}
.portletSearch .label.check div{
    width: auto !important;
    float: right;
}
.portletSearch .label.check.selected {	
    cursor: pointer;	
    width: auto;
    color: #ffffff !important;
}
.portletSearch .label.check:before{	
    content: "\f096";
    color: transparent;
    font-family: FontAwesome;
    float: left;
    margin-right: 5px;
    border: 1px solid #FFFFFF;
    width: 20px;
}
.portletSearch .label.check.selected:before{
    content: "\f00c";
    color: #FFFFFF;
    font-family: FontAwesome;
    float:left;
    margin-right: 5px;
    width: 20px;
}



/*  DIV DIALOG */
.labelDialogWrapper {
    width: 100%;
    height: 100%;
    background-color: rgba(6, 6, 6, .1);
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;	
}
.labelDialog{
    width: 500px;
    height: 200px !important;
    background-color: #fafafa;
    position: fixed !important;
    top: calc((100vh - 300px) / 2 );
    left: calc((100vw - 500px) / 2);
    margin: 0px !important;
    box-shadow: rgba(0, 0, 0, 1) 0px 10px 20px -7px, rgba(0, 0, 0, 0.1) 0px -12px 10px -10px;
    overflow: hidden !important;
    display:none;	
}
@media(max-width:540px){
    .labelDialog{
        width: 320px !important;	
        left: calc((100vw - 320px) / 2);    		
    }
}
.labelDialogText {
    width: 100% !important;
    height: 160px !important;
    padding: 5px;
    overflow-y: auto !important;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.labelDialogClose {
    width: 100% !important;
    height: 40px !important;
    bottom: 0px;
    position: absolute;
    padding: 0px 15px;
    background-color: #111111;
    text-align: right;
    box-sizing: border-box;
}
.labelDialogClose a{
    line-height: 40px;
    font-size:14px;
    color:#ffffff;
}
.iconNewTicket:before {
    font-family: icons8_win10;
    content: "\eb60";
    font-size: 90px;
    margin: 10px;
    color: #666;
} 


/*Modal layer*/
.spModalLayer{
    border:none !important;
}
.spModalLayer .spModalLayer_draglayer {
    background-color: #999999 !important;
	  height:26px; 
  background-color: rgb(52, 127, 196); 
  width: 100%; 
}
.spModalLayer .spModalLayerMaximize{
    display:none !important;
}

.spModalLayer .icon_container { 
  position: absolute; 
  z-index: 1; 
  top:0px; 
  right:0px; 
} 
  
.spModalLayer .icon_container .spModalButton { 
  display: inline-block; 
  vertical-align: top; 
  -webkit-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
  cursor:pointer; 
  text-align:center; 
  z-index:10001; 
} 
.spModalLayer .icon_container .spModalButton:last-child { 
    margin-right: 0; 
} 
.spModalLayer .spModalLayer_closebtn{ 
  height:26px; 
  width:50px; 
} 
.spModalLayer .spModalLayer_closebtn::after{ 
  content: "\F048"; 
  color: #FFFFFF; 
  font-family: icons8_win10; 
  font-size: 18px; 
  vertical-align: middle; 
  text-align: center; 
  line-height:26px; 
} 

/************************************************************/
/************************************************************/
/********************TINY MsCE*********************/
/************************************************************/
/************************************************************/
/*.mce-panel {
    background-color: #111111 !important;
        border:1px solid #eee !important;
}
.mce-btn {
    background-color: #111111 !important;
}
.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
    background-color: #333333 !important;
}
.mce-ico {
    color: #FFFFFF !important;
}
.mce-menubtn button {
    color: #FFFFFF !important;
}
.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
    color: #FFFFFF !important;
}
*/