@charset "utf-8";
/* CSS Document */

.question{padding:12px;border-radius:10px;background: #EAEAEA; margin-bottom: 10px;}
.scale{width: auto; font-size: 1rem; margin: 0 auto 0 auto}
label.scale-item{flex:1; text-align:center; padding:20px 8px; border-radius:6px; cursor: pointer; font-size: 0.7rem; display: inline-grid}
label.scale-item:hover{background-color: #82c4f1}
input[type=radio]{display:none}
input[type=radio]:checked + label{border-color:#82c4f1;background:#B2DAF6}
.actions{margin-top:18px}    
#resultBox{margin-top:20px;padding:16px;border-radius:10px;background:#E4F7FF;border:1px solid #79BBFF}
.small{font-size:1rem; color:#181818; text-align: justify; padding: 0 15px 0 15px}
details{margin-top:12px}
pre{white-space:pre-wrap}

.shadow {
      width: 100%;
      margin: auto 5px auto 5px;
      border:0 ; 
	  margin-bottom: 20px;
    }