/** * Skin advanced	* @author Blancks*//** * Parametri di default nella pagina*/


:root{
  --font01: 'Hind Siliguri', serif;
  --font02:'Infamous', sans-serif;
  --font03: 'Neucha', cursive;
  --font04: Verdana, sans-serif;

  --color_ocra: #9e8364;
  --color_blush: #9a3a45;
  --color_rosso: #801d1d;
  --color_offwhite: #f2d9e5;
  --color_verdino: #9a536c;

  accent-color: #e16a5f;
}

@font-face {
font-family: 'Menlo';
font-style: normal;
font-weight: normal;
src: local('Menlo Regular'), url('/fonts/Menlo/Menlo-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Lost Signals Slanted';
    src: url('/fonts/lostsignals-slanted_svg-webfont.woff2') format('woff2'),
         url('lostsignals-slanted_svg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Serial Alt';
    src: url('/fonts/serial-alternates-webfont.woff2') format('woff2'),
         url('/fonts/serial-alternates-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Serial';
    src: url('/fonts/serial-webfont.woff2') format('woff2'),
         url('/fonts/serial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wasted Year';
    src: url('/fonts/wastedyear-webfont.woff2') format('woff2'),
         url('/fonts/wastedyear-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Infamous';
    src: url('/fonts/infamous-regular-webfont.woff2') format('woff2'),
         url('/fonts/infamous-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lost Signals';
    src: url('/fonts/lostsignals_svg-webfont.woff2') format('woff2'),
         url('/fonts/lostsignals_svg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

    /* mano solo quando usi data-tooltip_trigger="click" */
    [data-tooltip][data-tooltip_trigger="click"],
    [data-tooltip][data-tooltip-trigger="click"] { cursor: pointer; }


    @media (hover: none) and (pointer: coarse) {
        input[type="text"],
        input[type="password"],
        input[type="email"],
        input[type="number"],
        input[type="search"],
        input[type="tel"],
        input[type="url"],
        textarea,
        select {
            font-size: 16px;
        }
    }

body{
 padding:0;
 margin:0;
 color: #575451;
 font-family: Verdana;
 font-size:11px;
 background-image: url('imgs/bg.jpg');
 overflow: auto !important;
}

body.transparent_body{background-color:transparent;
 background-image:none;
}

b, bold, strong {
}

i, em {
}

u, ins {
  text-decoration: none !important;
  display: inline !important;
  padding: 0 0.03em 0.16em !important;

  background-image: url("data:image/svg+xml,%3Csvg width='80' height='18' viewBox='0 0 80 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12 C 10 8, 18 15, 28 11 S 48 8, 58 12 S 72 15, 90 10' fill='none' stroke='%23bc4584' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;

  background-repeat: repeat-x !important;
  background-size: 40px auto !important;
  background-position: 0 100% !important;

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

hr {
    border: none;
    background-color: #5c5854;
    color: #5c5854;
    height: 1px;
}

.form_submit{
    text-align: center;
}

/* Dyrr dlight */
.ui-widget {
  font-family: 'Hind Siliguri', serif;
  font-size: initial;
}

.ui-widget-overlay
{
    background: rgba(0,0,0,1) !important;
    opacity: .75;
    -ms-filter: Alpha(Opacity=75);
}

.dlight-tooltip.ui-widget.ui-widget-content {
  border: 2px solid black;
  background: #151515;
  line-height: 12px;
  color: #d2c9be;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.75);
}

.default.ui-dialog .ui-dialog-content{
  padding: 0;
  overflow: hidden;
}

.default .ui-dialog-titlebar{
    text-align: left;
}

.default.ui-widget.ui-widget-content{
  padding:0;
  text-align: center;
  background: url(/themes/advanced/imgs/bg_espanso_peekaboo.jpg) no-repeat center center fixed;
  -webkit-background-size: cover, auto;
  background-size: cover, auto;
  box-shadow: 0px 200px 70px #0f0c0ead inset, 0px 0px 30px #0b0a0a;
  border-radius: 10px;
}

.dlight-pannello_big.ui-widget.ui-widget-content{
    text-align: center;
    background: url(/themes/advanced/imgs/bg_pannello_big.png);
    font-family: 'Hind Siliguri', serif;
    font-size: 11px;
    box-sizing: border-box;
}

.dlight-pannello_big.ui-widget-header{
    background: transparent;
    border: transparent;
    color: #d0ad85;
    font-variant: all-petite-caps;
    font-family: 'Neucha', cursive;
    font-size: 15px;
    letter-spacing: 2px;
}

.dlight-pannello_big.ui-widget-content{
	padding: 0px 0px;
	box-sizing: border-box;
}

.dlight-pannello_big .ui-dialog-titlebar{
    background: transparent;
    color: #ffe7f3;
    font-variant: all-petite-caps;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    top: 3px;
    text-align: left;
    width: 94%;
	  margin: 0px;
}

.dlight-pannello_big .ui-dialog-titlebar span.ui-dialog-title{
  margin-left: 40px;
}

.dlight-pannello_big .ui-button:hover{
	border: none;
}

.dlight-pannello_big .pagina_forum a, .dlight-pannello_big .pagina_forum a:link, .dlight-pannello_big .pagina_forum a:visited, .dlight-pannello_big .pagina_forum a .ui-button, .dlight-pannello_big .pagina_forum a:link .ui-button, .dlight-pannello_big .pagina_forum a:visited .ui-button, .dlight-pannello_big .pagina_forum .ui-button{
	background: none;
	filter: none;
	margin: 0 4px;
	border: none;
	height: 20px
}

.dlight-pannello_big a, .dlight-pannello_big a:link, .dlight-pannello_big a:visited, .dlight-pannello_big a .ui-button, .dlight-pannello_big a:link .ui-button, .dlight-pannello_big a:visited .ui-button, .dlight-pannello_big .ui-button{
	margin: 0px 4px 0px 0px;
	border: none;
	height: 20px
}


.dlight-fogli_big.ui-widget.ui-widget-content{
    text-align: center;
    background: radial-gradient(circle at top left, rgb(99 39 71 / 18%), #070a0ff5 38%, #0f141dab 99%), linear-gradient(180deg, rgb(22 21 31 / 73%), rgb(10 10 14 / 69%)), url(/themes/advanced/imgs/vetro_unsupervised.png) top left, url(/themes/advanced/imgs/bg_social_pattern.png) #000000;
    font-family: 'Hind Siliguri', serif;
    background-size: auto, auto, cover, 20%;
    background-blend-mode: lighten;
    font-size: 11px;
    box-sizing: border-box;
    box-shadow: 0px 0px 30px #110404, 0px 0px 40px #00000045 inset, 1px 0px 0px #f2f4ff70, -1px 0px 0px #fda9d269;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, rgb(171 82 112), transparent) 1 0%;
}

.dlight-fogli_big.ui-widget-header{
    background: transparent;
    border: transparent;
    color: #d0ad85;
    font-variant: all-petite-caps;
    font-family: 'Neucha', cursive;
    font-size: 15px;
    letter-spacing: 2px;
}

.dlight-fogli_big.ui-widget-content{
	padding: 0px 0px;
	box-sizing: border-box;
}

.dlight-fogli_big .ui-dialog-titlebar{
    background: #120e0e;
    color: #ffe7f3;
    font-variant: all-petite-caps;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    top: 0px;
    text-align: left;
    width: auto;
    left: 0px;
	margin: 0px;
	border-radius: 10px 10px 2px 2px;
	border-bottom: 1px solid #13191d;
}

.dlight-fogli_big .ui-button:hover{
	background: linear-gradient(0deg, #63364a, #a95978);
	border: none;
}

.dlight-fogli_big .pagina_forum a, .dlight-fogli_big .pagina_forum a:link, .dlight-fogli_big .pagina_forum a:visited, .dlight-fogli_big .pagina_forum a .ui-button, .dlight-fogli_big .pagina_forum a:link .ui-button, .dlight-fogli_big .pagina_forum a:visited .ui-button, .dlight-fogli_big .pagina_forum .ui-button{
	background: none;
	filter: none;
	margin: 0 4px;
	border: none;
	height: 20px
}

.dlight-fogli_big a, .dlight-fogli_big a:link, .dlight-fogli_big a:visited, .dlight-fogli_big a .ui-button, .dlight-fogli_big a:link .ui-button, .dlight-fogli_big a:visited .ui-button, .dlight-fogli_big .ui-button{
	margin: 0px 10px 0px 0px;
	border: none;
	height: 20px
}

.dlight-comandichat.ui-widget.ui-widget-content{
    text-align: center;
    background: url(/themes/advanced/imgs/bg_infolunga.png) top center no-repeat;
}

.dlight-comandichat.ui-widget-header{
    background: transparent;
    border: transparent;
    color: #d0ad85;
    font-variant: all-petite-caps;
    font-family: 'Neucha', cursive;
    font-size: 15px;
    letter-spacing: 2px;
}

.dlight-comandichat.ui-widget-content{
	padding: 0px 20px;
	box-sizing: border-box;
}


.dlight-comandichat .ui-dialog-titlebar{
    background: transparent;
    border: transparent;
    color: #261c11;
    font-variant: all-petite-caps;
    font-family: 'Neucha', cursive;
    font-size: 16px;
    letter-spacing: 3px;
    text-align: left;
    margin: 8px 0px 0px -15px;
}

.dlight-comandichat .ui-button:hover{
	background: linear-gradient(0deg, #640100, #990001);
	border: none;
}

.dlight-comandichat a, .dlight-comandichat a:link, .dlight-comandichat a:visited, .dlight-comandichat a .ui-button, .dlight-comandichat a:link .ui-button, .dlight-comandichat a:visited .ui-button, .dlight-comandichat .ui-button{
	background: linear-gradient(0deg, #640100, #990001);
	filter: drop-shadow(0px 0px 1px #660000);
	margin: 0 4px;
	border: none;
	height: 20px
}

.dlight-comandichat .ui-widget textarea {
    font-family: 'Hind Siliguri', serif;
    font-size: 11px;
}

.dlight-pannellopage.ui-widget.ui-widget-content{
    text-align: center;
    background: url(/themes/advanced/imgs/bg_pannello_page.png) top center no-repeat;
	  color: #c1bab4;
}

.dlight-pannellopage.ui-widget-header{
    background: transparent;
    border: transparent;
    color: #d0ad85;
    font-variant: all-petite-caps;
    font-family: 'Neucha', cursive;
    font-size: 15px;
    letter-spacing: 2px;
}

.dlight-pannellopage.ui-widget-content{
	box-sizing: border-box;
  padding: 0px 20px;
}


.dlight-pannellopage .ui-dialog-titlebar{
	height: 25px;
	margin: 15px 0px 0px 0px;
	text-shadow: 0px 0px 10px black,0px 0px 6px black;
	font-family: 'Outfit', sans-serif;
	color: #ccc7c2;
	letter-spacing: 1px;
	background: transparent;
	font-size: 10px;
	text-align: left;
}

.dlight-pannellopage .ui-button:hover{
	background: linear-gradient(0deg, #2f2028, #49313b);
	border: none;
}

.dlight-pannellopage .ui-dialog-titlebar-buttonpane{
	transform: rotate(358deg);
}

.dlight-pannellopage a, .dlight-pannellopage a:link, .dlight-pannellopage a:visited, .dlight-pannellopage a .ui-button, .dlight-pannellopage a:link .ui-button, .dlight-pannellopage a:visited .ui-button, .dlight-pannellopage .ui-button{
	filter: drop-shadow(0px 0px 1px #151515);
	margin: 0 4px;
	border: none;
	letter-spacing: 2px;
	color: #a68d75;
	font-family: 'Outfit';
	height: auto;
}

.dlight-pannellopage .ui-widget textarea {
    font-family: 'Hind Siliguri', serif;
    font-size: 11px;
}

.titolo_pannello_page{
  color: rgb(255, 224, 239);
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: rgb(16, 17, 17) 0px 0px 10px, rgb(255, 118, 190) 0px 0px 2px;
  margin: 4px;
}


 .dlight-thegrid.ui-widget.ui-widget-content{
     text-align: center;
     background: url(/themes/advanced/imgs/bgschedaunsupervised.png) top center no-repeat;
 	  color: #c1bab4;
 }

 .dlight-thegrid.ui-widget-header{
     background: transparent;
     border: transparent;
     color: #d0ad85;
     font-variant: all-petite-caps;
     font-family: 'Neucha', cursive;
     font-size: 15px;
     letter-spacing: 2px;
 }

 .dlight-thegrid.ui-widget-content{
 	box-sizing: border-box;
   padding: 0px 20px;
 }


 .dlight-thegrid .ui-dialog-titlebar{
 	height: auto;
 	margin: 4px 0px 0px 0px;
 	text-shadow: 0px 0px 10px black,0px 0px 6px black;
 	font-family: 'Lacquer', sans-serif;
 	color: #ccc7c2;
 	letter-spacing: 3px;
 	background: transparent;
 	font-size: 18px;
 }

 .dlight-thegrid .ui-button:hover{
 	background: linear-gradient(0deg, #2f2028, #49313b);
 	border: none;
 }

 .dlight-thegrid .ui-dialog-titlebar-buttonpane{
 	transform: rotate(358deg);
 }

 .dlight-thegrid a, .dlight-thegrid a:link, .dlight-thegrid a:visited, .dlight-thegrid a .ui-button, .dlight-thegrid a:link .ui-button, .dlight-thegrid a:visited .ui-button, .dlight-thegrid .ui-button{
 	filter: drop-shadow(0px 0px 1px #151515);
 	margin: 0 4px;
 	border: none;
 	letter-spacing: 1px;
 	color: #e8b3ca;
 	height: auto;
 }

 .dlight-thegrid .ui-widget textarea {
     font-family: 'Hind Siliguri', serif;
     font-size: 11px;
 }

 .dlight-walkietalkie.ui-widget.ui-widget-content {
     background: url(/themes/advanced/imgs/bg_modale_mess.png) top center no-repeat;
 }


 /* ============================================================
    MODALFRAME stile fogli_big
    ============================================================ */

 .dlight-modalframe.ui-widget.ui-widget-content {
     text-align: center;
     background: url(/themes/advanced/imgs/bg_espanso_unsupervised.jpg) no-repeat center center fixed;
     -webkit-background-size: cover, auto;
     background-size: cover, auto;
     font-size: 11px;
     box-sizing: border-box;
     box-shadow:
         0px 0px 30px #110404,
         0px 0px 40px #00000045 inset,
         1px 0px 0px #f2f4ff70,
         -1px 0px 0px #fda9d269;
     border-width: 1px;
     border-style: solid;
     border-image: linear-gradient(to right, transparent, rgb(171 82 112), transparent) 1 0%;
     color: #c1bab4;
 }

 .dlight-modalframe.ui-widget-header {
     background: transparent;
     border: transparent;
     color: #d0ad85;
     font-variant: all-petite-caps;
     font-family: 'Neucha', cursive;
     font-size: 15px;
     letter-spacing: 2px;
 }

 .dlight-modalframe.ui-widget-content {
     padding: 0px 0px;
     box-sizing: border-box;
 }

 .dlight-modalframe .ui-dialog-titlebar {
     background: #120e0e;
     color: #ffe7f3;
     font-variant: all-petite-caps;
     font-family: 'Outfit', sans-serif;
     font-size: 11px;
     letter-spacing: 2px;
     top: 0px;
     text-align: left;
     width: auto;
     left: 0px;
     margin: 0px;
     border-radius: 10px 10px 2px 2px;
     border-bottom: 1px solid #13191d;
 }

 .dlight-modalframe.ui-dialog .ui-dialog-title {
     float: left;
     margin: .1em 0;
     white-space: nowrap;
     width: 90%;
     overflow: hidden;
     text-overflow: ellipsis;
     color: #ffe7f3;
     text-shadow: none;
     font-family: 'Outfit', sans-serif;
     font-size: 11px;
     letter-spacing: 2px;
     text-align: left;
     background: transparent;
     border: none;
     padding: 0;
     box-sizing: border-box;
 }

 .dlight-modalframe .ui-button:hover {
     background: linear-gradient(0deg, #63364a, #a95978);
     border: none;
 }

 .dlight-modalframe .pagina_forum a,
 .dlight-modalframe .pagina_forum a:link,
 .dlight-modalframe .pagina_forum a:visited,
 .dlight-modalframe .pagina_forum a .ui-button,
 .dlight-modalframe .pagina_forum a:link .ui-button,
 .dlight-modalframe .pagina_forum a:visited .ui-button,
 .dlight-modalframe .pagina_forum .ui-button {
     background: none;
     filter: none;
     margin: 0 4px;
     border: none;
     height: 20px;
 }

 .dlight-modalframe a,
 .dlight-modalframe a:link,
 .dlight-modalframe a:visited,
 .dlight-modalframe a .ui-button,
 .dlight-modalframe a:link .ui-button,
 .dlight-modalframe a:visited .ui-button,
 .dlight-modalframe .ui-button {
     margin: 0px 4px 0px 0px;
     border: none;
     height: 20px;
 }

.dlight-tooltip.dlight-dark.ui-widget.ui-widget-content {
  border: 2px solid black;
  background: #151515;
  line-height: 12px;
  color: #d2c9be;
  text-shadow: 0px 0px 10px #101111, 0px 0px 2px #ff76be;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.75);
}

.dlight-alert-box .ui-widget-header {

  color: rgba(255,255,255,1);
  font-weight: bold;
}

.dlight-alert-box.ui-widget.ui-widget-content {
  border-radius:10px;
  font-family:Tahoma,Geneva,Arial,sans-serif;
}

.dlight-alert-box .ui-widget-content
{
  color:#555555;
	background:rgba(0,0,0,0);
	border:none;
}

.dlight-alert-box .ui-widget-content a{
    color:#555555;
	text-decoration-style: dashed;
}

.dlight-alert-box.ui-dialog .ui-dialog-buttonpane {
  text-align: center;
}

.dlight-alert-box.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: initial;
  display:inline-block;
}

.dlight-alert-box-confirm.ui-widget.ui-widget-content{
    text-align: center;
    background: #141313;
    color: #ddcec2;
    font-size: 13px;
    margin: 0px 5px;
}

.dlight-alert-box-confirm .ui-widget-content{
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    box-sizing: border-box;
}

.dlight-alert-box-confirm.ui-dialog.ui-dialog-buttonpane.ui-dialog-buttonset {
    text-align: center;
    float: none;
}

.dlight-alert-box-confirm .ui-dialog-buttonset {
    text-align: center;
    float: none;
    width: 98%;
}

.dlight-alert-box-confirm .ui-dialog, .dlight-alert-box-confirm .ui-dialog-buttonpane button {
    background: linear-gradient(360deg, #373127, #241f1a);
    border-radius: 25% 19% 4% 12%;
    padding: 5px;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px -1px #25242299 inset, 0px 3px 10px #00000059;
    width: auto;
    color: #edd1ba;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    text-shadow: none;
    font-family: 'Outfit', serif;
}

.dlight-alert-box-confirm.ui-widget-header{
    background: transparent;
    border: transparent;
    color: #d0ad85;
    font-variant: all-petite-caps;
    font-family: 'Neucha', cursive;
    font-size: 15px;
    letter-spacing: 2px;
}

.dlight-alert-box-confirm.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.dlight-alert-box-confirm .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.dlight-alert-box-confirm .ui-dialog-titlebar{
    background: transparent;
    border: transparent;
    color: #f4d5e4;
    font-family: 'Outfit',serif;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    text-align: left;
    margin: -12px 0px 0px -5px;
}

.dlight-alert-box-confirm .ui-button:hover{
	background: linear-gradient(0deg, #28231d, #f4d5e4);
	border: none;
}

.dlight-alert-box-confirm a, .dlight-alert-box-confirm a:link, .dlight-alert-box-confirm a:visited, .dlight-alert-box-confirm a .ui-button, .dlight-alert-box-confirm a:link .ui-button, .dlight-alert-box-confirm a:visited .ui-button, .dlight-alert-box-confirm .ui-button{
	margin: 0 4px;
	border: none;
	height: 20px
}

.tasto_confirm{
  font-size: 10px;
  letter-spacing: 0px;
  color: #736353;
  font-weight: 800;
}

.dlight-error .ui-widget-header {
background: none;
  border-color:#f5aca6;
  background-color:#f5aca6;
  color: rgba(255,255,255,1);
}

.dlight-error.ui-widget.ui-widget-content {
  border-color: #f5aca6;
  background-color: #ffecec;
}

.dlight-success .ui-widget-header {
   background: none;
  border-color:#d99aac;
  background-color:#d99aac;
  color: rgba(255,255,255,1);
}

.dlight-success.ui-widget.ui-widget-content {
  border-color: #d99aac;
  background-color: #fae7f0;
}

.dlight-warning .ui-widget-header {
   background: none;
  border-color:#f2c779;
  background-color:#f2c779;
  color: rgba(255,255,255,1);
}

.dlight-warning.ui-widget.ui-widget-content {
  border-color: #f2c779;
  background-color: #fff8c4;
}

.dlight-notify .ui-widget-header {
  background: none;
  border-color:#f2a6c8;
  background-color:#f2a6c8;
  color: rgba(255,255,255,1);
}

.dlight-notify.ui-widget.ui-widget-content {
  border-color: #f2a6c8;
  background-color: #e3f7fc;
}

a.link_dark, a.link_dark:visited {
    color: #aa536e;
}

a.link_dark:hover {
    color: #fff;
}

div.quote {
    border-bottom: 3px solid #7b3b55;
    font-size: 10px;
    background: url('/themes/advanced/imgs/bg_dark.gif');
    margin: 0 60px;
    padding: 15px;}

label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
  border-radius: 100px;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #ff76be;
}

button{ /* IMAGE STYLES */
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 100%;
    cursor: pointer;
    height: auto;
    margin: 0 5px;
    padding: 0;
    width: auto;
}
button:hover {
}

div.form_chiamate{
text-align: center;
width: 100px;
display: inline-flex;
}

span.notifica_msg{
    color: #fff;
    font-family: 'Love Ya Like A Sister', sans-serif;
    font-size: 22px;
}

span.notifica_msg_pink{
    color: #a49884;
    font-family: 'Love Ya Like A Sister', sans-serif;
    font-variant: all-petite-caps;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
}

div, ul, li{margin:0;
 padding:0;
}

.blank{clear:both;
}


.tablestaff {
	margin:0px;padding:0px;
	border-right:2px solid #d8847a;
	border-left:2px solid #d8847a;
	width: 80%;
	background-color: #090909;
	border-collapse: collapse;
	font-size: 11px;
}

.tablestaff table {
	width: 100%;
	text-align: center;
	background-color: transparent;
}

.tablestaff tr {
	border-bottom: 1px solid #333;
}

.tablestaff td {
	text-align: left;
	padding: 3px;
	width: 60px;
}

table.tablestaff tr:nth-child(even), table.tablestaff tr:nth-child(even)  {
background-color: rgba(127,138,157,0.2);
color: #7f8a9d;
}

table.tablestaff tr:nth-child(odd), table.tablestaff tr:nth-child(odd)  {
background-color: rgba(0,0,0,0.5);
color: #888;
}

blockquote.pov{
  font: 11px/11px normal helvetica, sans-serif;
  line-height: 17px;
  margin-top: 10px;
  margin-bottom: 60px;
  margin-left: 30px;
  padding: 5px 5px 5px 10px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-left: 3px solid #d8847a;
    box-shadow: 0 1px 5px #090909;
}

div.pov_title{
    color: #afadd8;
    font-family: 'Neucha', sans-serif;
    font-size: 17px;
	  padding: 3px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: right;
}


.answer {
 display: none;
 padding: 50px;
 text-align: justify;
 line-height: 1.6;
 margin-bottom: 40px;
 color: #aeacac;
 font-size: 14px;
 min-height: 80px;
 background: rgb(13 15 17);
 box-shadow: 0px -20px 40px #0000004a inset, 0px 10px 40px #0000003d inset;
 border-radius: 20px;
 border-width: 0px 0px 1px 0px;
 border-style: solid;
 border-image: linear-gradient(to right, transparent, rgb(156 67 102 / 67%), rgb(226 107 95), rgb(156 67 102 / 67%), transparent) 1;
}

.answer b, .answer bold, .answer strong {
  font-weight: 600;
  color: #d6c6cc;
}

.answer i, .answer em {
   color: #bc7e77;
}

#faq-list h2 {
  line-height: 2;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 300;
  color: #dbd3d6;
  border: 0;
  padding-left: 15px;
  margin: 7px auto;
  cursor: pointer;
  text-align: left;
  border-radius: 15px;
  border-right: 3px solid #cc6257;
  border-left: 3px solid #cc6257;
  background: #564d5278;
}

#faq-list h2:first-letter {
}

#faq-list h2.close {
  background-color: #7c4c4cd1;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 10px auto -24px 0px;
  padding: 0px 15px;
  border: none;
  border-radius: 15px 15px 0px 0px;
  border-right: 1px solid #cc6257;
  border-left: 1px solid #cc6257;
  background: #00000000;
  box-shadow: 0px 12px 14px #00000033 inset;
  z-index: 3;
  position: relative;
}

h2.close {}

#faq-list h2.close:first-letter {
}

#rule-list h2 {
  line-height: 18px;
  font-size: 13px;
  font-weight: 100;
  color: #b59593;
  letter-spacing: .5px;
  border: 0;
  padding-left: 25px;
  margin: 6px auto;
  cursor: pointer;
  text-align: left;
  border-radius: 5px;
  background: #07070c78;
}


.desc_completa {    background-color: #090909;
    box-shadow: 0 0 20px #000 inset;
    display: none;
    padding: 10px 4px;
    text-align: justify;
}

div.titolo_paragrafo {
    text-align: center;
	font-family: "Reenie Beanie", sans-serif;
	font-size: 27px;
	color: #aaa;
    background-color: rgba(0,0,0,0.9);
	padding: 3px;
}

div.titolo_doc{
    text-align: center;
	font-size: 25px;
	font-family: "Cabin Sketch", sans-serif;
}

div.nome_intero {
  color: #dad8d7;
  font-family: 'Neucha', sans-serif;
  font-size: 30px;
  margin: 20px auto 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding: 0px;
  text-align: center;
  text-shadow: 0px 0px 3px #dc6ea726;
  background-image: linear-gradient(180deg, #bab9b8, #7c7f82);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: #ffffff00;
  -moz-text-fill-color: transparent;
}

div.stroke_nome {
    height: 10px;
    margin: 0 auto;
    text-align: center;
    width: 45%;
    border: none;
    background-image: linear-gradient(to right, transparent, rgb(174 68 125 / 78%), rgb(229 109 95), rgb(174 68 125 / 78%), transparent);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom;
}

#item-list h2 {
    line-height:14px;
    font-family: 'Neucha', sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #777;
    border-top: 1px solid #222;
    border-right: 3px solid #d8847a;
    padding-left:24px;
    margin: 1px auto;
    cursor:pointer;
    background-image:url('../img/open.png');
    background-position:left;
    background-repeat:no-repeat;
    background-color: rgba(0,0,0,0.2);
    text-align: left;
}

#item-list h2:first-letter{	font-size: 14px;
	color: #afadd8;
}

#item-list h2.close {    background-image:url('../img/close.png');
}

#tastiSwitch_beast{
  padding: 3px 0 0;
  color: #333;
  margin: 20px auto 4px;
  width: auto;
  text-align: center;
}

#tastiSwitch_beast a, #tastiSwitch_beast a:visited {
    color: #c1b2b9;
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    text-shadow: 0px 0px 0px #12141d;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    margin: 0 10px;
    transition: border 0.3s ease-in-out 0s;
}

#tastiSwitch_beast a:hover {
	color:#ffad9b;
    text-shadow: 0px 0px 8px #ff5e4c, 0px 0px 2px #F44336;
	font-weight: normal;
}


.tastiDocs #tastiSwitch {
    margin: 0px auto 0;
    opacity: 0.9;
    color: #e26b5f;
}

.tastiDocs #tastiSwitch a, .tastiDocs #tastiSwitch a:visited {
    display: inline-block;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    color: #d49690;
    font-weight: 400;
    margin: 0 10px;
    letter-spacing: 1px;
    padding: 5px;
    text-shadow: 0 0 #190303;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    filter: none;
}

.tastiDocs #tastiSwitch a:hover {
	filter: none;
    color:#ffdff0;
    text-shadow: 0px 0px 8px #ff2893, 0px 0px 2px #ff2893;
    font-weight: normal;
}

/* ------------------------------------------------------------
   Menu laterale scenografico
   ------------------------------------------------------------ */

#menu_link_sx{
  display: grid;
  gap: 2px;
  margin: 0 0 14px !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: left !important;
}

#menu_link_sx br{
  display: none;
}

#menu_link_sx a.menu_link_sx,
#menu_link_sx a.menu_link_sx:visited{
  position: relative;
  min-height: 18px;
  display: flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  margin: 0 !important;
  padding: 4px 10px 2px 13px !important;
  box-sizing: border-box;
  border-radius: 15px;
  font-family: 'Outfit', sans-serif !important;
  font-size: 8px !important;
  line-height: 1.15;
  letter-spacing: .9px;
  text-transform: uppercase;
  font-variant: normal !important;
  font-weight: 600;
  color: rgb(252 247 242 / 74%) !important;
  background:
    linear-gradient(135deg, rgba(255,143,198,.075), rgba(255,179,107,.035)),
    rgba(255,255,255,.026);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.052);
  filter: none !important;
}

#menu_link_sx a.menu_link_sx::before{
  content: '';
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: var(--cp-pink);
  box-shadow: 0 0 10px rgba(255,90,170,.65);
}

#menu_link_sx a.menu_link_sx::after{
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(90deg, rgba(255,90,170,.20), rgba(255,154,102,.09), transparent);
  transition: opacity .18s ease;
}

#menu_link_sx a.menu_link_sx:hover{
  color: #fff !important;
  transform: translateX(2px);
  box-shadow:
    inset 0 0 0 1px rgba(255,143,198,.18),
    0 0 18px rgba(255,90,170,.10);
}

