.btn:focus, .btn::-moz-focus-inner {
  outline:none;
  border:none;
}

.btn {
  border:none;
  padding:10px;
  cursor:pointer;
  display:inline-block;
  text-decoration:none;
}

.btn-green {
  padding:5px;
  padding-left:12px;
  padding-right:12px;
  background:rgb(171,171,171);
  color:#fff;
  box-shadow:0 5px 0 #6f6f6f;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-botao-produto {
  padding:17px;
  background:rgb(255,255,255);
  color:#fff;
  box-shadow:0 5px 0 #6f6f6f;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
  border-top:1px solid rgb(204,204,204);
  border-right:1px solid rgb(111,111,111);
  border-left:1px solid rgb(204,204,204);
}

.btn-red {
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  background:rgb(204,204,204);
  color:#fff;
  box-shadow:0 5px 0 #6f6f6f;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-cinza {
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  background:rgb(132,132,132);
  color: #fff;
  box-shadow:0 5px 0 #1f1f1f;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-amarelo {
  padding:5px;
  padding-left:12px;
  padding-right:12px;
  background:#ffc700;
  color:#fff;
  box-shadow:0 5px 0 #b08900;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-verde {
  padding:5px;
  padding-left:12px;
  padding-right:12px;
  background:rgb(17,213,0);
  color:#fff;
  box-shadow:0 5px 0 #0ea600;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-azul {
  padding:5px;
  padding-left:12px;
  padding-right:12px;
  background:rgb(2,164,255);
  color:#fff;
  box-shadow:0 5px 0 #01499d;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-atendente {
  padding:10px;
  padding-left:20px;
  padding-right:20px;
  background:rgb(171,171,171);
  color:#fff;
  box-shadow:0 5px 0 #6f6f6f;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-logo {
  color:#fff;
  box-shadow:0 5px 0 #6f6f6f;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-celulas {
  width: 50px;
  background:rgb(204,204,204);
  color:#fff;
  box-shadow:0 5px 0 #6f6f6f;
  cursor:pointer;
  padding: 0px;
  margin-top: 5px;
  border-radius:5px;
}

.btn-amarelo:hover {
  background:#ffc700;
  box-shadow:0 5px 0 #b08900;
}

.btn-azul:hover {
  background:#02a4ff;
  box-shadow:0 5px 0 #01499d;
}

.btn-green:hover {
  background:#ababab;
  box-shadow:0 5px 0 #6f6f6f;
}

.btn-botao-protudo:hover {
  background:#ffffff;
  box-shadow:0 5px 0 #6f6f6f;
}

.btn-red:hover {
  background:rgb(204,204,204);
  box-shadow:0 5px 0 #6f6f6f;
}

.btn-cinza:hover {
  background:rgb(132,132,132);
  box-shadow:0 5px 0 #1f1f1f;
}

.btn-verde:hover {
  background:rgb(17,213,0);
  box-shadow:0 5px 0 #0ea600;
}

.btn-celulas:hover {
  padding: 0px;
  margin-top: 5px;
  background:rgb(204,204,204);
  box-shadow:0 5px 0 #6f6f6f;
}

.btn-green:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:rgb(149,149,149);
}

.btn-amarelo:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:rgb(211,165,0);
}

.btn-azul:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:rgb(0,112,176);
}

.btn-botao-produto:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:rgb(149,149,149);
}

.btn-red:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:#6f6f6f;
}

.btn-cinza:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:rgb(106,106,106);
}

.btn-verde:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:rgb(15,184,0);
}

.btn-celulas:active {
  padding: 0px;
  margin: px;
  position:relative;
  top:5px;
  box-shadow:none;
  background:#6f6f6f;
}

.btn-green:hover {
  color:white;
}

.btn-verde:hover {
  color:white;
}

.btn-amarelo:hover {
  color:white;
}

.btn-azul:hover {
  color:white;
}

.btn-cinza:hover {
  color:white;
}

.btn-celulas:hover {
  color:white;
}

.form-group .glyphicon-eye-open {
  pointer-events: auto;
}
.form-group .glyphicon-eye-open:hover {
  cursor: pointer;
}
/*///////////////////////////////////////////////////////////////////////////////*/

.btn-verdeX {
  padding:5px;
  padding-left:12px;
  padding-right:12px;
  background:#00ff66;
  color:#fff;
  box-shadow:0 5px 0 #009933;
  cursor:pointer;
  margin:5px;
  border-radius:5px;
}

.btn-verdeX:hover {
  background:#00ff66;
  box-shadow:0 5px 0 #006600;
}

.btn-verdeX:active {
  position:relative;
  top:5px;
  box-shadow:none;
  background:#006600;
}

.btn-verdeX:hover {
  color:white;
}