.survey-frame-outer{width:550px;overflow:hidden}.survey-frame-outer .my-class{height:auto!important}.survey-frame{color:#3b495e;font-family:'proxima-nova',sans-serif;font-weight:300;line-height:0.8}.survey-frame>.survey-header{text-align:center;padding:10px 10px 0;user-select:none}.survey-frame>.survey-header h2{font-size:18px;margin:0 0 10px}.survey-frame>.survey-header h3{font-size:14px;margin:0 0 5px}.survey-frame>.survey-body{padding:10px}.survey-frame>.survey-body>.survey-score{text-align:center;padding-bottom:20px}.survey-frame>.survey-body>.survey-comment{text-align:center}.survey-frame>.survey-body>.survey-comment>#surveyComment{border:1px #c5d0e1 solid;width:262px;resize:none;height:35px;padding:12px;overflow:hidden;transition:width 0.1s ease-in-out}.survey-frame>.survey-body>.survey-comment>#surveyComment:focus{width:400px;transition:width 0.1s ease-in-out}.survey-frame>.survey-body>.survey-comment>#surveyComment::placeholder{text-align:center;user-select:none}.survey-frame>.survey-footer{padding:10px 10px 10px;user-select:none}.survey-frame>.survey-footer>.survey-button>.survey-skip{float:left;background-color:#fff;border:#6197c6 1px solid;color:#6197c6;padding:6px;width:130px}.survey-frame>.survey-footer>.survey-button>.survey-confirm{float:right;background-color:#8cc152;border:#8cc152 1px solid;color:#fff;padding:6px;width:130px}.survey-confirm:disabled{cursor:not-allowed}.pieContainer{height:250px;width:262px;position:relative;margin:0 auto}.pieBackground{position:absolute;height:262px;border-radius:100%}.pie{position:absolute;height:262px;width:262px;border-radius:100%;clip:rect(0px,131px,86px,0px);transform:rotate(29.7deg);background-color:#e7f0f7;display:block;cursor:pointer}.hold{position:absolute;width:262px;height:262px;border-radius:100%;clip:rect(0px,262px,87px,134px)}.hold2{position:absolute;width:262px;height:262px;border-radius:100%;clip:rect(0px,203px,87px,134px)}#pieSlice0{transform:rotate(0deg)}#pieSlice1{transform:rotate(32.7deg)}#pieSlice2{transform:rotate(65.40000000000001deg)}#pieSlice3{transform:rotate(98.09999999999999deg)}#pieSlice4{transform:rotate(130.8deg)}#pieSlice5{transform:rotate(163.5deg)}#pieSlice6{transform:rotate(196.2deg)}#pieSlice7{transform:rotate(228.9deg)}#pieSlice8{transform:rotate(261.6deg)}#pieSlice9{transform:rotate(294.3deg)}#pieSlice10{transform:rotate(327deg)}.pie>span{display:inline-block;position:relative;left:-22px;top:36px;font-weight:700}#pieSlice0>.pie>span{transform:rotate(-29.7deg)}#pieSlice1>.pie>span{transform:rotate(-62.4deg)}#pieSlice2>.pie>span{transform:rotate(-95.09999999999999deg)}#pieSlice3>.pie>span{transform:rotate(-127.8deg)}#pieSlice4>.pie>span{transform:rotate(-160.5deg)}#pieSlice5>.pie>span{transform:rotate(-193.2deg)}#pieSlice6>.pie>span{transform:rotate(-225.9deg)}#pieSlice7>.pie>span{transform:rotate(-258.6deg)}#pieSlice8>.pie>span{transform:rotate(-291.3deg)}#pieSlice9>.pie>span{transform:rotate(-324deg)}#pieSlice10>.pie>span{transform:rotate(-356.7deg)}.pie>span{user-select:none}.pie.ok:hover{background-color:#9dc76e;transition:background-color 0.3s ease-in-out}.pie.normal:hover{background-color:#f9c732;transition:background-color 0.3s ease-in-out}.pie.nok:hover{background-color:#de6165;transition:background-color 0.3s ease-in-out}.setOk{background-color:#9dc76e;transition:background-color 0.3s ease-in-out}.setNormal{background-color:#f9c732;transition:background-color 0.3s ease-in-out}.setNok{background-color:#de6165;transition:background-color 0.3s ease-in-out}.innerCircle{position:absolute;width:106px;height:106px;background-color:#f8dc89;background-repeat:no-repeat;background-size:cover;border-radius:100%;top:78px;left:78px;color:#fff;box-sizing:border-box;border:15px #fff solid}.innerCircle.faceUnrated{background-image:url(../../images/nps/unrated.svg);transition:background-image 0.3s ease-in-out}.innerCircle.faceSad{background-image:url(../../images/nps/sad.svg);transition:background-image 0.3s ease-in-out}.innerCircle.faceNormal{background-image:url(../../images/nps/normal.svg);transition:background-image 0.3s ease-in-out}.innerCircle.faceHappiness{background-image:url(../../images/nps/happiness.svg);transition:background-image 0.3s ease-in-out}.noScore{background-color:#f2ba22;transition:background-color 0.5s ease-in-out}@media only screen and (max-width:767px){.survey-frame-outer{width:100%;overflow:auto;overflow-x:hidden}.survey-frame>.survey-body>.survey-comment>#surveyComment,.survey-frame>.survey-body>.survey-comment>#surveyComment:focus{width:100%}}.feedback{padding:20px}.feedback .center{border:1px solid #aaa;padding:10px;border-radius:7px}.justificaticas span{width:30px;height:30px;display:inline-block;margin:20px 10px 0;opacity:0.5}.justificaticas span.active{opacity:1}.survey-confirm.feedback{background-color:#ed930b!important;border-color:transparent!important}.survey-confirm.feedback:disabled{opacity:0.7}