* {
    margin: 0;
    padding: 0;
  }


  .side-navbar {
    width: 250px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background-color: #5b7772;
    transition: 0.5s;
  }
  
  .nav-link:active,
  .nav-link:focus,
  .nav-link:hover {
    background-color: #ffffff26;
  }
  
  .my-container {
    transition: 0.4s;
  }
  
  .active-nav {
    margin-left: 0;
  }
  
  /* for main section */
  .active-cont {
    margin-left: 250px;
  }
  
  #menu-btn {
    background-color: #5b7772;
    color: #fff;
    margin-left: -62px;
  }
  
  .my-container input {
    border-radius: 2rem;
    padding: 2px 20px;
  }
/* 
  ------- LAYAOUT ------ */

  li.nav-link a {
    text-align: left;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    padding-right: 100px;
  }

  ul.materiaPrima {
    background-color: #000;
  }


  .formularioBuscar {
    padding-top: 20px;
  }

  .modal-ordComp {
    max-width: 1000px;
  }

  th.ordComp {
    width:165px;
  }
  th.ordComp:last-child {
    width: 65px;
  }

  th.entr {
    width:150px;
  }
 

  span.error {
    color: red;
  }

  .fc-toolbar {
    text-transform: uppercase;
}´

.img_mpp{
  background: url('../imgs/logo.png') no-repeat 0px 0px;
  width: 150px;
  height: 150px;
  position: absolute;
  z-index:22;
  border: 2px solid green;
  display: none;
}
a:hover .img_mpp{
  display:block;
}
div.form-check {
  margin: 0px;
}

.fondo_login {
  padding: 1.55rem 0 2rem 0 !important;
  margin:0px;
  background: linear-gradient(to right top, #5b7772, #688a7d, #7b9d84, #93af8a, #b1c08f);
}

.card_login {
  padding: 25% 0px;
  background: transparent url('../imgs/fondo-login-min.png') no-repeat center center;
  width: 100%;
  height: 600px;
}

.card_login h3 {
  font-weight: bold;
  font-size: 2rem;
  margin: 20px 0px;
  text-shadow: 2px 2px #000;
}

.card_login form label {
  font-weight: bold;
}

.card_login form button {
  padding: 10px 40px;
  border-radius: 3px;
  font-size: 20px;
  color: #FFF;
  text-decoration: none;
  background-color: #2ecc71;
  border: none;
  border-bottom: 5px solid #ffb429;
  text-shadow: 0px -2px #27ae60;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
 
.card_login form button:hover, .card_login form button:active {
  -webkit-transform: translate(0px,5px);
  -ms-transform: translate(0px,5px);
  transform: translate(0px,5px);
  border-bottom: 1px solid #2ecc71;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    }
input[type=number] { -moz-appearance:textfield; }

button.chart {
  background-color: #00BFA6;
  padding: 14px 40px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  border-radius: 10px;
  border: 2px dashed #00BFA6;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  transition: .4s;
 }

 button.chart span:last-child {
  display: none;
 }

 .item_chart {
   color: #fff;
 }
 .item_chart:hover {
  background-color: #fff;
  color: #00BFA6;
 }
 
 button.chart:hover  {
  transition: .4s;
  border: 2px dashed #00BFA6;
  background-color: #fff;
  color: #00BFA6;
 }
 
 .btn:active {
  background-color: #87dbd0;
 }

 .card-header, .card-footer, .modal-header, .modal-footer {
   background-color: #8fa9a4;
   color: #fff;
 }

 .card, .modal-content {
   border-color: #8fa9a4;
 }

 .modal-header button {
   color: #fff;
 }