/* Color Brown: btn brown */
.btn.brown {
  background: #c1b100;
  color: #ffffff;
}
.btn.brown:hover {
  background: #998c00  ;
}
.btn.brown:active {
  background: #c1b100  ;
}
.btn.brown.disabled,
.btn.brown.disabled:hover .btn.brown.disabled:active {
  background: #c1b100  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Care Institution: btn ci */
.btn.ci {
  background: #a3bf2b;
  color: #ffffff;
}
.btn.ci:hover {
  background: #8ea725  ;
}
.btn.ci:active {
  background: #a3bf2b  ;
}
.btn.ci.disabled,
.btn.ci.disabled:hover .btn.ci.disabled:active {
  background: #a3bf2b  ;
  cursor: default;
  opacity: 0.5;
}

/* Color General Practioner: btn gp */
.btn.gp {
  background: #8a589c;
  color: #ffffff;
}
.btn.gp:hover {
  background: #734a82  ;
}
.btn.gp:active {
  background: #8a589c  ;
}
.btn.gp.disabled,
.btn.gp.disabled:hover .btn.gp.disabled:active {
  background: #8a589c  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Green: btn green */
.btn.green {
  background: #148c78;
  color: #ffffff;
}
.btn.green:hover {
  background: #0d594d    ;
}
.btn.green:active {
  background: #148c78  ;
}
.btn.green.disabled,
.btn.green.disabled:hover .btn.green.disabled:active {
  background: #148c78  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Hospital: btn hospital */
.btn.hospital {
  background: #007dc3;
  color: #ffffff;
}
.btn.hospital:hover {
  background: #006299    ;
}
.btn.hospital:active {
  background: #007dc3  ;
}
.btn.hospital.disabled,
.btn.hospital.disabled:hover .btn.hospital.disabled:active {
  background: #007dc3  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Medeco: btn medeco */
.btn.medeco {
  background: #9bc8d2 ;
  color: #ffffff;
}
.btn.medeco:hover {
  background: #4f9eb0   ;
}
.btn.medeco:active {
  background: #9bc8d2   ;
}
.btn.medeco.disabled,
.btn.medeco.disabled:hover .btn.medeco.disabled:active {
  background: #9bc8d2   ;
  cursor: default;
  opacity: 0.5;
}

/* Color Medeco College: btn medecocollege */
.btn.medecocollege {
  background: #ff7800;
  color: #ffffff;
}
.btn.medecocollege:hover {
  background: #cc6000  ;
}
.btn.medecocollege:active {
  background: #ff7800  ;
}
.btn.medecocollege.disabled,
.btn.medecocollege.disabled:hover .btn.medecocollege.disabled:active {
  background: #ff7800  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Mediq: btn mediq */
.btn.mediq {
  background: #006983;
  color: #ffffff;
}
.btn.mediq:hover {
  background: #005266   ;
}
.btn.mediq:active {
  background: #006983  ;
}
.btn.mediq.disabled,
.btn.mediq.disabled:hover .btn.mediq.disabled:active {
  background: #006983  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Red: btn red */
.btn.red {
  background: #b42314;
  color: #ffffff;
}
.btn.red:hover {
  background: #8a1b0f ;
}
.btn.red:active {
  background: #b42314  ;
}
.btn.red.disabled,
.btn.red.disabled:hover .btn.red.disabled:active {
  background: #b42314  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Retail: btn retail */
.btn.retail {
  background: #d10074;
  color: #ffffff;
}
.btn.retail:hover {
  background: #cc0071  ;
}
.btn.retail:active {
  background: #d10074  ;
}
.btn.retail.disabled,
.btn.retail.disabled:hover .btn.retail.disabled:active {
  background: #d10074  ;
  cursor: default;
  opacity: 0.5;
}

/* Color Steunkleur Beige: btn beige */
.btn.beige {
  background: #dbceac;
  color: #ffffff;
}
.btn.beige:hover {
  background: #c1ab71  ;
}
.btn.beige:active {
  background: #dbceac  ;
}
.btn.beige.disabled,
.btn.beige.disabled:hover .btn.beige.disabled:active {
  background: #dbceac  ;
  cursor: default;
  opacity: 0.5;
}

/* Color yellow: btn yellow !!  */
.btn.yellow {
  background: #e8b500;
  color: #ffffff;
}
.btn.yellow:hover {
  background: #cc9f00 ;
}
.btn.yellow:active {
  background: #e8b500  ;
}
.btn.yellow.disabled,
.btn.yellow.disabled:hover .btn.yellow.disabled:active {
  background: #e8b500  ;
  cursor: default;
  opacity: 0.5;
}