﻿/*novas cores da nav-bar*/
/*novas cores para relatorio*/
/*titulo (onde era amarelo)*/
/*parte zebrada*/
/* Tamanho da Fonte responsivo para CSS
 * http://descomplica.github.io/css-size-calculator/
 * https://medium.com/descomplica-insights/trigonometria-do-font-size-a104c95fa9a
 */
body {
  font-size: calc(0.25vw + 9.2px); }

.text-redKO {
  color: #B00522; }

.analysisDate {
  position: relative;
  width: 70px;
  font-family: Georgia, serif;
  color: #979797; }
  .analysisDate .day, .analysisDate .month, .analysisDate .year {
    position: absolute; }
  .analysisDate .month {
    font-size: 15px;
    top: 20px;
    left: 15px; }
  .analysisDate .day {
    top: -15px;
    left: 0;
    font-size: 30px; }
  .analysisDate .year {
    top: 5px;
    right: 0;
    font-size: 20px;
    rotation: -90deg !important;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.analysisDate2 {
  position: relative;
  width: 70px;
  font-family: Georgia, serif;
  color: #979797;
  /*.day2, .month2, .year2 {
        position: absolute;
    }*/ }
  .analysisDate2 .day {
    font-size: 26px;
    left: 0;
    position: absolute; }
  .analysisDate2 .month {
    font-size: 26px;
    left: 30px;
    position: absolute; }
  .analysisDate2 .year {
    font-size: 26px;
    left: 70px;
    position: absolute; }

.analysisDescription {
  margin-left: 160px;
  font-size: 20px;
  color: #979797; }

.analysisUser {
  margin-left: 160px;
  font-size: 12px;
  color: #979797; }

.analysisLink {
  border-bottom: 1px groove #007600;
  width: 100%;
  display: inline-block;
  padding: 15px; }
  .analysisLink:hover {
    text-decoration: none;
    background-color: #ECECEC; }

span#label-avgTime {
  font-weight: bold;
  color: #979797;
  font-size: 16px; }

span#avgTime {
  font-weight: bold;
  font-size: 25px;
  color: #B00522; }

.ico-red {
  color: #B00522; }

.dashboardChart {
  height: 85%; }

#dashBoard {
  max-width: 1048px;
  overflow-x: auto;
  overflow-y: hidden; }

#dashBoardPanelBody {
  overflow: auto !important; }

.dashboardNoChart {
  font-size: 27px;
  color: #5C5C5C;
  line-height: 35px; }

#comercialHierarchySelect .chosen-single {
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #FFF 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #FFF 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #FFF 80%);
  background-image: linear-gradient(#eeeeee 20%, #FFF 80%);
  background-color: #e0e0e0;
  opacity: 0.5;
  border-radius: 0;
  box-shadow: 0 0 5px 1px #d3d3d3;
  text-shadow: 1px 1px #FFF, 0 -1px rgba(68, 68, 68, 0.32);
  text-align: center; }

.filter-label {
  font-weight: bold; }

.filter-value {
  padding-top: 1px;
  font-size: 10px; }

.filter-analisys {
  padding: 5px 0 10px 0; }

.editColumn {
  text-align: center !important; }

.realVolumeChart {
  height: 85%; }

#realVolume {
  max-width: 1048px;
  overflow-x: auto;
  overflow-y: hidden; }

#realVolumePanelBody {
  overflow: auto !important; }

#realVolume header {
  text-transform: uppercase !important;
  font-size: 14px;
  background-color: #EAEAEA;
  color: #2B2B2B; }

#realVolume .gridster li {
  box-shadow: 3px 2px 1px #b9b9b9 !important; }

#realVolume li {
  padding: 1px;
  background-color: #F2F2F2; }

