/* plaenge hub */
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/brother/Brother-1816-Black.otf');
}
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/brother/Brother-1816-Bold.otf');
}
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/brother/Brother-1816-Medium.otf');
}
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/brother/Brother-1816-Regular.otf');
}
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/brother/Brother-1816-Book.otf');
}
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/brother/Brother-1816-Light.otf');
}
@font-face {
  font-family: 'Brother';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/brother/Brother-1816-Thin.otf');
}
body {
  font-family: 'Brother', sans-serif!important;
}
.imgfacial{
    padding: 20px 0 0px;
}
.textmensagemcondominio{
    padding: 0 15px;
    text-align: justify;
}
/*webcam*/
#visitanteModal .modal-body {
    padding: 4px;
}
.block-webcam video {
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #bbbbbb;
}
.block-webcam {
    margin: 10px!important;
}
.floating-top {
    color: #fff;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    z-index: 1500;
    overflow: hidden;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* profie */
input#fileimageuploadvisitante {
    width: 100%;
    height: 200px;
    position: absolute;
    left: -9999999999px;
}
.profile-pic-wrapper {
    height: 200px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
}
.pic-holder {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.pic-holder .pic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.pic-holder .upload-file-block,
.pic-holder .upload-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(90, 92, 105, 0.5);
  color: #f8f9fc;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.pic-holder .upload-file-block {
  cursor: pointer;
}

.pic-holder .upload-file-block,
.uploadProfileInput:focus ~ .upload-file-block {
  opacity: 1;
}

.pic-holder.uploadInProgress .upload-file-block {
  display: none;
}

.pic-holder.uploadInProgress .upload-loader {
  opacity: 1;
}