#menu_link_sx a.menu_link_sx:hover::after{
  opacity: 1;
}

div.png_box {
    margin: 4px auto;
    min-height: 145px;
}

:root {
  --nhie-scrollbar-size: 0.8em;
  --nhie-scrollbar-thumb-hover: rgba(196, 145, 161, 0.78);
  --nhie-scrollbar-thumb-active: rgba(205, 156, 171, 0.9);
}

/* Firefox: una sola scrollbar sottile e coerente con la grafica.
 * scrollbar-color è ereditabile: impostandolo su html/body viene applicato
 * anche ai contenitori scrollabili caricati dentro le finestre DLight. */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: rgba(166, 105, 132, 0.72) transparent;
}

/* Contenitori che possono definire direttamente il proprio overflow.
 * Niente selettori universali: evitiamo barre e spazi sui box interni. */
@supports (scrollbar-color: auto) {
  div.output,
  .ui-dialog-content,
  .dialog-content.ajax,
  .dlight-firefox-scroll {
    scrollbar-width: thin;
    scrollbar-color: rgba(166, 105, 132, 0.72) transparent;
  }
}

::-webkit-scrollbar {
  width: var(--nhie-scrollbar-size);
  height: var(--nhie-scrollbar-size);
  background: transparent;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--nhie-scrollbar-thumb-hover);
}

::-webkit-scrollbar-thumb:active {
  background-color: var(--nhie-scrollbar-thumb-active);
}

::-webkit-scrollbar-corner,
::-webkit-resizer,
::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
  border: none;
}

    a,
    a:visited {
      color: #ff76be;
      text-decoration: none;
      transition: color .18s ease, text-shadow .18s ease;
    }

    a:hover {
      color: #ffd2ea;
      text-decoration: none;
      text-shadow: 0 0 6px rgba(255, 118, 190, .28);
    }

    div.form_field table {
      margin: 5px auto;
    }

    textarea {
      background: rgba(10, 11, 16, .92);
      border: 1px solid rgba(255, 255, 255, .08);
      border-bottom: 1px solid rgba(255, 118, 190, .22);
      color: #d8d2dc;
      margin-bottom: 2px;
      padding: 5px;
      box-sizing: border-box;
      box-shadow: 0 0 10px rgba(0, 0, 0, .28) inset;
      font-family: 'Hind Siliguri', Verdana, sans-serif;
      font-size: 11px;
    }

    textarea:focus {
      outline: none;
      border-color: rgba(255, 118, 190, .34);
      background: rgba(14, 15, 22, .96);
      color: #f4eaf2;
    }

    select {
      background: linear-gradient(
        90deg,
        rgba(8, 9, 14, .96),
        rgba(28, 31, 43, .94),
        rgba(8, 9, 14, .96)
      );
      border: 1px solid rgba(255, 255, 255, .065);
      border-bottom: 1px solid rgba(255, 118, 190, .18);
      color: rgba(216, 210, 220, .76);
      margin-bottom: 10px;
      width: 80%;
      box-shadow: 0 0 10px rgba(0, 0, 0, .35) inset;
    }

    input,
    select {
      background: linear-gradient(
        90deg,
        rgba(8, 9, 14, .96),
        rgba(28, 31, 43, .94),
        rgba(8, 9, 14, .96)
      );
      border: 1px solid rgba(255, 255, 255, .065);
      border-bottom: 1px solid rgba(255, 118, 190, .18);
      color: rgba(216, 210, 220, .76);
      font-size: 10px;
      margin: 4px auto;
      box-shadow: 0 0 10px rgba(0, 0, 0, .35) inset;
    }

    input:focus,
    select:focus {
      outline: none;
      border-color: rgba(255, 118, 190, .34);
      color: #f4eaf2;
      background: linear-gradient(
        90deg,
        rgba(10, 11, 17, .98),
        rgba(35, 37, 50, .96),
        rgba(10, 11, 17, .98)
      );
    }

    select option {
      background-color: #11131b;
      color: #d8d2dc;
    }

.form_input_pvt {
    color: #b6bcbe;
    padding: 5px;
    background: #000000;
    border: 1px solid #623b51;
    font-size: 10px;
    height: 5px;
}

input[type="submit"].pvt_form{
	background: transparent;
	margin: -5px auto 0px;
	font-size: 9px;
	letter-spacing: 1px;
	width: auto;
	color: #cac4be;
	text-shadow: 0px 1px 7px black, 1px 1px 0px black, 0px 1px 5px #4c3832;
}

input[type="radio"]{
  box-shadow: none;
  accent-color: #a54f78;}


input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #050505 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #555;
	font-size: 12px;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #050505 inset;/*your box-shadow*/
    -webkit-text-fill-color: #555;
	font-size: 12px;
}


div.form_label{
  color: #e8e2ecd1;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bolder;
}

div.form_label_eden{	font-family: 'Dancing Script', cursive;
	font-size: 20px;
	color: #afadd8;
}

div.form_info{
	font-size:10px;
	margin: 0 auto;
	width: 85%;
	color: #a1615c;
}

select.day, select.month, select.year{	width:60px;
	display:inline-block;
}


.news {
    width: 110px;
    position: absolute;
    top: 425px;
    height: 143px;
    left: 33px;
    transform: rotate(6deg);
}

/** * Stile dei messaggi d'avviso dell'engine */ div.warning, div.error {
    color: #cfcdcd;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 30px auto;
    padding: 20px 10px;
    font-weight: 600;
    text-align: center;
}

div.warning.success {
		background-color: #e8c0cf;
		border: solid 1px #E8F5E9;
		color: #7d294d;
	}

div.link_back{
    color: #777777;
    background: linear-gradient(45deg, transparent, black, transparent);
    font-size: 9px;
    font-weight: bolder;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
}

div.link_back_light{
	font-size: 13px;
    font-weight: bolder;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
}


div.link_back_light a, div.link_back_light a:visited{
	font-family: 'Neucha', serif;
	letter-spacing: 1px;
	color: #ce5f99;
	text-decoration:none;
}

div.link_back_light a:hover{
	color:#f496c5;
	text-decoration: none;
}

/** * Logout */body.logout_body{background: url("imgs/bg.gif") repeat scroll left top #090909;
}

div.logout_box{	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 150px auto;}

