@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 300;
src: local('Mada Regular'), url('./fonts/Meda/Mada-Regular.woff') format('woff');
}


@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 100;
src: local('Mada ExtraLight'), url('./fonts/Meda/Mada-ExtraLight.woff') format('woff');
}


@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 200;
src: local('Mada Light'), url('./fonts/Meda/Mada-Light.woff') format('woff');
}


@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 400;
src: local('Mada Medium'), url('./fonts/Meda/Mada-Medium.woff') format('woff');
}


@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 500;
src: local('Mada SemiBold'), url('./fonts/Meda/Mada-SemiBold.woff') format('woff');
}


@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 600;
src: local('Mada Bold'), url('./fonts/Meda/Mada-Bold.woff') format('woff');
}

.map-container {
  width: 100%;
  height: 40vh;
}

.gm-style-moc {
  height: unset !important;
}

@font-face {
font-family: 'Mada';
font-style: normal;
font-weight: 700;
src: local('Mada Black'), url('./fonts/Meda/Mada-Black.woff') format('woff');
}

body{
    font-family: "Mada" !important;
    font-weight: 300 !important;
}
body::-webkit-scrollbar {
    width: 8px;
  }
  body::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
  }
  body::-webkit-scrollbar-thumb {
    background-color: #E3000B;
    border-radius: 10px;
  }
  :root {
    scrollbar-color: #E3000B rgba(0, 0, 0, 0.4) !important;
    scrollbar-width: thin !important;
  }

.red-color {
    color: #E3000B;
}
.white-color {
  color: white;
}
.bordesRedondos{
  border-radius: 10px;
}
.bordesRedondosBottom{
  border-radius: 0px 0px 10px 10px;
}
.bordesRedondosTop{
  border-radius: 10px 10px 0px 0px;
}
.vendedorAtributoTitle, .atributoTitle{
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 0;
}
.vendedorAtributo, .atributoDato{
  font-size: 20px;
}
.vendedor h3 {
  font-size: 25px;
}

.hr-pedidos{
  border: 1px solid #000;
}

.tablaproducts::-webkit-scrollbar {
  -webkit-appearance: none;
}

.tablaproducts::-webkit-scrollbar:vertical {
  width:10px;
}

.tablaproducts::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
  display: none;
} 

.tablaproducts::-webkit-scrollbar:horizontal {
  height: 10px;
}

.tablaproducts::-webkit-scrollbar-thumb {
  background-color: #2b323c;
  border-radius: 20px;
  border: 2px solid #EAEBF0;
}

.tablaproducts::-webkit-scrollbar-track {
  border-radius: 10px;  
}

.modal-seleccion-cliente{
  position: relative;
  width: 452px;
  height: 315px;
  /* overflow-y: scroll; */
  
  background: #FFFFFF;
  border-radius: 20px;

  border: none;

  box-shadow: 0px 7px 13px 3px rgba(0, 0, 0, 0.25);
}