@import "lb-vars";

/* El buscador */
div.mm {
   form#lb_form_buscar {
      width: 223px;
      vertical-align: top;
      overflow: auto;

      input[type="text"] {
         display: block;
         float: left;
         border: 1px solid black;
         font-size: 14px;
         color: #707070;
         border-radius: 4px;
         margin: 0 0 0 4px;
         padding: 2px 5px 2px 5px;
         width: 137px;
         height: 25px;
         background-color: #A9BD93;
         background-image: linear-gradient(bottom, #DAF0CC 0%, #A9BD93 100%);

         &:focus {
            color: #000000;
         }
      }

      input[type="submit"] {
         display: block;
         float: left;
         width: 54px;
         height: 25px;
         margin: 1px 0 0 2px;
         border: 0 none;
         cursor: pointer;
         background: transparent url("../res/boton_buscar.png") no-repeat 0 0;

         &:hover {
            background-position: 0 -25px
         }
      }
   }
}











// Caja centrada modal, usada por el Login
div.basecourtain {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 100;
}

div.centerPanel {
   position: fixed;
   width: 320px;
   height: 390px;
   left: 50%;
   top: 455px;
   transform: translate(-50%, -50%);
   background-color: @color-neutral-84;
   border-radius: 4px;
   padding: 24px;
   box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.8)  ;
   -webkit-box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.8)  ;
   -moz-box-shadow: 8px 8px 27px rgba(0, 0, 0, 0.8)  ;
}








.textosecprinc, .ofertasTitulo{
   font-size: 18px;
   font-style: italic;
   color: #5C8C53;
   text-align: center;
   padding: 0.5em 0 16px 0;
}

.textosecprinc {
   border-top: 1px solid #5C8C53;
}















.divNombreFamiliaLateral {
   text-align: left;
   display: table-cell;
   font-size: 12px;
   color: #9D6A3C;
   font-weight: bold;
   text-transform: none;
   font-variant: small-caps;
   line-height: 12px;
   padding: 6px 10px 6px 10px;
   width: 180px;
}


.tdNombreSector {
   text-align: left;
   display: table-cell;
   font-size: 18px;
   color: #9D6A3C;
   font-weight: bold;
   text-transform: none;
   font-variant: small-caps;
   line-height: 19px;
   letter-spacing: -1px;
   padding: 6px 0 6px 10px;
}

.tdTextoSector {
   color: #FFCC33;
   padding-left: 10px;
}











img.sslbadge {
   width: 150px;
}

div.LogoAenor blockquote {
   margin: 4px 16px 0 16px;
   font-size: 11px;
   line-height: 12px;
   text-align: center;
}

div.LogoEnvio blockquote {
   margin: 4px 4px 2px 4px;
   text-align: justify;
   font-size: 12px;
}








// Mensajes
.tabtabmsg {
   border: 1px ridge #999999;
   background-color: #dddddd;
}

.tabrowmsg3 {
   background-color: #222C21;
}

.tabrowmsg2 {
   background-color: #222C21;
}

.tabrowmsg1 {
   background-color: #222C21;
}

.tabceldamsg {
   color: #000000;
   padding: 1px 5px 1px 5px;
}

.tabrowcabmsg {
   border: 1px outset #006666;

}

.tabceldacabmsg {
   color: #1C1C1C;
   border: 1px outset;
   text-align: center;
   background-color: #C8C8C8;
}




.textomsglabel {
   color: #3C4262;
   font-weight: bold;
   text-align: right;
   padding: 1px 5px 1px 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
}

.textomsgdata {
   color: #000000;
   background-color: #FFFFFF;
}







/************************************
ri in main page
************************************/
div#riAllData {
   position: relative;
   cursor: default;
   height: 199px;
   transform-origin: 50% 0;

   div {
      &.cartel {
         position: absolute;
         left: -21px;
         top: -10px;
         width: 238px;
         height: 209px;
         background-image: url("../res/cartel_redondo.png");
         background-repeat: no-repeat;
      }

      &.riac {
         position: absolute;
         left: -4px;
         top: 50px;
         width: 200px;
         height: 133px;
         overflow: hidden;

         > div{
            width: 150px;
            margin: 0 auto 5px auto;
            text-align: center;
            line-height: 11px;
         }

         div.goInfoButton {
            width: 120px;

            a {
               background-color: #364730;
               padding: 2px 2px 2px 2px;

               &:hover {
                  background-color: rgba(0,0,0,0.5);
               }
            }
         }
      }
   }

   table.res_boton_grafico {
      margin: 0 auto;
   }
}





