.pagina .topo .menu-mobile {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .pagina .topo .menu {
    display: none !important;
  }

  .pagina .topo .menu-mobile {
    position: absolute !important;
    top: 30px !important;
    left: 8px !important;

    display: block !important;
  }

  .pagina .topo .menu-mobile .dropdown .btn-default {
    background: #636367 !important;

    margin: 0px !important;
    width: 40px !important;

    text-align: center !important;

    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -opera-border-radius: 4px !important;
    border-radius: 4px !important;

    border: none !important;
  }

  .pagina .topo .menu-mobile .dropdown .btn-default i {
    font-size: 17px !important;
    line-height: 20px !important;
    color: #FFFFFF !important;
  }

  .pagina .topo .menu-mobile .dropdown .dropdown-menu {
    top: 34px !important;
  }
}

@media screen and (max-width: 1360px) {
  .pagina .search-bar {
    display: flex !important;
    gap: 0.775rem !important;
    flex-wrap: wrap !important;
  }

  .pagina .search-bar > .form-control {
    flex: 1 !important;
    width: 100% !important;
    min-width: 100px !important;
  }
}

@media screen and (max-width: 960px) {
  .pagina .board-list .board {
    width: 372px !important;
    min-width: 372px !important;
  }
    
  .pagina .conteudo {
    width: 100% !important;
    overflow: auto !important;
  }
    
  .pagina .conteudo .dashboard {
    width: 960px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .ekko-lightbox .ekko-lightbox-container iframe {
    width: 100% !important;
  }
}

.responsivo {
  width: 100% !important;
}

.responsivo .flex-column {
  flex-direction: column !important;
  gap: 0px !important;
}

.responsivo .form-flex {
  width: 100% !important;
}

.responsivo .form-flex .form-block {
  width: 100% !important;
}

.responsivo .form-flex .form-block .form-block-body {
  width: calc(100% - 30px) !important;
  display: flex !important;
  flex-direction: column !important;
}

.responsivo .form-flex .form-block .form-block-body.collapse {
  display: none !important;
}

.responsivo .form-flex .form-block .form-block-body.collapse.in {
  display: flex !important;
}

.responsivo .form-flex .form-block.form-block-horizontal .form-block-body {
  width: 100% !important;
}

.responsivo .form-flex div[rel] {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.responsivo .form-flex .bootstrap-select,
.responsivo .form-flex .form-control,
.responsivo .form-flex .input-group {
  width: 100% !important;
}

.responsivo .form-flex .form-list,
.responsivo .form-flex .form-group .control,
.responsivo .form-flex .form-group .sub-control {
  width: 100% !important;
}

.responsivo .form-flex .form-group .control,
.responsivo .form-flex .form-group .sub-control {
  display: flex !important;
  gap: 6px !important;
}

.responsivo .form-flex .form-group .control .btn:not(.btn-icon) {
  width: 100% !important;
}

.responsivo .form-flex .form-group .control .btn-icon i {
  line-height: 22px !important;
}