.chart {
  width: 30px;
  height: 30px;
  transform: rotate(180deg);
  float: left;
  margin-top: 8px;
  margin-left: 8px;
}

.mainContainer {
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.mainContainer .title {
  font-size: 20px;
  color: #606060;
  padding: 15px;
  font-weight: 600;
  border-bottom: 1px solid #e3e3e3;
}

.triangle {
  cursor: pointer;
  max-width: 50px;
  padding-top: 5px;
  padding-left: 30px !important;
}

.triangle span {
  color: rgb(50, 174, 208);
  font-size: 40px;
  line-height: 10px;
  margin: 0;
  padding: 0;
}

.dataRow {
  /*display:table-row;*/
}

.dataRow div {
  /* display: table-cell;*/
  /* padding-left: 25px;*/
  /*  padding-left: 10px; */
  text-align: left;
}

.dataRow div.courseName,
.dataRow div.levelName,
.dataRow div.unitName,
.dataRow div.lessonName {
  text-align: left;
  padding-left: 0;
}

.dataRow div.courseName,
.dataRow div.levelName,
.dataRow div.unitName {
  cursor: pointer;
}

.intestazioniColonna {
  text-align: left;
  padding: 10px 0 0 0 !important;
  font-weight: bold;
  border-radius: 5px;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.11);
}

.infoChild {
  display: table-cell;
  width: 12.5%;
}

.infoContainer {
  display: table;
}

/*  statistiche MASTER */
.courseRow {
  background: rgb(228 228 231);
  padding: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}

.levelRow {
  background: rgb(244 244 245);
  padding: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}

.unitRow {
  background: #fff;
  padding: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}

.lessonRow {
  background: #fff;
  padding: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
}
.borderBoxStat {
  font-weight: 400;
  margin: 0;
  font-size: 14px;
}
.intestazioni {
  font-weight: bold !important;
}

.courseName,
.completamento,
.correttezza,
.tempo-corso,
.tempo,
.levelName,
.unitName,
.totalElement {
  padding: 14px 0 0 0;
  line-height: 16px !important;
}

.categoryBox, 
.lessonName, 
/* .expand.singleCourse:not(.not-loaded) .completamento {
    padding: 0;
} */

.totalElement {
  text-align: left !important;
  /*text-indent: 8px;*/
}

.completamento div {
  display: inline-block !important;
}

.paddingCol0 {
  padding: 0;
}

.paddingTop10 {
  padding-top: 10px;
}

.catCont {
  display: table;
  padding-top: 7px;
}

.categoryBox {
  display: table-cell;
  line-height: 12px !important;
  font-size: 16px;
}

.categoryBox div {
  margin-top: 8px;
}

.resultQuiz {
  text-align: left !important;
}

.fa.fa-frown-o,
.fa.fa-smile-o,
.fa.fa-meh-o {
  font-size: 20px;
  line-height: 30px;
  padding-right: 5px;
}

.fa.fa-frown-o {
  color: #cc0000;
}

.fa.fa-smile-o {
  color: #00cc00;
}

.fa.fa-meh-o {
  color: #cccccc;
}

#tabellaStatisticaInterna {
  margin: 0;
}

.alignTitle,
.alignCompl,
.alignCorr,
.alignTime,
.alignSkill {
}

/*  statistiche MASTER  studente */
.marginTop20 {
  margin-top: 20px;
}

.studentRow {
  background: #cbedf8;
  padding: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  font-weight: bold;
  cursor: pointer;
}

.studentRow .triangle {
  margin-left: 10px;
}

.studentRow .userName {
  text-align: left !important;
  padding-top: 17px;
}

.completamento img.loadingStatistiche,
.catCont img.loadingStatistiche {
  margin-top: 17px;
}

.noUser {
  font-weight: bold;
  margin-top: 30px;
}

/*CSS PER ADMIN PAGE*/
.intestazione {
  margin-top: 20px;
  display: table;
}

.intestazione div {
  display: table-cell;
}

.intestazione .titleImage {
  font-size: 65px;
  padding: 15px;
}

.intestazione .titleImage {
  font-size: 65px;
  padding: 20px;
  color: #3b588f;
}

.intestazione .titleTitle h1 {
  color: #3b588f;
}

.adminbox {
  padding: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 20px;
  margin-right: 20px;
  font-size: 22px;
  line-height: 35px;
}

#wpcontent {
  background-color: #efefef;
}

.btnGreen {
  background: #46ba69 !important;
  padding: 20px 30px 20px 30px;
  color: #fff !important;
  border: none;
  font-weight: bold;
  cursor: pointer;
  font-size: initial;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.step2box {
  font-size: 20px;
  line-height: 24px;
}

.ldBar {
  text-align: center;
  color: #1d50b0;
}

.chrono {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #1d50b0;
}

.userExported {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #1d50b0;
}

.btnCsv {
  /*    font-size: 16px;
    padding: 10px;*/
}

.freeze {
  position: relative;
}

.freezedBox {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.6;
}

.btnDisabled {
  opacity: 0.6;
}
select#selectUsers,
select#groupList,
select#courseList {
  max-width: 300px;
  display: inline-block;
  vertical-align: bottom;
}

@media (min-width: 576px) {
  .maxSizeButton {
    width: auto !important;
  }
}

.maxSizeButton {
  width: -webkit-fill-available;
  max-width: 300px;
}

.select2-selection,
.select2-selection__rendered {
  height: 38px !important;
}

i.fas.fa-smile {
  color: green;
}

i.fas.fa-frown {
  color: red;
}
i.fas.fa-meh {
  color: #cccccc;
}
.expand.singleCourse.dataGetter {
  overflow: hidden;
}

button#generateList_utente,
button#generateList {
  background-color: #0080bf !important;
  padding: 5px 15px !important;
  margin-top: 5px;
  min-width: 120px;
}

.alignTitle {
  text-align: left;
  padding-left: 0 !important;
}

.userList .fas {
  margin-top: 10px;
}