/*****PDF ALIADOS*****/
#VersionModal {
    width: 100% !important;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
#VersionImpresionPdf {
    display: none;
    padding: 0;
}
#VersionImpresionPdf {
    width: 1110px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 0;
}
/*#CanvasPdf {
    margin-top: -52px;
}*/
/*#CanvasPdf canvas {
    width: 800px;
}*/
.HeaderPdfAliados {
    background-image: url('http://aliadosporlasalud.beta.it/Images/header-historial-medico.png');
    height: 133px;
    background-repeat: no-repeat;
    padding: 0;
    z-index: 1;
    width: 100%;
    background-size: cover;
}

.FooterModalPdfAliados {
    background-image: url('https://cdn.comunidadsd.org/MX/AliadosPorSalud/icono_MAS.svg');
    height: 133px;
    background-repeat: no-repeat;
    padding: 0;
    z-index: 1;
    width: 100%;
    background-size: cover;
    background-color: #25435F;
}

.HeaderPdfAliadosExpediente {
    background-image: url('http://aliadosporlasalud.beta.it/Images/header-historial-medico.png');
    height: 50px;
    background-repeat: no-repeat;
    padding: 0;
    z-index: 1;
    width: 100%;
    background-size: cover;
}
.HeaderPdfAliadosImpr {
    background-image: url('../Images/header-historial-medico.png'); 
    height: 40px;
    background-repeat: no-repeat;
    padding: 0;
   
    width: 100%;
    background-size: cover;
    margin-bottom:15%;
}
#ModalHistorial .HeaderPdfAliados {
    background-size: 100%;
    height: auto;
}
#ModalReceta .HeaderPdfAliados {
    background-size: 100%;
    height: 243px;
}
#ModalOrden .HeaderPdfAliados {
    background-size: 100%;
    height: 243px;
}
#ModalOrden .HeaderPdfAliados .FooterModalPdfAliados {
    background-size: 100%;
    height: 243px;
}

.FooterModalPdfAliados {
    background-size: 44px;
    height: 44.48px;
}

.HeaderPdfAliadosExpediente {
    background-size: 100%;
    height: 233px;
}
/*#ModalHistorial .FooterPdfAliados {
    background-size: 1164px;
}*/
.FooterPdfAliados {
  
    background-image: url('../Images/footerheader-historial-medico.png');
    height: 55px;
    background-repeat: no-repeat;
    padding: 0;
    background-size: cover;
    width: 100%;
}
.LogoPdf {
    width: 150px;
    float: right;
    margin: 12px 15px 0 0;
    padding: 0;
}
.LogoPdfimpr {
    width: 150px;
    float: right;
    margin: 12px 100px 0 0;
    padding: 0;
}
.LogoPdfMobil {
    display: none;
}
.ContenedorAntecedentesPdf {
    top: 5px;
    padding: 0;
    /*background-color: #f9f9f9;*/
    width: 95%;
}
.PrimerLinea,
.AntecedentesPdf {
    margin: 0 0 0 55px;
}

/*.PrimerLineaa {
    padding: 1rem;
    max-width: 1200px;
    margin: auto;
}*/

/*.PrimerLineaa hr {
    border: none;
    border-top: 2px solid #ccc;
    margin: 2rem 0;
    width: 90%;
    max-width: 600px;
    display: block;
    box-sizing: border-box;
}*/

.ContenedorBodyPdf {
    /*padding: 20px 55px;*/
    padding: 40px 70px 10px 55px; /*darle 40 arriba y 70 a la derecha y 40px 70px 20px 55px*/
    margin-left: 20px;
    top: -10px;
}
.ContenedorDatosPacientePdf {
    margin: 60px 0 20px 45px;
    /*border-left: 4px solid #183152;*/
    display: inline-block;
    padding: 0;
}

    .ContenedorDatosPacientePdf > * {
        padding-bottom: 8px; /* Adjust the value as needed */
    }

.ContenedorDatosPacientePdfExpediente {
    margin: 30px 0 23px 22px;
    border-left: 4px solid #183152;
    display: inline-block;
    padding: 0;
}
.NombrePacientePdf {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 0px 9px 0px;
    color: #075B98;
}