div.innertube h2, div.output h2, div.page_title h2{
    color: #dad8d7;
    font-family: 'Neucha', sans-serif;
    font-size: 30px;
    margin: 20px auto 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 0px;
    text-align: center;
    text-shadow: 0px 0px 3px #dc6ea726;
    background-image: linear-gradient(180deg, #bab9b8, #7c7f82);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    -moz-text-fill-color: transparent;
}

div.innertube h2:first-letter, div.output h2:first-letter, div.page_title h2:first-letter{}

div.zone_map h2{    color: #afadd8;
    font-family: 'Neucha', sans-serif;
    font-size: 8px;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/** * Stile dei contenitori grigi con i bordini arrotondati*/
div.menu, div.output{	margin: 0px auto;
	padding:0;
	width:auto;
	background-color: transparent;
	border: none;
	-moz-border-radius:5px;
		/* Bordi arrotondati */	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
}

div.pagina_frame_profilo{    clear: both;
    float: left;
    height: 30px;
    margin: 107px auto 0 15px;
    text-align: center;
    width: 138px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { div.pagina_frame_profilo{margin: 109px auto 0 15px;
}

}

div.nick_profilo {    color: #aaa;
    font-family: "Neucha",sans-serif;
    font-size: 8px;
    font-weight: normal;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
	opacity: 0.9;
}

div.nick_profilo:first-letter {    color: #d8847a;
    font-size: 18px;
}

div.pagina_info_location {
    left: 4px;
    position: absolute;
    top: 70px;
}

div.pagina_info_location_lunga{
    width: 630px;
    margin: 5px auto;
    text-align: justify;
}

div.titlemain {
  color: #dad8d7;
  font-family: 'Neucha', sans-serif;
  font-size: 16px;
  margin: 20px auto 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding: 0px;
  text-align: center;
  text-shadow: 0px 0px 3px #dc6ea726;
  background-image: linear-gradient(180deg, #c77aa3, #dd6860);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: #ffffff00;
  -moz-text-fill-color: transparent;
}

div.infolocation_text {	-moz-border-radius:15px;
		/* Bordi arrotondati */	-webkit-border-radius:15px;
	-khtml-border-radius: 15px;
	border-radius:15px;
	background-color: rgba(0,0,0,0.4);
	padding: 20px;
	font-size: 11px;
	color: #777;
}

div.infolocation_text strong, bold {color: #afadd8;
font-size: 14px;
font-family: Century Gothic;
text-transform: uppercase;
}

div.presenti {
  height: 216px;
  margin-right: 2px;
  transform: rotate(363deg);
  position: absolute;
  background-size: cover;
  left: 25px;
  top: 302px;
  width: 135px;
}

div.output{
	position: absolute;
	inset: 0;
	width: auto;
	min-width: 0;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	text-align: center;
	/*background:url("imgs/main_bg.jpg") no-repeat top center transparent;*/
	background-color: transparent;
	border: none;
}

/** * Informazioni con anteprima luogo*/div.info_image{	text-align:center;
}

div.box_stato_luogo{	padding-top:2px;
	margin-bottom:15px;
}

div.meteo{
    color: #666;
	  margin-right: 5px;
    font-size:11px;
	  text-align:center;
}

div.meteo_date {
  background-image: linear-gradient(to left, #9e3e6d, #ab89c3);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 10px;
  letter-spacing: 0px;
  text-align: center;
  text-shadow: none;
}

div.meteo_city {
    color: #e4778fe0;
    font-family: 'Outfit', serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    text-shadow: none;
}

.meteo_time{
    margin-top: 0px;
    font-size: 11px;
    line-height: 9px;
    color: #cfcac9;
    letter-spacing: 0px;
}


/** Frame scheda */
div.scheda_pop {
    position: fixed;
    top: 49px;
    right: 31px;
    transform: rotate(346deg);
    background: black;
}

div.scheda_pop img {
    max-width: 78px;
    max-height: 78px;
    width: 78px;
    height: 78px;
    object-fit: cover;
    cursor: pointer;
}

div.scritta_scheda {
    text-align: center;
    margin-top: 4px;
    font-variant: all-petite-caps;
    font-size: 14px;
    font-family: 'Gaegu', cursive;
    letter-spacing: 1px;
}


div.pagina_sotto_menu{
  position: absolute;
    top: 595px;
    right: 0;
}
/** * Frame Messaggi */

div.msgs {
    position: relative;
    top: 535px;
    right: -5px;
}

iframe.iframe_messaggi{
    width: 85px;
    height: 75px;
}

div.pagina_messaggi{

}

div.pagina_messaggi a, div.pagina_messaggi a:visited{
	text-decoration:none;
	border:none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
}

div.pagina_messaggi a:hover{       opacity: 1;
}

div.messaggio_forum_nuovo a, div.messaggio_forum_nuovo a:visited{
	position: absolute;
	top: 0;
	right: 0;
}

div.link_menu{	padding: 0 15px;
	font-size:12px;
	float: left;
    background-image: url("imgs/back_icon.png");
    background-position: top center;
    background-repeat: no-repeat;
	height: 44px;
}

div.link_menu a, div.link_menu a:visited{    color: #777777;
    font-family: 'Neucha', sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-shadow: 1px 1px 0 #090909;
    text-transform: none;
	margin-top: 5px auto;
}

div.link_menu a:hover {    color: #d8847a;
}

div.link_menu img {margin-top: 10px;
}

div.link_menu2{  font-family: Calibri, sans-serif;
  font-size: 12px;
    text-align: left;
  margin: 5px 50px;
  color: #d8847a;
}

div.link_menu_bottom{
  padding: 0 20px;
	font-size:12px;
	float: left;
	height: 80px;
}

div.link_menu_bottom a, div.link_menu_bottom a:visited{    color: #777777;
    font-family: Calibri, sans-serif;
    font-size: 15px;
}

div.link_menu_bottom a:hover {    color: #d8847a;
}

div.link_menu_bottom img {margin-top: -25px;
}

/** * Mappa cliccabile *//** * Posizionamento mappa cliccabile */

/* La mappa conserva le sue dimensioni e coordinate originali, ma dispone
 * di un viewport orizzontale autonomo sui dispositivi stretti. In questo
 * modo l'overflow-x:hidden della pagina principale non la taglia. */
.pagina_mappaclick {
    width: 100%;
    min-width: 0;
    height: 100%;
    box-sizing: border-box;
}

.pagina_mappaclick .mappaclick_layout_table {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.pagina_mappaclick .mappaclick_layout_table td {
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
}

.mappaclick_scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y pinch-zoom;
    box-sizing: border-box;
}

/*
 * Piano interno largo quanto la mappa.
 * Mantiene la posizione originale del box PVT rispetto alla mappa,
 * ma permette a entrambi di scorrere come un unico blocco.
 */
.mappaclick_scroll_content {
    position: relative;
    display: block;
    max-width: none;
    margin: 0 auto;
}

div.mappaclick_map {
    position: relative;
    display: block;
    max-width: none;
    margin: 0;
}

/** * Link testuali sulla mappa */

div.mappaclick_map a{
  font-family: 'Schoolbell', serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 13px;
  color: #fff;
  font-weight: 800;
  filter: drop-shadow(0px 0px 5px #000);
}

div.mappaclick_map a:hover{
    color: #ffffff;
	text-shadow: 0px 0px 3px #ffffff;
}

/** * stile della tooltip di descrizione sulla mappa */
div#descriptionLoc{
    position:absolute;
 	  width:200px;
    background: none repeat scroll 0 0 rgba(0,0,0,0.8);
    border-left: 3px solid #d8847a;
    box-shadow: 0 1px 5px #090909;
 	  font-size: 10px;
	  text-align: justify;
	  color: #666;
	  line-height: 10px;
    padding: 4px;
		display:none;
/*NON TOCCARE* Di configurazione: nasconde la tip in partenza */	z-index:9999;
/*NON TOCCARE* Di configurazione: mostra la tooltip sopra gli altri link */}

/** * Stili relativi all'elenco delle mappe in basso*/div.mappaclick_more{	font-size:0;
}

div.mappaclick_more a{    color: #8f3f62;
    font-size: 7px;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
	  margin: 2px 5px 2px 0;
}

/** * Messages center*/

div.pagina_servizi_mercato b, div.pagina_servizi_mercato bold, div.pagina_servizi_mercato strong {
    color: #676767;
}

div.elenco_record_gioco_mercato {
    color: #575757;
    font-size: 10px;
    margin: 15px auto 0 auto;
    padding: 30px 20px;
}

div.elenco_record_gioco_mercato table{    width: 100%;
}

div.elenco_record_gioco{	padding:20px;
}

div.elenco_record_gioco table{	width:100%;
	background-color: transparent;
	-moz-border-radius:5px;
		/* Bordi arrotondati */	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
}

td.casella_titolo{background-color: transparent;
}

td.casella_titolo_bonus{background-color: transparent;
width: 120px;
}

td.casella_mercato{height:18px;
text-align: left;
}

a.mercato_menu{    color: #888;
	font-family: 'Neucha', sans-serif;
    font-size: 11x;
    text-transform: uppercase;
    letter-spacing: 2px;
}

a.mercato_menu:hover{    color: #eeb679;
    letter-spacing: 4px;
}

td.casella_mercato:first-letter{    color: #d8847a;
    font-family: 'Neucha', sans-serif;
    font-size: 26px;
    text-shadow: 1px 1px 0 #000;
}

div.elementi_elenco{	padding-top:5px;
	text-align:center;
}

div.titoli_elenco {
    color: #ca746c;
    font-family: 'Infamous', sans-serif;
    font-size: 18px;
    padding: 1px 6px;
    letter-spacing: 1px;
    margin: auto 2px;
    text-transform: uppercase;
}

img.colonna_elengo_messaggi_icon{	width:30px;
	height:30px;
}

div.controlli_elenco{text-align: center;
}

div.form_gioco{padding: 3px 25px 30px;
}

div.controllo_elenco{	width:20px;
	float:left;
}

div.controllo_elenco input[type='image']{	width:15px;
}

table.inventario_scheda {    background-image: url("imgs/bg.gif");
    padding: 3px;
    width: 100%;
}

table.mercato {    background-color: rgba(128, 128, 128, 0.1);
    padding: 15px;
    width: 100%;
}

div.info_oggetto{    background-color: rgba(0,0,0,0.3);
	padding: 10px;
	margin: 15px 20px 3px;
	text-align: center;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

span.info_oggetto{	text-transform: uppercase;
	font-size: 7px;
	font-family: Verdana;
	font-weight: bolder;
	color: #333;
	}

span.oggetto_diffuso{color: #b96f7d;
font-size: 9px;
}

span.oggetto_estremo{color: #d8847a;
font-size: 9px;
}

span.oggetto_medio{color: #9a7f37;
font-size: 9px;
}

table.inventario_scheda td, table.mercato td.casella_elemento {    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    text-align: justify;
}

table.inventario_scheda td, table.mercato td.casella_elemento, div.elementi_elenco {    padding: 5px;
}

div.inventario_riga_proprieta {    background-color: #161616;
    border-bottom: 1px solid #090909;
    border-top: 1px solid #222222;
    box-shadow: 0 -4px 8px #111111 inset;
    color: #444;
    font-family: Verdana;
    font-size: 7px;
    font-weight: bolder;
    height: 7px;
    margin-left: 5px;
    text-transform: uppercase;
    padding: 3px;
}

td.casella_elemento_img {    padding: 3px 7px;
    width: 220px;
}

tr.spazio_tab {    height: 30px;
}

tr.compra_oggetto {    text-align: center;
}

td.casella_controlli {    text-align: center;
}

span.inventario_nome{    color: #eeb679;
    font-family: 'Neucha', sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 6px 20px;
    border-bottom: 2px solid #afadd8;
    text-transform: uppercase;
    text-align: left;
    width: 100%;
}

div.inventario_quantita {    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #050505;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #111111;
    box-shadow: 0 -4px 8px #090909 inset;
    color: #777777;
    font-family: 'Neucha', sans-serif;
    font-size: 8px;
	letter-spacing: 1px;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
	font-weight: normal;
	margin: 5px auto;
	width: 97%;
}

div.inventario_riga_descrizione_scheda {
	text-align: justify;
	margin: 20px auto;
}

div.inventario_riga_descrizione {
    font-size: 16px;
    color: #555;
    text-align: justify;
    padding: 5px 10px;
	margin: 5px 0 3px 0;
	min-height: 110px;
	line-height: 16px;
}

div.inventario_riga_sottosezione{    padding: 2px;
}


div.inventario_riga_descrizione b {    color: #d8847a;
}

div.cant_buy{   background-color: #161616;
    border-color: #444 #000 #000;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 5px;
    box-shadow: 0 -4px 8px #111111 inset;
    margin: 0 5px;
    padding: 2px 10px;
	max-width: 400px;
	cursor: default;
}

div.cant_buy span{    color: #ff76be;
    text-shadow: 0 0 7px #ff76be, 0 0 10px #ff76be;
	font-size:10px;
}

span.anagrafe {
	color: #d8847a;
  font-size: 9px;
  line-height: 20px;
	letter-spacing: -1px;}

div.user_stats, div.user_razze, div.user_ambientazione, div.pagina_servizi_banca, div.pagina_servizi_lavoro, div.pagina_servizi_adm_gilde,div.pagina_servizi_prenotazioni, div.pagina_servizi_gilde, div.pagina_gestione_gilde, div.pagina_richiestestaff {
  	background-color: transparent;
  	margin: 0px 20px 0px;
  	padding: 0px 20px;
  	height: 632px;
  	overflow: auto;
}

div.pagina_user_cambio_nome, div.pagina_user_cambio_pass,div.pagina_user_cancella_pg{
  background-color: transparent;
  margin: 0px 20px 0px;
  padding: 0px;
  height: auto;
  overflow: auto;
}

div.pagina_servizi_banca #tastiSwitch {    margin: -16px auto 21px;
    opacity: 0.9;
}

div.pagina_servizi_gilde div.capitolo_elenco{ margin: 35px auto 2px;
}

div.pagina_servizi_gilde div.elementi_elenco{ text-align: left;
}

div.pagina_iscrizione{    box-shadow: 0 -50px 80px #000000 inset, 0 0 4px #000000;
	height: 100%;
}

/** * Banca */div.pagina_servizi_banca select{    border-color: #222 #444 #090909;
}

div.pagina_servizi_banca div.form_submit {    margin: 4px 60px 15px;
}

div.form_submit_banca {    margin: 15px auto;
}

div.status_bancario{
    padding: 10px 20px;
    margin: 5px auto 35px;
}

span.banca_dati{    color: #d8847a;
	font-size:18px;
    font-family: 'Dancing Script', cursive;
}

span.titoli_banca{    color: #eeb679;
    font-family: 'Dancing Script', cursive;
    font-size: 21px;
    font-weight: normal;
}

div.box_banca{    background-color: transparent;
    color: #444444;
    font-size: 10px;
    margin: 15px auto;
    padding: 10px;
	width: auto;
}

/** * Anagrafe */div.user_stats div.elenco_record_gioco{    background: url("imgs/bg2.gif") repeat scroll 0 0 transparent;
}

/** * Ambientazione/Regolamento */div.user_ambientazione div.elementi_elenco, div.servizi_abilita div.elementi_elenco{	text-align:left;
	padding:5px;
}

div.user_ambientazione td.casella_titolo div.elementi_elenco, div.servizi_abilita td.casella_titolo div.elementi_elenco{	font-size:14px;
	font-weight:bolder;
	padding:2px 0 2px 10px;
}

/** * Generico per elenchi, bacheche, regolamento, ambientazione etc */
div.capitolo_elenco{
	float: left;
    margin-bottom: 20px;
    color: #b56f7e;
    font-family: 'Love Ya Like a Sister', sans-serif;
    font-size: 45px;
}

div.capitolo_elenco_statuto{
	color: #b56f7e;
    font-family: 'Love Ya Like A Sister', sans-serif;
    font-size: 22px;
    margin-bottom: 20px;
}

div.elementi_elenco{	min-height:20px;
}

td.casella_elemento, div.elementi_elenco{    background-color: rgba(0,0,0,0.2);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	font-size:12px;
}

div.controllo_elenco input[type='image'], div.controllo_elenco img.iconimg {
		height: 15px;
		width: 15px;
		display: block;
		margin: 2px 5px;
	}

div.elementi_elenco a{  font-family: 'Neucha', sans-serif;
  font-size: 24px;
}

/** * Stile tabelle nei moduli di gestione */div.elenco_record_gestione table{	width:95%;
	margin:10px auto;
}

div.schema_richieste {    margin: 0 15px;
    padding: 15px 50px 30px;
}

div.schema_richieste table {    margin: 2px;
    width: 97%;
}

div.schema_richieste_post {    margin: 0 15px;
}

div.schema_richieste div.capitolo_elenco {    margin: 35px auto 5px 15px;
	width: 90%;
}

a.ogg_richiesta, a.ogg_richiesta:visited {font-size: 11px;
font-weight: bold;
}

a.ogg_richiesta:hover{color: #ccc;
}

div.richieste_box {    color: #444444;
    font-size: 11px;
    line-height: 16px;
    margin: 70px 10px 0;
    text-align: left;
}

div.richieste_box table {    background-color: #000000;
	margin: 1px;
}

div.richieste_box table tr {}

div.richieste_box table tr td {    border-color: #070707;
	border-style: solid;
	border-width: 1px;
	font-size: 11px;
	line-height: 16px;
}

div.richieste_box table tr td img {    max-width: 450px;
}

#submit_disc {background-color: rgba(0,0,0,0.3);
 border-width: 0 2px;
 border-style: solid;
 border-color: #d8847a;
 font-size: 10px;
}

span.titolo_richiesta{    color: #888;
    font-family: 'Love Ya Like A Sister', sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 28px;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.2) , transparent);
 /* For Safari 5.1 to 6.0 */    background: -o-linear-gradient(right, rgba(255,255,255,0.2) , transparent);
 /* For Opera 11.1 to 12.0 */    background: -moz-linear-gradient(right, rgba(255,255,255,0.2) , transparent);
 /* For Firefox 3.6 to 15 */    background: linear-gradient(to right, rgba(255,255,255,0.2) , transparent);
 /* Standard syntax (must be last) */}

div.tit_richieste{	width: 100%;
	text-align: left;
	font-family: 'Neucha', sans-serif;
	font-size: 18px;
	color: #d4c1a6;
	padding: 0 0 0 10px;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) , transparent);
 /* For Safari 5.1 to 6.0 */    background: -o-linear-gradient(right, rgba(0,0,0,0.6) , transparent);
 /* For Opera 11.1 to 12.0 */    background: -moz-linear-gradient(right, rgba(0,0,0,0.6) , transparent);
 /* For Firefox 3.6 to 15 */    background: linear-gradient(to right, rgba(0,0,0,0.6) , transparent);
 /* Standard syntax (must be last) */	border-left: 3px solid #d8847a;
}

div.elenco_richieste_wrap{	text-align: center;
	margin: 7px auto 20px;
}

div.elenco_richieste {    margin: 0 auto;
    width: 90%;
}

div.wrap_richieste{    color: #eeb679;
    margin: 7px 0;
    text-align: left;
}

a.tipo_ric, a.tipo_ric:visited{
	color: #afadd8;
    font-family: 'Neucha', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
}

a.tipo_ric:hover{    color: #d4c1a6;
	font-weight: normal;
}

/** * Accorgimenti Layout *//** * Allineamento verticale delle colonne */#framecontentLeft, #framecontentRight { display:table;
 }

