body {
    /*background-image: url('https://php.pma.co.il/images/bg2.jpg');*/
/*    background-image: url('https://php.pma.co.il/images/new_background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
*/}


/* .squaredOne */

.squaredOne {
    width: 28px;
    height: 28px;
    position: relative;
    margin: 20px auto;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.squaredOne label {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 4px;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}

.squaredOne label:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #27ae60;
    background: -webkit-linear-gradient(top, #27ae60 0%, #145b32 100%);
    background: linear-gradient(to bottom, #27ae60 0%, #145b32 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.squaredOne label:hover::after {
    opacity: 0.3;
}

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

.squaredOne input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.page-header-questions{
    display:inline;
    float:left;
}
.progress-bar-wrapper{
    padding-top: 40px;
    float:left;
}
.span-txt-question{
    height:10px;
}
.questions-wrapper .col-style-question{
    border-style: none;
    width:890px;
}
.questions-wrapper .half-percent{
    left:50%;
}
.questions-wrapper .label-width{
    width:820px;
}
.questions-wrapper .checkbox-style{
    zoom:2;
    vertical-align:top;
}
.questions-wrapper .checkbox-span{
    white-space: normal;
    font-size: 1.6em;
    vertical-align:top;
}
.btn-next-prev-wrapper{
    margin-bottom:20px;
}
.btn-prev-style{
    float:right;
    background: #dfc22f;
}
.btn-next-style{
    width:81px;
}
.btn-prev-style, .btn-next-style{
    outline: none;
}

.panel-success>.panel-heading{
    background-color: transparent;
}
.panel-success>.panel-heading {
  position: relative;
  color: white;
  z-index: 5;
}
.question-transparent-text{
  position: relative;
  color: white;
  z-index: 5;
}

.question-transparent-text:hover{
  position: relative;
  color: white;
  z-index: 5;
}
.question-transparent{
  position: relative;
  line-height: 1.6em;
  margin-bottom: 10px;
  text-align: left;
}

.question-transparent:hover{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color:white;
  /*background-color: #97a9b9;*/
  /*background-color: rgba(151, 169, 185, .7);*/
  background-color: rgba(100, 100, 285, .7);
  z-index: 1;
  /* These three lines are for transparency in all browsers. */
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5;  */
}

.backround-transparent{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #97a9b9;
  z-index: 1;
  /* These three lines are for transparency in all browsers. */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .9;
}

.panel{
    background-color: transparent;
}

.panel-success{
    border: none;
}

.panel-heading{
    border: none;
}
.question-text {
  height: 70px;
}
.answerables {
  height: 300px;
}