/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.payroll {
  position: relative;
  overflow: hidden;
  background-color: #c1e9f6;
}

.payroll .p-t-img {
  background: url(../../images/payroll/bg-payroll-top.png) top left repeat-x;
  top: 35px;
}

.payroll .p-b-img {
  background: url(../../images/payroll/bg-payroll-bottom.png) bottom right repeat-x;
  bottom: 20px;
}

.payroll .p-b-img, .payroll .p-t-img {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 100%;
  left: 0;
}

.payroll-left, .payroll-right {
  z-index: 1;
}

.payroll-left ul {
  position: relative;
}

.payroll-left ul li {
  width: 23%;
  text-align: center;
}

.payroll-left ul input[name=select] {
  display: none;
}

.payroll-left ul .item-hugger {
  position: relative;
  transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #a5e3f7;
}

.payroll-left ul label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.payroll-left ul .thumb-image {
  height: 79px;
  width: 79px;
}

.payroll-left ul .content {
  position: absolute;
  left: 136px;
  top: 0;
  transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  border: 1px solid #a5e3f7;
  opacity: 1;
  position: absolute;
  background: radial-gradient(#9e9e9e, transparent);
}

.payroll-left ul .e-content {
  opacity: 0;
  position: absolute;
}

.payroll-left ul .content img {
  max-width: 100%;
}

.payroll-left ul input[name=select]:checked + .item-hugger {
  background: radial-gradient(#9e9e9e, transparent);
}

.payroll-left ul input[name=select]:checked ~ .e-content {
  opacity: 1;
}

.payroll-right {
  border: 1px solid #78b1c3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.payroll-right h3 {
  margin-top: 0;
  padding: 0 15px;
  background: radial-gradient(#6aaabe, transparent);
  text-align: center;
  color: #ffffff;
  margin: 0;
  border-bottom: 1px solid #78b1c3;
  text-shadow: 0 0 5px #197a98;
  position: relative;
}

.payroll-right ul li {
  display: inline-block;
  text-align: center;
  width: 24%;
}

.payroll-right ul li img {
  width: 50px;
}

.payroll-right ul li h4, .payroll-right ul li p {
  margin-bottom: 0;
}

.payroll-right p em {
  color: #cd5c5c;
}

.payroll-right h4 {
  color: #00749c;
}

.payroll-right tr td .tp {
  font-size: 20px;
  color: #1f3357;
}

.payroll-right input.form-control {
  background: 0 0;
  border: 1px solid #adcad4;
}

.payroll-right .add-to-cart {
  background: rgba(104, 173, 195, 0.9019607843);
  color: #ffffff;
}

/*# sourceMappingURL=payrollPage.css.map */