hr {
    margin-top: 0;
}
.ContenedorDatosPacientePdfHijo {
    padding-left: 15px;
    margin-top: 20px;
}
.ContenedorDatosPacientePdfHijoimpr {
    padding-left: 0px;
}
.CorreoPacientePdf,
.EdadPacientePdf,
.FechaNacPacientePdf {
    display: block;
    /*padding-left: 15px;*/
    font-size: 13px;
    /*  padding: 0 0 0 15px;*/
    color: #616161;
    opacity: 1;
}
.CurpPAcientePdf {
    font-size: 13px;
    color: #616161;
    opacity: 1;
}
.GeneroPacientePdf,
.NacionalidadPacientePdf,
.EdoCivilPacientePdf,
.EscolaridadPacientePdf,
.OcupacionPacientePdf,
.ProporcionadaPacientePdf {
    display: block;
    /*padding-left: 15px;*/
    font-size: 13px;
    /* padding: 0 0 0 15px;*/
    color: #616161;
    opacity: 1;
}
.punto-verde {
    width: 5px;
    height: 5px;
    background-color: #86B85D;
    border-radius: 50%;
    margin: 0; /* Elimina márgenes adicionales */
    padding: 2px
}

.contenedorDatosPxPdf {
    display: flex;
    grid-template-columns: auto auto auto auto auto auto auto; /* Espacio mínimo para los puntos verdes */
    width: 80%;
    font-weight: bold;
    font-size: 13px;
    align-items: baseline;
    justify-items: start; /* Alinea el contenido dentro de las columnas a la izquierda */
    margin: 0px 15px;
    gap: 10px;
}

.contenedorDatosPxPdf2 {
    display: flex;
    width: 80%;
    font-size: 13px;
    align-items: baseline;
    justify-items: start;
    margin: 0px 15px;
    gap: 10px;
}

.contenedorDatosPxPdf3 {
    display: grid;
    grid-template-columns: auto; /* El elemento central es más pequeño */
    width: 54%;
    font-size: 13px;
    align-items: baseline;
    justify-items: start;
}

.contenedorDatosPxPdf4 {
    display: flex;
    grid-template-columns: auto auto auto auto auto auto auto; /* Espacio mínimo para los puntos verdes */
    /*width: 80%;*/
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    align-items: baseline;
    justify-items: start; /* Alinea el contenido dentro de las columnas a la izquierda */
    margin: 0px 15px;
    gap: 10px;
}

.contenedorDatosPxPdf5 {
    display: grid;
    grid-template-columns: auto; /* El elemento central es más pequeño */
    width: 54%;
    font-size: 13px;
    align-items: baseline;
    justify-items: start;
}
.AntecedentesPdf {
    font-size: 24px;
    font-weight: bold;
}
.SegundaLinea {
    margin: 0 0 15px 55px;
    width: 186px;
    color: #183152;
}
.icono-switch-off {
    font-family: "saluddigna";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
   /* margin-left: .2em;*/
    font-size: 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.TipoAntecedentesDescripcion {
    text-align: left;
}
#TituloPrincipal {
    font-size: 23px;
}

.TituloTipoAntecedentes3 {
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 5px 0;
    color: #075B98;
    display: flex;
    align-items: center; /* Asegura que los elementos hijos se alineen al centro verticalmente */
    justify-content: center; /* Centra el contenido horizontalmente */
}

