input[type=checkbox] {
    display:none;
}
.hidden {
    display:none;
}
#step1 input[class=qs_circle] + label {
	display:inline-block !important;
	width: 50px ;/*20211020 was 70px*/
	height: 50px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    outline:0 !important;
 }
#step1 input[class=qs_circle]:checked + label {
    cursor:pointer;
}
#step1 input[class=qs_circle]:not(:checked) + label {
    background-image:url("../img/balls/empty.png") !important;
    cursor:pointer;
}
#step1 input[class=picker] + label {
	display:inline-block !important;
	width: 50px ;/*20211020 was 70px*/
	height: 50px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    outline:0 !important;
 }
#step1 input[class=picker]:checked + label {
    cursor:grabbing !important;
}
#step1 input[class=picker]:not(:checked) + label {
    cursor:grab !important;
}
#step1 label {
    padding-top: 0.8em !important;
    width: 100px !important;
    padding-right:70px;
}
.card {
    border-radius: .5rem !important;
    min-width:65% !important;
    max-width:65% !important;
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
}
.card-header {
    background: linear-gradient(#EEF2F3, #A7B9C7);
}
.card-header:first-child {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0 !important;
}
body {
    background-image:
    linear-gradient(to bottom, rgba(238, 242, 243 ,0.7), rgba(142, 158, 171, 0.7)),
    url("../img/background.jpg");
    background-repeat: no-repeat; 
    background-size: cover;  
    background-position: center center;
    background-attachment: fixed;
}
.logo {
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:25px;
    /*top:10px !important;
    position:absolute;*/
}
#responsive_extra_row {
    display:none !important;
}
@media (min-width: 767px) {
    .logo {
        /*margin-bottom:-150px;*/
    }
}
.cl_right {
  text-align: right !important;
}
@media (max-width: 1300px) {
  .column_legend {
    width: 100% !important;
    text-align: left !important;
  }
  .cl_right {
      text-align: left !important;
  }
}
@media (max-width: 600px) {
    .logo {
        max-width:300px !important;
    }
    #pickers {
        display: none !important;
    }
    .first_column {
        display: none !important;
    }
#responsive_extra_row {
    display:block !important;
}
    .card {
        min-width:85% !important;
        max-width:85% !important;
    }
    #step1 label {
        padding-right:60px !important;
    }
    #step1 input[class=qs_circle] + label {
        height: 40px !important;
    }
    .col-2 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}