/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

/* Root Styles */
:root {
    --vz-header-bg: #133b50;
    --vz-body-bg: #ebebeb;
    --vz-footer-bg: #133b50;

    --vz-header-color: #FFF;
    --vz-footer-color: #FFF;
}

:root[data-topbar=dark] {
    --vz-header-border: none !important;
}
/* Root Styles END */

/* General Styles */
.row {
    --vz-gutter-y: 1rem !important;
}

[data-layout=horizontal] .container-fluid,
[data-layout=horizontal] .layout-width {
    max-width: 100% !important;
}

.page-content.db-select-page {
    padding: 0 calc(1.5rem * .5) 0 calc(1.5rem * .5) !important;
    height: calc(100vh - 65px - 39px) !important;
}

.container-fluid.db-selector {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100vh - 65px - 39px) !important;
}

.bg-brand {
    background-color: #ecb140 !important;
}

.h-70 {
    height: 70vh !important;
}

.mh-70 {
    max-height: 70vh !important;
}
.navbar-header, .header-item {
    height: 65px !important;
}

.navbar-menu .navbar-nav .nav-link {font-size: .8rem !important;}

button.dt-button {
    font-size: .8em !important;
    padding: .25rem .5rem !important;
    margin-bottom: 0 !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    font-size: .8rem;
}

.logo {
    line-height: 65px;
}

.navbar-nav {
    height: 40px;
}

.topbar-group {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.fw-500 {
    font-weight: 500 !important;
}

div#customButtons {
    padding-block: 4px;
}

[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
    padding: .8em 1em;
}

@media (min-width: 1024.1px) {
    [data-layout=horizontal] .page-content {
        margin-top: 65px !important;
    }
}

[data-layout=horizontal] .navbar-menu {
    margin-top: 65px !important;
}

[data-layout=horizontal] .page-content {
    padding: 4em calc(1.5rem* .5) 1em calc(1.5rem* .5);
}

@media (max-width: 1024px) {
    [data-layout=horizontal] .navbar-menu {
        display: block !important;
    }
    [data-layout=horizontal] .page-content {
        padding: 9em calc(1.5rem * .5) 1em calc(1.5rem * .5);
    }
}

.footer {
    height: 39px !important;
    padding: 9px calc(1.5rem * .5) !important;
}
/* General Styles END */

/* Login Page Styling */
.auth-page-wrapper .footer {
    color: var(--vz-footer-color);
    background-color: var(--vz-footer-bg);
}

.auth-page-wrapper .auth-page-content {
    padding-bottom: 39px;
}

.login {
    background-image: url("/assets/images/bike-display.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00000060;
    background-blend-mode: darken;
}
/* Login Page Styling END */

/* Footer Styling */
.footer {
    height: unset !important;
}
.tamar-logo {
    height: 25px;
}
.powered-by {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
}
.powered-by-text {
    margin-bottom: 0;
    margin-right: 1em;
}
/* Footer Styling END */

/* DataTables Styling */
#user-list-datatable_wrapper .dataTables_scroll {
    height: 72vh;
}
#object-list-datatable_wrapper .dataTables_scroll {
    height: calc(100vh - 251px);
}

#object-list-datatable_wrapper .dataTables_scrollBody table {
    width: 100% !important;
}

/* Remove DataTables' forced scrollbar compensation */
#object-list-datatable_wrapper .dataTables_scrollHeadInner {
    padding-right: 0 !important;
}

/* Ensure header table fills available width */
#object-list-datatable_wrapper .dataTables_scrollHeadInner table {
    width: 100% !important;
}

.info-wrapper {
    font-size: 12px;
    text-wrap: pretty !important;
}

.table-card td:first-child, .table-card th:first-child {
    padding-left: 5px !important;
}

table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 29px !important;
}

th, td {
    font-size: small;
}

.truncate-4-lines {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Limit to 4 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 5em !important; /* Adjust height based on line-height */
    line-height: 1.5em !important; /* Adjust to match font */
    
    text-wrap: pretty !important; /* Ensures long words break */
    /* overflow-wrap: break-word !important; Alternative for better compatibility */
    white-space: normal !important; /* Ensures wrapping */
}

/* #object-list-datatable tbody tr {
    max-height: 5em !important;
} */

/* #object-list-datatable.dataTable td {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    position: relative;
    text-overflow: ellipsis !important;
    height: 80px !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    text-wrap: pretty !important;
} */

#report-object-list-datatable.dataTable {
    /* table-layout: fixed; */
}

