/*------------------------Botones Generales-----------------------------*/

.buttonViewCuadrado {
  background-color: #58A6FF;
  border:none;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  transition-duration: 0.4s;
  margin: 4px 2px;
  width: 92px;
  height: 38px
 }
.buttonViewCuadrado:hover { 
  background-color: #3869A1;
	color: white;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }
	
.buttonViewCuadradoCatalog {
  background-color: #E6E6FA;
  border:none;
  border-radius: 5px;
  text-decoration: none;
  transition-duration: 0.4s;
  margin: 4px 2px;
  width: 100%;
  height: 50px
 }
.buttonViewCuadradoCatalog:hover { 
  background-color: #3869A1;
	color: white;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonPrint{
background-color: white;
  border: none;
  color: #58A6FF;
  border: 2px solid #58A6FF;
  border-radius: 5px;
  text-decoration: none; 
  transition-duration: 0.4s;
  height: 38px;
}
.buttonPrint:hover { 
   background-color: #58A6FF;
   color: white;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonEditGeneral{
background-color: white;
  border: none;
  color: #58A6FF;
  border: 2px solid #58A6FF;
  border-radius: 5px;
  text-decoration: none; 
  transition-duration: 0.4s;
  margin: 4px 2px;
}
.buttonEditGeneral:hover { 
   background-color: #58A6FF;
   color: white;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonDeleteGeneral {
  background-color: white;
  border: 2px solid  #c65a57;
  border-radius: 5px;
  color: #c65a57;
 
  text-decoration: none;
  transition-duration: 0.4s;
  margin: 4px 2px;
 }
.buttonDeleteGeneral:hover { 
  background-color: #DE2B5E;
  border: 2px solid #E9625E;
  color: white;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonNewRole{
  background-color: #58A6FF;
  color: white;
  border: 2px solid #58A6FF;
  transition-duration: 0.4s;
  border-radius: 5px;
  text-decoration: none; 
  margin: 4px 2px;
}
.buttonNewRole:hover { 
  background-color: white;
  color: #58A6FF;
  border: 2px solid #58A6FF;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }
	
.buttonEditRole{
  border: none;
  background-color: white;
  color: #218838;
  border: 2px solid #218838;
  border-radius: 5px;
  text-decoration: none; 
  transition-duration: 0.4s;
  margin: 4px 2px;
}
.buttonEditRole:hover { 
   background-color: #218838;
   color: white;
   box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonEmployeeNumber{
  cursor: pointer;  
  color: #58A6FF; 
  width: 200px; 
  padding: 5px;
  border-radius: 5px; 
  text-align: center;
  background-color: white;
  border: 1px solid #58A6FF;
  border-radius: 5px;
  transition-duration: 0.4s
}
.buttonEmployeeNumber:hover { 
   box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
   text-decoration: none; 
 }

.btn-info{
transition-duration: 0.4s;
}
.btn-info:hover{
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

.btn-danger{
transition-duration: 0.4s;
}
.btn-danger:hover{
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

.btn-primary{
border: 2px solid #58A6FF;
transition-duration: 0.4s;
}
.btn-primary:hover{
color: white;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

.outlineWhite{
border: 1px solid #7da1bc;
transition-duration: 0.4s;
}
.outlineWhite:hover{
border: 2px solid white;
color: white;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}

.btn-success{
transition-duration: 0.4s;
}
.btn-success:hover{
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
}



.buttonViewCircle {
  background-color: white;
  border-radius: 50px;
  border: 2px solid #58A6FF;
  color: #58A6FF;
  text-decoration: none;
  transition-duration: 0.4s;
  margin: 4px 2px;
  width: 40px;
  height: 38px
 }
.buttonViewCircle:hover { 
  background-color: #58A6FF;
  color: white;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonUpdateEmployee{
  background-color: #007BFF;
  color: white;
  border: 2px solid #007BFF;
  transition-duration: 0.4s;
  border-radius: 5px;
  text-decoration: none; 
  margin: 4px 2px;
  width: 95px
}
.buttonUpdateEmployee:hover { 
  background-color: white;
  color: #007BFF;
  border: 2px solid #007BFF;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
 }

.buttonCancel{
  background-color: #DA3633;
  border: none;
	border-radius: 5px;
  color: white;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  height: 44px
}
.buttonCancel:hover {
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.buttonUndoUserSuper { 
  transition-duration: 0.4s;
  color: white; 
  border: none; 
  background-color: #DA3633; 
  padding: 4px; 
  border-radius: 5px;
  text-decoration: none; 
  margin: 4px 2px;
  width: 128px;
font-size: 14px  }

.buttonUndoUserSuper:hover {
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.buttonMakeUserSuper { 
  transition-duration: 0.4s;
  color: #007BFF;
  border: 2px solid #007BFF;
background-color: white;
  padding: 4px; 
  border-radius: 5px;
  text-decoration: none; 
  margin: 4px 2px;
  width: 128px;
font-size: 14px }

.buttonMakeUserSuper:hover {
  color: white; 
  background-color: #007BFF; 
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}

.buttonAccept{
  background-color: #4CAF50;
  border: none;
  border-radius: 5px;
  color: white;
  padding: 10px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonAccept:hover {
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
}