Tablas viejas

/*Post rol*/
.prol2-wc {font-weight:bold; width: 100%; display:block; height: 20px; top: 20px; position: absolute;}
.prol2-dato {margin: 0 2px; border: 1px solid #fff; color: #fff; font-size: 11px!important; width: 120px; line-height: 100%; text-align: center; display: inline-block; padding: 3px;}
.prol2-wc a {color: #fff!important;}
.prol2-wc .prol-dato:nth-of-type(2) {background: #fff!important; color: #193b35!important;}
.prol2-dato:hover span.dprol-hidden {display: block;}
.bordecito-wc {height: 60px; background: #08131e;}
.texto-wc {text-align:justify; line-height: 150%; font-size:12px!important; background: #f8f8f8; border: 1px solid #dfdfdf; padding: 9px;display: inline-block; width: 388px;}
.in-amb {width: 460px; background: #fff; border: 1px solid #dfdfdf; position:relative; padding: 35px;}
/*Expediente*/
.box-idwc2 {width: 210px; margin-right: 3px; display:inline-block; overflow:hidden; height: 459px; position: relative;}
.box-idwc {display: inline-block; overflow: hidden; width: 245px; height: 459px;}
.btext-idwc {background: #fff; margin-top: 3px; margin-bottom: 3px; border: 1px solid #dfdfdf; padding: 15px;}
.text-idwc {font-size: 11px!important; line-height: 140%; height: 161px; overflow:auto; padding-right: 4px;}
.box-idwc2 .idwc-dato:nth-of-type(4), .box-idwc2 .idwc-dato:nth-of-type(7) {width: 210px!important;}
.box-idwc2 .extra-idwc {transition:0.8s; position: absolute; bottom:0px; left: 0px; height: 166px; white-space:nowrap; width: 423px; overflow: hidden;}
.box-idwc2:hover .extra-idwc {transition: 0.8s; left: -213px;}
.extra-idwc .extrahover-idwc {white-space:initial; height: 166px; width: 210px; overflow: hidden; display: inline-block;}
.extrabox-idwc {background: #fff; border: 1px solid #dfdfdf; width: 210px; padding:10px; height: 166px;}
.extrabox-idwc .extratext-idwc {font-size: 11px!important; height: 146px; overflow: auto; padding-right: 4px; line-height: 120%;}
.idwc-dato {width: 104px; background: #fff; border: 1px solid #dfdfdf; color: #42505d; font-size: 10px!important; font-weight:bold; line-height: 100%; padding: 8px 4px; margin-bottom: 2px; display:inline-block; text-transform: uppercase; text-align:center;}
.box-idwc2 .idwc-dato:nth-of-type(1) {width: 210px!important; padding: 17px 4px 16px 4px; font-size: 11px!important;}
.idwc-dato:nth-of-type(2), .idwc-dato:nth-of-type(5) {margin-right: 2px;}
/*Baúl*/
.chestmenu-wc a {
    border-bottom: 1px solid #dfdfdf;
    color: #ababab!important;
    display: block;
    font-size: 10px!important;
    line-height: 100%;
    margin-bottom: 2px;
    padding: 10px 10px 10px 0;
    text-align: left;
    text-transform: uppercase;
    transition: .8s;
    width: 200px;
}

.chestmenu-wc a:hover {
    padding-left: 10px;
    transition: .8s;
}

.chestmenu-wc {
    position: absolute;
    right: 0;
    top: 50px;
    width: 200px;
}

.chestkey-wc {
    bottom: 200px;
    color: #fff;
    font-size: 300px!important;
    left: 217px;
    position: absolute;
}

.chestblock1-wc {
    left: 0;
    position: absolute;
    top: 0;
    width: 220px;
}

.chestquote-wc {
    background: #fff;
    color: #ababab;
    height: 100px;
    padding: 25px;
    text-transform: uppercase;
    width: 212px;
}

.chestquote-wc in {
    display: block;
    font-size: 10px!important;
    height: 45px;
    line-height: 100%;
    overflow: auto;
    padding-right: 2px;
    text-align: justify;
}

.chestblock1-wc img {
    background: #fff;
    border: 30px solid #fff;
    height: 212px;
    margin-bottom: 2px;
    width: 212px;
}

.chestbbox-wc {
    height: 350px;
    position: relative;
    width: 500px;
}
/* instagram */
.instabase{
  width: 452px;
  min-height: 500px;
  border: 1px solid #cdcdcd;
  background: #fff;
}
.instaname{
  width: 450px;
  height: 55px;
  background-image: url(https://i.servimg.com/u/f62/19/72/91/15/fky4yl10.png);
  font-family: lato;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  color: #000;
  }
.insta-n{
  position: absolute;
  margin-left: 20px;
  margin-top: 20px;
}
.insta-boton{
  font-family: lato;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ccc;
  background: #fafafa;
  width: 200px;
  padding: 10px;
  margin-left: 120px;
  border-radius: 8px;
  font-weight: bold;
}
.uname-insta{
  font-family: arial;
  font-weight: bold;
  margin-left: -300px;
  margin-top: 10px;
  font-size: 14px;
}
.insta-desc{
  font-family: arial;
  font-size: 12px;
  margin-left: 20px;
  width: 380px;
  height: 40px;
  text-align: left;
  }
.inter-i{
  width:450px;
  height: 63px;
  background-image:url('https://i.servimg.com/u/f62/19/72/91/15/wdsfnz10.png');
}
.instapic{
  width: 145px;
  height: 145px;
  padding: 1px;
  }
.instapie{
  width:450px;
  height: 53px;
  background-image: url(https://i.servimg.com/u/f62/19/72/91/15/otvb1t10.png);
}
.insta-pub{
  width: 354px;
  height: 565px;
  border: 1px solid #d9d9d9;
  background: #fff;
}
.ip-head{
  width: 350px;
  height:46px;
  background-image: url(https://i.servimg.com/u/f62/19/72/91/15/brzwqn11.png);
}
.ip-mini, .ip-mini2{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: 20px;
  margin-left: -250px;
}
.ip-mini2{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: 5px;
}
.ip-name, ip-name2{
  font-family: arial;
  font-weight: bold;
  font-size:13px;
  margin-left: -40px;
  margin-top: -27px;
}
.ip-name2{
  margin-left: 50px;
  margin-top: -30px;
  font-weight: bold;
}
.instapub{
  width: 350px;
  height:350px;
  margin-top: 5px;
  }
.instacom span{
  color: #00a8ec;
}
.instacom{
  width: 350px;
  font-family: lato;
  font-size: 12px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
.ip-pie{
  width: 350px;
  height:37px;
  margin-left: -60px;
  margin-top: -5px;
  background-image: url(https://i.servimg.com/u/f62/19/72/91/15/hexr4x10.png);
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v14/eFRpvGLEW31oiexbYNx7Y_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v14/GtRkRNTnri0g82CjKnEB0Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Plantilla Movil */
.txtm{
  width:100%;
  max-height:50px;
  }

.message-time{
  margin: 0 !important;
  float: right;
  font-size: 9px;
  bottom: 3px;
  color: grey;
}
.message-timer{
  margin: 0 !important;
  float: right;
  margin-left: 120px !important;
  font-size: 9px;
  bottom: 3px;
  color: #9a9a9a;
}

.chat__wrapper {
  width: 360px;
  height: 450px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 8px 20px 4px rgba(37, 37, 37, 0.2);
          box-shadow: 0px 8px 20px 4px rgba(37, 37, 37, 0.2);
  border-radius: 5px;
  border: solid 1px #ccc;
  overflow: hidden;
  background-color: #4a3240;
  }
.chat__footer{
  width: 360px;
  height: 50px;
  border: 1px solid #ccc;
  background-image: url(https://imgur.com/SASog60.png);
  position: absolute;
  margin-top: -256px;
  margin-left: -11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 8px 20px 4px rgba(37, 37, 37, 0.2);
          box-shadow: 0px 8px 20px 4px rgba(37, 37, 37, 0.2);
  border-radius: 0 0 5px 5px;
  }
.chat__wrapper .chat__heading {
  width: 360px;
  height: 60px;
  background-image: url("https://imgur.com/PUR27dC.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 10px 20px -10px rgba(82, 82, 82, 0.6);
          box-shadow: 0 10px 20px -10px rgba(82, 82, 82, 0.6);
}
.chat__wrapper .chat__heading .heading__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.chat__wrapper .chat__heading .heading__list .list__button, .chat__wrapper .chat__heading .heading__list .list__back {
  font-size: 32px;
  padding: 25px 20px;
  color: #ecf0f1;
  opacity: 0.8;
  cursor: pointer;
}
.chat__wrapper .chat__heading .heading__list .list__button:hover, .chat__wrapper .chat__heading .heading__list .list__back:hover {
  opacity: 1;
}
.chat__wrapper .chat__heading .heading__list .list_name {
  font-family: roboto;
  font-weight: bold;
  color: #oeoeoe;
  font-size: 12px;
  width: 250px;
  margin-top: 35px;
  margin-left: -180px;
}
.chat__wrapper .chat__heading .heading__list .list__avatar {
  width: 300px;
  margin-top: 3px;
  padding: 20px 0;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.chat__wrapper .chat__heading .heading__list .list__avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.chat__wrapper .chat__bubbles {
  width: 360px;
  height: 480px;
  padding: 10px;
  overflow-x: hidden;
}
.chat__wrapper .chat__bubbles .chat__bubble {
  width: 70%;
  height: auto;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 1px 4px rgba(82, 82, 82, 0.4);
  box-shadow: 0px 1px 4px rgba(82, 82, 82, 0.4);
  z-index: 5;
  cursor: pointer;
  position: relative;
  margin: 0 !important;
  padding: 5px !important;
  word-wrap:break-word;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 0 !important;
}
.chat__wrapper .chat__bubbles .chat__bubble:last-child {
  margin-bottom: 0;
}
.chat__wrapper .chat__bubbles .chat__bubble.--left {
  float: left;
  min-height: 40px;
  background: #FBFCFC;
  border-radius:  8px 8px 8px 0;
  border-left: 1px solid rgba(0, 0, 0, .09);
  color: #0e0e0e;
  margin-left: 15px;
}
.chat__wrapper .chat__bubbles .chat__bubble.--left:before {
  left: -20px;
  bottom: 0;
}
.chat__wrapper .chat__bubbles .chat__bubble.--right {
  word-wrap: break-word;
  display: inline-block;
  float: right;
  width: 70%;
  min-height: 40px;
  background: #dcf8c6;
  border-radius:  8px 8px 0 8px;
  border-left: 1px solid rgba(0, 0, 0, .09);
  color: #0e0e0e;
  }

.chat__wrapper .chat__bubbles .chat__bubble.--right:before {
  right:  0;
  bottom: 0;
}
/* Fin del movil*/
/*Busqueda pj*/
.bpj-text .sub-tabli-wc b {margin-bottom: -5px!important; display: block;}

.outbpj-wc {overflow:hidden; position:relative; display:inline-block; width:367px; height: 200px; margin-bottom:3px;}
.bpj-hover {width: 367px; height: 40px; bottom:0px; position:absolute;}
.outbpj-wc .bpj-tit {text-shadow: 1px 1px 0px #000; color: #42505d!important; width:323px; left: 24px; display:block; font-weight:bold; font-size:14px!important; text-transform:uppercase; text-align:left; position:absolute; bottom: 25px; transition: 0.8s; transition-delay: 0.8s;}
.outbpj-wc:hover .bpj-tit {bottom:172px; transition:0.8s;}
.bpj-hover .bpj-subtit {text-shadow: 1px 1px 0px #000; color: #fff; line-height:100%; padding-top:3px; border-top: 1px solid #2f6d6a; width:322px; right: 23px; display:block; font-size:11px!important; text-align:right; position:absolute; bottom:11px;}
.bpj-box {height:0px; border: 1px solid #42505d; border-bottom:transparent; width: 323px; position: absolute; left: 22px; bottom: 25px; overflow: hidden; transition: 0.8s; transition-delay: 0.8s;}
.outbpj-wc:hover .bpj-box {height: 150px; transition: 0.8s;}
.outbpj-wc .bpj-text {background: #f8f8f8; padding: 7px; font-size: 11px!important; line-height: 120%; text-align: justify; height: 137px; margin: 5px; overflow: auto; opacity: 0; transition: 0.5s;}
.outbpj-wc:hover .bpj-text {transition-delay:0.8s; opacity: 1;}
/*Relaciones*/
.outrelas-wc {overflow:hidden; position:relative; display:inline-block; width:182px; height: 200px; margin-bottom:3px;}
.outrelas-wc:nth-of-type(odd) {margin-right: 3px;}
.relas-hover {width: 182px; height: 40px; bottom:0px; position:absolute;}
.outrelas-wc .relas-tit {text-shadow: 1px 1px 0px #000; color: #42505d!important; width:160px; left: 11px; display:block; font-weight:bold; font-size:12px!important; text-transform:uppercase; text-align:left; position:absolute; bottom: 25px; transition: 0.8s; transition-delay: 0.8s;}
.outrelas-wc:hover .relas-tit {bottom:172px; transition:0.8s;}
.relas-hover .relas-subtit {text-shadow: 1px 1px 0px #000; color: #fff; line-height:100%; padding-top:3px; border-top: 1px solid #2f6d6a; width:160px; right: 11px; display:block; font-size:10px!important; text-align:right; position:absolute; bottom:12px;}
.relas-box {height:0px; border: 1px solid #42505d; border-bottom:transparent; width: 160px; position: absolute; left: 11px; bottom: 25px; overflow: hidden; transition: 0.8s; transition-delay: 0.8s;}
.outrelas-wc:hover .relas-box {height: 150px; transition: 0.8s;}
.outrelas-wc .relas-text {background: #f8f8f8; padding: 7px; font-size: 11px!important; line-height: 120%; text-align: justify; height: 137px; margin: 5px; overflow: auto; opacity: 0; transition: 0.5s;}
.outrelas-wc:hover .relas-text {transition-delay:0.8s; opacity: 1;}