@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/maindash/opensans-regular-webfont.eot');
    src: url('../fonts/maindash/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/maindash/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/maindash/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/maindash/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/maindash/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/maindash/opensans-light-webfont.eot');
    src: url('../fonts/maindash/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/maindash/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/maindash/opensans-light-webfont.woff') format('woff'),
         url('../fonts/maindash/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/maindash/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ui-datepicker-trigger {
    cursor:pointer;
}

.ui-datepicker-calendar {
    display: none;
}

.table {
    display: table;
}

.row {
    display: table-row;
}

.trDisable {
    opacity: 0.3;
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    filter: grayscale(90%);    
}

.column {
    display: table-cell;
    vertical-align: top;
}

.nvasCap {
    display: block;
    width: 200px;
    height: 100px;
}

.tableNewDashboard
{
    font-family: "Open Sans";
}

.center
{
    text-align: center;
}

.font-12 { font-family: "Open Sans Light"; font-size: 12px; }
.font-16 { font-family: "Open Sans Light"; font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-family: "Open Sans Light"; font-size: 20px; }
.font-22 { font-size: 22px; }
.font-25 { font-size: 25px; }
.font-26 { font-size: 26px; }
.font-30 { font-size: 30px; }
.font-40 { font-size: 40px; }
.font-50 { font-size: 50px; }
.font-60 { font-size: 60px; }
.font-20-normal { font-size: 20px; }
.font-Negra { color: #000; }
.font-grisOscuro { color: #666; }
.font-grisClaro { color: #999; }
.font-Naranja { color: #b3593c; }
.font-Azul { color: #1a67bd; }
.font-Alerta { color: #FF5E5E; }
.font-Amarillo { color: #F9C800; }
.font-Verde { color: #02CD02; }



/* BORDER */ 

.bordeDer { border-right: 1px solid #ccc; }
.bordeInf { border-bottom: 1px solid #ccc; }
.bordeSup { border-top: 1px solid #ccc; }

/* % de exclusividad */

.chart {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 200px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 200px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}