.prodvar_bg{background-repeat: no-repeat; background-position: center;}
.prodvar{width:40px;height:40px;border-radius:100%; margin:5px;border:1px solid #333} 
.prodvar_page{width:70px;height:70px;border-radius:100%; margin:5px;border:1px solid #333} 
.prodvar_sq{ border-radius:0 !important; } 
.prodvarradio{display:inline-block;}
.prodvar_hide{display:none;} 



.prodvarz ul,
ul.prodvarz{padding:0 !important;margin:0 !important}

.prodvarz li{list-style:none;padding:0px;display:block; width: 100%;}
.prodvarz li a {
    padding: 7px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    width: 100%;
    text-align: center;
    display: block;
}
.prodvarz li a:hover{background-color:#cccccc}

.prodvarz li .current {
  background-color: #eeeeee !important;
  border: 1px solid #022354;
  cursor: not-allowed;display:none;
  
  text-decoration: none;  pointer-events: none;
  
}


.dropbtn {
  background-color: #EEEEEE;width:100%;
  color: #333333;
  padding: 12px; min-width:240px; 
  font-size: 16px;
  border: none;border: 1px solid #ddd;
}

.dropdownz {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 12px;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 240px; width:100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdownz:hover .dropdown-content {display: block;}

.dropdownz:hover .dropbtn {background-color: #1E59AC;border: 1px solid #0E688F; color:#ffffff}