/*
 * Iphone 5, 6, 7, 8
 * Samsung S7 edge, Galaxy J7, Galaxy On8, Galaxy J7 Pro, Galaxy J5, Galaxy J5 Prime, Galaxy J4 
 * @media only screen and (max-width: 414px) and (orientation: portrait) {
 */
/*
* Iphone 6s Plus, 7 Plus, 8 Plus, X, XR, XS Max
* Samsung S6, S6 edge, S7, Galaxy S8, Galaxy S8+, Galaxy Note8, Galaxy J6, Galaxy J8, Galaxy S9, Galaxy J7 Prime, Galaxy Note9, Galaxy A6s, Galaxy S9+, Galaxy S10, Galaxy S10+, Galaxy A50
* @media only screen and (min-width: 668px) and (max-width: 896px) and (orientation: portrait) {
*/
/* 
 *	Todos Iphones e Samsungs
 * @media only screen and (min-width: 320px) and (max-width: 896px) and (orientation: portrait) {
 */
/* 
 * Todos Iphones e Samsungs
 * @media only screen and (min-width: 668px) and (max-width: 896px) and (orientation: portrait) {
 */
/*
 * Ipad 
 * @media only screen and (min-width : 768px) and (max-width : 1024px)  {
 */
html, body {
  font-size: 16px;
  font-family: 'Open Sans',sans-serif;
  color: #233E90;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  html, body {
    font-size: 6px;
  }
}

strong {
  font-weight: bold;
}

input[type="text"], input[type="email"], input[type="password"], select, textarea {
  padding: 18px 10px 10px 10px;
  border-radius: 5px;
  border: 1px solid #a3a3c2;
  background-color: #EEEEEE;
  font-size: 1rem;
  width: 350px;
  color: #233E90;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  input[type="text"], input[type="email"], input[type="password"], select, textarea {
    width: 100%;
    font-size: 0.8rem;
    padding: 21px 10px 10px 10px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  input[type="text"], input[type="email"], input[type="password"], select, textarea {
    width: 100%;
    font-size: 3.4rem;
    padding: 21px 10px 10px 10px;
  }
}

input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, select.desabilitado {
  color: #52527a;
}

label.containerCheckbox {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  label.containerCheckbox {
    font-size: 2.6rem;
    padding-left: 45px;
    padding-top: 10px;
  }
}
label.containerCheckbox:hover input ~ .checkmark {
  background-color: transparent;
}
label.containerCheckbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.containerCheckbox input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}
label.containerCheckbox input[type="checkbox"]:checked ~ .checkmark {
  background-color: #00a3cc;
}
label.containerCheckbox span.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #a3a3c2;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  label.containerCheckbox span.checkmark {
    height: 30px;
    width: 30px;
  }
}
label.containerCheckbox span.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  label.containerCheckbox span.checkmark:after {
    left: 9px;
    top: 4px;
    width: 5px;
    height: 13px;
    border-width: 0 6px 6px 0;
  }
}

[type="radio"]:checked, [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
  padding-right: 30px;
  padding-top: 1px;
}
[type="radio"]:checked + label:last-of-type, [type="radio"]:not(:checked) + label:last-of-type {
  padding-right: 0px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    font-size: 2.6rem;
  }
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #00a3cc;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

select {
  padding: 14px 10px 14px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  select {
    padding: 20px 10px 10px 10px;
  }
}

select.selectComLabel {
  padding: 22px 10px 10px 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  select.selectComLabel {
    padding: 20px 10px 10px 10px;
  }
}

table.selectRadioComLabel td {
  padding-left: 20px;
}
table.selectRadioComLabel td:first-of-type {
  padding-left: 0px;
}

input.longo {
  width: 500px;
}

input[type="submit"], input[type="button"], a.linkBotao {
  padding: 10px 20px;
  background-color: #233E90;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="submit"]:hover, input[type="button"]:hover, a.linkBotao:hover {
  background-color: #ED2224;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  input[type="submit"], input[type="button"], a.linkBotao {
    padding: 20px;
    border-radius: 5px;
    font-size: 1rem;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  input[type="submit"], input[type="button"], a.linkBotao {
    padding: 30px;
    border-radius: 5px;
    font-size: 4rem;
    width: 100%;
    text-align: center;
  }
}

input[type="submit"].desabilitado, input[type="button"].desabilitado, a.desabilitado {
  background-color: #CCCCCC;
}

a.linkBotao {
  text-decoration: none;
  display: inline-block;
}

