/* MODIFICAR */
@media only screen and (min-width: 380px) {
  #logoRodi {
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 380px) {
  #logoRodi {
    width: 90%;
  }
}
@media only screen and (max-width: 999px) {

  #homeContentHeroMobile {
    display: block !important;
  }

  #portalNavMenuHeader,
  #homeContentHero {
    display: none !important;
  }

  .portal-topbar-inner {
    padding: 6px 20px !important;
  }


  .botons-menu-responsive {
    display: block;
    margin-top: 20px;
  }
  ul.navbar-nav > li:hover > a {
    /* HOVER BUTTON MENU */
    color: #f6d000 !important;
  }
}
@media only screen and (max-width: 999px) {
  .botons-menu-responsive {
    display: block;
    margin-top: 20px;
  }
  ul.navbar-nav > li:hover > a { /* HOVER BUTTON MENU */
    color: #f6d000 !important;
  }
  .pc, .pc-boto {
    display: none;
  }
  .mobile {
    display: contents;
  }
  .padding-footer {
    padding: 0px;
  }
  .active {
    border-bottom: none;
  }
  .card-view-title {
    min-width: 40% !important;
  }
  .card-view {
    padding-bottom: 5px !important;
    display: block !important;
    vertical-align: middle !important;
  }
  .btn-rodi-tableItem, .btn-rodi-tableItem:hover {
    height: 24px;
    padding: 0px;
  }
  div.bootstrap-table.bootstrap4 {
    display: grid !important;
    margin: auto !important;
  }
  .datapicker-mobile {
    padding-left: 10px !important;
  }
  .datatxt-mobile {
    padding-right: 0px !important;
  }
  #company_choose {
    margin-bottom: 8%;
    margin-left: 15px;
  }
  .align-button-form {
    margin-right: 10%;
  }
}
@media only screen and (max-width: 999px) {
  label.error {
    border: 0;
    margin-bottom: 3px;
    display: block;
    width: 100%;
    padding-left: 20px;
  }
}