/** * margine delle colonne */div.innertube{	margin:0;
	vertical-align:middle;
	display: table-cell;
}

/** * Menu frame sinistra basso */
div.dxmenu {
	height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 379px;
    width: 140px;
}

div.framedx_menu{margin: 0 auto;
border: none;
}

div.framedx_menu ul {
    list-style: none outside none;
    margin-left: 0;
    text-align: center;
}

div.framedx_menu ul li {display:inline;
margin: 0 3px;
}

div.framedx_menu ul li a {
	display:inline-block;
    border: none;
    background: rgba(0,0,0,0);
	margin: 0 10px;
}

/** * Menu frame sinistra */
div.sxmenu {
  height: 45px;
  left: 24px;
  position: absolute;
  text-align: left;
  top: 553px;
  width: 120px;
  transform: rotate(
-4deg);
}

div.framesx_menu{margin: 0 auto;
border: none;
}

div.framesx_menu ul {
    list-style: none outside none;
    margin-left: 0px;
    text-align: left;
}

div.framesx_menu ul li {
margin-bottom: 14px;
}

div.framesx_menu ul li a {display:inline-block;
border: none;
}

/** * Orologio */div.clock{margin-top: -18px;
}

/** * Utilities */iframe.iframe_utilities{    height: 400px;
    width: 142px;
	overflow:hidden;
}

 iframe.iframe_utilities::-webkit-scrollbar {      display: none;
  }

  div.utilities{}

/** * Calendario */iframe.iframe_calendario{    height: 358px;
	width:567px;
	overflow: hidden;
	background-color: transparent;
}

 iframe.iframe_calendario::-webkit-scrollbar {      display: none;
  }

  /** * Tasti aggiornamento, uscita */div.sxmenu{
}

/** * Pagine menu */

div.pagina_gestione, div.pagina_uffici{
    color: #777;
    font-family: 'Neucha', sans-serif;
    font-size: 22px;
    margin: auto;
    display: flex;
    text-align: center;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    align-content: space-between;
}

div.background_uffici{
	margin-top: 25px;
}

div.pagina_gestione div.page_body, div.pagina_uffici div.page_body{
	padding: 5px 30px 35px;
}

div.pagina_uffici a, div.pagina_uffici a:visited {
	color: #4b2b38;
	font-family: 'Outfit', serif;
	border-left: 4px solid transparent;
	font-size: 12px;
	text-rendering: optimizeLegibility;
	font-weight: 600;
	padding-left: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div.pagina_uffici a:hover {
	color: #3e3b36;
    border-left: 5px solid #6f4e47;
    text-shadow: none;
}

div.titoliservizi{
    margin: 20px 0 5px 20px;
    text-align: left;
    font-size: 20px;
    padding: 4px 0px;
    color: #d9665f;
    font-family: 'Infamous', sans-serif;
    letter-spacing: 1px;
}

span.menuservizi{
    font-size: 32px;
    font-family: 'Lacquer', serif;
    color: #1d2523;
    text-transform: uppercase;
}

#slidingDiv,#slidingDiv_2{height:300px;
background-color:#f0b6d2;
padding:20px;
margin-top:10px;
border-bottom:5px solid #ff76be;
display:none;
}

.letter {
    background: url(/themes/advanced/imgs/righette.jpg) top left repeat;
    box-shadow: inset 0 0 100px 0px #42341966, inset 0 0 200px 20px #efd0a978;
    margin: 26px auto 0;
    max-width: 1200px;
    min-height: 300px;
    padding: 24px;
    position: relative;
    width: 70%;
    color: #555;
}

.letter:before, .letter:after {    content: "";
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.letter:before {
	left: -5px;
	top: 4px;
	transform: rotate(-3.5deg);
	-ms-transform:rotate(-3.5deg);
 /* IE 9 */
	-webkit-transform:rotate(-3.5deg);
 /* Safari and Chrome */
	background: repeat scroll 0 0 #910000;
	box-shadow: 0 0 8px rgb(0 0 0 / 20%), inset -3px 3px 20px 0px #3c0101;
	}

.letter:after {
	background: none repeat scroll 0 0 #997f63;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	right: -3px;
	top: 1px;
	transform: rotate(1.4deg);
	-ms-transform:rotate(1.4deg);
 /* IE 9 */
	-webkit-transform:rotate(1.4deg);
 /* Safari and Chrome */
	}

table.riepilogo_iscr{font-size: 9px;
width: 80%;
}

table.riepilogo_iscr td.casella_elemento div.elementi_elenco{font-size: 9px;
 min-height:10px;
}

div.autowriteC{    width: auto;
	height: 104px;
	margin: 10px auto;
	text-align: center;
    background: url("imgs/writebg.png") no-repeat top center transparent;
}

.autowrite{ 	font-family: 'Indie Flower', cursive;
	font-size: 16px;
	font-weight:600;
	color: #111;
	text-shadow:none;
	padding: 15px;
	line-height: 17px;
}

.autowrite:first-letter{color: #afadd8;
text-shadow: 1px 1px 0px #222;
font-weight: bold;
font-size: 22px;
}

 table.logbanca{    background: url("imgs/bg.gif") repeat scroll center top rgba(0, 0, 0, 0);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	border-bottom: 1px solid #222;
    box-shadow: 0 -5px 15px #000000 inset, -3px 0 35px rgba(0, 0, 0, 0.3) inset, 3px 0 35px rgba(0, 0, 0, 0.3) inset;
	padding: 20px;
}

tr.logtit{        color: #aaa;
    font-family: 'Dancing Script', cursive;
    font-size: 23px;
    letter-spacing: 1px;
}

td.prelievo{background-color: rgba(86, 99, 122, 0.4);
 color: #aaa;
 text-align: left;
}

td.versamento{background-color: rgba(255, 118, 190, .18);
 color: #aaa;
 text-align: left;
}

td.bonificoP{background-color: rgba(255, 118, 190, .12);
 color: #aaa;
 text-align: left;
}

td.bonificoN{background-color: rgba(51, 66, 92, 0.4);
 color: #aaa;
 text-align: left;
}

.datalogbanca{font-size: 9px;
 font-family: Verdana;
 font-weight: normal;
 color: #585858;
}

.autorelog{font-size: 9px;
}

.voltimenu{background: url("imgs/menu/menu_chat.png") no-repeat scroll center top transparent;
    height: 35px;
    margin: auto 20px;
    padding: 5px;
}

div.png_famosi{max-height: 350px;
width: 100%;
overflow: auto;
}

div.png_avy{ float: left;
 width:20%;
 clear: both;
}

div.png_desc{float: right;
 width:80%;
 background-color: rgba(128,128,128,0.1);
 clear: both;
}

div.info_tipo{	background: url("/imgs/locations/locbg.jpg") repeat scroll left top rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px #000 inset, 0 -20px 15px rgba(0,0,0,0.3) inset;
 	border-style: solid;
 	border-width: 1px 2px;
	border-color: #181818 #afadd8;
	padding: 15px;
	margin: 25px 10px;
	width: 70%;
	text-align: justify;
}

div.form_ogg_richiesta{text-align: left;
 margin: 5px 60px 25px 50px;
}

div.form_ogg_richiesta textarea{	width: 100%;
}

div.form_ogg_richiesta input{	width: 20px;
}

div.form_ogg_richiesta input.input_richiesta{    background-color: rgba(0, 0, 0, 0.4);
    border-color: #181818 #191919 #333;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px #000000 inset, 0 -5px 5px rgba(0, 0, 0, 0.5) inset;
    color: #555555;
    margin: 15px auto 10px;
    padding: 4px;
	width: 35%;
}

span.oggetto_richiesta{	background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent) repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-family: 'Neucha', sans-serif;
	font-size: 12px;
	color: #eeb679;
	letter-spacing: 1px;
	margin: 0 auto 3px;
}

span.separa{	background-color: #000;
    color: #afadd8;
	border-left: 3px solid #d8847a;
}

div.tipo_richiesta{	background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 15px auto 2px 3px;
    text-align: left;
    width: 90%;
}

div.capitolo_richieste{
    margin: 20px auto 0 15px;
    color: #d4c1a6;
    font-family: 'Love Ya Like A Sister', sans-serif;
    font-size: 26px;
}

div.skills_title{    color: #afadd8;
    font-family: 'Neucha', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 4px 10px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
	text-align: center;
}

span.skills_car_tit{	color: #555;
	font-size: 7px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
	}

span.skills_car{	color: #aaa;
	font-size: 7px;
	font-family: Verdana;
	text-transform: uppercase;
	font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
	}

div.skills_desc{	font-size: 11px;
	text-align: justify;
	line-height: 17px;
}

td.skills_casella{    background-color: rgba(0, 0, 0, 0.2);
    border-color: #181818 #191919 #333333;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 25px #000000 inset, 0 -20px 25px rgba(0, 0, 0, 0.5) inset;
    color: #555555;
    margin-bottom: 2px;
    padding: 7px;
}

img.anteprime_ruoli{	background-color: #000;
	border-left: 4px solid #d8847a;
}

div.nome_chat {    color: #eeb679;
    font-family: "Dancing Script",cursive;
    font-size: 24px;
    margin: 2px auto;
    text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}

div.nome_chat:first-letter {    color: #d8847a;
    font-size: 34px;
}

div.stroke_chat {    border-bottom: 3px solid #afadd8;
    height: 5px;
    margin: 4px auto 0;
    text-align: center;
    width: 100px;
}

div.elenco_record_gioco table.elenco_locali {	background-color: rgba(0,0,0,0.4);
	border: 1px solid #131313;
	border-bottom: 3px solid #000;
}

table.elenco_locali tr {	background-color: rgba(0,0,0,0.3);
}

table.elenco_locali td, table.elenco_locali th{	text-align: justify;
	font-size: 10px;
	vertical-align: top;
    border: 1px double #090909;
}

table.elenco_locali th{    color: #afadd8;
    font-family: "Neucha",sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}

div.mercato_vetrina{background-color: rgba(0,0,0,0.5);
 padding: 3px;
 border-right: 3px solid #d8847a;
 border-left: 3px solid #d8847a;
 font-size: 11px;
}

.view {    width: 160px;
    height: 90px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background-color: #000;
	box-shadow: 0 5px 7px rgba(0,0,0,0.7);
    border-color: rgba(128, 128, 128, 0.3) #101010 #59303f;
    border-style: solid;
    border-width: 0 1px 1px;
}

