.tblOdontograma {
    border-collapse: collapse;
}

.contdiente {
    border: solid 1px #244f74;
    width: 45px;
    /*display: inline-block;*/
    font-size: 9px;
    text-align: center;
    padding: 3px;
    float:left;
    margin: 1px;
}

    .contdiente .tblDiente {
        border-collapse: collapse;
        width: 100%;
    }

        .contdiente .tblDiente .superior {
            border: solid 1px #525252;
            border-bottom: none;
            height: 12px;
            cursor: crosshair;
        }

        .contdiente .tblDiente .inferior {
            border: solid 1px #525252;
            border-top: none;
            height: 12px;
            cursor: crosshair;
        }

        .contdiente .tblDiente .centro {
            border: solid 1px #525252;
            height: 30px;
            width: 12px;
            cursor: crosshair;
        }

        .contdiente .tblDiente .der {
            border: solid 1px #525252;
            border-left: none;
            width: 12px;
            cursor: crosshair;
        }

        .contdiente .tblDiente .izq {
            border: solid 1px #525252;
            border-right: none;
            width: 12px;
            cursor: crosshair;
        }

       

        /*CARAS*/
        .realizado {
            background-color: #ff4f4f;
        }

        .aRealizar {
            background-color: #598cff;
        }


        /*Divs Extras*/
.contdiente .divExtras {
    height: 12px;
    cursor: crosshair;
}



    /*ESTADOS*/
.contdiente .divEstado {
    position: absolute;
    width: 37px;
    height: 56px;
    padding-top: 0px;
    display: block;
    background: transparent;
    border: none;
    text-align: center;
    font-weight: 700;
}

.divEstadorealizado {
    color: #ff0000c2;
    
}


.divEstadoaRealizar {
    color: #0043ffc9;
    
}


.btnAgregar {
    height: auto;
    display: none;
}














/*Estados Personalizados*/
.EstadoProtesisRemovible span {
    position: absolute;
    display: block;
    margin-top: -25px;
    font-size: 30px;
    font-weight: 1000;
    cursor: crosshair;
}

.EstadoExtracion span {
    font-size: 57px;
    position: absolute;
    display: block;
    width: 100%;
    margin-top: -15px;
    cursor: crosshair;
}

.EstadoCorona span {
    position: absolute;
    display: block;
    margin-top: -8px;
    cursor: crosshair;
}

.EstadoNoErupcionado span {
    font-size: 52px;
    position: absolute;
    display: block;
    margin-top: -15px;
    cursor: crosshair;
}