@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

body {
    font-family: 'Segoe UI', 'Roboto', sans-serif;
    font-size: 14px;
}

html,body {
  height: 100%; margin: 0px; padding: 0px; }


/*inizio BREADUNOP*/

.breadunop {
    display: flex;
    border-radius: 10px;
    margin: auto;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 40px;
    transform: translateY(-50%);
    z-index: 1;
    justify-content: left;
}


.breadunop__item {
    height: 100%;
    background-color: white;
    color: #252525;
    font-family: 'Oswald', sans-serif;
    border-radius: 7px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transform: skew(-21deg);
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    margin: 5px;
    padding: 0 40px;
    cursor: pointer;
}


    .breadunop__item:hover {
        background: #490099;
        color: #FFF;
    }


.breadunop__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
    transform: skew(21deg);
}

.breadunop__title {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


@media all and (max-width: 1000px) {
    .breadunop {
        height: 35px;
    }

    .breadunop__title {
        font-size: 11px;
    }

    .breadunop__item {
        padding: 0 30px;
    }
}

@media all and (max-width: 710px) {
    .breadunop {
        height: 30px;
    }

    .breadunop__item {
        padding: 0 20px;
    }
}


/*FINE BREADUNOP*/



#navbar {
  margin-bottom:0; }

.alert {
  border-radius: 0; }


span.Rosso {
    color: #cc0000;
    font-weight: bold;
}

span.Nero {
    color: #000000;
    font-weight: bold;
}

.container {
  width:100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto; }

.col-xs-1, .col-sm-1, .col-md-1, .col-sm-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-sm-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-sm-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-sm-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-sm-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-sm-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-sm-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-sm-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-sm-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-sm-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-sm-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-sm-12 {
  position: relative;
  height:100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0; }

.row {
  margin-right: 0;
  margin-left: 0; }

.footer {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none; }

/*.panel {
  border:none; }*/


/* Sidebar Styles */

