.dienteperi {
    position: static;
    width: 0px;
    height: auto;
    margin-left: 50px;
    display: inline-block;
}
.cuadroperi {
    background-color: #FFFFFF;
    border: 1px solid #7F7F7F;
    position: relative;
    width: 25px;
    height: 15px;
    left: 45px;
    -webkit-border-radius: 80px 80px 0px 15px;
    -moz-border-radius: 80px 80px 0px 15px;
    border-radius: 80px 80px 0px 15px;
}

.cuadrotitleperi {
    background-color: cornflowerblue;
    border: 1px solid #7F7F7F;
    position: relative;
    width: 25px;
    height: 15px;
    left: 45px;
    -webkit-border-radius: 80px 80px 0px 15px;
    -moz-border-radius: 80px 80px 0px 15px;
    border-radius: 80px 80px 0px 15px;
}
.cuadrosuperiorperi {
    background-color: #FFFFFF;
    border: 1px solid #7F7F7F;
    position: relative;
    width: 35px;
    height: 15px;
    left: 40px;
    -webkit-border-radius: 80px 80px 80px 80px;
    -moz-border-radius: 80px 80px 80px 80px;
    border-radius: 80px 80px 80px 80px;
}
.cuadroinferiorperi {
    background-color: #FFFFFF;
    border: 1px solid #7F7F7F;
    position: relative;
    width: 35px;
    height: 15px;
    left: 40px;
    -webkit-border-radius: 80px 80px 80px 80px;
    -moz-border-radius: 80px 80px 80px 80px;
    border-radius: 80px 80px 80px 80px;
}
.cuadroperi :hover {
    /*background: rgba(117, 198, 243, 0.4);*/

    cursor: pointer;
}
.cuadrotitleperi :hover {
    /*background: rgba(117, 198, 243, 0.4);*/

    cursor: pointer;
}
.izquierdoperi {
    top: 1px !important;
    left: 28px !important;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.derechaperi {
    top: -29px !important;
    left: 61px !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.superiorperi {
    top: -2px !important;
    left: 40px !important;
}
.inferiorperi {
    top: -38px !important;
    left: 45px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.debajoperi {
    top: 2px !important;
    left: 45px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.centroperi {
    background: #F3F3F3;
    border: 1px solid #7F7F7F;
    width: 25px;
    height: 25px;
    top: -49px;
    left: 45px;
    position: relative;
}
    .centroperi :hover {
        border: 1px solid rgba(117, 198, 243, 0.4);
        /*background-color: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }
#tlrperi {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
#trperi {
    border-right: 1px solid black;
}
#tllperi {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}
#tlperi {
    border-left: 1px solid black;
}
#blrperi {
    border-right: 1px solid black;
}
#brperi {
    border-right: 1px solid black;
}
#blperi {
    border-left: 1px solid black;
}
#bllperi {
    border-left: 1px solid black;
}
.clickperi-red {
    background-color: red !important;
}
.clickperi-orangered {
    background-color: orangered !important;
}
.clickperi-yellow {
    background-color: yellow !important;
}
.clickperi-darkred {
    background-color: darkred !important;
}
.clickperi-dimgrey{
    background-color: dimgray !important;
}
.clickperi-green {
    background-color: fperistgreen !important;
}
.clickperi-yellowgreen {
    background-color: yellowgreen !important;
}
.clickperi-darkcyan {
    background-color: darkcyan !important;
}
.clickperi-darkblue {
    background-color: darkblue !important;
}
.clickperi-highlight {
    background-color: Highlight !important;
}
.clickperi-fuchsia {
    background-color: fuchsia !important;
}
.clickperi-aqua {
    background-color: aqua !important;
}
.clickperi-black {
    background-color: black !important;
}
.clickperi-blue {
    background-color: blue !important;
}
.clickperi-deepskyblue {
    background-color: deepskyblue !important;
}
.clickperi-delete {
    background-color: #747F7D !important;
}
.kill {
    background-color: green !important;
}
.dienteperi-lecheperi {
    position: relative;
    width: 0px;
    height: auto;
    margin-left: 50px;
    display: inline-block;
}
.cuadroperi-lecheperi {
    border: 1px solid #7F7F7F;
    position: relative;
    width: 13px;
    height: 13px;
    left: 45px;
    -webkit-border-radius: 80px 80px 0px 15px;
    -moz-border-radius: 80px 80px 0px 15px;
    border-radius: 80px 80px 0px 15px;
}
    .cuadroperi-lecheperi :hover {
        /*background: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }
.izquierdoperi-lecheperi {
    top: -4px !important;
    left: 37px !important;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.topperi-lecheperi {
    width: 15px;
    left: 47px;
}
.debajoperi-lecheperi {
    width: 15px;
    top: -8px !important;
    left: 47px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.inferiorperi-lecheperi {
    width: 15px;
    top: -35px !important;
    left: 47px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.derechaperi-lecheperi {
    top: -30px !important;
    left: 58px !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.centroperi-lecheperi {
    background: #F3F3F3;
    border: 1px solid #7F7F7F;
    width: 15px;
    height: 13px;
    top: -43px;
    left: 47px;
    position: relative;
}
    .centroperi-lecheperi :hover {
        border: 1px solid rgba(117, 198, 243, 0.4);
        /*background-color: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }

.idienteperi {
    position: static;
    width: 0px;
    height: auto;
    margin-left: 50px;
    display: inline-block;
}
.icuadroperi {
    background-color: #FFFFFF;
    border: 1px solid #7F7F7F;
    position: relative;
    width: 25px;
    height: 15px;
    left: 45px;
    -webkit-border-radius: 80px 80px 0px 15px;
    -moz-border-radius: 80px 80px 0px 15px;
    border-radius: 80px 80px 0px 15px;
}
    .icuadroperi :hover {
        /*background: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }
.iizquierdoperi {
    top: 1px !important;
    left: 28px !important;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.idebajoperi {
    top: 2px !important;
    left: 45px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.iderechaperi {
    top: -29px !important;
    left: 61px !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.icentroperi {
    background: #F3F3F3;
    border: 1px solid #7F7F7F;
    width: 25px;
    height: 25px;
    top: -49px;
    left: 45px;
    position: relative;
}
    .icentroperi :hover {
        border: 1px solid rgba(117, 198, 243, 0.4);
        /*background-color: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }
#itlrperi {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
#itrperi {
    border-right: 1px solid black;
}
#itllperi {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}
#itlperi {
    border-left: 1px solid black;
}
#iblrperi {
    border-right: 1px solid black;
}
#ibrperi {
    border-right: 1px solid black;
}
#iblperi {
    border-left: 1px solid black;
}
#ibllperi {
    border-left: 1px solid black;
}
.idienteperi-lecheperi {
    position: relative;
    width: 0px;
    height: auto;
    margin-left: 50px;
    display: inline-block;
}
.icuadroperi-lecheperi {
    border: 1px solid #7F7F7F;
    position: relative;
    width: 13px;
    height: 13px;
    left: 45px;
    -webkit-border-radius: 80px 80px 0px 15px;
    -moz-border-radius: 80px 80px 0px 15px;
    border-radius: 80px 80px 0px 15px;
}
    .icuadroperi-lecheperi :hover {
        /*background: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }
.iizquierdoperi-lecheperi {
    top: -4px !important;
    left: 37px !important;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.itopperi-lecheperi {
    width: 15px;
    left: 47px;
}
.idebajoperi-lecheperi {
    width: 15px;
    top: -8px !important;
    left: 47px !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.iderechaperi-lecheperi {
    top: -30px !important;
    left: 58px !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.icentroperi-lecheperi {
    background: #F3F3F3;
    border: 1px solid #7F7F7F;
    width: 15px;
    height: 13px;
    top: -43px;
    left: 47px;
    position: relative;
}
    .icentroperi-lecheperi :hover {
        border: 1px solid rgba(117, 198, 243, 0.4);
        /*background-color: rgba(117, 198, 243, 0.4);*/

        cursor: pointer;
    }
.iclickperi-red {
    background-color: red !important;
}
.iclickperi-green {
    background-color: fperistgreen !important;
}
.iclickperi-darkblue {
    background-color: darkblue !important;
}
.iclickperi-blue {
    background-color: blue;
}



.iclickperi-delete {
    background-color: #747F7D !important;
}