@import "lb-vars";

div.extraContent {
   background-color: @color-main-80;
   min-height: calc(100vh - 233px);
   font-size: 1rem;

   .textoMsgTitextraCompone {
      font-size: 2em;
      padding: 0.5em;
      text-transform: uppercase;
      color: @color-main-70;
      cursor: default;
   }

   table.iscExtraDrawDocEnLista {
      td {
         font-size: 1.2em;
         color: @color-main;
         text-align: left;
         vertical-align: top;

         &.imagenLink {
            img {
               margin: 0 16px 0 0;
               height: 60px;
               visibility: hidden;
            }
         }

         &.tituloLink {
            vertical-align: middle;
         }
      }
   }

   .textoMsgTit {
      font-size: 1.2em;
      color: @color-main-70;
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      padding: 1em 0 0 0;
      margin: 0 0 1em 0;
      cursor: default;
   }


   .extraDoc, .iscExtraDrawReceta {
      .extraDocResumen, .extraDocTexto, .extraRecetaResumen, .extraRecetaTexto {
         font-family: @font-docs;

         max-width: 30em;
         margin: 0 auto;
         color: @color-main;
         font-size: 1em;
         line-height: 1.3em;
         text-align: justify;
      }

      .extraRecetaTexto {
         line-height: 1.1em;
      }
   }

   table.iscExtraDrawRecetaPortada {
      > tbody > tr > td {
         width: 50%;
         vertical-align: top;
      }

      div.recetaComentario {
         font-family: @font-item;
         max-width: 18em;
         margin: 0 auto;

         h2 {
            color: @color-main-70;
            margin: 0 0 1em 0;
            font-size: 1.1em;
         }

         p {
            color: @color-main;
            text-align: justify;
         }
      }
   }

   table.iscExtraDrawRecetaEnLista {
      margin: 0 0 0 1em;
      td {
         font-size: 1em;
         text-align: left;
         vertical-align: top;

         &.imagenLink {
            img {
               margin: 0 16px 0 0;
               height: 100px;

               &:hover {
                  opacity: 0.7;
               }
            }
         }

         &.tituloLink {
            font-size: 1.1em;
            color: @color-main;
            vertical-align: middle;
         }

         &.resumen {
         }
      }
   }
}



table.extraLateralElement {
   font-size: 1rem;

   > tbody {
      > tr {

         &:nth-child(2) {
            > td {
               height: 2em;
            }
         }

         > td {
            &.tituloRecetaLateral {
               text-align: left;
               font-size: 0.8em;
               > a {
                  color: @color-main-80;
                  &:hover {
                     color: @color-main-100;
                  }
               }
            }

         }
      }
   }

   &.selected {
      a {
         color: @color-main-100 !important;
         cursor: default;
      }
   }
}


.docIdent-priv,
.docIdent-cookies,
.docIdent-legal {
   padding: 1rem;
   margin: 2rem auto 0 auto;
   width: 800px;
   background-color: @color-neutral-85;
   border-radius: 4px;
   font-size: 1rem;

   div.titleForBoxMainContentArea {
      font-size: 1.2em;
      color: @color-main-55;
   }

   div.resDocumentoPinta {
      font-family: @font-docs;
      margin: 1em 1em 1em 1em;
      font-size: 0.85em;
      color: @color-main-70;
      text-align: justify;

      strong {
         font-weight: bold;
         color: @color-main-60;
      }

      h4 {
         font-weight: normal;
         color: @color-main-60;
         font-size: 1.1em;
      }

      a {
         color: @color-main;
         &:hover {
            color: @color-main-00;
         }
      }
   }
}