.HeadLine {
    color: #fff;
    margin: 8px 10px;
    font-family: 'SiemensSans_Prof_Bold';
    font-size: 18px;
    width: 70%;
    letter-spacing: 0.5px;
}

.HeadLineDesc {
    color: #fff;
    margin: 8px 10px;
    font-family: 'font_three';
    font-size: 14px;
    width: 80%;
    letter-spacing: 0.5px;
}

.AttachmentTitile {
    color: #fff;
    font-family: 'SiemensSans_Prof_Bold';
    font-size: 14px;
 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 6px auto;
    letter-spacing: 0.5px;
    width: 80%;
}

.model-padding {
    padding: 0px;
    background: #000028;
    border: 1px solid #333353;
    border-radius: 6px;
}

.close-notification-button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    border-radius: 50%;
    position: absolute;
    top: -21px;
    right: -14px;
    background: linear-gradient(90deg, #00FFB9 0%, #00E6DC 100%);
    font-size: 22px;
    border: 1px solid #aaaa96;
    z-index: 99;
}

.icons-close-notification::before {
    content: "\e90b" !important;
    font-family: 'Siemens_UI_Icons_Webfont-v392';
    font-style: normal;
}

.notification-image-container {
    height: 230px;
    overflow: hidden;
    width: 100%;
}
    .notification-image-container img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 8px 8px 0px 0px;
    }

.notification-main-container {
    position: absolute;
    top: 0px;
    height: 230px;
    width: 100%;
    background: rgb(0, 0, 0, 0.7);
    color: #fff;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-bottom: 1px solid #333353;
    border-radius: 8px 8px 0px 0px;
    padding: 10px;
}

.notification-hero-button {
    width: 100px;
    height: 33px;
    padding: 1px 6px 1px 6px !important;
    gap: 8px !important;
    border: 2px !important;
    border-color: #000028 !important;
    background: linear-gradient(90deg, #00FFB9 0%, #00E6DC 100%) !important;
    color: #000028 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    font-family: 'SiemensSans_Prof_Bold' !important;
    font-weight: 900 !important;
    line-height: 28px !important;
    text-align: center !important;
    cursor: pointer !important;
    margin-bottom: 10px !important;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
    border-radius: 0px;
    margin-top: 10px;
}
    .notification-hero-button:hover {
        background: linear-gradient(90deg, #C5FFEF 0%, #C5FFEF 100%) !important;
    }

.table-container {
    width: 100%;
    height: auto;
    min-height: 10px;
    max-height: 320px;
    overflow: hidden auto;
    background: transparent;
    margin: 0px auto;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    /* border: 1px solid #333353; */
    border-radius: 4px;
    padding: 10px;
}
.table-container table{
    width: 100%;
}

    .table-container table thead {
        /* background: #00646e4a; */
/*        height: 40px;*/
        /* position: sticky; */
        /* top: 1px; */
        /* backdrop-filter: blur(6px); */
    }


    .table-container::-webkit-scrollbar {
        height: 2px;
        width: 2px;
    }

    .table-container::-webkit-scrollbar-track {
        border-radius: 1px;
        box-shadow: inset 0 0 5px #66667e;
    }

    .table-container::-webkit-scrollbar-thumb {
        background: #00af8e;
        border-radius: 1px;
    }

        .table-container::-webkit-scrollbar-thumb:hover {
            background: #00af8e;
        }

    .table-container table tr th {
        padding: 10px;
        /* border: 1px solid #333353; */
        /* color: #00ffb9; */
        font-size: 18px;
        letter-spacing: 1px;
        text-align: left;
        font-weight: 600;
    }
    .table-container table tr td {
        padding: 6px 10px;
/*        border: 1px solid #333353;*/
    }

.download-button {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00af8e;
    color: #fff;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    padding: 4px;
    font-size: 18px;
}
.icons-download::before {
    content: "\e90d" !important;
    font-family: 'Siemens_UI_Icons_Webfont-v392';
    font-style: normal;
}



.table-container .card-box {
    margin: 8px auto;
    width: 100%;
    height: fit-content;
    background: #001F39;
    border-radius: 6px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    justify-content: flex-end;
    display: flex;
    border: 1px solid #33335369;
    cursor: pointer;
}
    .table-container .card-box:hover {
        background: #00af8e;
    }
        .table-container .card-box:hover .download-button {
            background: #fff;
            color: #000;
            box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
        }
.table-container tbody {
    display: flex;
    flex-direction: column;
}