.flex-container {
    /* We first create a flex layout context */
    display: flex;
    /* Then we define the flow direction 
     and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
    flex-flow: row wrap;
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}

.flex-item {    
    padding: 5px;
    width: 200px;
    height: 150px;
    margin-top: 10px;
    line-height: 150px;
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}



/*END SIDEBAR*/

.btn-noproc {
  background-color: #666666;
  border-color: #666666;
  background-image:url('../icons/no_proc.png');
  background-repeat:no-repeat; 
  background-position:  5px 6px;
  height:30px;
   -webkit-border-top-right-radius: 4px !important;
-webkit-border-bottom-right-radius: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomright: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}

.btn-noproc:hover {
  background-color: #ff8666 !important;   
   border-color: #ff8666;
  background-image:url('../icons/no_proc.png');
  background-repeat:no-repeat; 
  background-position:  5px 6px;
  height:30px;
   -webkit-border-top-right-radius: 4px !important;
-webkit-border-bottom-right-radius: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomright: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
} 

.btn-proc:hover {
  background-color: #ff8666 !important;   
   border-color: #ff8666;
  background-image:url('../icons/proc.png');
  background-repeat:no-repeat; 
  background-position:  5px 6px;
  height:30px;
   -webkit-border-top-right-radius: 4px !important;
-webkit-border-bottom-right-radius: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomright: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
} 

.btn-proc {
  background-color: #666666;
  border-color: #666666;
  background-image:url('../icons/proc.png');
  background-repeat:no-repeat; 
  background-position:  5px 6px;
  height:30px;
   -webkit-border-top-right-radius: 4px !important;
-webkit-border-bottom-right-radius: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-radius-bottomright: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}



ul
{
    list-style-type: none;
}

.modalBackground {
   background-color: #ccdeff;  
	/*filter:alpha(opacity=90);
	opacity:0.8;
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);*/
    -webkit-filter: blur(5px);     
    filter: blur(5px); 
    opacity:0.8;
}
.modalPopup {
    background-color: transparent;
    padding-top: 10px;
    padding-left: 10px;
}

.top-modal {
    z-index: 99999;
}

/* AUTOCOMPLETE */
.autocomplete_completionListElement {
    border: solid 1px #444444;
    margin: 0px;
    padding: 2px;
    height: 100px;
    overflow: auto;
    background-color: #FFFFFF;
    z-index: 100002 !important;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffc0c0;
}


.autocomplete_listItem div {
    padding: 10px;
    cursor: pointer;
    background-color: #ffff99;
    border-bottom: 1px solid #d4d4d4;
}

    /* AutoComplete item */
.autocomplete_listItem {
    color: #1C1C1C;
}


.progress-button{
	display: inline-block;
	font-size:24px;
	color:#fff !important;
	text-decoration: none !important;
	padding:14px 60px;
	line-height:1;
	overflow: hidden;
	position:relative;

	box-shadow:0 1px 1px #ccc;
	border-radius:2px;

	background-color: #51b7e6;
	background-image:-webkit-linear-gradient(top, #51b7e6, #4dafdd);
	background-image:-moz-linear-gradient(top, #51b7e6, #4dafdd);
	background-image:linear-gradient(top, #51b7e6, #4dafdd);
}

.badge_tab {
    position: relative;
    top: -1px;
    right: 2px;
    padding: 2px 8px;
    border-radius: 100%;
    background: red;
    color: white;
    z-index: 10000 !important;
    animation: badgemove 2s forwards infinite;
}

.badge_dash {
    position: relative;
    top: -163px;
    right: -95px;
    padding: 13px 20px;
    border-radius: 100%;
    background: red;
    color: white;
    animation: badgemove 4s forwards infinite;
}
@-webkit-keyframes badgemove {

    0% {
        background-color: red;
    }

    50.0% {
        background-color: #faf602;
    }

    100.0% {
        background-color: red;
    }
   
}

@keyframes badgemove {

    0% {
        background-color: red;
    }

    50.0% {
        background-color: #faf602;
    }

    100.0% {
        background-color: red;
    }
}


/**LOGIN*/

.login-container {
    max-width: 350px;
    margin: 80px auto;
    padding: 40px 60px 20px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    text-align: center;
}

    .login-container input.form-control[type="text"] {
        background: #fafafa;
        border: 1px solid #dbdbdb;
        margin-bottom: -1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 36px;
        font-size: 14px;
    }
    .login-container input.form-control[type="password"] {
        border-top-right-radius: 0;
    }

.btn-login {
    background-color: #3897f0;
    color: white;
    font-weight: bold;
    border: none;
}

    .btn-login:hover {
        background-color: #318ce7;
    }


/*.profile-img {
    margin: 0 auto 10px;
    display: block;
}

.form-signin
{
    max-width: 270px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{*/
   /* margin-bottom: 10px;*/
    /*border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.account-wall {
    background-color: rgb( 33, 41, 66 );
    border-radius: 27px 27px 27px 27px;  
    border-top: 10px solid #206320;
    border-bottom: 10px solid #206320;
    margin-top: 20%;
    padding: 40px 0px 20px 0px;
    background-color: #f2f2f2; 
}

.login-title {
    color: #555;
    display: block;
}*/

/**FINE LOGIN*/


.progress-button.in-progress,
.progress-button.finished{
	color:transparent !important;
}

.progress-button.in-progress:after,
.progress-button.finished:after{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	padding-top: inherit;
	color: #fff !important;
	left: 0;
}

/*	If the .in-progress class is set on the button, show the
	contents of the data-loading attribute on the butotn */

.progress-button.in-progress:after{
	content:attr(data-loading);
}

/* The same goes for the .finished class */

.progress-button.finished:after{
	content:attr(data-finished);
}

/* The colorful bar that grows depending on the progress */

.progress-button .tz-bar{
	background-color:#e667c0;
	height:3px;
	bottom:0;
	left:0;
	width:0;
	position:absolute;
	z-index:1;

	border-radius:0 0 2px 2px;

	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	transition: width 0.5s, height 0.5s;
}

/* The bar can be either horizontal, or vertical */

.progress-button .tz-bar.background-horizontal{
	height:100%;
	border-radius:2px;
}

.progress-button .tz-bar.background-vertical{
	height:0;
	top:0;
	width:100%;
	border-radius:2px;
}


/*----------------------------
	Color themes
-----------------------------*/


.progress-button.red{
	background-color: #e6537d;
	background-image:-webkit-linear-gradient(top, #e6537d, #df5179);
	background-image:-moz-linear-gradient(top, #e6537d, #df5179);
	background-image:linear-gradient(top, #e6537d, #df5179);
}

.progress-button.red .tz-bar{
	background-color:#6876b4;
}


.progress-button.green{
	background-color: #64c896;
	background-image:-webkit-linear-gradient(top, #64c896, #5fbd8e);
	background-image:-moz-linear-gradient(top, #64c896, #5fbd8e);
	background-image:linear-gradient(top, #64c896, #5fbd8e);
}

.progress-button.green .tz-bar{
	background-color:#9e81d6;
}



/* HIDE RADIO */
.hiddenradio [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.hiddenradio [type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.hiddenradio [type=radio]:checked + img {
  outline: 2px solid #666666;
}


/*----------------------------
	The Demo Footer
-----------------------------*/


.btn {
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
}

.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

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


.panel-info {
  border-color: #666666;
  border-radius:0px !important;
}
.panel-info > .panel-heading {
  color: #FFF;
  background-color: #666666;
  border-color: #dddddd;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color:#666666;
}
.panel-info > .panel-heading > .dropdown .caret {
  border-color:#666666 transparent;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #666666;
}

.panel-attenzione {
  border-color: #ff8000;
  border-radius:0px !important;  
}
.panel-attenzione > .panel-heading {
  background-color: #ff8000 !important;
  color: #FFF;
  border-color: #ff8000;
}
.panel-attenzione > .panel-heading + .panel-collapse .panel-body {
  border-top-color:#ff8000;
}
.panel-attenzione > .panel-heading > .dropdown .caret {
  border-color:#ff8000 transparent;
}
.panel-attenzione > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ff8000;
}


.panel-error {
  border-color: #ff8666;
  border-radius:0px !important;
}
.panel-error > .panel-heading {
  color: #FFF;
  background-color: #ff8666;
  border-color: #dddddd;
}
.panel-error > .panel-heading + .panel-collapse .panel-body {
  border-top-color:#ff8666;
}
.panel-error > .panel-heading > .dropdown .caret {
  border-color:#ff8666 transparent;
}
.panel-error > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ff8666;
}


.btn-red {
  background-color: #19acca;
  border-color: #19acca;
  font-size: 14px;
  color: #ffffff;
  white-space: normal !important;
    word-wrap: break-word;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  opacity: 0.70;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(46, 204, 113, 1);
-moz-box-shadow:    0px 0px 11px 0px rgba(46, 204, 113, 1);
box-shadow:         0px 0px 11px 0px rgba(46, 204, 113, 1);
}
.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active {
  opacity: 0.89;
  color: #ffffff;
}


.btn-blu {
  background-color: #19acca;
  border-color: #19acca;
  color: #FFFFFF;
  white-space: normal !important;
    word-wrap: break-word;
}
.btn-blu :hover,
.btn-blu :focus,
.btn-blu :active,
.btn-blu .active {
opacity: 0.89;
}
.btn-blu .disabled:hover,
.btn-blu .disabled:focus,
.btn-blu .disabled:active,
.btn-blu .disabled.active,
.btn-blu [disabled]:hover,
.btn-blu [disabled]:focus,
.btn-blu [disabled]:active,
.btn-blu [disabled].active,
fieldset[disabled] .btn-blu :hover,
fieldset[disabled] .btn-blu :focus,
fieldset[disabled] .btn-blu :active,
fieldset[disabled] .btn-blu .active {
 opacity: 1;
}

.btn-bluLight {
  background-color: #9ec9ff;
  border-color: #9ec9ff;
  color: #FFFFFF;
  white-space: normal !important;
    word-wrap: break-word;
}
.btn-bluLight :hover,
.btn-bluLight :focus,
.btn-bluLight :active,
.btn-bluLight .active {
opacity: 0.89;
}
.btn-bluLight .disabled:hover,
.btn-bluLight .disabled:focus,
.btn-bluLight .disabled:active,
.btn-bluLight .disabled.active,
.btn-bluLight [disabled]:hover,
.btn-bluLight [disabled]:focus,
.btn-bluLight [disabled]:active,
.btn-bluLight [disabled].active,
fieldset[disabled] .btn-bluLight :hover,
fieldset[disabled] .btn-bluLight :focus,
fieldset[disabled] .btn-bluLight :active,
fieldset[disabled] .btn-bluLight .active {
 opacity: 1;
}



.overlay 
{
 color:black; 
  display: block; 
visibility: visible; 
position: absolute; 
z-index: 1; 
top:50%;
left:50%;
width:550px;
height:400px;
background-color: #00aba9; 
text-align: center; 
padding-top: 20%; 
filter: alpha(opacity=75); 
opacity: 0.75; 
}



.ShopBagEmpy {
    background: url(../icons/ShoppingBag_empty.png) no-repeat center;
    width:48px; 
    height:48px;
    padding-left:2px;   
    padding-top:25px;        
    position: absolute ;
    display:  block;  
}

.ShopBagFull { 
  background: url(../icons/ShoppingBag_full.png) no-repeat center;
  width:48px; 
  height:48px;
  padding-left:2px;   
  padding-top:25px;  
  position: absolute ;
  display:  block; 
}

.ShopBagFull:hover,
.ShopBagFull:focus,
.ShopBagFull:active,
.ShopBagFull.active {
 opacity: 0.5;
 cursor:pointer;   
}

.Pannello_Clienti_img { 
  cursor:pointer;  
}

.Pannello_Clienti_img:hover,
.Pannello_Clienti_img:focus,
.Pannello_Clienti_img:active,
.Pannello_Clienti_img.active {
 opacity: 0.5;   
}

/* LOGIN */

.login {  
  padding: 30px 30px 40px;
  position: relative;
  min-width:320px; 
  max-width:320px;
}


.Stilechart{
border-width :0px;
border-style :none;


}

/* MENU CLIENTI */

.dotnetMenu A, .dotnetMenu A:visited

{
     text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 12pt;
    cursor: default;
}
.staticItem A, .staticItem A:Visited
{
    color:#999999;
    cursor: pointer;    
}
.staticItem TD
{
    padding: 5px;
    border-right: transparent 1px solid;
    border-top: transparent 1px solid;
    border-left: transparent 1px solid;
    border-bottom: transparent 1px solid;
    color: #a9b7c9;
    cursor: default;
    text-align: center;
    
}
.staticHover TD
{
    background-color: #fff;       
    background-image: none;
    color: #999999;
    cursor: default;
    text-align: center;
    
}
.staticHover A, .staticHover A:Visited
{
    color: #999999;
    cursor: pointer;
    
}

.popupMenu TD
{
    text-align: left;
    background-color: #fff;
    cursor: default;
}
.popupItem A, .popupItem A:Visited
{
    color: #a9b7c9;
    cursor: pointer;
    cursor: default;
}
.popupItem TD
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: default;
}
.popupHover A, .popupHover A:Visited
{
    color: #999999;
    cursor: pointer;
}
.popupHover TD
{
    background-color: #fff;    
    background-image: none;
    cursor: default;
    color: #999999;
}
/* FINE MENU CLIENTI */


/*TABLE HIDDEN */
.tab {border-collapse:collapse; border: none;}
.tab .first {border: none;}
.tab .second {border: none;}


/*RIBBON*/
.box_rotate
{
  position: absolute;
  top: 40px;
  right: -9px;
  display: block;
  width: 92px;
  z-index: 201;
  color:white; 
  font-size:medium;  
  -webkit-transform: rotate(45deg);  
      -ms-transform: rotate(45deg);  
          transform: rotate(45deg);  
}

.box_rotate2x
{
  position: absolute;
  top: 50px;
  right: 15px;
  display: block;
  width: 92px;
  z-index: 201;
  color:white; 
  font-size:x-large;  
  -webkit-transform: rotate(45deg);  
      -ms-transform: rotate(45deg);  
          transform: rotate(45deg);  
}

.ecomm-ribbon {
  position: absolute;
  top: -4px;
  right: 21px;
  display: block;
  width: 92px;
  z-index: 200;
  }

.ecomm-ribbon2x {
  position: absolute;
  top: -5px;
  right: -5px;
  display: block;
  width: 180px;
  z-index: 200;
  }

/* END RIBBON*/

input.IXS-Textbox_Login {
border:2px solid #CCCCCC;
height:24px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
width: auto;
}

.IXS-Textbox_Login:focus {
  border-color:#FACA92;
  outline: 0;
  transition:border .25s linear, color .25s linear, background-color .25s linear;
}

/* IXS TextBox Flat */
input.IXS-FlatTxt {
border:0px  ;
height:24px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background-color:#fff;
padding-left:3%; 
}

.IXS-FlatTxt:focus {
  border-color: #FFFFFF;
  outline: 0;
  transition: .5s linear, color .5s linear, background-color .5s linear;
}


/* LABEL CURRENCY ALLIGN */

.alldestra
{
float: right;
text-decoration: none;
}

.allsinistra
{
float:left ;
text-decoration: none;
}

/* LABEL ETICHETTA TOP */
.etichetta_top
{
display:block;
font-size: 0.8em;
font-style:italic; 
color:#737373;
}

.etichetta_top:hover {
  color:#808080;
  font-weight: bold;
}


.immagine_centrata{    
    display:block;
margin:auto;
}

.TabellaRiassuntiva {
    font-weight: lighter;
    text-decoration: none !important;
    margin: 4px 4px 4px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid silver;
    border-top:none !important ;
    width: 100%;
    display: block;
    margin-bottom: 25px;
}


/* DW FTILES  */
.ixs_ftile.ftile {
  display: block; 
  -webkit-perspective: 0;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.2s;
  float: left;
  width: 130px;
  height: 130px;
  text-align: center;
  /* padding: 5px; */
  background-color: #2e8bcc;
  border: 0;
}
.ixs_ftile.ftile h1,
.ixs_ftile.ftile h2,
.ixs_ftile.ftile h3,
.ixs_ftile.ftile h4,
.ixs_ftile.ftile h5,
.ixs_ftile.ftile h6 {
  color: #ffffff;
  -webkit-user-select: none;
}
.ixs_ftile.ftile h2 {
  font-size: 1.75em;
  margin-top: -20px;
  margin-left: 0px;
}
.ixs_ftile.ftile h3,
.ixs_ftile.ftile h4 {
  margin-top: -15px;
}
.ixs_ftile.ftile h1.ftile-text,
.ixs_ftile.ftile h2.ftile-text,
.ixs_ftile.ftile h3.ftile-text,
.ixs_ftile.ftile h4.ftile-text {
  margin-top: 43px;
}

.ixs_ftile.ftile img {
  border: 0;
}


.ixs_ftile.ftile.ftile-Lhalf {
  width:auto;
  height: 40px;
   padding-left:3%; 
  padding-right:3%;
  padding-bottom:3%;
}

.ixs_ftile.ftile.ftile-half {
  width: 90px;
  height: 40px;
}

.ixs_ftile.ftile.ftile-small {
  width: 30px;
  height: 40px;
}

.ixs_ftile.ftile.ftile-slim {
  width: 250px;
  height: 97px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%;
}
.ixs_ftile.ftile.ftile-etichetta {
  width: auto;
  height: auto;
  padding-left:2%; 
  padding-right:2%;
  padding-bottom:2%; 
  padding-top:2%;
}

.ixs_ftile.ftile.ftile-Hetichetta {
  width:auto;
  height: 80px;
   padding-left:3%; 
  padding-right:3%;
  padding-bottom:3%;
}

.ixs_ftile.ftile.ftile-etichetta-lunga {
  width: auto;
  height: auto;
  padding-left:3%; 
  padding-right:3%;
  padding-bottom:3%; 
}

.ixs_ftile.ftile.ftile-Bottone-login {
  width: 243px;
  height: 40px;
}

.ixs_ftile.ftile.ftile-Bottone {
  width: 230px;
  height: 40px;
}

.ixs_ftile.ftile.ftile-HalfBottone {
  width: 100px;
  height: 40px;
}

.ixs_ftile.ftile.ftile-grande {
  width: 560px;
  height: 200px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%; 
}

.ixs_ftile.ftile.ftile-double {
  width: 250px;
  height: 100px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%; 
}
.ixs_ftile.ftile.ftile-larga {
  width: 250px;
}
.ixs_ftile.ftile.ftile-alta {
  height: 250px;
}
.ixs_ftile.ftile.ftile-doubleh {
  height: 260px;
}

.ixs_ftile.ftile.ftile-gold {
  background-color: #D4AF37;
}

.ixs_ftile.ftile.ftile-blue {
  background-color: #2e8bcc;
}
.ixs_ftile.ftile.ftile-green {
  background-color: #339933;
}
.ixs_ftile.ftile.ftile-red {
  background-color: #e51400;
}
.ixs_ftile.ftile.ftile-yellow {
  background-color: #ffc40d;
}
.ixs_ftile.ftile.ftile-orange {
  background-color:#f49626;
}
.ixs_ftile.ftile.ftile-pink {
  background-color: #e671b8;
}
.ixs_ftile.ftile.ftile-purple {
  background-color: #7b4f9d;
}
.ixs_ftile.ftile.ftile-lime {
  background-color: #8cbf26;
}
.ixs_ftile.ftile.ftile-magenta {
  background-color: #ff0097;
}
.ixs_ftile.ftile.ftile-blu-dw {
  background-color: #19acca;
}
.ixs_ftile.ftile.ftile-teal {
  background-color: #00aba9;
}
.ixs_ftile.ftile.ftile-turquoise {
  background-color: #1abc9c;
}
.ixs_ftile.ftile.ftile-green-sea {
  background-color: #16a085;
}
.ixs_ftile.ftile.ftile-emerald {
  background-color: #2ecc71;
}
.ixs_ftile.ftile.ftile-nephritis {
  background-color: #27ae60;
}
.ixs_ftile.ftile.ftile-peter-river {
  background-color: #3498db;
}
.ixs_ftile.ftile.ftile-belize-hole {
  background-color: #2980b9;
}
.ixs_ftile.ftile.ftile-amethyst {
  background-color: #9b59b6;
}
.ixs_ftile.ftile.ftile-wisteria {
  background-color: #8e44ad;
}
.ixs_ftile.ftile.ftile-wet-asphalt {
  background-color: #34495e;
}
.ixs_ftile.ftile.ftile-midnight-blue {
  background-color: #2c3e50;
}
.ixs_ftile.ftile.ftile-sun-flower {
  background-color: #f1c40f;
}
.ixs_ftile.ftile.ftile-carrot {
  background-color: #e67e22;
}
.ixs_ftile.ftile.ftile-pumpkin {
  background-color: #d35400;
}
.ixs_ftile.ftile.ftile-alizarin {
  background-color: #e74c3c;
}
.ixs_ftile.ftile.ftile-pomegranate {
  background-color: #c0392b;
}
.ixs_ftile.ftile.ftile-clouds {
  background-color: #ecf0f1;
}
.ixs_ftile.ftile.ftile-silver {
  background-color: #bdc3c7;
}
.ixs_ftile.ftile.ftile-concrete {
  background-color: #95a5a6;
}
.ixs_ftile.ftile.ftile-asbestos {
  background-color: #7f8c8d;
}
.ixs_ftile.ftile.ftile-verde_vapo {
  background-color: #0da98d;
}

.ixs_ftile.ftile.ftile-rosso_vapo {
  background-color: #ff8666;
}


/* IXS TILES  */
.x_tile.tile {
  display: block;
  cursor: pointer;
  -webkit-perspective: 0;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.2s;
  float: left;
  width: 130px;
  height: 130px;
  text-align: center;
  /* padding: 5px; */
  opacity: 0.75;
  background-color: #2e8bcc;
  border: 0;
}
.x_tile.tile h1,
.x_tile.tile h2,
.x_tile.tile h3,
.x_tile.tile h4,
.x_tile.tile h5,
.x_tile.tile h6 {
  color: #ffffff;
  -webkit-user-select: none;
}
.x_tile.tile h2 {
  font-size: 1.75em;
  margin-top: -20px;
  margin-left: 0px;
}
.x_tile.tile h3,
.x_tile.tile h4 {
  margin-top: -15px;
}
.x_tile.tile h1.tile-text,
.x_tile.tile h2.tile-text,
.x_tile.tile h3.tile-text,
.x_tile.tile h4.tile-text {
  margin-top: 43px;
}
.x_tile.tile a:hover {
  text-decoration: none;
}
.x_tile.tile img {
  border: 0;
}
.x_tile.tile:hover {
  opacity: 1;
}

.x_tile.tile.tile-Lhalf {
  width:auto;
  height: 40px;
   padding-left:3%; 
  padding-right:3%;
  padding-bottom:3%;
}

.x_tile.tile.tile-half {
  width: 90px;
  height: 40px;
}

.x_tile.tile.tile-small {
  width: 30px;
  height: 40px;
}

.x_tile.tile.tile-slim {
  width: 250px;
  height: 97px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%;
}
.x_tile.tile.tile-etichetta {
  width: auto;
  height: auto;
  padding-left:2%; 
  padding-right:2%;
  padding-bottom:2%; 
  padding-top:2%;
}

.x_tile.tile.tile-Hetichetta {
  width:auto;
  height: 80px;
   padding-left:3%; 
  padding-right:3%;
  padding-bottom:3%;
}

.x_tile.tile.tile-etichetta-lunga {
  width: auto;
  height: auto;
  padding-left:3%; 
  padding-right:3%;
  padding-bottom:3%; 
}

.x_tile.tile.tile-Bottone-login {
  width: 243px;
  height: 40px;
}

.x_tile.tile.tile-Bottone {
  width: 230px;
  height: 40px;
}

.x_tile.tile.tile-HalfBottone {
  width: 100px;
  height: 40px;
}

.x_tile.tile.tile-grande {
  width: 560px;
  height: 200px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%; 
}

.x_tile.tile.tile-double {
  width: 250px;
  height: 200px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%; 
}

.x_tile.tile.tile-Hdouble {
  width:auto;
  height: 120px;
  padding-left:5%; 
  padding-right:5%;
  padding-bottom:5%; 
  padding-top:5%; 
}
.x_tile.tile.tile-larga {
  width: 250px;
}
.x_tile.tile.tile-alta {
  height: 250px;
}
.x_tile.tile.tile-doubleh {
  height: 260px;
}

.x_tile.tile.tile-gold {
  background-color: #D4AF37;
}

.x_tile.tile.tile-blue {
  background-color: #2e8bcc;
}
.x_tile.tile.tile-green {
  background-color: #339933;
}
.x_tile.tile.tile-red {
  background-color: #e51400;
}
.x_tile.tile.tile-yellow {
  background-color: #ffc40d;
}
.x_tile.tile.tile-orange {
  background-color:#f49626;
}
.x_tile.tile.tile-pink {
  background-color: #e671b8;
}
.x_tile.tile.tile-purple {
  background-color: #7b4f9d;
}
.x_tile.tile.tile-lime {
  background-color: #8cbf26;
}
.x_tile.tile.tile-magenta {
  background-color: #ff0097;
}
.x_tile.tile.tile-blu-dw {
  background-color: #19acca;
}
.x_tile.tile.tile-teal {
  background-color: #00aba9;
}
.x_tile.tile.tile-turquoise {
  background-color: #1abc9c;
}
.x_tile.tile.tile-green-sea {
  background-color: #16a085;
}
.x_tile.tile.tile-emerald {
  background-color: #2ecc71;
}
.x_tile.tile.tile-nephritis {
  background-color: #27ae60;
}
.x_tile.tile.tile-peter-river {
  background-color: #3498db;
}
.x_tile.tile.tile-belize-hole {
  background-color: #2980b9;
}
.x_tile.tile.tile-amethyst {
  background-color: #9b59b6;
}
.x_tile.tile.tile-wisteria {
  background-color: #8e44ad;
}
.x_tile.tile.tile-wet-asphalt {
  background-color: #34495e;
}
.x_tile.tile.tile-midnight-blue {
  background-color: #2c3e50;
}
.x_tile.tile.tile-sun-flower {
  background-color: #f1c40f;
}
.x_tile.tile.tile-carrot {
  background-color: #e67e22;
}
.x_tile.tile.tile-pumpkin {
  background-color: #d35400;
}
.x_tile.tile.tile-alizarin {
  background-color: #e74c3c;
}
.x_tile.tile.tile-pomegranate {
  background-color: #c0392b;
}
.x_tile.tile.tile-clouds {
  background-color: #ecf0f1;
}
.x_tile.tile.tile-silver {
  background-color: #bdc3c7;
}
.x_tile.tile.tile-concrete {
  background-color: #95a5a6;
}
.x_tile.tile.tile-asbestos {
  background-color: #7f8c8d;
}
.x_tile.tile.tile-verde_vapo {
  background-color: #0da98d;
}

.x_tile.tile.tile-rosso_vapo {
  background-color: #ff8666;
}


.LogoForum { 
    background:url(../images/forum_logo75.png) no-repeat left;  
   padding-left:80px;
    position: relative;
    top: 10px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
    box-sizing: border-box;
}

.LogoWorkflow { 
    background:url(../images/Workflow.png) no-repeat left;  
   padding-left:80px;
    position: relative;
    top: 10px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
    box-sizing: border-box;
}

.Quote_reply { 
    background:url(../icons/quote.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;    
    line-height: 1;
    font-size:13px;
    /*white-space:nowrap;*/
}


.Documenti { 
    background:url(../icons/Documents.png) no-repeat left;  
 padding-left: 40px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
    box-sizing: border-box;
}

.Categorie { 
    background:url(../icons/categories.png) no-repeat left;  
   padding-left: 40px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
    box-sizing: border-box;
}

.Moderatori { 
    background:url(../icons/Moderators.png) no-repeat left;  
   padding-left: 30px;
    position: relative;   
    white-space:nowrap;
}

.Documenti_th { 
    background:url(../icons/Documents.png) no-repeat left;   
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: 1px; 
    line-height: 1;
    white-space:nowrap;
    margin-left:10px;
}


.Annuncio_th { 
    background:url(../icons/Announcement.png) no-repeat left;   
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: 1px; 
    line-height: 1;
    white-space:nowrap;
    margin-left:10px;
}

.Vetrina_th { 
    background:url(../icons/sticky.png) no-repeat left;   
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: 1px; 
    line-height: 1;
    white-space:nowrap;
    margin-left:10px;
}

.Chiuso_th { 
    background:url(../icons/t_chiuso.png) no-repeat left;   
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: 1px; 
    line-height: 1;
    white-space:nowrap;
}

.Aperto_th { 
    background:url(../icons/t_aperto.png) no-repeat left;   
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    top: 1px; 
    line-height: 1;
    white-space:nowrap;
    margin-left:10px;
}



.Documenti_ban { 
    background:url(../icons/Documents.png) no-repeat left;  
    padding-left: 40px;
    position: relative;
    top: 1px;
    display: inline-block; 
    white-space:nowrap;
}

.Categorie_ban { 
    background:url(../icons/categories.png) no-repeat left;  
    padding-left: 40px;
    position: relative;
    top: 1px;
    display: inline-block; 
    white-space:nowrap;
}

.Vetrina_ban { 
    background:url(../icons/sticky.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block; 
    white-space:nowrap;
}

.Annuncio_ban { 
    background:url(../icons/Announcement.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block;
    white-space:nowrap;
}

.Chiuso_ban { 
    background:url(../icons/t_chiuso.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block; 
    white-space:nowrap;
}

.Aperto_ban { 
    background:url(../icons/t_aperto.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block; 
    white-space:nowrap;
}



.Vetrina { 
    background:url(../icons/sticky.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.Annuncio { 
    background:url(../icons/Announcement.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.Chiuso { 
    background:url(../icons/t_chiuso.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.Aperto { 
    background:url(../icons/t_aperto.png) no-repeat left;   
    padding-left: 30px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}


.rank_0 { 
    background:url(../icons/rank/0.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.rank_1 { 
    background:url(../icons/rank/1.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.rank_2 { 
    background:url(../icons/rank/2.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.rank_3 { 
    background:url(../icons/rank/3.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}
.rank_4 { 
    background:url(../icons/rank/4.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}
.rank_5 { 
    background:url(../icons/rank/5.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}
.rank_6 { 
    background:url(../icons/rank/6.png) no-repeat right;   
    padding-right: 20px;
    position: relative;
    top: 1px;
    display: inline-block;  
    line-height: 1;
    white-space:nowrap;
}

.rank1{background-repeat:no-repeat; background-position:right; background-image: url(../icons/rank/1.png); vertical-align:middle; margin-top:4px; margin-bottom :4px; margin-right :8px;}

 .Star
{
    background-image: url(../icons/rank/Star.gif);
    height: 17px;
    width: 17px;
}
.WaitingStar
{
   background-image: url(../icons/rank/FilledStar.gif); 
    height: 17px;
    width: 17px;
}
.FilledStar
{
    background-image: url(../icons/rank/WaitingStar.gif);
    height: 17px;
    width: 17px;
}

.manutenzione {
    background-image: url('../images/manutenzione.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* TINY DASH*/

.tinydashrowesclude {
    background-color: #fff !important;
    font-size: 19px;
    font-weight: bold;
    color: #3b322b;
}

.tinydashrowescludesmall {
    background-color: #fff !important;
    font-size: 19px;
    font-weight: bold;
    color: #3b322b;
}

.tiny-dash-etichette {
    background-color: #d9d9d9 !important;
   /* font-size: 21px;*/
    font-weight: bold;
    color: #2c2621;
}

.tiny-dash-header {
    background-color: #f2f2f2 !important;
    font-size: 19px;
    font-weight: bold;
    color: #3b322b;
}

.tiny-dash-row {
    background-color: #fff !important;
    font-size: 19px;
    font-weight: bold;
    text-decoration: underline;
    color: #3b322b;
}


.TinyDashGriglia {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

    .TinyDashGriglia caption {
        color: #000000;
        text-align: center;
        white-space: nowrap;
        padding: 0;
    }

    /* ====== HEADER ====== */
    .TinyDashGriglia th {
        background-color: #f2f2f2;
        color: #3b322b;
        letter-spacing: 1px;
        text-align: center;
        padding: 4px 6px;
        font-size: 22px;
        white-space: nowrap;
        min-width: 80px;
        border: 1px solid #fff;
    }

    /* ====== CELLE ====== */
    .TinyDashGriglia td {
        /* background-color: #ffffff;*/
        /* color: #3b322b;*/
        padding: 4px 6px;
        border: 1px solid #fff;
        white-space: nowrap;
        word-wrap: break-word;
        font-size: 20px;
        min-width: 80px;
        max-width: 100px;
        text-align: right;
    }

        .TinyDashGriglia td:first-child,
        .TinyDashGriglia th:first-child {
            text-align: left;
            width: 250px;
        }

/* Righe */
.TinyDashGridItem {    
    background-color: #f9f9f9;
    height: 36px;
}

.TinyDashGridAltItem {   
    background-color: #e0e0e0 !important;
}

.TinyDashGridItem:hover td {
    background-color: #e6e6e6 !important;
}

/* Link */
.TinyDashGridItem a {
    color: #2980b9;
    text-decoration: none;
}

    .TinyDashGridItem a:hover {
        color: #1abc9c;
        text-decoration: underline;
    }

/* Paginazione */
.TinyDashpager,
.TinyDashpagerbuttons,
.TinyDashpagerselected {
    background-color: #bdc3c7;
    color: #5d5045;
    font-size: 16px;
    border: none;
    text-align: left;
}

    .TinyDashpager a,
    .TinyDashpagerbuttons a {
        color: #2980b9;
    }

        .TinyDashpager a:hover,
        .TinyDashpagerbuttons a:hover {
            color: #1abc9c;
        }

/* Footer */
.TinyDashFooterStyle {
    background-color: #00b300;
    font-weight: bold;
    color: #ffffff;
}

/* Responsive padding */
.table-responsive {
    margin-bottom: 12px;
}

/* Allineamenti specifici */
.GridAllignDestra {
    text-align: right !important;
}

.GridAllignSinistra {
    text-align: left !important;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
    .TinyDashGriglia th,
    .TinyDashGriglia td {
        font-size: 14px !important;
        padding: 2px 4px !important;
        min-width: 60px;
        max-width: 100px;
    }

        .TinyDashGriglia td:first-child,
        .TinyDashGriglia th:first-child {
            width: 140px;
        }

  /*  h1 {
        font-size: 20px !important;
        margin-bottom: 10px;
    }*/
}



/* FIXED HEAD COLUMNS  */

.fix_Header {
    position: sticky;
    top: 0;
    background: #E0E6EF !important;
    color: #3F3B38 !important;
    width: 15px !important;
    min-width: 15px !important;
    padding: 6px !important;
    outline: 1px solid #7a7a7a !important;
    font-weight: normal !important;
}


.fix_hc {
    height: calc(100vh - 180px);
    width: calc(100vw - 100px);
    overflow: scroll;
    border: 1px solid #6f6f6f !important;
    font-family : "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .fix_hc table {
        border-spacing: 0 !important;
    }

    .fix_hc th {
        position: sticky;
        top: 0;
        background: #E0E6EF !important;
        color: #3F3B38 !important;
        width: 100px;
        min-width: 100px;
        padding: 6px !important;
        outline: 1px solid #7a7a7a !important;
        text-align: center !important;
        font-weight: bold;
    }

    .fix_hc td {
        padding: 6px;
        font-weight: bold;
        outline: 1px solid #c3c3c3 !important;
    }

        .fix_hc th:nth-child(1),
        .fix_hc td:nth-child(1) {
            position: sticky;
            left: 0;
            width: 130px;
            min-width: 130px;
        }

        .fix_hc td:nth-child(1) {
            background: #fff2ab !important;
            z-index: 200;
        }

    .fix_hc th:nth-child(1) {
        z-index: 300;
    }
/* FIXED HEAD COLUMNS BACKUP  */