@media only screen and (max-width: 414px) and (orientation: portrait) {
  a.linkBotaoPeso2, input[type="button"].linkBotaoPeso2 {
    font-size: 3rem;
    padding: 15px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  a.linkBotaoPeso2, input[type="button"].linkBotaoPeso2 {
    font-size: 1rem;
    padding: 12px;
  }
}

ul.mensagens-globais-erro li {
  color: #ff3300;
  margin-bottom: 15px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  ul.mensagens-globais-erro li {
    font-size: 3rem;
    margin-bottom: 30px;
  }
}

div.campo {
  margin-bottom: 12px;
  position: relative;
  display: table;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.campo {
    width: 100%;
    margin-bottom: 20px;
  }
}
div.campo .labeInterno {
  padding-top: 22px;
  padding-left: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.campo .labeInterno {
    padding-bottom: 8px;
    padding-top: 25px;
    padding-left: 10px;
  }
}
div.campo span.msgValidacao, div.campo span.imgInterna1, div.campo span.imgInterna2, div.campo span.nomeLabel {
  position: absolute;
  font-size: 0.7rem;
  top: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.campo span.msgValidacao, div.campo span.imgInterna1, div.campo span.imgInterna2, div.campo span.nomeLabel {
    font-size: 2.2rem;
  }
}
div.campo span.msgValidacao, div.campo span.imgInterna1, div.campo span.imgInterna2 {
  right: 10px;
}
div.campo span.nomeLabel {
  left: 10px;
}
div.campo span.msgValidacao, div.campo span.imgInterna1, div.campo span.imgInterna2 {
  color: #ff3300;
}
div.campo span.imgInterna1 img, div.campo span.imgInterna2 img {
  width: 14px;
}
div.campo span.imgInterna1 {
  top: 19px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.campo span.imgInterna1 {
    top: 30px;
  }
}
div.campo span.imgInterna2 {
  top: 20px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.campo span.imgInterna2 {
    top: 26px;
  }
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.campo input.longo {
    width: 100%;
  }
}

@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.campoMaisBotao {
    margin-bottom: 20px;
  }
}
div.campoMaisBotao div.botaoDireita {
  float: left;
}
div.campoMaisBotao input[type="button"] {
  margin-left: 10px;
  margin-top: 15px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.campoMaisBotao input[type="button"] {
    margin-left: 0px;
    margin-top: 0px;
    float: right;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.campoMaisBotao input[type="button"] {
    width: 32%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.campoMaisBotao input[type="button"] {
    width: 40%;
  }
}

div.divDivisoria {
  display: none;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.divDivisoria {
    display: block;
    border-bottom: 1px solid;
    margin-bottom: 40px;
  }
}

table.tbCheckbox tbody tr td {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

div.login {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.login {
    padding: 20px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.login {
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
  }
}
div.login div.logo {
  margin-bottom: 40px;
}
div.login div.logo img {
  width: 300px;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.login div.logo img {
    width: 40%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.login div.logo img {
    width: 80%;
  }
}
div.login div.logo h1 {
  font-size: 1.8rem;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.login div.logo h1 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.login div.logo h1 {
    font-size: 5rem;
  }
}
div.login input[type="text"], div.login input[type="email"], div.login input[type="password"] {
  margin-bottom: 20px;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.login input[type="text"], div.login input[type="email"], div.login input[type="password"] {
    width: 60%;
  }
}
div.login ul.mensagem li {
  color: #ED2224;
  font-size: 0.9rem;
  padding: 10px 0px 20px 0px;
}
div.login div.captcha {
  text-align: center;
  margin-bottom: 25px;
}
div.login div.captcha ul {
  width: 350px;
  display: inline-block;
  padding-right: 5px;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.login div.captcha ul {
    width: 60%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.login div.captcha ul {
    width: 100%;
  }
}
div.login div.captcha ul li {
  width: 50%;
  float: left;
}
div.login div.captcha ul li input {
  width: 100%;
  margin: 0px;
}
div.login div.captcha ul li a {
  float: left;
  color: #233E90;
}
div.login div.captcha ul li a:hover {
  color: #ED2224;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.login div.captcha ul li a {
    font-size: 3rem;
    margin-bottom: 15px;
  }
}
div.login a.btAutenticar {
  font-size: 1.25rem;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.login a.btAutenticar {
    width: 60%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.login a.btAutenticar {
    font-size: 4rem;
  }
}

div.erroHttp {
  width: 100%;
  margin-top: 80px;
  text-align: center;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.erroHttp {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }
}
div.erroHttp div.logo {
  margin-bottom: 40px;
}
div.erroHttp div.logo img {
  width: 300px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.erroHttp div.logo img {
    width: 200px;
  }
}
div.erroHttp p {
  font-size: 1rem;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.erroHttp p {
    font-size: 3rem;
  }
}

.limparFloat {
  clear: both;
}

div.cabecalho {
  margin-bottom: 30px;
  padding: 10px;
  background-color: #f0f0f0;
  width: auto;
  border-bottom: 2px solid #DDDDDD;
}
div.cabecalho div.logo {
  display: table;
  vertical-align: middle;
  float: left;
}
div.cabecalho div.logo img {
  height: 80px;
  margin-right: 20px;
  float: left;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.cabecalho div.logo img {
    height: 70px;
  }
}
div.cabecalho div.logo h1 {
  font-size: 1.25rem;
  display: inline-block;
  margin-top: 32px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.cabecalho div.logo h1 {
    font-size: 3rem;
    margin-top: 30px;
  }
}
div.cabecalho img.menuDispositivoMovel {
  display: none;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.cabecalho img.menuDispositivoMovel {
    margin: 15px 15px 0px 0px;
    float: right;
    height: 50px;
    display: block;
  }
}
div.cabecalho ul.menu {
  margin-top: 22px;
  float: right;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.cabecalho ul.menu {
    margin-top: 20px;
    width: 100%;
    display: none;
  }
}
div.cabecalho ul.menu li {
  float: left;
  margin-left: 15px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.cabecalho ul.menu li {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  div.cabecalho ul.menu li:last-child {
    margin-bottom: 10px;
  }
}
div.cabecalho ul.menu li a {
  text-decoration: none;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.cabecalho ul.menu li a {
    width: 100%;
    text-align: center;
  }
}

div.conteudo {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo {
    padding-left: 10px;
    padding-right: 10px;
  }
}
div.conteudo div.menuInicial {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 10%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.menuInicial {
    margin-top: 5%;
  }
}
div.conteudo div.menuInicial ul li {
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li {
    margin-bottom: 30px;
  }
}
div.conteudo div.menuInicial ul li a {
  padding: 30px;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li a {
    width: 100%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li a {
    width: 100%;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li {
    width: 48%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li {
    width: 100%;
  }
}
div.conteudo div.menuInicial ul li:nth-child(n+2) {
  margin-left: 30px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li:nth-child(n+2) {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li:nth-child(n+2) {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.menuInicial ul li:nth-child(2n) {
    margin-left: 10px;
  }
}
div.conteudo h1 {
  margin-bottom: 20px;
}
div.conteudo a.btNovo {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo a.btNovo {
    text-align: center;
    margin-bottom: 30px;
    float: right;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo a.btNovo {
    width: 30%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo a.btNovo {
    width: 40%;
  }
}
div.conteudo ul.navegacaoRapida {
  margin-bottom: 20px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.navegacaoRapida {
    margin: 20px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
div.conteudo ul.navegacaoRapida li {
  display: inline;
  color: #737373;
  margin-right: 8px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.navegacaoRapida li {
    font-size: 3rem;
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
div.conteudo ul.navegacaoRapida li:last-child {
  margin-right: 0px;
}
div.conteudo ul.navegacaoRapida li a {
  color: #ff9900;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.navegacaoRapida li span {
    font-size: 3rem;
  }
}
div.conteudo div.materialApoio div.linkApoio {
  text-align: right;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.materialApoio div.linkApoio {
    margin-bottom: 30px;
  }
}
div.conteudo div.materialApoio div.linkApoio a {
  color: #ff9900;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.materialApoio div.linkApoio a {
    font-size: 3rem;
  }
}
div.conteudo div.materialApoio div.material {
  display: none;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  background-color: #f0f0f0;
  padding: 20px 20px;
  margin: 10px 0px 30px 0px;
  color: #737373;
  font-weight: 100;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.materialApoio div.material {
    font-size: 3rem;
    text-align: justify;
  }
}
div.conteudo div.materialApoio div.material p, div.conteudo div.materialApoio div.material ul li {
  line-height: 1.6;
}
div.conteudo div.materialApoio div.material ul {
  margin-left: 20px;
}
div.conteudo div.materialApoio div.material ul li span.verde {
  color: #267326;
}
div.conteudo div.materialApoio div.material ul li span.laranja {
  color: #ff9900;
}
div.conteudo div.materialApoio div.material ul li span.vermelho {
  color: #ff0000;
}
div.conteudo div.divFiltro input[type="text"] {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.divFiltro input[type="text"] {
    margin-bottom: 20px;
    width: 100%;
  }
}
div.conteudo div.divFiltro input[type="button"] {
  margin-left: 10px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.divFiltro input[type="button"] {
    margin-left: 0px;
  }
}
div.conteudo div.divFiltro a.btFiltro {
  margin-left: 12px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.divFiltro a.btFiltro {
    width: 100%;
    text-align: center;
    margin-left: 0px;
  }
}
div.conteudo div.divFiltroCampo input[type="text"] {
  margin-bottom: 0px;
}
div.conteudo div.divConsultarPeso input[type="button"] {
  margin-left: 0px;
}
div.conteudo table.tbResultados {
  width: 100%;
  font-size: 0.9rem;
  border-radius: 10px;
  overflow: hidden;
}
div.conteudo table.tbResultados thead tr th {
  background-color: #CCCCCC;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  font-weight: bold;
}
div.conteudo table.tbResultados thead tr th:last-child {
  border-right: none;
}
div.conteudo table.tbResultados thead tr th a {
  padding: 10px;
  text-decoration: none;
  position: relative;
  display: block;
  color: #233E90;
}
div.conteudo table.tbResultados thead tr th a:hover {
  background-color: #ED2224;
  color: #ffffff;
}
div.conteudo table.tbResultados tbody tr {
  background-color: #EEEEEE;
}
div.conteudo table.tbResultados tbody tr:hover {
  background-color: #c2c2d6;
  cursor: pointer;
}
div.conteudo table.tbResultados tbody tr td {
  padding: 10px;
  border-right: 1px solid #AAAAAA;
}
div.conteudo table.tbResultados tbody tr td:last-child {
  border-right: none;
}
div.conteudo table.tbResultados tbody tr td input[type="button"], div.conteudo table.tbResultados tbody tr td input[type="submit"], div.conteudo table.tbResultados tbody tr td a {
  font-size: 0.8rem;
  padding: 11px 15px;
}
div.conteudo table.tbResultados tbody tr td input.mEsquerda, div.conteudo table.tbResultados tbody tr td a.mEsquerda {
  margin-left: 12px;
}
div.conteudo table.tbResultados tbody tr td.centralizar {
  text-align: center;
}
div.conteudo div.paginador {
  text-align: center;
  margin-top: 10px;
}
div.conteudo div.paginador ul {
  display: inline-block;
}
div.conteudo div.paginador ul li {
  float: left;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.paginador ul li {
    width: 25%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.conteudo div.paginador ul li input {
    padding: 20px;
    width: 80%;
    font-size: .8rem;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.paginador ul li {
    width: 25%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.conteudo div.paginador ul li input {
    padding: 20px;
    width: 100%;
    font-size: 3rem;
  }
}
div.conteudo div.paginador p {
  margin-top: 10px;
  font-size: 0.85rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.paginador p {
    font-size: 3rem;
  }
}
div.conteudo div.abas {
  margin-top: 20px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas {
    margin-top: 50px;
  }
}
div.conteudo div.abas ul.abas li {
  float: left;
  margin-right: 1px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas ul.abas li {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
    margin-right: 0px;
  }
}
div.conteudo div.abas ul.abas li a {
  border: 1px solid #a3a3c2;
  background-color: #EEEEEE;
  border-radius: 5px;
  border-bottom: none;
  padding: 10px 30px;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  color: #233E90;
}
div.conteudo div.abas ul.abas li a:hover {
  color: #FFFFFF;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas ul.abas li a {
    font-size: 3rem;
    padding: 15px;
    width: 95%;
  }
}
div.conteudo div.abas ul.abas li a:hover {
  background-color: #ED2224;
}
div.conteudo div.abas ul.abas li a.selecionado {
  background-color: #233E90;
  color: #FFFFFF;
}
div.conteudo div.abas div.conteudoAbas {
  border-top: 1px solid #a3a3c2;
  padding: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas {
    padding: 20px 0px;
  }
}
div.conteudo div.abas div.conteudoAbas div.itemAba {
  display: none;
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li {
  border-radius: 5px;
  border: 1px solid #a3a3c2;
  background-color: #EEEEEE;
  padding: 20px 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li {
    font-size: 3rem;
    padding: 20px;
    margin-bottom: 20px;
  }
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li p span.data-nascimento {
  font-weight: bold;
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes {
  padding-left: 30px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes {
    padding-left: 0px;
  }
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes ul {
  margin-top: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes ul {
    margin-top: 10px;
  }
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes ul li {
  border: none;
  padding: 0px 30px 0px 0px;
  margin-bottom: 0px;
  float: left;
  box-sizing: border-box;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes ul li {
    width: 50%;
    padding: 10px 0px;
  }
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes ul li span {
  color: #47476b;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes ul li:last-child {
    width: 100%;
  }
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes p {
  clear: both;
  padding-top: 10px;
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes p span {
  color: #47476b;
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.demais-informacoes p span.obs {
  font-style: italic;
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.botaoEditar {
  width: 100%;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.botaoEditar {
    margin-top: 20px;
    text-align: center;
  }
}
div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.botaoEditar a {
  float: right;
  margin-top: -65px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.botaoEditar a {
    float: none;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.botaoEditar a {
    width: auto;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#registro-evento ul li div.botaoEditar a {
    width: 40%;
    font-size: 3rem;
    padding: 20px;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li {
  border-radius: 5px;
  border: 1px solid #a3a3c2;
  background-color: #EEEEEE;
  padding: 20px 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li {
    padding: 0px 10px 15px 10px;
    margin-bottom: 20px;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico {
  position: relative;
  width: 100%;
  margin-top: 20px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .servico, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .lactacao, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .gestacao, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .seco {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #FFFFFF;
  text-shadow: 1px 1px #8cb3d9;
  text-align: center;
  border-radius: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .servico, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .lactacao, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .gestacao, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .seco {
    font-size: 2.5rem;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 15px;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .servico {
  background-color: #ffcc80;
  width: 16%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .servico {
    width: 30%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .lactacao {
  background-color: #80ccff;
  width: 77%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .lactacao {
    width: 65%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .gestacao {
  background-color: #99e699;
  margin-left: 16%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .gestacao {
    margin-left: 30%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .seco {
  background-color: #d1d1e0;
  margin-left: 77%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .seco {
    margin-left: 65%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria4, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1-rep, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2-rep, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3-rep {
  width: 1px;
  position: absolute;
  top: 0px;
  border-left: 1px dashed #8cb3d9;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria4, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1-rep, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2-rep, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3-rep {
    border-left: none;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria4 {
  height: 150px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1-rep, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2-rep, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3-rep {
  height: 78px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria1 {
  left: 0px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2-rep {
  left: 16%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2, div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2-rep {
    left: 30%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3 {
  left: 77%;
  height: 114px;
  top: 36px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3 {
    left: 70%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria4 {
  left: 100%;
  height: 78px;
  top: 72px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria2-rep {
  height: 78px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .divisoria3-rep {
  left: 100%;
  height: 45px;
  top: 36px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas {
  margin-top: 25px;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas p {
  color: #6699cc;
  float: left;
  text-align: left;
  font-size: 0.85rem;
  line-height: 1.8rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas p {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas p span {
  color: #233E90;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas p span.ok {
  color: #267326;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas p span.alerta {
  color: #ff9900;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas p span.falha {
  color: #ff0000;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-evento {
  width: 13.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-evento {
    width: 12%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-evento {
    width: 26%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-servico {
  width: 61%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-servico {
    width: 27%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-secagem {
  width: 10%;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .datas .data-evento-projetado {
  float: right;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos {
    margin-top: 20px;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos .linha-tempo {
  border-left: 1px dashed #8cb3d9;
  border-right: 1px dashed #8cb3d9;
  padding-top: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos .linha-tempo {
    padding-top: 10px;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos .linha-tempo div {
  border-top: 1px #8cb3d9 dashed;
  height: 10px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos .linha-tempo div {
    height: 10px;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos p {
  text-align: center;
  font-size: 0.85rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos p {
    font-size: 2rem;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos p span.ok {
  color: #267326;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos p span.alerta {
  color: #ff9900;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.grafico .intervalo-entre-eventos p span.falha {
  color: #ff0000;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div {
  border-radius: 5px;
  border: 1px solid #a3a3c2;
  background-color: #94b8b8;
  margin-top: 10px;
  color: #FFFFFF;
  font-size: 0.85rem;
  border: none;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div:first-of-type {
  margin-top: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div {
    font-size: 2rem;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div ul {
  width: 100%;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div ul li {
  float: left;
  width: 25%;
  border: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0px;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div ul li {
    width: 50%;
  }
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div .limparFloat {
  border: none;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div.ideal {
  background-color: #9fdf9f;
  color: #2d862d;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div.ideal:hover {
  background-color: #8cd98c;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div.tolerancia {
  background-color: #ffcc80;
  color: #cc7a00;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div.tolerancia:hover {
  background-color: #ffc266;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div.ultrapassou {
  background-color: #ff6666;
  color: #FFFFFF;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li div.servicoRealizado div.ultrapassou:hover {
  background-color: #ff4d4d;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li p span {
  color: #47476b;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li p span.obs {
  font-style: italic;
}
div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li p.pBotoes {
  text-align: right;
  margin-top: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li p.pBotoes {
    margin-top: 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li p.pBotoes a.linkEditar {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.abas div.conteudoAbas div#ciclo-produtivo ul li p.pBotoes a.linkEditar {
    width: 40%;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  div.conteudo div.registro-evento div.observacoes {
    display: block;
    position: relative;
  }
}
div.conteudo div.registro-evento div.observacoes textarea {
  height: 180px;
  width: 800px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  div.conteudo div.registro-evento div.observacoes textarea {
    width: 100%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.registro-evento div.observacoes textarea {
    width: 100%;
    height: 300px;
  }
}
div.conteudo ul.ulParaTabela li.externo {
  padding: 10px 0px;
  border-radius: 10px 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.externo {
    margin-bottom: 15px;
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.externo {
    margin-bottom: 20px;
    padding: 20px 5px;
  }
}
div.conteudo ul.ulParaTabela li.externo ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}
div.conteudo ul.ulParaTabela li.externo ul li {
  display: table-cell;
  text-align: center;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.externo ul li {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.externo ul li {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.externo ul li {
    font-size: 3rem;
  }
}
div.conteudo ul.ulParaTabela li.externo ul li span.titulo {
  display: none;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.externo ul li span.titulo {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
    text-decoration: underline;
  }
}
div.conteudo ul.ulParaTabela li.externo ul li:last-of-type {
  margin-bottom: 0px;
}
div.conteudo ul.ulParaTabela li.titulo {
  border-bottom: 2px solid;
  border-radius: 0px;
  padding: 0px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.titulo {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.titulo ul {
    display: none;
  }
}
div.conteudo ul.ulParaTabela li.titulo ul li a {
  padding: 10px;
  text-decoration: none;
  position: relative;
  display: block;
  color: #233E90;
}
div.conteudo ul.ulParaTabela li.titulo ul li a:hover {
  border-radius: 10px 10px 0px 0px;
  background-color: #ffcc80;
  color: #cc7a00;
}
div.conteudo ul.ulParaTabela li.linha:nth-child(even) {
  background-color: #ecf2f9;
  color: #336699;
}
div.conteudo ul.ulParaTabela li.linha:nth-child(odd) {
  background-color: #c5d7ed;
  color: #336699;
}
div.conteudo ul.ulParaTabela li.linha:hover {
  background-color: #ffcc80;
  color: #cc7a00;
}
div.conteudo ul.ulParaTabela li.paddingExtra {
  padding: 20px 0px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li.paddingExtra {
    padding: 15px 5px 5px 5px;
  }
}
div.conteudo ul.ulParaTabela li ul li {
  font-size: 0.85rem;
}
div.conteudo ul.ulParaTabela li ul li a:nth-child(n+2) {
  margin-left: 12px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li ul li a:nth-child(n+2) {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li ul li a {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.ulParaTabela li ul li a {
    width: 40%;
  }
}
div.conteudo ul.disponivelServico li.ideal, div.conteudo ul.servicoRealizado li.ideal, div.conteudo ul.disponivelSecagem li.ideal, div.conteudo ul.prenhezConfirmada li.ideal, div.conteudo ul.proximoAoParto li.ideal {
  background-color: #9fdf9f;
  color: #2d862d;
}
div.conteudo ul.disponivelServico li.ideal:hover, div.conteudo ul.servicoRealizado li.ideal:hover, div.conteudo ul.disponivelSecagem li.ideal:hover, div.conteudo ul.prenhezConfirmada li.ideal:hover, div.conteudo ul.proximoAoParto li.ideal:hover {
  background-color: #8cd98c;
}
div.conteudo ul.disponivelServico li.tolerancia, div.conteudo ul.servicoRealizado li.tolerancia, div.conteudo ul.disponivelSecagem li.tolerancia, div.conteudo ul.prenhezConfirmada li.tolerancia, div.conteudo ul.proximoAoParto li.tolerancia {
  background-color: #ffcc80;
  color: #cc7a00;
}
div.conteudo ul.disponivelServico li.tolerancia:hover, div.conteudo ul.servicoRealizado li.tolerancia:hover, div.conteudo ul.disponivelSecagem li.tolerancia:hover, div.conteudo ul.prenhezConfirmada li.tolerancia:hover, div.conteudo ul.proximoAoParto li.tolerancia:hover {
  background-color: #ffc266;
}
div.conteudo ul.disponivelServico li.ultrapassou, div.conteudo ul.servicoRealizado li.ultrapassou, div.conteudo ul.disponivelSecagem li.ultrapassou, div.conteudo ul.prenhezConfirmada li.ultrapassou, div.conteudo ul.proximoAoParto li.ultrapassou {
  background-color: #ff6666;
  color: #FFFFFF;
}
div.conteudo ul.disponivelServico li.ultrapassou:hover, div.conteudo ul.servicoRealizado li.ultrapassou:hover, div.conteudo ul.disponivelSecagem li.ultrapassou:hover, div.conteudo ul.prenhezConfirmada li.ultrapassou:hover, div.conteudo ul.proximoAoParto li.ultrapassou:hover {
  background-color: #ff4d4d;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.disponivelServico li.externo ul li, div.conteudo ul.servicoRealizado li.externo ul li, div.conteudo ul.disponivelSecagem li.externo ul li, div.conteudo ul.prenhezConfirmada li.externo ul li, div.conteudo ul.proximoAoParto li.externo ul li {
    width: 50%;
  }
  div.conteudo ul.disponivelServico li.externo ul li:last-child, div.conteudo ul.servicoRealizado li.externo ul li:last-child, div.conteudo ul.disponivelSecagem li.externo ul li:last-child, div.conteudo ul.prenhezConfirmada li.externo ul li:last-child, div.conteudo ul.proximoAoParto li.externo ul li:last-child {
    width: 100%;
  }
  div.conteudo ul.disponivelServico li.externo ul li a, div.conteudo ul.servicoRealizado li.externo ul li a, div.conteudo ul.disponivelSecagem li.externo ul li a, div.conteudo ul.prenhezConfirmada li.externo ul li a, div.conteudo ul.proximoAoParto li.externo ul li a {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.disponivelServico li.externo ul li, div.conteudo ul.servicoRealizado li.externo ul li, div.conteudo ul.disponivelSecagem li.externo ul li, div.conteudo ul.prenhezConfirmada li.externo ul li, div.conteudo ul.proximoAoParto li.externo ul li {
    width: 25%;
  }
  div.conteudo ul.disponivelServico li.externo ul li:last-child, div.conteudo ul.servicoRealizado li.externo ul li:last-child, div.conteudo ul.disponivelSecagem li.externo ul li:last-child, div.conteudo ul.prenhezConfirmada li.externo ul li:last-child, div.conteudo ul.proximoAoParto li.externo ul li:last-child {
    width: 100%;
  }
  div.conteudo ul.disponivelServico li.externo ul li a, div.conteudo ul.servicoRealizado li.externo ul li a, div.conteudo ul.disponivelSecagem li.externo ul li a, div.conteudo ul.prenhezConfirmada li.externo ul li a, div.conteudo ul.proximoAoParto li.externo ul li a {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.secagemRealizada li.externo ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.secagemRealizada li.externo ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.disponivelSecagem li.externo ul li a {
    width: 50%;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.vincularAnimalLote li.externo ul, div.conteudo ul.consultarAnimalLote li.externo ul {
    text-align: center;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.vincularAnimalLote li.externo ul li, div.conteudo ul.consultarAnimalLote li.externo ul li {
    width: 25%;
  }
  div.conteudo ul.vincularAnimalLote li.externo ul li:last-of-type, div.conteudo ul.consultarAnimalLote li.externo ul li:last-of-type {
    width: 100%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.vincularAnimalLote li.externo ul li, div.conteudo ul.consultarAnimalLote li.externo ul li {
    width: 50%;
  }
  div.conteudo ul.vincularAnimalLote li.externo ul li:nth-last-child(-n+2), div.conteudo ul.consultarAnimalLote li.externo ul li:nth-last-child(-n+2) {
    width: 100%;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.distribuicaoPartos li.externo ul {
    text-align: center;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.distribuicaoPartos li.externo ul li {
    width: 25%;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.distribuicaoPartos li.externo ul li {
    width: 50%;
  }
  div.conteudo ul.distribuicaoPartos li.externo ul li:last-child {
    width: 100%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.distribuicaoPartos li.paddingExtra {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.servicoRealizado li ul {
    text-align: center;
  }
}
div.conteudo ul.servicoRealizado li ul li.brinco {
  width: 15%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.servicoRealizado li ul li.brinco {
    width: 50%;
  }
}
div.conteudo ul.servicoRealizado li ul li.nome {
  width: 20%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.servicoRealizado li ul li.nome {
    width: 50%;
  }
}
div.conteudo ul.servicoRealizado li ul li.data {
  width: 20%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.servicoRealizado li ul li.data {
    width: 50%;
  }
}
div.conteudo ul.servicoRealizado li ul li.dias {
  width: 20%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.servicoRealizado li ul li.dias {
    width: 50%;
  }
}
div.conteudo ul.servicoRealizado li ul li.acoes {
  width: 30%;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.servicoRealizado li ul li.acoes {
    width: 100%;
  }
  div.conteudo ul.servicoRealizado li ul li.acoes a:last-of-type {
    margin-top: 10px;
    margin-left: 0px;
  }
}
div.conteudo ul.tbAnimais li ul li.brinco {
  width: 15%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.brinco {
    width: 33%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.brinco {
    width: 50%;
  }
}
div.conteudo ul.tbAnimais li ul li.nome {
  width: 25%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.nome {
    width: 33%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.nome {
    width: 50%;
  }
}
div.conteudo ul.tbAnimais li ul li.raca {
  width: 10%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.raca {
    width: 33%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.raca {
    width: 50%;
  }
}
div.conteudo ul.tbAnimais li ul li.sexo {
  width: 10%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.sexo {
    width: 33%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.sexo {
    width: 50%;
  }
}
div.conteudo ul.tbAnimais li ul li.idade {
  width: 10%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.idade {
    width: 33%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.idade {
    width: 100%;
  }
}
div.conteudo ul.tbAnimais li ul li.acoes {
  width: 20%;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbAnimais li ul li.acoes {
    width: 100%;
  }
}
div.conteudo ul.tbLotes li.titulo ul li.descricao {
  text-align: left;
}
div.conteudo ul.tbLotes li ul li.nome {
  width: 10%;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbLotes li ul li.nome {
    width: 50%;
  }
}
div.conteudo ul.tbLotes li ul li.descricao {
  text-align: left;
  width: 50%;
}
div.conteudo ul.tbLotes li ul li.acoes {
  width: 20%;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbLotes li ul li.acoes {
    width: 100%;
    text-align: center;
  }
  div.conteudo ul.tbLotes li ul li.acoes a {
    margin-right: 20px;
  }
  div.conteudo ul.tbLotes li ul li.acoes a:last-of-type {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbLotes li ul li.acoes a {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.tbLotes li ul li.acoes a {
    width: 40%;
  }
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbSemens li.externo ul li {
    width: 50%;
  }
  div.conteudo ul.tbSemens li.externo ul li:last-child {
    width: 100%;
  }
}
div.conteudo ul.tbProcoloIATF {
  margin-top: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.tbProcoloIATF li.externo ul li {
    width: 50%;
  }
  div.conteudo ul.tbProcoloIATF li.externo ul li:last-child {
    width: 100%;
  }
}
div.conteudo div.graficoBarra {
  width: 100%;
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  color: #666666;
  text-align: center;
  padding-top: 30px;
}
div.conteudo div.graficoBarra div.barraRolagemX {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 30px 30px;
  text-align: center;
}
div.conteudo div.graficoBarra div.barraRolagemX div.item {
  width: 60px;
  display: inline-table;
  vertical-align: top;
  transform: rotate(180deg);
}
div.conteudo div.graficoBarra div.barraRolagemX div.item:nth-child(n+2) {
  margin-left: 30px;
}
div.conteudo div.graficoBarra div.barraRolagemX div.item a {
  text-decoration: none;
  color: #595959;
}
div.conteudo div.graficoBarra div.barraRolagemX div.item .barra {
  height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  div.conteudo div.graficoBarra div.barraRolagemX div.item .barra {
    height: 150px;
  }
}
div.conteudo div.graficoBarra div.barraRolagemX div.item .barra .nivel {
  height: 10%;
  background-color: #99e699;
  border: 1px solid #6fdc6f;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.conteudo div.graficoBarra div.barraRolagemX div.item .barra .nivel:hover {
  background-color: #ffcc80;
  border-color: #ff9900;
}
div.conteudo div.graficoBarra div.barraRolagemX div.item .barra .selecionado {
  background-color: #ffcc80;
  border-color: #ff9900;
}
div.conteudo div.graficoBarra div.barraRolagemX div.item .total, div.conteudo div.graficoBarra div.barraRolagemX div.item .mes {
  width: 100%;
  height: 25px;
  text-align: center;
  transform: rotate(180deg);
}
div.conteudo div.graficoBarra div.barraRolagemX div.item .mes {
  box-sizing: border-box;
  padding: 10px 0px;
}
div.conteudo div.graficoBarraComAno {
  width: 100%;
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  color: #666666;
  text-align: center;
  padding-top: 30px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno h1 {
    line-height: 25px;
    font-size: 2.5rem;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 30px;
  text-align: center;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX {
    padding: 30px;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item {
  display: inline-table;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item:nth-child(n+2) {
  margin-left: 30px;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem {
  width: 60px;
  display: inline-table;
  vertical-align: top;
  transform: rotate(180deg);
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem {
    width: 80px;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem:nth-child(n+2) {
  margin-left: 30px;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem a {
  text-decoration: none;
  color: #595959;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .barra {
  height: 200px;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .barra .nivel {
  height: 10%;
  background-color: #99e699;
  border: 1px solid #6fdc6f;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .barra .nivel:hover {
  background-color: #ffcc80;
  border-color: #ff9900;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .barra .selecionado {
  background-color: #ffcc80;
  border-color: #ff9900;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .total, div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .mes {
  width: 100%;
  height: 25px;
  text-align: center;
  transform: rotate(180deg);
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .total, div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .mes {
    font-size: 2.4rem;
    height: 30px;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .mes {
  box-sizing: border-box;
  padding: 10px 0px;
  font-size: 0.9rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .mes {
    font-size: 2.1rem;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .indicador {
  width: 100%;
  text-align: center;
  display: table-cell;
  padding-top: 35px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .indicador {
    font-size: 2rem;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .indicador .seta {
  width: 0;
  height: 0;
  border: 10px solid;
  display: inline-block;
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .indicador .positivo {
  border-color: #99e699 transparent transparent transparent;
  transform: translate(0px, 10px);
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .indicador .negativo {
  border-color: transparent transparent #ff0000 transparent;
  transform: translate(0px, -2px);
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.subItem .indicador .valor {
  transform: rotate(180deg);
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.ano div.linhaTempo {
  margin-top: 10px;
  margin-bottom: 5px;
  height: 5px;
  border-top: 1px solid #595959;
  border-left: 1px solid #595959;
  border-right: 1px solid #595959;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.ano div.linhaTempo {
    height: 15px;
  }
}
div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.ano div.legenda {
  font-size: 0.9rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.barraRolagemX div.item div.ano div.legenda {
    font-size: 2.2rem;
  }
}
div.conteudo div.graficoBarraComAno div.acumulado {
  margin-bottom: 30px;
  font-size: 0.9rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.graficoBarraComAno div.acumulado {
    font-size: 2.5rem;
  }
}
div.conteudo div.distribuicaoPartos a.btLimparFiltro {
  margin-bottom: 30px;
  margin-top: 30px;
}
div.conteudo div.distribuicaoPartos ul.ulParaTabela li.titulo {
  padding: 0;
}
div.conteudo div.quadroGeral {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div.conteudo div.quadroGeral a.item {
  text-decoration: none;
  width: 250px;
  margin: 30px;
  box-sizing: border-box;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  background-color: #f0f0f0;
  color: #737373;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  div.conteudo div.quadroGeral a.item {
    margin: 15px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.quadroGeral a.item {
    width: 90%;
    margin: 20px 0px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.quadroGeral a.item p {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.quadroGeral a.item {
    padding: 40px;
    border-radius: 10px;
  }
}
div.conteudo div.quadroGeral a.item p.total {
  margin-top: 20px;
  font-size: 7rem;
  color: #00a3cc;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.quadroGeral a.item p.total {
    font-size: 15rem;
  }
}
div.conteudo div.quadroGeral a.item:hover {
  background-color: #00a3cc;
  color: #FFFFFF;
  border-color: #008fb3;
}
div.conteudo div.quadroGeral a.item:hover p.total {
  color: #FFFFFF;
}
div.conteudo div.registroCiclo div.corrigirData {
  margin-bottom: 22px;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.registroCiclo div.corrigirData {
    margin-bottom: 50px;
  }
}
div.conteudo ul.regristroPesoAnimal {
  margin-top: 20px;
}
div.conteudo ul.regristroPesoAnimal li ul li.brinco {
  width: 20%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.brinco {
    width: 25%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.brinco {
    width: 50%;
  }
}
div.conteudo ul.regristroPesoAnimal li ul li.animal {
  width: 20%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.animal {
    width: 25%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.animal {
    width: 50%;
  }
}
div.conteudo ul.regristroPesoAnimal li ul li.peso {
  width: 20%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.peso {
    width: 25%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.peso {
    width: 50%;
  }
}
div.conteudo ul.regristroPesoAnimal li ul li.dataPesagem {
  width: 20%;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.dataPesagem {
    width: 25%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.dataPesagem {
    width: 50%;
  }
}
div.conteudo ul.regristroPesoAnimal li ul li.acoes {
  width: 20%;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.regristroPesoAnimal li ul li.acoes {
    width: 100%;
  }
}
div.conteudo div.relatorioPesoLote div.filtro {
  margin-bottom: 20px;
}
div.conteudo div.relatorioPesoLote div.filtro div.campo {
  float: left;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.relatorioPesoLote div.filtro div.campo {
    float: none;
  }
}
div.conteudo div.relatorioPesoLote div.filtro a.linkBotao {
  margin-top: 20px;
  margin-left: 20px;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.relatorioPesoLote div.filtro a.linkBotao {
    margin-top: 0px;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo div.relatorioPesoLote div.filtro {
    margin-bottom: 30px;
  }
}
div.conteudo div.relatorioPesoLote ul.relatorioPesoLote {
  margin-top: 30px;
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.relatorioPesoLote li.externo ul {
    text-align: center;
  }
}
@media only screen and (min-width: 415px) and (max-width: 1023px) and (orientation: portrait) {
  div.conteudo ul.relatorioPesoLote li.externo ul li {
    width: 25%;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.relatorioPesoLote li.externo ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo ul.relatorioPesoLote li.paddingExtra {
    padding-bottom: 15px;
  }
}
div.conteudo div.relatorioSaldoRebanho {
  text-align: center;
  font-size: 0.85rem;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.relatorioSaldoRebanho {
    font-size: 3rem;
  }
}
div.conteudo div.relatorioSaldoRebanho ul li {
  display: inline-block;
  margin-right: 20px;
  margin-top: 50px;
  text-align: center;
  box-shadow: 10px 10px #CCCCCC;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.relatorioSaldoRebanho ul li {
    width: 90%;
    margin-right: 0px;
  }
}
div.conteudo div.relatorioSaldoRebanho ul li:last-child {
  margin-right: 0px;
}
div.conteudo div.relatorioSaldoRebanho ul li:nth-child(even) {
  background-color: #ecf2f9;
  color: #336699;
}
div.conteudo div.relatorioSaldoRebanho ul li:nth-child(odd) {
  background-color: #c5d7ed;
  color: #336699;
}
div.conteudo div.relatorioSaldoRebanho ul li div.mes {
  width: 100%;
  padding: 15px 25px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid white;
}
div.conteudo div.relatorioSaldoRebanho ul li div.sexo, div.conteudo div.relatorioSaldoRebanho ul li div.saldo {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  width: 50%;
  float: left;
  padding: 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.conteudo div.relatorioSaldoRebanho ul li div.sexo:last-child, div.conteudo div.relatorioSaldoRebanho ul li div.sexo:nth-child(3), div.conteudo div.relatorioSaldoRebanho ul li div.saldo:last-child, div.conteudo div.relatorioSaldoRebanho ul li div.saldo:nth-child(3) {
  border-right: none;
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
  div.conteudo div.relatorioSaldoRebanho ul li.primeiro {
    margin-top: 20px;
  }
}
div.conteudo div.relatorioSaldoRebanho ul.subTotal, div.conteudo div.relatorioSaldoRebanho ul.total {
  margin-right: 0px;
}
div.conteudo div.relatorioSaldoRebanho ul.total div.total {
  padding: 10px;
}
div.conteudo .conteudoExcluido {
  text-decoration: line-through;
  color: #ff0000;
}

div.rodape {
  height: 60px;
}

/*# sourceMappingURL=estilo.css.map */