Skip to content
Snippets Groups Projects
contenido-consulta-usuario.css 2.62 KiB
Newer Older
JotaJota96's avatar
JotaJota96 committed
.principal {
  background-color: #f6f6f6;
  min-height: 800px;
  border-bottom: 2px solid #5aa1e3;
  border-top: 2px solid #5aa1e3;
  width: 100%; }
JotaJota96's avatar
JotaJota96 committed

.contenido {
  background-color: #f6f6f6;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
JotaJota96's avatar
JotaJota96 committed
  height: 100%; }
  .contenido .contenido-flexible {
    background-color: #f6f6f6;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
JotaJota96's avatar
JotaJota96 committed
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0; }
    .contenido .contenido-flexible h3 {
      width: 100%; }
    .contenido .contenido-flexible #btnBaja, .contenido .contenido-flexible #btnBuscar {
      height: 38px;
      min-width: 198px; }
JotaJota96's avatar
JotaJota96 committed

@media (max-width: 340px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px; }
JotaJota96's avatar
JotaJota96 committed
    .contenido .contenido-flexible {
      width: 100%;
JotaJota96's avatar
JotaJota96 committed
@media (min-width: 341px) and (max-width: 387px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 330px;
    padding-left: 2px;
    padding-right: 2px; }
JotaJota96's avatar
JotaJota96 committed
    .contenido .contenido-flexible {
      width: 100%;
JotaJota96's avatar
JotaJota96 committed
@media (min-width: 388px) and (max-width: 500px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
    width: 388px;
    padding-left: 2px;
    padding-right: 2px; }
JotaJota96's avatar
JotaJota96 committed
    .contenido .contenido-flexible {
      width: 100%;
JotaJota96's avatar
JotaJota96 committed
    .contenido .h3 {
JotaJota96's avatar
JotaJota96 committed
@media (min-width: 501px) and (max-width: 575.98px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
JotaJota96's avatar
JotaJota96 committed
    .contenido .contenido-flexible {
      width: 100%;
JotaJota96's avatar
JotaJota96 committed
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
JotaJota96's avatar
JotaJota96 committed
    .contenido .contenido-flexible {
      width: 100%;
JotaJota96's avatar
JotaJota96 committed
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }

  .contenido {
JotaJota96's avatar
JotaJota96 committed
    .contenido .contenido-flexible {
      width: 100%;
JotaJota96's avatar
JotaJota96 committed
@media (min-width: 992px) {
  .container-fluid {
    padding-left: 0px;
    padding-right: 0px; }
JotaJota96's avatar
JotaJota96 committed

  .contenido {
    width: 872px; }
    .contenido .contenido-flexible {
      width: 100%;
      justify-content: flex-start; } }
JotaJota96's avatar
JotaJota96 committed

/*# sourceMappingURL=contenido-consulta-usuario.css.map */