/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30-may-2019, 14:16:21
    Author     : rafael
*/
.i-anilla:required{
    outline: 0 none !important;
    box-shadow: none;
}
.po-va-middle tr td{
    vertical-align: middle;
}
.p-i-ped{
    min-height: 670px;
}
table{
    font-size: 20px;
}
.po-main-btn{
    font-size: 14px !important;
    line-height: 15px !important;
    padding: 4px !important;
    color: white !important;
}
.po-main-btn i{
    margin-left: 20%;
    margin-right: 5%;
}
.f-sex{
    font-size: 52px;
}
.f-sex-m{
    font-size: 52px;

    color:blue !important;
}
.f-sex-f{
    font-size: 52px;

    color: #f0f !important;
}
.vaciar{
    clear:both;
    padding:0;
    margin:0;
    border:0;
    width:0px;
    height:0px;
}
/* PEDIGREE */

.pu-wrap{
    position: absolute;
    background-color: #DCDCDC;
    left: 155px;
    border: 1px solid black;
    top: 0;
    z-index: 100;
}
.s-p-list{
    padding-left: 5px;
    list-style-type: none;
}
.s-p-list a {
    color: gray;
}
.p-wrap{
    position:relative;
    width: 1180px;
    min-width: 745px;
    margin: auto;
    overflow:visible;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.p-p-wrap{
    font-family:Courier, monospace;
    position:relative;
    float:right;
    margin: 0;
    width: 735px;
    height:980px;
}

.p-i-wrap{
    position: absolute;
    right: 760px;
    top: 50%;
    width: 420px;
    border: 1px solid lightgray;
    border-radius: 6px;
    margin-top: -350px;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    padding: 15px;
}
.p-p-wrap .p-node{
    position:absolute;
    width:0;
    height:0px;
}
.p-p-wrap .p-node input{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-left: 5px;
}
.p-p-wrap .p-node .node-box-xs input{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 2px;
    padding-left: 2px;
}


.p-p-wrap .p-node .i-anilla{
    position: relative;
    border: 0 solid transparent;
    width: 100%;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    top:0;
    color: red;
    font-weight: bolder;
    text-transform: uppercase;
    overflow: hidden;  
}
.hidden{
    visibility: hidden;
}
.p-p-wrap .p-node .i-anilla::-webkit-input-placeholder{
    color: gray;
    text-transform: none;
}
.p-p-wrap .p-node .i-anilla:-ms-input-placeholder{
    color: gray;
    text-transform: none;

}
.p-p-wrap .p-node .i-anilla::placeholder{
    color: gray;
    text-transform: none;

}
.p-p-wrap  .i-anilla:focus,
.p-p-wrap  .i-extra:focus{
    background-color: lightgray
}
.p-p-wrap .i-extra{
    position: relative;
    border: 0 solid transparent;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    bottom: 0;
    resize: none;
    overflow: hidden;
}
.p-p-wrap .p-node .i-extra::-webkit-textarea-placeholder{
    color: gray;
}
.p-p-wrap .p-node .i-extra:-ms-textarea-placeholder{
    color: gray;
}
.p-p-wrap .p-node .i-extra::placeholder{
    color: gray;
}
.p-p-wrap .p-node .node-box .i-extra{
    height: 186px;
}
.p-p-wrap .p-node .node-box-s .i-extra{
    height: 72px;
}

.p-p-wrap .lop{
    position: absolute;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    top: 245px;
    left: 35px;
    height: 134px;
    width: 15px;
}
.p-p-wrap .lom{
    position: absolute;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    top: 600px;
    left: 35px;
    height: 134px;
    width: 15px;
}
.p-p-wrap .l-y{
    position: absolute;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 134px;
    width: 5px;
    top:0;
    left:0;
}
.p-p-wrap .l-y div{
    position: absolute;
    border-top: 1px solid #ccc;
    top:50%;
    width:10px;
    left:-10px;
}
.p-p-wrap .l-y-s{
    position: absolute;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 81px;
    width: 5px;
    top:0;
    left:0;
}
.p-p-wrap .l-y-s div{
    position: absolute;
    border-top: 1px solid #ccc;
    top:50%;
    width:10px;
    left:-10px;
}

.p-p-wrap .lop-u{
    top: 195px;
    left: 220px;
}
.p-p-wrap .lom-u{
    left: 220px;
    top: 670px;
}
.p-p-wrap .lopp-u{
    left: 393px;
    top: 72px;
}
.p-p-wrap .lopm-u{
    left: 393px;
    top: 311px;
}
.p-p-wrap .lomp-u{
    left: 393px;
    top: 551px;
}
.p-p-wrap .lomm-u{
    left: 393px;
    top: 791px;
}

.p-p-wrap .loppp-u{
    left: 563px;
    top: 41px;
}
.p-p-wrap .loppm-u{
    left: 563px;
    top: 157px;
}
.p-p-wrap .lopmp-u{
    left: 563px;
    top: 283px;
}
.p-p-wrap .lopmm-u{
    left: 563px;
    top: 397px;
}
.p-p-wrap .lompp-u{
    left: 563px;
    top: 525px;
}
.p-p-wrap .lompm-u{
    left: 563px;
    top: 637px;
}
.p-p-wrap .lommp-u{
    left: 563px;
    top: 761px;
}
.p-p-wrap .lommm-u{
    left: 563px;
    top: 875px;
}
/* CUADROS PALOMAS */
.p-p-wrap .origin{
    top:490px;
    left:0px;
}
/* PRIMERA GEN */
.p-p-wrap .o-p{
    left: 50px;
    top: 260px;
}
.p-p-wrap .o-m{
    left: 50px;
    top: 720px;
}
/* SEGUNDA GEN */
.p-p-wrap .op-p{
    top:140px;
    left:226px;
}
.p-p-wrap .op-m{
    top:380px;
    left:226px;
}
.p-p-wrap .om-p{
    top:620px;
    left:226px;
}
.p-p-wrap .om-m{
    top:860px;
    left:226px;
}
/* TERCERA GEN */
.p-p-wrap .opp-p{
    top: 83px;
    left: 397px;
}
.p-p-wrap .opp-m{
    top: 197px;
    left: 397px;
}
.p-p-wrap .opm-p{
    top: 323px;
    left: 397px;
}
.p-p-wrap .opm-m{
    top: 437px;
    left: 397px;
}
.p-p-wrap .omp-p{
    top: 563px;
    left: 397px;
}
.p-p-wrap .omp-m{
    top: 677px;
    left: 397px;
}
.p-p-wrap .omm-p{
    top: 803px;
    left: 397px;
}
.p-p-wrap .omm-m{
    top: 917px;
    left: 397px;
}
/* CUARTA GEN */
.p-p-wrap .oppp-p{
    top: 83px;
    left: 570px;
}
.p-p-wrap .oppp-m{
    top: 135px;
    left: 570px;
}
.p-p-wrap .oppm-p{
    top: 197px;
    left: 570px;
}
.p-p-wrap .oppm-m{
    top: 249px;
    left: 570px;
}

.p-p-wrap .opmp-p{
    top: 323px;
    left: 570px;
}
.p-p-wrap .opmp-m{
    top: 375px;
    left: 570px;
}
.p-p-wrap .opmm-p{
    top: 437px;
    left: 570px;
}
.p-p-wrap .opmm-m{
    top: 489px;
    left: 570px;
}

.p-p-wrap .ompp-p{
    top: 563px;
    left: 570px;
}
.p-p-wrap .ompp-m{
    top: 615px;
    left: 570px;
}
.p-p-wrap .ompm-p{
    top: 677px;
    left: 570px;
}
.p-p-wrap .ompm-m{
    top: 729px;
    left: 570px;
}

.p-p-wrap .ommp-p{
    top: 803px;
    left: 570px;
}
.p-p-wrap .ommp-m{
    top: 855px;
    left: 570px;
}
.p-p-wrap .ommm-p{
    top: 917px;
    left: 570px;
}
.p-p-wrap .ommm-m{
    top: 969px;
    left: 570px;
}

.node-box{
    border:1px solid #ccc;
    box-shadow: 5px 5px 5px gray;
    width:156px;
    position:absolute;
    top:-110px;
    left:0px;
    background: #fff;
}
.node-box-s{
    border:1px solid #ccc;
    box-shadow: 5px 5px 5px gray;
    width:156px;
    position:absolute;
    top:-53px;
    left:0px;
    background: #fff;
}
.node-box-xs{
    border:1px solid #ccc;
    box-shadow: 5px 5px 5px gray;
    width:156px;
    position:absolute;
    top:-53px;
    left:0px;
    background: red;
}