/* Cambio al panel de usuario del menú lateral */
.user-panel{
    height: 60px;
}

.user-panel>.info{
    position:relative;
    left:auto;
}

/* Ocultar flechas de input de tipo number. */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { /*  Chrome, Safari, Edge, Opera  */
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] { /* Firefox */
  -moz-appearance: textfield;
}

/* Ocultar footer en login */

.login-page .main-footer {
  display : none;
}

/* Personalizar menús desplegables */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 20px;
}

/* Barra de navegación y lateral permanente */
.main-header {
    position: fixed;
    top: 0px;
    width: 100%;
}

.content-wrapper{
  margin-top: 50px;
}

.main-sidebar{
  position: fixed;
}

@media (max-width: 767px){
  .main-header {
    position: relative;
  }
}

@media (max-width: 767px){
  .main-sidebar{
    position: absolute;
  }
}

@media (max-width: 767px){
  .content-wrapper{
    margin-top: 0px;
  }
}

/* tabla de tickets con columnas estáticas */

.tickets {
  table-layout: fixed;
}

/* Tamaño de fuente de los comentarios */

blockquote{
  font-size: 15px;
}

/* Centrar consulta de ticket por cliente */
.login-box, .register-box {
  width: 360px;
  margin: 5% auto;
}

/* Color de fuente de select2 multiple */ 
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color : black;
}

/* Barra de navegación de módulo de cliente */

.contenedor {
  /* width: min(90%, 120rem); */
  margin: 0 auto;
  background-color: #c2c3c5;
}

.barra {
  padding-top: 0rem;
  padding-right: 10rem;
  padding-left: 10rem;

}

@media (min-width: 768px) {
  .barra {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
}

.logo {
  color: var(#444);
}

.logo img{
  width: 150px;
  margin: auto;
  display: block;
}

.logo__nombre {
  font-weight: 400;
}
.logo__bold {
  font-weight: 700;
}

@media (min-width: 768px) {
  .navegacion {
      display: flex;
      gap: 2rem;
  }
}
.navegacion__enlace {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  color: var(--blanco);
}

.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.centrar-texto {
  text-align: center;
}

/* Menú de cerrar sesión de barra de navegación */
/* @media (max-width: 767px){
  .main-header .navbar-custom-menu {
      border: 1px solid skyblue;
      border-radius: 10px;
      margin: 10px;
  }
} */