.punto-azul {
    width: 10px; /* Ajusta según el tamaño deseado del punto verde */
    height: 10px; /* Ajusta según el tamaño deseado del punto verde */
    background-color: #183152;
    border-radius: 50%;
    margin-right: 5px; /* Espacio entre el punto verde y el texto */
}
.icono-rombo:before, .icono-switch-on:before {
    color: #86B85D;
    font-size: 35px;
}
.TituloTipoAntecedentes {
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 5px 0;
    color: #075B98;
}
.TituloTipoAntecedentesExpediente {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px 0;
    color: #183152;
}
.TituloTipoAntecedentes2 {
    font-size: 19px;
    font-weight: bold;
    padding: 0 0 15px 0;
    color: #616161;
}
.ContenedorBodyPdfHijo {
    padding: 0;
    padding-bottom: 15px;
}
.LineaTipoAntecedentes {
  /*  width: 75px;
    margin: 0;
    border-width: 2px;
    margin-bottom: 5px;*/
}
.tratamientos {
    display: flex;
    align-items: center;
    width: 100%;
}
.piedepagina {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.TipAntecedentesHijoTitulo {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    /*margin-left: 13px;*/
    display: flex;
    align-items: center;
}
.TipAntecedentesHijoTituloExpediente {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    /*margin-left: 13px;*/
    display: flex;
    align-items: center;
}
.TipoAntecedentesDescripcion {
    font-size: 13px;
    /*margin-left: 25px;*/
    /*background: #f9f9f9;*/
    padding: 5px; 
}
.icono-switch-off:before
{
    color: #afafaf;
}
.icono-shift-2:before {
    position: relative;
    left: 12px;
    bottom: 4px;
}
.TipAntecedentesHijo {
    padding: 0 0 10px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    /*margin-left: 13px;*/
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.TipAntecedentesHijoExpediente {
    padding: 0 0 10px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    /*margin-left: 13px;*/
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.TipAntecedentesHijo2 {
    padding: 0 0 10px 0;
    font-family: 'Open Sans';
    font-weight: 500;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    margin-left: -1%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #61616112;
    font-size: 13px;
    padding-left: 10px;
    width: 100%;
}
.TipAntecedentesHijo3 {
    padding: 0 0 10px 0;
    font-family: 'Open Sans';
    /*font-weight: bold;*/
    font-size: 16px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    margin-left: 13px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    /*margin-left: 0;*/
    margin-left: -3%;
    padding-left: 10px;
}
.TipAntecedentesHijo4 {
    padding: 0 0 10px 0;
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    /*margin-left: 13px;*/ /*comentar esta linea para que se acomoden los margenes grises*/
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #61616112;
    font-size: 13px;
    padding-left: 10px;
}
.TipAntecedentesHijo5 {
    padding: 0 0 10px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    margin-left: 1%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.TipAntecedentesHijo ul{
    list-style: circle;
}

.marca-agua {
    position: relative;
}

.marca-agua::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 79%;
    height: 80%;
    background-image: url('https://cdn.comunidadsd.org/MX/AliadosPorSalud/Isotipo_MAS.svg');
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 40%; /* Solo afecta a la imagen */
    pointer-events: none; /* Deja pasar los clics */
    z-index: 0;
    margin: 4em;
}

.PrimerLinea,
.SegundaLinea,
.LineaTipoAntecedentes {
    border-color: #86B85D;
}
.PrimerLinea {
    border-width: 0.93px;
}

.gris {
    border-color: #A6A6A6;
    border-width: 1px;
    margin-top: 25px;
    margin-left: 0px;
    width: 100%;
}

.SegundaLinea
{
    border-width: 2px;
}
.AntecedentesPdf i {
    font-size: 26px;
    color: #183152;
}
.ContenedorFooterHijo {
    display: flex;
    padding: 7px 0 0 50px;
    color: #fff;
    font-size: 12px;
}
.ContenedorFooterHijo div span,
.ContenedorFooterHijo div a {
    display: block;
    color: #fff;
}
.ContenedorFooterHijo i {
    font-size: 20px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}
#ContenedorTopDI {
    margin: 5px 0px 0px 0;
    background: var(--complementario) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    opacity: 1;
    width: 100%;
    height: 195px;
    margin-top: 15px;
}
.separadorPdf {
    /*height: 30px;*/
    background: #fafafa;
}
#BtnDescargarPdf:hover {
    /*color: #fff !important;
    background-color: #1B3146 !important;
    background: #1B3146 !important;
    text-decoration: none;*/
    border: 2px solid #1B3146;
}
#BtnDescargarPdf {
    float: right;
    color: #fff;
    border-style: none;
    padding: 10px 40px;
    background: var(--complementario) 0% 0% no-repeat padding-box;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
    background: #075B98 0% 0% no-repeat padding-box;
    border: 2px solid #075B98;
    border-radius: 4px;
    opacity: 1;
    font-family: 'Open Sans';
    letter-spacing: 0px;
    /*color: #2B557D;*/
    opacity: 1;
    width: 133px;
    height: 38px;
    /*   margin-top: 50px;*/
    cursor: pointer;
    padding: 8px 24px 8px 24px;
}
#BtnImprimirPdf {
    float: left;
    /*color: #fff;*/
    color: #2B557D;
    border-style: none;
    padding: 10px 40px;
    background: var(--complementario) 0% 0% no-repeat padding-box;
    /*background: #2B557D 0% 0% no-repeat padding-box;*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #075B98;
    border-radius: 4px;
    opacity: 1;
    font-family: 'Open Sans';
    letter-spacing: 0px;
    opacity: 1;
    width: 133px;
    height: 38px;
    /* margin-top: 50px;*/
    cursor: pointer;
    padding: 8px 24px 8px 24px;
}

#BtnImprimirPdf:hover {
    text-decoration: none;
}

