/*
 * @package Acumeni
 * @author WizLab.it
 * @version 20250909.054
 */

@font-face { font-family:"Ubuntu"; font-style:normal; font-weight:normal; src:url("/css/fonts/Ubuntu.woff") format('woff'); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
abbr { border-bottom:1px dotted; cursor:help; }

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
* html .clearfix { zoom:1; }
* { box-sizing:border-box; }
*:first-child+html .clearfix { zoom:1; }
.fb_iframe_widget { display:block !important; }
.twitter-share-button { display:block !important; margin-bottom:2px; }
strong, b, .bold { font-weight:bold; }
em, i { font-style:italic; }
a { color:#3373B3; text-decoration:none; }
.small { font-size:smaller; font-style:italic; }
.nowrap { white-space:nowrap; }
.textLeft { text-align:left; }
.textRight { text-align:right; }
.textCenter {  text-align:center; }
.chartTooltip { font-family:Arial; font-size:11px; color:#000; padding:4px; }
.tip { font-size:smaller; font-style:italic; color:#999; }
.loader { position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:url("/img/page-loader.gif") 50% 50% no-repeat rgb(249,249,249); }
.vocTips { clear:both; color:#666; border:1px solid #ccc; padding:15px; margin-bottom:50px; background-color: #f0f0f0; }
.bgwhite {background-color: #fff!important;}

/* column system */
.flexcontainer { display:flex; justify-content:space-between; flex-flow:row wrap; }
.cols { display:flex; justify-content:space-between; flex-flow: row nowrap; align-items:flex-start; }
    .two>* { width:48%; }
    .split-two>* { width:50%; }
    .three>* { width:32%!important; }
        .three .main { width:58%; }
    .split-three { width:33.3%; }
    .four>* { width:22%; }
    .center { justify-content:center; }
.stretch  { align-items: stretch; }
.fullwidth { width:100%; }


body { background:#FFF url(/img/gnd.png) repeat; }

.loginBox { width:300px; padding:2%; background-color:#fff; box-shadow: 2px 2px 10px 2px #ddd; border-radius:15px;  margin: 20px auto 0 auto; }
  .loginBox h3 { margin:0 !important; padding-bottom:7px; border-bottom:1px solid #CCC; font-weight:bold !important; font-size:14px !important; text-align:center; border-color:#4c83bb; }
  .loginBox .loginError { text-align:center; color:red; font-weight:bold; margin:5px 0; }
  .loginBox .loginRow { border:1px solid #CCC; background-color:#EEE; border-radius:20px 0 0 20px; padding:0; margin:20px 0; text-align:right; }
    .loginBox .loginRow img { margin:0 3px; }
    .loginBox .loginRow input { margin:0 !important; width:86%; border:none !important; border-radius:0 5px 5px 0; border-left:1px solid #CCC !important; }
    .loginBox input[type="text"], .loginBox input[type="password"] { border-radius:0!important; }
    .loginBox .loginButton { text-align:center; }
      .loginBox .loginButton input[type="submit"] { margin-top:0!important; }
  .loginBox .utils { border-top:1px solid #CCC; margin-top:10px; padding-top:5px; border-color:#4c83bb; }
    .loginBox .utils a { text-decoration:none; color:#4c83bb; }

#container { width:100%; margin:0 auto; font-family:'Ubuntu',sans-serif; font-size:12px; font-weight:400; color:#666; line-height:1.40em; background:#F0f0f0; }
  #container #header { padding:0 3%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; box-shadow: 2px 2px 10px 2px #ddd; background-color: #fff; }
    #container #header h1 img { height:80px;}
    #container #header #top img { height:20px; }
      /* guest */
        #container #header #top #guest #login { float:left; }
          #container #header #top #guest #login .loginError { color:#F00; }
        #container #header #top #guest #links { float:left; margin:0 0 0 10px; }
          #container #header #top #guest #links a { display:block; float:left; margin:3px 0 0 20px; text-decoration:none; color:#3373b3; }
            #container #header #top #guest #links a#signup { background:transparent url(/img/triangle.png) no-repeat; font-weight:500; padding-left:15px; }
        #container #header #top #guest form input[type="text"], #container #header #top #guest form input[type="password"] { width:150px; background-color:#FFF; padding:3px 5px; margin:0 10px 0 0; border:1px solid #CCC; }
      /* logged */
      #container #header #top #logged { display:flex; }
        #container #header #top #logged p { margin:0 10px 5px 0; text-align:right; }
        #container #header #top #logged ul { margin-right:-5px; background:transparent url(/img/triangle.png) 3px 3px no-repeat; padding-left:20px; display:flex; }
          #container #header #top #logged ul li { display:inline; padding:2px 10px; margin:0; border-right:1px solid #CCC; display:inline; }
            #container #header #top #logged ul li:last-of-type { border-right:none; padding-right:0; }
            #container #header #top #logged ul li:hover a, #container #header #top #guest #links a:hover { color:#095AA5; }
            #container #header #top #logged a { color:#3373B3; text-decoration:none; display:inline-block; }
              #container #header #top #logged a:hover, #container #header #top #guest #links a:hover { text-decoration:underline; }
    #container #subheader { display:flex; justify-content: center; align-items: center; padding:10px 3%; position:relative; width:100%; background-color: #5688BF; color:#fff; }
      #container #subheader img { filter: invert(1); height:15px; margin:0 10px; }
        #container #subheader #nav { text-align:center; }
          #container #subheader #nav ul li { display:inline-block; text-transform:uppercase; border-right:1px solid #e0e0e0; }
            #container #subheader #nav ul li:last-of-type { border:none; }
            #container #subheader #nav ul li a { color:#fff; text-decoration:none; display:block; padding:5px 15px; font-size:12px; }
              #container #subheader #nav ul li:hover { background-color:#8ca7cd; color:#fff; }
                #container #subheader #nav ul li:hover a { color:#FFF; }
              #container #subheader #nav ul li.active { color:#FFF; background-color:#5688BF; }
                #container #subheader #nav ul li.active a { color:#FFF; }
  #container #content { padding:3% 3% 0 3%; min-height:78vh; background:#F0f0f0; }
    #container #content.flex{ display: flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; }
    #container #content .flex{ display: flex; justify-content: space-between; flex-wrap:wrap; width:100%; }
    #container #content h2 { font-size:20px; font-weight:500; margin:0 0 30px 0; line-height: 1.2em; text-align:center; text-transform: uppercase; color:#555; }
    #container #content h3 { font-size:16px; font-weight:400; margin:0 0 15px 0; text-transform:none; color:#095AA5; padding-bottom:15px; }
    #container #content p { margin:0 0 10px 0; }
    #container #content .filters { background-color:#F0F0F0; padding:15px 25px; margin:0 0 20px 0; border-radius:10px 10px 10px 10px; flex-wrap:wrap; }
      #container #content .filters form.filter input { padding:3px 5px; }
        #container #content .filters form.filter input[type=text], #container #content .filters form.filter select { margin:0 0 0 5px; border-radius:0; border-color:#ccc; }
#container #content .filters form { display:flex; align-items:center; flex-wrap:wrap; vertical-align: middle; justify-content: flex-end; }
  #container #content .filters form>* { margin:10px; }
    #container #content .filters form input[type=button], #container #content .filters form input[type=submit], #container #content .filters form select  { padding:5px 15px; font-size:12px;  }
    #container #content .filters form select  { padding:3px; font-size:12px; }

    #container #content .pagination { margin:20px; padding:5px 10px; font-size:smaller;  text-align:center; }
      #container #content .pagination a { background-position:bottom!important; width:12px; height:11px; display:inline-block; background-repeat:no-repeat !important; margin:0; padding:0; vertical-align:middle; }
        #container #content .pagination a:hover { text-decoration:underline; background-position:top!important; color:#095AA5;  }
          #container #content .pagination a.firstPage { background:transparent url(/img/icons/paginationFirst.png); }
          #container #content .pagination a.prevPage { background:transparent url(/img/icons/paginationPrev.png); }
          #container #content .pagination a.nextPage { background:transparent url(/img/icons/paginationNext.png); }
          #container #content .pagination a.lastPage { background:transparent url(/img/icons/paginationLast.png); }
    #container #content table { width:100%; }
      #container #content table.float { width:auto; }
      #container #content table td, #container #content table th { padding:1.5% 5px; text-align:center; }
      #container #content table th { color:#FFF; border:2px solid #FFF; white-space:nowrap; font-weight:bold; background-color:#5688BF; }
        #container #content table th a { color:#FFF; text-decoration:none; }
      #container #content table td { border-bottom:1px solid #D0D0D0; }
        #container #content table .tdleft { text-align:left; }
        #container #content table .tdright { text-align:right; }
        #container #content table .plain { border:none; margin:0; padding:0; }
      #container #content table a.icon { display:block; width:12px; height:12px; background-position:bottom!important; background-repeat:no-repeat !important; float:left; margin:0 10px 0 0; }
      #container #content table tr td.actions { text-align:center!important; }
        #container #content table .actions a, #container #content table .actions input[type=button] { display:inline-block; margin:10px; }
        #container #content table a.icon img { width:12px; height:12px; }
        #container #content table a.icon:hover { background-position:top !important; }
        #container #content table .edit { background:transparent url(/img/icons/edit.png); }
        #container #content table .configure { background:transparent url(/img/icons/configure.png); }
        #container #content table .activate { background:transparent url(/img/icons/activate.png); }
        #container #content table .deactivate { background:transparent url(/img/icons/deactivate.png); }
        #container #content table .hide { background:transparent url(/img/icons/hide.png); }
        #container #content table .link { background:transparent url(/img/icons/link.png); }
        #container #content table .show { background:transparent url(/img/icons/show.png); }
        #container #content table .sms { background:transparent url(/img/icons/sms.png); }
        #container #content table .graph { background:transparent url(/img/icons/graph.png); }
        #container #content table .rewards { background:transparent url(/img/icons/rewards.png); }
        #container #content table .broadcast { background:transparent url(/img/icons/broadcast.png); }
        #container #content table .broadcastCall { background:transparent url(/img/icons/broadcast_call.png); }
        #container #content table .broadcastSms { background:transparent url(/img/icons/broadcast_sms.png); }
        #container #content table .broadcastEmail { background:transparent url(/img/icons/broadcast_email.png); }
        #container #content table .delete { background:transparent url(/img/icons/delete.png); }
        #container #content table .duplicate { background:transparent url(/img/icons/duplicate.png); }
        #container #content table td span { display: noneeeee; }
      #container #content table.tabs { margin-top:10px; }
        #container #content table.tabs th { border-radius:20px 20px 0 0; border:none; background:#5688BF; color:#666; border:2px solid #f0f0f0; border-bottom:none; text-align: center; font-size:10px; }
          #container #content table.tabs th.active { font-weight:bold; font-size:12px; background:#fff; }
          #container #content table.tabs th a { color:#FFF; text-decoration:none; }
          #container #content table.tabs th.active a { color:#666; }
      #container #content table.reportTable { width:98%; margin:0 auto 70px; }
        #container #content table.reportTable tr:first-of-type th { background-color:#AAA; text-align:center; }
        #container #content table.reportTable th, #container #content table.reportTable td { padding:5px 7px; }
        #container #content table.reportTable th { background-color:#CCC; font-weight:bold; text-align:left; }
    #container #content .response { padding:10px 10px 10px 40px; border:2px solid; margin:0 0 20px 0; background-position:7px 7px; background-repeat:no-repeat; }
    #container #content .ok { border-color:#090 !important; background-color:#EBF7EB; color:#090; background-image:url(/img/icons/ok.png); }
    #container #content .error { border-color:#F00 !important; background-color:#FFEBEB; color:#F00; }
    #container #content .inlineOk { border-color:#090 !important; background-color:#EBF7EB; color:#090; }
    #container #content .inlineError { border-color:#F00 !important; background-color:#FFEBEB; color:#F00; }
    #container #content .inlineWait { border-color:#FF0 !important; background-color:#EBF7EB; color:#FF0; }
    /* form */
      #container #content form input[type="text"], #container #content form input[type="password"], #container #content form input[type="file"], textarea, .inputField { background-color:#FFF; padding:6%; margin:5px 0; border:1px solid #CCC; font-family:'Ubuntu',sans-serif; font-size:11px; }
      #container #content form select { padding:3%; width:250px; margin-top:8px; border:1px solid #CCC; }
  #container #content form input[type="text"], #container #content form input[type="password"], #container #content form input[type="file"], textarea, .inputField, #container #content form select { border-radius:0; }
    /* select options */
      #container #content form .radioset { float:left; margin:-8px 0 0 0; }
      #container #content form input[type="checkbox"] { margin:3px 10px 3px 10px; clear:both; }
      #container #content .buttons { clear:both; margin:10px 10px 40px 10px; text-align:center; }
        #container input[type="submit"], #container input[type="reset"], #container input[type="button"] { color:#FFF; padding:15px 25px; border:0; border-radius:15px; margin:10px; font-size:16px; border-radius: 30px!important; background-color: #3575B4; }
        #container input[type="submit"]:hover, #container input[type="reset"]:hover, #container input[type="button"]:hover { background-color:#FFB514; color:#fff; }
  /*tools*/
  #container #content .mask form { max-width:500px; margin:0 auto; } 
  #container #content .mask h3 { text-align:center; margin-bottom:30px; color:#999; }
  #container #content .mask p { text-align:center; }
  #container #content .tools ul { display:flex; justify-content: space-around; align-items: flex-start; }
    #container #content .tools ul li { width:30%; }
      #container #content .tools a { display:flex; flex-flow:column wrap; justify-content: center; text-align: center; font-weight: bold; }
        #container #content .tools a img { width:120px; opacity:0.3; margin:0 auto 10px auto; }
        #container #content .tools a:hover img { opacity:0.8; } 
    #container #content .tools form input[type="submit"] { margin-top:20px; }
    #container #content .mask form textarea, #container #content .mask form input[type="file"], #container #content .mask form select  { width:100%; }

/*urls*/
#container #content table img { margin:0 5px; height:15px; width:20px;  }
  #container #content table .urls { width:100%; display:flex; flex-flow:row wrap; padding:10px; justify-content: center; }
    #container #content table .urls a { display:block; margin:5px; padding:2px 10px; border:1px solid #ddd; font-size:8px; border-radius: 0px; }

  #container #footer { padding:2% 5%; text-align:center; background-color:#fff; color:#333; border-top:1px solid #ccc; width:100%;  }

.clear { clear:both; }
img { vertical-align:middle; }
/* fieldset */
  fieldset h3 { font-size:12px; margin:10px 0 !important; text-transform:none !important; color:#FFF !important; padding:10px 15px; text-align:center; background-color:#5688BF; }
  fieldset .row { display:flex; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #CCC; align-items:center; }
    fieldset .row:last-of-type { margin-bottom:50px; }
    fieldset .row .label { width:25%; margin:10px 0; float:left; }
    fieldset .row .field { display:inline-block; margin-left:10px; width:100%; }
      fieldset .row .field .data { padding:12px 20px; margin:5px 0; border:1px solid #CCC; }
        fieldset .row .field span.data { width:600px; }
        fieldset .row .field.error .data { border:1px solid #F00 !important; }
        fieldset .row .field span.data { display:inline-block; border:none; width:100%; }
        fieldset .row .field .tip { font-size:smaller; font-style:italic; color:#999; margin-left:3px; }

/*--- Popup ----*/
.popup { display:none; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; z-index:201; width:580px; height:300px; text-align:center; background-color:#FFF; border:10px solid #CCC; padding:30px; }
#popupBackground { display:none; position:fixed; top:0; left:0; z-index:199; opacity:0.8; filter:alpha(opacity=80); background-color:#000; width:100vw; height:100vh; margin:0; padding:0; }
#popupEditTranscription h2 { margin:0 0 20px; }

/* Dialog box */
#dialogboxcontainer { display:none; position:fixed; top:0; right:0; left:0; bottom:0; padding:5vh 10vw 10vh; background-color:rgba(0,0,0,0.12); overflow:hidden; }
  #dialogbox { width:100%; height:100%; padding:10px; background-color:#FFF; box-shadow:0 0 10px 0 #999; overflow-y:auto; }

.box { background-color: #fff; padding:3%; box-shadow: 2px 2px 10px 2px #ddd; border-radius:15px; margin-bottom:3%; }
.box.tabsbox { border-radius: 0 0 15px 15px; }  
  .box.tabsbox h2 { margin-top:15px!important; } 
h3.question { padding: 2%!important; background-color:#3373B3; color:#fff!important;  margin:40px 0 20px 0!important; border-radius:15px; text-align:center; }
  h3.question p { margin:0!important; }

/* Big screens */
@media only screen and (min-width:900px) {
.mobile { display:none!important;; }
.desktop { display:block!important;; }
#container #content table tr:last-of-type td { border-bottom:none; }
}


/* Small screens */
@media only screen and (max-width:900px) {
#container .mobile { display:block!important; }
#container .desktop { display:none!important; }
  
#container .cols { flex-flow: row wrap; }
  #container .cols>*, main .three .main { width:100%!important; text-align:center; }
  #container .split>* { width:100%; text-align:center; }
  #container .four>* { width:48%; }
  
  #container #header { padding:2% 5%; }
    #container #header h1 { margin:0 auto 5px auto; }
      #container #header h1 img { height:50px; }
  #container #header #top { position:relative; padding:0; right:0; background-color: #fff; }
  #container #header #top ul { display:flex; padding:0; margin:0; }
  #container #header #top #logged p { text-align:left; float:unset; }
  #container #header #top #logged ul { margin-right:0; float:unset; padding:0; }
    #container #header #top #logged ul li { padding:0 20px; }
  #container #header h1 { float:unset; text-align:center; }
  
  /* slideout menu -- */
  nav .mobile img { height:50px; }
    .slideout-sidebar { position: fixed; top: 0; left: -190px; z-index: 10; width: 150px; height: 100%; padding: 20px; background-color: #ffffff; transition: all 300ms ease-in-out; box-shadow: 2px 2px 10px 2px #ddd; display:flex!important; }
        .slideout-sidebar a { color:#333; }
        .slideout-sidebar ul { list-style: none; margin: 0; padding: 0; }
            .slideout-sidebar ul li { cursor: pointer; padding: 2.2vh 0; border-bottom: 1px solid #ccc; border-right:0!important; color:#666; display:block!important; }
            .slideout-sidebar ul li:last-child { border-bottom: 0; }
            .slideout-sidebar ul li:hover { color: rgba(244,244,244,1); }
        /*submenu*/
        .slideout-sidebar ul li ul { display:none; }
        .slideout-sidebar ul li:hover ul { display:block; text-align:right; font-size:12px; border-top: 1px solid #ccc; }
            .slideout-sidebar ul li:hover ul li { color:#aaa; border-color:#555; }
            .slideout-sidebar ul li:hover ul li:last-of-type { padding-bottom:0; }
              .slideout-sidebar ul li a { color:#666!important; }
              .slideout-sidebar ul li.active a { color:#fff!important;}
    /* closed */
    .menu-icon { z-index:1; transition:all 300ms ease-in-out; }
      .menu-icon img { height:20px!important; }
    .mobile #menu-toggle { display: none!important; }
        #menu-toggle:checked ~ .slideout-sidebar { left: 0; }
        #menu-toggle:checked ~ .content-container { padding-left: 190px; }
    .content-container { max-width: 480px; }
    /* open */
    #menu-toggle:checked ~ .content-container { padding-left: 0; } 
        .slideout-sidebar ul { text-align: center;  margin: 0 auto 0; width:180px; } 
        #menu-toggle:checked ~ .slideout-sidebar { width: 300px; }
        #menu-toggle:checked + .menu-icon { color: #fafafa; }
   #container #subheader .closeicon { position:absolute; top:15px; right:15px; cursor:pointer; padding:10px; }
  #container #subheader .closeicon img { height:20px; filter:invert(0); margin:0; opacity:0.5; }
  
  .loginBox { padding:25px; }
    .loginBox, .loginBox h3, .loginBox .utils { border-color:#4c83bb; }
    .loginBox .utils a { color:#4c83bb; }
  #container #header { box-shadow: 2px 2px 10px 2px #ddd; background-color: #fff; }
    #container #header #top #guest #links a { color:#3373b3; }
      #container #header #top #logged ul li:hover a, #container #header #top #guest #links a:hover { color:#095AA5; }
  #container #subheader { background-color: #5688BF; color:#fff; }
    #container #subheader a, #container #subheader #nav ul li a  { color:#fff; }
    #container #subheader #nav ul li:hover { background-color:#8ca7cd; color:#fff; }
      #container #subheader #nav ul li.active { background-color:#5688BF; }
  
  #container #content { min-height:80vh; padding:5%; }
    #container #content.flex { display: flex; align-items: center; }
    #container #content h2 { margin-bottom:20px; color:#555; }
    #container #content h3 { margin-top:15px; font-size:18px; text-align: center; color:#095AA5; padding-bottom:15px; }
  
  #container #content table.flextable { width:100%;}
    #container #content table.flextable tr { display:flex; flex-flow:column wrap}
      #container #content table.flextable tr th { left: -9999px; position: absolute; visibility: hidden; }
      #container #content table.flextable td, #container #content table th { padding:1.5% 3%; text-align:right; position: relative; }
        #container #content table tr td:last-of-type { border-bottom:none; margin-bottom:30px; }
        #container #content table.flextable td span { display: block; background: #eee; color: dimgrey; font-size: 11px; font-weight: bold; padding: 5px;  position: absolute; text-transform: uppercase; top: 0; left: 0;  }
  #container #content table.tabs th.active { font-size:10px; }
  #container #content .filters form { flex-flow:row wrap; justify-content: center; }
    #container #content .filters strong { width:100%; text-align: center; } 
    #container #content .filters form div { width:43%; }
    #container #content .filters form input[type=submit], #container #content .filters form input[type=button] { padding:10px 20px; }
  #container #content .tools ul { flex-flow: column wrap; justify-content: flex-start; }
    #container #content .tools ul li { width:auto; }
    #container #content .tools a { display:flex; flex-flow:row; justify-content: flex-start; align-items: center; text-align:left; }
      #container #content .tools a img { width:80px; margin:0 10px 0 0; }
  #container #content .filters form.filter input[type=text], #container #content .filters form.filter select { margin:5px 0 0 0; width: 120px; }
  #container #footer { padding:30px; }
  
  /* fine tuning*/
  .box { margin-bottom:30px!important; }
  h3.question { margin: 20px 0 20px 0!important; padding:20px!important; }
  .vocTips { margin-bottom:0; }
  #container #content table.textRight td { text-align: left!important; }
  #container #content table.textRight td:first-of-type { background:#5688BF; color:#fff; font-weight:bold; }
  #container #content table.flextable td span { display:inline-block; position:relative; }
  fieldset .row { width:85vw; flex-flow:row wrap; }
    fieldset .row:last-of-type { border:none; padding-bottom:0; }
  fieldset .row.edit .field { margin:0; }
    fieldset .row.edit .field .data, #container #content .row.edit select, .tox-platform-touch { width:99%; }
    fieldset .row.edit .label { width:35%; }
  fieldset .row.edit .field .data input[type=button] { margin:10px; }
}