/* Laptop */
@media (max-width: 1366px) {}

/* Fin laptop */
/* Tablet landscape */
@media (max-width: 1024px) {
  .form-login {
    min-width: 100%;
  }

  .header-panel {
    /* background-color: pink; */
    margin-bottom: 1rem;
    color: var(--n-01);
  }

  .wrap-controls-admin {
    /* background-color: lavender; */
    margin-bottom: 1.5rem !important;
  }

  /* SIDEBAR MOBILE */
  .sidebar-admin {
    display: none;
  }

  .btn-sidebar-desktop {
    display: none;
  }

  .btn-sidebar-mobile {
    display: block;
  }

  .admin-panel {
    /* background-color: SkyBlue; */
  }

  .ml-panel {
    margin-left: 0;
    transition: all 150ms linear;
  }
  /* END SIDEBAR MOBILE */

      /* SECTION ABOUT */
      .video {
        min-width: 450px;
    }

    .heading-1 {
        font-size: 2rem;
    }
    /* END SECTION ABOUT */

    /* SECTION BRAND */
    .img-brand {
        width: 20rem;
    }
    /* END SECTION BRAND */

    /* HIDDEN TOOLTIP */
    .tooltip {
      display: none !important;
  }
    /* END HIDDEON TOOLTIP */
}
/* Fin tablet landscape */

/* Big cell landscape */
@media (max-width: 916px) {

  .form-login {
    min-width: 480px;
  }

  .form-login .logo {
    /* background-color: lavender; */
    width: 100%;
  }

  .admin-panel {
    /* background-color: lavender; */
    padding: 1rem;
  }

}

/* Fin Big cell landscape */
/* Tablet portrait */
@media (max-width: 768px) {
  .grid-container-abogados {
    /* background-color: pink; */
    grid-template-columns: repeat(2, 1fr);
  }

  .wrap-header-panel {
    /* background-color: yellow; */
    flex-direction: column;
    align-items: flex-start;
  }

  .wrap-header-panel .header-panel {
    margin-bottom: 1rem;
  }

  .taskbar-panel {
    padding: 0 1.5rem;
  }

  .taskbar-panel__text-button {
    display: none;
  }

      /* SECTION ABOUT */
      .section {
        /* background-color: lavender; */
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .section-about__content {
        /* background-color: aquamarine; */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
    }

    .video {
        min-width: 100%;
    }

    .section-about__text {
        /* background-color: aqua; */
        text-align: center;
    }

    .d-none-mobile {
        display: none;
    }
    /* END SECTION ABOUT */

    /* SECTION SERICE */
    .section-services__cards {
        padding-top: 5rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 4rem;
    }
    
    /* END SECTION SERVICE */

    /* VOTACIONES */
    .card-votacion__header {
      flex-direction: column;
      gap: 1rem;
    }

    .content-controls-votacion {
      /* background-color: pink; */
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 1.5rem;
    }
    
    /* END VOTACIONES */
  

}

/* fin tablet portrait */
/* Cell landscape */
@media (max-width: 736px) {

  .content-controls-search {
    /* background-color: #4DADBC; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .content-controls-search .wrap-search-input {
    min-width: 100%;
  }

  .content-controls-search .btn-filter {
    width: 100%;
  }

   /* SECTION BRAND */
   .section-brand__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}
/* END SECTION BRAND */
/* VOTACIONES */
.content-controls-main {
  /* background-color: pink; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2rem;
  gap: 2rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

 .wrap-controls-votacion {
      display: flex;
      gap: 1rem;
      flex-direction: column;
      align-items: center;
    }

/* END VOTACIONES */

}

/* Fin cell landscape */

/* Cell portrait */
@media (max-width: 480px) {
  .sidebar-mobile {
    background-color: var(--white);
    width: 75%;
  }

  .container-mobile{
    /* background-color: brown; */
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .navbar-cear-menu {
    width: auto;
  }

  .form-login {
    min-width: 100%;
    padding: 1.5rem;
  }

  .nav-pills .nav-link {
    padding-left: 0;
    padding-right: 0;
    font-size: .75rem;
  }

  .grid-container-abogados {
    /* background-color: pink; */
    grid-template-columns: repeat(1, 1fr);
  }

  .navbar-cear .btn-user .user-name {
    display: none;
  }

  .content-controls {
    /* background-color: pink; */
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .wrap-search-input {
    /* background-color: peru; */
    width: 100%;
  }

  .content-controls .btn {
    margin-bottom: 1rem;
    width: 100%;
  }

  .content-controls .search-input .btn {
    /* background-color: lightblue; */
    width: auto;
  }

  .content-btns-controls-panel {
    /* background-color: pink; */
    display: flex;
    flex-direction: column-reverse;
  }

  .content-btns-controls-panel .btn {
    margin-bottom: 1rem;
  }

  .wrap-header-panel {
    /* background-color: peru; */
  }

  .wrap-header-panel .btn {
    width: 100%;
  }

  /* Solicitudes */
  .form-check-inline {
    margin-bottom: .5rem;
  }

  .form-row-btn {
    /* background-color: lightgreen; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1rem;
  }

  .form-row-btn .col-sm-12, .form-row-btn .btn {
    width: 100%;
  }

  .wrap-designacion-arbitro-options {
    /* background-color: pink; */
    flex-direction: column;
    align-items: flex-start;
    gap:2rem;
  }
  /* End Solicitudes */

  /* Costos arbitrales */
  .wrap-controls-cosotos-arbitrales {
    /* background-color: pink; */
    justify-content: center;
  }

  .wrap-controls-cosotos-arbitrales .btn {
    width: 100%;
  }
  /* End costos arbitrales */

  /* MPV */
  .card-solicitud {
    width: 100%;
  }
  /* End MPV */

  /* SECTION BRAND */
  .img-brand {
    width: 100%;
}
/* END SECTION BRAND */

/* FOOTER */
.footer-main {
    flex-direction: column;
    gap: 1rem;
}

.wrap-logo-footer {
    /* background-color: aquamarine; */
    width: 100%;
    display: flex;
    justify-content: center;
}
/* END FOOTER */

/* VOTACIONES */
.content-controls-main {
  width: 100%;
}

.card-votacion-header-left .card-solicitud-section__title {
  font-size: 1rem;
}

.card-votacion-header-right {
  flex-direction: column;
}

/* Chat */
.wrap-bubble-user-date {
  display: flex;
  flex-direction: column;
}

.bubble-msg-top {
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: .5rem;
}

.bubble {
  /* background-color: lavender; */
  margin-bottom: 2rem;
}

.file-loaded {
  width: 100%;
}

.chat-box-footer {
  /* background-color: var(--greay-extra-light); */
  display: flex;
  align-items: flex-end;
  gap: .25rem;
  padding: .75rem 1rem;
}

.chat-btn {
  /* background-color: pink;  */
  height: 32px;
  width: 32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.btn-up {
  /* background-color: lightgreen; */
  min-height: 32px;
  min-width: 32px;
  max-height: 32px;
  max-width: 32px;
}

.chat-btn span, .btn-up span {
  font-size: 1.5rem;
  color: var(--primary-dark);
  margin-bottom: .5rem;
}

.input-chat {
  min-height: 40px;
  padding: .5rem;
}
/* End chat */


/* END VOTACIONES */
}

/* Fin cell portrait */