.contenedorBotones {
    gap: 16px;
}
.icono-descargar-cita,
.icono-print-1 {
    padding-right: 5px;
}
.Titulo1PDF {
    font-size: 20px;
    display: flex;
    justify-content: center;
    padding: 0;
    color: var(--fondos-00);
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    color: #86B85D;
    opacity: 1;
    font-family: 'Open Sans';
    top:20px;
}
.Titulo2PDF {
    display: flex;
    justify-content: center;
    padding: 20px 0 36px 0;
    top: 9px;
    font-family: 'Open Sans';
    font-size: 18px;
}
#ModalHistorial .modal-dialog  {
    width: 67%;
}
#ModalReceta .modal-dialog {
    width: 84%;
    max-width:1075px;
}
#ModalOrden .modal-dialog {
    width: 84%;
    max-width: 1075px;
}

.ContenedorConsultas .ContenedorBodyPdfHijo {
    padding-left:60px;
}

@media (max-width: 1280px) { /*Pantalla para PC*/
    .ContenedorBodyPdf {
        padding: 40px 70px 10px 55px;
        margin-left: 23px;
        top: -10px;
    }

    .LogoPdf {
        width: 150px;
        float: right;
        margin: 0px 15px 0 0;
        padding: 0; /*comentar para hacerlo más chico*/
    }
    /*#VersionModal .PrimerLinea .gris {
        margin: 0px 0 10 5px;
    }*/

    /*.TipAntecedentesHijo5 {
        padding: 0 0 10px 0;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 0px;
        color: #616161;
        opacity: 1;
        margin-left: 2%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }*/

    .TipAntecedentesHijo3 {
        padding: 0 0 10px 0;
        font-family: 'Open Sans';
        /* font-weight: bold; */
        font-size: 16px;
        letter-spacing: 0px;
        color: #616161;
        opacity: 1;
        margin-left: 13px;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        /* margin-left: 0; */
        margin-left: -4%;
        padding-left: 10px;
    }

    .TipAntecedentesHijo2 {
        padding: 0 0 10px 0;
        font-family: 'Open Sans';
        font-weight: 500;
        letter-spacing: 0px;
        color: #616161;
        opacity: 1;
        margin-left: -1%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        background: #61616112;
        font-size: 13px;
        padding-left: 10px;
        width: 100%;
    }

    .PrimerLinea {
        margin: 50px 0 0 55px;
    }

    .PrimerLineaa {
        margin: 30px 0 0 5px
    }
}

@media (max-width: 1000px) {
    #VersionModal .NombrePacientePdf {
        font-size: 22px;
    }
    .LogoPdf
    {
        width: 100px;
    }
}
@media (max-width: 830px) {
    #VersionModal .HeaderPdfAliados  {
        height: 146px;
    }
    #VersionModal .ContenedorAntecedentesPdf {
        margin-top: 35px;
    }   
    #VersionModal .ContenedorBodyPdf,
    #VersionModal .ContenedorAntecedentesPdf {
        top: 0;
    }

    #VersionModal .ContenedorBodyPdf {
        padding: 180px 52px 90px 52px;
    }
    #VersionModal .ContenedorBodyPdf {
        padding: 40px 70px 10px 55px;
        margin-left: 23px;
        top: -10px;
    }
    .PrimerLinea {
        /*margin: 140px 0 0 55px;*/
        margin: 140px 0 0 55px;
    }
    .PrimerLineaa {
        margin: 30px 0 0 5px
    }

    .TipAntecedentesHijo3 {
        padding: 0 0 10px 0;
        font-family: 'Open Sans';
        /* font-weight: bold; */
        font-size: 16px;
        letter-spacing: 0px;
        color: #616161;
        opacity: 1;
        margin-left: 13px;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        /* margin-left: 0; */
        margin-left: -6%;
        padding-left: 10px;
    }
}
@media (max-width: 768px) {
    #ModalHistorial .modal-dialog  {
        margin: 40px auto;
    }
    #ModalReceta .modal-dialog {
        margin: 40px auto 120px auto;
    }
    #ModalOrden .modal-dialog {
        margin: 40px auto 120px auto;
    }
}
@media (max-width: 766px) {

    #VersionModal .ContenedorAntecedentesPdf {
        margin-top: 0;
    }

    #VersionModal .HeaderPdfAliados {
        height: initial;
    }

    #VersionModal .FooterPdfAliados {
        height: 90px;
        /*position: relative;
        bottom: -1px;*/
    }

    #VersionModal .HeaderPdfAliados {
        background-size: contain;
    }

    #VersionModal .NombrePacientePdf {
        font-size: 20px;
    }

    #VersionModal .LogoPdf {
        display: none;
    }

    .LogoPdfMobil {
        display: block;
        width: 30%;
        margin: 30px 0 5px 25px;
        padding: 0;
    }

    #VersionModal .NombrePacientePdf {
        width: 100%;
    }

    #VersionModal .ContenedorDatosPacientePdf {
        margin: 0px 0 15px 25px;
    }

     .ContenedorDatosPacientePdfExpediente {
        margin: 0px 0 15px 25px;
    }
    #VersionModal .PrimerLinea,
    #VersionModal .AntecedentesPdf {
        margin: 0 0 0 25px;
    }

    #VersionModal .ContenedorBodyPdf {
        /*padding: 0 25px;*/
        padding: 25px 70px 30px 25px;
    }

    #VersionModal .ContenedorFooterHijo {
        padding: 42px 0 0 15px;
    }

    .Titulo1PDF {
        font-size: 20px;
    }

    .Titulo2PDF {
        font-size: 12px;
    }

    .PrimerLinea {
        /*margin: 140px 0 0 55px;*/
        /*margin: 118px 0 0 55px !important;*/
    }
}

