@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/ico-moon/icomoon.eot?x7bjbu');
    src:  url('../fonts/ico-moon/icomoon.eot?x7bjbu#iefix') format('embedded-opentype'),
    url('../fonts/ico-moon/icomoon.ttf?x7bjbu') format('truetype'),
    url('../fonts/ico-moon/icomoon.woff?x7bjbu') format('woff'),
    url('../fonts/ico-moon/icomoon.svg?x7bjbu#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
  [class^="iconCli-"], [class*="iconCli-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .iconCli-dew:before {
      content: "\e901";
      font-size: 50px;
      color: #002bff;
  }
  
  .iconCli-humidity:before {
      content: "\e902";
      font-size: 50px;
      color: #5BFFF0;
  
  }
  
  .iconCli-pressure:before {
      content: "\e903";
      font-size: 50px;
      color: #ff7112;
  }
  
  .iconCli-pressure-1:before {
      content: "\e904";
      font-size: 50px;
      color: #ea8127;
  }
  
  .iconCli-rain:before {
      content: "\e905";
      font-size: 50px;
      color: #002bff;
  }
  
  .iconCli-rain-1:before {
      content: "\e906";
      font-size: 50px;
  }
  
  .iconCli-sun:before {
    content: "\e907";
    font-size: 40px;
    color: #fbff00;
}
  
  .iconCli-thermometer:before {
      content: "\e908";
      font-size: 40px;
      padding-left: 5px;
      color: #ff2930;
  }
  
  .iconCli-wind:before {
      content: "\e909";
      font-size: 40px;
      color: #009be4;
  }
  
  .iconCli-wind-1:before {
      content: "\e90a";
      font-size: 33px;
      color: #009be4;
  }
  
  .iconCli-wind-2:before {
      content: "\e90b";
      font-size: 40px;
      color: #009be4;
  }
  
  .iconCli-wind-3:before {
      content: "\e90c";
      font-size: 37px;
      color: #009be4;
  }
  
  .iconCli-battery:before {
    content: "\e900";
    font-size: 40px;
  }

.iconCli-wind-4:before {
    content: "\2192";
    font-weight: bold;
    font-size: 25px;
    color: #009be4;
}

.iconCli-wind-5:before {
    content: "\f124";
    font-weight: bold;
    font-size: 25px;
    color: #009be4;
}

.mapArrowZoom:before {
    color: #009be4;
    position: absolute;
}

.mapArrowZoom-1:before {
    content: "\2799";
    font-size: 20px;
    left: -13px;
    top: -13px;
}

.mapArrowZoom-2:before {
    content: "\2799";
    font-size: 60px;
    left: -30px;
    top: -40px;
}

.grid-clima {
    height: 62px;
    width: 32.333333%;
    margin: 0.5%;
  /*border: 1 px solid #b3b3b3;*/
    float: left;
    border: 1px solid #b6b6b6;
}

.grid-clima2{
    width: 33.333333%;
    padding: 3px;
    float: left;
}

.grid-clima2 .box-clima{
    border: 1px solid #ccc;
    height: 52px;
    float: left;
    width: 100%;
}

.grid-clima2 .box-clima .ico-clima i:before{
    font-size: 34px;
}

.span-clima {
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #f3eeee
}

.ico-clima {
    float: left;
    width: 30%;
}

.valor-clima {
    font-size: 14px;
    float: right;
    width: 60%;
    padding-top: 8%;
    padding-right: 0;
}

.grid-clima2 .box-clima .valor-clima{
    padding-top: 6px;
}

.miniHeader {
    height: 30px;
    background-color: #4c4f53;
    margin-bottom: 5px;
}

.spanChkCLima {
    /*margin-left: 10px;
    margin-top: 8px;
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #45474b!important;
    cursor: pointer;*/
    margin-left: -10px;
    position: absolute;
    font-size: 14px;
    color: #FFF !important;
    cursor: pointer;
    background-color: #45474b;
    padding: 7px 0px;
    margin-top: -1px;
    border-radius: 3px;
    transition: all 1s;
    border: 1px solid #45474b;
    text-align: center;
    width: 90%;
}

.spanChkCLima:hover {
    background-color: #FFF;
    color: #45474b !important;
    border: 1px solid #45474b;
}

.boxChk {
    border: 2px solid #2a4971;
    padding: 5px 7px;
    margin-top: 2px;
    position: absolute;
    margin-left: -10px;
}

.noDisplay {
    display: none;
}

.noVisibility {
    opacity: 0;
}

.mostrarMapChk {
    width: 40%;
    margin-bottom: 3%;
    float: left;
    text-align: left;
}

.tagClimaMin {
    background-color: #ffffff;
    height: 190px;
    float: right;
    width: 100%;
    padding-right: 5px;
    min-width: 300px;
}

.tagColheitaMin {
    background-color: #ffffff;
    width: 100%;
    min-width: 260px;
}

.comboboxEsta {
    width: 60%;
    margin-bottom: 3%;
    float: left
}

.inputInfo {
    background-color: transparent;
    border: none;
    width: 100%;
    font-size: 12px;
}

.linha {
    display: block;
}

.sol {

    font-size: 35px;
    color: rgb(255, 165, 0);
}

.timeInput {
    background: #FFF;
    border: none;
    width: auto;
}

.labelTime {
    width: 100%;
    margin-top: 10px;
}

.reportOnSucess {
    background-color: green;
    display: block;
    color: #FFF;
    font-size: 16px;
    padding: 10px
}

/* START LOADING */
.spinner {
    margin: 0px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/* END LOADING */

.load-btn-container-graphs {
    margin-top: 5px;
    bottom: 5px;
    left: 0;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.inptRangeTime {
    margin-right: 8%;
    cursor: pointer;
}

.parammeter {
    display: block;
    padding: 0 5%;
    font-size: 14px;
    font-weight: 400;
}

.divParameter {
    /*margin-top: 10px;
    height: 60px;*/
}

.alertParameter {
    display: inline-block;
    position: static;
    background-color: #ff2930;
    color: #FFF;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.table-hover > tbody > tr:hover {
    background-color: #f1f1f1;
    cursor: pointer;
    text-align: center;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    text-align: center;
}

.borderTable {
    border-left: 1px solid #b3b3b3;
}

.checkDetails {
    cursor: pointer;
    font-size: 16px;
}

.icoPrintMeteo {
    font-size: 40px;
    float: right;
    cursor: pointer;
    margin-left: 30px;
    color: #474544;
}

.icoPrintMeteo:hover {
    color: #337ab7;
}

.divRight {
    width: 49.5%;
    float: right;
}

.divLeft {
    width: 49.5%;
    float: left;
}

.btBlock {
    display: block;
    width: 100%;
}

.transition {
    transition: all 10s;
    -webkit-transition: all 10s;
}

@media all  and (max-width: 1280px) {
    .previsionado {
        min-width: 300px;
        width: 100%;

    }

    .meteoStatus {
        width: 100%;
        padding: 10px 15px 0px 20px
    }
}

.checkboxdemoSyncing .checkboxDemo1 div {
    clear: both;
}

.checkboxdemoSyncing legend {
    color: #3F51B5;
}

.checkboxdemoSyncing legend code {
    color: #3F51B5;
    font-weight: normal;
}

.checkboxdemoSyncing p {
    padding-left: 8px;
}

.checkboxdemoSyncing .info {
    padding-left: 13px;
}

.checkboxdemoSyncing div.standard {
    padding: 8px;
    padding-left: 15px;
}

.checkboxdemoSyncing fieldset.standard {
    border-style: solid;
    border-width: 1px;
    height: 100%;
}

.downloadLink {
    font-size: 35px;
    float: none;
    cursor: pointer;
    margin-right: 10px;
    color: #474544;
}

.fazenda-svg-30 {
    border-radius: 3px 0px 0px 0px;
    background-image: url("../svg/f-z-t/fazenda.svg");
}

.zona-svg-30 {
    background-image: url("../svg/f-z-t/zona.svg");
}

.talhao-svg-30 {
    background-image: url("../svg/f-z-t/talhao.svg");
}

.pec-retiro-svg {
    background-image: url("../svg/pecuaria/retiro.svg");
    background-repeat: no-repeat;
}

.measure-svg-21 {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-image: url("../svg/measure/measure-icon.svg");
}

.coordinates-svg-21 {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-image: url("../svg/coordinates/coordinates-icon.svg");
}

.mapboxgl-icon-container {
    width: 21px;
    height: 27px;
    vertical-align: middle;
}

.icone-pesquisar {
    width: 21px;
    height: 21px;
    font-family: FontAwesome;
    font-size: 18.5px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 1.9px;
    text-align: justify;
    color: #111111;
}

.design-measure-point {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-point.svg");
    background-repeat: space;
}

.design-measure-line {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-line.svg");
    background-repeat: space;
}

.design-measure-free-line {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-free-line.svg");
    background-repeat: space;
}

.design-measure-rect {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-rect.svg");
    background-repeat: space;
}

.design-measure-circle {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-circle.svg");
    background-repeat: space;
}

.design-measure-ellipse {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-ellipse.svg");
    background-repeat: space;
}

.design-measure-polygon {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-polygon.svg");
    background-repeat: space;
}

.design-measure-free-polygon {
    width: 32px;
    height: 35px;
    display: inline-block;
    background-image: url("../svg/measure/design-measure-free-polygon.svg");
    background-repeat: space;
}

.a {
    width: 20px;
    height: 18px;
    font-family: Athelas;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #313131;
}

.I {
    width: 5px;
    height: 11px;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: center;
    color: #313131;
}

.N {
    width: 10px;
    height: 11px;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: center;
    color: #313131;
}