html {
  --header-height: 60px;
}

.search-input {
  background: #ddd;
  border: none;
  border-radius: 2px;
  width: 96%;
  margin: 6px auto 6px auto;
  height: 37px;
  
  xbackground-position: 8px center;
  xbackground-repeat: no-repeat;
  -webkit-background-size: 17px;
  xbackground-size: 17px;
  xfont-weight: 400;
  display: block;
}

.search-input input {
  color: white;
}

.search-input input::-webkit-input-placeholder{ color: #ddd;}
.search-input input:-moz-placeholder{ color: #ddd;}
.search-input input::-moz-placeholder{ color: #ddd;}
.search-input input:-ms-input-placeholder{ color: #ddd;}


.search-input input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.search-bar {
  background: #ddd;
  width: 100%;
  position: fixed;
  display: block;
  z-index: 20000;
}


.bottom-bar--s24 {
	display: flex;
}

.bottom-bar--s24 .tabbar__button{
	flex: 1;
}

.bottom-bar--s24 .tabbar__label{
	margin-bottom : 5px;
}

.input_editable{
	
    font-family: Roboto,Noto,sans-serif ;
    -webkit-font-smoothing: antialiased;
    font-weight: 400 !important;
    border-radius: 2px !important;;
    height: 48px !important;;
    background-color: #fafafa !important;;
    font-size: 14px !important;;
    padding: 0 15px 0 15px !important;;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24),0 1px 0 0 rgba(255,255,255,.06) inset !important;;
	width: 100% !important;;
	
}


.input_editable:focus{
	outline: 0 !important;;
}
    

.input_editable_label{
	padding: 5px 5px 5px 5px !important;;
	font-family: Roboto,Noto,sans-serif !important;;
	font-size: 12px !important;;
	width:100% !important;;
	
}


.list-grid-24{
	padding: 8px;
	background-color: inherit !important;
}


.list-grid-item-24{
	border-radius : 6px;
	border: solid 1px var(--color-gris-medio);
	margin-top: 10px;
	background-color : var(--color-blanco);
	
}

.toolbar--s24{
	background-color : var(--color-azul-claro);
}

.button--s24{
	background-color : var(--color-azul-claro);
}

.list--form_24{
	padding-right: 10px;
}

.rotulos{
	xfont-size: calc(100% - 1em);
	xbackground-color: var(--color-gris-claro);
	font-weight : bold;
	xborder-bottom: solid 1px var(--color-gris-claro);		
	
}

.valores{
	xborder-bottom: solid 1px var(--color-gris-claro);	
}

.posiciones{
	border-bottom: solid 1px var(--color-gris-oscuro);	
}