@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700,800&display=swap');
body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #707070; }
/* width */
::-webkit-scrollbar {
  width: 10px; }
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b1b1b1; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

.bg-degrade-default {
  background: #f5f5f5;
  background: linear-gradient(0deg, #f5f5f5, #fff); }

.color-andamento {
  color: #5aacde; }

.color-pausada {
  color: #f15755; }

.color-concluida {
  color: #22bf87; }

.form-control {
  border-color: #e8e8e8; }

.text-success {
  color: #22bf87 !important; }

.btn {
  font-size: 12px; }
  .btn.btn-default {
    color: #757575; }
  .btn.btn-primary {
    background-color: #414141;
    border-color: #414141; }
  .btn.btn-outline-primary {
    color: #414964;
    border-color: #414964; }
    .btn.btn-outline-primary:hover {
      color: #fff;
      background: #414964; }
  .btn.btn-nova-tarefa {
    width: 100%;
    margin: 10px 0;
    border: 4px #ddd dotted;
    color: #8c8c8c;
    padding: 15px; }
    .btn.btn-nova-tarefa:hover {
      background: #f0f0f0; }

button.ui.button.btn.btn-default.oc-icon-upload.upload-button.dz-clickable {
  margin: 0; }

.card {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); }
  .card .card-footer {
    background: transparent; }

.mh-400-overflow-auto {
  max-height: 400px;
  overflow: auto; }

.navbar-nav {
  align-items: center; }
  .navbar-nav .nav-link {
    position: relative; }
    .navbar-nav .nav-link .notificacao {
      min-width: 15px;
      height: 15px;
      background: #cc1c1c;
      border-radius: 50%;
      padding: 0 5px;
      color: #fff;
      position: absolute;
      top: 0px;
      right: 4px;
      text-align: center;
      font-size: 10px; }
  .navbar-nav img.avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%; }

.login {
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 25px;
  background: #414141;
  color: #fff; }
  .login .box-login {
    max-width: 600px;
    margin: 0 auto; }
    .login .box-login .btn-login {
      background: #e3262e;
      border-color: #e3262e;
      color: #fff; }
    .login .box-login .form-control {
      background: transparent;
      border-color: #626262;
      border-radius: 0;
      color: #fff; }
    .login .box-login a {
      color: #fff; }

.main {
  display: flex;
  min-height: 100vh; }
  .main .side {
    width: 81px;
    transition: all 0.5s;
    padding-top: 40px;
    background: #414141;
    position: fixed;
    height: 100vh; }
    .main .side img.icon {
      display: block; }
    .main .side:hover .side-itens span {
      font-weight: 100;
      color: #989897; }
    .main .side hr {
      border-top: 1px solid #c9c9c9;
      margin: 40px 0; }
    .main .side .side-itens {
      padding-left: 4px; }
      .main .side .side-itens a {
        color: #fff;
        margin-bottom: 25px;
        display: flex;
        align-items: center; }
        .main .side .side-itens a .icon {
          margin-right: 10px; }
        .main .side .side-itens a span {
          opacity: 0;
          transition: all 0.3s; }
        .main .side .side-itens a.log-out {
          margin-top: 80px; }
        .main .side .side-itens a:hover {
          text-decoration: none;
          font-weight: bold; }
          .main .side .side-itens a:hover span {
            color: #fff; }
  .main .content {
    width: calc(100% - 81px);
    padding: 0 40px 60px;
    margin-left: 81px; }

.card .card-header {
  background: transparent;
  padding: 0; }
  .card .card-header h3 {
    color: #414964;
    font-weight: 800;
    font-size: 24px; }

.box-timeline ul.timeline {
  list-style-type: none;
  position: relative;
  max-height: 369px; }
  .box-timeline ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
    top: 20px; }
  .box-timeline ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px; }
  .box-timeline ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #414964;
    left: 15px;
    width: 30px;
    height: 30px;
    z-index: 400;
    margin-top: 5px; }
  .box-timeline ul.timeline > li.check:before {
    background: url(../themes/gestordac/assets/images/check.png) #fff no-repeat center;
    background-position-x: 4px;
    background-position-y: 0px; }
  .box-timeline ul.timeline li span {
    font-size: 10px; }
    .box-timeline ul.timeline li a {
      color: #757575;
      font-weight: 700; }

.box-tasks .nav {
  border-bottom: solid 1px #c9c9c9;
  margin-bottom: 8px; }
  .box-tasks .nav .nav-item .nav-link {
    color: #707070;
    opacity: 0.6; }
    .box-tasks .nav .nav-item .nav-link.active {
      opacity: 1;
      font-weight: 800;
      border-bottom: 4px solid #e3262e; }
  .box-tasks .list-group {
    padding: 0;
    min-height: 200px;
    max-height: 449px;
    overflow: auto; }
  .box-tasks .list-group .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-color: #f5f5f5;
    background: transparent;
    margin: 3px 0;
    border-radius: 0;
    padding: 0;
    padding-right: 40px; }
    .box-tasks .list-group .list-group-item .check {
      background: #414964;
      width: 14px;
      height: 68px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.4s; }
    .box-tasks .list-group .list-group-item .check.active {
      width: 50px; }
      .box-tasks .list-group .list-group-item .check.active .custom-control {
        opacity: 1; }
    .box-tasks .list-group .list-group-item .check .custom-control {
      position: relative;
      display: block;
      min-height: 1.5rem;
      padding-left: 1.9rem;
      opacity: 0; }
    .box-tasks .list-group .list-group-item .check input {
      transition: all 0.3s;
      opacity: 0; }
    .box-tasks .list-group .list-group-item .check .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #fff;
      background-color: #fff; }
    .box-tasks .list-group .list-group-item .check .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
    .box-tasks .list-group .list-group-item.select .check:hover, .box-tasks .list-group .list-group-item.select .check:focus {
      width: 50px; }
      .box-tasks .list-group .list-group-item.select .check:hover .custom-control, .box-tasks .list-group .list-group-item.select .check:focus .custom-control {
        opacity: 1; }
      .box-tasks .list-group .list-group-item.select .check:hover input, .box-tasks .list-group .list-group-item.select .check:focus input {
        opacity: 1; }
    .box-tasks .list-group .list-group-item .avatar {
      max-width: 40px; }
    .box-tasks .list-group .list-group-item .avatar .no-avatar {
      width: 40px;
      height: 40px; }
    .box-tasks .list-group .list-group-item .avatar img {
      border-radius: 50%; }
    .box-tasks .list-group .list-group-item .title {
      text-transform: uppercase;
      width: 40%; }
    .box-tasks .list-group .list-group-item .title a {
      color: #757575; }
    .box-tasks .list-group .list-group-item .date {
      font-size: 12px; }
    .box-tasks .list-group .list-group-item .status {
      height: 32px;
      background-color: #ddd;
      border-radius: 5px;
      padding: 0px 15px;
      color: #fff;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 126px; }
    .box-tasks .list-group .list-group-item .status.andamento {
      background: #116044;
      background: linear-gradient(0deg, #116044, #22bf87); }
    .box-tasks .list-group .list-group-item .status.pausado, .box-tasks .list-group .list-group-item .status.recusada {
      background: #792721;
      background: linear-gradient(0deg, #792721, #f24d41); }
    .box-tasks .list-group .list-group-item .status.concluido, .box-tasks .list-group .list-group-item .status.aprovado {
      background: #116044;
      background: linear-gradient(0deg, #116044, #22bf87); }
    .box-tasks .list-group .list-group-item .status.aprovacao, .box-tasks .list-group .list-group-item .status.analise {
      background: #ffb300;
      background: linear-gradient(0deg, #ffb300, #ffd817); }

h2 {
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 15px; }

.card {
  border: 0; }

.ms-drop {
  left: 0;
  border: 1px solid #f0f0f0; }
  .ms-drop span {
    font-weight: normal; }

.ms-choice {
  height: 16px !important;
  border: 0 !important;
  border-radius: 0 !important; }

.ms-choice > span {
  top: 5px !important;
  left: 5px !important; }

.ms-search input {
  border-radius: 4px !important;
  font-size: 1em;
  border: 1px solid #e8e8e8; }

.box-atalhos h1 {
  font-weight: 800;
  font-style: italic;
  font-size: 35px;
  margin-bottom: 30px; }
  .box-atalhos a {
    color: #707070; }
  .box-atalhos a:hover {
    text-decoration: none; }
  .box-atalhos .card {
    transition: all 0.3s; }
  .box-atalhos .card img {
    padding-top: 10px; }
  .box-atalhos .card h3 {
    font-weight: 700;
    font-size: 16px;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: #c9c9c9; }
  .box-atalhos .card .icon {
    width: 90px;
    height: 104px;
    margin: 0 auto; }
    .box-atalhos .card .icon.icon-nova-solicitacao {
      background: url('../themes/gestordac/assets/images/icons/icon-nova-solicitacao.png') no-repeat center; }
    .box-atalhos .card .icon.icon-solicitacao {
      background: url('../themes/gestordac/assets/images/icons/icon-solicitacao.png') no-repeat center; }
    .box-atalhos .card .icon.icon-nova-demanda {
      background: url('../themes/gestordac/assets/images/icons/icon-nova-demanda.png') no-repeat center; }
    .box-atalhos .card .icon.icon-demanda {
      background: url('../themes/gestordac/assets/images/icons/icon-demanda.png') no-repeat center; }
  .box-atalhos .card:hover {
    background: #38393d;
    background: linear-gradient(0deg, #757575, #38393d);
    box-shadow: -1px 3px 9px 2px rgba(0, 0, 0, 0.15); }
    .box-atalhos .card:hover .icon.icon-nova-solicitacao {
      background: url('../themes/gestordac/assets/images/icons/icon-nova-solicitacao-active.png') no-repeat center; }
    .box-atalhos .card:hover .icon.icon-solicitacao {
      background: url('../themes/gestordac/assets/images/icons/icon-solicitacao-active.png') no-repeat center; }
    .box-atalhos .card:hover .icon.icon-nova-demanda {
      background: url('../themes/gestordac/assets/images/icons/icon-nova-demanda-active.png') no-repeat center; }
    .box-atalhos .card:hover .icon.icon-demanda {
      background: url('../themes/gestordac/assets/images/icons/icon-demanda-active.png') no-repeat center; }

.charts h4 {
  font-weight: 800;
  font-size: 16px; }
  .charts .form-control {
    background: #f5f5f5;
    border: 0;
    font-size: 12px;
    height: 32px;
    font-weight: bold; }
  .charts .legends {
    font-size: 12px;
    padding-left: 30px; }
  .charts .legends .item {
    display: flex;
    margin: 14px 0;
    align-items: center; }

.overview .card-body {
  overflow: hidden;
  position: relative; }
  .overview .card-body .item-resumo {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: right top !important;
    color: #414964; }
    .overview .card-body .item-resumo .bg-number {
      font-size: 240px;
      font-weight: 800;
      position: absolute;
      opacity: 0.04;
      left: -15px; }
    .overview .card-body .item-resumo .number {
      font-size: 60px;
      font-weight: 800; }
    .overview .card-body .item-resumo label {
      margin-left: 10px;
      font-weight: bold;
      max-width: 110px;
      margin-bottom: 0;
      line-height: 17px; }
    .overview .card-body .item-resumo.criadas {
      background: url('../themes/gestordac/assets/images/icons/icon-criar.png') no-repeat; }
    .overview .card-body .item-resumo.criadas .number {
      color: #6e5ca8; }
    .overview .card-body .item-resumo.andamento {
      background: url('../themes/gestordac/assets/images/icons/icon-andamento.png') no-repeat; }
    .overview .card-body .item-resumo.andamento .number {
      color: #5aacde; }
    .overview .card-body .item-resumo.pausado {
      background: url('../themes/gestordac/assets/images/icons/icon-pausada.png') no-repeat; }
    .overview .card-body .item-resumo.pausado .number {
      color: #f15755; }
    .overview .card-body .item-resumo.concluidas {
      background: url('../themes/gestordac/assets/images/icons/icon-concluido.png') no-repeat; }
    .overview .card-body .item-resumo.concluidas .number {
      color: #22bf87; }

.page-header h1 {
  color: #414964;
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase; }

.box-form .numero {
  display: flex;
  align-items: center;
  text-align: right; }
  .box-form .numero span {
    color: #414141;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px; }
  .box-form .numero .form-control {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    font-size: 20px; }
  .box-form h3 {
    background: #1e2e93;
    background: linear-gradient(-90deg, #1e2e93, #5a6ff5);
    color: #fff;
    font-size: 14px;
    padding: 10px 25px; }
  .box-form .form-group {
    margin-bottom: 30px; }
  .box-form .form-group label {
    font-weight: bold; }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
  opacity: 0.4;
  border-top-right-radius: 0.25em !important;
  border-bottom-right-radius: 0.25em !important;
  margin: 0 10px; }

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
  opacity: 1; }

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
  opacity: 1; }

.dropdown-menu.users {
  min-width: 20rem;
  max-height: 150px;
  overflow: auto; }
  .dropdown-menu.users .form-control {
    max-width: 80%;
    margin: 0 5px 5px;
    font-size: 12px; }
  .dropdown-menu.users .item {
    padding: 5px 10px;
    cursor: pointer;
    width: auto;
    height: auto; }
  .dropdown-menu.users .item img {
    max-width: 25px;
    width: 25px;
    height: 25px; }
  .dropdown-menu.users .item span {
    margin-left: 10px;
    font-size: 12px; }
  .dropdown-menu.users .item:hover {
    background: #e0e0e0; }

.box-anexos {
  background: #fff; }
  .box-anexos .drop {
    background: #e8e8e8;
    padding: 7px; }
  .box-anexos .drop a {
    text-decoration: underline;
    color: #707070; }
  .box-anexos .box-anexo-body {
    padding: 15px;
    border: solid 1px #ddd;
    height: 232px;
    overflow: auto; }

.datepicker.datepicker {
  font-size: 14px !important; }

.filters {
  display: flex;
  justify-content: flex-end; }
  .filters .form-control {
    max-width: 200px; }

.box-notificacao {
  color: #f5f5f5; }
  .box-notificacao span {
    font-style: italic; }
  .box-notificacao h4 {
    font-weight: bold; }
  .box-notificacao .card.lido {
    background: #f0f0f0; }

#job .date .datepicker {
  font-size: 14px !important;
  text-align: center; }

.box-responsavel {
  display: flex;
  align-items: center; }
  .box-responsavel label {
    margin: 0; }
  .box-responsavel .item {
    position: relative;
    cursor: pointer;
    margin-right: 8px; }
  .box-responsavel .item .no-avatar {
    width: 40px;
    height: 40px; }
  .box-responsavel .item .star-envolvidos {
    text-shadow: 0.5px 0.5px 1px rgba(191, 155, 48, 1); }
    .box-responsavel .item .star-envolvidos i.fa-star {
      position: absolute;
      right: 0px;
      bottom: 0;
      color: #ffcf40;
      z-index: 9; }
  .box-responsavel .item button.remover_foto {
    display: none; }
  .box-responsavel .item .btn.btn-remove {
    padding: 2px;
    width: 39px;
    height: 39px;
    background: rgba(255, 255, 255, 0.83);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #e40000;
    font-size: 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    display: none; }
    .box-responsavel .item .btn.btn-add {
      border: solid 2px #a7a7a7;
      color: #a7a7a7;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      padding: 0;
      font-size: 18px; }
  .box-responsavel .item img {
    width: 39px;
    height: 39px;
    object-fit: cover;
    border-radius: 50%; }
    .box-responsavel .item img.avatar {
      width: 40px !important;
      height: 40px !important;
      object-fit: cover;
      border-radius: 50%; }
  .box-responsavel .item:hover button.remover_foto {
    position: absolute;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    opacity: 0.5;
    border: 0;
    display: block; }
    .box-responsavel .item:hover .btn {
      display: block; }

.no-avatar {
  width: 30px;
  height: 30px;
  display: flex;
  background: #ddd;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px; }
  .no-avatar.big {
    font-size: 30px;
    height: 150px;
    width: 150px; }

.box-demandas .item-demanda a {
  font-weight: bold;
  font-size: 14px;
  color: #757575;
  text-transform: uppercase; }
  .box-demandas .item-demanda .status {
    background: #ff9317;
    color: #fff;
    text-align: center;
    max-width: 142px;
    font-size: 10px;
    padding: 6px;
    border-radius: 3px; }
  .box-demandas .item-demanda .box-tarefas {
    background: #989898;
    color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 230px;
    color: #757575;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
    .box-demandas .item-demanda .box-tarefas p {
      font-size: 12px; }
    .box-demandas .item-demanda .box-tarefas .n {
      font-size: 50px;
      font-weight: bold;
      color: #fff; }
    .box-demandas .item-demanda .box-tarefas span {
      margin-left: 10px;
      color: #fff; }
  .box-demandas .item-demanda label {
    font-size: 10px;
    margin: 25px 0 15px;
    display: block;
    color: #c9c9c9;
    border-bottom: solid 1px #c9c9c9; }
  .box-demandas .item-demanda .box-responsavel {
    margin-top: 20px; }
    .box-demandas .item-demanda .box-responsavel img {
      width: 30px;
      height: 30px;
      object-fit: cover;
      border-radius: 50%; }

.toolbox {
  position: fixed;
  left: 0;
  bottom: -400px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease; }
  .toolbox.show {
    bottom: 40px;
    opacity: 1; }
  .toolbox .toolbox-body {
    padding: 20px 15px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 9px 38px -6px rgba(0, 0, 0, 0.34);
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center; }
  .toolbox .toolbox-body .box-status {
    position: absolute;
    bottom: 90px;
    background: #fff;
    width: 100%;
    padding: 15px;
    max-width: 400px;
    box-shadow: 0px 9px 38px -6px rgba(0, 0, 0, 0.34);
    border-radius: 15px;
    display: inline-flex;
    place-content: space-evenly;
    opacity: 0;
    transition: all 0.3s; }
    .toolbox .toolbox-body .box-status.active {
      opacity: 1; }
    .toolbox .toolbox-body .box-status .item {
      background: #ddd;
      margin: 2px;
      padding: 4px 10px;
      border-radius: 4px;
      font-size: 11px;
      color: #fff;
      display: flex;
      align-items: center;
      cursor: pointer;
      opacity: 0.8; }
    .toolbox .toolbox-body .box-status .item:hover {
      opacity: 1; }
  .toolbox .toolbox-body .btn {
    height: 50px;
    width: 100px; }
    .toolbox .toolbox-body .btn.btn-deletar {
      background: url('../themes/gestordac/assets/images/icons/acoes/btn_deletar.png') center no-repeat; }
    .toolbox .toolbox-body .btn.btn-deletar:hover {
      background: url('../themes/gestordac/assets/images/icons/acoes/btn_deletar-hover.png') center no-repeat; }
    .toolbox .toolbox-body .btn.btn-responsavel {
      background: url('../themes/gestordac/assets/images/icons/acoes/btn_responsavel.png') center no-repeat; }
    .toolbox .toolbox-body .btn.btn-responsavel:hover {
      background: url('../themes/gestordac/assets/images/icons/acoes/btn_responsavel-hover.png') center no-repeat; }
    .toolbox .toolbox-body .btn.btn-status {
      background: url('../themes/gestordac/assets/images/icons/acoes/btn_status.png') center 3px no-repeat; }
    .toolbox .toolbox-body .btn.btn-status:hover {
      background: url('../themes/gestordac/assets/images/icons/acoes/btn_status-hover.png') center no-repeat; }

.ms-choice.disabled {
  background-color: transparent !important;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
  outline: none; }

div#listaComentarios {
  max-height: calc(100vh - 190px);
  overflow: auto;
  padding-right: 8px; }

.img-comentario {
  max-width: 35px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }

.acoes-botoes {
  display: flex;
  align-items: baseline;
  justify-content: flex-end; }
  .acoes-botoes button {
    margin: 0 10px; }
  .acoes-botoes button .notificacao {
    min-width: 15px;
    height: 15px;
    background: #cc1c1c;
    border-radius: 50%;
    padding: 0 5px;
    color: #fff;
    position: absolute;
    top: -4px;
    right: -4px;
    text-align: center;
    font-size: 10px; }

.filters form button i {
  color: #757575;
  font-size: 14px; }

.form-tarefas form {
  display: flex;
  align-items: center;
  padding: 20px 0;
  margin-top: 20px; }
  .form-tarefas form div {
    margin: 0 5px; }
  .form-tarefas form .input {
    width: calc(100% - 140px); }
  .form-tarefas form .btn {
    width: 140px; }

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem; } }

.box-perfil {
  display: flex;
  width: 150px;
  height: 150px;
  position: relative; }
  .box-perfil label::after {
    opacity: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f304";
    color: #fff;
    font-weight: 900;
    font-size: 1.5rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 4px;
    left: 4px;
    width: 142px;
    height: 142px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: 350ms ease-in-out; }
  .box-perfil label:hover::after {
    opacity: 1; }
  .box-perfil label .avatar {
    box-sizing: border-box;
    border: 4px solid silver;
    border-radius: 50%;
    width: 150px;
    height: 150px; }
  .box-perfil label input {
    display: none; }

.subtitulo_senha {
  font-weight: 800;
  font-size: 22px;
  margin: 30px 0 0 0;
  padding: 0; }

.rangeslider__fill {
  background: linear-gradient(-90deg, #ff5b00, #ffd400) !important; }

.page-item.active .page-link {
  z-index: 1 !important;
  border: 1px solid #9f9f9f;
  color: #9f9f9f;
  background: none !important;
  cursor: default !important; }
  .page-item.disabled .page-link.nav {
    border: 0 !important;
    color: #e8e8e8 !important;
    background: none !important; }
  .page-item .page-link {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin: 0 5px;
    line-height: 1.25;
    color: #9f9f9f;
    background: none !important;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer; }
  .page-item .page-link.nav {
    border: 0;
    background: none !important;
    border: 1px solid #9f9f9f; }

#bar-tarefa textarea {
  min-height: calc(100vh - 230px);
  background-color: #fafafa;
  font-size: 14px;
  color: #000; }
  #bar-tarefa textarea:focus {
    box-shadow: 0 0 0 0;
    border-color: #e8e8e8;
    outline: 0; }

.custom-status {
  cursor: pointer; }

.stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded {
  background-color: #8da85e !important; }

.kanban .box-demandas {
  display: flex;
  overflow: auto; }
  .kanban .kanban-item {
    min-width: 350px;
    margin-right: 20px; }
  .kanban .kanban-item .card-body {
    max-height: calc(100vh - 255px);
    overflow-y: auto; }
  img.avatar40 {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%; }

.no-avatar40 {
  width: 40px;
  height: 40px;
  display: flex;
  background: #ddd;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px; }

.side-historico {
  display: none !important; }
  .side-historico.show {
    display: flex !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0; }
  .side-historico.show .espaco {
    width: calc(100vw - 400px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .side-historico.show .bar-historico {
    width: 400px;
    top: 0;
    right: -450px;
    background: #fff;
    height: 100%;
    padding: 25px;
    border-left: 3px #ddd solid;
    box-shadow: 0px 9px 38px -6px rgba(0, 0, 0, 0.34);
    transition: all 0.3s; }
    .side-historico.show .bar-historico.show {
      right: 0; }
    .side-historico.show .bar-historico .fa-history {
      color: #ed2f24;
      padding-right: 10px; }
    .side-historico.show .bar-historico .list-historico {
      padding: 10px 0;
      border-bottom: 1px solid #ddd; }
    .side-historico.show .bar-historico .list-historico .created {
      min-width: 55px; }
      .side-historico.show .bar-historico .list-historico .created h3 {
        font-size: 14px;
        padding: 0;
        margin: 0; }
      .side-historico.show .bar-historico .list-historico .created h2 {
        font-size: 16px;
        padding: 0;
        margin: 0; }
    .side-historico.show .bar-historico .list-historico .datepicker {
      border: 0;
      padding: 0;
      margin: 0;
      height: 18px; }
      .side-historico.show .bar-historico .list-historico .datepicker:focus {
        box-shadow: 0 0 0 0;
        border-color: #e8e8e8;
        outline: 0; }

.side-anexo {
  display: none !important; }
  .side-anexo.show {
    display: flex !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0; }
  .side-anexo.show .espaco {
    width: calc(100vw - 400px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .side-anexo.show .bar-anexo {
    width: 400px;
    top: 0;
    right: -450px;
    background: #fff;
    height: 100%;
    padding: 25px;
    border-left: 3px #ddd solid;
    box-shadow: 0px 9px 38px -6px rgba(0, 0, 0, 0.34);
    transition: all 0.3s; }
    .side-anexo.show .bar-anexo.show {
      right: 0; }
    .side-anexo.show .bar-anexo .fa-paperclip {
      color: #ed2f24;
      padding-right: 10px; }
    .side-anexo.show .bar-anexo .list-anexo {
      padding: 10px 0;
      border-bottom: 1px solid #ddd; }

.side-filtros {
  display: none !important; }
  .side-filtros.show {
    display: block !important;
    width: 300px;
    height: 100%;
    position: fixed;
    background: #fff;
    top: 0;
    right: 0;
    padding: 20px; }

.side-bar-right {
  display: none !important; }
  .side-bar-right.show {
    display: flex !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0; }
  .side-bar-right.show .espaco {
    width: calc(100vw - 400px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .side-bar-right.show .side-right {
    width: 400px;
    top: 0;
    right: -450px;
    background: #fff;
    height: 100%;
    padding: 25px;
    border-left: 3px #ddd solid;
    box-shadow: 0px 9px 38px -6px rgba(0, 0, 0, 0.34);
    transition: all 0.3s; }
    .side-bar-right.show .side-right.show {
      right: 0; }
    .side-bar-right.show .side-right .fa-comments {
      color: #ed2f24;
      padding-right: 10px; }
    .side-bar-right.show .side-right h3#tituto-detalhe-tarefa {
      font-size: 20px;
      font-weight: 500;
      color: #3f3f3f; }

.side-bar-comentario {
  display: none !important; }
  .side-bar-comentario.show {
    display: flex !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0; }
  .side-bar-comentario.show .espaco {
    width: calc(100vw - 400px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }
  .side-bar-comentario.show .side-comentario {
    width: 400px;
    top: 0;
    right: -450px;
    background: #fff;
    height: 100%;
    padding: 25px;
    border-left: 3px #ddd solid;
    box-shadow: 0px 9px 38px -6px rgba(0, 0, 0, 0.34);
    transition: all 0.3s; }
    .side-bar-comentario.show .side-comentario.show {
      right: 0; }
    .side-bar-comentario.show .side-comentario .fa-comments {
      color: #ed2f24;
      padding-right: 10px; }
    .side-bar-comentario.show .side-comentario .dialogbox {
      position: relative;
      width: calc(100% - 15px);
      height: auto;
      margin: 0 15px 20px;
      padding: 5px 10px;
      background-color: #e8e8e8;
      border-radius: 3px;
      border: 5px solid #e8e8e8; }
    .side-bar-comentario.show .side-comentario .dialogbox .tip {
      width: 0px;
      height: 0px;
      position: absolute;
      background: transparent;
      border: 10px solid #e8e8e8; }
      .side-bar-comentario.show .side-comentario .dialogbox .tip.tip-left {
        top: 5px;
        left: -24px;
        border-top-color: transparent;
        border-left-color: transparent;
        border-bottom-color: transparent; }
      .side-bar-comentario.show .side-comentario .dialogbox .tip.tip-right {
        top: 5px;
        right: -24px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent; }
    .side-bar-comentario.show .side-comentario .dialogbox .message {
      min-height: 30px;
      border-radius: 3px;
      font-size: 12px;
      line-height: 18px;
      color: #414141; }
    .side-bar-comentario.show .side-comentario .dialogbox .criacao {
      font-size: 10px; }
    .side-bar-comentario.show .side-comentario .dialogbox .excluir-comentario {
      display: none; }
    .side-bar-comentario.show .side-comentario .dialogbox.box-user {
      background-color: #414141;
      border: 5px solid #414141; }
      .side-bar-comentario.show .side-comentario .dialogbox.box-user .tip {
        border: 10px solid #414141;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent; }
      .side-bar-comentario.show .side-comentario .dialogbox.box-user .message {
        text-align: right;
        color: #fff; }
      .side-bar-comentario.show .side-comentario .dialogbox.box-user .criacao {
        text-align: right;
        color: #fff; }
      .side-bar-comentario.show .side-comentario .dialogbox.box-user .excluir-comentario {
        display: block;
        position: absolute;
        top: -5px;
        left: -6px;
        padding: 0 5px; }
    .side-bar-comentario.show .side-comentario .deixe-comentario {
      position: fixed;
      bottom: 10px;
      width: 100%;
      max-width: 360px; }
    .side-bar-comentario.show .side-comentario .deixe-comentario form input {
      font-size: 12px; }
      .side-bar-comentario.show .side-comentario .deixe-comentario form .fa-location-arrow {
        font-size: 20px; }

.box-atalhos .table td, .box-atalhos .table th {
  padding: 10px;
  vertical-align: middle; }
  .box-atalhos .table td a.btn, .box-atalhos .table th a.btn {
    color: #fff; }

#edit-colaborador .no-avatar {
  width: 150px;
  height: 150px;
  font-size: 40px; }

.fixed-height {
  max-height: 500px;
  overflow-x: auto; }

.impacto-1-color {
  color: #ffd400; }

.impacto-2-color {
  color: #ffb600; }

.impacto-3-color {
  color: #ff9800; }

.impacto-4-color {
  color: #ff7a00; }

.impacto-5-color {
  color: #ff5b00; }