.espaciomenos30 {margin-top: -30px}
.espaciomenos29 {margin-top: -29px}
.espaciomenos28 {margin-top: -28px}
.espaciomenos27 {margin-top: -27px}
.espaciomenos26 {margin-top: -26px}
.espaciomenos25 {margin-top: -25px}
.espaciomenos24 {margin-top: -24px}
.espaciomenos23 {margin-top: -23px}
.espaciomenos22 {margin-top: -22px}
.espaciomenos21 {margin-top: -21px}
.espaciomenos20 {margin-top: -20px}
.espaciomenos19 {margin-top: -19px}
.espaciomenos18 {margin-top: -18px}
.espaciomenos17 {margin-top: -17px}
.espaciomenos16 {margin-top: -16px}
.espaciomenos15 {margin-top: -15px}
.espaciomenos14 {margin-top: -14px}
.espaciomenos13 {margin-top: -13px}
.espaciomenos12 {margin-top: -12px}
.espaciomenos11 {margin-top: -11px}
.espaciomenos10 {margin-top: -10px}
.espaciomenos9 {margin-top: -9px}
.espaciomenos8 {margin-top: -8px}
.espaciomenos7 {margin-top: -7px}
.espaciomenos6 {margin-top: -6px}
.espaciomenos5 {margin-top: -5px}
.espaciomenos4 {margin-top: -4px}
.espaciomenos3 {margin-top: -3px}
.espaciomenos2 {margin-top: -2px}
.espaciomenos1 {margin-top: -1px}

.espacio1 {margin-top: 1px}
.espacio2 {margin-top: 2px}
.espacio3 {margin-top: 3px}
.espacio4 {margin-top: 4px}
.espacio5 {margin-top: 5px}
.espacio6 {margin-top: 6px}
.espacio7 {margin-top: 7px}
.espacio8 {margin-top: 8px}
.espacio9 {margin-top: 9px}
.espacio10 {margin-top: 10px}
.espacio11 {margin-top: 11px}
.espacio12 {margin-top: 12px}
.espacio13 {margin-top: 13px}
.espacio14 {margin-top: 14px}
.espacio15 {margin-top: 15px}
.espacio16 {margin-top: 16px}
.espacio17 {margin-top: 17px}
.espacio18 {margin-top: 18px}
.espacio19 {margin-top: 19px}
.espacio20 {margin-top: 20px}
.espacio21 {margin-top: 21px}
.espacio22 {margin-top: 22px}
.espacio23 {margin-top: 23px}
.espacio24 {margin-top: 24px}
.espacio25 {margin-top: 25px}
.espacio26 {margin-top: 26px}
.espacio27 {margin-top: 27px}
.espacio28 {margin-top: 28px}
.espacio29 {margin-top: 29px}
.espacio30 {margin-top: 30px}

.lineado {border-color: #aaaaaa; border-width: 1px; border-style: solid;}
.izquierda {text-align: left;}
.colorinput {background-color: #E41204;}
.letras_black {color:black;}
.mensaje_color {color:#E41204;}
.linea {border-top: 1px solid black; height: 2px; padding: 0; margin: 0 auto 0 auto; }

.linea_2 
{
    border-top: 1px solid black;
    height: 2px;
    padding: 0;
    margin: 0 auto 0 auto;
    box-shadow: 0px 0px 1px 1px black;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 4px; /* e.g. change 8x to 4px here */
}

table.dataTable td {
    font-size: 14px;
    }

table.dataTable tr.dtrg-level-0 td {
    font-size: 15px;
    }

.bg-primary
{
    --bs-bg-opacity: 1;
    background-color: rgba(39,115,186,1);
    /*background-color: #2773ba;*/
}

.bg-fondo-ip
{
    background-color: rgb(207,227,246);
}

.borde
{
    box-shadow: 0px 0px 5px 1px black;
}

.costado
{
    margin-left: 5px;
    margin-top: 0px; 
    margin-bottom: 0px;
}

.costado_grande
{
    margin-left: 60px;
}

.costado_mediano
{
    margin-left: 25px;
}

.costado_corto
{
    margin-left: 9px;
}

.costado_div
{
    margin:5px 0;
    width:120px;
    border:1px #03f solid;
    border-top-width:8px;
}

div.contenedor 
{
    width: 33.33%;
    /*background-color: tomato*/
}

button.centrado 
{
    width: 110px; /* Para que no se rompa en dos líneas, y lo translade tal cual. */
    margin-left: 50%;
    transform: translateX(-50%);
}

/*.sidebar-dark-primary
{
        background: #2773ba !important;
}*/

.color_pag
{
    color: #2773ba !important;
}

.color_red
{
    color: red !important;
}

.image_left
{
    float: right !important;
}

.center_pdf
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.centrador_avatar
{
    width: 50%;
    height: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.porte_avatar
{
    width:20%;
    height:20%;
}

.Centrador_avatar_odontologo
{
    object-fit: cover;
    width:100%;
    height:100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centrador_sel_avatar
{
    width: 60%;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imagen_centrada
{
    text-align: center;
}

  /* el resto es para demostrarlo */
.igual-relacion
{
    width: 630px;
    height: 380px;
}

.ocultar_div
{
    display: none;
}

/* Trabajo con imagenes */

.contenido
{
    display: inline-block;
    padding:5px;
    box-sizing: border-box;
    /*float:left;*/
}

.porte_diente
{
    width:100px;
    height:100px;
}

.img_diente
{
    object-fit: cover;
    width:100%;
    height:100%;
}

.img_lesion
{
    width:25px;
    height:25px;
}

.img_valoracion
{
    width:150px;
    height:150px;
}