.EngemanRequiredLabel {
}

  .EngemanRequiredLabel:after {
    content: "  *";
    color: red;
    font-weight: 700;
    white-space: nowrap
  }

.uk-notify {
  z-index: 99999
}

.OcultaMobile {
  display: none
}

.MostraMobile {
  display: inline
}

.MostraBotoes {
  display: none;
}

.OcultaBotoes {
  display: inline
}

.fab {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99999
}

  .fab button {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 30px;
    background-color: #cb60b3;
    border: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
    font-size: 24px;
    color: #fff;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
  }

    .fab button:focus {
      outline: none
    }

    .fab button.main {
      width: 55px;
      height: 55px;
      border-radius: 30px;
      z-index: 20
    }

    .fab button.main, .fab ul {
      position: absolute;
      right: 0;
      bottom: 0
    }

      .fab button.main:disabled {
        background-color: #bebbbb;
        border-color: #bebbbb;
        opacity: 1;
        pointer-events: none;
      }

  .fab ul {
    padding: 0 5px 0 0;
    margin: 0;
    list-style: none;
    z-index: 10;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
  }

    .fab ul li {
      display: flex;
      justify-content: flex-start;
      position: relative;
      margin-bottom: -10%;
      opacity: 0;
      -webkit-transition: .3s ease-out;
      -moz-transition: .3s ease-out;
      transition: .3s ease-out
    }

      .fab ul li label {
        margin-right: 10px;
        white-space: nowrap;
        display: block;
        margin-top: 10px;
        padding: 5px 8px;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
        border-radius: 3px;
        height: 18px;
        font-size: 16px;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out
      }

  .fab button.main:active, .fab button.main:focus {
    outline: none;
    background-color: #f05050;
    box-shadow: 0 3px 8px rgba(0,0,0,.5)
  }

    .fab button.main:active + ul, .fab button.main:focus + ul {
      bottom: 70px
    }

      .fab button.main:active + ul li, .fab button.main:focus + ul li {
        margin-bottom: 10px;
        opacity: 1
      }

        .fab button.main:active + ul li:hover label, .fab button.main:focus + ul li:hover label {
          opacity: 1
        }

.whirl:after {
  position: fixed
}

.footer-gridview-ml {
  margin-left: auto !important
}

.list-group-item {
  z-index: auto
}

.whole-line {
  width: 100%;
}

#colordatalabels {
  width: 100%;
  height: 35px;
}

.formControl-color-custom {
  height: 35px;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: #fff;
}

.btnMaps, .btnSql {
  border: none;
  height: 35px;
  border-radius: 5px;
  width: 40px;
}

.divBtnsJustifyRight {
  padding-left: 0px;
  display: flex;
  align-items: end;
  justify-content: right;
}

.divBtnsJustifyLeft {
  padding-left: 0px;
  display: flex;
  align-items: end;
  justify-content: left;
}

.divBtnMaps {
  padding-left: 0px;
  display: flex;
  align-items: end;
}

.divBtnsAligned {
  padding-left: 0px;
  display: flex;
  align-items: end;
  padding-bottom: 0.5rem;
}
 
#Grp_EditButtonLATITUDE {
  padding-left: 0px;
}

#Grp_EditButtonATIVO, #Grp_EditButtonRESPTEC {
  align-self: end;
}

#Grp_EditButtonDIRETO, #Grp_EditButtonFISCAL, #Grp_EditButtonINCIDEFRETE {
  align-self: end;
}

#Grp_EditButtonTEMAPROVSUP, #Grp_EditButtonSEQUENC, #Grp_EditButtonENVOLV {
  align-self: end;
}

.modal-header {
  background-color: rgba(0, 0, 0, 0.03);
}

.modal-footer {
  background-color: rgba(0, 0, 0, 0.03);
}

.disabledCustomized {
  opacity: 0.6;
  pointer-events: none;
}

.user-block .user-block-role {
  font-size: 12px;
  text-align: center !important;
  width: max-content;
}

/*Historico de OS*/
.observacoes {
  display: flex;
  justify-content: space-between;
}

  .observacoes > div:nth-child(1) {
    width: calc(100vw - 70%);
    margin-right: 0.5rem;
  }

  .observacoes > div:nth-child(2) {
    width: calc(100vw - 70%);
  }

