//2CV own styles

.fir-icon svg, .fir-icon i {font-size: 1.35em;}
.fir-icon .rounded .fir-bg,.fir-icon .square .fir-bg{fill:#404040; }
.fir-icon .rounded .fir-selected,.fir-icon .square .fir-selected{fill:#404040; }

.textarea,.textarea:focus{border-radius: 1.2em; border-color:black; border-width: 2px; background-color: #fff; }
#input {background-color: #fff;}

.input[type=text] {background:#DCDCDC;border:1px solid #f7f7f7;color:#000;}
.input[type=text]:focus {background:white;border:1px solid #009fdf}

.sq-atm1d .sq-atm1d-button { background-color: #D0D0D0; border:1px solid #f7f7f7; border-radius: 0.2em; color: black}
.sq-atm1d-selected {border:4px solid #009FDF !important;}
.fa-icon-check-square-o:before { display: none; }
.fa-icon-square-o:before, .fa-icon-check-empty:before { display: none; }
.sq-atm1d-fctl { display: none; }

		

.devContainer .question-text  { color: red !important; }
.devContainer .answers { color: blue !important; }
#.devContainer { background-image: none !important; }
#.devContainer .corner { background-image: none !important; background: none !important; }
#progressBar {
  width: 90%;
  margin: 10px auto;
  height: 22px;
  #background-color: #404040;
}

#progressBar div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #009FDF;
  box-sizing: border-box;
}


.survey-header{
  background-image: url("https://emea.focusvision.com/survey/selfserve/58f/210602/2CV_header_banner_v2.png");  
  background-size: auto 100% ;
  background-repeat: no-repeat;
  text-align: left;
}

.survey-body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.logo {
    margin-bottom: 0em;
    margin-top: 0px;
}

.survey-info {
    background-color: #D0D0D0;
}

.survey-error {
    color: red;
}

.question-error {
   color: red;
}

.sq-cardrating-button {
    background-color: #f0f0f0;
    color: #000;
}