@charset "UTF-8";
/* ==== RIASSEGNAZIONI BASE ==== */
h1 {
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
h2 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
h3 {
  font-size: 1.75em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
h4 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.25em;
}
h5 {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0.5em;
  color: #666;
  border-top: thin dotted #333;
  border-bottom: thin dotted #333;
}
p {
  margin: 0;
  padding: 0;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1em;
}
.button {
  border: 0px;
  vertical-align: bottom;
}
.espon {
  font-size: 0.8em;
  vertical-align: super;
}
a {
  text-decoration: none;
  color: #d28833;
}
a:hover {
  text-decoration: underline;
  color: #b64d35;
}
input[type="checkbox"] {
  width: 25px;
  height: 25px;
}
/*==== FINE RIASSEGNAZIONI ====*/
/* ==== Print styles =======================================================
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* == Fine HTML5 ✰ Boilerplate == */
body {
  position: relative;
  background: #145e97;
  border-width: 0px;
  border-style: none;
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: 400;
  width: 100%;
}
#wrapper {
  width: 100%;
  margin: 0;
  background: #fff;
}
#container {
  position: relative;
  width: 960px;
  min-height: 600px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  text-align: left;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  #container {
    width: 980px;
  }
}
@media only screen and (min-width: 1200px) {
  #container {
    width: 1120px;
  }
}
@media only screen and (min-width: 1366px) {
  #container {
    width: 1280px;
  }
}
@media only screen and (min-width: 1600px) {
  #container {
    width: 1500px;
  }
}
#containerMax {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  text-align: left;
  padding: 0 10px;
}
#log {
  position: absolute;
  top: 10px;
  left: 840px;
  z-index: 200;
  border: none;
  margin: 0px;
  padding: 0px;
}
#testata {
  position: relative;
  background: #fff;
  margin: 0 auto;
  padding: 0;
  border: none;
  color: #222;
  box-sizing: border-box;
  width: 100%;
}
#testata .modalMan {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#testata .modalMan .modalMan h3 {
  font-size: 1.15em;
}
#testata .modalMan .modalMan a {
  color: #ee7f00;
  text-decoration: none;
}
#testata .modalMan .modalMan a:hover {
  color: #ee7f00;
  text-decoration: none;
}
#testata .modalMan .modalMan-body {
  font-size: 0.9em;
  color: #666;
  margin: 0;
  padding: 20px;
  line-height: 150%;
  height: 600px;
  overflow-y: auto;
}
#testata .modalMan .modalMan-body p {
  margin: 0;
  padding: 0;
}
#testata .modalMan .manTxt {
  padding: 10px 0;
  font-size: 1em;
}
#testata .modalMan .manTxt p {
  padding: 0;
}
#afterMan {
  position: relative;
  min-height: 10px;
}
/*** LOGIN ***/
#containerLog {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 40px 0 0 0 ;
  background: url(../images/bg_log.jpg) no-repeat center 0;
  background-size: cover;
  box-sizing: border-box;
}
#testaLog {
  display: block;
  position: relative;
  width: 100%;
  min-height: 120px;
  background: url(../images/logoTestaLog.svg) no-repeat center center;
}
#mainLogin {
  width: 100%;
  min-height: 100%;
  text-align: center;
}
#login {
  display: inline-block;
  width: 95%;
  max-width: 368px;
  margin: 40px 0 150px 0;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #login {
    max-width: 500px;
    padding: 40px;
  }
}
input[type='text'].log,
input[type='password'].log {
  display: block;
  margin-top: 15px;
  padding: 4px 10px;
  background: none;
  border: none;
  border-bottom: 1px solid #5E7E8A;
  border-radius: 10px;
  color: #333;
  width: 100%;
  box-sizing: border-box;
}
input[type='text'].log:focus,
input[type='password'].log:focus {
  outline: none;
}
#logSubmit {
  display: inline-block;
  margin-top: 15px;
  background: url(../images/logSubmit.svg) no-repeat 50% 50%;
  border: 1px solid #009ee0;
  width: 150px;
  height: 60px;
  text-indent: -9999px;
  border-radius: 12px;
  box-sizing: border-box;
}
#logSubmit:hover {
  background: #009ee0 url(../images/logSubmitHover.svg) no-repeat 50% 50%;
}
#logMsg {
  display: block;
  margin: 0 auto;
  width: 500px;
  color: #222;
  font-weight: bold;
  font-size: 1.15em;
  background: rgba(255, 255, 255, 0.85);
  box-sizing: border-box;
}
#logMsg span {
  display: inline-block;
  padding: 10px;
}
/*** END LOGIN ***/
#boxLogo {
  position: relative;
  width: 960px;
  height: 60px;
  z-index: 100;
  padding: 10px;
  line-height: 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  #boxLogo {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  #boxLogo {
    width: 1120px;
  }
}
@media (min-width: 1600px) {
  #boxLogo {
    width: 1500px;
  }
}
#settings {
  position: absolute;
  top: 0;
  right: 0px;
  padding: 5px;
  z-index: 1000;
  text-align: center;
  background: #fff;
  opacity: 0.8;
  font-size: 0.8em;
  color: #222;
}
#subSettings {
  display: none;
  position: relative;
}
.settings {
  display: inline-block;
  position: relative;
  min-height: 30px;
  min-width: 30px;
  background: url(../images/settings.svg) no-repeat top left;
  cursor: pointer;
}
.settings:hover {
  background: url(../images/settingsHover.svg) no-repeat top left;
}
#main {
  width: 100%;
  margin: 10px 10px 0 10px;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
