body{
	font-size: 16px;
}
.tooltipnew {
	display:none;
	position:absolute;
	border:0;
	background-color:#333;
	border-radius:0;
	padding:5px 12px;
	color:#fff;
	font-size:14px;
}
.smallheader{
	height: 50px;
}
.smallheader .navbar-branding a.navbar-brand {
    height: 36px;
    line-height: 49px;
}
.smallheader.navbar .nav > li > a {
    padding-top: 14px;
 }
 .smallheader.navbar.bg-light, .smallheader.navbar.bg-light .navbar-branding{
	background-color: #222 !important;
 }
 .navbar.bg-light, .navbar.bg-light .navbar-branding {
    background-color: #414141 !important;
    border-bottom:0
}
 .smallheader .navbar-branding{
	height: 50px;
}
.linkgeneral, .linkgeneralnoni{
	text-decoration: underline;
	font-style: italic
}
.linkgeneralnoni{
	font-style: normal
}
.navbar.bg-light .navbar-brand, .navbar.bg-light .nav > li > a, .navbar.bg-light .nav > li.open > a {
    color:#fff;
}
#aziendaly{
	display:none
}
a.linkgrey{
	color:#666;
	text-decoration: underline
}
a.linkgred{
	color:#32A7D8
}
a.linkest{
	color: #f15a24;
	font-weight: bold
}
a.linkinv{
	color: #0071bc;
	font-weight: bold
}
a.linkest.inmagazzino{
	background-color: #f15a24;
	font-weight: normal
}
a.linkinv.inmagazzino{
	background-color: #0071bc;
	font-weight: normal
}
a.inmagazzino{
	display:block;
	padding: 5px 15px;
	text-align: center;
	float: left;
	color:#fff;
}
.font20{
	font-size: 20px	
}
.font13{
	font-size: 13px
}

