@font-face {
    font-family: 'Roboto';
    font-stretch: 50% 200%;
    /*src: url('../fonts/Roboto-Regular.ttf'); /* IE9 Compat Modes */
    /*src: url('mywebfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    /*url('mywebfont.woff') format('woff'), /* Modern Browsers */
    src: url('../fonts/Roboto-Regular.ttf'),
    url('../fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Black.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Thin.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/RobotoCondensed-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    /*url('mywebfont.svg#svgFontName') format('svg') /* Legacy iOS */
    ;
}

.nav-tabs,
.nav-tabs > a:focus,
.nav-tabs > a:hover {
    margin-top: 10px;
    margin-bottom: 20px;
  background-color: lightgray;
  color: white;
    box-shadow: 0px 0px 10px #777;
    webkit-transform: perspective(30) rotateX(10deg);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: white;
  color: black;
}

body {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
}

.cambio-fondo .row:nth-child(even) {
    background-color: lightgray;
}

.company-inlist {
    background: lightgreen;
}

.company-not-inlist {
    background: yellow;
}

.company-self-owned {
    background: orange;
}