body {
}

@media (max-width: 481px) {
    .mud-dialog-container {
        padding-top: 0 !important;
    }

    .mud-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        max-height: 9999px !important;
    }
}

#qrPrint {
    display: none;
}

@media print {
/*    * {
        display: none;
    }*/
    html, body {
        height: 297mm !important;
        width: 210mm !important;
        display: block !important;
        overflow-y: scroll;
    }
    #qrNotPrint {
        display: none !important;
    }

    div {
        disaply: block !important;
    }
    #qrPrint {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background: white;
        z-index: 1000000;
    }

    .qr-image {
        display: block !important;
        margin: 2mm;
        height: 150mm;
    }
}

.my-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

#components-reconnect-modal p {
    display: block;
    text-align: center;
    border: 1px solid rgb(255,31,105);
    background-color: rgb(246,96,85);
    color: white;
    font-weight: bold;
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
}

.components-reconnect-hide > div  {
    display: none;
}

.components-reconnect-show > div  {
    display: none;
}

.components-reconnect-show  > .show {
    display: block;
}

.components-reconnect-failed  > div {
    display: none;
}

.components-reconnect-failed  > .failed {
    display: block;
}

.components-reconnect-rejected  > div {
    display: none;
}

.components-reconnect-rejected  > .rejected {
    display: block;
}