.text-home, .text-home-in{
	font-size: 16px;
	color: #414141;
	text-align: center;
	display: block;
	margin-top: 12px  
}
.text-home-in{
	font-size: 15px;
	text-align: left;
	display: inline;
	line-height: 20px
}
.first-color-font{
	color:#ffca28
}
.numer_big{
	font-size: 28px;
	font-weight: 700;
}
#area_psw{
	display: none
}
.underline{
	text-decoration: underline
}
.logo{
	float: left !important
}
body.external-page #main{
	background-image: none;
	/*background:url(../../img/pattern-home.png) #c1272d*/
}
#toggle_sidemenu_l{
	color:#fff !important
}
.externalpanel{
	background-color: #e9e9e9 !important;
	border: 0 !important;
}
.colcenter{
	margin:0 auto;
	float:none
}
#panelres{
	display: none
}
.white{
	color: #fff !important
}
.errsearch{
	clear:both;
	font-style: italic;
	display: block;
	margin-top:10px;
	color: #c1272d;
}
body.external-page #content .admin-form {
    max-width: 340px;
}
.icomed{
	font-size: 16px
}
.fontred{
	color:#c1272d;
}
.fontgreen{
	color: #009245
}
.fontbig{
	font-style: italic;
	font-size: 20px
}
div.switch label:after {
	top:0
}
strong{
	font-weight: 700
}
.font400{
	font-weight: 400
}
.sidebar-menu > li > ul > li > a > span:nth-child(1) {
    font-size: 16px;
}
.titlein{
	font-style: italic;
	font-size: 20px;
}
.suggest{
	font-size: 13px;
	font-style: italic
}
.completa-reg{
    font-family: 'Lobster', cursive;
    font-size: 40px;
    line-height: 45px
}
.alertbrowser{
	padding: 20px 10px 20px 30px;
	background-color: #ed0e0e;
	color: #fff;	
	font-weight: bold;
	border-bottom: 1px solid #fff;
	display: none
}
#cookiebr{
	padding: 10px 15px;
	background-color: #4a89dc;
	color: #fff;
	position: fixed;
	bottom:0;
	width: 100%;
	font-size: 14px;
	z-index: 2000;
}
#cookiebr a{
	color: #fff;
	text-decoration: underline
}
#closecoo{
	float: right
}
.font18{
	font-size: 18px;
	line-height: 24px;
}
.verde{
	color: #009245
}
.tireend{
	color: #e90f0f !important;
	font-weight: bold !important;
}
.sidebar-menu > li a {
    border-bottom: 1px dashed #808080;
    padding: 13px 0;
    height: auto;
    color: #fff;
    font-size: 16px
}
.sidebar-menu > li:first-child a {
    border-top: 1px dashed #808080;
}
.sidebar-menu > li > a > span:nth-child(1) {
    font-size: 18px;
    width: 60px;
}
.sidebar-menu > li a:hover {
	background-color: #515151
}
.sidebar-menu > li a.active {
    color: #ffca28
}
.sidebar-menu > li:first-child {
    padding-top: 0;
}
..admin-form .panel-footer{
	background-color: none;
	border: 0
}
.homein{
	background-color: #eeeeee !important;
}
.panel-ff-home{
	border: 0 !important;
	background-color: #eeeeee !important;
}
.bp0{
	padding: 0 !important
}
body.external-page #content .panel {
	padding-bottom: 20px;
	margin-bottom: 22px ;
}
.txt-underhome{
	font-size: 13px;
	font-style: italic;
	text-align: center;
	line-height: 22px
}
.bordercustom{
	border: 1px solid #e7e7e7 !important;
	border-top: 0 !important;
}
.custom-head, .panel-heading{
	background: #fafafa none repeat scroll 0 0 !important;
    border: 1px solid #e7e7e7 !important;
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
    color: #414141 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    position: relative !important;
   
    /*height: 50px !important;
    line-height: 50px !important;*/
    padding: 0 15px  !important;
}
.bg-alert.white {
    background-color: #fff !important;
    border: 1px solid #dcdcdc
}
.bg-alert.white h2,  .bg-alert.white .icon-bg{
    color: #414141 !important;
}
.bg-alert.white h5 {
    color: #414141 !important;
}
.title-black{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 10px
}
.alert {
	border: 0;
}
.iconalert, iconalertabb{
	display: block;
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px
}
.alertred{
	background-color: #D50000;
	padding: 30px;
	text-align: center;
	color: #fff;
	font-style: normal
}
.iconalertabb{
	float: left;
	font-size: 50px;
	margin-right: 15px
}
hr {
    margin: 15px 0;
}
.erroremail{
	background-color: #D50000;
	padding: 10px;
	color: #fff;
	margin: 10px 0;
	display: none
}
.okemail{
	background-color: #39b54a;
	padding: 10px;
	color: #fff;
	margin: 10px 0;
	display: none
}
.btn-grey{
	background-color: #dfdfdf;
}
.btn-grey:hover{
	background-color: #bfbfbf;
}
.btn-white{
	border-color: #b3b3b3;
	color: #b3b3b3;
}
.btn-white:hover{
	background-color: #b3b3b3;
}
.btn i{
	font-size: 18px;
}
#eye{
	display: none;
}
.alert-sidebar{
	font-weight: 400;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
}
.alert-sidebar-scaduto{
	background-color: #D50000;
}
.padd22{
	padding: 22px;
}
.form-control.textarea-grow{
	font-size: 16px !important;
	padding: 12px !important;
	height: 100px
}
.gui-input{
	font-size: 16px !important
}
.compare_name{
	padding: 20px 25px 15px 20px;
	background-color: #f8e3a2;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 20px
}
.compare_name p a{
	text-decoration: underline
}
#divareaposta{
	display: none;
	background-color: #eee
}
#linknospostacliente{
	float: right;
	cursor: pointer
}
#linkspostacliente{
	text-decoration: underline
}
.nopadd{
	padding: 0 !important
}
.panel-tabs.panel-tabs-border > li.active > a {
    margin-top: -1px;
    border-top: 2px solid #ffca28;
}
.panel-heading.panel_tap{
	height: 49px !important
}
.panel-tabs > li > a {
    font-size: 16px;
        padding: 15px 18px;
}
.link_small{
	font-size: 14px;
	text-decoration: underline
}
.admin-form .panel-heading.paneltit, .admin-form .panel-heading.paneltitsing{
	background-position: 25px 15px !important;
	background-repeat: no-repeat !important;
	height: 70px !important;
	line-height: 16px !important;
	padding-top: 18px !important;
}
.admin-form .panel-heading.paneltitsing{
	padding-top: 25px !important;
}
.subtittop, .subtittopsing{
	font-size: 13px;
	font-weight: 400;
	text-transform: none
}
.popup-basic {
    max-width: 650px !important;
}
.btyellow{
	color: #414141;
	background-color: #ffca28;
	text-transform: uppercase
}
.btyellow:hover{
	background-color: #fcd734;
	color: #414141;
}
.admin-form .select2ok .select .arrow{
	display: none
}

