/* Minification failed. Returning unminified contents.
(232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(233,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(967,376): run-time error CSS1030: Expected identifier, found '['
(967,381): run-time error CSS1031: Expected selector, found '='
(967,381): run-time error CSS1025: Expected comma or open brace, found '='
(1095,38): run-time error CSS1030: Expected identifier, found '.'
(1095,45): run-time error CSS1031: Expected selector, found ')'
(1095,45): run-time error CSS1025: Expected comma or open brace, found ')'
(1125,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(1243,26): run-time error CSS1030: Expected identifier, found ':'
(1243,35): run-time error CSS1031: Expected selector, found ')'
(1243,35): run-time error CSS1025: Expected comma or open brace, found ')'
(1310,15): run-time error CSS1030: Expected identifier, found '.'
(1311,24): run-time error CSS1031: Expected selector, found ')'
(1311,24): run-time error CSS1025: Expected comma or open brace, found ')'
(1316,15): run-time error CSS1030: Expected identifier, found '.'
(1316,56): run-time error CSS1031: Expected selector, found ')'
(1316,56): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@page {
    size: A5;
}

.throbbler {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #b8e0e0; /* Adjust default color here */
    border-top-color: #009999; /* Initial color for animation */
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media screen {

    /* CHAT START */
    #chatContainer {
        display: flex !important;
        flex-direction: column !important;
        height: 100vh;
        padding-left: 0px;
        padding-right: 0px;
        border-color: #212529 !important;
        border-bottom: 1px solid #dee2e6 !important;
        border-top: 1px solid #dee2e6 !important;
    }

    .chat-toggle-btn {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #009999;
        color: white;
        border: none;
        cursor: pointer;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        justify-content: center;
        align-items: center;
        font-size: 18px;
        transition: background-color 0.3s;
        z-index: 1000;
    }

    .unread-badge {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: red;
        color: white;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
    }

    .chat-toggle-btn:hover {
        background-color: #005c5c;
    }

    /* Main container for the chat window */
    .chat-container {
        width: 300px;
        height: 400px;
        position: fixed;
        bottom: 0;
        right: 20px;
        border: 1px solid #ddd;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        background-color: #fff;
        font-family: Arial, sans-serif;
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, width 0.3s ease, height 0.3s ease; /* Smooth transition */
        opacity: 1; /* Fully visible */
        transform: translateY(0); /* Initial position */
    }

        .chat-container.hidden {
            opacity: 0; /* Fade out */
            visibility: hidden; /* Make the element invisible */
            transform: translateY(10px); /* Slightly move the element down */
            pointer-events: none; /* Prevent interactions */
        }

        .chat-container.big {
            width: 500px; /* Expanded width */
            height: 700px; /* Expanded height */
        }


    /* Header section of the chat window */
    .chat-header {
        background-color: #009999;
        color: white;
        padding: 8px;
        border-radius: 10px 10px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: bold;
        font-size: 14px;
    }

    /* Close button for the chat window */
    .chat-close {
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        padding: 0 5px;
    }

    /* Body section of the chat window where messages are displayed */
    .chat-body {
        flex-grow: 1;
        padding: 8px;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 8px;
        background-color: white;
    }

    /* Input section of the chat window */
    .chat-input {
        display: flex;
        border-top: 1px solid #ddd;
        padding: 8px;
    }

        /* Input field for typing messages */
        .chat-input input[type="text"] {
            flex-grow: 1;
            border: none;
            padding: 6px;
            border-radius: 8px;
            margin-right: 5px;
            font-size: 13px;
            background-color: #f1f0f0;
        }

        /* Send button */
        .chat-input button {
            background-color: #4267B2;
            border: none;
            color: white;
            border-radius: 15px;
            padding: 6px 12px;
            cursor: pointer;
            font-size: 13px;
        }

            /* Send button hover effect */
            .chat-input button:hover {
                background-color: #365899;
            }

    /* Scrollbar styling */
    .chat-body::-webkit-scrollbar {
        width: 5px;
    }

    .chat-body::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 10px;
    }


    .list-group {
        font-size: 1.2rem;
        list-style-type: none;
        padding: 0.5rem 0;
        margin: 0;
        overflow-y: auto;
    }

        .list-group ul {
            padding: 0;
        }

            .list-group ul li {
                border: 1px solid #ddd;
                margin-top: -1px; /* Prevent double borders */
                background-color: #f6f6f6;
                padding: 12px;
            }

    .userName {
        font-weight: bold;
    }

    /* Ensure the col-4 div is fixed */
    .fixed-content {
        height: 100%;
        overflow: hidden; /* Prevent scrolling */
        background-color: #f8f9fa;
        border-right: 1px solid #ddd;
    }

    .h4-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 !important;
        background-color: #b8e0e0;
    }

    .resize-none {
        resize: none;
    }

    .selected-userListItem {
        background-color: #009999 !important;
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
        font-weight: bold;
    }

    .online-status-indicator {
        display: inline-block;
        width: 13px;
        height: 13px;
        margin-right: 6px;
        background-color: #28a745; /* Green color for online status */
        border-radius: 50%;
        border: 1px solid white;
    }

    #todoContainer {
        width: 100% !important;
        background-color: #ddd;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        border-color: #212529 !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    #chatMessages {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 5px;
        overflow-y: auto;
        padding-left: 1rem;
    }

    /* Individual message bubbles */
    .message {
        max-width: 70%;
        padding: 8px 12px;
        border-radius: 8px;
        line-height: 1.4;
        font-size: 13px;
        word-wrap: break-word;
        position: relative;
    }

        /* Style for messages aligned to the right */
        .message.right {
            align-self: flex-end;
        }

            .message.right:not(.chat-imgPreview ) {
                align-self: flex-end;
                background-color: #009999;
                color: white;
            }

        /* Style for messages aligned to the left */
        .message.left {
            align-self: flex-start;
        }

            .message.left:not(.chat-imgPreview) {
                align-self: flex-start;
                background-color: #d4d6db;
                color: black;
            }

    .timestamp {
        font-size: 12px; /* Small font size for subtle appearance */
        color: #888; /* Light gray color to distinguish from message text */
        margin-top: 6px; /* Small margin to separate timestamp from messages */
        display: block; /* Display as a block to appear on a new line */
        font-style: italic;
    }

        /* Left aligned timestamp (for messages from others) */
        .timestamp.left {
            text-align: left; /* Align text to the left */
        }

        /* Right aligned timestamp (for messages from the user) */
        .timestamp.right {
            text-align: right; /* Align text to the right */
        }

    #previewContainer {
        background-color: #ddd;
    }

    .chat-imgContainer {
        display: inline-block;
        position: relative;
        margin: 10px;
    }

    .chat-imgElement {
        max-width: 100px;
        max-height: 100px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .chat-imgCloseBtn {
        position: absolute;
        top: 5px;
        right: 5px;
        color: red;
        cursor: pointer;
    }

    .chat-imgPreview {
        height: 20vh;
        background-color: transparent;
        padding: 0px;
    }

        .chat-imgPreview img {
            height: 100%;
            width: 100%;
        }

    .ps-400px {
        padding-left: 400px !important;
    }

    /* Styling for the offcanvas button */
    .toggle-offcanvas-btn {
        padding: 0.25rem 0.75rem;
        background-color: #009999;
        border: none;
        color: white;
        border-radius: 5px;
        transition: background-color 0.3s, right 0.3s;
    }

        .toggle-offcanvas-btn:hover {
            background-color: #006767;
        }

    /* Ensure button moves with offcanvas */
    .offcanvas.show + .toggle-offcanvas-btn {
        left: 400px; /* Width of the offcanvas when open */
    }



    /* CHAT END */
    .pointer-events-none {
        pointer-events: none;
    }

    .cursor-default {
        cursor: default !important;
    }

    .cursor-none {
        cursor: hidden;
    }

    .color-inherit {
        color: inherit !important;
    }

    .color-link {
        color: #333 !important;
        text-decoration: underline !important;
    }

    .besorolBoldGreen {
        color: #009F2B !important;
        font-weight: bold;
    }

    .besorolGreen {
        color: #009F2B !important;
    }

    .besorolYellow {
        color: #998000 !important;
    }

    .besorolRed {
        color: #8A2E00 !important;
    }

    .besorolNone {
        color: black;
    }

    .besorolGray {
        color: #656565;
    }

    .besorolWhite {
        color: #fff;
        background-color: #cdcdcd;
    }

    .print {
        display: none;
    }

    html, body, form {
        height: 100%;
        min-height: 100%;
        /*filter:invert(1);*/
    }

    .border-left-null {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .border-right-null {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .appearance-auto {
        appearance: auto;
    }

    .fontos-dropdown {
        border: 2px solid #009999;
        padding: 0px;
    }

        .fontos-dropdown li:nth-child(1), .fontos-dropdown li:nth-child(1):hover, .fontos-dropdown li:nth-child(1) .fontos-item:hover, .fontos-white {
            background-color: #fff !important;
        }

        .fontos-dropdown li:nth-child(2), .fontos-dropdown li:nth-child(2):hover, .fontos-dropdown li:nth-child(2) .fontos-item:hover, .fontos-yellow {
            background-color: #ffc107 !important;
        }

        .fontos-dropdown li:nth-child(3), .fontos-dropdown li:nth-child(3):hover, .fontos-dropdown li:nth-child(3) .fontos-item:hover, .fontos-red {
            background-color: #dc3545 !important;
        }

        .fontos-dropdown li:nth-child(1):disabled, .fontos-dropdown:disabled li:nth-child(1):hover, .fontos-dropdown:disabled li:nth-child(1), .fontos-item:disabled:hover, .fontos-white:disabled {
            background-color: #e5e5e5 !important;
        }

        .fontos-dropdown li:nth-child(2):disabled, .fontos-dropdown:disabled li:nth-child(2):hover, .fontos-dropdown:disabled li:nth-child(2), .fontos-item:disabled:hover, .fontos-yellow:disabled {
            background-color: #ffc107 !important;
            opacity: 0.5;
        }

        .fontos-dropdown li:nth-child(3):disabled, .fontos-dropdown:disabled li:nth-child(3):hover, .fontos-dropdown:disabled li:nth-child(3), .fontos-item:disabled:hover, .fontos-red:disabled {
            background-color: #dc3545 !important;
            opacity: 0.5;
        }



    .fontos-item input {
        width: 100%;
    }

    .fontos-item {
        position: relative;
        padding: 0px !important;
    }

        .fontos-item input[type="radio"], .btn-group input[type="radio"] {
            opacity: 0; /* Hide the radio button visually */
            position: absolute; /* Move the radio button out of the way */
            width: 0;
            height: 0;
        }

        .fontos-item label {
            padding: 5px; /* Adjust padding to cover desired clickable area */
            cursor: pointer; /* Indicate clickable area */
            width: 100%;
        }

    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        color: #000;
        background-color: #b8e0e0;
        border-color: #009999;
    }

    .btn-group span {
        padding: 0px !important;
    }

    .btn-group label {
        padding: .375rem .75rem;
        width: 100%;
    }

    .btn-outline-primary {
        color: #009999;
        border-color: #009999;
    }

        .btn-outline-primary:hover {
            color: unset;
            background-color: unset;
            border-color: #009999;
        }

        .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:after, .btn-outline-primary:visited, .btn-outline-primary:checked {
            box-shadow: none !important;
            outline: none !important;
        }


    .ms-negativ {
        margin-left: -1px;
    }

    .height-fit-content {
        height: fit-content;
    }

    .px-checkbox {
        filter: hue-rotate(-50deg) brightness(0.9);
        transform: scale(1.5);
        margin-right: 0.5rem;
    }

    form {
        background-color: rgba(227, 227, 227, 0.6);
        overflow-y: scroll;
        background-image: url(/Content/bg.png);
        background-size: 33%;
        background-position-y: 33%;
        background-repeat: repeat-x;
    }

    header {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background-color: rgba(227, 227, 227, 1);
    }

    .header-rotate {
        transform: rotate(180deg);
    }

    .remove-file {
        cursor: pointer;
    }

    .imageViewerFile {
        max-height: 200px;
        max-width: 200px;
    }

    .pdfIcon {
        max-height: 200px;
        max-width: 200px;
        height: 200px;
    }

    .btn-header, .btn-header:hover {
        color: black;
        text-decoration: none;
    }

    a.bg-px .text-px, #SelectedPaciensTAJBox.text-px {
        color: white !important;
    }

    .text-pxblue {
        color: #0056CF !important
    }

    .text-pxbrown {
        color: #7C2400 !important
    }

    .text-pxyellow {
        color: #FFDD1C !important
    }

    .text-pxorange {
        color: #FF8000 !important
    }

    .text-pxred {
        color: #FF0601 !important
    }

    .rss-info {
        color: #009999;
        font-size: 1.5em;
    }

    .toast-container {
        z-index: 9999;
        position: absolute;
        right: 10px; /* Adjust horizontal offset */
        bottom: 10px; /* Adjust vertical offset */
        /* Other toast container styles */
    }

    .flex-1 {
        flex: 1;
    }

    .toast {
        width: 450px;
    }

    .help-info {
        color: #009999;
        font-size: 1.5em;
    }

    .eeszt-info {
        color: #ba3b46;
        font-size: 1.5em;
    }

        .eeszt-info.success {
            color: #6b8d05;
        }

    .event-entry {
        background-color: white;
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
        width: 100% !important;
    }

        .event-entry.success {
            background-color: #6b8d05 !important;
            color: white;
        }

    .btn {
        white-space: normal;
    }

        .btn.bg-px:hover, a.bg-px:hover {
            background-color: #005959 !important;
        }

    .praxis-logo {
        max-height: 100%;
        height: 100%;
        max-width: 100%;
        object-fit: scale-down;
    }

    .pxround {
        border-radius: 0.5rem;
    }

    .pxround-left {
        border-start-start-radius: 0.5rem;
        border-end-start-radius: 0.5rem;
    }

    .pxround-right {
        border-end-start-radius: 0.5rem;
        border-end-end-radius: 0.5rem;
    }

    .pxround-top {
        border-start-start-radius: 0.5rem;
        border-start-end-radius: 0.5rem;
    }

    .pxround-bottom {
        border-end-start-radius: 0.5rem;
        border-end-end-radius: 0.5rem;
    }

    .pxround-sm {
        border-radius: 0.25rem;
    }

    .pxround-sm-left {
        border-start-start-radius: 0.25rem;
        border-end-start-radius: 0.25rem;
    }

    .pxround-sm-right {
        border-end-start-radius: 0.25rem;
        border-end-end-radius: 0.25rem;
    }

    .pxround-sm-top {
        border-start-start-radius: 0.25rem;
        border-start-end-radius: 0.25rem;
    }

    .pxround-sm-bottom {
        border-end-start-radius: 0.25rem;
        border-end-end-radius: 0.25rem;
    }

    .border-px {
        border-color: #009999;
        border-style: solid;
    }

    .border-pxl {
        border-color: #b8e0e0;
        border-style: solid;
    }

    .border-px-bottom {
        border-bottom: 1px solid #009999;
    }

    .border-px-left {
        border-left: 1px solid #009999;
    }

    .border-px-right {
        border-right: 1px solid #009999;
    }

    .border-px-top {
        border-top: 1px solid #009999;
    }

    .datePanel {
        z-index: 100;
        position: absolute;
        width: 15vw;
    }

    .hue-px {
        filter: hue-rotate(-50deg) brightness(0.9);
    }

    .input-group-text {
        background-color: #b8e0e08a;
        white-space: normal !important;
    }

    .bg-px-warning {
        background-color: #ed9b40;
    }

    .bg-px-danger {
        background-color: #ba3b46;
    }

    .bg-px {
        background-color: #009999 !important;
    }

    .bg-pxl-old {
        background-color: #00cccc;
    }

    .bg-pxl {
        background-color: #b8e0e0 !important;
    }

    .bg-back {
        background-color: #015151;
    }

    .bg-gray {
        background-color: #ddd;
    }

    .bg-neomorph {
        background-color: rgba(227, 227, 227, 1);
    }

    .font-bold {
        font-weight: bold;
    }

    .text-px {
        color: #009999 !important;
    }

    .TitleMemo {
        color: #009999;
        font-weight: bold;
    }

    #korlmemoTextBox ul {
        margin-bottom: 0px !important;
    }

    #korlmemoTextBox > div > :last-child {
        margin-bottom: 1rem !important;
    }

    .BnoTreeView {
    }

        .BnoTreeView a {
            color: #000000;
        }

        .BnoTreeView > table:first-child {
            border-bottom: 1px solid #777 !important;
            border-right: 1px solid #777 !important;
            border-left: 1px solid #777 !important;
            border-top: 1px solid #777 !important;
            background-color: #fff;
            font-size: 0.65em;
            width: 100%;
        }

        .BnoTreeView > table {
            border-bottom: 1px solid #777 !important;
            border-right: 1px solid #777 !important;
            border-left: 1px solid #777 !important;
            background-color: #fff;
            font-size: 0.65em;
            width: 100%;
        }

            .BnoTreeView > table > tbody > tr > td:first-child {
                width: 0px;
            }

        .BnoTreeView > div {
            border-bottom: 1px solid #777 !important;
            border-right: 1px solid #777 !important;
            border-left: 1px solid #777 !important;
            background-color: #fff;
            font-size: 0.63em;
            width: 100%;
        }

    .memobox {
        /*max-height: 600px;*/
        min-height: 65vh;
        border-color: #009999;
        border-style: solid;
        border-radius: 0.5rem;
        border-width: 1px !important;
        background-color: white;
    }

        .memobox > div {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }

    .fs-7 {
        font-size: 0.9rem;
    }

    .bi-check-circle-fill::before {
        color: #009999;
    }

    .bi-caret-right-fill::before {
        color: darkorange;
    }

    .neomorph-panel {
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        box-shadow: -3px -3px 5px #fff;
        border-radius: 0.5rem;
    }

    .neomorph-shadow {
        border-bottom: 3px solid #aaa;
        border-right: 3px solid #aaa;
        box-shadow: 3px 3px 5px #aaa;
        border-radius: 0.5rem;
        background-color: rgba(245, 245, 245, 1);
        min-height: 50vh;
    }

    .neomorph-shadow-bot {
        border-bottom: 3px solid #aaa;
        box-shadow: 0px 3px 5px #aaa;
    }

    .neomorph-shadow-top {
        border-top: 3px solid #fff;
        box-shadow: 0px -3px 5px #fff;
    }

    .sticky-shadow {
        box-shadow: 0px 3px 5px #aaa;
    }

    .login-panel input {
        border: 2px solid #777;
        border-radius: 0.5rem;
        background-color: #eee;
        color: #333;
        font-weight: bold;
    }

    .login-panel label {
        text-align: left;
        font-size: large;
        font-weight: bold;
    }

    .kart-lg-show {
        padding: 0px;
        text-align: center;
    }

    .kart-lg-no-show {
        padding: 0px;
        text-align: center;
    }

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    .px-form input[type=text]:not(.alert-danger), .px-form input[type=checkbox]:not(.alert-danger), .px-form input[type=date]:not(.alert-danger), .px-form input[type=datetime-local]:not(.alert-danger), .px-form input[type=password]:not(.alert-danger), .px-form input[type=number]:not(.alert-danger), .px-form input[type=email]:not(.alert-danger), .px-form select, .px-form textarea, .px-form div.input-group table, div.input-group ul:not([disabled]), div.input-group span.form-control:not(.aspNetDisabled) {
        padding: 0.5rem;
        border: 1px solid #009999;
        background-color: #fff;
        font-weight: bold;
    }

        .px-form input[type=text]:disabled, .px-form input[type=checkbox]:disabled, .px-form input[type=date]:disabled, .px-form input[type=datetime-local]:disabled, .px-form input[type=password]:disabled, .px-form input[type=number]:disabled, .px-form input[type=email]:disabled, .px-form select:disabled, .px-form textarea:disabled, .px-form div.input-group table:has(input[type=radio]:disabled), .px-form ul:disabled, div.input-group span.form-control:has(input[type=checkbox]:disabled), div.input-group ul {
            padding: 0.5rem;
            border: 1px solid #7eadad;
            background-color: #e5e5e5;
            color: #333;
            font-weight: bold;
        }

    div.input-group .form-control input[type=checkbox] {
        margin: 0px;
        margin-left: 0.75rem;
    }

    .gsm-checkbox input {
        padding: 0px;
        margin: 0px;
        line-height: normal;
        display: block;
    }

    .gsm-checkbox span {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .gsm-div {
        /*cursor: default;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .settings-btn {
        z-index: 999;
    }

        .settings-btn i {
            position: relative;
            z-index: -999;
        }

    .px-form textarea {
        resize: none;
    }

    .px-form span:not(.input-group-text) {
        padding: 0.5rem 1rem;
        font-weight: bold;
    }

    span.m-0 input[type=checkbox] {
        margin: 0px !important;
    }

    .px-form input[type=checkbox] {
        margin: 0.5rem;
        transform: scale(1.5);
    }

        .px-form input[type=checkbox]:checked {
            filter: hue-rotate(-50deg) brightness(0.9);
        }

    .px-form input[type=radio]:checked {
        filter: hue-rotate(-50deg) brightness(0.9);
    }

    .px-form > .row:not(:last-child) {
        /*border-bottom: 1px solid #009999;*/
        padding-bottom: 1rem;
    }

    table.rbl {
        display: flex;
    }

        table.rbl > tbody {
            width: 100%;
        }

            table.rbl > tbody > tr {
                width: 100%;
                display: flex;
                justify-content: space-around;
            }

        table.rbl label {
            margin-left: 2px;
        }

    .neomorph-panel nav div.container-fluid {
        border-bottom: 1px solid #009999;
    }

    .px-table {
        -ms-word-break: break-word;
        word-break: break-word;
    }

        .px-table a:link, .px-table a:visited, .px-table a:hover, .px-table a:active {
            color: #000;
            text-decoration: none;
        }

        .px-table > .px-trow:last-child:not(.px-thead), .px-table > .px-trow:last-child:not(.px-thead) > div:first-child {
            border-bottom-left-radius: .5rem;
        }

            .px-table > .px-trow:last-child:not(.px-thead), .px-table > .px-trow:last-child:not(.px-thead) > div:last-child {
                border-bottom-right-radius: .5rem;
            }

    .px-thead > div:first-child {
        border-top-left-radius: .5rem;
        border-left:1px solid #777;
    }

    .px-thead > div:last-child {
        border-top-right-radius: .5rem;
        border-right: 1px solid #777;
    }

        .px-thead, .px-thead > div:first-child {
            border-top-left-radius: .5rem;
        }

            .px-thead, .px-thead:has(.d-none) > div:nth-last-child(2) {
                border-top-right-radius: .5rem;
            }

    .button-right-radius {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .dropdown-item:focus, .dropdown-item:hover:not(.fontos-item) {
        background-color: #009999;
        color: white;
    }

    table > tbody > tr > td > span.aspNetDisabled {
        display: contents;
        font-weight: normal;
    }

    table > tbody > tr > td > span > label {
        font-weight: normal;
    }

    .pageTitle {
        border-bottom: 1px solid #009999;
        text-align: center;
        width: 100%;
        font-weight: bold;
        padding-bottom: 0.75rem;
        margin-bottom: 0.75rem;
        margin-left: calc(0.5 * var(--bs-gutter-x));
    }

    .px-list {
        padding-left: 1.5rem;
    }

        .px-list > li > input {
            margin-left: -1.5rem;
        }

        .px-list > li > label {
            padding-left: 0.5rem;
        }




    .button-column:first-child {
        border-top: 1px solid #009999;
    }

    .print-only {
        display: none;
    }

    #SelectDateCAL > tbody > tr > td.aspNetDisabled > a {
        pointer-events: none;
    }

    div.modal-body div.px-tname, div.modal-body div.px-thead {
        font-size: 0.7em !important;
    }

    .modal-listview label {
        padding-left: 0.15em;
    }

    .stethoscope-solid {
        content: url(/Content/stethoscope-solid.svg);
        display: inline-block;
        font-display: block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        width: 16px;
        height: 16px;
    }

    .save-icon {
        content: url(/Content/save-icon.svg);
        fill: white !important;
        display: inline-block;
        font-display: block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        width: 16px;
        height: 16px;
    }

    .menu-button {
        color: #009999;
        font-size: 1.5em;
    }

        .menu-button::after {
            display: none;
        }

    #MenuList li a:hover, #MenuList li input:hover {
        color: black !important;
    }

    #MenuList li a:focus, #MenuList li input:focus {
        color: black !important;
    }

    .bi-caret-down-square-fill:hover {
        color: black;
    }

    .btn-group > .btn:not(:first-child) {
        margin-left: 0px !important;
    }

    .cb-ms-0 > input[type=checkbox] {
        margin-left: 0px !important;
    }

    .cb-ms-0 > span {
        padding: 0px !important;
    }

        .cb-ms-0 > span > input[type=checkbox] {
            margin-left: 0px !important;
        }

    .repeatCBL {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

        .repeatCBL li {
            display: flex;
        }

    span.rcpTipusRBL:has(:disabled) {
        opacity: 0.65;
        background-color: #e5e5e5;
    }

    .repeatRBL-2 {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

        .repeatRBL-2 li {
            display: flex;
            align-items: center;
        }

    .repeatRBL-3 {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

        .repeatRBL-3 li {
            display: flex;
            align-items: center;
        }

    .repeatRBL-4 {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .repeatRBL-4 li {
            display: flex;
            align-items: center;
        }

    .list-style-none {
        list-style: none;
    }

    .form-control-cb label {
        padding-left: 8px;
    }

    .form-control-cb input[type=checkbox] {
        margin: 0px !important;
        margin-left: 4px !important;
    }
}


@media (min-width: 768px) {
    html {
        background-image: url(/Content/bg.png);
        background-size: 33%;
        background-attachment: fixed;
        background-position-y: 50%;
        background-repeat: repeat-x;
    }

    .tox-tinymce {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    body:has( .
        :not(:disabled)) .tox-tinymce {
        padding-left: 0px;
        padding-right: 0px;
    }

    body:has( .IgazolArea:not(:disabled):not(.border-0)) .tox-tinymce {
        border: 1px solid #009999 !important;
        border-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 991px) {
    form {
        padding-bottom: 7vh !important;
    }

    .kart-lg-show {
        display: none;
    }

    .kart-lg-no-show {
        display: inline-block;
    }

    /* px-table */
    .px-thead, .px-tdata {
        display: none;
    }

    .px-tname {
        font-weight: bold;
    }

    .px-tlabel {
        font-weight: normal;
    }

    .px-trow {
        border: 1px solid #009999;
        padding: 0.5rem;
        border-radius: 0.5rem;
        margin-top: 0.5rem;
    }

    .px-tbuttons button {
        display: block;
        width: auto;
        font-weight: bold;
    }

    #pxmodal span {
        font-weight: bold;
    }
    /* px-table */
    .mobile-bar {
        position: fixed;
        width: 100vw;
        bottom: 0;
        left: 0;
        border-top: 2px solid #009999;
        color: #009999;
        height: 7vh;
        z-index: 99999;
        box-shadow: 0 -1px 10px #aaa;
    }

        .mobile-bar > .row > .btn {
            color: #009999;
            height: 7vh;
        }

            .mobile-bar > .row > .btn:not(:last-child) {
                border-right: 2px solid #009999;
            }

    .mobile-show {
        display: block;
    }

    .mobile-menu {
        position: fixed;
        width: 100vw;
        left: 0%;
        background-color: #e3e3e3;
        color: #009999;
        height: 93vh;
        padding: 5vh 5vw;
        z-index: 99998;
        transition: 300ms;
        overflow: auto;
    }

        .mobile-menu:not(.menu-show) {
            top: 100%;
        }

        .mobile-menu.menu-show {
            top: 0% !important;
        }

    .mobile-view {
        transition: 500ms
    }

        .mobile-view:not(.mobile-show) {
            display: none;
        }

    .pxround-notlg {
        border-radius: 0.75rem;
    }

    .pxround-notlg-left {
        border-start-start-radius: 0.5rem;
        border-end-start-radius: 0.5rem;
    }

    .pxround-notlg-right {
        border-end-start-radius: 0.5rem;
        border-end-end-radius: 0.5rem;
    }

    .pxround-notlg-top {
        border-start-start-radius: 0.5rem;
        border-start-end-radius: 0.5rem;
    }

    .pxround-notlg-bottom {
        border-end-start-radius: 0.5rem;
        border-end-end-radius: 0.5rem;
    }

    .memobox {
        min-height: 50vh;
    }

    .pageTitle:not(.always) {
        display: none;
    }
}

@media (min-width: 992px) {
    .h-lg-100 {
        height: 100%;
    }

    .pxround-lg {
        border-radius: 0.75rem;
    }

    .pxround-lg-left {
        border-start-start-radius: 0.5rem;
        border-end-start-radius: 0.5rem;
    }

    .pxround-lg-right {
        border-end-start-radius: 0.5rem;
        border-end-end-radius: 0.5rem;
    }

    .pxround-lg-top {
        border-start-start-radius: 0.5rem;
        border-start-end-radius: 0.5rem;
    }

    .pxround-lg-bottom {
        border-end-start-radius: 0.5rem;
        border-end-end-radius: 0.5rem;
    }

    .kart-lg-show {
        display: inline-block;
    }

    .kart-lg-no-show {
        display: none;
    }

    /* px-table */

    .px-trow {
        border-bottom: 1px solid #777;
        background-color: #fff;
        font-size: 0.90em;
    }

    .px-thead {
        font-size: 0.90em;
        background-color: #b8e0e08a;
    }

    .px-trow:not(:first-child):hover {
        background-color: #ccc;
        color: #000;
        cursor: pointer;
    }

    .px-trow.px-selected {
        background-color: #009999;
        color: #000;
        /*border: 3px solid #009999;*/
    }
    
    .px-thead div{
        border-top:1px solid #777;
    }
    .px-thead div:hover {
        background-color: #aaa;
        cursor: pointer;
    }

    .px-trow:not(.px-thead) div:first-child {
        border-left: 1px solid #777;
    }

    .px-trow div {
        border-right: 1px solid #777;
    }

    .px-tlabel {
        display: none;
    }

    .px-tbuttons {
        display: none;
    }

    /* px-table */

    .top-rounded-only {
        border-top-left-radius: 0.25rem !important; /* Top-left corner */
        border-top-right-radius: 0.25rem !important; /* Top-right corner */
        border-bottom-left-radius: 0 !important; /* Bottom-left corner (no radius) */
        border-bottom-right-radius: 0 !important; /* Bottom-right corner (no radius) */
    }

    .bottom-rounded-only {
        border-top: 0 !important;
        border-top-left-radius: 0 !important; /* Top-left corner (no radius) */
        border-top-right-radius: 0 !important; /* Top-right corner (no radius) */
        border-bottom-left-radius: 0.25rem !important; /* Bottom-left corner */
        border-bottom-right-radius: 0.25rem !important; /* Bottom-right corner */
    }


    .border-pxlg-bottom {
        border-bottom: 1px solid #009999;
    }

    .border-pxlg-left {
        border-left: 1px solid #009999;
    }

    .border-pxlg-right {
        border-right: 1px solid #009999;
    }

    .border-pxlg-top {
        border-top: 1px solid #009999;
    }

    .mobile-bar {
        display: none;
    }

    .navbar-nav > li {
        border-bottom: none;
    }

        .navbar-nav > li:not(:first-child) {
            border-left: none;
        }

    .text-mobile {
        display: none;
    }


    .memobox-container {
        max-height: 70vh;
    }

    /*div.modal-body div.px-tname > span, div.modal-body div.px-thead > div {
        font-size: 0.7em;
    }*/

}

@media print {
    * {
        color: black;
    }

    .noprint {
        display: none;
    }

    body {
        margin: 0;
        border: 1px solid black;
    }

        body.A3 {
            width: 297mm;
            height: 419mm
        }

            body.A3.landscape {
                width: 420mm;
                height: 296mm
            }

        body.A4 {
            width: 210mm;
            height: 296mm
        }

            body.A4.landscape {
                width: 297mm;
                height: 209mm
            }

        body.A5 {
            width: 148mm;
            height: 209mm
        }

            body.A5.landscape {
                width: 210mm;
                height: 147mm
            }

        body.letter {
            width: 216mm;
            height: 279mm
        }

            body.letter.landscape {
                width: 280mm;
                height: 215mm
            }

        body.legal {
            width: 216mm;
            height: 356mm
        }

            body.legal.landscape {
                width: 357mm;
                height: 215mm
            }
}

@media (min-width: 992px) and (max-width: 1399px) {
    html {
        font-size: 0.75em;
    }
}

@media (max-width: 1399px) {

    .mobile-menu .forgnapbtns {
        overflow-y: auto;
        overflow-x: hidden;
    }
        /* width */
        .mobile-menu .forgnapbtns::-webkit-scrollbar {
            width: 8px;
            margin-left: 2px;
        }

        /* Track */
        .mobile-menu .forgnapbtns::-webkit-scrollbar-track {
            background: none;
            margin-left: 2px;
        }

        /* Handle */
        .mobile-menu .forgnapbtns::-webkit-scrollbar-thumb {
            background: #AAA;
            border-radius: 4px;
            margin-left: 2px;
            width: 8px;
        }

            /* Handle on hover */
            .mobile-menu .forgnapbtns::-webkit-scrollbar-thumb:hover {
                background: #777;
            }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .neomorph-panel.mobile-menu {
        position: fixed;
        right: 2.25vw;
        top: 24vh;
        width: 12.75vw;
        height: 73.5vh;
    }

    .main-content {
        width: 83vw;
        min-height: 84vh;
    }
}

@media (min-width: 1200px) {
    .neomorph-panel.mobile-menu {
        position: fixed;
        right: 1.25vw;
        top: 14vh;
        width: 12.75vw;
        height: 83.5vh;
    }

    .main-content {
        width: 84vw;
        min-height: 84vh;
    }
}

@media (min-width: 1921px) {
    .neomorph-panel.mobile-menu {
        position: fixed;
        right: 1.25vw;
        top: 10vh;
        width: 13vw;
        height: 88.5vh;
    }
}