button:focus {
  outline: none !important;
}
#chcp_font_size button {
    border: 1px solid #999;
    background-color: #eee;
    box-shadow: none;
    padding: 5px 5px;
    margin: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: 600;
}
#chcp_font_size button:hover {
  color: #ff5100;
}
#btn-decrease {
  font-size: 12px;
  
}
#btn-orig {
  font-size: 14px;
}
#btn-increase {
  font-size: 12px;
}
.m100{
 padding:5px;
}
.m100:hover {
box-shadow: 0px 0px 6px #999999;
}
 .m100:active {
    box-shadow: 0px 0px 3px #f00;
}
@media (max-width: 480px) {
	.borde-sec .text-right{text-align: left !important;}
	.modal-dialog {
	  width: 100%;
	}
}
.tab-content ul li {
list-style: inside;
}
.select-box::after {
    height:30px;
    width:30px;
    padding-top:2px;
}
.btn-success {
    background-color: lightseagreen;
}
.btn-ratethisproduct {
    background-color:#09F;
}
.pro_box2 {
    background: #ffffff;
    padding: 15px;
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    -webikit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    margin: 10px 0 15px 0;
    font-size: 16px;
    color: gray;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.pro_box2 img {
    width:100%;
}
.displayclass {  
      padding: 10px 20px;
      background-color:teal;
      color:#fff;
      font-weight: bold;
	      border-radius: 5px;
    box-shadow: 0px 3px 2px 0px #777;
}

.displayclass:hover{  
      background-color:firebrick;
      color:#fff;
	  box-shadow: 0px 3px 2px 0px;
	  
}
.displayclasss {  
      padding: 10px 20px;
      background-color:teal;
      font-weight: bold;
}

.displayclasss a:hover{  
      background-color:firebrick;
      color:#fff;
}
#prodetail ul li {
    list-style: inside;
}
input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}

label {
  display: block;
  position: relative;
  cursor: pointer;
}

label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -15px;
  left: -15px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

label img {
  height: 100%;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

:checked + label {
  box-shadow: 0px 0px 5px 2px red;
}

:checked + label:before {
  content: "✓";
  background-color: red;
  transform: scale(1);
}

:checked + label img {
  /*transform: scale(0.9);
   box-shadow: 0 0 5px #333; */
  z-index: -1;
}