div#riAllDataShow {
   display: none;
   position: absolute;
   overflow: hidden;
   left: 50px;
   top: 50px;
   width: 600px;
   height: 400px;
   background: rgba(0,0,0,0.8);
   border-radius: 10px;
   z-index: 10001;

   h1, h2 {
      text-align: center;
      text-transform: uppercase;
      cursor: default;
   }

   h1 {
      font-size: 32px;
      color: #b9cca6;
   }

   h2 {
      font-size: 13px;
      color: #7a9b59;
   }

   table {
      width: 560px;
      margin: 16px 16px 16px 16px;

      tbody {
         tr {
            background-color: rgba(0, 0, 0, 1);

            &:hover {
               background-color: rgba(34,76,39,1);
            }

            td {
               padding: 8px 4px 8px 4px;
               vertical-align: middle;
               border-bottom: 1px dashed #142813;
               cursor: default;

               &.info {
                  font-size: 16px;
               }

               &.name span{
                  color: #4d6d49;
               }
            }
         }
      }
   }
}













/* Los banners */
div.banners {
   width: 200px;
   text-align: center;
   margin: 0 0 8px 0;

   img.banner {
      border: 1px solid #000000;
   }
}










/* simpleInfoTable */
/* Se copia también en el CSS del config para hacer el preview allí de la tabla */
div.simpleInfoTable {
   max-width: 350px;
   color: @color-main;
   padding: 0;
   font-size: 0.9rem;
   border-radius: 2px;


   > div {
      &.sITLine {
      }

      &.sITLineHard {
         height: 4px;
         background-color: @color-main;
         margin: 0.5em 0 0.5em 0;
      }

      &.sITLineSoft {
         height: 1px;
         background-color: @color-main;
         margin: 0.5em 0 0.5em 0;
      }

      &.sITTextLine {
         position: relative;
      }

      &.sITTextLineSimple {
         > span {
            display: block;
            width: auto;
            color: @color-main-80;
            background-color: @color-main;
            text-align: center;
            padding: 0.7em 1em 0.5em 1em;
            cursor: default;
            font-size: 0.8em;
            font-weight: bold;
         }
      }

      &.sITTextLineDual {
         > span {
            &.sITLeft {
               display: inline-block;
               width: auto;
               white-space: nowrap;
            }

            &.sITRight {
               display: block;
               position: absolute;
               top: 0;
               right: 0;
               text-align: right;
               white-space: nowrap;
            }
         }
      }
   }
}




/* Para el rfttext */
span.FormatoConModifGrande {
   font-size: 16px;
   font-weight: bold;
}







/* EL POPUP */
div.iStorePopUp {
   div.oMContents {
      border-radius: 6px;
      border-color: @color-main-55;
      background-color: @color-main-70;

      div.popUpTitle {
         background-color: @color-main-55;
         color: @color-main-80;

         span {
            color: @color-main-100;
         }
      }

      div.popUpMessage {
         span {
            color: @color-main-00;
         }
      }

      div.popUpBTN {
         border-radius: 12px;
         background-color: @color-button3-bg;
         border: 0;
         color: @color-button3;

         &:hover {
            background-color: @color-button3-bg-hover;
            color: @color-button3-hover;
         }
      }

      input.popUpInputText {
         border-color: @color-main-55;
         color: @color-main-00;
         background-color:@color-main-80;
         font-family: @font-mono;
      }
   }
}


div.imageViewer {

   div.oMContents {
      border-radius: 4px;
      background-color: transparent;

      h1 {
         color: @color-main-80;
         text-shadow:
            -2px -2px 0 @color-main-10,
             2px -2px 0 @color-main-10,
            -2px  2px 0 @color-main-10,
             2px  2px 0 @color-main-10;
      }
   }
}