/*
File Name: 		custom.css
Description:  You can add your custom CSS here and it will overwrite template styles
*/

/*# sourceMappingURL=maps/custom.css.map */
.att_color{
    border-left:1px solid rgba(34, 17, 34, 0.067);
    border-right:1px solid rgba(34, 17, 34, 0.067);
    background: rgba(34, 17, 34, 0.067);
    padding-top:5px;
}

.att_color input[type=radio] {
  display: none;
}
.att_color input[type=radio]:checked + label span {
  transform: scale(1.25);
}
.att_color input[type=radio]:checked + label .red {
  border: 2px solid #711313;
}
.att_color input[type=radio]:checked + label .white {
  border: 2px solid #a2a0a0;
}
.att_color input[type=radio]:checked + label .black {
  border: 2px solid #827f7f;
}
.att_color input[type=radio]:checked + label .brown {
  border: 2px solid #795548;
}
.att_color input[type=radio]:checked + label .grey {
  border: 2px solid #4b555a;
}
.att_color input[type=radio]:checked + label .orange {
  border: 2px solid #873a08;
}
.att_color input[type=radio]:checked + label .yellow {
  border: 2px solid #816102;
}
.att_color input[type=radio]:checked + label .olive {
  border: 2px solid #505a0b;
}
.att_color input[type=radio]:checked + label .green {
  border: 2px solid #0e4e1d;
}
.att_color input[type=radio]:checked + label .teal {
  border: 2px solid #003633;
}
.att_color input[type=radio]:checked + label .blue {
  border: 2px solid #103f62;
}
.att_color input[type=radio]:checked + label .violet {
  border: 2px solid #321a64;
}
.att_color input[type=radio]:checked + label .purple {
  border: 2px solid #501962;
}
.att_color input[type=radio]:checked + label .pink {
  border: 2px solid #851554;
}

.att_color label {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: 0px !important;
  cursor: pointer;
}
.att_color label:hover span {
  transform: scale(1.25);
}
.att_color label span {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease-in-out;
}


.att_color label span.black {
  background: #000000;
}
.att_color label span.brown {
  background: #a67f71;
}
.att_color label span.grey {
  background: #778890;
}
.att_color label span.white {
  background: #c9c9c9;
}
.att_color label span.red {
  background: #DB2828;
}
.att_color label span.orange {
  background: #F2711C;
}
.att_color label span.yellow {
  background: #FBBD08;
}
.att_color label span.olive {
  background: #B5CC18;
}
.att_color label span.green {
  background: #21BA45;
}
.att_color label span.teal {
  background: #00B5AD;
}
.att_color label span.blue {
  background: #2185D0;
}
.att_color label span.violet {
  background: #6435C9;
}
.att_color label span.purple {
  background: #A333C8;
}
.att_color label span.pink {
  background: #E03997;
}