html {margin:0; padding:0;font-family:Verdana, Arial, Sanserif;font-size:14px;word-break: break-word;overflow:auto;background-color:black;position:relative;}
body {margin:0; padding:0;font-family:Verdana, Arial, Sanserif;font-size:14px;word-break: break-word;overflow-x:hidden;background: linear-gradient(180deg, #fbfcfe 0%, #f5f7fb 100%);position:relative;}
input[type=checkbox] { transform: scale(2.5);}
input[type=radio] { transform: scale(2.5);}
button {cursor:pointer;}
li {margin-top:20px;}
.ui-tabs-nav {background-color:#777;font-size: 18px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #aaa; background: #aaa; }
#divhome {margin:auto;max-width:1200px;line-height: 1.8rem;font-size:1.3em;padding-bottom:24px;}
#tables {width:100%;}
#divselect {padding:8px;background-color:#bbb;position:relative;}
#div2select {padding:8px;background-color:#bbb;}
.fondo {position:fixed;width:100vw;height:100vh;background-image: url(/imgs/sunclaunotte.webp);background-size: cover;background-position: center; opacity: 0.10;}
.inte {position:absolute;top:0;left:0;overflow:auto;background-color:transparent;width:100%;height:calc(100% - 150px);padding:60px 0px;font-weight:bold;font-size:3em;color:black;text-align:center;}
.benter {opacity: 0.6; background-color: #000; padding: 60px; color: #fff; border-radius: 8px; font-size: 1.1em; max-width:500px;}
.topmeno {top:-10px;}
.p100 {padding:10px 0px;}
.bsimulamove {background-color:#888; color:white; font-weight:bold; padding:13px;vertical-align:top;width:130px;border-radius: 6px; }
.largs {/*max-width:1600px;*/min-height: calc(100vh - 54px);background-color:#fcfcfc;margin:0 auto;padding:0;border:0;position:relative;opacity:0.99;max-height: 100vh;overflow: hidden;z-index:1;}
.scrollable {max-width:100%;max-height:calc(100vh - 130px);overflow:auto;}
.scrollable2 {max-width:100%;max-height:calc(100vh - 220px);overflow-y: auto; overflow-x: hidden; padding-bottom: 40px;border-top:1px solid #000;}
.tit {text-align:center;font-weight:bold;font-size:1.2rem;padding:20px;}
.tit40 {text-align:center;font-weight:bold;font-size:1.2rem;padding:40px;}
.tit80 {text-align:center;font-weight:bold;font-size:1.6rem;padding:80px 10px;position: fixed;background-color: #fcfcfc;width: 100%;max-width: 1200px;margin: -14px 0;}
.guides {margin:auto;max-width:1200px;font-size:18px;line-height:24px;padding-top:80px;}
.buttbegin {display:block;padding:16px;font-size:32px;font-weight:bold;background-color:transparent;color:black;margin:auto;margin-top:40px;border-radius:8px;}
.buttbegin:hover {background-color:#eee;}
.bover9:hover {background-color:#999;}
.download {font-variant: small-caps;color:#2222C0 !important;text-decoration: none;font-weight:bold;margin:auto;}
.subtit {font-weight:bold;font-style: italic;}
.bandachiara {padding:20px;min-height: 400px;}
.bandascura {padding:20px;background-color:#f4f4f4;min-height: 400px;}
.front {position:absolute;top:0px;left:0px;text-align:center;z-index:1;padding:12px;font-size: 18px;font-weight:bold;color: #fff;}
.fronthelp {position:absolute;top:6px;right:400px;text-align:center;z-index:1;padding:2px 11px;border-radius:18px;background-color:#ccc;color:#c02222;border:1px solid #aaa;font-weight:bold;font-size:2em;cursor:pointer;}
.risultato {background-color:#fafafa;padding:12px;}
.butt {padding: 8px; background-color: #333; color: #fff; border-radius: 6px;}
.buttx {padding: 8px; margin:2px; background-color: #333; color: #fff; border-radius: 6px; width:70px;}
.bperf {background-color:#333; color:white; font-weight:bold; padding:8px;border-radius: 6px; width:140px;width: 100px;margin-right: 8px;}
.bdelefromstep {background-color:#333; color:white; font-weight:bold; padding:8px;border-radius: 6px; width:50px;}
.buttlungo {background-color:#777; color:white; font-weight:bold; padding:8px;border-radius: 6px; width:100%;};
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.boldhigh {font-weight:700;font-variant: small-caps;font-size:1.4em;color:#444;}
.boldred {font-weight:bold;color:#c02222;}
.dnone {display:none;}
.w100 {width:100%;}
.inline {display:inline-block;}
.tcenter {text-align:center;}
.cpointer {cursor:pointer;}
.vbottom {vertical-align:bottom;}
.vmiddle {vertical-align:middle;}
.vtop {vertical-align:top;}
.prelative {position:relative;}
.aleft {text-align:left;}
.mh800 {max-height:800px;height:800px;}
.bordato {border:1px solid #888;margin:0;background-color:#fff;}
.tdmsg {font-weight:bold;background-color:fafafa;}
.bgc0 {background-color:#E6F598; color:black;}
.bgc1 {background-color:#FEE08B; color:black;}
.bgc2 {background-color:#99D594; color:black;}
.bgc3 {background-color:#D53E4F; color:white;}
.bgc4 {background-color:#3288BD; color:white;}
.bgc5 {background-color:#FC8D59; color:white;}
.select2-results__options { max-height: 800px !important; background-color: black; color: aliceblue;}
.select2-results__option--selected { background-color: brown !important; }
.chosc {width:40%;margin:2px 8px;padding:12px;font-size:1.2rem;border:0;}
.choobs {width:40%;margin:2px 8px;padding:12px;font-size:1.2rem;border:0;}
.mappastrats {width:100%;}
.divstra {    width: calc(100% - 70px); padding-left: 8px;}
.spantit {width:20%;display:inline-block;}
.contextname {text-align:center;font-weight:bold;font-size: 1.5rem;border-top: 1px solid #333;width: 100%;background-color: #fff;padding:12px 0px;position:relative;}
.supersection {text-align:center;font-weight:bold;font-size:1.3rem;width:100%;background-color:#555;color:#fff;padding:8px 0px;position:relative;margin-top: 30px;border-top: 1px solid #333;}
.section {text-align:center;font-weight:bold;font-size:1.3rem;width:100%;background-color:#888;color:#fff;padding:8px 0px;position:relative;margin-top: 30px;border-top: 1px solid #333;}
.subsection {background-color:#eee;padding:8px 0px;}
.buttright {position:absolute;top:0px;right:5px;background-color:#333; color:white; font-weight:bold; padding:4px; cursor:pointer;}
.buttright100 {position:absolute;top:0px;right:105px;background-color:#333; color:white; font-weight:bold; padding:4px; cursor:pointer;}
table {width:100%;border:1px solid #000;table-layout:fixed;}
table td {border:1px solid #ccc;}
table th {font-weight:bold;border:1px solid #ccc;}
.cell1 {max-width:150px;width:10%;text-align:center;}
.cell2 {text-align:center;font-weight:bold;color:#2222c0;background-color:#eee;padding:8px 0px;}
.istocel {border:1px solid #eee;height:64px;vertical-align:bottom;position:relative;}
.textistocel {position:absolute;top:0px;right:0px;width:24px;height:24px;margin:0;padding:0;border-radius:12px;background-color:#555;color:#fff; font-weight:bold;font-size:24px;cursor:pointer;}
.isto {max-width:20px;display:inline-block;border-right: 1px solid #fff;font-size:6px;color:white;vertical-align:bottom;}
.istoperc {font-size:0.7em;color:#2222c0;}
.ui-tooltip { white-space: pre-line; }
.bggray { background-color: #ddd; }
.red {background-color:#c02222 !important;}
.blue {background-color:#2222c0 !important;}
.green {background-color:#22c022 !important;}
.veronese {background-color:#22c0c0 !important;}
.purple {background-color:#c022c0 !important;}
.orange {background-color:#ffa500 !important;}
.scarlet {background-color:#ff0000 !important;}
.yellow {background-color:#eeee11 !important;}
.choss {width:20%;margin:2px 8px;padding:12px;font-size:1.2rem;border:0;background-color:#eee;}
.chossmult {width:20%;height:42px;margin:2px 8px;padding:0px 0px;border:0;background-color:#eee;}
.choss2 {border:0;background-color:#eee;cursor:pointer;padding: 12px;}
.choss2label {margin-left:20px;line-height:24px;}
.cwhite {color:white; font-weight:bold;}
.ui-spinner {max-width:120px;vertical-align:bottom;margin-left:8px;}
.spinner {width:50px;}
.spinnerfixed {width:50px;}
.tabscen {border:0; padding:0; margin:0;border-left: 1px solid #aaa;}
.tabscen tr {border:0; padding:0; margin:0;}
.tabscen th {border:0; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;}
.tabscen td {border:0; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;text-align:center;}
.tabsteps {border:0; padding:0; margin:0;}
.tabsteps tr {border:0; padding:0; margin:0;}
.tabsteps th {padding:10px 6px 8px 6px;text-align:left;border:0; border-bottom: 1px solid #aaa;background-color:#eee;}
.tabsteps td {border:0; border-bottom: 1px solid #aaa;vertical-align:top;padding:10px 6px 0px 6px;}
.tabsteps th:nth-of-type(1) {width:80px;}
.tabsteps th:nth-of-type(2) {width:176px;}
.tabsteps th:nth-of-type(3) {width:176px;}
.tabsteps th:nth-of-type(4) {width:176px;}
.tabsteps th:nth-of-type(5) {width:176px;}
.tabsteps th:nth-of-type(6) {width:176px;}
.tabsteps th:nth-of-type(7) {width:80px;}
.tabsteps td:nth-of-type(1) {width:80px;}
.tabsteps td:nth-of-type(2) {width:176px;}
.tabsteps td:nth-of-type(3) {width:176px;}
.tabsteps td:nth-of-type(4) {width:176px;}
.tabsteps td:nth-of-type(5) {width:176px;}
.tabsteps td:nth-of-type(6) {padding-top:0px;width:176px;}
.tabsteps td:nth-of-type(7) {padding-top:0px;width:80px;}
.bordatobottom {border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;}
.average {width:calc(100% - 740px);max-width:35%;margin-right:10px;text-align:right;vertical-align:top;}
.bordato6 {border:1px solid #666;}
.barrascore {background-color:#eee;width:720px;border-radius:8px;}
.barrascorecol {padding:20px 0px;background-color:#c02222;border-radius:8px;}
/*.tabsteps tr:hover {background-color:#ddd;}*/
.tabconds {border:0; padding:0; margin:0;}
.tabconds tr {border:0; padding:0; margin:0;}
.tabconds th {padding:10px 6px 8px 6px;border:0; border-bottom: 1px solid #aaa;}
.tabconds td {border:0; border-bottom: 1px solid #aaa;padding:10px 6px 0px 6px;text-align:center;}
.tabstrats tr {vertical-align:top;}
.tabstrats td {padding-bottom:10px;}
.tablestrats {border:0; padding:0; margin:0;background-color:white;}
.tablestrats tr {border:0; padding:0; margin:0;}
.tablestrats th {padding:4px;border:0; border-bottom: 1px solid #aaa;background-color:#eee;text-align:center;cursor:default;}
.tablestrats td {border:0; border-bottom: 1px solid #aaa;padding:4px;text-align:left;font-weight:normal;cursor:pointer;vertical-align:top;}
.tablestrats td:hover {background-color:#aff;}
.thcenter th {text-align:center;}
.tdcenter td {text-align:center;}
.subtab {border:0; padding:0; margin:0; table-layout: fixed;margin-bottom:10px;}
.subtab tr {border:0; padding:0; margin:0; border-bottom:1px solid #aaa; padding-top:6px;}
.subtab td {border:0; margin:0; border-bottom: 1px solid #aaa; padding: 10px 0px; height: 50px;}
.subtab td:nth-of-type(1) {width:40%;}
.subtab td:nth-of-type(2) {width:30%;text-align:right;font-weight:bold;}
.subtab td:nth-of-type(3) {width:30%;text-align:right;font-weight:bold;}
.tabdescriptor {border:0; padding:0; margin:0;}
.tabdescriptor tr {border:0; padding:0; margin:0;}
.tabdescriptor th {padding:10px 6px 8px 6px;text-align:left;border:0; border-bottom: 1px solid #aaa;}
.tabdescriptor td {border:0; border-bottom: 1px solid #aaa;vertical-align:top;padding:10px 6px 0px 6px;}
.altodx {position:absolute;top:0px;right:0px;width:100px;margin-top: 6px;margin-right: 4px;}
/* SELE ****************************/
.selediv {border:1px solid black;width:400px;cursor:pointer;position:relative;background-color:white;vertical-align:top;}
.selediv230 {border:1px solid black;width:230px;cursor:pointer;position:relative;background-color:white;vertical-align:top;}
.selediv20p {border:1px solid black;width:220px;cursor:pointer;position:relative;background-color:white;vertical-align:top;}
.seletit {background-color:#eee;padding:12px;border-bottom:1px solid #999;font-weight:bold;}
.selebox {max-height:600px;overflow-y:auto;overflow-x:hidden;}
.boxseleclass {position:absolute;z-index:9;overflow-y:auto;overflow-x:hidden;width:400px;max-height:600px;background-color:white;border:1px solid black;cursor:pointer;}
.seleitemdiv {padding:12px;cursor:pointer;border-bottom:1px solid #bbb;}
.seleitemdivblack {padding:12px;cursor:pointer;border-bottom:1px solid #bbb;color:white;background-color:black;}
.seleitemrc {cursor:pointer;}
.seleitemico {cursor:pointer;}
.seleitemtxt {cursor:pointer;margin-left:10px;}
.labelicon {max-width: 120px; max-height: 100px; display: inline-block;font-weight:bold;}
/************************************/
.tabsim {background-color:#fff;border:0;}
.tabsim td {text-align:center;border:0;border-bottom:1px solid #aaa;}
.tabsim th {text-align:center;border:0;border-bottom:1px solid #aaa;background-color:#ddd;}
#ssp0 td:nth-of-type(8) {text-align:center;}
#waiter {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%;opacity:0.4;background-color:#111;background-image:url("https://6cmodel.com/imgs/clessidra.gif");z-index:1000;background-position: top;  background-repeat: no-repeat;}
#tapresentOLD {width:100%;padding:10px;line-height:1.2em;overflow:auto;height:200px;}
.tapresent {
    display: block;
    width: calc(100% - 20px);
    overflow: hidden;
    resize: both;
    min-height: 40px;
    line-height: 1.5em;
    padding:10px;
    font-size:1.2em;
}
.tapresent[contenteditable]:empty::before {
    content: "scrivi il testo (max 1500 chars)";
    color: gray;
}
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 90%; /* Full-width */
    height: 2px; /* Specified height */
    background: #5897fb; /* Grey background */
    border-radius: 3px;
    outline: none; /* Remove outline */
    /* opacity: 0.7; */ /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    /* transition: opacity .2s; */
    cursor: pointer;
    margin:12px auto;
    max-width:200px;
    display:block;
}
.numspin {background-color:#fff;border:0;vertical-align:bottom;margin:0px 8px;width:50%;text-align:center;max-width:100px;}
.divsimula {background-color:#fff;height:800px;padding:40px 20px;position:relative;}
.hascommentogpt {background-color:yellow;cursor:pointer;}
.hascommentogpt:hover {background-color:yellowgreen;}
.hasNOcommentogpt {cursor:pointer;}
.hasNOcommentogpt:hover {background-color:yellowgreen;}
.buttprint {position:absolute;top:0px;right:0px;}
table.tabbubble {background-color:white;border:0;}
table.tabbubble td {width:3%;border:0;border-right:1px solid #000;border-bottom:1px solid #bbb;}
table.tabbubble th {width:3%;border:0;border-right:1px solid #000;border-bottom:1px solid #bbb;text-align:center;background-color:#ddd;}
table.tipstrat {background-color:white;border:0;}
table.tipstrat td {width:3%;border:0;border-right:1px solid #000;border-bottom:1px solid #bbb;text-align:center;}
table.tipstrat th {width:3%;border:0;border-right:1px solid #000;border-bottom:1px solid #bbb;text-align:center;background-color:#ddd;}
table.tipstrat td:nth-of-type(1) {text-align:left;}
.choparam:hover {background-color:#eee;}
.spacediv {margin-bottom:20px;display: flex;flex-direction:column;justify-content: center;align-items:stretch;}
.mauto {margin:auto;}
.helper {z-index:9999;background-color:cornsilk;color:#2222c0;padding:8px;max-width:200px;max-height:400px;overflow:auto;font-size:1.2em;line-height:1.4em;position:absolute;border:1px solid black;}
.enterpres {padding:40px 0px 0px 0px;font-weight: bold;font-size: 0.5em;color: white;text-align: left;max-width:600px;margin:auto;}
.tabber {width:100%;padding:0;margin:0;border:0;font-size: medium;}
.tabberhea {display:flex;justify-content:flex-end;width:100%;background-color:#666;color: white;font-weight: bold;position:relative;}
.tabberheatit {position:absolute;top:10px;left:20px;}
.tabbertit {display:inline-block;padding:10px;color:#fff;font-weight:bold;border:1px solid white;border-radius:8px 8px 0px 0px;border-bottom:0px;margin:4px 8px 0px 8px;cursor:pointer;}
.tabberpan {display:none;}
.tabfreegames {border:0; padding:0; margin:0;border-left: 1px solid #aaa;}
.tabfreegames tr {border:0; padding:0; margin:0;}
.tabfreegames th {border:0; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;text-align:center;font-weight:bold;font-size:1.4em;padding:12px 8px;}
.tabfreegames td {border:0; border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:8px 8px;vertical-align:top;}
.chooscen {cursor:pointer;border-bottom:1px solid #ccc;padding:4px 0px;}
.chooscen:hover {background-color:#eee;}
.freegamepres1 {margin: auto;text-align: center;max-width: 1200px;font-size: large;font-weight: bold;padding: 20px;}
.freegamepres2 {margin: auto;max-width: 1200px;font-size: medium;padding: 20px;line-height:1.5em;}