/* #region ---------------------------------------------------------------------- MAIN */
html {
    height: 100%;   
}
/* #endregion ---------------------------------------------------------------------- MAIN */


/* #region ---------------------------------------------------------------------- MUSBLAZOR OVERRIDE */

.mud-nav-link {
    transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,padding 250ms cubic-bezier(.4,0,.2,1) 0ms; /* Removed border-transformation bc it left a black line lagging when navigating pages*/
}

.mud-container {
   
    height: 100%;
    padding: 30px;
}

.mud-main-content {
    
}
/* #endregion */

/* #region ---------------------------------------------------------------------- VELG PROSJEKT*/
.project-cards {
    width: 300px;
}

.details-project-cards {
    display: flex;
    justify-content: flex-end;
}
/* #endregion */
/* #region ---------------------------------------------------------------------- CUSTOM CLASSES AND ID */
/* #endregion */
/* #region ---------------------------------------------------------------------- LOGIN PAGE */
.login-buttons {
    gap: 10px;
    justify-content: flex-end;
}
/* #endregion */
/* #region ---------------------------------------------------------------------- INVOICE PAGE */
.invoice-table-project, mud-table-cell, .mud-table-head-cell {
    border-bottom: none !important;
}

.datagrid-vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.invoice-layout {
    display: flex;
    flex-direction: column;
    gap: 80px;
    aspect-ratio: 1/1.4;
}

.logo {
    height: 50px;
}

faktura-kontakt-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#print {
    display: none;
}
/*printing*/
@media print {
    .mud-main-content, .mud-container {
        padding: 0;
        margin: 0 !important;
    }

    .print_none,
    .mud-tabs-toolbar-content,
    .mud-tabs-toolbar {
        display: none;
    }
    .print_header_and_logo{
        display:flex;
        justify-content:space-between;
    }

    .logo {
        height: 50px;
        width: 100px;
    }

    #print {
        display: flex;
        flex-direction: column;
        visibility: visible;
        -webkit-print-color-adjust: exact;
        padding: 40px;
    }

    table {
        text-align: left;
        border-collapse: collapse;
        -fs-table-paginate: paginate;
    }

    thead {
        display: table-header-group;
        font-size: 12px;
        font-weight: bold;
        color: #0E3E83;
    }

    th {
        border-bottom: 1px solid #0E3E83;
        padding: 18px 6px 0;
    }

    tr {
        page-break-inside: avoid;
    }

    tbody {
        font-size: 11px;
    }

    td {
        vertical-align: top;
        padding: 6px;
        border-bottom: 1px solid #dfdfdf;
    }

    .center {
        text-align: center;
    }

    .faktura-kontakt-info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: 24px;
    }
}

.print-tables {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* #endregion */

.top_header {
    display: flex;
    justify-content: space-around;
    padding-left: 60px;
}
.small-icon{
    font-size:14px;
}