.view .mask, .view .content {    width: 160px;
    height: 90px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img {    display: block;
    position: relative;
}

.view h1 {    color: #afadd8;
    text-align: center;
    position: relative;
    font-family: "Neucha",sans-serif;
    font-size: 14px;
	font-weight: normal;
    padding: 2px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}

.view p {    font-family: Georgia, serif;
    font-style: italic;
    font-size: 10px;
    position: relative;
    color: #fff;
    padding: 2px;
    text-align: center;
}

.view a {    display: inline-block;
	color: #afadd8;
	border-bottom: 2px solid #000;
}

.view a:hover {	color: #fff;
	border-bottom: 2px solid #d8847a;
}

.view-first img {     transition: all 0.2s linear;
}

.view-first .mask {    opacity: 0;
    background-color: rgba(0,0,0, 0.6);
     transition: all 0.4s ease-in-out;
}

.view-first h1 {    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first p {     transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}

.view-first a.info{    opacity: 0;
	transition: all 0.2s ease-in-out;
}

.view-first:hover img { 	transform: scale(1.1);
}

 .view-first:hover .mask { 	opacity: 1;
}

.view-first:hover h1,.view-first:hover p,.view-first:hover a {    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {    transition-delay: 0.1s;
}

.view-first:hover a {    transition-delay: 0.2s;
}

/** * Stile messaggistica on */
div.iframe_msg_on{
    height: 570px;
    line-height: 10px;
    margin-left: 200px;
    margin-top: 0;
    overflow: auto;
    padding: 5px;
    text-align: justify;
    width: 750px;
}

div.iframe_msg_on table{
    width: 97%;
}

div.iframe_msg_on form_submit{
    float: right;
	clear: both;
    height: 60px;
    width: auto;
}

div.iframe_msg_on input[type="submit"] {
    background-color: #dd5b4c;
    border-radius: 100px;
    color: #ccc;
    cursor: pointer;
    font-size: 13px;
    height: 50px;
    width: 50px;
	box-shadow: none;
	text-shadow: none;
	border: none;
}

div.iframe_msg_on input[type="submit"]:hover {
    background-color: #ff76be;
    color: #fff;
}

div.menu_msg_on_sx {
    text-align: justify;
    width: 169px;
    height: auto;
    margin-top: 155px;
    margin-left: 0px;
}
div.iframe_sx {
    padding: 3px 3px 8px;
}

div.msg_left{
    background-color: #fffdfab5;
    border-right: 5px solid #c5a3a3;
    float: left;
    margin: 5px 0;
    padding: 6px;
    text-align: left;
    width: 75%;
	color: #56615c;
}

div.msg_right{
    background-color: #fffdfab5;
    border-left: 5px solid #96a9a1;
    float: right;
    margin: 5px 0;
    padding: 6px;
    text-align: right;
    width: 75%;
    color: #918774;
    clear: both;
}

div.msg_menu_buttons{
    text-align: right;
	padding: 3px;
	margin: -31px -2px auto;
}

div.msg_wrap{
    background-color: rgba(0,0,0, 0.4);
    border: 3px double #333;
    margin: 3px auto 10px;
    max-height: 350px;
    overflow: auto;
    padding: 10px;
}

div.msg_wrap img{
    max-width: 200px;
}

textarea.text_risposta{
   background-color: rgba(0,0,0,0.4);
   box-shadow: none;
   border: 3px double #333;
   width: 90%;
   text-align: right;
   height: 60px;
   float: left;
}

div.preg{
    background: url("/themes/advanced/imgs/pattern2_bg.png") repeat scroll left top rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #333;
    border-radius: 10px;
    border-top: 1px solid #191919;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6) inset, 0 10px 170px rgba(0, 0, 0, 0.6) inset, 0 0 5px rgba(0, 0, 0, 0.6) inset;
    color: #696969;
    text-shadow: 0 1px #111;
	padding: 8px;
}
div.preg_nope{
    background: url("/themes/advanced/imgs/pattern2_bg.png") repeat scroll left top rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #333;
    border-radius: 10px;
    border-top: 1px solid #191919;
	border-left: 3px solid #660000;
	border-right: 3px solid #660000;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6) inset, 0 0 5px rgba(0, 0, 0, 0.6) inset;
    color: #696969;
    text-shadow: 0 1px #111;
	padding: 8px;
}

div.preg_ok{
    background: url("/themes/advanced/imgs/pattern2_bg.png") repeat scroll left top rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #333;
    border-radius: 2px;
    border-top: 1px solid #191919;
	border-left: 3px solid #afadd8;
	border-right: 3px solid #afadd8;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6) inset, 0 0 5px rgba(0, 0, 0, 0.6) inset;
    color: #696969;
    text-shadow: 0 1px #111;
	padding: 8px;
}

div.preg_mod {text-align: left;}
div.preg_mod input {width: auto;}


.treColonne{
    padding: 5px 3px;

    column-count: 3;
    column-gap: 30px;
    column-rule: 1px solid #555;

    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -moz-column-rule: 1px solid #555;

    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    -webkit-column-rule: 1px solid #5;

  }

.quattroColonne{
    padding: 5px 3px;

    column-count: 5;
    column-gap: 10px;

    -moz-column-count: 5;
    -moz-column-gap: 10px;

    -webkit-column-count: 5;
    -webkit-column-gap: 10px;

	margin: 30px auto;

  }

table.dice, table.dice_mod {width: 490px; border: 2px solid rgba(255,255,255,0.1); box-shadow: 0 0 30px rgba(0,0,0,0.7);}

table.dice td.name, table.dice_mod td.name {width: 95%; font-style: italic; padding: 0 6px; font-size: 11px;}

table.dice tr:nth-child(even), table.dice_mod tr:nth-child(even)  {
background-color: rgba(127,138,157,0.2);
color: #c98da7;
font-size: 11px;
}

table.dice tr:nth-child(odd), table.dice_mod tr:nth-child(odd)  {
background-color: rgba(0,0,0,0.5);
color: #888;
font-size: 11px;
}

table.site_stats{
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

table.site_stats tr{

}

table.site_stats td{
    background-color: transparent;
    color: #bcb1b5;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    text-rendering: optimizeLegibility;
    padding-left: 15px;
    letter-spacing: 0px;
    border-radius: 0;
    line-height: 22px;
}

table.site_stats td.stats{
    color: #ba827c;
    text-align: right;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

table.site_stats td.stats_right{
	text-align: left;
}

div.anagrafe_menu{
	margin: 15px auto 10px;
}

div.anagrafe_menu a, div.anagrafe_menu a:visited {
	color: #d59791;
	vertical-align: middle;
	font-family: 'Outfit', sans-serif;
	font-size: 10px;
}

div.anagrafe_menu a:hover {
  color: #df6960;
}

div.box_anagrafe{display: inline-flex;flex-direction: row;text-align: left;padding: 20px 0px;margin: 0px 14px;}

div.box_anagrafe img.ana_avy {
    border-radius: 8px;
    background: #000000c2;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    text-align: center;
    box-shadow: -2px 2px 4px #0000005e;
    object-fit: cover;
    transform: rotate(-4deg);
}

div.box_anagrafe_info{max-width: 160px;height: 60px;padding: 5px 0px 8px 21px;margin: 0px 10px 0px -8px;display: flex;flex-direction: column;background: linear-gradient(45deg, #903c6642, #5b30452e);border: 1px solid #ffffff12;border-radius: 0px 20px 20px 0px;justify-content: center;}

div.box_anagrafe div.ana_name{font-size: 20px;font-family: 'Infamous', serif;width: 180px;display: inline-flex;flex-direction: row;align-items: flex-end;color: #c8766d;}

div.box_anagrafe a{color: #c8766d;}

div.box_anagrafe a:hover{color:#ffc1e2 !important;
  text-shadow: 0px 0px 8px #ea6aac, 0px 0px 16px #f06fb3 !important;}

div.box_anagrafe span.details{font-size: 9px;margin-top: 11px;line-height: 10px;margin-left: 0px;color: #b9aeb3c2;}

div.polaroid_map{
      width: auto;
      height: auto;
      text-align: right;
      position: absolute;
      top: 12px;
      left: -110px;
      margin: 0px auto 0px;
      z-index: 999999999;

}

div.polaroid_map img{
  max-width: 150px;
  margin: 4px 0px 10px 10px;
  object-fit: cover;
  transform: rotate(-3deg);
  filter: drop-shadow(0px 0px 5px #0000004a);
  background: #000;
  border-radius: 5px;
}

div.titolo_polaroid_map{
    color: #dad8d7;
    font-family: 'Neucha', sans-serif;
    font-size: 22px;
    margin: 0px auto 10px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 20px 0px 0px;
    text-align: center;
    text-shadow: 0px 0px 3px #dc6ea726;
    background-image: linear-gradient(180deg, #f3ecea, #f672b7);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    -moz-text-fill-color: transparent;
  }

   div.polaroid_map_desc{
     position: relative;
     left: 50px;
     width: 300px;
     line-height: 11.4px;
     margin: 4px 0px 0px 4px;
     color: #e8e5e8d6;
   }

    .view {
        width: 160px;
        height: 90px;
        float: left;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
        background-color: #000;
    	  box-shadow: 0 5px 7px rgba(0,0,0,0.4);
    }
    .view .mask, .view .content {
        width: 160px;
        height: 90px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }
    .view img {
        display: block;
        position: relative;
    }
    .view h1 {
        color: #d8847a;
        text-align: center;
        position: relative;
        font-family: 'Neucha',sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding: 2px;
        background: rgba(0, 0, 0, 0.8);
        margin: 20px 0 0 0;
    }
    .view p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 10px;
        position: relative;
        color: #fff;
        padding: 2px;
        text-align: center;
    }
    .view a , .view a:visited{
        display: inline-block;
    	color: #d8847a;
    }
    .view a:hover {
        color: #d8847a;
    }

    .view-first img {
        transition: all 0.2s linear;
    }
    .view-first .mask {
        opacity: 0;
        background-color: rgba(0,0,0, 0.6);
        transition: all 0.4s ease-in-out;
    }
    .view-first h1 {
        transform: translateY(-100px);
        opacity: 0;
        transition: all 0.2s ease-in-out;
    }
    .view-first p {
        transform: translateY(100px);
        opacity: 0;
    	transition: all 0.2s linear;
    }
    .view-first a.info{
        opacity: 0;
    	transition: all 0.2s ease-in-out;
    }

    .view-first:hover img {
    	transform: scale(1.1);
    }
    .view-first:hover .mask {
    	opacity: 1;
    }
    .view-first:hover h1,
    .view-first:hover p,
    .view-first:hover a {
        opacity: 1;
        transform: translateY(0px);
    }
    .view-first:hover p {
        transition-delay: 0.1s;
    }
    .view-first:hover a {
        transition-delay: 0.2s;
    }



    .view2 {
        width: 200px;
        height: 130px;
        float: left;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
        background-color: #e5d7d7;
        border-color: rgba(128, 128, 128, 0.3) #b19578 #81756d;
        border-style: solid;
        border-width: 0 1px 1px;
    }
    .view2 .mask, .view2 .content {
        width: 200px;
        height: 130px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }
    .view2 img {
        display: block;
        position: relative;
    }
    .view2 h1 {
      color: #fff3e4;
          text-align: center;
          position: relative;
          font-family: 'Neucha';
          text-shadow: 1px 1px 1px #704f4f;
          font-size: 20px;
          font-weight: normal;
          font-variant: small-caps;
          padding: 2px;
          margin: 20px 0 0 0;
    }
    .view2 p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 14px;
        position: relative;
        color: #ddd;
        padding: 2px;
        text-align: center;
    }
    .view2 a , .view2 a:visited{
        display: inline-block;
    	color: #d8847a;
    }
    .view2 a:hover {
        color: #d8847a;
    }

    .view2-first img {
        transition: all 0.2s linear;
    }
    .view2-first .mask {
        opacity: 1;
        background-color: rgb(165 143 124 / 62%);
        transition: all 0.4s ease-in-out;
    }
    .view2-first h1 {

        opacity: 1;
        transition: all 0.2s ease-in-out;
    }
    .view2-first p {

        opacity: 1;
    	transition: all 0.2s linear;
    }
    .view2-first a.info{
      background-image: linear-gradient(to bottom, #d8847a, #7a1e1e);
      -webkit-background-clip: text;
      color: transparent;
      font-family: Calibri;
      font-size: 12px;
      font-weight: bolder;
      height: 11px;
      text-align: right;
      letter-spacing: 1px;
      font-variant: all-petite-caps;
      text-shadow: none;
      margin-top: 10px;
    }

    .view2-first:hover img {
    	transform: scale(1.1);
    }
    .view2-first:hover .mask {
    	opacity: 1;
    }
    .view2-first:hover h1,
    .view2-first:hover p,
    .view2-first:hover a {
        opacity: 1;
        transform: translateY(0px);
    }
    .view2-first:hover p {
        transition-delay: 0.1s;
    }
    .view2-first:hover a {
        transition-delay: 0.2s;
    }

    .view2 h3 {
      font-size: 10px;
    	color: #774d47;
    }

.list_map_container{
    display: none;
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 608px;
    height: 450px;
    background-color: #0f0b19db;
    line-height: 14px;
    padding: 3px 8px 0px 8px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 30px #110404, 0px 0px 40px #00000045 inset, 1px 0px 0px #f2f4ff70, -1px 0px 0px #fda9d269;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, rgb(171 82 112), transparent) 1 0%;
}


    .list_map_container .single_chat {
      font-weight: 200;
      font-size: 10px;
      color: #db4e95;
      text-shadow: 0px 0px 2px #db4e95;
      text-align: justify;
      text-overflow: ellipsis;
      overflow: hidden;
      margin: 3px auto 12px;
      line-height: 12px;
    }

    .list_map_container .single_chat a, .list_map_container .single_chat a:visited {
      color: #f3ece7;
      font-size: 12px;
      font-family: 'Outfit', sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      letter-spacing: 0px;
      text-shadow: none;
    }

    .list_map_container .single_chat a:hover {
    color: rgb(255 158 205);
    text-shadow: 0px 0px 2px #ff9ecd;
    }

    .map_chat_panel {
        width: 590px;
        height: 450px;
        display: flex;
        flex-direction: column;
        backdrop-filter: blur(6px);
        box-sizing: border-box;
    }

    .map_chat_panel_header {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
        padding: 0px 10px 0px 3px;
        box-sizing: border-box;
        cursor: move;
        user-select: none;
    }

    .map_chat_panel_title {
      font-family: 'Infamous', sans-serif;
          font-size: 22px;
          line-height: 1;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: rgb(222 215 210);
    }

    .map_chat_panel_close {
        width: 14px;
        height: 14px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 0;
        margin: 0;

        cursor: pointer;

        color: rgba(255, 255, 255, 0.75);
        background: rgba(255, 255, 255, 0.06);

        font-size: 18px;
        line-height: 1;
    }

    .map_chat_panel_close:hover {
        color: rgba(255, 255, 255, 1);
        background: rgba(255, 255, 255, 0.12);
    }

    .map_chat_panel_list {
        flex: 1 1 auto;
        overflow-y: auto;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-sizing: border-box;
        margin: 0px 0px 20px 8px;
    }

    .map_chat_card {
        display: flex;
        align-items: stretch;
        gap: 12px;
        min-height: 90px;
        padding: 8px;
        margin-top: 1px;
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.10);
        border-radius: 5px;
        box-sizing: border-box;
        transition:
            background 0.18s ease,
            border-color 0.18s ease,
            transform 0.18s ease;
    }

    .map_chat_card:hover {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.18);
        transform: translateY(-1px);
    }

    .map_chat_thumb {
        flex: 0 0 80px;
        width: 80px;
        height: 80px;
        display: block;
        overflow: hidden;
        margin-top: -4px;
        background: rgba(0, 0, 0, 0.35);
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-sizing: border-box;
        border-radius: 3px;
    }

    .map_chat_thumb img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
        object-position: center;
    }

    .map_chat_info {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0px 4px 0px 0;
        box-sizing: border-box;
    }

    .map_chat_name {
        display: block;
        margin-bottom: 5px;
        font-family: 'Infamous', sans-serif;
        font-size: 21px;
        text-align: left;
        line-height: 1.1;
        color: #ffffff;
    }

    .map_chat_desc {
        display: block;
        font-size: 11px;
        text-align: justify;
        line-height: 1.2;
        color: rgb(192 187 184);
        overflow: auto;
    }

    .map_chat_empty {
        padding: 16px;

        font-size: 12px;
        text-align: center;

        color: rgba(255, 255, 255, 0.7);
    }


        .box_map_pvt {
          width: 400px;
              display: flex;
              flex-direction: row;
              align-items: flex-start;
              justify-content: space-between;
              gap: 0px;
        }

        /* Due colonne affiancate */
        .box_map_pvt .pvt_input,
        .box_map_pvt .quickmap_box {
            flex: 1 1 0;
            min-width: 0;

            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

        /* Form PVT: deve comportarsi come una colonna normale */
        .box_map_pvt .pvt_input form.form_gestione {
            width: 100% !important;
            display: block !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Etichette sopra input/select */
        .box_map_pvt .pvt_label,
        .box_map_pvt .quickmap_label {
            display: block;
            width: 100%;

            margin: 0 0 5px 2px;

            font-family: 'Schoolbell', sans-serif;
            font-size: 10px;
            line-height: 1;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .box_map_pvt .pvt_label {
          color: rgb(255 181 220);
          text-shadow: 0px 0px 2px #fc74bb;
        }

        .box_map_pvt .quickmap_label {
          color: rgb(146 213 255);
          text-shadow: 0px 0px 2px #7eb4ff;
        }

        /* Riga input + tasto: attaccati */
        .box_map_pvt .pvt_form_row {
            width: 100%;

            display: flex;
            flex-direction: row;
            align-items: stretch;
            justify-content: flex-start;

            gap: 0;
        }

        /* Input PVT */
        .box_map_pvt .form_input_pvt {
            flex: 1 1 auto;
            min-width: 0;

            margin: 0 !important;

            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

        /* Bottone icona attaccato all'input */
        .box_map_pvt .pvt_form_icon,
        .box_map_pvt input.pvt_form,
        .box_map_pvt button.pvt_form {
          width: 20px !important;
              min-width: 20px !important;
              height: 17px !important;
              min-height: 17px !important;
              display: inline-flex !important;
              align-items: center !important;
              justify-content: center !important;
              padding: 0 !important;
              margin: 0px -1px 0px !important;
              cursor: pointer;
              color: rgba(255, 118, 190, 0.96) !important;
              background: #401e31 !important;
              border-radius: 0px;
              border: 1px solid #5f3a4f;
              font-size: 10px !important;
              line-height: 1 !important;
              text-indent: 0 !important;
              text-shadow: 0 0 4px rgba(255, 87, 174, 0.62), 0 0 10px rgba(255, 118, 190, 0.30);
              box-shadow: none !important;
              transition: color 0.18s ease, text-shadow 0.18s ease, transform 0.18s ease;
        }

        .box_map_pvt .pvt_form_icon:hover {
            color: rgba(255, 154, 214, 1) !important;

            text-shadow:
                0 0 5px rgba(255, 118, 190, 0.88),
                0 0 14px rgba(255, 118, 190, 0.48),
                0 0 22px rgba(255, 87, 174, 0.25);

            transform: translateY(-1px);
        }

        .box_map_pvt .pvt_form_icon i {
            display: block;
            line-height: 1;
        }

        /* Select sotto la sua scritta */
        .box_map_pvt #gotomap {
            width: 100%;
            margin: 0 !important;
        }

        /* Se manca il blocco PVT, la mappa rapida resta a destra */
        .box_map_pvt .quickmap_box:only-child {
            max-width: calc(50% - 8px);
            margin-left: auto;
        }

        /* Responsive */
        @media screen and (max-width: 800px) {
            .box_map_pvt {
                flex-direction: column;
                gap: 10px;
            }

            .box_map_pvt .quickmap_box:only-child {
                max-width: 100%;
                margin-left: 0;
            }
        }

    .pvt_input{margin: 0px 55px 0px 0px;width: 200px;}

#popup_presenti{
    position: absolute;
    width: 500px;
    height: 500px;
    top:100px;
    left: 100px;
}

div.pandora_box{
  width: 1000px;
  height: 600px;
  background: #202225;
  margin: 0 auto;
}

div.pandora_box_rules{
  position: absolute;
  background: url('/themes/advanced/imgs/discord_bg.jpg') #303136 no-repeat;
  background-position: 0px 301px;
  background-size: 240%;
  top: 57px;
  right: 7px;
  width: 173px;
  height: 533px;
  font-size: 10px;
  font-family: 'Hind Siliguri', serif;
  overflow: auto;
  text-align: justify;
  color: #84868c;
  box-sizing: border-box;
  line-height: 13px;
  border: 3px solid #37393f;
}

div.pandora_box_channels{
    position: absolute;
    top: 30px;
    left: 7px;
    background: #2f3136;
    width: 194px;
    height: 403px;
    font-size: 10px;
    font-family: 'Hind Siliguri', serif;
    overflow: auto;
    text-align: justify;
    color: #96989e;
    box-sizing: border-box;
    padding: 5px;
    border: 3px solid #2f3136;
}

div.pandora_box_send{
    position: absolute;
    top: 433px;
    left: 7px;
    background: #2f3136;
    width: 194px;
    height: 110px;
    font-size: 10px;
    font-family: 'Hind Siliguri', serif;
    overflow: auto;
    text-align: justify;
    color: #96989e;
    box-sizing: border-box;
    padding: 5px;
    border: 3px solid #2f3136;
}

div.pandora_channel_top{
    position: absolute;
    top: 30px;
    left: 201px;
    background: #37393f;
    border-bottom: 2px solid #2f3136;
    width: 794px;
    height: 27px;
    display: flex;
    font-size: 13px;
    font-family: 'Hind Siliguri', serif;
    overflow: auto;
    font-variant: all-petite-caps;
    font-weight: 8;
    color: #96989e;
    letter-spacing: 2px;
    box-sizing: border-box;
    text-align: left;
    padding: 0 15px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

div.pandora_channel_sx{
    width: 595px;
}

div.pandora_channel_dx{
    width: 185px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    font-size: 11px;
}

div.msg_box{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin: 11px auto;
}

div.msg_avatar img{
  width: 34px;
  height: 34px;
  margin: 0 10px 0 0;
  border-radius: 100%;
}

div.pandora_group{
	font-size: 7px;
	color: #96989e;
	font-variant: all-small-caps;
	letter-spacing: 0.5px;
	display: inline-flex;
	font-weight: 600;
	align-items: center;
	width: 100%;
	height: 24px;
	margin-top: 7px;
	justify-content: space-between;
}

.group_name{
	font-size: 14px;
	padding: 5px;
  color: #ff76be;
}

div.pandora_channels{height: auto;}

div.pandora_channels a, div.pandora_channels a:visited {
  font-weight: 800;
  font-size: 12px;
  color: #96989e;
  letter-spacing: 1px;
  font-variant: all-small-caps;
}

div.pandora_channels a:hover {
  color: #fff;
}

div.pandora_box_namedata{
	height: 47px;
	background: #292b2f;
	position: absolute;
	top: 543px;
	left: 7px;
	width: 194px;
	color: #b9bbbe;
	box-sizing: border-box;
	padding: 1px;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-around;
}

div.mod_pandora{
	margin-top: 3px;
	font-size: 9px;
	color: #b9bbbe;
}

.nick_pandora{
	color: white;
	font-weight: 600;
	font-size: 8px;
	letter-spacing: 0.4px;
}

div.box_name{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 140px;
}

div.iconcine_dx{width: 33px;display: inline-flex;font-size: 9px;justify-content: space-between;}

div.pandora_box_chat{
  width: 621px;
  height: 492px;
  position: relative;
  top: 57px;
  left: 200px;
  padding: 10px;
  background: #37393f;
  overflow:auto;
  color: #b0b7c2;
  box-sizing: border-box;
}

div.pandora_box_reply{position: relative;top: 0px;left: 43px;background: #37393f;height: 41px;width: 621px;}

div.pandora_box_reply textarea{
  outline: none;
  -moz-appearance: none;
  outline: 0px none transparent;
  background: #00000000;
  color: #b0b7c2;
  margin: 4px 12px;
  width: 435px;
  height: 17px;
  font-size: 11px;
  font-family: 'Hind Siliguri', serif;
  resize: none;
}

div.textarea_iconcine_dx{
  display: inline-flex;
  justify-content: space-between;
  width: 36px;
}

div.pandora_box_logo{
    position: absolute;
    top: 7px;
    left: 11px;
    color: #ff76be;
    font-size: 14px;
    font-family: 'Neucha', sans-serif;
    text-transform: uppercase;
    letter-spacing: 8px;
    background-color: #ff76be;
    background-image: linear-gradient(22deg, #d95d96, #ff76be);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

div.box_text{
	background-color: #40444b;
	width: 95%;
	margin: 0 14px;
	height: 32px;
	overflow: hidden;
	color: #b9bbbe;
	border-radius: 6px;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 0px 12px;
	font-size: 14px;
}

div.pandora_send_box{
  width: 664px;
  position: relative;
  top: 57px;
  height: 50px;
  left: 157px;
}

div.pandora_send_box input[type='submit']{
  background-color: #676c74;
  font-family: 'Hind Siliguri', serif;
  font-weight: 700;
  font-variant: none;
  display: n;
  color: #bbbcc1;
}

div.pandora_send_box input[type='text']{
  background-color: #40444b;
  width: 400px;
  font-family: 'Hind Siliguri', serif;
  font-weight: 700;
  border-left: 4px solid #74767b;
  font-variant: none;
  color: #a8abb1;
}

div.refresh_box{
  position: relative;
  width: 100px;
  top: 13px;
  left: 860px;
}

div.refresh_box button{
  width: 100px;
  background-color: #ccc;
  border-top: 2px solid #fafafa;
  border-left: 2px solid #fafafa;
  font-family: tahoma, sans-serif;
  font-size: 10px;
  height: 20px;
  font-weight: 700;
  font-variant: none;
  border-bottom: 2px solid #565656;
  border-right: 2px solid #565656;
  border-radius: 0;
}

div.pandora_box_nickname{
  margin: 2px 10px;
  color: #9ca0ae;
}

div.pandora_box_submit{
  width: 50px;
  position: relative;
  top: -60px;
  left: 700px;
}

div.send_box, div.send_box form{
  height: 25px;
}


div.cliques_box{
  width: 1200px;
  height: 700px;
  background: url('/themes/advanced/imgs/CliquesBG.jpg') top left no-repeat;
  margin: 0 auto;
}

div.switch_cliques {
    position: absolute;
    top: 84px;
    font-family:'Infamous', sans-serif;
    width: 1200px;
    font-size: 18px;
    color: #e56e99;
    text-align: center;
}

div.cliques_minititle{
      font-family: 'Love Ya Like A Sister';
      font-size: 28px;
      font-variant: all-petite-caps;
      width: 1000px;
      height: 30px;
      color: #929f9a;
      text-align: center;
      margin: 0 auto;
      transform: rotate(2deg);
}

div.cliques_descrizione{
  font-size: 12px;
  line-height: 19px;
  width: 1050px;
  margin-top: 75px;
  transform: rotate(354deg);
}


div.whatsnew_box{
  width: 700px;
  height: 400px;
  background: url('/themes/advanced/imgs/WhatsNewBG.jpg') top left no-repeat;
  margin: 0 auto;
}

div.whatsnew_box_chat{
  width: 600px;
  height: 323px;
  position: relative;
  top: 36px;
  left: 54px;
  padding: 7px;
  box-sizing: border-box;
  overflow: auto;
}

div.whatsnew_box div.msg_box{
  padding: 10px;
  margin: 0 auto 30px;
  border-bottom: 6px dotted #dce4b3;
}

div.azzera_whatsnew{
  position: absolute;
  top: 22px;
  transform: rotate(2deg);
  right: 34px;
  text-align: center;
}

input[type='submit'].azzera_whatsnew_tasto {
  background-color: #f3c0d8db;
  letter-spacing: 3px;
  font-size: 14px;
  padding: 2px 5px;
  font-weight: bolder;
  font-family:'Infamous', sans-serif;
  color: #9a536c;
  box-shadow: 0 0 10px #ef9fc5 inset;
}

div.switch_whatsnew{
    position: absolute;
    bottom: 10px;
    left: 445px;
    font-family:'Infamous', sans-serif;
    text-align: center;
    color: #ff76be;
    font-size: 14px;
}

div.whatsnew_title{
  font-family:'Infamous', sans-serif;
      font-size: 20px;
      color: #e46e98;
      border-left: 11px solid #e16a5f;
      padding: 0 10px;
      margin: 10px 0;
}


div.onthewalls_box{
  width: 1000px;
  height: 600px;
  background: url('/themes/advanced/imgs/OnTheWallsBG.jpg') top left no-repeat;
  margin: 0 auto;
}

div.onthewalls_box_chat{
  width: 713px;
  height: 450px;
  position: relative;
  top: 105px;
  left: 0;
  padding: 20px;
  box-sizing: border-box;
  overflow: auto;
}

div.onthewalls_box div.msg_box{
  background-color: #f3efefb5;
  padding: 10px;
  box-shadow: 2px 5px 5px #bbb0b0;
  margin: 0 auto 30px;
}

div.rumors_box{
    width: 900px;
    height: 548px;
    overflow: auto;
    margin: 0 auto;
}

div.rumors_box_chat{
    width: 890px;
    height: 435px;
    position: relative;
    top: 25px;
    left: 0px;
    padding: 0px 10px 0px 20px;
    box-sizing: border-box;
}

div.onthewalls_send_box{
  width: 650px;
  position: relative;
  top: 300px;
  left: 30;
}

div.rumors_send_box{
  width: 845px;
  position: relative;
  top: 300px;
  left: 86px;
}

div.rumors_send_box input[type='submit']{
  background-color: #ccc;
  border-top: 3px solid #fafafa;
  border-left: 3px solid #fafafa;
  font-family: tahoma, sans-serif;
  font-weight: 700;
  font-variant: none;
  color: black;
  border-bottom: 3px solid #565656;
  border-right: 3px solid #565656;
}

div.rumors_send_box input[type='text']{
  background-color: #fafafa;
  width: 400px;
  border-top: 3px solid #7e7e7e;
  border-right: 3px solid #c2b7b7;
  border-bottom: 3px solid #d5cfce;
  border-left: 3px solid #7d7d7d;
  font-family: tahoma, sans-serif;
  font-weight: 700;
  font-variant: none;
}

div.refresh_box{
  position: relative;
  width: 100px;
  top: 13px;
  left: 860px;
}

div.refresh_box button{
  width: 100px;
  background-color: #ccc;
  border-top: 2px solid #fafafa;
  border-left: 2px solid #fafafa;
  font-family: tahoma, sans-serif;
  font-size: 10px;
  height: 20px;
  font-weight: 700;
  font-variant: none;
  border-bottom: 2px solid #565656;
  border-right: 2px solid #565656;
  border-radius: 0;
}

div.rumors_text{
  margin: -5px auto 4px;
  font-size: 12px;
  line-height: 16px;
}

div.rumors_title{
    font-family: 'Chelsea Market', sans-serif;
    color:#4b2b38;
	font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    margin: 0px auto 5px;
}

div.onthewalls_title{
	font-family: 'Chelsea Market', sans-serif;
    color:#4b2b38;
	font-size: 18px;
	margin-bottom: 30px;
}

div.rumors_submit{
  width: 50px;
  position: relative;
  top: -65px;
  left: 837px;
}

div.switch_rumors{
    position: absolute;
    top: 40px;
    right: 65px;
    font-family:'Infamous', sans-serif;
    font-size: 18px;
    color: #e56e99;
}

div.switch_onthewalls{
    position: absolute;
    top: 20px;
    right: 350px;
    font-family:'Infamous', sans-serif;
    font-size: 18px;
    color: #ce050f;
}


div.desc_tratti{
  margin: 5px 0px;
  line-height: 1.1;
  text-align: justify;
  font-family: 'Hind Siliguri', sans-serif;
  text-shadow: none;
}

div.tratti_mods{
  margin: 10px 8px 0px;
  border-left: 4px solid #54322e;
  background: transparent;
  font-size: 10px;
  line-height: 1;
  padding: 4px;
}

.titolo_tratti_creazione{
  color: #ffe7f3;
  font-family: 'Infamous', sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  margin: 4px;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px #101111, 0px 0px 2px #ff3465;
}

.titoli_foglietti{
  font-family: 'Infamous', sans-serif;
  font-size: 18px;
  margin: 10px auto 5px;
  text-transform: none;
  color: #54322e;
}


div.polaroid_tasti{
  position: fixed;
  right: 26px;
  transform: rotate(364deg);
  top: 210px;
  height: 195px;
  width: 120px;
}

.polaroid_elenco{
    border: medium none;
    height: 195px;
    margin: 0px;
    padding: 10px 0px 0px;
    overflow: auto;
    width: 120px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    align-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 5px;
}

.polaroid_elenco a, .polaroid_elenco a:visited{
  color: #b8bec0;
  text-decoration: none;
  font-size: 14px;
  padding: 0px;
  width: 30px;
  height: 30px;
  margin: 2px;
  line-height: 15px;
  text-align: center;
}

.polaroid_elenco a:hover {
  color: #9ac4ff;
}

.leaf{
  position: fixed;
  top: 462px;
  right: 0px;
  z-index: 99 !important;
  transform: rotate(304deg);
}

.leaf img{
  width: 74px;
}

.radiant_radio{
  position: fixed;
      top: 520px;
      right: 12px;
      width: 155px;
      transform: rotate(358deg);
}

.frame_news_off{
  position: fixed;
  top: 515px;
  right: 10px;
  width: 156px;
  transform: rotate(358deg);
}


.box_locali {
  --unsup-pink: #ff59ad;
  --unsup-pink-soft: rgba(255, 89, 173, .16);
  --unsup-blue: #d8847a;
  --unsup-blue-soft: rgba(216, 132, 122, .16);
  --unsup-ink: #ffecf5;
  --unsup-text: rgba(255, 236, 245, .78);
  --unsup-muted: rgba(255, 236, 245, .56);
  --unsup-line: rgba(255, 236, 245, .08);
  --unsup-line-strong: rgba(255, 89, 173, .28);
  --unsup-dark: rgba(8, 8, 12, .96);
  --unsup-panel: rgba(13, 11, 16, .94);

  width: auto;
  margin: 0 auto 30px;
  padding: 14px;
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(circle at top left, rgb(255 89 173 / 27%), transparent 36%),
    radial-gradient(circle at bottom right, rgb(171 82 112 / 23%), transparent 38%),
    linear-gradient(135deg, rgb(32 29 40 / 97%), rgb(14 14 23 / 98%));
  border: 1px solid rgba(255, 236, 245, .08);
  border-radius: 8px;
  box-shadow: 0px 0px 30px #000000;
  display: flex;
  flex-direction: column;
}

.box_locali_riga_sup {
  display: inline-flex;
  align-items: flex-start;
  gap: 18px;
  position: relative;
  z-index: 1;
}

.box_locali details {
  position: relative;
  z-index: 1;
  font-size: 12px;
  margin: 12px 4px 4px;
  color: var(--unsup-text);
}

.box_locali details > summary {
  list-style: none;
  cursor: pointer;
  width: fit-content;

  padding: 6px 10px;
  background: rgba(255, 236, 245, .035);
  border: 1px solid rgba(255, 236, 245, .08);
  color: rgba(255, 236, 245, .62);

  font-size: 9px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    text-shadow .2s ease;
}

.box_locali details > summary:hover {
  background: rgba(255, 89, 173, .10);
  color: var(--unsup-ink);
  border-color: rgba(255, 89, 173, .28);
  text-shadow: 0 0 6px rgba(255, 89, 173, .20);
}

.box_locali details > summary::-webkit-details-marker {
  display: none;
}

.box_locali b {
  color: #ffa59c;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  letter-spacing: 1px;
}

.img_locali {
  width: 170px;
  height: 230px;
  object-fit: cover;
  transform: rotate(-4deg);
  border-radius: 10px;
  filter: saturate(.92)
    contrast(1.06)
    brightness(.88)
    drop-shadow(3px 5px 8px rgba(0, 0, 0, .58));
}

.box_locali_info {
  text-align: justify;
  margin: 0 12px 0 2px;
  color: var(--unsup-text);
  flex: 1;
}

.box_locali_info h1 {
  margin: 0 0 8px;
  font-family: 'Infamous', sans-serif;
  font-size: 29px;
  line-height: 1;
  letter-spacing: 0px;
  font-weight: 800;
  color: #ff8a7e;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .75), -1px 0 0 rgb(255 25 0 / 34%), 0 0 10px rgb(255 90 89 / 8%);
}

.box_locali_info h1 a {
  margin-left: 6px;
  opacity: .75;
  transition:
    opacity .2s ease,
    color .2s ease,
    text-shadow .2s ease;
}

.box_locali_info h1 a:hover {
  opacity: 1;
  color: #ff9ecd !important;
  text-shadow: 0 0 7px rgba(255, 89, 173, .26);
}

.box_locali_info p {
  margin: 10px 0 0;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--unsup-text);
  background: linear-gradient(90deg, rgb(255 89 173 / 12%), transparent), rgb(255 138 126 / 1%);
  border-left: 3px solid #e368a8;
  border-radius: 3px;
  box-shadow: 0px 0px 13px black;
}

.locali_details {
  display: block;
  padding: 9px 11px;
  background: rgba(0, 0, 0, .24);
  border: 1px solid rgba(255, 236, 245, .07);
  color: rgb(255 236 245 / 89%);
  font-size: 11px;
  line-height: 1.3;
  border-radius: 10px;
}

.locali_descrizione {
  font-size: 13px;
  line-height: 1.5;
  margin: 12px 0 2px;
  padding: 14px 16px;
  color: var(--unsup-text);
  text-align: justify;
  background:
    radial-gradient(circle at top left, rgba(255, 89, 173, .055), transparent 34%),
    linear-gradient(135deg, rgba(255, 236, 245, .035), rgba(0, 0, 0, .18)),
    rgba(8, 8, 12, .40);
  border: 1px solid rgb(255 236 245 / 13%);
  border-radius: 20px;
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .25);
}

.locali_descrizione a {
  color: #ff9ecd;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 89, 173, .35);
}

.locali_descrizione a:hover {
  color: #ffe7f3;
  text-shadow: 0 0 6px rgba(255, 89, 173, .28);
}

.locali_descrizione hr {
  border: 0;
  border-top: 1px solid rgba(255, 236, 245, .08);
}

.locali_descrizione img {
  max-width: 100%;
}

.anagrafe a.active {
  color: #ffc1e2 !important;
  text-shadow: 0px 0px 8px #ed6db0, 0px 0px 16px #ef6eb2 !important;
}

.ana_status{
    color: #ffc1e2 !important;
    text-shadow: 0px 0px 4px #ee6eb121, 0px 0px 8px #ff00b69c !important;
    font-size: 9px;
}

.box_segnala_doppio{
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    margin: 0px 30px;
    width: 100%;
    justify-content: space-evenly;
    font-family: 'Outfit', sans-serif;
}

.box_segnala_doppio .form_label{
	font-size: 8px;
	font-weight: 500;
}

.box_doppio{
    text-align: justify;
    display: inline-flex;
    margin: 0px auto 50px;
    width: 680px;
    height: 45px;
    background: linear-gradient(45deg, #96416847, #5b30452e);
    border: 1px solid #ffffff12;
    border-radius: 10px;
    justify-content: space-around;
    align-items: center;
}

.box_doppio .doppio_name{
    font-size: 24px;
    font-family: 'Infamous', sans-serif;
    flex-direction: row;
    align-items: baseline;
}

.doppio_name a, .doppio_name a:visited{
     color: #c8766d;
}

.doppio_name a:hover{
    color: #ff99cf !important;
    text-shadow: 0px 0px 2px #f270b4, 0px 0px 4px #ff0085 !important;

}

.box_doppio img.doppio_avy{
    border-radius: 10px;
    background: #000000;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    text-align: center;
    box-shadow: -2px 2px 4px #0000007a;
    border: 1px solid #ffffff26;
    object-fit: cover;
    transform: rotate(355deg) scale(1.3);
}

.titolo_doppio{
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 8px;
    font-weight: 500;
    color: #ff8faf;
}


.user_news {
    width: 100%;
    box-sizing: border-box;
    font-family: Calibri, Arial, sans-serif;
    font-size: 11px;
    color: #8d8d8d;
}

.news-box-minimal {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 6px;
}

.news-carousel-minimal {
    position: relative;
    height: 90px;
    overflow: auto;
}

.news-slide-minimal {
    display: none;
}

.news-slide-minimal.is-active {display: flex;flex-direction: column;align-items: center;height: 90px;justify-content: space-evenly;flex-wrap: wrap;}

.news-date-minimal {
    color: #9ac4ff;
    font-size: 8px;
    text-align: right;
    font-family: 'Outfit',serif;
}

.news-title-minimal {
    margin: 0 0 2px 0;
    padding: 0;
    color: #dacbd1;
    font-size: 9px;
    font-family: 'Outfit', serif;
    font-weight: 600;
    text-transform: uppercase;
}

.news-text-minimal {
    color: #a7b5ba;
    font-size: 11px;
    line-height: 1;
    overflow-y: auto;
    text-align: justify;
    padding-right: 4px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.news-text-minimal::-webkit-scrollbar {
    width: 4px;
}

.news-text-minimal::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.16);
    border-radius: 10px;
}

.news-empty-minimal {
    color: #777;
    font-size: 11px;
    font-style: italic;
    text-align: center;
    padding: 8px 0;
}

.news-controls-minimal {
    text-align: center;
    position: relative;
    top: 0px;
}

.news-arrow-minimal {
    display: inline-block;
    border: none;
    background: transparent;
    color: #85355d;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.news-arrow-minimal:hover {
    color: #d8847a;
}

.news-admin-minimal {
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,0.06);
    text-align: right;
}

.news-admin-minimal a,
.news-admin-minimal button {
    border: none;
    background: transparent;
    color: #777;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    margin-left: 6px;
    font-family: 'Outfit', serif;
}

.news-admin-minimal a:hover,
.news-admin-minimal button:hover {
    color: #aaa;
}

.news-delete-form-minimal {
    display: inline;
    margin: 0;
    padding: 0;
}

.news-feedback-minimal {
    margin-bottom: 6px;
    color: #c58ba4;
    font-size: 10px;
    text-align: center;
}

.news-edit-panel-minimal {
    margin-bottom: 8px;
    padding: 6px;
    background: rgba(0,0,0,0.18);
    border: 1px solid rgba(255,255,255,0.06);
}

.news-edit-title-minimal {
    margin-bottom: 6px;
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.news-form-minimal label {
    display: block;
    margin: 5px 0 2px 0;
    color: #777;
    font-size: 10px;
}

.news-form-minimal input[type="text"],
.news-form-minimal input[type="datetime-local"],
.news-form-minimal textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 5px;
    background: rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.08);
    color: #aaa;
    font-family: 'Outfit',serif;
    font-size: 11px;
    outline: none;
}

.news-form-minimal textarea {
    min-height: 70px;
    resize: vertical;
}

.news-form-minimal input:focus,
.news-form-minimal textarea:focus {
    border-color: rgba(255,255,255,0.18);
}

.news-submit-minimal {
    margin-top: 6px;
    padding: 3px 7px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: #999;
    font-size: 10px;
    cursor: pointer;
    font-family: 'Outfit',serif;
    text-decoration: none;
    display: inline-block;
}

.news-submit-minimal:hover {
    color: #ccc;
    background: rgba(255,255,255,0.07);
}

.news-delete-icon-minimal{
	font-size: 8px;
	color: #ff7ebf;
}



@keyframes blinker {
  50% { opacity: 0; }
}

/* ============================================================
   TICKET
   Colori coerenti con forum/editor.
   Input/select/textarea ereditano lo stile globale del sito.
   ============================================================ */

.pagina_ticket {
  box-sizing: border-box;
  --ticket-bg: #0b0c12;
  --ticket-bg-soft: rgba(255, 255, 255, .035);
  --ticket-bg-mid: rgba(20, 22, 31, .92);
  --ticket-bg-deep: rgba(5, 6, 10, .92);
  --ticket-text: #a3a0a6;
  --ticket-text-light: #f4eaf2;
  --ticket-text-soft: rgba(216, 210, 220, .72);
  --ticket-muted: rgba(216, 210, 220, .48);
  --ticket-pink: #ff76be;
  --ticket-pink-soft: rgba(255, 118, 190, .32);
  --ticket-pink-faint: rgba(255, 118, 190, .10);
  --ticket-coral: #d8847a;
  --ticket-coral-soft: rgba(216, 132, 122, .28);
  --ticket-coral-faint: rgba(255, 118, 190, .09);
  --ticket-violet: #a08fe6;
  --ticket-border: rgba(255, 255, 255, .09);
  --ticket-border-soft: rgba(255, 255, 255, .055);
  --ticket-shadow: rgba(0, 0, 0, .48);
  color: var(--ticket-text);
}

.pagina_ticket *,
.pagina_ticket *::before,
.pagina_ticket *::after {
  box-sizing: border-box;
}

.hidden {
  display: none;
}

/* ============================================================
   Menu alto
   ============================================================ */

.pagina_ticket .ticket_top_nav {
  width: 83%;
  top: 20px;
  left: 117px;
}

/* ============================================================
   Sidebar ticket
   ============================================================ */

.elenco_ticket {
  position: absolute;
  top: 34px;
  right: 15px;
  width: 28%;
  height: 87%;
  overflow: auto;

  padding: 10px 0 10px 7px;
  transform: rotate(362deg);

  background:
    radial-gradient(circle at top left, rgba(255, 118, 190, .08), transparent 34%),
    radial-gradient(circle at bottom right, rgba(255, 118, 190, .07), transparent 38%),
    rgba(10, 11, 16, .86);

  border: 1px solid var(--ticket-border);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .35),
    0 0 28px rgba(0, 0, 0, .26) inset;
}

.ticket_list {
  height: 450px;
  overflow: auto;
  color: var(--ticket-text-soft);
}

.ticket_list.ticket_list_staff {
  height: 410px;
}

.ticket_box_small {
  background: rgba(8, 9, 13, .82);
  border: 1px solid rgba(255, 255, 255, .09);
  margin: 10px 0;
}

.ticket_box_title {
  display: inline-block;
  padding: 0 5px;

  background: linear-gradient(
    90deg,
    rgba(255, 118, 190, .08),
    rgba(255, 118, 190, .10),
    rgba(255, 118, 190, .08)
  );

  color: var(--ticket-text-light);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.ticket_card_title {
  font-size: 12px;
  color: var(--ticket-text-light);
  line-height: 14px;
  letter-spacing: .5px;
  padding: 6px 4px 0;
}

.ticket_card_title a,
.ticket_card_title a:visited {
  font-size: 10px;
  background: none;
  filter: none;
  text-transform: uppercase;
  font-family: 'Outfit', sans-serif;
  text-decoration: none;
  color: #ffcfe7;
}

.ticket_card_title a:hover {
  color: #ffffff;
}

.ticket_card_meta {
  line-height: 12px;
  text-align: left;
  padding: 5px;
  color: var(--ticket-text-soft);
}

.ticket_card_name {
  color: var(--ticket-text-light);
}

.ticket_card_note {
  color: rgba(216, 210, 220, .70);
}

.ticket_card_status {
  padding: 2px 6px;
  color: #ff9dce;
  text-align: right;
  font-size: 10px;
  margin-top: -10px;
}

.ticket_new {
  color: #ffe0ef;
  animation: blinker 2s linear infinite;
  text-shadow: 0 0 4px rgba(255, 118, 190, .58);
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
}

/* ============================================================
   Titoli / badge
   ============================================================ */

.titoli_dx {
  font-family: 'Outfit', sans-serif;
  color: #d8847a;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.titoli_ticket {
  letter-spacing: 3px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Outfit', sans-serif;
  color: var(--ticket-pink);
  text-shadow: 0 0 8px rgba(255, 118, 190, .22);
}

.ticket_label_inline {
  color: var(--ticket-text-light);
  width: 70px;
  text-align: right;
}

.ticket_label_inline.ticket_label_small {
  font-size: 10px;
  line-height: 9px;
  font-weight: 800;
}

.badge_staff,
.badge_tiro,
.badge_assegnazione {
  font-family: 'Outfit', sans-serif;
  font-size: 8px;
  letter-spacing: 3px;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
  padding: 0 6px;
  border-radius: 2px;
  margin-bottom: 3px;
  text-align: center;
}

.badge_staff {
  background: linear-gradient(
315deg, rgba(255, 118, 190, .55), rgb(203 112 112 / 66%));
  position: relative;
  top: -12px;
  width: 130px;
}

.badge_tiro {
  background: linear-gradient(45deg, rgb(105 48 72), rgba(255, 118, 190, .38));
  width: 95px;
}

.badge_tiro.badge_tiro_wide {
  width: 120px;
}

.badge_tiro.badge_tiro_car {
  width: 150px;
}

.badge_assegnazione {
  background: linear-gradient(45deg, rgba(255, 118, 190, .55), rgba(160, 143, 230, .45));
  width: auto;
}

/* ============================================================
   Frame principale
   ============================================================ */

.frame_ticket {
  width: 640px;
  max-height: 565px;
  overflow: auto;

  position: absolute;
  top: 40px;
  left: 21px;

  padding: 15px 10px;
  display: flex;
  flex-direction: column-reverse;
}

.frame_ticket_intro {
  display: flex;
  flex-direction: column;
}

.ticket_intro_text {
  text-align: justify;
  font-size: 14px;
  padding: 10px;
  color: var(--ticket-text);
  line-height: 17px;
}

.ticket_intro_text b.ticket_arrow {
  color: var(--ticket-coral);
}

.frame_corpo_ticket {
  color: var(--ticket-text);
}

/* ============================================================
   Ticket aperto
   ============================================================ */

.ticket_main_box {
  background: rgba(12, 13, 19, .92);
  border-radius: 3px;
  font-size: 14px;
  margin: 0 5px 20px;
  border: 1px solid var(--ticket-border);
  box-shadow:
    0 2px 12px rgba(0, 0, 0, .34),
    0 0 20px rgba(0, 0, 0, .24) inset;
}

.ticket_main_title {
  min-height: 24px;
  color: var(--ticket-coral);
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  margin: 2px 10px 3px;
  line-height: 13px;
}

.ticket_main_title span {
  color: var(--ticket-text-light);
}

.ticket_inline_icon {
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
}

.ticket_inline_icon i {
  font-size: 13px;
  color: var(--ticket-coral);
}

.ticket_delete_form {
  display: inline;
}

.ticket_delete_submit {
  margin-left: 10px;
  font-size: 8px;
}

.dettagli_ticket {
  background: linear-gradient(90deg, rgb(216 132 122 / 38%), transparent);
  color: var(--ticket-text-soft);
  text-align: left;
  margin-left: 0;
  font-size: 11px;
  margin-top: -6px;
  padding: 0 10px;
}

.testo_ticket_principale {
  text-align: justify;
  padding: 10px;
  line-height: 18px;
  color: var(--ticket-text);
}

.ticket_edit_box {
  margin-top: 10px;
}

.ticket_edit_submit {
  text-align: right;
}

.ticket_status_box {
  display: inline;
}

.ticket_status_title {
  font-family: 'Outfit', serif;
  color: var(--ticket-text-light);
  line-height: 12px;
  margin-top: 15px;
}

/* ============================================================
   Risposte ticket
   ============================================================ */

.risposte_ticket {
  font-size: 13px;
  text-align: justify;
  line-height: 17px;
}

.ticket_reply {
  clear: both;
  width: 90%;
  border-radius: 2px;
  padding: 10px;
  margin: 0 5px 10px;
  color: var(--ticket-text);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
}

.ticket_reply_mine {
  float: right;
  background: linear-gradient(45deg, rgb(85 38 72 / 16%), rgba(255, 255, 255, .035)), rgb(19 16 23);
  border-right: 5px solid rgba(255, 118, 190, .30);
}

.ticket_reply_other {
  float: left;
  background: linear-gradient(45deg, rgb(138 176 232 / 15%), rgba(255, 255, 255, .030)), rgba(10, 11, 16, .86);
  border-left: 5px solid rgb(216 132 122);
}

.ticket_reply_system {
  clear: both;
  width: 80%;
  margin: 0 auto 10px;
  padding: 5px 10px;
  box-sizing: border-box;
  background:
    linear-gradient(45deg, rgba(255, 118, 190, .06), rgba(255, 118, 190, .045)),
    rgba(8, 9, 14, .88);
  color: var(--ticket-text);
  line-height: 12px;
  font-size: 12px;
  border: 1px solid var(--ticket-border);
}

.ticket_reply_assignment {
  background:
    linear-gradient(45deg, rgba(255, 118, 190, .075), rgba(160, 143, 230, .06)),
    rgba(8, 9, 14, .88);
}

.ticket_reply_actions {
  position: relative;
  margin-top: -6px;
  float: right;
  clear: both;
}

.ticket_reply_action {
  cursor: pointer;
  display: inline-block;
  color: var(--ticket-coral);
}

.ticket_reply_delete {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--ticket-pink);
  height: auto;
  font-size: 10px;
  width: auto;
  padding: 0;
  box-shadow: none;
}

.ticket_reply_delete i {
  font-size: 11px;
}

.ticket_reply_headerline {
  top: -12px;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  width: 460px;
  height: 10px;
  position: relative;
  justify-content: space-between;
}

.ticket_reply_time {
  font-size: 9px;
  margin-top: 7px;
  color: var(--ticket-text-soft);
}

.ticket_reply_signature {
  text-align: right;
  margin-top: 10px;
  color: var(--ticket-text-soft);
}

.ticket_reply_signature b {
  color: var(--ticket-text-light);
}

.ticket_reply_edit {
  margin-top: 10px;
}

.ticket_reply_edit_submit {
  text-align: right;
  margin-top: 5px;
}

.dettagli_tiro {
  font-size: 10px;
  font-style: italic;
  text-align: center;
  margin: 3px auto 0;
  color: rgba(216, 210, 220, .60);
}

/* ============================================================
   Box tiri / assegnazioni
   ============================================================ */

.box_tiro_ticket {
  background: rgba(5, 6, 10, .88);
  border: 1px solid rgba(255, 255, 255, .10);
  font-size: 11px;
  margin-bottom: 14px;
  padding: 8px;
}

.box_tiro_ticket .titoli_dx {
  font-size: 8px;
  width: 80px;
  text-align: right;
  color: rgba(216, 210, 220, .82);
}

.ticket_section_spacer {
  margin-top: 20px;
}

.ticket_section_spacer_big {
  margin-top: 40px;
}

.ticket_help_text {
  font-size: 11px;
  color: var(--ticket-text-soft);
  margin: 0 20px;
  line-height: 12px;
  text-align: justify;
}

.line-tiro {
  display: inline-flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  width: 98%;
}

.line-tiro select {
  margin: 1px auto;
}

.ticket_control_small {
  width: 140px;
}

.ticket_number_small {
  width: 133px;
  margin-left: 6px;
}

/* ============================================================
   Form composer
   ============================================================ */

.ticket_form_row {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 95%;
  justify-content: space-evenly;
  margin-bottom: 5px;
}

.ticket_input_wide,
.ticket_select_wide {
  width: 480px;
}

.ticket_textarea_clean {
  border: none;
  resize: none;
}

.ticket_new_title {
  margin: 15px auto 20px;
}

.social_pop_menu_btn_wrap.has-new-feed a{
  color: #ffe7f3 !important;
  text-shadow:
    0 0 6px rgba(255,118,190,.85),
    0 0 14px rgba(255,118,190,.55),
    0 0 24px rgba(255,118,190,.28);
}

.social_pop_menu_btn_wrap.has-new-feed i{
  animation: socialPopFeedGlow 1.8s ease-in-out infinite;
}

@keyframes socialPopFeedGlow{
  0%, 100%{
    filter: drop-shadow(0 0 3px rgba(255,118,190,.45));
    opacity: .86;
  }

  50%{
    filter: drop-shadow(0 0 9px rgba(255,118,190,.9));
    opacity: 1;
  }
}


/* MENU TICKET - stile globale */

.menu_ticket {
  position: relative;
  z-index: 3;
  padding: 0;
  margin: 8px auto 16px;
  text-align: center;
}

/* Supporta sia id sia eventuale classe, anche se scritta con maiuscole/minuscole diverse */
.menu_ticket #tastiSwitch_comandi,
.menu_ticket #tastiswitch_comandi,
.menu_ticket .tastiSwitch_comandi,
.menu_ticket .tastiswitch_comandi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  text-align: center;
}

/* Link */
.menu_ticket #tastiSwitch_comandi a,
.menu_ticket #tastiSwitch_comandi a:visited,
.menu_ticket #tastiswitch_comandi a,
.menu_ticket #tastiswitch_comandi a:visited,
.menu_ticket .tastiSwitch_comandi a,
.menu_ticket .tastiSwitch_comandi a:visited,
.menu_ticket .tastiswitch_comandi a,
.menu_ticket .tastiswitch_comandi a:visited {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  overflow: hidden;

  margin: 0;
  padding: 0 10px 2px 13px;
  border-radius: 999px;

  font-family: 'Outfit', sans-serif;
  font-size: 11px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;

  color: rgb(252 247 242 / 74%) !important;
  background:
    linear-gradient(135deg, rgba(255, 143, 198, .075), rgba(255, 179, 107, .035)),
    rgba(255, 255, 255, .026) !important;

  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .052);
  filter: none !important;
  text-decoration: none;
  transition:
    color .2s ease,
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

/* Pallino */
.menu_ticket #tastiSwitch_comandi a::before,
.menu_ticket #tastiswitch_comandi a::before,
.menu_ticket .tastiSwitch_comandi a::before,
.menu_ticket .tastiswitch_comandi a::before {
  content: '';
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #ff8fc6;;
  box-shadow: 0 0 10px rgba(255, 90, 170, .65);
}

/* Hover */
.menu_ticket #tastiSwitch_comandi a:hover,
.menu_ticket #tastiswitch_comandi a:hover,
.menu_ticket .tastiSwitch_comandi a:hover,
.menu_ticket .tastiswitch_comandi a:hover {
  color: #fff !important;
  transform: translateY(-1px);
  text-shadow: none;
  box-shadow:
    inset 0 0 0 1px rgba(255, 143, 198, .20),
    0 0 18px rgba(255, 90, 170, .12);
}

/* Voce attiva: funziona sia se active è sull'a sia se è sul contenitore */
.menu_ticket #tastiSwitch_comandi a.active,
.menu_ticket #tastiSwitch_comandi .active a,
.menu_ticket #tastiswitch_comandi a.active,
.menu_ticket #tastiswitch_comandi .active a,
.menu_ticket .tastiSwitch_comandi a.active,
.menu_ticket .tastiSwitch_comandi .active a,
.menu_ticket .tastiswitch_comandi a.active,
.menu_ticket .tastiswitch_comandi .active a {
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(255, 143, 198, .16), rgba(255, 179, 107, .07)),
    rgba(255, 255, 255, .045) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255, 143, 198, .25),
    0 0 16px rgba(255, 90, 170, .13);
}

/* Pallino della voce attiva */
.menu_ticket #tastiSwitch_comandi a.active::before,
.menu_ticket #tastiSwitch_comandi .active a::before,
.menu_ticket #tastiswitch_comandi a.active::before,
.menu_ticket #tastiswitch_comandi .active a::before,
.menu_ticket .tastiSwitch_comandi a.active::before,
.menu_ticket .tastiSwitch_comandi .active a::before,
.menu_ticket .tastiswitch_comandi a.active::before,
.menu_ticket .tastiswitch_comandi .active a::before {
  background: #fff;
  box-shadow:
    0 0 8px rgba(255, 255, 255, .55),
    0 0 14px rgba(255, 90, 170, .55);
}

#dialog-creazione_pg input[type='submit'],
#dialog-creazione_pg button[type='submit'] {
    display: inline-flex;
    width: auto !important;
    min-width: 164px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 auto !important;
    padding: 0 21px 1px !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(2% 14%, 8% 4%, 96% 8%, 100% 84%, 92% 96%, 4% 91%);
    background:
        radial-gradient(circle at 50% 45%, rgba(255, 91, 168, .27), transparent 53%),
        linear-gradient(104deg, rgba(179, 76, 69, .96), rgba(137, 34, 83, .98) 40%, rgba(36, 16, 29, .98)) !important;
    color: #f5e8ef !important;
    cursor: pointer;
    box-shadow:
        0 0 9px rgba(246, 114, 183, .14),
        0 5px 9px rgba(0, 0, 0, .27) !important;
    font-family: 'Infamous', 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-variant: normal !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .65);
    transition:
        transform 140ms ease,
        filter 140ms ease,
        box-shadow 140ms ease;
}

#dialog-creazione_pg input[type='submit']:hover,
#dialog-creazione_pg input[type='submit']:focus-visible,
#dialog-creazione_pg button[type='submit']:hover,
#dialog-creazione_pg button[type='submit']:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.08);
    box-shadow:
        0 0 12px rgba(246, 114, 183, .22),
        0 7px 11px rgba(0, 0, 0, .32) !important;
}

#dialog-creazione_pg input[type='submit']:active,
#dialog-creazione_pg button[type='submit']:active {
    transform: translateY(1px);
    filter: brightness(.95);
}

/* =========================================================
   TOOLTIP STANDARD — effetto foglietto
   Compatibile con il posizionamento originale di jQuery UI
   ========================================================= */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami) {
  /*
   * Non impostare display, position, top, left, margin o transform:
   * queste proprietà vengono gestite dal sistema originale del tooltip.
   */

  box-sizing: border-box;

  width: auto;
  min-width: 40px;
  max-width: 360px;

  padding: 16px;

  border: 0;
  border-radius: 1px;

  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;

  /*
   * Stile predefinito dei tooltip semplici.
   * Quando il tooltip contiene soltanto un titolo,
   * non è necessario aggiungere classi interne.
   */

  color: #3e3631;

  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;

  text-transform: none;

  text-shadow:
    0 1px 0 rgba(255, 255, 255, .34);

  background:
    radial-gradient(
      circle at 16% 22%,
      rgba(91, 59, 42, .075) 0 1px,
      transparent 1.5px
    ),
    radial-gradient(
      circle at 81% 68%,
      rgba(91, 59, 42, .055) 0 1px,
      transparent 1.5px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(72, 54, 44, .022) 0,
      rgba(72, 54, 44, .022) 1px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      145deg,
      rgba(238, 211, 191, .99),
      rgba(224, 200, 181, .99)
    );

  background-size:
    16px 16px,
    21px 21px,
    auto,
    auto;

  clip-path: polygon(
    1% 5%,
    17% 2%,
    34% 5%,
    52% 2%,
    70% 4%,
    87% 2%,
    99% 6%,
    98% 26%,
    100% 48%,
    98% 70%,
    99% 94%,
    78% 97%,
    58% 95%,
    38% 98%,
    18% 95%,
    2% 98%,
    3% 74%,
    1% 49%,
    3% 25%
  );

  box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, .25),
    inset -2px -3px 5px rgba(83, 57, 40, .10);

  filter:
    drop-shadow(0 2px 2px rgba(0, 0, 0, .25))
    drop-shadow(0 5px 5px rgba(0, 0, 0, .13));

  pointer-events: none;
  isolation: isolate;
}


/* =========================================================
   CONTENUTO GENERATO DA JQUERY UI
   ========================================================= */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
> .ui-tooltip-content {
  position: relative;
  z-index: 2;

  box-sizing: border-box;

  padding: 0;
  margin: 0;

  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;

  /*
   * Il contenuto normale eredita lo stile da titolo
   * del contenitore principale.
   */

  color: inherit;

  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;

  text-transform: none !important;
  text-shadow: inherit;
}


/*
 * Elimina eventuali uppercase ereditati dalla pagina,
 * senza cambiare font, dimensione o peso degli elementi.
 */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content * {
  text-transform: none !important;
}


/* =========================================================
   TITOLI NEI TOOLTIP COMPLESSI
   Stesso stile dei normali tooltip semplici
   ========================================================= */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .titoli_foglietti,
.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .titoli_foglietti * {
  color: #3e3631;

  font-family: 'Infamous', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  text-transform: uppercase !important;

  text-shadow:
    0 1px 0 rgba(255, 255, 255, .34) !important;
}


/* =========================================================
   DESCRIZIONI NEI TOOLTIP COMPLESSI
   Si applica solo ai div marcati manualmente con:
   class="desc_tratti_foglietto"
   ========================================================= */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto {
  display: block;

  margin: 5px 0;

  color: #493a34;

  font-family: 'Hind Siliguri', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-align: justify;
  text-transform: none !important;

  text-shadow: none !important;
}


/*
 * Forza lo stile descrittivo anche sugli elementi
 * prodotti internamente da bbdecoder():
 * span, p, div, ul, li, strong, em ecc.
 */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto * {
  color: inherit;

  font-family: 'Hind Siliguri', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-transform: none !important;
  text-shadow: none !important;
}


/*
 * Conserva il grassetto semantico eventualmente presente
 * nelle descrizioni BBCode.
 */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto b,
.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto strong {
  font-weight: 700 !important;
}


/*
 * Conserva il corsivo semantico eventualmente presente
 * nelle descrizioni BBCode.
 */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto i,
.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto em {
  font-style: italic;
}


/* Paragrafi generati dal BBCode */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto p {
  margin: 0 0 5px;
  padding: 0;
}

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto p:last-child {
  margin-bottom: 0;
}


/* Liste generate dal BBCode */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto ul,
.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto ol {
  margin-top: 3px;
  margin-bottom: 3px;
}

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)
.ui-tooltip-content .desc_tratti_foglietto li {
  margin: 0;
  padding: 0;
}