#main h4 {
  font-weight: bold;
}
@media only screen and (min-width: 980px) {
  #main {
    margin: 10px 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  #main {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1600px) {
  #main {
    font-size: 14px;
  }
}
#2cols {
  width: 100%;
  margin-top: 0;
}
#main_margin {
  width: 540px;
  margin: 4px 230px 0px 210px;
  padding: 0px;
}
#sidebar_sx {
  float: left;
  width: 475px;
  margin-top: 5px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%;
  padding: 0px;
}
#sidebar_dx {
  float: right;
  width: 475px;
  margin-top: 5px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%;
  padding: 0px;
}
#msgBox {
  color: #ee7f00;
  font-weight: bold;
  font-size: 1rem;
  margin: 10px 0 10px 0;
}
#msgBox span {
  display: inline-block;
  padding-left: 30px;
  min-height: 25px;
  line-height: 25px;
  background: url(../images/singleIcons/msg.svg) no-repeat 0 0;
}
/*** MENU ***/
#menu {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #3f3f3f;
}
#nav {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  height: 40px;
  background: #3f3f3f;
  text-align: left;
  list-style-type: none;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  #nav {
    width: 980px;
  }
}
@media only screen and (min-width: 1200px) {
  #nav {
    width: 1120px;
  }
}
@media only screen and (min-width: 1366px) {
  #nav {
    width: 1280px;
  }
}
@media only screen and (min-width: 1600px) {
  #nav {
    width: 1500px;
  }
}
#nav li {
  position: relative;
  float: left;
  height: 100%;
  background: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.2s;
  /* ==== SECONDO LIVELLO ==== */
}
#nav li a {
  display: block;
  color: #fff;
  padding: 0 10px;
  font-size: 0.7em;
  font-weight: normal;
  border-right: none;
  background-color: #515151;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  border-bottom: none;
  text-decoration: none;
  min-height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  transition: all 0.2s;
  /*** PERSONALIZZAZIONI ***/
}
@media only screen and (min-width: 1200px) {
  #nav li a {
    padding: 0 15px 0 30px;
    font-size: 0.8em;
  }
}
#nav li a:hover {
  background-color: #6d6c6c;
}
#nav li a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #009ee0;
  content: "";
  transition: width 0.2s;
}
#nav li a.m_help {
  background-image: url(../images/menu_icons/help.svg);
  background-color: #ee7f00;
  background-position: 50% 50%;
}
#nav li a.m_help:hover {
  cursor: pointer;
}
@media only screen and (min-width: 1200px) {
  #nav li a.m_home {
    background-image: url(../images/menu_icons/home.svg);
  }
  #nav li a.m_ana {
    background-image: url(../images/menu_icons/ana.svg);
  }
  #nav li a.m_archivi {
    background-image: url(../images/menu_icons/archivi.svg);
  }
  #nav li a.m_aut {
    background-image: url(../images/menu_icons/aut.svg);
  }
  #nav li a.m_pro {
    background-image: url(../images/menu_icons/pen.svg);
  }
  #nav li a.m_docs {
    background-image: url(../images/menu_icons/pro.svg);
  }
  #nav li a.m_set {
    background-image: url(../images/menu_icons/set.svg);
  }
  #nav li a.m_mail {
    background-image: url(../images/menu_icons/mail.svg);
  }
  #nav li a.m_tick {
    background-image: url(../images/menu_icons/pro.svg);
  }
  #nav li a.m_planner {
    background-image: url(../images/menu_icons/planner.svg);
  }
  #nav li a.m_fatt {
    background-image: url(../images/menu_icons/fatt.svg);
  }
  #nav li a.m_ddt {
    background-image: url(../images/menu_icons/trasporto.svg);
  }
  #nav li a.m_ut {
    background-image: url(../images/menu_icons/ut.svg);
  }
  #nav li a.m_not {
    background-image: url(../images/menu_icons/not.svg);
  }
  #nav li a.m_man {
    background-image: url(../images/menu_icons/manuale.svg);
  }
  #nav li a.m_pres {
    background-image: url(../images/menu_icons/pres.svg);
  }
}
#nav li:hover ul {
  left: 0;
}
#nav li ul {
  float: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 40px;
  left: -9999px;
  width: 200px;
  z-index: 3000;
  background: #fff;
  font-weight: normal;
  box-shadow: 4px 4px 13px -7px rgba(0, 0, 0, 0.69);
}
#nav li ul li > a:after {
  display: none;
}
#nav li ul li {
  float: none;
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  height: auto;
  /* ==== TERZO LIVELLO ==== */
}
#nav li ul li:last-of-type {
  border-bottom: 4px solid #0391e0;
}
#nav li ul li a {
  display: block;
  color: #999;
  background: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 0 15px;
  margin: 0;
}
#nav li ul li a:hover {
  background: none;
  color: #000;
  transition: none;
}
#nav li ul li:hover > a {
  background-color: #f5f5f5;
  color: #000;
}
#nav li ul li:hover ul {
  margin-left: 160px;
}
#nav li ul li ul {
  padding: 0;
  top: 10px;
  margin-left: -9999px;
  width: 250px;
  z-index: 250;
  background: #fff;
  font-weight: normal;
}
#nav li ul li ul li:hover {
  background-color: #f5f5f5;
}
#nav li ul li ul li a {
  color: #999;
  border-bottom: 1px solid #ccc;
}
#nav li ul li ul li a:hover {
  background: none;
}
/* ===== END NAV ==== */
#footer {
  background: #145e97;
  box-sizing: border-box;
  color: #fff;
  border-top: 4px solid #0f436b;
  margin: 0;
}
#footer a {
  color: #d5edfa;
}
#footer p {
  margin: 0;
  padding: 10px 0;
}
#footer #footerContent {
  padding: 10px;
  width: 95%;
  margin: 0 auto 10px auto;
}
@media only screen and (min-width: 1024px) {
  #footer #footerContent {
    width: 980px;
  }
}
@media only screen and (min-width: 1200px) {
  #footer #footerContent {
    width: 1120px;
  }
}
@media only screen and (min-width: 1366px) {
  #footer #footerContent {
    width: 1280px;
  }
}
@media only screen and (min-width: 1600px) {
  #footer #footerContent {
    width: 1500px;
  }
}
#footer .testo_footer {
  color: #fff;
  font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  line-height: 1em;
  text-align: justify;
}
.frame_footer {
  float: left;
  background: none;
  padding: 0 1em;
  font-size: 0.75em;
  line-height: 1.5em;
  margin: 20px 0 10px 0;
  height: auto;
}
.frame_footer2 {
  float: left;
  background: none;
  padding: 0 1em;
  font-size: 0.75em;
  line-height: 1.5em;
  margin-left: 4px;
  margin-top: 25px;
  height: auto;
}
.sep_footer {
  display: none;
}
@media only screen and (min-width: 768px) {
  .sep_footer {
    display: block;
    float: left;
    min-height: 100px;
    min-width: 1px;
    border-left: 1px solid #fff;
    margin: 20px 10px 0 10px;
  }
}
#loading {
  position: absolute;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  z-index: 1;
  background-color: #FFFFFF;
  color: #ffffff;
  padding: 20px;
  border: #333 1px solid;
  text-align: center;
  vertical-align: middle;
}
/***/
.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
/*** CLASSI ***/
.fltrt {
  /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
  float: right;
  margin-left: 8px;
}
.dotted {
  height: 1px;
  border: 1px dotted;
  border-width: 1px 0 0 0;
}
.testo {
  color: #000000;
  font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  line-height: 15px;
  text-align: justify;
}
.titolopiccolo {
  color: #000;
  font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.titolopiccolocol {
  color: #336699;
  font-family: Myriad, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.commento {
  color: #4e4e4e;
  font-weight: bold;
}
input,
select,
textarea {
  border: 1px solid #c4c4c4;
  font-family: Arial, Helvetica, sans-serif;
}
label {
  font-size: 10px;
  color: #666;
}
.espon {
  font-size: 0.8em;
  vertical-align: super;
}
.tit_colore {
  color: #F60;
}
/*****/
p {
  margin-top: 0;
  margin-bottom: 0;
}
ol {
  list-style-position: outside;
  margin-left: 1em;
}
.nolista ul {
  list-style: none;
  font-size: 12px;
}
.nolista li {
  display: inline;
}
/*******/
.titolo_post {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bold;
  color: #7a270e;
}
.sottotitolo_post {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: bold;
  color: #9b4f0b;
}
.corso {
  padding: 4px;
  text-align: left;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-bottom: #960;
}
/*******/
table {
  font-size: 1em;
}
/* standards redesign */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  line-height: 150%;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
p {
  line-height: 150%;
}
strong {
  font-weight: bold;
}
del {
  text-decoration: line-through;
  color: #666;
}
cite,
em,
dfn {
  font-style: italic;
}
ins,
dfn {
  border-bottom: 1px solid #ccc;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
a abbr,
a acronym {
  border: none;
}
abbr,
acronym {
  text-transform: uppercase;
  font-size: 85%;
  letter-spacing: 0.1em;
}
abbr[title],
acronym[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted #ccc;
}
code,
kbd,
samp,
pre,
tt,
var {
  font-size: 92%;
  font-family: monaco, "Lucida Console", courier, monospace;
}
/* dimensions */
small,
.small,
sup,
sub {
  font-size: 80%;
}
.big {
  font-size: 12px;
}
.thin {
  font-weight: lighter;
}
/* colors */
.red {
  color: #F00;
}
.orange {
  color: #F60;
}
.blue {
  color: #03F;
}
.green {
  color: #0C0;
}
/* various styles */
.underline {
  text-decoration: underline;
}
.debug {
  outline: 1px solid #F00;
}
.highlight {
  background-color: #FF6;
  /* bright yellow */
  padding: 0px 2px;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
/* on demand structure */
fieldset {
  border: 1px solid #f3f3f3;
  /*width:95%;
	padding:7px;*/
  margin: 0px;
}
fieldset legend {
  padding: 0px;
  font-weight: bold;
}
form input[type='text'],
form input[type='password'],
form select,
form input[type='textarea'],
form input[type='number'] {
  border-radius: 3px;
  font-size: 12px;
}
form input[type='text'],
form input[type='number'] {
  padding: 3px;
}
form input[type='text'].cerca {
  padding: 5px 5px 5px 30px;
  background: url(../images/lente.svg) #fff no-repeat 0 50%;
  max-width: 400px;
  height: 40px;
  box-sizing: border-box;
}
form select {
  padding: 3px 6px;
  font-size: 12px;
  height: 28px;
  background-color: #fff;
}
pre {
  background: #EEE;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
/* standards redesign */
del {
  text-decoration: line-through;
  color: #666;
}
cite,
em,
dfn {
  font-style: italic;
}
ins,
dfn {
  border-bottom: 1px solid #ccc;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
a abbr,
a acronym {
  border: none;
}
abbr,
acronym {
  text-transform: uppercase;
  font-size: 85%;
  letter-spacing: 0.1em;
}
abbr[title],
acronym[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted #ccc;
}
code,
kbd,
samp,
pre,
tt,
var {
  font-size: 92%;
  font-family: monaco, "Lucida Console", courier, monospace;
}
/* dimensions */
small,
.small,
sup,
sub {
  font-size: 80%;
}
.big {
  font-size: 145%;
}
.thin {
  font-weight: lighter;
}
/* colors */
.red {
  color: #F00;
}
.red_bg {
  background-color: red;
}
.orange {
  color: #F60;
}
.blue {
  color: #03F;
}
.green {
  color: #0C0;
}
/* various styles */
.underline {
  text-decoration: underline;
}
.debug {
  outline: 1px solid #F00;
}
.highlight {
  background-color: #FF6;
  /* bright yellow */
  padding: 0px 2px;
}
.quiet {
  color: #666;
}
.loud {
  color: #000;
}
/*** VALIDAZIONE ***/
#validami input.error {
  background: #f8dbdb;
  border-color: #e77776;
}
#validami textarea {
  width: 550px;
  height: 80px;
  padding: 6px;
  color: #666;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-style: italic;
  font-size: 12px;
  border: 1px solid #cecece;
}
#validami textarea .error {
  background: #f8dbdb;
  border-color: #e77776;
}
#validami span {
  margin-left: 10px;
  color: #b1b1b1;
  font-size: 11px;
  font-style: italic;
}
#validami span .error {
  color: #e46c6e;
}
#validami #send {
  background: #6f9ff1;
  color: #fff;
  font-weight: 700;
  font-style: normal;
  border: 0;
  cursor: pointer;
}
#validami #send:hover {
  background: #79a7f1;
}
/*** TABLE SORTER ***/
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #e6EEEE;
  font-size: 8pt;
  padding: 4px 20px 4px 4px;
}
table.tablesorter thead tr .header {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #94cae8;
  color: #FFF;
}
/*** DATE PICKER SIZE ***/
div.ui-datepicker {
  font-size: 85%;
}
.arrow {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #111;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin: 0px 8px 0 8px;
  text-indent: -9999px;
}
.popupPayment {
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 2000;
  width: 360px;
  margin-left: -120px;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #999;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.popupPayment .confPagHeader {
  background: #e9e9e9;
  font-size: 1.25em;
  text-align: center;
  font-weight: normal;
  padding: 15px;
}
.popupPayment .confPagBody {
  padding: 80px 30px 30px 30px;
  font-size: 1.05em;
  text-align: center;
  background: url(../images/singleIcons/bigOk.svg) no-repeat 160px 15px;
}
.popupEvent {
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 1000;
  width: 840px;
  height: 200px;
  margin-left: -420px;
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.popupTicket {
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 1000;
  width: 400px;
  height: 180px;
  margin-left: -200px;
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/*** PANNELLI CALENDAR ***/
.calOp,
.calStanza {
  display: inline-block;
  width: 19%;
  min-width: 200px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  min-height: 2000px;
  min-width: 100%;
  background: rgba(125, 125, 125, 0.7);
  z-index: 999;
}
.mask img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
}
#popAna,
#popNotLibera {
  position: absolute;
  z-index: 1051;
  background-color: #fff;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#popReplay {
  position: absolute;
  z-index: 11000;
  background-color: #fff;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#popDelChildren {
  position: absolute;
  z-index: 12000;
  width: 600px;
  background-color: #fff;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#popNewPaziente {
  position: absolute;
  z-index: 2050;
  width: 500px;
  background-color: #fff;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.modal,
.modal700 {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1050;
  width: 900px;
  margin-left: -450px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.modal700 {
  width: 700px;
  margin-left: -350px;
}
#session_out {
  position: absolute;
  top: 30%;
  left: 50%;
  z-index: 1050;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.manContainer {
  position: absolute;
  width: 700px;
  top: 100px;
  left: 50%;
  margin-left: -350px;
  z-index: 1050;
}
.modal-header,
.modal-headerMan {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #048bc4;
  cursor: move;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
}
.modal-headerMan {
  background-color: #ee7f00;
}
.modal-body {
  position: relative;
  padding: 15px;
  overflow-y: auto;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  line-height: 0;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.innerBox {
  width: 50%;
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
}
/*** GUIDA ***/
.guida a {
  color: #048bc4;
  text-decoration: none;
}
.guida a a .transform:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.guida a a .firstLevel {
  padding: 5px 10px 5px 5px;
  background: #048bc4;
  color: #fff;
  text-decoration: none;
}
.guida a a .firstLevel .transform:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.guida a a .firstLevel:hover {
  background: #00aeef;
  color: #fff;
  text-decoration: none;
}
.guida a a .firstLevel:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 10px;
  background: url(../images/menu_icons/whiteArrow.svg) no-repeat 50% 50%;
}
.guida aa:hover {
  color: #00aeef;
  text-decoration: none;
}
.guida aa:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 10px;
  background: url(../images/menu_icons/blackArrow.svg) no-repeat 50% 50%;
}
/*** PANNELLO INSERIMENTO ***/
.panelIns {
  display: inline-block;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #999;
  padding: 10px;
}
.panelBox {
  display: inline-block;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panelBox-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.panelBox-header .close {
  margin-top: 2px;
}
.panelBox-header h3 {
  margin: 0;
  line-height: 30px;
}
.panelBox-body {
  position: relative;
  padding: 15px;
  overflow-y: auto;
}
.panelBox-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
.panelBox-footer:before,
.panelBox-footer:after {
  display: table;
  line-height: 0;
  content: "";
}
.panelBox-footer:after {
  clear: both;
}
.panelBox-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.panelBox-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.panelBox-footer .btn-block + .btn-block {
  margin-left: 0;
}
/*** BOTTONI ***/
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: 0.3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 14;
  border-radius: 14px;
  color: #ffffff;
  padding: 4px 14px 4px 14px;
  text-decoration: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #3cb0fd;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.btn-danger {
  background: #de3400;
  background-image: linear-gradient(to bottom, #de3400, #d13202);
  -webkit-border-radius: 14;
  border-radius: 14px;
  color: #ffffff;
  padding: 4px 14px 4px 14px;
  text-decoration: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background: #3cb0fd;
  color: #ffffff;
  background-image: linear-gradient(to bottom, #e83600, #de3400);
  text-decoration: none;
}
.btn-success {
  background: #009a3a;
  background-image: linear-gradient(to bottom, #009a3a, #006928);
  border-radius: 14px;
  color: #ffffff;
  padding: 4px 14px 4px 14px;
  text-decoration: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.disabled,
.btn-success[disabled] {
  background: #0ab44a;
  color: #ffffff;
  background-image: linear-gradient(to bottom, #0ab44a, #057b32);
  text-decoration: none;
}
/*** FINE PANNELLO INSERIMENTO ***/
.manuale {
  display: none;
  margin-top: 10px;
  border: 1px solid #999;
  background: #f7f7f3;
  color: #666;
  padding: 20px;
}
/*** TABELLA NUOVA ***/
.tableB {
  text-align: left;
  margin: 20px 0;
  font-size: 90%;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
}
.tableB tr th,
.tableB tr thead td {
  font-weight: bold;
  font-size: 85%;
  background: #f2f2f2;
  text-transform: uppercase;
  text-align: center;
  vertical-align: top;
  margin: 0;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.tableB tr th:first-of-type,
.tableB tr thead td:first-of-type {
  border-left: none;
}
.tableB tr th,
.tableB tr td {
  vertical-align: baseline;
  padding: 5px;
}
.tableB tr th.dettaglio_articoli {
  background: #d5edfa;
}
.tableB tr th.colonna {
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
}
.tableB tr td {
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  background: #fff;
  text-align: left;
}
.tableB tr.sezione th,
.tableB tr th.sezione {
  background: #707070;
  color: #fff;
}
.tableB tr.right * {
  text-align: right;
}
.tableB tr.left * {
  text-align: left;
}
.tableB tr.prop td {
  background: #e8f4f6;
}
.tableB tr.minimumPad th,
.tableB tr.minimumPad td {
  padding: 5px;
}
.tableB tr.sezione1 th {
  background: #00aeef;
  color: #fff;
  text-align: center;
  font-size: 1em;
}
.tableB thead th {
  white-space: nowrap;
}
.tableB .th-right th {
  text-align: right;
}
.tableB .th-left th {
  text-align: left;
}
.tableB tr.noBorder td {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #e0e0e0;
  min-height: 1em;
}
.labelFatt {
  display: inline-block;
  width: 4em;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0;
}
.lastNumber {
  display: inline-block;
  border: 1px solid #222;
  background: #fff;
  padding: 10px;
  color: #009ee0;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 5px;
}
/*** TABELLA NO BORDI ***/
.tableNoborder {
  border: none;
  color: #222;
}
.tableNoborder th {
  background: #f9f9f9;
  border-top: none;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #fff;
  font-weight: bold;
  font-size: 0.85em;
  text-align: right;
  padding: 5px;
  vertical-align: top;
}
.tableNoborder th:first-of-type {
  border-left: none;
}
.tableNoborder tr:first-of-type th {
  border-top: 1px solid #dedede;
}
.tableNoborder td {
  text-align: left;
  padding: 5px 10px;
  vertical-align: top;
}
.tableNoborder tr.bordo td {
  border-bottom: 1px solid #e0e0e0;
}
.tableNoborder tr.sezione th {
  background: #00aeef;
  color: #fff;
  text-align: center;
}
.tableNoborder tr.sezione th a {
  color: #fff;
  text-decoration: none;
}
.tableNoborder tr.sezione th a:hover {
  color: #bcebfd;
  cursor: pointer;
}
.tableNoborder tr.sezione2 th {
  background: #f6f6f6;
  color: #222;
  text-align: center;
}
.tableNoborder tr.sezioneNot th {
  background: #268a1e;
  color: #fff;
  text-align: center;
}
.tableNoborder tr.sezioneEv th {
  background: #38a592;
  color: #fff;
  text-align: center;
}
.tableNoborder tr.eseguitaNo td {
  background: #fcf4de;
}
.tableNoborder tr.purplebg th {
  color: #fff;
  background: #953677;
  text-align: center;
}
.tableNoborder tr.orangebg th {
  color: #fff;
  background: #ee7f00;
  text-align: center;
}
.tableNoborder tr.greenbg th {
  background: #0a7a34;
  color: #fff;
  text-align: center;
}
.tableNoborder tr.prop td {
  background: #e8f4f6;
}
/***  ICONE  ***/
.lucchettoIcon {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 33px;
  min-height: 33px;
  background: url(../images/lucchetto.svg) no-repeat 0 0;
}
.lucchettoIcon:hover {
  cursor: pointer;
  background-position: 0 -33px;
}
.cancellaIcon,
.cancellaIconNoTitle {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/icons.png) no-repeat 0px 0px;
}
.cancellaIcon:hover,
.cancellaIconNoTitle:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
/***/
.delFromPlanner {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/delFromPlanner.svg) no-repeat 0px 0px;
}
.delFromPlannerhover {
  cursor: pointer;
  background-position: 0px -21px;
}
.xIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -21px 0px;
}
.xIcon:hover {
  cursor: pointer;
  background-position: -21px -21px;
}
.xIcon:after {
  content: "cancella";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  left: 13px;
  width: 55px;
  text-align: center;
  color: #646464;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.xIcon:after:after {
  display: block;
}
.viewIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -42px 0px;
}
.viewIcon:hover {
  cursor: pointer;
  background-position: -42px -21px;
}
.viewIconBig {
  display: inline-block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin-right: 10px;
  background: url(../images/singleIcons/viewBigBtn.svg) no-repeat 0 0;
}
.viewIconBig:hover {
  background-position: 0 -40px;
}
a.espandiIcon {
  line-height: 21px;
  background: url(../images/singleIcons/apri.jpg) no-repeat 0px -21px;
  padding-left: 30px;
  color: #222;
}
a.espandiIcon:hover {
  cursor: pointer;
  background-position: 0 0;
  text-decoration: none;
  color: #222;
}
.chiudiIcon {
  line-height: 21px;
  background: url(../images/singleIcons/chiudi.jpg) no-repeat 0px -21px;
  padding-left: 30px;
}
.chiudiIcon:hover {
  cursor: pointer;
  background-position: 0 0px;
}
.modIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/icons.png) no-repeat -63px 0px;
}
.modIcon:hover {
  cursor: pointer;
  background-position: -63px -21px;
}
.modIconWhite {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/modWhite.png) no-repeat 0 0;
}
.modIconWhite:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
.docIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/icons.png) no-repeat -399px 0px;
}
.docIcon:hover {
  cursor: pointer;
  background-position: -399px -21px;
}
.docIcon:hover:after {
  display: block;
}
.statusIcon {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  background: url(../images/status.svg) no-repeat 0 0;
}
.statusIcon:hover {
  cursor: pointer;
  background: url(../images/status_hover.svg) no-repeat 0 0;
}
.addTabRowIcon {
  background: url(../images/singleIcons/addTabRow.svg) no-repeat 0 0;
}
.addElementIcon {
  background: url(../images/singleIcons/addElement.svg) no-repeat 0 0;
}
.addTabRowIcon,
.addElementIcon {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 35px;
  max-height: 35px;
  border: none;
}
.addTabRowIcon:hover,
.addElementIcon:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.infoIcon {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  max-height: 15px;
  background: url(../images/singleIcons/info.svg) no-repeat 0 0;
}
.infoIcon:hover {
  cursor: pointer;
  background-position: 0 -15px;
}
/* ARRIVATO QUI */
.statusMiniIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/statusMini.svg) no-repeat 0 0;
}
.statusMiniIcon:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
.anaIcon {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  background: url(../images/ana.png) no-repeat 0 0;
}
.anaIcon:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.anaIcon:hover:after {
  display: block;
}
/**/
.calIcon,
.calIconNoTitle {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/icons.png) no-repeat -420px 0px;
}
.calIcon:hover,
.calIconNoTitle:hover {
  cursor: pointer;
  background-position: -420px -21px;
}
.calIcon:after {
  content: "Calendario";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  left: 13px;
  width: 55px;
  text-align: center;
  color: #646464;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.calIcon:hover:after {
  display: block;
}
/***/
.ordinaIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -379px 0px;
}
.ordinaIcon:hover {
  cursor: pointer;
  background-position: -379px -21px;
}
.ordinaIcon:after {
  content: "ordina";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  left: 13px;
  width: 55px;
  text-align: center;
  color: #646464;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.ordinaIcon:hover:after {
  display: block;
}
/**/
.duplicaIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -105px 0px;
}
.duplicaIcon:hover {
  cursor: pointer;
  background-position: -105px -21px;
}
.duplicaIcon:after {
  content: "duplica";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  left: 13px;
  width: 55px;
  text-align: center;
  color: #646464;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.duplicaIcon:hover:after {
  display: block;
}
.printIcon {
  display: block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  border: none;
  font-size: 1px;
  background: url(../images/icons.png) no-repeat -210px 0px;
}
.printIcon:hover {
  cursor: pointer;
  background-position: -210px -21px;
}
/**/
.piuIcon,
.childrenIcon {
  display: block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -126px 0px;
}
.piu:hover,
.childrenIcon:hover {
  cursor: pointer;
  background-position: -126px -21px;
}
.childrenIcon:after {
  content: "aggiungi figlio";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  left: 13px;
  width: 100px;
  text-align: center;
  color: #646464;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.piuIcon:hover:after,
.childrenIcon:hover:after {
  display: block;
}
.addIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -84px 0px;
}
.addIcon:hover {
  cursor: pointer;
  background-position: -84px -21px;
}
.addIconBlock {
  display: block;
  min-width: 21px;
  height: 21px;
  line-height: 21px;
  max-height: 21px;
  background: url(../images/singleIcons/piuRoll.png) no-repeat 0px 0px;
  padding-left: 30px;
}
.addIconBlock:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
.showAdd {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/singleIcons/addCircle.svg) no-repeat 0 0;
}
.showAdd:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.utIcon {
  display: inline-block;
  width: 26px;
  min-width: 26px;
  height: 26px;
  max-height: 26px;
  background: url(../images/utIcon.svg) no-repeat 0px 0px;
}
.utIcon:hover {
  cursor: pointer;
  background-position: 0px -26px;
}
.peopleIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/people.svg) no-repeat 0px 0px;
}
.peopleIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
.cloneIcon {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  max-height: 30px;
  background: url(../images/clone.svg) no-repeat 0px 0px;
}
.cloneIcon:hover {
  cursor: pointer;
  background-position: 0px -30px;
}
.stampIcon {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  max-height: 30px;
  background: url(../images/stamp.svg) no-repeat 0px 0px;
}
.stampIcon:hover {
  cursor: pointer;
  background-position: 0px -30px;
}
.cameraIcon {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 60px;
  max-height: 60px;
  margin: 10px 0 10px 0;
  border: none;
  background: url(../images/camera.svg) no-repeat center 0;
}
.cameraIcon:hover {
  cursor: pointer;
  background-position: center -60px;
}
.closeCameraIcon {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 60px;
  max-height: 60px;
  margin: 10px 0 10px 0;
  border: none;
  background: url(../images/closeCamera.svg) no-repeat center 0;
}
.closeCameraIcon:hover {
  cursor: pointer;
  background-position: center -60px;
}
/*** AVANTI E INDIETRO ***/
.backIcon {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.backIcon:before {
  content: "";
  display: inline-block;
  background: url(../images/icons.png) no-repeat -147px 0px;
  position: relative;
  margin: 0 10px 0 0;
  padding: 0;
  width: 21px;
  height: 21px;
}
.backIcon:hover:before {
  background: url(../images/icons.png) no-repeat -147px -21px;
}
.backIcon:hover {
  cursor: pointer;
}
.closeIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/icons.png) no-repeat -189px 0px;
}
.closeIcon:hover {
  cursor: pointer;
  background-position: -189px -21px;
}
.closeIcon:after {
  content: "chiudi";
  padding: 2px;
  display: none;
  position: relative;
  top: -20px;
  left: 13px;
  width: 55px;
  text-align: center;
  color: #646464;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.closeIcon:hover:after {
  display: block;
}
.closeIcon:hover {
  cursor: pointer;
}
.pagaIcon {
  display: inline-block;
  height: 21px;
  width: 21px;
  min-width: 21px;
  min-height: 21px;
  border: none;
  background: url(../images/paga.svg) no-repeat top left;
}
.pagaIcon:hover {
  cursor: pointer;
  background: url(../images/pagaHover.svg) no-repeat top left;
}
.renewIcon {
  display: inline-block;
  height: 35px;
  max-height: 35px;
  min-width: 260px;
  background: url(../images/singleIcons/renew.svg) no-repeat 0 0;
  padding: 5px 5px 5px 38px;
  line-height: 25px;
  border: 1px solid #ccc;
  font-size: 1.05em;
  box-sizing: border-box;
}
.renewIcon:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.moreIcon {
  display: inline-block;
  height: 35px;
  max-height: 35px;
  min-width: 260px;
  background: url(../images/singleIcons/more.svg) no-repeat 0 0;
  padding: 5px 5px 5px 38px;
  line-height: 25px;
  border: 1px solid #ccc;
  font-size: 1.05em;
  box-sizing: border-box;
}
.moreIcon:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
/* AGGIORNA ICON */
.aggiornaIcon {
  display: inline-block;
  height: 21px;
  width: 21px;
  min-width: 21px;
  min-height: 21px;
  border: none;
  background: url(../images/icons.png) no-repeat -231px 0px;
}
.aggiornaIcon:hover {
  cursor: pointer;
  background-position: -231px -21px;
}
.undoIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/undoIcon.svg) no-repeat 0px 0px;
}
.undoIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
/*** INVIA ICON ***/
.inviaIcon {
  display: inline-block;
  height: 21px;
  width: 21px;
  min-width: 21px;
  min-height: 21px;
  border: none;
  text-indent: -9999px;
  background: url(../images/icons.png) no-repeat -252px 0px;
}
.inviaIcon:hover {
  cursor: pointer;
  background-position: -252px -21px;
}
/*** DOWNLOAD ICON ***/
.scaricaIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/download.svg) no-repeat 0px 0px;
}
.scaricaIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
.expandIcon {
  display: inline-block;
  height: 21px;
  width: 21px;
  min-width: 21px;
  min-height: 21px;
  border: none;
  background: url(../images/icons.png) no-repeat -294px 0px;
}
.expandIcon:hover {
  cursor: pointer;
  background-position: -294px -21px;
}
.expandBlock,
.expandBlock a {
  display: block;
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  min-height: 30px;
  background: url(../images/mediumIcons.jpg) no-repeat 0 0px;
  padding-left: 40px;
  font-weight: bold;
  text-transform: uppercase;
}
.expandBlock a {
  text-decoration: none;
}
.expandBlock:hover,
.expandBlock a:hover {
  cursor: pointer;
  background-position: 0 -30px;
}
.keepitIcon {
  display: inline-block;
  height: 21px;
  width: 21px;
  min-width: 21px;
  min-height: 21px;
  border: none;
  background: url(../images/keepit.svg) no-repeat 0 0;
}
.goIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background: url(../images/goIcon.svg) no-repeat 0 0;
}
.goIcon:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
.vistoIcon {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 15px;
  max-height: 15px;
  background-image: url(../images/singleIcons/done.svg);
}
.checkTondo {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  max-height: 21px;
  background-image: url(../images/singleIcons/checkTondo.svg);
}
.closeManIcon {
  display: inline-block;
  height: 21px;
  width: 21px;
  min-width: 21px;
  min-height: 21px;
  padding-right: 10px;
  border: none;
  background: url(../images/singleIcons/closeMan.svg) no-repeat 0 0;
}
.closeManIcon:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
.closePagIcon {
  display: inline-block;
  margin: 0 auto;
  height: 30px;
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  border: none;
  background: url(../images/singleIcons/closeBig.svg) no-repeat 0 0;
}
.closePagIcon:hover {
  cursor: pointer;
  background-position: 0 -30px;
}
.xAdvise {
  display: inline-block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  border: none;
  background: #fff url(../images/x.svg) no-repeat 0 0;
}
.xAdvise:hover {
  cursor: pointer;
}
/*** BIG ICONS ***/
.logoutIcon {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 33px;
  min-height: 33px;
  background: url(../images/logout.svg) no-repeat 0 0;
}
.logoutIcon:hover {
  cursor: pointer;
  background-position: 0 -33px;
}
.logoutIconSmall {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/logoutSmall.svg) no-repeat 0 0;
}
.logoutIconSmall:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
.excelIconSmall {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/excelButtonSmall.svg) no-repeat 0 0;
}
.excelIconSmall:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
input.excelButton,
button.excelButton,
a.excelButton {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/singleIcons/excelButton.svg) no-repeat 0 0px;
  z-index: 0;
}
input.excelButton,
button.excelButton:hover,
a.excelButton:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.printBig {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/bigIcons.png) no-repeat 0 0px;
}
.printBig:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.manualeButton {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/bigIcons.jpg) no-repeat -35px 0px;
}
.manualeButton:hover {
  cursor: pointer;
  background-position: -35px -35px;
}
.history {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/history.png) no-repeat 0 0;
}
.history:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.attesaButton {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/attesaButton.svg) no-repeat 0 0;
}
.attesaButton:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.privacyButton {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/privacyButton.svg) no-repeat 0 0;
}
.privacyButton:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.privacyButtonGreen {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  background: url(../images/privacyButtonGreen.svg) no-repeat 0 0;
}
.privacyButtonGreen:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.subArrow {
  display: block;
  width: 30px;
  min-width: 30px;
  height: 20px;
  max-height: 20px;
  background: url(../images/singleIcons/subArrow.svg) no-repeat 0 0;
}
.showBody {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 35px;
  max-height: 35px;
  border: none;
  margin-right: 15px;
  background: url(../images/singleIcons/bodymapIcon.svg) no-repeat 0 0;
}
.showBody:hover {
  cursor: pointer;
  background-position: 0 -35px;
}
.alertIcon {
  display: inline-block;
  min-width: 21px;
  min-height: 21px;
  border: none;
  background: url(../images/singleIcons/alert.svg) no-repeat center center;
}
.addColumn {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 30px;
  max-height: 30px;
  border: none;
  background: url(../images/singleIcons/addColumn.svg) no-repeat 0 0;
}
.addColumn:hover {
  cursor: pointer;
  background-position: 0 -30px;
}
.addRow {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 30px;
  max-height: 30px;
  border: none;
  background: url(../images/singleIcons/addRow.svg) no-repeat 0 0;
}
.addRow:hover {
  cursor: pointer;
  background-position: 0 -30px;
}
/*** firma con pad ***/
#consBox,
.consBox {
  min-height: 40px;
  width: 300px;
  max-width: 90%;
  margin-top: 30px;
  background-color: #f6f6f6;
}
#consBox:hover,
.consBox:hover {
  background-color: #dfedf3;
  cursor: pointer;
}
/*** BOTTONI PAGINA ***/
.pageButton,
input .pageButton,
.linkLabel,
.pageSelected {
  display: inline-block;
  min-width: 20px;
  margin-right: 2px;
  margin-bottom: 10px;
  border: 1px solid #b1b1b1;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #333;
  cursor: pointer;
  background: #fff;
}
input.pageButton,
button.pageButton {
  color: #222;
  padding: 2px 8px;
}
.pageButton a {
  margin: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pageButton:hover > a,
input .pageButton:hover > a {
  color: #fff;
  text-decoration: none;
  transition: all 300ms ease-in-out 0s;
}
.linkLabel {
  padding: 5px;
  margin-top: 5px;
}
.pageButton,
.linkLabel {
  background-color: #ffff;
}
.pageSelected,
input .pageSelected {
  background-color: #f08a00;
  color: #FFF;
}
input.pageSelected {
  padding: 2px 8px;
}
.pageSelected a {
  margin: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #fff;
}
.pageButton:hover,
a.linkLabel:hover,
.pageSelected:hover {
  background-color: #2b98b8;
  color: #fff;
  text-decoration: none;
  transition: all 300ms ease-in-out 0s;
}
.pageSelected:hover a {
  color: #fff;
  text-decoration: none;
}
#loader {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(150, 150, 150, 0.5);
  z-index: 1000;
  display: none;
  text-align: center;
}
#loader img,
#loader a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
}
/*** GENERAZIONE DOCS ***/
.sezQuestionario {
  border: 1px solid #009ee0;
  padding: 10px;
  margin-bottom: 20px;
}
.questSez {
  display: inline-block;
  vertical-align: baseline;
  line-height: 120%;
  margin: 0 20px 0 0;
}
.sezItem {
  margin-top: 20px;
  position: relative;
}
ul.schema {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
}
ul.schema li {
  padding: 15px 8px;
  margin: 0 0 10px 0;
}
h2.sezione {
  color: #fff;
  text-align: center;
  padding: 10px;
  background: #68bcd4;
  background: -webkit-gradient(linear, left top, left bottom, from(#68bcd4), to(#599eb2));
  background: -moz-linear-gradient(top, #68bcd4, #599eb2);
}
h2.sezioneView {
  color: #000;
  text-align: center;
  padding: 10px;
  border: 1px solid #000;
}
.questLabel {
  background: #e9e9e9;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 8px;
}
.questLabelSpan {
  display: inline-block;
  background: #e9e9e9;
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 8px;
}
/*** PER VISUALIZZAZIONE ASPETTO DOC ***/
.vistaDoc {
  width: 21cm;
  border: 1px solid grey;
  padding: 1cm;
  box-sizing: border-box;
}
h2.sezionePrint {
  text-align: center;
  margin-bottom: 0.3cm;
  margin-top: 1cm;
  padding: 0.3cm;
  border: 1px solid #000;
}
.questLabelPrint {
  display: block;
  font-weight: bold;
  margin: 20px 0 4px 0;
}
/***/
.casella {
  display: inline-block;
  min-width: 21px;
  min-height: 21px;
  width: 21px;
  height: 21px;
  border: none;
  background: url(../images/icons.png) no-repeat -315px 0px;
  margin-right: 5px;
}
.checkedCasella {
  display: inline-block;
  min-width: 21px;
  min-height: 21px;
  width: 21px;
  height: 21px;
  border: none;
  background: url(../images/icons.png) no-repeat -315px -21px;
  margin-right: 5px;
}
.tit1 {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.tit2 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
.tit3 {
  font-size: 1em;
  font-weight: bold;
  text-align: left;
}
/*** IMPAGINAZIONE A SCHEDE ***/
#tab-menu {
  margin: 0;
  padding: 0;
}
#tab-menu ul {
  position: relative;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 0.85em;
  list-style-type: none;
  text-align: left;
  line-height: 30px;
}
#tab-menu ul li {
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
  border-bottom: none;
  border-top-right-radius: 1em;
  background: #f7f7f7;
  z-index: 1;
}
#tab-menu ul li a {
  text-decoration: none;
  padding: 0 12px 0 8px;
  margin-right: 3px;
  color: #33587f;
  height: 100%;
}
#tab-menu ul li.activeTab {
  background: #fff;
  border-bottom: 1px solid #fff;
  border-top: 3px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 3px solid #ccc;
  z-index: 3;
}
#tab-menu ul li.activeTab a {
  background: #fff;
}
#tab-menu ul li a:visited {
  color: #2d2b2b;
}
#tab-menu ul li a:hover {
  text-decoration: underline;
  color: #2d2b2b;
}
#tab-menu ul li a.tab-attivo {
  position: relative;
  top: 1px;
}
#tab-menu ul li a.tab-attivo {
  /*selected main tab style */
  background-image: url(shadeactive.gif);
  border-bottom-color: white;
}
#tab-menu ul li a.tab-attivo:hover {
  /*selected main tab style */
  text-decoration: none;
}
div.tab {
  padding: 10px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  margin-top: -1px;
  position: relative;
  z-index: 2;
}
.schedaRis {
  display: table;
  margin: 10px 0;
}
.schedaRis .schedaRisTR {
  display: table-row;
}
.schedaRis .schedaRisTH {
  display: table-cell;
  background: #f9f9f9;
  font-size: 0.9em;
  font-weight: bold;
  padding: 4px;
  margin-right: 1px;
}
.schedaRis .schedaRisTD {
  display: table-cell;
}
/*** HOME ***/
#leftCol {
  float: left;
  width: 25%;
  border-right: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}
