.v-list-desplegable-cabecera span,
.v-list-desplegable-cabecera div {
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
  color: #777777;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.v-list-desplegable-cabecera span:last-child {
  margin-right: 0px !important;
}

.cabecera-listado-wrapper .v-list-desplegable-cabecera span:last-child {
  margin-right: 10px !important;
}

.v-list-desplegable-cabecera span v-chips .v-chip-text,
.v-list-desplegable-cabecera span md-chips md-chip-template,
.v-list-desplegable-cabecera span md-chips md-chip {
  font-size: 14px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis !important;
  color: #424242 !important;
}

/* Estilos para el texto de los md-chips */
.v-list-desplegable-cabecera
  span
  v-chips
  .v-chips-espacios-trabajo
  md-chip-template
  .v-chip-text {
  width: calc(100% - 36px);
}

.v-list-desplegable-cabecera span md-chip:hover {
  cursor: pointer;
}

.v-list-desplegable-cabecera span md-chips-wrap {
  padding-left: 1px !important;
}

.v-list-desplegable-barra-lateral-derecha {
  height: 100%;
}

v-list-desplegable-cabecera-filter .v-list-desplegable-filter-arrow button {
  padding: 0px !important;
  margin: 0px !important;
  height: 24px !important;
  width: 24px !important;
}

v-list-desplegable-cabecera-filter md-menu-item {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}

.v-list-desplegable-close {
  max-height: 48px !important;
  min-height: 48px !important;
  height: 48px !important;
  overflow: visible;
}

div.new-container {
  max-width: 100% !important;
  width: 100% !important;
  max-height: 1000px !important;
  border: 1px solid #ccc !important;
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
  margin-top: 1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  background: white !important;
}

div.new-container > div {
  margin: 16px 24px 16px 38px !important;
}

div.item-container span.numero-indice {
  color: #c5c5c5 !important;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
}

md-list-item.elemento-lista-desplegable {
  padding: 0px !important;
  min-height: 50px;
  border: 1px solid #ccc;
  background: white;
}