/* =========================================================
   SORGENTI NASCOSTE DEI TOOLTIP COMPLESSI
   ========================================================= */

.tooltip-source-normalcase,
.tooltip-source-normalcase * {
  text-transform: none !important;
}


/* Titoli presenti nelle sorgenti nascoste */

.tooltip-source-normalcase .titoli_foglietti,
.tooltip-source-normalcase .titoli_foglietti * {
  color: #3e3631;

  font-family: 'Infamous', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  text-transform: uppercase !important;
}


/* Descrizioni presenti nelle sorgenti nascoste */

.tooltip-source-normalcase .desc_tratti_foglietto,
.tooltip-source-normalcase .desc_tratti_foglietto * {
  color: #493a34;

  font-family: 'Hind Siliguri', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-transform: none !important;
  text-shadow: none !important;
}

.tooltip-source-normalcase .desc_tratti_foglietto {
  margin: 5px 0;
  text-align: justify;
}

.tooltip-source-normalcase .desc_tratti_foglietto b,
.tooltip-source-normalcase .desc_tratti_foglietto strong {
  font-weight: 700 !important;
}


/* Il nome visibile delle caratteristiche resta maiuscolo */

.stat_box > td > [data-tooltip] {
  text-transform: uppercase;
}


/* =========================================================
   STRISCIA DECORATIVA SUPERIORE
   ========================================================= */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)::before {
  content: '';

  position: absolute;
  z-index: 1;

  top: 1px;
  left: 13%;

  width: 74%;
  height: 2px;

  border-radius: 50%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(211, 170, 164, .72) 15%,
    rgba(242, 211, 199, .92) 50%,
    rgba(203, 158, 156, .72) 85%,
    transparent
  );

  opacity: .9;

  pointer-events: none;
}


