/*ASSET*/

.spinner{display:none;}

select {padding: 10px;-webkit-appearance: menulist;width: 100%;border: 1px solid #44b18e;background: #45b085;height: 42px;color: white;}
.log{display:none;}

.dark-green{background: #01b085;}
.light-green{background: #8bc986;}
.yellow{background: #fcf37c;}
.orange{background: #f7b770;}
.red{background: #f07e66;}
.non{background:#b0c3b5;}

td .box {width: 100%;overflow: hidden;box-sizing: border-box;width: auto;height: auto;padding: 13px 20px 16px 20px;}
header {
    background: #3e3e3e;
    padding-bottom: 10px;
}

/* table bar color */

.col-bar {
    display: inline-block;
    width: -webkit-fill-available;
}

.barcolor {
    width: 100%;
    height: 20px;
    margin-bottom: 10px;
}
.box-legend-bar {
    background: #e6e6e6;
}
.legendbar {
    box-sizing: border-box;
    padding: 20px 10px 5px 10px;
    display: flex;
    margin: 30px;
    text-align: center;
    margin: 20px auto;
}

/*box non indicato */
.box-nc {width: auto;background: #5ccdb1;vertical-align: baseline;display: table-cell;top: 0px;position: relative;height: 101px;vertical-align: middle;padding: 0px 5px;}
.box-nc span {font-size: 16px; color: #fff;line-height: 2.5;}

/*tabber*/

.tabber {background: #44b18e;box-sizing: border-box;padding: 60px;margin: 10px 0px;}
.tabber .title-tabber h2 {line-height: 2.5;color: #fff;}
.tabber p {line-height: 2.5;color: #343a40;font-size: 18px;}


.wrap-header {
    background: #01b085;
    padding: 10px 0px;
}
.wrap-header h2 {
    line-height: 70px;
    letter-spacing: 1px;
}

.logo {
    padding: 0px 10px;
    border-right: 1px solid #fff;
}

.link-site{color:#fff;}

.message-headline {
    /* text-align: center; */
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 30px;
    /* width: 360px; */
    margin: 60px auto;
}

input.anag_text {
    border-bottom: 1px solid #01b085;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
}
form.form-anagrafica {
    line-height: 25px;
}

form.form-anagrafica label {
    margin-top: 43px;
}

.ruolo-user {
    padding-top: 45px;
}

.ruolo-user .row {
    text-align: center;
}

.ruolo-user label {
    margin-right: 10px;
}

.title-part {
    font-weight: bold;
    margin-top: 45px;
    margin-bottom:20px;

}
.title-part i {
    font-weight: normal;
}

.title-section {
    padding: 20px 0px;
    background: #44b18e;
    margin-top:15px;
}

.title-section h2 {
    line-height: 2.2;
    color: #fff;
}

.box-sondaggio, .box-list {
    margin: 20px 0px;
    text-align: center;
    border: 4px solid #01B08E;
}

.box-sondaggio:hover, .box-list:hover {
    background: #01b085;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 0.8s;
}

.active-box {
    background: #01b08e;
    color: #fff;
}

.professione{
    line-height: 2.5;
}
.professione label{
    margin-left:20px;
}


.table-check .title-part {
    padding: 20px 0px;
}

.tab table {
    padding: 20px 0px;
}

thead th {
    text-align: center;
    padding: 20px;
    color: #fff;
}

tbody tr td {
    text-align: center;
    padding: 20px;
}

tbody tr {
    border-bottom: 1px solid #ddd;
}

.center_t{text-align:center;}
.left_t{text-align:left;}

.sempre {background:#03ae84;}
.spesso{background:#25bb96;}
.ogni_tanto{background:#5ccdb1;}
.raramente{background: #70b3a3;}
.mai{background: #a0d0ad;}
.altro-td{background:#b0c3b5;}

.social-box ul li, .smile-box ul li{

    font-size: 30px;
    margin: 0 5px;
    display:inline-block;
    padding:5px;
    text-align:center;
}

.smile-box p, .tab th p{
    font-size:10px;
    width: 100px;
    display:block;
    color: #000;
    height: 30px;
}

.social-box ul li:hover{
    background: #01b085;
    color:#fff;
}

section.coordinatore, section.associato{
    background:#e6e6e6;
}

.btn-foward {
    float: right;
    padding: 30px 18px;
    /* border-radius: 60px; */
    margin: 60px 0px;
    border-radius: 158px;
    background: #01b085;
    width: 83px;
    height: 83px;
}

.btn-foward a {
    color:  #fff;
}

.altro label {
    margin-left: 24px;
    margin-top: 10px;
}

section.coordinatore {
    margin-top: 30px;
}

tr.color-row td:first-child {
    text-align: left;
}


.table-check {
    padding-bottom: 50px;
    border-bottom: 1px solid #fff;
}

.smile-box {
    padding: 30px 0px;
}

.table-emoticon {
    margin: 90px 0px;
}

.hide-input li {
    list-style: none;
    padding: 1px 5px;
    border-bottom: 1px solid #eee;
    width:  90%;
    background: #01B08E;
    color: #fff;
}

.hide-input {
    height: 200px;
    overflow: auto;
}

.hide-input li:last-child{border-bottom:0;}
.hide-input li:hover{
  background-color: #999;
  cursor:pointer;
}


/*
.round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

*/
/* input type checkbox circle tested 

input[type=checkbox] {
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 25px;
    -webkit-appearance:button;
    background-color: #ffffff;
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;
    width: 25px;
    height: 25px;
}

input[type=checkbox]:checked {
    background-color: #5ccdb1;
   
}

input[type=checkbox]:hover {
    box-shadow:0px 0px 10px #1300ff;
}

*/

input[type=checkbox], input[type="radio"]{
         position: relative;
           cursor: pointer;
    }
    input[type=checkbox]:before ,input[type="radio"]:before{
         content: "";
         display: block;
         position: absolute;
         width: 25px;
         height: 25px;
         top: -5px;
         left: -4px;
         border: 2px solid #ccc; 
         border-radius: 25px;
         background-color: white;
}
    input[type=checkbox]:checked:before, input[type="radio"]:checked:before {
    background: #03ae84;
    border-radius: 20px;
    padding: 13px;
    left: -5px;
    top: -4px;
}
    input[type=checkbox]:checked:after , input[type="radio"]:checked:after{
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid white;
         border-width: 0 3px 3px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 6px;
}

/*question radio */

.question_radio {
    line-height: 2.5;
}

.question_radio input {
    margin-right: 20px;
}

.question_radio .anag_text {
    width: 90%;
}

.radio-altro input {
    display: inline-block;
}

/* true false radio */

.true-false {line-height: 2.5;margin: 20px 0px;}
.true-false input {margin-right: 9px;margin-left: 9px;}

/* wrap-list-value */
.wrap-list-value {line-height: 2.5;}
.wrap-list-value label{margin-left:10px;}

.end-sondaggio {
    padding: 100px 0px;
    background: #45b085;
    text-align: center;
    color: #fff;
    line-height: 2.5;
    font-size: 64px;
    letter-spacing: 8px;
    margin-top: 30px; 
}

footer {
    background: #3e3e3e;
    padding: 30px;
    font-size: 13px;
    color: #aaa;
}