#rightCol {
  float: right;
  width: 75%;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
}
#topRow {
  position: relative;
  padding: 10px 0;
  vertical-align: top;
  background: none;
  box-sizing: border-box;
}
.chiudi {
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 26px;
  background: url(../images/chiudi.png) no-repeat top center;
  z-index: 10;
}
.chiudi:hover {
  cursor: pointer;
}
.apri {
  position: absolute;
  display: none;
  width: 100%;
  bottom: -25px;
  height: 26px;
  background: url(../images/apri.png) no-repeat top center;
  z-index: 9;
}
.apri:hover {
  cursor: pointer;
}
.tableLike,
.tableLike2 {
  border-collapse: separate;
  border-spacing: 10px;
  padding: 10px;
  max-width: 100%;
  border: 1px solid #00c7dd;
  box-sizing: border-box;
}
.tableLike {
  margin: 10px 0 0 0;
}
.tableLike2 {
  margin: 0 0 10px 0;
}
.tableLike .rowLike {
  display: table-row;
}
.tableLike .cell_like {
  display: table-cell;
}
.tableLike .rowLikeBorder {
  display: table-row;
  border: 1px solid #ccc;
}
.footerTable .footer-cell img {
  width: 100%;
}
.data {
  display: block;
  background: url(../images/data_icon.png) no-repeat top left;
  height: 14px;
  font-weight: bold;
  color: #5c5c5c;
  text-align: left;
  line-height: 0.8em;
  margin-bottom: 10px;
  padding-left: 14px;
}
.boxTit {
  display: block;
  font-size: 1.25em;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px 10px;
  border: 1px solid #ccc;
  color: #222;
  text-align: left;
  background-color: #fff;
  box-sizing: border-box;
}
.boxTit a {
  display: block;
  color: #8c1e5c;
  text-decoration: none;
  padding-left: 30px;
  min-height: 30px;
  line-height: 30px;
}
.boxTit a:hover {
  color: #048bc4;
  text-decoration: none;
}
a.promemoria {
  display: block;
  font-size: 1.25em;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px 0 5px 40px;
  color: #222;
  text-align: left;
  background-color: #fff;
  box-sizing: border-box;
  background: #fff url(../images/singleIcons/promemoria.jpg) no-repeat 0 50%;
}
a.promemoria:hover {
  color: #048bc4;
  text-decoration: none;
}
.treeSmall {
  height: 25px;
  max-height: 25px;
  background: #fff url(../images/singleIcons/treeSmall.svg) no-repeat 0 0;
}
.treeSmall:hover {
  background: #fff url(../images/singleIcons/treeSmall.svg) no-repeat 0 -25px;
}
.boxNotifiche {
  background: #fff url(../images/singleIcons/noticonBig.svg) no-repeat 0 50%;
}
.avvisi {
  background: #fff url(../images/singleIcons/phoneicoBig.svg) no-repeat 0 50%;
}
.sms {
  background: #fff url(../images/singleIcons/smsBig.svg) no-repeat 0 50%;
}
.smsFailed {
  background: #fff url(../images/singleIcons/smsFailed.svg) no-repeat 0 50%;
}
.richiami {
  background: #fff url(../images/singleIcons/richiami.svg) no-repeat 0 50%;
}
.nosms {
  background: #fff url(../images/singleIcons/nosmsiconBig.svg) no-repeat 0 50%;
}
.boxBordato {
  display: block;
  text-align: center;
  font-size: 1.15em;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 5px;
  background: #e9e9e9;
  border: 1px solid #53a3e0;
  color: #222;
  box-sizing: border-box;
}
ul.avvisi,
ul.sms {
  margin: 0;
  margin-top: -1px;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-top: none;
}
ul.avvisi li {
  list-style-type: none;
  margin: 0;
  padding: 5px 5px 5px 8px;
  color: #333;
  background: #fff;
  line-height: 150%;
  font-weight: bold;
}
ul.avvisi li ul li {
  margin-left: 8px;
  line-height: 100%;
}
ul.avvisi li ul li > a {
  color: #009ee0;
}
ul.avvisi li ul li > a:hover {
  text-decoration: none;
}
ul.sms li {
  list-style-type: none;
  margin: 0;
  padding: 5px 5px 5px 8px;
  color: #333;
  background: #fff;
  line-height: 150%;
  font-weight: bold;
}
ul.sms li > a {
  color: #009ee0;
}
ul.sms li > a:hover {
  text-decoration: none;
}
/*** APPUNTI ***/
textarea#note {
  display: block;
  min-height: 200px;
  width: 100%;
  background: #FF6;
  padding: 10px;
  font-family: "Lucida Console", Monaco, monospace;
  border: none;
  box-sizing: border-box;
}
/*** SWITCH BUTTONS ***/
.switch-field {
  display: inline-block;
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  overflow: hidden;
}
.switch-title {
  margin-bottom: 6px;
}
.switch-field input {
  display: none;
}
.switch-field label {
  float: left;
}
.switch-field label {
  display: inline-block;
  width: 28px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  box-sizing: border-box;
}
.switch-field label:hover {
  cursor: pointer;
}
.switch-field input:checked + label {
  background-color: #63d4ff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.noteAnamnesi {
  width: 100%;
}
/*** CROPIT ***/
input[type=range] {
  /*removes default webkit styles*/
  appearance: none;
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
  width: 80px;
  position: relative;
  /*  z-index: 10;*/
}
input[type=range]::-webkit-slider-runnable-track {
  width: 80px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: goldenrod;
  margin-top: -4px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}
