@font-face {
  font-family: "Metropolis-Black";
  src: url("../font/Metropolis-Black.ttf") format("truetype"), url("../font/Metropolis-Black.otf") format("otf");
}
@font-face {
  font-family: "Metropolis-Bold";
  src: url("../font/Metropolis-Bold.ttf") format("truetype"), url("../font/Metropolis-Bold.otf") format("otf");
}
@font-face {
  font-family: "Metropolis-ExtraLight";
  src: url("../font/Metropolis-ExtraLight.ttf") format("truetype"), url("../font/Metropolis-ExtraLight.otf") format("otf");
}
@font-face {
  font-family: "Metropolis-Regular";
  src: url("../font/Metropolis-Regular.ttf") format("truetype"), url("../font/Metropolis-Regular.otf") format("otf");
}

a{
  text-decoration: none;
  color:#02225A !important;
}
.uds{
 position: relative;
 left: -64px;
}
header .logo-header {
  max-width: 120px;
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
header{
  background-color: #fecc20;
  height: 75px;
  position: relative;
}
header a{
  position: absolute;
  right: 8%;
  top: 26px;
  color: black !important;
  text-decoration: none !important;
  font-family: "Metropolis-Bold";
}
.home h1{
  font-family: "Metropolis-Bold";
  font-size: 2rem;
}
th{
  font-family: "Metropolis-Bold";
}
td{
  font-family: "Metropolis-Regular";
}
p{
  font-family: "Metropolis-Regular";
}
label{
  font-family: "Metropolis-Regular";
}
input{
  font-family: "Metropolis-Regular";
}
.btn-primary{
  background-color: #02225A !important;
  color: white;
  border-color: #02225A !important;
  border-radius: 0 !important;
  font-family: "Metropolis-Regular";
}
.btn-primary a{

  color: white !important;
text-decoration: none !important;
  font-family: "Metropolis-Regular";
}
.btn-agregar{
  font-family: "Metropolis-Bold";
}
.xred{
  color: red;
}
b{
  font-family: "Metropolis-Bold";
}
.product-fijos input{
  max-width: 60px;
  display: inline-block;
}
.product-fijos label{
  font-family: "Metropolis-Bold";
  padding-left: 10px;
}
.product-fijos label span{
  font-family: "Metropolis-Regular";
}
h5{
  font-family: "Metropolis-Bold";

}
.start{
  width: 40px;
  height: 40px;
  background: #A6A6A6;
  border-radius: 50%;
  position: relative;
}
.start img{
    width: 20px;
    height: 20px;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    position: absolute;
}

.done{
  width: 40px;
  height: 40px;
  background: #8DC99A;
  border-radius: 50%;
  position: relative;
}
.done img{
    width: 20px;
    height: 20px;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    position: absolute;
}
.export-data{
  position: relative;
  right: 7%;
}
.form-control{
  border-radius: 0 !important;
}
input{
  border-radius: 0 !important;
}

.dt-row .col-sm-12{
  max-width: 2000px !important;
  width: 2000px !important;
}
#datatablesAllList_filter{
  position: absolute;
    right: 5%;
}
#datatablesAllList_info{
  position: absolute;
  left: 5%;
}
#datatablesAllList_paginate{
  position: absolute;
  right: 5%;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
  margin-top: 36px !important;
}
@media (min-width: 992px) and (max-width: 1200px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 576px) and (max-width: 767px) {
  .home h1{
    font-size: 1.6rem;
  }
}
@media (max-width: 575px) {
  .home h1{
    font-size: 1.6rem;
  }
}