body {
  color: #474747;
  font-size: 12px;
  position:relative;
  width:100%;
  display: block;
  margin: 0px;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
  
.footer {
  background-color: #354146;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
  position:fixed;
  bottom:0px;
  width:100%;
}

.caixa {
  background-color: #dedede;
  margin: 5px;
  padding: 20px;
  border: 2px solid rgb(214, 209, 209);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.container {
  margin-left: auto;
  margin-right: auto;
  position:relative;
  max-width:1080px;
}
   a{
    text-decoration:none;
    color:unset;
}
    .paginacao{
        font-size: 22px;
    }

    .campos {
      padding:5px;
      border-bottom: 2px solid rgb(214, 209, 209);
      width:100%;
    }

    .maps {
      width:100%;
      height: 55vh;
      border: 2px solid rgb(214, 209, 209);
      border-radius: 4px;
    }

    .linhas {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 44.64%, #0000001a 44.64%, #0000001a 50%, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.0) 94.64%);
        background-size: 45.00px 45.00px;
    }
    .grafico_geral{
        background-color: #ffffff;
        border: 2px solid rgb(214, 209, 209);
        position: relative;
        display:flex;
        border-radius: 4px;
    }
    .mes{
        width: 100%;
        height: 45vh;
        position: relative;
        float: left;
        margin-bottom: 25px;
    }
    .graph_ano, .graph_mes {
      text-align: center;
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      padding: 5px;
      border: 2px solid #cccccc;
      border-radius: 4px;
      min-width: 40px;
      z-index: 200;
    }
    .graph_ano {
        font-size: 12px;
        font-weight: bold;
        top: -5px;
        background: white;
    }
    .graph_mes {
        font-size: 11px;
        bottom: -35px;
        background: #504f4f;
        color: #fff;
    }

    .icon {
      cursor: pointer;
      border-radius: 4px;
      text-align: center;
      font-size:15px;
      padding:2px;
      display: flex;
      float: left;
      margin: 10px;
    }
  
  .header {
    background: rgb(232,0,0);
    background: linear-gradient(180deg, rgba(232,0,0,1) 0%, rgba(126,0,0,1) 100%);
    color:#ffffff;
    margin-bottom:7px;
  }

  .center {
    text-align: center;
  }

  .right {
    text-align: right;
  }

  .left {
    text-align: left;
  }

  .titulo {
    font-weight:normal;
    vertical-align: middle;
    font-size: 20px;
  }

  .topico {
    font-weight: bold;
    font-size: 17px;
  }

  .bold {
    font-weight: bold;
  }

  #lockScreen {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color:rgba(0, 0, 0, 0.774) ;
    height: 100%;
    width: 100%;
    z-index: 900;
  }

  .form-edit{
    background-color: #e2adad;
  }

  input, select, textarea {
    background-color: #fff;
    width:100%;
    padding:4px;
    height:25px;
    border-radius: 2px;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: unset;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  }

  .click {
    cursor: pointer;
  }

  .button {
    cursor: pointer;
    border-radius: 3px;
    padding: 8px;
    margin: 4px;
    height: unset;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font: unset;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: unset;
  }

  .full {width:100%;}

  .aux {
    cursor: pointer;
    border-radius: 4px;
    padding: 2px;
    margin: 4px;
    width:100%;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font: unset;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: unset;
  }

  .marcado {
    color: transparent;  
    text-shadow: 0 0 0 rgb(194, 47, 47);
  }

  .blue {
    background-color: #3363e5;
  }
  .green {
    background-color: #238a20;
  }
  .red {
    background-color: #e53333;
  }

  .yellow {
    background-color: #F4B902;
    color: #474747;
    font-weight: bold;
  }

  .grey {
    background-color: #d4d4d4;
    color: #474747;
    font-weight: bold;
  }

  .white {
    background-color: #ffffff;
    color: #474747;
    font-weight: bold;
  }

  .green:hover {
    background-color: #15792b;
  }

  .blue:hover {
    background-color: #202de0;
  }

  .red:hover {
    background-color: #e02020;
  }

  .yellow:hover {
    background-color: #daa300;
    color: #474747;
    font-weight: bold;
  }

  .grey:hover {
    background-color: #bbbbbb;
    color: #474747;
    font-weight: bold;
  }

  .white:hover {
    background-color: #d4d4d4;
    color: #474747;
    font-weight: bold;
  }

  /*COMECA CSS CALENDARIO*/
  
.calendar {
  display: flex;
  flex-flow: column;
}
.calendar .cal_topo .month-year {
  padding: 5px 0;
}
.calendar .days {
  display: flex;
  flex-flow: wrap;
}
.calendar .days .day_name {
  width: calc(100% / 7);
  border-right: 1px solid #dedede;
  padding: 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #818589;
  color: #fff;
  background: rgb(232,0,0);
  background: linear-gradient(180deg, rgba(232,0,0,1) 0%, rgba(126,0,0,1) 100%);
}
.calendar .days .day_name:nth-child(7) {
  border: none;
  border-radius: 0px 4px 0px 0px;
}
.calendar .days .day_name:nth-child(1) {
  border-radius: 4px 0px 0px 0px;
}
.calendar .days .day_num {
  background-color: #fff;
  display: inline-flex;
  width: calc(100% / 7);
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 5px;
  font-weight: bold;
  color: #7c878d;
  cursor: pointer;
  min-height: 37px;
}
.calendar .days .day_num span {
  display: inline-flex;
  width: 30px;
}
.calendar .days .day_num .event {
  margin-top: 3px;
  word-wrap: break-word;
}
.calendar .days .day_num:nth-child(7n+1) {
  border-left: 1px solid #e6e9ea;
}
.calendar .days .day_num:hover {
  background-color: #e9e9e9;
}
.calendar .days .day_num.ignore {
  background-color: #e9e9e9;
  color: #cecece;
  cursor: inherit;
}

  /*COMECA CSS RESPONSIVO*/
* {
    box-sizing: border-box;
  }
  
  .row::after {
    content: "";
    clear: both;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
  }
  
  [class*="col-"] {
    float: left;
    display: table-cell;
  }
  
  
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .hide-m {display: none;}
  .hide-s {display: none;}
  .show-m {display: block;}
  .show-s {display: block;}
  .center-s {text-align: center;}
  .mes{max-height: 150px;}
  
  @media only screen and (min-width: 680px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    .hide-m {display: none;}
    .hide-s {display: block;}
    .show-m {display: block;}
    .show-s {display: none;}
    .center-s {text-align: unset;}
    .mes{max-height: 250px;}
  }
  @media only screen and (min-width: 868px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .hide-m {display: block;}
    .hide-s {display: block;}
    .show-m {display: none;}
    .show-s {display: none;}
    .center-s {text-align: unset;}
    .mes{max-height: 350px;}
  }