md-list-item.elemento-lista-desplegable div.md-button {
  padding: 0px !important;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.contenido-transclude-container.open {
  overflow: hidden;
  margin-bottom: 15px;
  margin-top: 17px;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.contenido-transclude-container.close {
  overflow: hidden;
  max-height: 48px !important;
  min-height: 48px !important;
  height: 48px !important;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.contenido-transclude-container.close
  .v-list-desplegable-cabecera {
  max-height: 48px !important;
  min-height: 48px !important;
  height: 48px !important;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.elemento-lista-desplegable-cabecera:hover {
  cursor: pointer;
}

md-list-item.list-disabled
  div.elemento-lista-desplegable-contaniner
  div.elemento-lista-desplegable-cabecera:hover {
  cursor: default;
}

md-list-item.elemento-lista-desplegable
  md-icon.icon-fun-flecha-desplegable-abajo,
md-list-item.elemento-lista-desplegable
  md-icon.icon-fun-flecha-desplegable-arriba,
md-list-item.elemento-lista-desplegable md-icon.icon-fun-derecha,
md-list-item.elemento-lista-desplegable md-icon.icon-fun-izquierda {
  margin: 0px !important;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner {
  min-height: 50px !important;
  height: 100%;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.contenido-transclude-container {
  width: 100% !important;
}

md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.elemento-lista-desplegable-cabecera,
md-list-item.elemento-lista-desplegable
  div.elemento-lista-desplegable-contaniner
  div.elemento-lista-desplegable-interior {
  padding-left: 24px;
  padding-right: 10px;
}

/** Le pone la clase el ng-class */

md-list-item.elemento-lista-desplegable.list-element-open {
  max-width: 100% !important;
  width: 100% !important;
  max-height: 1000px !important;
  border: 1px solid #ccc !important;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
  margin-top: 1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  overflow: hidden;
  transition: margin 0.7s;
}

md-list-item.list-element-open > button:hover {
  background: transparent !important;
}

md-list-item.list-element-open md-input-container {
  margin-bottom: 0px;
}

md-list-item.list-element-open:hover {
  cursor: default !important;
}

md-list-item.elemento-lista-desplegable.list-element-close {
  width: 100%;
  max-height: 65px !important;
  min-height: 65px !important;
  border: 1px solid #ccc !important;
  margin-top: -1px;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  transition: margin 0.7s;
  min-width: 85%;
}

md-list-item.list-disabled {
  width: 100%;
  max-height: 50px !important;
  min-height: 50px !important;
  border: 1px solid #ccc !important;
  margin-top: -1px !important;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
}

md-list-item.list-disabled:hover {
  cursor: default !important;
}

md-icon.icon-fun-flecha-desplegable-abajo,
md-icon.icon-fun-flecha-desplegable-arriba {
  color: rgba(0, 0, 0, 0.54);
}

div.deshabilitado-sin-icono {
  max-width: 24px;
  min-width: 24px;
}

v-list-desplegable-order md-menu > button {
  margin: 0px !important;
  padding: 0px !important;
  margin-left: -10px !important;
}

.no-items,
.no-items span {
  padding: 25px 0px;
  color: #888888;
  font-family: "Roboto", sans-serif;
  font-weight: 300 !important;
}

h2.md-title-block {
  padding-left: 10px;
  font-size: 20pt;
  font-weight: 400;
}

div.desplegable-nuevo {
  margin-bottom: 30px;
}

.v-subheader {
  max-height: 48px;
  min-height: 48px;
  height: 48px;
}

.v-subheader.v-subheader-sombreado {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.v-subheader .v-subheader-wrapper {
  /*margin: 0 auto !important;*/
  max-height: 48px;
  min-height: 48px;
  height: 48px;
}

.v-subheader .v-subheader-wrapper > div {
  padding-left: 24px;
  padding-right: 10px;
  border: 1px solid transparent;
}

.v-subheader .v-subheader-wrapper span.transclude-order-container {
  width: 24px;
}

.v-subheader .md-subheader-inner {
  padding: 0px !important;
  margin: 0px !important;
}

.v-subheader span {
  font-family: "Roboto", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: left;
  color: #333 !important;
}

div.lista-desplegable-container {
  margin-top: -4px;
}

@media (max-width: 960px) {
  div.lista-desplegable-container {
    margin-top: 3px;
  }
}


.no-items,
.no-items span {
  padding: 25px 0px;
  color: #888888;
  font-family: "Roboto", sans-serif;
  font-weight: 300 !important;
}

h2.md-title-block {
  padding-left: 10px;
}

div.desplegable-nuevo {
  margin-bottom: 30px;
}

.v-subheader {
  max-height: 48px;
  min-height: 48px;
  height: 48px;
}

.v-subheader.v-subheader-sombreado {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.v-subheader .v-subheader-wrapper {
  margin: 0 auto !important;
  max-height: 48px;
  min-height: 48px;
  height: 48px;
}

.v-subheader .v-subheader-wrapper > div {
  padding-left: 24px;
  padding-right: 24px;
}

.v-subheader .md-subheader-inner {
  padding: 0px !important;
  margin: 0px !important;
}

.v-subheader span {
  font-family: "Roboto", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: left;
  color: #333 !important;
}

.div-cabecera {
  display: flex;
  width: 100%;
}
.cabecera-titulo {
  flex: 8;
}
.cabecera-refuerzo,
.cabecera-guardia,
.cabecera-optica,
.cabecera-ortopedia,
.cabecera-ambos {
  border-radius: 3px;
  margin-right: 5%;
  height: 32px;
  margin-top: auto;
  margin-bottom: auto;
}
.p-refuerzo,
.p-refuerzo-n,
.p-guardia,
.p-guardia-n {
  font-size: 11px;
  text-align: center;
  line-height: 15px;
}

.p-optica,
.p-ortopedia,
.p-ambos {
  font-size: 11px;
  text-align: center;
}
.p-ambos {
  line-height: 15px;
}
.p-optica,
.p-ortopedia {
  line-height: 29px;
}

.cabecera-optica {
  background-color: #8781bd !important;
  border: 1px solid #8781bd;
  color:#fff !important;
  min-width:50px;
  margin-right:10px;
  margin-top:10px;
}

.cabecera-ortopedia {
  background-color: #42abd6 !important;
  border: 1px solid #42abd6;
  color:#fff !important;
  min-width:60px;
  margin-right:10px;
  margin-top:10px;
  
}

.cabecera-ambos {
  color: #6fc8bf !important;
  border: 1px solid #42abd6;
}


.cabecera-refuerzo {
  color: #4f92db !important;
  border: 1px solid #4f92db;
}

.icon-fun-flecha-desplegable-abajo,
.icon-fun-flecha-desplegable-arriba {
  flex: 1;
  background-size: 15px;
  background-repeat: no-repeat;
}
.icon-fun-flecha-desplegable-abajo {
  background-image: url(fle-abj-3.png);
}
.icon-fun-flecha-desplegable-arriba {
  background-image: url(fle-arr.png);
}
.ng-scope.layout-align-end-center.layout-row {
  margin-top: 1.5%;
}

.titulo {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}


.most-mapa {
  text-align: right;
  width: 98%;
  margin-top: 10px;
}

.layout-row.flex-100 {
  max-height: 110% !important;
}

.list-element-open .layout-row.flex-100 {
  margin-top: 5px;
}

.list-element-open .contenido-transclude-container.close.flex {
  overflow: visible !important;
}

@media (max-width: 894px) {
  .cabecera-titulo{
    flex:6;
  }
}

@media (max-width: 710px) {
  .cabecera-titulo{
    flex:5;
  }
}

@media (max-width: 619px) {
  .cabecera-titulo{
    flex:4;
  }
}

@media (max-width: 560px) {
  .cabecera-titulo{
    flex:3;
  }
}

@media (max-width: 450px){
  .cabecera-titulo{
    flex:2;
  }
}