#object-list-datatable.dataTable td, 
#report-object-list-datatable.dataTable td {
    word-wrap: break-word; /* Ensure text wrapping */
    overflow: hidden; /* Hide overflowing content */
    height: 80px; /* Adjust height as needed */
    text-wrap: pretty !important;
}

#object-list-datatable.dataTable td div,
#report-object-list-datatable.dataTable td div {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    
    text-wrap: pretty !important;
}

@media print {
    .dt-images {
        display: block !important;
    }
}

.dt-images {
    width: 5em;
    max-height: 80px;
    margin-inline: auto;
}

.h-45 {
    height: 45vh !important;
}

.carousel {
    position: static !important;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 40vh;
}


.carousel-item {
    text-align: center;
    height: 40vh;
  }
  
  .carousel-media {
    width: 100%;
    height: 70%;
    overflow: hidden;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
.carousel-img {
    width: 60%;
    height: 60%;
    object-fit: contain;
    display: block;
    margin-inline: auto;
}

.carousel-control-next, .carousel-control-prev {
    top: 110px !important;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--vz-header-bg);
}


.deleteImage {
    /* left: 47% !important; */
    /* z-index: 10; */
    display: block;
}

/* View/Browser Side Styling */
.item-image {
    max-width: 80%;
    float: right;
}

.item-image-thumb {
    height: 100px;
}

.horizontal-fields {
    align-items: center;
}

.form-label {
    margin-block: 0 !important;
}

.form-control-plaintext {
    min-height: calc(1.5em + .5rem + calc(var(--vz-border-width)* 2)) !important;
    padding: .25rem .5rem !important;
    /* font-size: .765625rem !important; */
    border-radius: var(--vz-border-radius-sm) !important;
    display: inline-block;
}

.card {
    --vz-card-spacer-y: .5rem;
}

.card:where(.object-view-main-card) {
    --vz-card-spacer-y: 1rem;
}

.card-height {
    max-height: 623px;
}

div#object-list-card, div#user-list-card {
    margin-bottom: 0;
    height: calc(100vh - 65px - 39px - 40px - 3em);
}

/* .card#object-list-card .card-body {
    flex: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

#object-list-datatable_wrapper .dataTables_scrollBody {
    overflow: auto !important; 
} */

textarea {
    resize: none;
}

.plaintext-revert-fs {
    font-size: unset !important;
}