.plaengehub .glyphicon-envelope:before {
    content: "";
    width: 15px;
    height: 48px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/mensagens.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/mensagens.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .glyphicon-lock:before {
    content: "";
    width: 15px;
    height: 48px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/cadeado.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/cadeado.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-dashboard:before, .plaengehub .fa-tachometer:before, .plaengehub .fa-home:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/inicio.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/inicio.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub .fa-gears:before, .plaengehub .fa-cogs:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/manutencao.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/manutencao.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-building-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/condominio.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/condominio.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub table .fa-building-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/condominio.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/condominio.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-video-camera:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/cameras.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/cameras.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-group:before, .plaengehub .fa-users:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/equipe.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/equipe.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-calendar:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/agendamentos.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/agendamentos.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-map-marker:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/areacomum.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/areacomum.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-filter:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/filtro.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/filtro.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .notifications-menu .fa-filter:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/filtro.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/filtro.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-question-circle:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .notifications-menu .fa-question-circle:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-question-circle:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub table .fa-question-circle:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/question.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-lock:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/cadeado.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/cadeado.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub .notifications-menu .fa-lock:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/cadeado.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/cadeado.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-envelope-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/mensagens.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/mensagens.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub .notifications-menu .fa-envelope-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/mensagens.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/mensagens.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-tablet:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/avisochegada.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/avisochegada.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-bell-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/alertas.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/alertas.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-male:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/morador.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/morador.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-check-square-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-check-square-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-check-square-o:before, .plaengehub .treeview-menu .fa-question-circle:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-reformas:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/reformas.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/reformas.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-reformas:before, .plaengehub .fa-reformas:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/reformas.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/reformas.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-comment:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/comunicados.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/comunicados.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-bullhorn:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/livroocorrencias.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/livroocorrencias.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-file-text-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/documentos.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/documentos.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-money:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/boletos.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/boletos.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-money:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/boletos.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/boletos.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-pencil-square-o:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/condominio.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/condominio.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-plug:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/servicos.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/servicos.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-motorcycle:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/delivery.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/delivery.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-gift:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/encomendas.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/encomendas.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-sign-in:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/visitantes.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/visitantes.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-bullhorn:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/mural.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/mural.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub .fa-shopping-bag:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/parcerias.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/parcerias.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub .fa-car:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/avisochegada.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/avisochegada.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub .fa-search:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/achados.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/achados.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}
.plaengehub table .fa-search:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/achados.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/achados.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .fa-wrench:before {
    content: "";
    top: 2px;
    position: relative;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #B46A55;
    -webkit-mask: url(../../assets/icones/plaengehub/wrench.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/wrench.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .ion-ios-people:before{
    content: "";
    position: relative;
    width: 75px;
    height: 75px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/equipe.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/equipe.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .ion-ios-home:before{
    content: "";
    position: relative;
    width: 75px;
    height: 75px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/inicio.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/inicio.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .ion-person-stalker:before{
    content: "";
    position: relative;
    width: 75px;
    height: 75px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/visitantes.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/visitantes.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .ion-ios-book:before{
    content: "";
    position: relative;
    width: 75px;
    height: 75px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/livroocorrencias.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/livroocorrencias.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .ion-android-calendar:before{
    content: "";
    position: relative;
    width: 75px;
    height: 75px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/agendamentos.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/agendamentos.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .ion-android-checkbox-outline:before{
    content: "";
    position: relative;
    width: 75px;
    height: 75px;
    display: block;
    background-color: #fff;
    -webkit-mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    mask: url(../../assets/icones/plaengehub/enquetes.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.plaengehub .skin-red .sidebar-menu>li:hover>a i:before, .plaengehub .skin-red .sidebar-menu>li.active>a i:before, .plaengehub .skin-red .sidebar-menu>li.menu-open>a i:before{
  background-color: #fff;
}

.plaengehub .skin-red .sidebar-menu>li.menu-open ul.treeview-menu li a i:before{
  background-color: #fff; 
}
.plaengehub .pull-right-container i:before{
  background-color: transparent!important;
}

.plaengehub .login-page .row{
  display: flex;
}
.plaengehub .login-page .row .container-login{
  order: 2;
}
.plaengehub .login-page .row .bg-login-apptohome{
  order: 1;
}
.plaengehub .login-page .row .bg-login-apptohome-fixed{
  display: none;
}
.plaengehub .login-box-body .btn-success {
    background-color: #4e4b48;
    border-color: transparent;
    border-bottom: none;
    border-radius: 0;
    padding-bottom: 15px;
}
.plaengehub .login-box-body .btn-success:hover, .plaengehub .login-box-body .btn-success:active, .plaengehub .login-box-body .btn-success.hover {
    background-color: #b46a55!important;
}
.plaengehub .login-logo, .plaengehub .register-logo {
    z-index: 9;
    text-align: left!important;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
}
.plaengehub a {
    color: #B46A55;
}
.plaengehub .login-logo img, .plaengehub .register-logo img{
  filter: invert(1) brightness(450%) sepia(100%) saturate(0%);
  width: 150px;
}
.plaengehub .slogan-login{
  margin: 31% 50px 0;
  text-align: left;
}
.plaengehub .logo-lg img {
    height: 25px;
}
.plaengehub body {
    color: #4E4B48;
}
.plaengehub .skin-red .content-header {
    text-transform: uppercase;
}
.plaengehub .login-box-body, .register-box-body {
    color: #b46a55;
}
.plaengehub .login-box-body h4{
      color: #63615e;
}
.plaengehub .skin-red .form-control-apptohome {
    border-color: #63615e!important;
}
.plaengehub .skin-red .form-control-apptohome::placeholder {
  color: #e3d5cf;
}
.plaengehub .skin-red .form-control-feedback-apptohome {
    color: #9a1914!important;
}
.plaengehub .box.box-primary {
    border-top-color: #4E4B48;
}
.plaengehub .skin-red .wrapper, .plaengehub .skin-red .main-sidebar, .plaengehub .skin-red .left-side {
    background-color: #f7f1f3;
}
.plaengehub .skin-red .bg-login-apptohome {
  background: #1f1a17!important;
}
.plaengehub .bg-login-apptohome::after {
    background: url(../../assets/img/img_login_desktop.jpg);
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
    filter: none;
    opacity: 1;
}
.plaengehub .skin-red .sidebar-menu>li.header {
    color: #4E4B48;
    background: #f7f1f3;
}
.plaengehub .skin-red .sidebar a {
    color: #4E4B48;
}
.plaengehub .skin-red .main-header .navbar {
    background-color: #625f5c;
}
.plaengehub .skin-red .main-header .logo {
    background-color: #4e4b48;
}
.plaengehub .skin-red .main-header .navbar .sidebar-toggle:hover {
    background-color: black;
}
.plaengehub .skin-red .sidebar-menu .treeview-menu>li>a {
    color: white;
}
.plaengehub .skin-red .sidebar-menu .treeview-menu>li.active>a {
    color: #B46A55;
}
.plaengehub .skin-red .main-header .logo:hover {
    background-color: black;
}
.plaengehub .skin-red .sidebar-menu>li.active>a {
    border-left-color: black;
}
.plaengehub .skin-red .sidebar-menu>li:hover>a, .plaengehub .skin-red .sidebar-menu>li.active>a, .plaengehub .skin-red .sidebar-menu>li.menu-open>a{
    background: #B46A55;
}
.plaengehub .skin-red .sidebar-menu>li>.treeview-menu {
    background: #444341;
}
.plaengehub .skin-red .main-header li.user-header {
    background-color: #23201d;
}
.plaengehub .skin-red .main-header .navbar .nav>li>a:hover, .plaengehub .skin-red .main-header .navbar .nav>li>a:active, .plaengehub .skin-red .main-header .navbar .nav>li>a:focus, .plaengehub .skin-red .main-header .navbar .nav .open>a, .plaengehub .skin-red .main-header .navbar .nav .open>a:hover, .plaengehub .skin-red .main-header .navbar .nav .open>a:focus, .plaengehub .skin-red .main-header .navbar .nav>.active>a {
    background: black;
}
.plaengehub .bg-aqua{
  background-color: #7B6D6B !important;
}
.plaengehub .bg-maroon{
  background-color: #A39596 !important;
}
.plaengehub .bg-blue{
  background-color: #CBB9BB !important;
}
.plaengehub .bg-yellow{
  background-color: #BA968A !important;
}
.plaengehub .bg-red{
  background-color: #D6C0B7 !important;
}
.plaengehub .bg-green{
  background-color: #D6C0B7 !important;
}
.plaengehub .small-box .icon{
  color: white;
  opacity: 0.2;
}
.plaengehub .box.box-yellow {
    border-top-color: #BA968A;
}
.plaengehub .box.box-danger {
    border-top-color: #D6C0B7;
}
.plaengehub .box.box-info {
    border-top-color: #7B6D6B;
}

.plaengehub .btn-success {
background-color: #4e4b49;
    border-color: #4e4b49;
    color: white!important;
}
.plaengehub .btn-success:hover,
.plaengehub .btn-success:active,
.plaengehub .btn-success.hover {
  background-color: #796C6A;
    border-color: #796C6A;
}

.plaengehub .btn-primary {
  background-color: #4e4b49;
  border-color: #4e4b49;
  color: white!important;
}

.plaengehub .btn-primary:hover,
.plaengehub .btn-primary:active,
.plaengehub .btn-primary.hover {
      background-color: #b46a55;
    border-color: #b46a55;
}

.plaengehub .btn-info {
    background-color: #796C6A;
    border-color: #796C6A;
    color: white!important;
}

.plaengehub .btn-info:hover,
.plaengehub .btn-info:active,
.plaengehub .btn-info.hover {
  background-color: #4e4b49;
  border-color: #4e4b49;
}

.plaengehub .btn-warning {
    background-color: #A39596;
    border-color: #A39596;
    color: white!important;
}

.plaengehub .btn-warning:hover,
.plaengehub .btn-warning:active,
.plaengehub .btn-warning.hover {
  background-color: #796C6A;
  border-color: #796C6A;
}
.plaengehub .btn-warning .fa-check-square-o:before, .plaengehub .treeview-menu .fa-question-circle:before{
  background-color: #fff;
  height: 14px;
}

.plaengehub .btn-danger {
  background-color: #b46a55;
  border-color: #b46a55;
  color: white;
}
.plaengehub .btn-danger:hover,
.plaengehub .btn-danger:active,
.plaengehub .btn-danger.hover {
  background-color: #4e4b49;
  border-color: #4e4b4a;
}
.plaengehub .buttons-print, .plaengehub .buttons-excel {
    color: #4e4b49!important;
}
.plaengehub #botaoInserir {
    color: #4e4b49!important;
}

.plaengehub .text-aqua {
    color: #b46a55 !important;
}
@media (max-width: 767px) {
    .plaengehub .login-page .row{
      display: block;
    }
    .plaengehub .bg-login-apptohome::after {
        background-position: top left;
        background-size: cover;
    }
    .plaengehub .login-logo img, .plaengehub .register-logo img {
        filter: none;
        width: 150px;
        margin: 60px 30px 0;
        display: block;
    }
    .login-box-body, .register-box-body {
        padding-top: 20px!important;
    }
    .plaengehub .slogan-login {
        margin: 0;
        text-align: right;
    }
}