/* primario #6600d3 */
/*secundario #3b38eb */

.main-footer{
  background-color: #3b38eb !important;
}

.main-header{
  background-color: #3b38eb !important;
}

.navbar-primary{
  background-color: #3b38eb !important;
}

.main-sidebar{
  background-color: darkblue !important;
}

.nav-link{
  color:    #d1d1d1   !important;
}
.color-primario {
  color: #6600d3 !important;
}

.fondo-primario {
  background-color: #6600d3 !important;  
}

.color-secundario {
  color: #3b38eb !important;
}

.fondo-secundario {
  background-color: #3b38eb !important;
  ;
}

.card-primary.card-outline {
  border-top: 3px solid #3b38eb !important;
}

.borde-primario{
  border-color: #6600d3 !important;
}

.borde-secundario{
  border-color: #3b38eb !important;
}

.fondo-login{
  /* background: #6600d3 !important; */
  background-image: url("../../../Img/fondo.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.card-header {
   border-top-left-radius:0%; 
  border-top-right-radius: 0%;
}

.form-control:focus {
  border-color: #6600d3;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(143, 102, 165, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(143, 102, 165, .6);
}

.boton:active {
  border-color: #6600d3 !important;  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(143, 102, 165, .6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(143, 102, 165, .6) !important;
}

.boton:focus {
  border-color: #6600d3 !important;  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(143, 102, 165, .6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(143, 102, 165, .6) !important;
}

 .opcion:hover{
 /* background-color: #6600d3 !important;  */
 box-shadow: 0 0 10px 100px #6600d3  inset;
}
/******************SCROLLBAR*************************/
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6600d3 #3b38eb;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #3b38eb;
}

*::-webkit-scrollbar-thumb {
  background-color: #6600d3;
  border-radius: 20px;
  border: 3px solid #3b38eb;
}