/* =========================================================
   ANGOLO RIPIEGATO
   ========================================================= */

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami)::after {
  content: '';

  position: absolute;
  z-index: 3;

  right: 2px;
  bottom: 2px;

  width: 9px;
  height: 8px;

  background: linear-gradient(
    135deg,
    rgba(91, 65, 48, .17) 0 48%,
    rgba(255, 244, 226, .72) 51% 100%
  );

  clip-path: polygon(
    0 100%,
    100% 0,
    100% 100%
  );

  pointer-events: none;
}


/* =========================================================
   TOOLTIP COMPATTO
   ========================================================= */

.dlight-tooltip.compact-tooltip.ui-widget.ui-widget-content {
  box-sizing: border-box;

  width: auto;
  min-width: 0;
  max-width: 300px;

  margin: 0;
  padding: 14px 6px;

  border: 0;
  border-radius: 4px;

  clip-path: none;
  filter: none;

  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;

  background: #151515;

  color: #cce7e0;

  font-family: 'Hind Siliguri', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: 0;
  text-transform: none;

  box-shadow: none;
  text-shadow: none;

  pointer-events: none;
  isolation: auto;
}


/* Nessuna decorazione da foglietto sui tooltip compatti */

.dlight-tooltip.compact-tooltip.ui-widget.ui-widget-content::before,
.dlight-tooltip.compact-tooltip.ui-widget.ui-widget-content::after {
  content: none;
  display: none;
}


