/* imagen de fondo login*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

@font-face {
  font-family: SourceSansPro-Italic;
  src: url(fonts/SourceSansPro-Italic.ttf);
}

html {
  font-family: SourceSansPro-Italic, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.logo2 {
  width: 225px;
  border-radius: 50%;
  margin-top: -50px;
}

.logotipo {
  width: 50px;
  height: 50px;
}

.logotabla {
  width: 150;
  height: 120;
}
.montos {
  width: 50px;
}

.CreaMPreviw {
  display: flex;
  justify-content: flex-start;
}

.Requerido {
  color: red;
}
.ancho {
  width: 250px;
}

.limpiarMargenes {
  margin: 0px !important;
  padding: 5px !important;
}

#div_cajas > a {
  color: black !important;
}

.no-hover > div:hover {
  color: gray !important;
}

.no-hover1 > div:hover {
  color: white !important;
}

.icono {
  width: 60px !important;
  height: 60px !important;
  margin-right: 15px !important;
  margin-bottom: 50px !important;
}

div.datatable {
  text-align: center !important;
  margin: 0 auto !important;
  padding-top: 20px !important;
  padding-bottom: 50px !important;
  font-family: helvetica !important;
}

#suggestions {
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  height: auto;
  position: absolute;
  top: 45px;
  z-index: 9999;
  width: 206px;
}

#suggestions .suggest-element {
  background-color: #eeeeee;
  border-top: 1px solid #d6d4d4;
  cursor: pointer !important;
  padding: 8px;
  width: 100%;
  float: left;
}
.sinborde {
  border: 0 !important;
  background-color: #eee !important;
  outline: none;
}

.bloqueado {
  color: gray !important; /* Cambia el color a gris */
  text-decoration: none !important; /* Elimina el subrayado */
  cursor: default !important; /* Cambia el cursor a la flecha estándar */
  pointer-events: none !important; /* Evita que el enlace reciba eventos del ratón */
}

/* Estilos para filas impares */
table tr.odd {
  background-color: #f2f2f2 !important; /* Un gris muy claro */
}

/* Estilos para filas pares */
table tr.even {
  background-color: #ffffff !important; /* Blanco, puedes omitirlo si el fondo por defecto ya es blanco */
}

/* Opcional: Estilo al pasar el ratón por encima (hover) */
table tbody tr:hover {
  background-color: #e0f2f7 !important; /* Un azul claro para el hover */
  cursor: pointer !important; /* Cambia el cursor a una mano */
}
.disabled-link {
  pointer-events: none; /* Prevents click events */
  cursor: not-allowed; /* Changes cursor to "no entry" sign */
  opacity: 0.6; /* Makes it look faded/disabled */
  text-decoration: none; /* Optional: Remove underline */
  /* Add any other styles to make it clearly look disabled */
}
/* table.detalle {
  border-collapse: collapse;
  width: 100%;
}


table.detalle td,
table.detalle thead th {
  background-color: #215878 !important;
  color: white !important;
  border: 1px solid #ccc !important;
  padding: 8px !important;
  text-align: left !important;
}

table.detalle tbody td {
  font-size: 12pt !important;
  width: 200px;
} */
/*
@font-face {
font-family: 'thebit';
src: url('fonts/futuran-webfont-webfont.eot');
src: url('fonts/futuran-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/futuran-webfont-webfont.woff') format('woff'),
url('fonts/futuran-webfont-webfont.ttf') format('truetype'),
url('fonts/futuran-webfont-webfont.svg#futura_bk_btbook') format('svg');
}

Luego ya basta con usar la propiedad font-family.

font-family: thebit, Verdana, Arial, Helvetica, sans-serif;*/