.auth-bg-cover {
    background-image: url("/assets/images/bike-display.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00000060;
    background-blend-mode: darken;
    --vz-font-family-secondary: "Poppins", sans-serif;
    font-family: var(--vz-font-family-secondary);
}

.auth-bg-cover > .bg-overlay {
    background: none;
    background-color: #1b4055;
    opacity: .75;
}



/* .table:not(#object-list-datatable) {
    --vz-table-color-type: initial;
    --vz-table-bg-type: initial;
    --vz-table-color-state: initial;
    --vz-table-bg-state: initial;
    --vz-table-color: var(--vz-body-color);
    --vz-table-bg: white;
    --vz-table-border-color: #dedede;
    --vz-table-accent-bg: var(--vz-header-bg);
    --vz-table-striped-color: #d1d1d1;
    --vz-table-striped-bg: rgba(var(--vz-body-color-rgb), 0.02); 
    --vz-table-active-color: var(--vz-body-color);
    --vz-table-active-bg: rgba(var(--vz-body-color-rgb), 0.04);
    --vz-table-hover-color: var(--vz-body-color);
    --vz-table-hover-bg: rgba(var(--vz-body-color-rgb), 0.04);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--vz-table-border-color);
} */

.table > thead > tr {
    color: #FFF !important;
    background-color: var(--vz-header-bg) !important;
}

.table tr { 
    color: #000 !important;
    background-color: white !important;
}

table.dataTable td.dataTables_empty {
    padding: 5px;
}

.top, .bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* DataTable Styling */
.clickable-row {
    cursor: pointer;
}
.clickable-row:hover {
    cursor: pointer;
    background-color: #ecb140 !important;
    color: #FFF !important;
}

/* .object-view-main-card {
    background-color: var(--vz-header-bg);
    border: none;
    margin-bottom: 3.5rem;
    height: calc(100vh - 65px - 53px - 40px - 3em);
    overflow-y: scroll;
} */

.object-view-main-card {
    background-color: var(--vz-header-bg);
    border: none;
    margin-bottom: 3rem;
    height: calc(100vh - 65px - 39px - 40px - 3em);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.object-view-main-card > .card-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: var(--vz-header-bg);
    flex-shrink: 0;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.object-view-main-card > .card-body {
    overflow-y: auto;
    flex: 1;
}

.object-info-card {
    border: none;
}

.object-info-card > .card-header {
    background-color: #ecb140 !important;
}

.object-info-card textarea {
    line-height: 1.4em;
    height: 6em;
}

.btn-add-row {
    background-color: var(--vz-header-bg);
    color: #FFF;
    border-color: var(--vz-header-bg);
    /* float: right; */
}

.btn-primary {
    background-color: var(--vz-header-bg);
    border-color: var(--vz-header-bg);
}

.dt-titles {
    margin-bottom: 0;
    /* float: left; */
}

.btn-primary-database {
    background-color: #ecb140;
    border-color: #ecb140;
    color: #FFF;
}

.btn-primary-database:hover {
    background-color: var(--vz-header-bg);
    border-color: #ecb140;
    color: #FFF;
}


.btn-add-row:hover, 
.btn-add-row:focus, 
.btn-add-row:focus-within, 
.btn-add-row:focus-visible, 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:focus-within, 
.btn-primary:focus-visible {
    background-color: #ecb140;
    color: #FFF;
    border-color: #ecb140;
}


@media (max-width: 1199px){
    .small-device-order {
        order: 2;
    }
}

.carousel-control-next-icon, 
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    background-color: var(--vz-header-bg);
}

.carousel-item.fade {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.print-public-info {
    background-color: #FFF !important;
    width: 210mm;
    /* height: 297mm; */
    height: calc(100vh - 144px);
}

.report-body {
    min-height: calc(100vh - 368px);
    overflow: hidden;
    color: #133b50;
    /* height: 100%; */
}

[data-layout=horizontal] .container-fluid {
    height: calc(100% - 334px);
}

.print {
    float: right;
}

.btn-primary.print, .btn-primary-outline {
    border: 2px solid #ecb140;
}

.print-page {
    background-color: darkgrey !important;
}

.report-header, .report-footer {
    background-color: #133b50;
}

.report-header .d-flex,
.report-footer .d-flex {
    justify-content: space-between;
    align-items: center;
}

[data-layout=horizontal] .page-content.print-public-info {
    padding: 0 calc(1.5rem * .5) 0 calc(1.5rem * .5);
    overflow-y: scroll;
    margin-top: 105px !important;
}

.row .report-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.row .report-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.report-number {
    text-decoration: underline;
    color: #133b50;
}

.report-header:not(:first-of-type) > .col-6:last-of-type {
    display: none !important;
}

.card.db-selector {
    background-color: #133b50;
}

.card.db-selector h5{
    color: #FFF;
}

.db-selector img.logo {
    width: 120px;
    height: 120px;
    object-fit: contain;
    /*background-color: #fff;  optional */
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0;
        padding: 0;
    }

    .app-menu {
        display: none !important;
        opacity: 0 !important;
    }

    div#toolbarContainer {
        display: none;
    }

    .page-break:last-of-type {
        page-break-after: avoid;
        break-after: avoid;
        margin-bottom: 0;
    }

    .object-row {
        break-before: auto;
        break-inside: avoid;
    }

    .object-row:last-of-type hr {
        display: none;
    }

    /* .report-footer .logo-lg, .report-footer, 
    .report-header .logo-lg, .report-header {
    
        display: block !important;
    } */

    .row .report-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .row .report-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .report-body {
        min-height: calc(100vh - 262px);
        height: 100%;
    }

    .print-page {
        background-color: #FFF !important;
    }

    [data-layout=horizontal] .print-public-info .page-content {
        margin-top: 0 !important;
    }

    [data-layout=horizontal] .page-content.print-public-info {
        height: 100% !important;
        margin-top: 0 !important;
        overflow-y: hidden;
    }

    [data-layout=horizontal] .page-content {
        padding: 0 calc(1.5rem * .5) 0 calc(1.5rem * .5) !important;
    }

    [data-layout=horizontal] .page-content {
        margin-top: 0px !important;
        page-break-after: avoid;
        page-break-before: avoid;
        page-break-inside: auto;
    }

    [data-layout=horizontal] .container-fluid {
        height: calc(100% - 281px);
    }

    .print {
        display: none !important;
    }

    .print-public-info {
        background-color: #FFF !important;
        /* height: 100% !important; */
    }

    .page-break {
        page-break-after: always; /* For print/PDF */
        break-after: page; /* CSS Paged Media Module */
        margin-bottom: 2rem; /* Optional spacing between pages */
    }
}

.placeholder-container {
    height: calc(100% - 39px - .5rem);
}

.placeholder {
    max-height: 295px;
}