.dlight-tooltip.compact-tooltip.ui-widget.ui-widget-content
> .ui-tooltip-content {
  position: static;

  padding: 0;
  margin: 0;

  color: inherit;

  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;

  text-transform: none !important;
  text-shadow: none;
}


.dlight-tooltip.compact-tooltip.ui-widget.ui-widget-content
> .ui-tooltip-content * {
  text-transform: none !important;
}


/* =========================================================
   TOOLTIP LEGAMI
   ========================================================= */

.tooltip-legami.ui-widget.ui-widget-content {
  box-sizing: border-box;

  border: none;
  border-image: none;
  border-radius: 0;

  padding: 0;

  clip-path: none;

  line-height: 12px;
  color: #d2c9be;

  background: transparent;
  background-size: auto;

  box-shadow: none;

  filter:
    drop-shadow(0 0 10px #000);

  text-transform: none;
  letter-spacing: normal;

  pointer-events: none;
}


/* Nessuna decorazione da foglietto sui tooltip dei legami */

.tooltip-legami.ui-widget.ui-widget-content::before,
.tooltip-legami.ui-widget.ui-widget-content::after {
  content: none;
  display: none;
}


.tooltip-legami.ui-widget.ui-widget-content
.ui-tooltip-content,
.tooltip-legami.ui-widget.ui-widget-content
.ui-tooltip-content * {
  text-transform: none !important;
}


/* =========================================================
   OVERRIDE FINALE — descrizioni nei tooltip complessi
   Deve rimanere in fondo al CSS
   ========================================================= */

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto {
  display: block !important;

  margin: 5px 0 !important;
  padding: 0 !important;

  color: #493a34 !important;

  font: 400 12px/1.2 'Hind Siliguri', sans-serif !important;
  letter-spacing: 0 !important;

  text-align: justify !important;
  text-transform: none !important;
  text-shadow: none !important;
}


/* Forza lo stile anche su tutto ciò che viene generato da bbdecoder */

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto * {
  color: inherit !important;

  font-family: 'Hind Siliguri', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-transform: none !important;
  text-shadow: none !important;
}


/* Mantiene gli eventuali grassetti dentro la descrizione */

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto b,
html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto strong {
  font-weight: 700 !important;
}


/* Mantiene gli eventuali corsivi */

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto i,
html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto em {
  font-style: italic !important;
}


/* Prezzo del tratto */

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto .costo_tratto_foglietto {
  display: block !important;

  margin: 0 0 4px !important;

  font-family: 'Hind Siliguri', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: left !important;
  text-transform: none !important;
  text-shadow: none !important;
}


/* Margini del contenuto prodotto dal BBCode */

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto p {
  margin: 0 0 5px !important;
  padding: 0 !important;
}

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto p:last-child {
  margin-bottom: 0 !important;
}

html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto ul,
html body .dlight-tooltip.ui-widget.ui-widget-content
.ui-tooltip-content .desc_tratti_foglietto ol {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.titoli_tooltip_small{
  font-family: 'Infamous', sans-serif;
  font-size: 18px;
  letter-spacing: 0;
}

/* =========================================================
   PULSANTI PRINCIPALI GLOBALI
   Stesso stile dei submit del forum.
   .pvt_form resta escluso perché è un piccolo tasto-icona.
   ========================================================= */

html body input[type='submit']:not(.pvt_form):not(.chat_send_button) {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto !important;
  min-width: 118px !important;
  height: 32px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 22px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: polygon(2% 14%, 8% 4%, 96% 8%, 100% 84%, 92% 96%, 4% 91%);
  color: #f5e8ef !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(255, 91, 168, .27), transparent 53%),
    linear-gradient(104deg, #b34c45, #892253 40%, #24101d) !important;
  box-shadow:
    0 0 9px rgba(246, 114, 183, .14),
    0 5px 9px rgba(0, 0, 0, .27) !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  font-variant: normal !important;
  line-height: 32px !important;
  letter-spacing: .65px !important;
  text-align: center;
  text-transform: uppercase !important;
  text-shadow: none !important;
  cursor: pointer;
  filter: none;
  transition: transform 140ms ease, filter 140ms ease;
}

html body input[type='submit']:not(.pvt_form):not(.chat_send_button):hover,
html body input[type='submit']:not(.pvt_form):not(.chat_send_button):focus-visible {
  color: #fff !important;
  border: 0 !important;
  outline: none;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

html body input[type='submit']:not(.pvt_form):not(.chat_send_button):active {
  filter: brightness(.96);
  transform: translateY(1px);
}

html body input[type='submit']:not(.pvt_form):not(.chat_send_button):disabled {
  opacity: .48;
  cursor: not-allowed;
  filter: grayscale(.35);
  transform: none;
}

html body input[type='image'] {
  width: 20px !important;
  min-width: 0 !important;
  height: 20px !important;
  min-height: 0 !important;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ============================================================
   Scroll principale e finestre DLight
   Nessun blocco dello scroll chaining: su mobile deve restare
   possibile spostare il viewport zoomato e usare pull-to-refresh.
   ============================================================ */

.ui-dialog .ui-dialog-content {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

.ui-dialog .dialog-content.ajax {
  min-width: 0;
  min-height: 0;
}


/* ============================================================
   ANTEPRIMA PERSONAGGIO NELLA CHAT — COMPONENTE ISOLATO

   Il markup del tooltip usa esclusivamente classi nhie-mini-card__*.
   Non riutilizza .mini_scheda, .mini_scheda_nome, .nome_intero,
   .scheda_pg_titolo o altre classi storiche: chat.css e main.css non
   possono quindi più sovrascriversi a vicenda.
   ============================================================ */

span.chat_look.nhie_chat_character_trigger {
  display: block;
  float: left;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  line-height: 0;
  cursor: help;
  user-select: none;
  -webkit-user-select: none;
}

span.chat_look.nhie_chat_character_trigger .chat_avatar {
  display: block;
  pointer-events: none;
}

.nhie_chat_fame_slot:empty {
  display: none;
}

.nhie_chat_action_fame {
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
  vertical-align: middle;
}

.nhie_chat_action_fame_stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #df78a7;
  font-size: 11px;
  line-height: 1;
  filter: drop-shadow(0 0 3px rgba(229,83,151,.34));
}

.nhie_chat_character_source {
  width: min(700px, calc(100vw - 28px));
  max-width: 700px;
  white-space: normal;
}

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami):has(.nhie-mini-card) {
  width: min(700px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  max-width: min(700px, calc(100vw - 28px)) !important;
  max-height: min(730px, calc(100vh - 30px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(221, 91, 151, .34) !important;
  border-radius: 16px !important;
  clip-path: none !important;
  background:
    radial-gradient(circle at 50% 0, rgba(203, 73, 135, .10), transparent 38%),
    linear-gradient(145deg, #17121b, #090e14 76%) !important;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, .64),
    inset 0 0 0 1px rgba(255,255,255,.025) !important;
  filter: none !important;
  pointer-events: none;
}

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami):has(.nhie-mini-card)::before,
.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami):has(.nhie-mini-card)::after {
  content: none !important;
  display: none !important;
}

.dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami):has(.nhie-mini-card)
> .ui-tooltip-content {
  width: 100%;
  max-height: min(730px, calc(100vh - 30px));
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: #c8bec2 !important;
  font: 400 13px/1.5 'Outfit', sans-serif !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(190, 102, 138, .62) transparent;
}

.nhie-mini-card,
.nhie-mini-card * {
  box-sizing: border-box;
}

.nhie-mini-card {
  width: 100%;
  min-width: 0;
  padding: 22px 24px 24px;
  color: #c8bec2;
  font: 400 13px/1.5 'Outfit', sans-serif;
  letter-spacing: 0;
  text-align: left;
}

.nhie-mini-card__header {
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
}

.nhie-mini-card__name {
  margin: 0;
  color: #ead8df;
  font: 400 38px/1 'Infamous', sans-serif;
  letter-spacing: .4px;
  text-transform: none !important;
  text-shadow: 0 0 14px rgba(221, 113, 161, .14);
}

.nhie-mini-card__fullname {
  margin: 7px 0 0;
  color: #b9aeb3;
  font: 500 12px/1.3 'Outfit', sans-serif;
  letter-spacing: .65px;
  text-transform: none !important;
}

.nhie-mini-card__roles {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 0;
  margin: 10px 0 0;
}

.nhie-mini-card__role {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: 1;
}

.nhie-mini-card__role img {
  display: block;
  width: auto !important;
  max-width: 24px !important;
  height: auto !important;
  max-height: 24px !important;
  object-fit: contain;
}

.nhie-mini-card__body {
  display: grid;
  grid-template-columns: 159px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  min-width: 0;
}

.nhie-mini-card__body.is-without-portrait {
  grid-template-columns: minmax(0, 1fr);
}

/* 159 × 273 mantiene esattamente la proporzione 265 × 455. */
.nhie-mini-card__portrait {
  position: relative;
  width: 159px;
  min-width: 159px;
  max-width: 159px;
  height: 273px;
  min-height: 273px;
  max-height: 273px;
  margin: 0;
  overflow: hidden;
  border: 4px solid #080b10;
  border-radius: 4px;
  background: #080b10;
  box-shadow:
    0 13px 28px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.10);
}

.nhie-mini-card__portrait > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  object-fit: cover;
  object-position: center center;
  transform: none;
}

.nhie-mini-card__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 20px;
}

.nhie-mini-card__section {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.nhie-mini-card__section-title {
  margin: 0 0 9px;
  color: #e77a75;
  font: 400 24px/1.05 'Infamous', sans-serif;
  letter-spacing: .35px;
  text-transform: none !important;
  text-shadow: 0 0 8px rgba(224, 91, 103, .16);
}

.nhie-mini-card__copy,
.nhie-mini-card__copy * {
  color: inherit;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none !important;
  text-shadow: none;
}

.nhie-mini-card__copy {
  color: #c8bec2;
  font-weight: 400;
  text-align: left;
  overflow-wrap: anywhere;
}

.nhie-mini-card__copy b,
.nhie-mini-card__copy strong {
  color: #e1cdd5;
  font-weight: 650;
}

.nhie-mini-card__copy i,
.nhie-mini-card__copy em {
  color: #df91ad;
  font-style: italic;
  font-weight: 500;
}

.nhie-mini-card__copy p {
  margin: 0 0 7px;
}

.nhie-mini-card__copy p:last-child {
  margin-bottom: 0;
}

.nhie-mini-card__copy br + br {
  display: none;
}

.nhie-mini-card__fame-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 7px;
}

.nhie-mini-card__fame-name {
  font-size: 14px;
  font-family: 'Infamous', sans-serif;
  text-transform: uppercase;
  transform: rotate(1deg);
  background-color: #ff76be;
  background-image: linear-gradient(75deg, #9ac4ff, #ff49009e);
  background-size: 100%;
  text-shadow: 0px -1px 1px #9ac4ff;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.nhie_chat_preview_realname{
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 1px;
}

.nhie-mini-card__fame-stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #df78a7;
  font-size: 11px;
  line-height: 1;
  filter: drop-shadow(0 0 4px rgba(223, 120, 167, .26));
}

.nhie-mini-card__fame-copy {
  margin-top: 0;
}

.nhie_chat_character_loading,
.nhie_chat_character_error {
  padding: 18px;
  color: #c8bec2;
  font: 400 12px/1.45 'Outfit', sans-serif;
  text-align: center;
}

@media (max-width: 620px) {
  .nhie_chat_character_source,
  .dlight-tooltip.ui-widget.ui-widget-content:not(.compact-tooltip):not(.tooltip-legami):has(.nhie-mini-card) {
    width: min(430px, calc(100vw - 18px)) !important;
    max-width: min(430px, calc(100vw - 18px)) !important;
  }

  .nhie-mini-card {
    padding: 17px;
  }

  .nhie-mini-card__header {
    margin-bottom: 16px;
  }

  .nhie-mini-card__name {
    font-size: 32px;
  }

  .nhie-mini-card__body {
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 14px;
  }

  /* 106 × 182 mantiene esattamente la proporzione 265 × 455. */
  .nhie-mini-card__portrait {
    width: 106px;
    min-width: 106px;
    max-width: 106px;
    height: 182px;
    min-height: 182px;
    max-height: 182px;
    border-width: 3px;
  }

  .nhie-mini-card__content {
    gap: 16px;
  }

  .nhie-mini-card__section-title {
    font-size: 21px;
  }
}

@media (max-width: 410px) {
  .nhie-mini-card__body {
    grid-template-columns: 1fr;
  }

  .nhie-mini-card__portrait {
    width: 132px;
    min-width: 132px;
    max-width: 132px;
    height: 227px;
    min-height: 227px;
    max-height: 227px;
    margin: 0 auto;
  }
}

/*
 * Le stelline usano il tooltip standard dei tratti della creazione.
 * Qui resta soltanto il comportamento del trigger: struttura e grafica
 * interna sono quelle globali di .tooltip-source-normalcase,
 * .titoli_foglietti e .desc_tratti_foglietto.
 */
.nhie_chat_action_fame[data-tooltip] {
  cursor: help;
  outline: none;
}

.nhie_chat_action_fame[data-tooltip]:hover
.nhie_chat_action_fame_stars,
.nhie_chat_action_fame[data-tooltip]:focus-visible
.nhie_chat_action_fame_stars {
  color: #f097ba;
  filter: drop-shadow(0 0 5px rgba(229, 83, 151, .58));
}