.informacoes-importantes{
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
}
.informacoes-importantes h3{
  margin-top: 0;
}

.detalhes__calendario{
  color: #000;
  padding: 21px;
  margin: 5% 0;
}
.detalhes__calendario h3{
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
}
#dtHoje{
  font-weight:400;
  text-decoration:underline;
  font-size:1.4em;
}

#dtCalendarioPeriodo{
 font-size: 18px !important;
 font-weight: 400 !important;
 padding: 15px 15px 15px 30px;
 letter-spacing: 3.69px;
 font-family: 'Josefin Sans', sans-serif;
 width: 50%;
 color: #fff;
 background: #000;
 text-align: center;
 border-radius: 0;
 border: 1px solid #fff;
 margin-top: 5px;
}

#boxCalendario p:first-child{
  width: 100%;
  font-size: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.ui-datepicker{
  width:22em!important;
}
.ui-widget.ui-widget-content{
  border:0px!important;
  box-shadow: 0px 10px 30px rgba(0,0,0,.2);
}

.ui-widget-header{
  border:0px!important;
}

.ui-widget-header{
  background: rgba(0, 0, 0, 0.2)!important;
}
.ui-datepicker .ui-datepicker-title{
  font-family: 'Josefin Sans', sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:2px!important;
}

.ui-datepicker th,.ui-datepicker td {
font-family:"Josefin Sans",sans-serif!important;
font-size:1.2em;
}
.ui-state-default, .ui-widget-content .ui-state-default{
  border:0px!important;
  background:transparent!important;
  text-align: center!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
color:#fff!important;
}
.ui-state-default{text-align:center;}

#gmTbPeriodos{
 width:100%;
}

.lnctHeader th{
  padding:10px;
}
.lncatlpe, .lncatlpert {
  background:#fff;
}
.lncatlpe td, .lncatlpert td {color:#777;
  padding: 10px;
  font-size: 1.4em;
}
.lncatlpert td{
  padding: 10px;
  font-size: 1em;
  text-align: center;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:700;
}

.texto-calendario{
  padding:4px;
  width: 100%;
  margin-top:2%;
  background:rgba(255,255,255,.4);
}

.texto-calendario p{
  margin:0px;
  text-align: center;
}
.tblGmClnd{
  width: 100%;
  background: #FFFFFF;
}
.tblGmClnd td{
  text-align: left;
  padding: 20px 0 20px 20px;
  color:#000000;
  font-size: 1.2em;
  letter-spacing: .03em;
  font-family: 'Josefin Sans', sans-serif;
}
.tblGmClnd tr{
    border: 1px solid #000000;
}
.tblGmClnd td:last-child{
  text-align: right;
  padding-right: 19px;
  padding-left: 0;
  font-size: 1.2em;
}
.detalhes__calendar{
  padding: 19px 24px;
  position: relative;
}
#boxCalendario{
  text-align: center;
}

.ui-datepicker-trigger{
  position: absolute;
  margin-top: 0;
  left: 32%;
}
#calendario-section .ui-widget-header, body .ui-widget-header {
    background: #000000!important;
    color: #fff!important;
}
.ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight{
  background-color: #000000!important;
  color: #fff!important;
  border: 1px solid #000000!important;
}
.body .ui-state-active, body .ui-widget-content .ui-state-active{
  background-color: #000000!important;
    color: #fff!important;
    border: 1px solid #000000!important;
}
.lblcalendariogm{
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: .14em;
      font-family: 'Josefin Sans', sans-serif;
      padding: 5px;
      background-color: #000000;
      color: #fff;
}


@media screen and (max-width:600px){
  .detalhes__calendar{
    margin-top: 23px;
  }
  .lncatlpe td{
    font-size:1em;
  }
  .ui-datepicker-trigger{
    left: 23%;
  }
  #dtCalendarioPeriodo{
    width: 70%;
    padding-right:20px;
  }
  .texto-calendario{
  margin-top:20px;
  }
  #calendario-section .texto-calendario p{
    font-size:1.2rem;
  }
  .ui-datepicker{
    width: 100%!important;
    left: 0px!important;
  }
  .ui-datepicker-trigger{
    left: 26%;
  }
  .informacoes-importantes{
    left: 10px;
    margin: 0 42px 0 33px;
    padding: 20px 45px 20px 15px;
  }

}