body{
  font-family: 'Raleway', sans-serif;
}

.navbar {
  padding: 0.5rem 1rem;
  background: #ff003b;
}

.navbar-light .navbar-brand{
  color: white;
  font-weight: 600;
}

.navbar-light .navbar-nav .nav-link{
  color: white;
}

.nav-link{
  color: white;
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus{
  color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
  color: #ffffff;
}

.nav-link:hover, .nav-link:focus{
  color: #ffffff;
}

label{
  font-weight: 500;
}

.card-header{
  font-weight: 600;
  background: white;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{
  border-radius: 0px;
}

.table th, .table td{
  vertical-align: middle;
}

.btn{
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 0px;
  padding: 8px;
}

.form-control{
  border-radius: 0px;
}

.fnt-w-500{
  font-weight: 500;
}

.fnt-w-600{
  font-weight: 600;
}

.fnt-w-700{
  font-weight: 700;
}

.fnt-sz-13{
  font-size: 13px;
}

.fnt-sz-14{
  font-size: 14px;
}

.buttons-csv{
  background: white;
  color: black;
}

.buttons-excel{
  background: white;
  color: #28a745;
}

.left_side{
  padding: 30px;
}

.right_side{
  padding: 30px;
}

.middle_side{
  padding: 30px;
}

.container_descuento{
  position: relative;
}

.container_descuento span{
  color: white;
}

.container_descuento h3{
  color: white;
  font-size: 85px;
  font-weight: 600;
  line-height: 75px;
}

#form_generar_coupon_code input{
  height: 50px;
  border-radius: 5px;
}

#form_generar_coupon_code input::placeholder{
  color: #d0d0d0;
}

#form_generar_coupon_code input:focus{
  box-shadow: unset;
}

#form_generar_coupon_code button{
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: white;
}

.container_coupon_generator, .container_description {
  padding: 0px 50px;
}

@media (max-width: 991px) {
  .logo {
    width: 250px;
  }
}

@media (max-width: 575px) {

  .logo {
    width: 250px;
  }

  .container_coupon_generator, .container_description{
    padding: 0px;
  }

  .left_side {
      padding: 20px;
  }

  .right_side {
      padding: 20px;
  }

}