input[type=range]::-moz-range-track {
  width: 80px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: goldenrod;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
.icon {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  min-width: 16px;
  width: 16px;
  min-height: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 10px;
}
.icon.rotate-ccw {
  background: url(../images/rotate-left.svg) no-repeat;
  background-position: top left;
  cursor: pointer;
}
.icon.rotate-ccw:hover {
  background-position: 0 -16px;
}
.icon.rotate-cw {
  background: url(../images/rotate-right.svg) no-repeat;
  background-position: top left;
  cursor: pointer;
}
.icon.rotate-cw:hover {
  background-position: 0 -16px;
}
.icon.cropitCancel {
  background: url(../images/cancel.svg) no-repeat;
  background-position: top left;
  cursor: pointer;
}
.icon.cropitCancel {
  background-position: 0 -16px;
}
.cropit-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 5px solid #ccc;
  border-radius: 3px;
  margin-top: 7px;
  width: 80px;
  height: 80px;
}
.cropit-preview-image-container {
  cursor: move;
}
.cropit-preview-background {
  opacity: 0.2;
  cursor: auto;
}
.image-size-label {
  margin-top: 10px;
}
/*
input, .export {
	/* Use relative position to prevent from being covered by image background */
/*position: relative;
	z-index: 10;
	display: block;
}*/
/*** SEGNAPOSTO DOCS  ***/
input.segnaposto {
  display: inline-block;
  min-width: 200px;
  background: #f3f3f3;
  padding: 4px;
  border: none;
}
/*** AREA IMPRONTA DENTALE ***/
.overlayCircle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  z-index: 100;
}
.overlayCircle img {
  width: 100%;
  height: 100%;
}
canvas#myCanvas {
  pointer-events: none;
  /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
  position: absolute;
  top: 0;
  left: 0;
}
/*** SORTABLE ***/
#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 70%;
}
#sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.15em;
  min-height: 18px;
  cursor: move;
}
#sortable li span {
  position: absolute;
  margin-left: -1.3em;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #333;
}
ul.boxList {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: 0 5px 4px -2px rgba(0, 0, 0, 0.2), 0 -5px 3px 1px rgba(0, 0, 0, 0.1);
}
ul.boxList * {
  margin: 0;
  padding: 0;
}
ul.boxList li {
  list-style-type: none;
  margin: 0;
  padding: 5px 5px 5px 30px;
  border: 1px solid #bbb;
  border-top: none;
  color: #333;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
ul.boxList.ok li {
  background: #fff url(../images/check.svg) no-repeat 4px 0px;
}
ul.boxList li > span {
  display: table-cell;
}
ul.boxList.ko li {
  background: #fff url(../images/x.svg) no-repeat 4px 10px;
}
#boxAvvisi {
  margin: 0;
  margin-top: -1px;
  padding: 0 8px;
  text-decoration: none;
  list-style-type: none;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
}
#boxAvvisi li {
  text-indent: 0;
}
#boxAvvisi .replay {
  background: url(../images/singleIcons/replayArrow.svg) no-repeat 0 5px;
  padding-left: 20px;
}
#boxAvvisi .notAutore {
  font-size: 0.85em;
  font-weight: bold;
  color: #069;
  margin: 0;
}
#boxAvvisi .dataNot {
  font-size: 0.7em;
  color: #5a5a5a;
  margin: 0;
  background: url(../images/singleIcons/notWatch.svg) no-repeat 0 0px;
  padding-left: 12px;
}
#boxAvvisi .destinatari {
  font-size: 0.9em;
  color: #696969;
  line-height: 15px;
  margin: 5px 0 5px 0;
  padding: 0;
}
#boxAvvisi .destinatari.rep {
  padding-left: 20px;
}
#boxAvvisi .txtNot {
  font-size: 1.15em;
}
.notBox {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
/*** LINK BUTTON ***/
a.linkButton,
a.linkButton:hover {
  display: inline-block;
  font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 0.8rem;
  position: relative;
  padding: 0.8em 1.4em;
  padding-right: 4.7em;
  margin-bottom: 10px;
  background: #009ED8;
  border: none;
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
}
.linkButton:before,
.linkButton:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 2.8em;
  content: "\00a0";
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  transition: 0.2s;
}
.linkButton:before {
  background: rgba(0, 0, 0, 0.1);
}
.linkButton:hover {
  background: #0079a5;
}
.linkButton:active,
.linkButton:focus {
  background: #002e3f;
  outline: none;
}
.linkButton {
  min-width: 8em;
}
.linkButton.add {
  background: #50bea6;
}
.linkButton.add:hover {
  background: #46a38e;
}
.linkButton.add:active,
.linkButton.add:focus {
  background: #46a38e;
}
.linkButton.not {
  background: #0080b9;
}
.linkButton.not:hover {
  background: #006693;
}
.linkButton.not:active,
.linkButton.not:focus {
  background: #006693;
}
.linkButton.add:after,
.linkButton.not:after {
  content: "+";
}
.linkButton.show {
  background: #76ccd4;
}
.linkButton.show:hover {
  background: #41abb5;
}
.linkButton.show:active,
.linkButton.show:focus {
  background: #36929a;
}
.linkButton.show:after {
  background: url(../images/whiteEye.png) no-repeat 50% 50%;
}
.linkButton.arrow:hover:after {
  -webkit-animation: bounceright 0.3s alternate ease infinite;
  animation: bounceright 0.3s alternate ease infinite;
}
/*** ICONE ***/
.anamnesiIcon {
  display: inline-block;
  width: 30px;
  min-width: 40px;
  height: 40px;
  max-height: 40px;
  border: none;
  background: url(../images/singleIcons/anamnesi.svg) no-repeat 0 0;
}
.anamnesiIcon:hover {
  cursor: pointer;
  background-position: 0 -40px;
}
.mailInd {
  display: inline-block;
  background: url(../images/mailIco.png) no-repeat 50% 50%;
  padding: 0;
  min-height: 25px;
  min-width: 25px;
  margin-right: 10px;
}
.phone {
  display: inline-block;
  background: url(../images/phoneIco.png) no-repeat 50% 50%;
  padding: 0;
  min-height: 25px;
  min-width: 25px;
  margin-right: 10px;
}
.mobile {
  display: inline-block;
  background: url(../images/mobileIco.png) no-repeat 50% 50%;
  padding: 0;
  min-height: 25px;
  min-width: 25px;
  margin-right: 10px;
}
.macchine {
  display: inline-block;
  padding: 0 2px;
  background-color: #000;
  margin: 0 3px 0 3px;
  line-height: 15px;
  height: 15px;
  min-height: 15px;
  box-sizing: border-box;
}
.showUnita {
  display: inline-block;
  padding: 0 2px;
  background-color: #222;
  margin-right: 3px;
  margin-left: 3px;
  margin-top: 3px;
  border-radius: 5px;
  line-height: 15px;
  height: 15px;
  min-height: 15px;
  box-sizing: border-box;
}
.conv {
  display: inline-block;
  padding: 2px;
  background-color: #f00;
  margin: 0 3px 0 3px;
  border-radius: 5px;
}
.replicato {
  display: inline-block;
  padding: 2px;
  background-color: #000;
  margin-right: 3px;
  border-radius: 5px;
}
.toCall {
  display: inline-block;
  padding: 0;
  background-color: #000;
  margin-right: 3px;
  margin-top: 3px;
  min-width: 15px;
  min-height: 15px;
  background: url(../images/singleIcons/phoneIco.svg) no-repeat 0 0;
}
.googleSign {
  display: inline-block;
  padding: 0 10px 0 40px;
  background-color: #000;
  margin: 3px 10px 0 0;
  min-width: 40px;
  min-height: 40px;
  font-size: 10.5px;
  font-weight: bold;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #646464;
  line-height: 40px;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background: url(../images/singleIcons/googleIcon.svg) no-repeat 0 0;
  background-color: #fff;
}
.googleSign:hover {
  background-color: #eee;
}
.googleIcon {
  display: inline-block;
  padding: 0;
  background-color: #000;
  margin: 0;
  margin-top: 3px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background: url(../images/singleIcons/googleIcon.svg) no-repeat 0 0;
  background-color: #fff;
}
.googleIcon:hover {
  background-color: #eee;
}
.googleIconSmall {
  display: inline-block;
  padding: 0;
  background-color: #000;
  margin-right: 3px;
  margin-top: 3px;
  min-width: 15px;
  min-height: 15px;
  background: url(../images/singleIcons/googleIconSmall.svg) no-repeat 0 0;
}
.evEseguito {
  display: inline-block;
  padding: 0;
  background-color: #000;
  margin-right: 3px;
  min-width: 15px;
  min-height: 15px;
  background: url(../images/singleIcons/done.svg) no-repeat 0 0;
}
.newPaz {
  display: inline-block;
  background: url(../images/singleIcons/newPaziente.svg) no-repeat 0 0;
  padding: 0;
  margin-right: 10px;
  min-height: 40px;
  min-width: 40px;
}
.newPaz:hover {
  background: url(../images/singleIcons/newPaziente.svg) no-repeat 0 -40px;
}
.morePaz,
.moreClifo {
  display: inline-block;
  padding: 0;
  margin-right: 5px;
  min-height: 21px;
  min-width: 21px;
}
.morePaz:hover,
.moreClifo:hover {
  background-position: 0 -21px;
}
.morePaz {
  background: url(../images/singleIcons/morePaz.svg) no-repeat 0 0;
}
.moreClifo {
  background: url(../images/singleIcons/moreClifo.svg) no-repeat 0 0;
}
.video {
  display: inline-block;
  background: url(../images/singleIcons/video.svg) no-repeat 0 0;
  padding: 0;
  margin-right: 10px;
  min-height: 40px;
  min-width: 40px;
}
.video:hover {
  background: url(../images/singleIcons/video.svg) no-repeat 0 -40px;
}
.videoSmall {
  display: inline-block;
  background: url(../images/singleIcons/videoSmall.svg) no-repeat 0 0;
  padding: 0;
  min-height: 21px;
  min-width: 21px;
}
.newNotifica {
  display: inline-block;
  background: url(../images/singleIcons/newNotifica.svg) no-repeat 0 0;
  padding: 0;
  margin-right: 10px;
  min-height: 40px;
  min-width: 40px;
}
.newNotifica:hover {
  background: url(../images/singleIcons/newNotifica.svg) no-repeat 0 -40px;
}
.newNotificaSmall {
  display: inline-block;
  background: url(../images/singleIcons/newNotificaSmall.svg) no-repeat 0 0;
  padding: 0;
  margin-right: 10px;
  min-height: 21px;
  min-width: 21px;
}
.newNotificaSmall:hover {
  background: url(../images/singleIcons/newNotificaSmall.svg) no-repeat 0 -21px;
}
.rispondiSmall {
  display: inline-block;
  background: url(../images/singleIcons/rispArrow.svg) no-repeat 0 0;
  padding: 0;
  margin: 0 5px 0 5px;
  min-height: 15px;
  min-width: 25px;
  cursor: pointer;
}
.rispondiSmall:hover {
  background: url(../images/singleIcons/rispArrow.svg) no-repeat 0 -15px;
}
.viewSmall {
  display: inline-block;
  background: url(../images/singleIcons/viewSmall.svg) no-repeat 0 0;
  padding: 0;
  margin: 0 5px 0 5px;
  min-height: 15px;
  min-width: 20px;
  cursor: pointer;
}
.viewSmall:hover {
  background: url(../images/singleIcons/viewSmall.svg) no-repeat 0 -15px;
}
#printPlanner {
  position: absolute;
  bottom: -60px;
  right: 77%;
  z-index: 2000;
}
/*** BACHECA ***/
.vistoPro {
  display: inline-block;
  min-width: 80px;
}
/*** CHECKBOX ***/
input[type=checkbox].myCheck {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].myCheck + label.myLabel {
  padding-left: 40px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].myCheck:checked + label.myLabel {
  background-position: 0 -30px;
}
label.myLabel {
  background-image: url(../images/myCheck.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input[type=checkbox].googleCheck {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type=checkbox].googleCheck + label.googleLabel {
  padding-left: 70px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer;
}
input[type=checkbox].googleCheck:checked + label.googleLabel {
  background-position: 0 -30px;
}
label.googleLabel {
  background-image: url(../images/googleCheck.svg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.att1 {
  display: inline-block;
  border: 10px solid green;
  border-radius: 50%;
}
.att2 {
  display: inline-block;
  border: 10px solid yellow;
  border-radius: 50%;
}
.att3 {
  display: inline-block;
  border: 10px solid red;
  border-radius: 50%;
}
/*** SPEECH ***/
.micro_ico {
  display: block;
  width: 100%;
  height: 46px;
  cursor: pointer;
  margin: 4px 0 4px 0;
}
.micro_on {
  background: url(../images/micro.png) no-repeat center bottom;
}
.micro_off {
  background: url(../images/micro.png) no-repeat center top;
}
.svuotaIcon {
  display: inline-block;
  height: 24px;
  width: 24px;
  cursor: pointer;
  background: url(../images/ko.svg) no-repeat left top;
  margin-bottom: 10px;
}
.svuotaFile {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  border: none;
  background: url(../images/singleIcons/svuotaIcon.svg) no-repeat 0px 0px;
}
.svuotaFile:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
/*** FILE MANAGER ***/
#testaDialog {
  width: 100%;
  background-color: #f9f9f9;
  padding: 10px 6px;
  margin-bottom: 0;
  border: 1px solid #dbdbdb;
  border-bottom: none;
  color: #000;
  font-size: 2em;
  font-weight: bold;
  box-sizing: border-box;
}
#filemanagerAlone {
  margin: 0;
  border: 1px solid #dbdbdb;
  border-top: none;
  box-sizing: border-box;
}
/*** SELECT2 ***/
.select2-dropdown {
  z-index: 10051;
}
.select2-container {
  font-size: 12px;
}
/*** DRAW CANVAS ***/
.showDraw {
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  background: url(../images/draw_icons/showDraw.svg) no-repeat 0 0;
}
.showDraw:hover {
  background: url(../images/draw_icons/showDraw.svg) no-repeat 0 -30px;
}
#drawContainer {
  position: relative;
  margin: 0;
  padding: 0;
}
.drawButtonsMenu {
  float: left;
  width: 35px;
  height: 240px;
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
}
.drawCanvasContainer {
  display: block;
  position: relative;
  width: 660px;
  height: 450px;
  padding: 0;
  margin: 0 0 0 45px;
}
#draw {
  border: 1px solid #ccc;
}
.drawButton {
  display: inline-block;
  padding: 0;
  margin: 10px 10px 0 0;
  border: none;
  width: 30px;
  height: 30px;
}
.drawButton.pen {
  background: url(../images/draw_icons/pen.svg) no-repeat top left;
}
.drawButton.pen:hover {
  background: url(../images/draw_icons/pen_hover.svg) no-repeat top left;
}
.drawButton.rubber {
  background: url(../images/draw_icons/rubber.svg) no-repeat 50% 50%;
}
.drawButton.rubber:hover {
  background: url(../images/draw_icons/rubber_hover.svg) no-repeat 50% 50%;
}
.drawButton.eraser {
  background: url(../images/draw_icons/svuota.svg) no-repeat 50% 50%;
}
.drawButton.eraser:hover {
  background: url(../images/draw_icons/svuota_hover.svg) no-repeat 50% 50%;
}
.drawButton.writer {
  background: url(../images/draw_icons/txt.svg) no-repeat 50% 50%;
}
.drawButton.writer:hover {
  background: url(../images/draw_icons/txt_hover.svg) no-repeat 50% 50%;
}
.drawColors {
  height: 7px;
  width: 14px;
  float: left;
  margin: 0 2px 4px 0;
  cursor: pointer;
}
.drawColors.black {
  background-color: #000;
}
.drawColors.red {
  background-color: #f00;
}
.drawColors.cyan {
  background-color: #009FE3;
}
.drawColors.yellow {
  background-color: #FFFF00;
}
.drawStrokesCt {
  display: grid;
  grid-template-columns: auto auto auto;
}
.drawStrokesCt .drawStrokes {
  background-color: #fff;
  text-align: center;
}
.drawStrokesCt .drawStrokes:hover {
  cursor: pointer;
}
.drawStrokesCt .drawStrokes .innerStroke {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.drawStrokesCt .drawStrokes .innerStroke.w2 {
  height: 2px;
  width: 2px;
}
.drawStrokesCt .drawStrokes .innerStroke.w4 {
  height: 4px;
  width: 4px;
}
.drawStrokesCt .drawStrokes .innerStroke.w6 {
  height: 6px;
  width: 6px;
}
#textBox {
  display: none;
  position: absolute;
  width: 200px;
  height: 50px;
  border: none;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(244, 231, 189, 0.5);
  z-index: 9999;
  box-sizing: border-box;
}
.obbligatorio {
  display: inline-block;
  color: #f00;
  margin-right: 5px;
}
/*** PLANNER VIEW ***/
#plannerForm #studio {
  max-width: 120px;
}
#plannerForm #tipo {
  max-width: 110px;
}
#plannerForm #idTipoOp {
  max-width: 110px;
}
#plannerForm #operatore {
  width: 130px;
}
.calopButton {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #ccc;
  margin: 0;
  font-size: 1em;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  vertical-align: baseline;
  /* for IE7 */
}
.calopButton.calopRw {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.calopButton.calopFw {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*** INPUT FILE MASK ***/
.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: black;
  display: inline-block;
}
.inputfile:focus + label,
.inputfile + label:hover {
  background-color: red;
}
.inputfile + label {
  max-width: 80%;
  font-size: 1.25rem;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  /* background-color: black;*/
  /* 10px 20px */
}
.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}
/**
 * Tooltip Styles
 */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip],