.card-obs {
  border: 1px solid #CCD1D1;
  border-radius: 5px 5px;
  height: 150px;
  padding: 3px 5px 2px 5px;
  overflow: auto;
}

  .card-obs div {
    margin: 0.5rem 0 1rem 1rem;
  }

.historico-os {
  display: flex;
  justify-content: space-between;
  height: 600px;
}

.card-lateral {
  height: 600px;
  margin: 0 0.05rem 0 0.05rem;
  width: 300px;
}

  .card-lateral .card-body {
    border: 1px solid #CCD1D1;
    border-radius: 5px 5px;
  }

.dados {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 0.05rem 0 0.5rem;
}


  .dados .card-body {
    overflow: auto;
    height: 600px;
    border: 1px solid #CCD1D1;
    border-radius: 5px 5px;
  }

div[dados-hist-os] li {
  list-style: none;
}

  div[dados-hist-os] li i {
    color: gray;
  }

.tree-engeman > div li a,
.tree-engeman > div li a span {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.link {
  font-size: 0.875rem;
}

.infos {
  font-weight: 100;
}

div[dados-hist-os] li a::before {
  content: '\203A \00a0'
}

div[dados-hist-os] li a:hover {
  color: gray;
}
/*Fim Historico OS*/






@media only screen and (min-width:600px) {
  .OcultaMobile {
    display: inline
  }

  .MostraMobile {
    display: none
  }

  .MostraBotoes {
    display: flex;
  }

  .OcultaBotoes {
    display: none
  }
}

@media (max-width: 1200px) {
  #Grp_EditButtonLONGITUDE {
    padding-left: 0px;
  }

  .divBtnsAligned, .divBtns {
    padding-top: 1rem;
    padding-bottom: 0px;
    padding-left: 1rem;
  }

  .divBtnsJustifyRight {
    padding-top: 1rem;
    padding-bottom: 0px;
    padding-left: 1rem;
    justify-content: left;
  }
}

/*Coluna de botões fixa do grid pesquisa (SearchTextBox)*/
.fixed-column-right {
  position: sticky;
  right: 0;
  padding: 0.25rem 0 0.25rem 0.5rem !important;
  background-color: inherit;
}

.fixed-header-right {
  position: sticky;
  right: 0;
  padding: 0.25rem 0 0.25rem 0.5rem !important;
}

.fixed-column-left {
  position: sticky;
  left: 0;
  padding: 0.25rem 0.25rem 0 0.25rem !important;
  background-color: inherit;
}

.fixed-header-left {
  position: sticky;
  left: 0;
}

/*Cabeçalho dos grids*/
.fixedHeader {
  position: sticky;
  top: 0;
  z-index: 2;
}

.subTable {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.tituloSubTable {
  padding-bottom: 5px;
  font-weight: bold;
}

.tituloTrSubTable {
  pointer-events: none;
  border-bottom: 0px;
}

.thSubTable {
  border-bottom: 1px solid #cfdbe2 !important;
}

/*Componente data - tamanho texto*/
.dx-datebox.dx-auto-width .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
  font-size: 13px;
}

/*Componente data - readonly*/
.dx-texteditor.dx-state-readonly {
  opacity: 0.65;
  pointer-events: none;
}

/*Componente data - borda hover*/
.dx-texteditor.dx-state-hover {
  border-color: #dde6e9 !important;
}

/*Botão pesquisar cabeçalho*/
.btn-pesquisar:focus {
  box-shadow: 0 0 0 0;
}

/*Swal*/
.swal-title {
  margin-top: 0px !important;
  font-size: 1.125rem;
  padding: 1rem 1rem;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.swal-body, .swal-text {
  font-size: 0.875rem;
}

.swal-footer {
  padding: 1rem 1rem;
  background-color: rgba(0, 0, 0, 0.15) !important;
  align-content: end;
}

.swal-button {
  font-size: 13px;
  padding: 0.375rem 0.8rem;
}

.swal-button-container {
  margin: 0px;
  padding-left: 0.5rem;
}

.swal-icon--success:after, .swal-icon--success:before {
  background-color: transparent;
}

.swal-icon--success__hide-corners {
  background-color: transparent;
}

/*Cabeçalho e rodapé modal tom mais escuro*/
.modal-header {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

.modal-footer {
  background-color: rgba(0, 0, 0, 0.15) !important;
}