/* ============================================
   TABEL MODERN ALBASTRU
   Suprascrie Bootstrap 5 .table
   ============================================ */

table.tabel-albastru {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    font-size: 17px !important;
    border: 1px solid #d0dce8 !important;
    margin-bottom: 1rem !important;
    display: table !important;
    white-space: normal !important;
    --bs-table-bg: transparent !important;
    --bs-table-striped-bg: transparent !important;
    --bs-table-hover-bg: transparent !important;
    --bs-table-border-color: transparent !important;
}

table.tabel-albastru thead {
    display: table-header-group !important;
    width: 100% !important;
    white-space: normal !important;
}

table.tabel-albastru tbody {
    display: table-row-group !important;
    width: 100% !important;
    white-space: normal !important;
}

table.tabel-albastru thead tr {
    background: #2b7cba !important;
    white-space: normal !important;
}

table.tabel-albastru > thead > tr > th {
    padding: 14px 20px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    text-align: left !important;
    border: none !important;
    letter-spacing: 0.3px !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal !important;
}

table.tabel-albastru > thead > tr > th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}

table.tabel-albastru > tbody > tr {
    background: #ffffff !important;
    transition: background 0.15s !important;
    box-shadow: none !important;
    white-space: normal !important;
}

table.tabel-albastru > tbody > tr:nth-child(even) {
    background: #f0f5fa !important;
}

table.tabel-albastru > tbody > tr:hover {
    background: #e3eef7 !important;
}

table.tabel-albastru > tbody > tr > td {
    padding: 12px 20px !important;
    color: #333333 !important;
    border: none !important;
    border-bottom: 1px solid #e8edf3 !important;
    vertical-align: middle !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal !important;
}

table.tabel-albastru > tbody > tr:last-child > td {
    border-bottom: none !important;
}

table.tabel-albastru > :not(caption) > * > * {
    background-color: transparent !important;
    border-bottom-width: 0 !important;
    box-shadow: none !important;
}

/* ---------- MOBILE: scroll orizontal ---------- */
@media (max-width: 768px) {
    table.tabel-albastru {
        display: block !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 700px !important;
    }

    table.tabel-albastru thead,
    table.tabel-albastru tbody {
        display: table !important;
        min-width: 600px !important;
    }
}

/* ============================================
   TABEL MODERN ALBASTRU CLASIC
   ============================================ */

table.tabel-albastru-clasic {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0px;
    overflow: hidden;
    font-size: 17px;
    border-top: 1px solid #d0dce8;
    margin-bottom: 0rem;
    display: table;
    white-space: normal;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-hover-bg: transparent;
    --bs-table-border-color: transparent;
}

table.tabel-albastru-clasic thead {
    display: table-header-group;
    width: 100%;
    white-space: normal;

}

table.tabel-albastru-clasic tbody {
    display: table-row-group;
    width: 100%;
    white-space: normal;
}

table.tabel-albastru-clasic thead tr {
    background: #2b7cba;
    white-space: normal; border-radius: 10px;
}

table.tabel-albastru-clasic > thead > tr > th {

    color: #ffffff;
    font-weight: 600;
    font-size: 17px;
    text-align: left;
    border: none;
    letter-spacing: 0px;
    background: transparent;
    box-shadow: none;
    white-space: normal;
}

table.tabel-albastru-clasic > thead > tr > th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

table.tabel-albastru-clasic > tbody > tr {
    background: #ffffff;
    transition: background 0.15s;
    box-shadow: none;
    white-space: normal;
}

table.tabel-albastru-clasic > tbody > tr:nth-child(even) {
    background: #f0f5fa;
}

table.tabel-albastru-clasic > tbody > tr:hover {
    background: #e3eef7;
}

table.tabel-albastru-clasic > tbody > tr > td {
    padding: 12px 20px;
    color: #333333;
    border: none;
    border-bottom: 1px solid #e8edf3;
    vertical-align: middle;
    background: transparent;
    box-shadow: none;
    white-space: normal;
}

table.tabel-albastru-clasic > tbody > tr:last-child > td {
    border-bottom: none;
}

table.tabel-albastru-clasic > :not(caption) > * > * {
    background-color: transparent;
    border-bottom-width: 0;
    box-shadow: none;
}
table.tabel-albastru-clasic > tbody > tr > td:nth-child(1)
{
    width:50px !important; text-align:left;
}
table.tabel-albastru-clasic > tbody > tr > td:nth-child(2)
{
    width:200px !important; text-align:left;
}
table.tabel-albastru-clasic > tbody > tr > td:nth-child(3)
{
    width:auto; text-align:left;
}

table.tabel-albastru-clasic > thead > tr > th:nth-child(1)
{
    width:50px !important; text-align:left;
}
table.tabel-albastru-clasic > thead > tr > th:nth-child(2)
{
    width:200px !important; text-align:left;
}
table.tabel-albastru-clasic > thead > tr > th:nth-child(3)
{
    width:auto; text-align:left;
}
table.tabel-albastru-clasic  td a
{

    text-decoration:underline !important;
}
table.tabel-albastru-clasic  td a:hover
{
    color:black;
    text-decoration:none !important;
}

/* ---------- MOBILE: scroll orizontal ---------- */
@media (max-width: 768px) {
    table.tabel-albastru-clasic {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        max-width: 700px;
    }

    table.tabel-albastru-clasic thead,
    table.tabel-albastru-clasic tbody {
        display: table;
        min-width: 600px;
    }
}