@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
body{font-size: 18px; color: #000000;}
h1{font-size: 2.667em; font-family: 'Montserrat', sans-serif;}
h2{font-size: 2em; font-family: 'Montserrat', sans-serif;}
h3{font-size: 1.778em; font-family: 'Montserrat', sans-serif;}
h4{font-size: 1.667em; font-family: 'Montserrat', sans-serif;}
h5{font-size: 1.444em; font-family: 'Montserrat', sans-serif;}
h6{font-size: 1.333em; font-family: 'Montserrat', sans-serif;}
p{font-family: 'Roboto', sans-serif;}
.bg-sales{
  background-image: url('../img/bg-sales.png');
  background-position: Top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  /* min-height: 100vh; */
  min-height: auto !important;
  max-height: 200vh;
}
.img-sales{
  background-image: url('../img/jeans-texture.png');
  background-position: Top center;
}
.rounded-marcas{
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
}
.scroll{
  overflow-y: scroll;
  overflow-x: hidden;
  min-height: 70vh;
  max-height: 80vh;
}
.input-file-input {  display: none;}
.btn-rounded {
  border-radius: 50px !important;
  padding: 10px 20px !important;
}
.btn-danger{
  background: #72111B !important;
  border: 1px solid #ffffff !important;
}
.btn-danger:hover{
  background: #590C14 !important;
  border: 1px solid #590C14 !important;
}
.btnMarca{
  cursor: pointer;
}
.btnMarcaActive {
  border: 2px solid #293c54;
  border-radius: 10px;
}
.text-red{
  color: #72111B;
}
thead{background-color: #72111B; color: white;}

footer{
  background-color: #72111B;
}
.input-premios{
  background: #F5F5F5;
  border-radius: 5px;
  text-align: center;
  border: 0px !important;
  color: #000000;
  font-weight: bold;
}
.imgDiscount {
  width: 80%;
}
::placeholder{
  color: #000000 !important;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background-color: #A7A7A7;
  box-shadow: inset 0 0 2px white;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #02025E;
}

.fade-image{
  mask-image: linear-gradient(rgb(0, 0, 0) 45%, rgba(0,0,0,0) 100%);
 } 

/*Data table*/
.page-item.active .page-link {
  background-color: #72111B;
  border-color: #72111B;
}
.page-link {
  color: #72111B;
}

/*Colors*/
.txt-red {
  color: #72111B;
}

/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  /* .participar{
    width: calc(100% - 15px);
    background-color: #F5F5F5;
    margin: 15px;
  } */
  /* .border-premio {
    border-top: 2px solid #00002B;
    border-left: none;
  } */
  /* .premios{
    background-image: url('../img/Americanino.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
    background-color: white;
  } */
  /* .steps-premios{
    background-color: White;
    height: auto;
  } */
  /* .terminos{
    height: 320px;
    overflow-y: scroll;
  } */
  .dataTables_filter {
    margin-top: 7px;
  }
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  .dataTables_filter {
    margin-top: 7px;
  }
}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { }

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  }