/*RICERCA AVANZATA*/
.formhidden{
	display: none
}
/*RICERCA AVANZATA*/



/*AREA primo accesso*/
.area_yl, .area_yl_act{
	background-color: #e0e0e0;
	height: 140px;
	margin-bottom: 30px;
	text-align: center;
	width: 92%;
	position: relative;
	padding: 28px 40px;
	line-height: 20px;
	font-style: italic;
	color: #919191;
}
.area_yl_act{
	color: #414141;
}
.area_yl img, .area_yl_act img{
	margin-bottom: 10px
}
.area_yl img{
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}
.area_yl_af:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 202, 40, 0);
	border-left-color: #e0e0e0;
	border-width: 20px;
	margin-top: -20px;
}
.area_yl_bf:before {
    content:"";
    display:inline-block;
    position:absolute;
	border: solid transparent;
    border-color:transparent transparent transparent #eeeeee;
    top: 50%;
    left: 0;
    border-width: 20px;
	margin-top: -20px;
}
.area_yl_act{
	background-color: #ffca28;
}
.area_yl_af_act:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 202, 40, 0);
	border-left-color: #ffca28;
	border-width: 20px;
	margin-top: -20px;
}
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.20%;
    display: block;
    content: '';
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*AREA primo accesso*/



/*tabelle new*/
.title_tb{
	font-size: 16px;
	font-weight: 700
}
table p{
	margin: 0 !important
}

.table_new tr{
	border-bottom: 1px solid #b3b3b3
}
.table_new tr td, .table_new thead tr th{
	padding: 15px
}
.table_new tr td:last-child{
	padding-top: 15px;
	padding-bottom: 15px
}
table .btn{
	margin-left: 6px
}
.table_new thead tr th{
	padding-bottom: 10px;
	font-weight: 400;
	padding-top: 0
}
.table_new tr:hover {
	background-color: #f7f7f7 !important
}
.table_new thead tr:hover {
	background-color: #fff !important
}
.alert_home_coupon{
    font-family: 'Lobster', cursive;
    font-size: 38px;
}
/*new*/
/* Rende il click affidabile e mostra una freccina di stato */
/* header cliccabile */
#table_new_ok thead,
#table_new_ok thead th {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
}

/* bottone trasparente dentro il TH */
#table_new_ok thead th .th-sort {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: none;
  border: 0;
  padding: 10px 0;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  transition: color .15s ease;
}

/* freccia SEMPRE visibile: grigio ben riconoscibile */
#table_new_ok thead th .th-sort::after {
  content: "⇅";               /* neutra */
  font-size: 14px;            /* più grande */
  font-weight: 700;           /* più “piena” */
  color: #6b7280;             /* grigio medio (visibile) */
  opacity: 1;                 /* sempre visibile */
  line-height: 1;
  transition: transform .15s ease, color .15s ease;
}

/* stato ordinato: frecce scure e chiare */
#table_new_ok thead th[aria-sort="ascending"] .th-sort::after  { content: "▲"; color: #374151; }
#table_new_ok thead th[aria-sort="descending"] .th-sort::after { content: "▼"; color: #374151; }

/* feedback visivo su hover/focus: testo + freccia più scuri e “lift” */
#table_new_ok thead th .th-sort:hover,
#table_new_ok thead th .th-sort:focus-visible {
  color: #111827;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#table_new_ok thead th .th-sort:hover::after,
#table_new_ok thead th .th-sort:focus-visible::after {
  color: #111827;
  transform: translateY(-1px);
}

/* accessibilità focus */
#table_new_ok thead th .th-sort:focus-visible {
  outline: 2px solid #9ca3af;
  outline-offset: 2px;
  border-radius: 4px;
}


/*PSW*/