@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1300px!important;
    }
}

#table-produtos {
    table-layout: fixed !important;
    word-wrap:break-word;
}

.coluna-alinhada-centro{
    text-align: center;
}

.dataTable {
    table-layout: fixed !important;
    word-wrap:break-word;
    font-size: 8pt;
    margin: 0px;
    width: 99%;
}
.btn {
    border-radius: 5px
}

.fonte-oito-btn-chamados-abertos {
    font-size: 7pt;
    color: #fff;
    border-radius:3px;
    border-width: thin;
}

.fonte-oito-btn-chamados-orcamento {
    font-size: 7pt;
    color: black;
    background-color: yellow;
    border-radius:3px;
    border-width: thin;
}

.fonte-oito-btn-chamados-orcamento-aprovado{
    font-size: 7pt;
    color: white;
    background-color: green;
    border-radius:3px;
    border-width: thin;
}

.fonte-oito-btn-chamados-orcamento-rejeitado{
    font-size: 7pt;
    color: white;
    background-color: black;
    border-radius:3px;
    border-width: thin;
}

.fonte-oito-btn-chamados-execucao {
    font-size: 7pt;
    color: #fff;
    background-color: blue;
    border-radius:3px;
    border-width: thin;
}

.fonte-oito-btn-chamados-pendente {
    font-size: 7pt;
    color: #fff;
    background-color: red;
    border-radius:3px;
    border-width: thin;
}

.fonte-oito-btn-chamados-concluido {
    font-size: 7pt;
    color: black;
    background-color: greenyellow;
    border-radius:3px;
    border-width: thin;
}

.btn-warning:not(:disabled):not(.disabled):active, 
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
}

.fonte-oito {
    font-size: 8pt;
}

.fonte-nove {
    font-size: 9pt;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 5px;
}

.selected{ 
    background-color: #bee5eb;
} 

.btn-custom {
    padding: 1px 15px 3px 2px;
    border-radius: 50px;
}

.btn-icon {
    padding: 8px;
    background: #ffffff;
}

.conteudo-principal {
    position: relative; 
    top: -20px;
}

td.details-control {
    background: url('../../assets/images/mais.png') no-repeat center center;
    background-size: 60%;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../../assets/images/menos.png') no-repeat center center;
    background-size: 60%;
} 

.ui-autocomplete{
    z-index: 1050 !important;
 }
 
 [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
  }

[type="file"] + label {
    background:#2e8216;
    border: none;
    border-radius: 5px;
    color:
    #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 1rem;
    outline: none;
    padding: 0.3rem 10px;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;

  &:hover {
    background-color: darken(#f15d22, 10%);
  }

  [type="button"] + label {
    background:#2e8216;
    border: none;
    border-radius: 5px;
    color:
    #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 1rem;
    outline: none;
    padding: 0.3rem 10px;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;

  &:hover {
    background-color: darken(#f15d22, 10%);
  }
  
  
  &.btn-1 {
    background-color: #f79159;
    box-shadow: 0 6px darken(#f79159, 10%);
    transition: none;

    &:hover {
      box-shadow: 0 4px darken(#f79159, 10%);
      top: 2px;
    }
  }

  &.btn-2 {
    background-color: #99c793;
    border-radius: 50px;
    overflow: hidden;

    &::before {
      color: #fff;
      content: "\f382";
      font-family: "Font Awesome 5 Pro";
      font-size: 100%;
      height: 100%;
      right: 130%;
      line-height: 3.3;
      position: absolute;
      top: 0px;
      transition: all 0.3s;
    }

    &:hover {
      background-color: darken(#99c793, 30%);

      &::before {
        right: 75%;
      }
    }
  }

  &.btn-3 {
    background-color: #ee6d9e;
    border-radius: 0;
    overflow: hidden;

    span {
      display: inline-block;
      height: 100%;
      transition: all 0.3s;
      width: 100%;
    }

    &::before {
      color: #fff;
      content: "\f382";
      font-family: "Font Awesome 5 Pro";
      font-size: 130%;
      height: 100%;
      left: 0;
      line-height: 2.6;
      position: absolute;
      top: -180%;
      transition: all 0.3s;
      width: 100%;
    }

    &:hover {
      background-color: darken(#ee6d9e, 30%);

      span {
        transform: translateY(300%);
      }

      &::before {
        top: 0;
      }
    }
  }
}

.texto-pesquisa {
    background-color: #e6e5c8;   
}

.calendario-graficos {
    display: block!important; 
    width: 30%!important;
    height: calc(1.625rem + 2px)!important;
    padding: 1px 1px 1px 1px!important;
    font-size: .675rem!important;
    line-height: 1.5!important;
    color: #4F5467!important;
    background-color: #fff!important;
    border: 1px solid #e9ecef!important;
    border-radius: 2px!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
}

.btn-pesquisa {
    display: inline-block;
    color: #3e5569!important;
    text-align: center!important;
    vertical-align: middle!important;
    user-select: none!important;
    background-color: transparent!important;
    border: 1px solid transparent!important;
    padding: .350rem .75rem!important;
    font-size: .875rem!important;
    line-height: 1.5!important;
    border-radius: 2px!important;
}

.pressionado:hover {
    width: 200px!important;
    height: 200px!important;
    background: black!important;
    position: relative!important;
    box-shadow: 
    0 0 0 10px hsl(0, 20%, 50%),
    0 0 0 15px hsl(0, 30%, 60%),
    0 0 0 20px hsl(0, 40%, 70%),
    0 0 0 25px hsl(0, 50%, 80%),
    0 0 0 30px hsl(0, 60%, 90%)!important;    
}