[data-tooltipdown],
[data-tooltip-right],
[data-tooltip-left],
[data-tooltipdown-left] {
  position: relative;
  cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after,
[data-tooltipdown]:before,
[data-tooltipdown]:after,
[data-tooltip-right]:before,
[data-tooltip-right]:after,
[data-tooltip-left]:before,
[data-tooltip-left]:after,
[data-tooltipdown-left]:before,
[data-tooltipdown-left]:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before,
[data-tooltipdown]:before,
[data-tooltip-right]:before,
[data-tooltip-left]:before,
[data-tooltipdown-left]:before {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  padding: 7px;
  width: 120px;
  border-radius: 3px;
  background-color: rgba(255, 150, 51, 0.9);
  color: #fff;
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
}
[data-tooltip-right]:before {
  margin-left: -20px;
}
[data-tooltip]:before {
  bottom: 110%;
  margin-bottom: 5px;
  content: attr(data-tooltip);
}
[data-tooltip-right]:before {
  bottom: 110%;
  margin-bottom: 5px;
  content: attr(data-tooltip-right);
}
[data-tooltip-left]:before {
  margin-right: auto;
  margin-left: -120px;
  bottom: 110%;
  margin-bottom: 5px;
  content: attr(data-tooltip-left);
}
[data-tooltipdown]:before {
  top: 110%;
  margin-top: 5px;
  content: attr(data-tooltipdown);
}
[data-tooltipdown-left]:before {
  top: 110%;
  margin-top: 5px;
  margin-left: -20px;
  content: attr(data-tooltipdown-left);
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after,
[data-tooltip-right]:after,
[data-tooltip-left]:after {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid rgba(255, 150, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip-right]:after {
  margin-left: -5px;
}
[data-tooltipdown]:after,
[data-tooltipdown-left]:after {
  position: absolute;
  top: 110%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-bottom: 5px solid rgba(255, 150, 51, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltipdown-left]:before {
  margin-right: -5px;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltipdown]:hover:before,
[data-tooltipdown]:hover:after,
[data-tooltip-right]:hover:before,
[data-tooltip-right]:hover:after,
[data-tooltip-left]:hover:before,
[data-tooltip-left]:hover:after,
[data-tooltipdown-left]:hover:before,
[data-tooltipdown-left]:hover:after {
  visibility: visible;
  opacity: 1;
}
/* checkboox slider */
.checkboxSlider {
  width: 75px;
  height: 25px;
  background: #333;
  margin: 0px;
  padding: 0;
  border-radius: 30px;
  position: relative;
}
.checkboxSlider:before {
  content: 'On';
  position: absolute;
  top: 4px;
  left: 8px;
  height: 2px;
  color: #00aeef;
  font-size: 11px;
}
/**
 * Create the label for the off position
 */
.checkboxSlider:after {
  content: 'Off';
  position: absolute;
  top: 4px;
  left: 50px;
  height: 2px;
  color: #979797;
  font-size: 11px;
}
/**
 * Create the pill to click
 */
.checkboxSlider label {
  display: block;
  width: 30px;
  height: 17px;
  border-radius: 30px;
  transition: all 0.5s ease;
  cursor: pointer;
  position: absolute;
  top: 4px;
  z-index: 1;
  left: 7px;
  background: #ddd;
}
/**
 * Create the checkbox event for the label
 */
.checkboxSlider input[type=checkbox] {
  visibility: hidden;
}
.checkboxSlider input[type=checkbox]:checked + label {
  left: 40px;
  background: #00aeef;
}
/* end slider */
/* OPTION STYLES */
.optionLabel {
  display: inline-block;
  line-height: 40px;
  font-size: 1em;
  color: #222;
  margin-right: 15px;
}
@keyframes click-wave {
  0% {
    height: 30px;
    width: 30px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -60px;
    margin-top: -60px;
    opacity: 0;
  }
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #00aeef;
}
.option-input:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 30px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #00aeef;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio,
.option-input._radio {
  border-radius: 50%;
  width: 30px;
}
.option-input.radio::after,
.option-input._radio::after {
  border-radius: 50%;
}
/*** link manuale ***/
a.man {
  display: inline-block;
  padding: 5px 10px;
  background: #00aeef;
  color: #fff;
  text-decoration: none;
}
a.man:hover {
  text-decoration: none;
  color: #fff;
  background: #0079ac;
}
.downloadIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/download.svg) no-repeat 0px 0px;
}
.downloadIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
.pdfIconSmall {
  display: inline-block;
  min-width: 16px;
  min-height: 21px;
  width: 16px;
  height: 21px;
  margin-right: 5px;
  border: none;
  background: url(../images/singleIcons/pdfIconSmall.svg) no-repeat 0 0;
}
.pdfIconSmall:hover {
  cursor: pointer;
  background-position: 0 -21px;
}
.pdfIconDown {
  display: inline-block;
  min-width: 23px;
  min-height: 30px;
  width: 23px;
  height: 30px;
  margin-right: 5px;
  border: none;
  background: url(../images/pdfIconDown.svg) no-repeat 0 0;
}
.pdfIconDown:hover {
  cursor: pointer;
  background-position: 0 -30px;
}
.uploadIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/upload.svg) no-repeat 0px 0px;
}
.uploadIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
.esitoIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/esitoIcon.svg) no-repeat 0px 0px;
}
.esitoIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
.delUploadedIcon {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  min-height: 21px;
  background: url(../images/singleIcons/delUploaded.svg) no-repeat 0px 0px;
}
.delUploadedIcon:hover {
  cursor: pointer;
  background-position: 0px -21px;
}
/*** DOCS PAZIENTI ***/
.docsUpload {
  display: inline-block;
  border: 1px solid #ccc;
  min-width: 30px;
  min-height: 25px;
  margin-right: 5px;
  background-color: #e9e9e9;
  background-image: url(../images/docsAnaIcons/upload.svg);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.newFolder {
  display: inline-block;
  border: 1px solid #ccc;
  min-width: 50px;
  min-height: 25px;
  margin-right: 5px;
  background-color: #e9e9e9;
  background-image: url(../images/docsAnaIcons/newFolder.svg);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.percorso {
  display: inline-block;
  min-height: 25px;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
  box-sizing: border-box;
}
.newUploadBox {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 1000;
  width: 600px;
  margin-left: -300px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.newUploadBox .boxheader {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #048bc4;
}
.newUploadBox .boxheader:hover {
  cursor: pointer;
}
.newUploadBox .boxheader h3 {
  text-align: center;
  color: #fff;
}
.newUploadBox .boxbody {
  position: relative;
  padding: 15px;
  overflow-y: auto;
  box-sizing: border-box;
}
.newUploadBox .boxfooter {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}
#docsList {
  position: relative;
  list-style: none;
  width: 800px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#docsList li {
  min-height: 32px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 4px 0;
}
#docsList li .liDocsDescription {
  display: inline-block;
  width: 320px;
  height: 100%;
  vertical-align: top;
}
#docsList li .liFileDescription {
  display: inline-block;
  width: 350px;
  height: 100%;
  vertical-align: top;
}
#docsList li .liEmptySpace {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 100%;
}
.fdoc {
  display: inline-block;
  border: none;
  min-width: 35px;
  min-height: 26px;
  margin-right: 5px;
  cursor: pointer;
}
.fdoc.f_dir {
  background: url(../images/docsAnaIcons/folder.svg) no-repeat center center;
}
.fdoc.f_dir:hover,
.f_hover {
  background: url(../images/docsAnaIcons/folderHover.svg) no-repeat center center;
}
.fdoc.back {
  background: url(../images/docsAnaIcons/back.svg) no-repeat center center;
}
.f_png,
.f_jpg,
.f_jpeg,
.f_gif {
  background: url(../images/docsAnaIcons/png.jpg) no-repeat center center;
}
.f_pdf {
  background: url(../images/docsAnaIcons/pdf.jpg) no-repeat center center;
}
.f_odt,
.f_ots,
.f_ott,
.f_odb,
.f_odg,
.f_otp,
.f_otg,
.f_odf,
.f_ods,
.f_odp {
  background: url(../images/docsAnaIcons/odt.jpg) no-repeat center center;
}
.f_doc,
.f_docx {
  background: url(../images/docsAnaIcons/doc.jpg) no-repeat center center;
}
.f_xls,
.f_xlsx,
.f_csv {
  background: url(../images/docsAnaIcons/xls.jpg) no-repeat center center;
}
.f_txt,
.f_xml {
  background: url(../images/docsAnaIcons/txt.jpg) no-repeat center center;
}
.f_ppt,
.f_pptx {
  background: url(../images/docsAnaIcons/ppt.jpg) no-repeat center center;
}
.f_zip,
.f_rar,
f_gz,
f_tar {
  background: url(../images/docsAnaIcons/zip.jpg) no-repeat center center;
}
/*** PANNELLI FILE PAZIENTE DRAG ***/
#modFolderHeader:hover,
#uploaderHeader:hover,
#newFolderHeader:hover {
  cursor: move;
}
#uploadZone,
.uploadZone {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 150px;
  border: 4px dashed #ccc;
  box-sizing: border-box;
}
#uploadZone p,
.uploadZone p {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 120px;
  color: #CCC;
  box-sizing: border-box;
}
input#newAllFile {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
}
input#newFileAna,
input#newFile,
input.newFile {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.logLabel {
  background: #556c72;
  color: #fff;
  padding: 4px;
  font-size: 0.85em;
  font-weight: bold;
  margin-top: 10px;
}
/*** lista presenze ***/
#tabPresenze {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#tabPresenze li.addedPresenza {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 33%;
  box-sizing: border-box;
}
#tabPresenze li span {
  padding-right: 10px;
  line-height: 30px;
  vertical-align: middle;
  box-sizing: border-box;
}
#tabPresenze li .nominativo {
  margin-left: 10px;
}
/*** CHECKBOX PRESENZE ***/
.checkContainer {
  display: block;
  position: relative;
  padding-left: 30px;
  color: #555555;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.checkContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom checkbox */
.checkContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #eee;
}
/* On mouse-over, add a grey background color */
.checkContainer:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkContainer input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.checkContainer input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.checkContainer .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#titMail {
  color: #d5edfa;
  cursor: pointer;
}
#titMail:hover {
  text-decoration: underline;
}
#scrolla {
  position: fixed;
  top: 50%;
  right: 0;
  width: 31px;
  min-width: 31px;
  height: 60px;
  z-index: 1000;
}
#scrollaDown {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  background: url(../images/scrolla.png) no-repeat top right;
  cursor: pointer;
  z-index: 1000;
}
#scrollaDown:hover {
  background-position: bottom right;
}
#scrollaUp {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  background: url(../images/scrollaUp.png) no-repeat top right;
  cursor: pointer;
  z-index: 1000;
}
#scrollaUp:hover {
  background-position: bottom right;
}
#matrix_cols {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#matrix_cols li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 170px;
  max-width: 170px;
  margin: 0;
  padding-right: 5px;
  background-color: #e9e9e9;
  box-sizing: border-box;
}
.delCol_label {
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  color: #f00;
  padding-left: 2px;
}
.delCol_label:hover {
  text-decoration: none;
  color: #920914;
}
#matrix_rows {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#matrix_rows li {
  display: block;
  padding-right: 5px;
  margin-bottom: 5px;
  background-color: #e9e9e9;
}
#matrix_rows li input {
  border: none;
  margin: 5px;
}
#matrix_rows li delRow_label {
  border: 1px solid #ccc;
  font-size: 0.8em;
}
/***/
.matrix_ct {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.matrix_ct li {
  display: block;
  padding: 0;
}
.scelteCelle {
  position: absolute;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
}
.scelteCelle p {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 3px 0;
  padding: 4px;
  font-size: 12px;
  box-sizing: border-box;
}
/*** myfilemanager ***/
#fmngfContainer {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}
#fmngfHeader {
  margin-bottom: 10px;
}
#fmngUploadBtn {
  float: left;
  width: 5%;
}
#fmngPages {
  float: right;
  width: 94%;
}
.fmng {
  float: left;
  width: 150px;
  height: 190px;
  max-height: 240px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-shadow: 5px 5px 25px -26px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 25px -26px rgba(0, 0, 0, 0.75);
}
.fmng .imgCt {
  display: block;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
}
.fmng .imgCt:hover {
  cursor: pointer;
}
.fmng .imgCt img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  border: none;
}
.fmng .controls {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px;
  background: #e9e9e9;
  margin: 0;
  border: none;
  box-sizing: border-box;
}
.fmng .imgName {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 21px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
}
.fmng .imgDes {
  display: inline-block;
  width: 105px;
  margin: 0;
  padding: 0;
  line-height: 21px;
  height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*** CMS BOX IMMAGINI ESISTENTI ***/
#chooseImage {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 1000;
  width: 90%;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#chooseImageHeader {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  background-color: #048bc4;
}
#chooseImageHeader:hover {
  cursor: pointer;
}
#chooseImageHeader h3 {
  text-align: center;
  color: #fff;
}
#chooseImageBody {
  position: relative;
  padding: 15px;
  overflow-y: auto;
  box-sizing: border-box;
}
#chooseImageFooter {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}
.table-wrapper {
  margin: 0;
}
.fl-table {
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  max-width: 100%;
  white-space: nowrap;
  background-color: white;
}
.fl-table td,
.fl-table th {
  padding: 8px;
}
.fl-table th {
  text-align: right;
  border-bottom: 1px solid #fff;
}
.fl-table td {
  text-align: left;
  border-right: 1px solid #f8f8f8;
  font-size: 12px;
}
.fl-table thead th,
.fl-table th {
  color: #ffffff;
  background: #4FC3A1;
}
.fl-table th.sez {
  background: #324960;
}
.fl-table thead th:nth-child(odd) {
  color: #ffffff;
  background: #324960;
}
.fl-table tr:nth-child(even) {
  background: #F8F8F8;
}
/* Responsive */
@media (max-width: 767px) {
  .fl-table {
    display: block;
    width: 100%;
  }
  .table-wrapper:before {
    content: "Scroll horizontally >";
    display: block;
    text-align: right;
    font-size: 11px;
    color: white;
    padding: 0 0 10px;
  }
  .fl-table thead,
  .fl-table tbody,
  .fl-table thead th {
    display: block;
  }
  .fl-table thead th:last-child {
    border-bottom: none;
  }
  .fl-table thead {
    float: left;
  }
  .fl-table tbody {
    width: auto;
    position: relative;
    overflow-x: auto;
  }
  .fl-table td,
  .fl-table th {
    padding: 20px 0.625em 0.625em 0.625em;
    height: 60px;
    vertical-align: middle;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    width: 120px;
    font-size: 13px;
    text-overflow: ellipsis;
  }
  .fl-table thead th {
    text-align: left;
    border-bottom: 1px solid #f7f7f9;
  }
  .fl-table tbody tr {
    display: table-cell;
  }
  .fl-table tbody tr:nth-child(odd) {
    background: none;
  }
  .fl-table tr:nth-child(even) {
    background: transparent;
  }
  .fl-table tr td:nth-child(odd) {
    background: #F8F8F8;
    border-right: 1px solid #E6E4E4;
  }
  .fl-table tr td:nth-child(even) {
    border-right: 1px solid #E6E4E4;
  }
  .fl-table tbody td {
    display: block;
    text-align: center;
  }
}
#progressBarBox {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 400px;
  top: 25%;
  left: 50%;
  margin-left: -200px;
  border: 1px solid #009ee0;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}
#progressBarBox .title {
  text-align: center;
  margin-bottom: 10px;
}
#progressBarBox .progressBar {
  width: 100%;
  border: 1px solid #ccc;
}
#progressBarBox .progressBar .bar {
  height: 20px;
  background-color: #009ee0;
  width: 1%;
}
#progressBarBox .percent {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
video.myVideo {
  width: 320px;
  height: 240px;
}
@media only screen and (min-width: 768px) {
  video.myVideo {
    width: 640px;
    height: 480px;
  }
}
.tox-tinymce {
  border-radius: 0 !important;
}
.tox .tox-promotion {
  display: none !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
}