@media (max-width: 550px) {
    
    #VersionModal .ContenedorAntecedentesPdf {
        margin-top: 0;
    }
    #VersionModal .HeaderPdfAliados {
        height: initial;
    }
    #VersionModal .FooterPdfAliados  {
        height: 90px;
        /*position: relative;
        bottom: -1px;*/
    }
    #VersionModal .HeaderPdfAliados {
        background-size: contain;
    }
    #VersionModal .NombrePacientePdf {
        font-size: 20px;
    }
    #VersionModal .LogoPdf {
        display: none;
    }
    .LogoPdfMobil {
        display: block;
        /*width: 50%;*/
        width: 40%;
        margin: 30px 0 5px 25px;
        padding: 0;
    }
    #VersionModal .NombrePacientePdf  {
        width: 100%;
    }
   #VersionModal  .ContenedorDatosPacientePdf {
        margin: 0px 0 15px 25px;
    }
    #VersionModal .PrimerLinea,
    #VersionModal .AntecedentesPdf {
        margin: 0 0 0 25px;
    }
    /*#VersionModal .ContenedorBodyPdf {
        padding: 0 25px;
    }*/
    #VersionModal .ContenedorBodyPdf {
        padding: 40px 70px 10px 35px;
        margin-left: 23px;
        top: -10px;
    }
    #VersionModal .ContenedorFooterHijo {
        padding: 42px 0 0 15px;
    }
    .Titulo1PDF {
        font-size: 20px;
    }
    .Titulo2PDF {
        font-size: 12px;
    }

    .TipAntecedentesHijo3 {
        padding: 0 0 10px 0;
        font-family: 'Open Sans';
        /* font-weight: bold; */
        font-size: 16px;
        letter-spacing: 0px;
        color: #616161;
        opacity: 1;
        margin-left: 13px;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
        /* margin-left: 0; */
        margin-left: -7%;
        padding-left: 10px;
    }
}
@media (max-width: 499px) {
    .ContenedorBtnPdf {
        width: 100%;
    }

    #BtnDescargarPdf {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #BtnImprimirPdf {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #ContenedorTopDI div div {
        padding: 0;
    }

    .Titulo1PDF {
        padding: 0;
    }

    #ContenedorTopDI {
        /*margin: 25px 0;*/
        background: var(--complementario) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 4px;
        opacity: 1;
        width: 100%;
        height: 200px;
    }
}
@media (max-width: 465px) {
    .ContenedorBtnPdf {
        width: 100%;
    }
    #BtnDescargarPdf {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #BtnImprimirPdf {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #ContenedorTopDI div div {
        padding: 0;
    }
    .Titulo1PDF {
        padding: 0;
    }
    #ContenedorTopDI {
        /*margin: 25px 0;*/
        background: var(--complementario) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 4px;
        opacity: 1;
        width: 100%;
    }

}
@media (max-width: 360px) {
    #BtnImprimirPdf_Orden {
        margin: 0 !important;
    }
    #ModalHistorial .modal-dialog  {
        width: 83%;
    }
    #ModalReceta .modal-dialog {
        width: 83%;
    }
    #ModalOrden .modal-dialog {
        width: 83%;
    }
    #ModalH .modal-dialog {
        width: 83%;
    }
    #ContenedorTopDI {
        margin: 25px 0;
        background: var(--complementario) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 4px;
        opacity: 1;
        width: 100%;
    }
}

@media print {
    body {
      -webkit-print-color-adjust: exact;
    }
}
@page { size: auto;  margin: 0 0 18px 0; }

.watermark {
    position: absolute;
    top: 20px;
    left: -30px;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: rgba(0, 0, 0, 0.1);
    z-index: -1;
    transform: rotate(-45deg);
    pointer-events: none;
    width: 20%;
    opacity: 0.3;
}