@import '_content/TS.Port.SharedComponents/TS.Port.SharedComponents.1d8xk0gyrk.bundle.scp.css';

/* /Pages/Components/SectionView/SectionView.razor.rz.scp.css */
.grid-container[b-0pacbl8llg] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: relative; /* Align grid and row indexes */
}

.row-indexes[b-0pacbl8llg] {
    display: flex;
    flex-direction: column;
    margin-right: 10px; /* Add spacing for clarity */
    z-index: 1; /* Lower priority than grid items */
}

.row-index[b-0pacbl8llg] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scrollable-area[b-0pacbl8llg] {
    overflow-x: auto; /* Enable horizontal scrolling */
    overflow-y: hidden; /* Prevent vertical scrolling */
    position: relative;
    flex-grow: 1; /* Allow the area to expand naturally */
    z-index: 2;
}

.grid-wrapper[b-0pacbl8llg] {
    position: relative;
    overflow: visible; /* Allow grid items to extend beyond the bounds */
    z-index: 2; /* Matches scrollable area */
}

.grid[b-0pacbl8llg] {
    position: relative;
    border: 1px solid #ccc;
    background-image: linear-gradient(to right, #ddd 1px, transparent 1px), linear-gradient(to bottom, #ddd 1px, transparent 1px);
}

.grid-item[b-0pacbl8llg] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3; /* Ensure grid items overlap the axis */
    transition: transform 0.2s ease-in-out; /* Smooth hover animation */
}

    .grid-item:hover[b-0pacbl8llg] {
        z-index: 10; /* Bring to foreground on hover */
        transform: scale(1.1); /* Slightly enlarge the cell */
    }

.foreign-grid-item[b-0pacbl8llg] {
    position: absolute;
    border: 1px solid white; 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3; /* Ensure grid items overlap the axis */
    transition: transform 0.2s ease-in-out; /* Smooth hover animation */
}

    .foreign-grid-item:hover[b-0pacbl8llg] {
        z-index: 10; /* Bring to foreground on hover */
        transform: scale(1.1); /* Slightly enlarge the cell */
    }


.selected-grid-item[b-0pacbl8llg] {
    position: absolute;
    background-color: lightcoral;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3; /* Ensure grid items overlap the axis */
    transition: transform 0.2s ease-in-out; /* Smooth hover animation */
}

    .selected-grid-item:hover[b-0pacbl8llg] {
        z-index: 10; /* Bring to foreground on hover */
        transform: scale(1.1); /* Slightly enlarge the cell */
    }


.grid-item-content[b-0pacbl8llg] {
    background-color: white;
    width: 100%; /* Adjust width to fit nicely within the parent */
    height: 50%; /* Take up half the height of the cell */
    display: flex; /* Ensure proper alignment */
    justify-content: center; /* Center the content horizontally */
    align-items: center; /* Center the content vertically */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Add subtle shadow */
    text-align: center;
    color: black;
    pointer-events: none; /* Prevent hover events on the content */
    white-space: nowrap; /* Prevent text wrapping */
    box-sizing: border-box; /* Ensure padding/borders don't exceed the parent's size */
    margin: auto; /* Center the content within the parent */
    position: relative; /* Stay within the grid item */
}

.column-indexes[b-0pacbl8llg] {
    display: flex;
    margin-top: 5px;
}

.column-index[b-0pacbl8llg] {
    text-align: center;
}

/* Empty cell styles */
.empty-cell[b-0pacbl8llg] {
    position: absolute;
    background-color: white;
    border: 1px dashed #ccc; /* Dashed border for empty cells */
    z-index: 2; /* Lower than occupied cells */
    transition: transform 0.2s ease-in-out; /* Smooth hover animation */
}

    .empty-cell:hover[b-0pacbl8llg] {
        z-index: 10; /* Bring to foreground on hover */
        transform: scale(1.1); /* Slightly enlarge the cell */
    }

/* Selected empty cell styles */
.selected-empty-cell[b-0pacbl8llg] {
    position: absolute;
    background-color: lightgreen;
    border: 2px solid green; /* Solid border for selected empty cells */
    z-index: 3; /* Match the priority of selected occupied cells */
    transition: transform 0.2s ease-in-out; /* Smooth hover animation */
}

    .selected-empty-cell:hover[b-0pacbl8llg] {
        z-index: 10; /* Bring to foreground on hover */
        transform: scale(1.1); /* Slightly enlarge the cell */
    }
/* /Pages/Port/Agent/ContCargo/Reports/ContStorageState/ContStorageStateSectionView.razor.rz.scp.css */
body[b-h4o5gngpbf] {
}
/* /Pages/Port/Forwarder/ContCargo/Auto/InClaims/ContCargoInAutoClaimImportView.razor.rz.scp.css */
[b-r6marmm4ol] .col-auto ::deep {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 0 !important;
}

[b-r6marmm4ol] .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 0 !important;
}

.col-auto[b-r6marmm4ol]  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 0 !important;
}
/* /Pages/Port/Forwarder/ContCargo/Rail/DeliveryDirectionContOrderFromRW/DeliveryDirectionContOrderFromRW.razor.rz.scp.css */
.flex-container[b-2owky7cp1w] {
    display: flex;
    justify-content: space-between; /* or space-around, space-evenly */
    align-items: center; /* Optional: Align items vertically */
    padding: 10px; /* Optional: Add some padding */
}
/* /Pages/Port/Forwarder/ContCargo/Wareh/ContGeneralAct/ContGeneralActPrintView.razor.rz.scp.css */
body[b-e0fwlbiw1a] {
}
/* /Pages/Port/Forwarder/ContCargo/Wareh/ContHistoryView/ContHistoryListView.razor.rz.scp.css */
[b-shq4mo1bdn] .table-bordered td {
    border: 2px solid rgba(0,0,0,0.15);
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-x6lx70xsl3] {
    display: flex;
    flex-direction: column;
}

.main[b-x6lx70xsl3] {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
}

.sidebar[b-x6lx70xsl3] {
    flex: 0 0 auto; /* Prevent the sidebar from growing or shrinking */
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
}

.top-row[b-x6lx70xsl3] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    position: relative;
}

    .top-row[b-x6lx70xsl3]  a, .top-row .btn-link[b-x6lx70xsl3] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-x6lx70xsl3] {
        overflow: hidden;
        text-overflow: ellipsis;
    }



@media (max-width: /*767.98px*/ 1199.98px) {
    /*.top-row:not(.auth) {
        display: none;
    }*/

    .top-row.auth[b-x6lx70xsl3] {
        justify-content: space-between;
    }

    .top-row a[b-x6lx70xsl3], .top-row .btn-link[b-x6lx70xsl3] {
        margin-left: 0;
    }

    .top-row[b-x6lx70xsl3] {
        display: flex; /* Ensure the top-row is displayed */

    }

    .top-row1[b-x6lx70xsl3] {
        justify-content: space-between;
    }

    .top-row2[b-x6lx70xsl3] {
        justify-content: space-between;
    }

    .sidebar[b-x6lx70xsl3] {
        width: 100%; /* Full width in mobile mode */
        height: auto; /* Adjust height as needed */
        position: relative; /* Change to relative for mobile */
    }

    .navmenu-container[b-x6lx70xsl3] {
        display: block; /* Ensure nav menu is displayed */
    }

    /*.sidebar.collapsed {
        display: none;*/ /* Hide collapsed sidebar in mobile mode */
    /*}*/
    /* When sidebar is collapsed, show the main navbar */
    .navbar-mobile-collapsed[b-x6lx70xsl3] {
        display: block;
    }
    /* When sidebar is expanded, hide the main navbar */
    .navbar-mobile-expanded[b-x6lx70xsl3] {
        display: none;
    }

    .cog-mobile-collapsed[b-x6lx70xsl3] {
        display: none;
    }
    /* When sidebar is expanded, hide the main navbar */
    .cog-mobile-expanded[b-x6lx70xsl3] {
        display: none;
    }

    .client-mobile-collapsed[b-x6lx70xsl3] {
        display: none;
    }

    .logo-title[b-x6lx70xsl3]{

    }


}

@media (min-width: 1200px /*768px*/ ) {
    .page[b-x6lx70xsl3] {
        display: flex;
        flex-direction: column;
    }

    .firstrow[b-x6lx70xsl3] {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content:normal;
    }

    .top-row[b-x6lx70xsl3] {
        display: flex;
        width: 100%;
        justify-content: normal;
    }

    .top-row1[b-x6lx70xsl3] {
        flex: 1;
    }

    .top-row2[b-x6lx70xsl3] {
        flex: 5;
    }

    #settingsbar[b-x6lx70xsl3] {
        height: 100vh;
        position: fixed;
    }


}

.navbar-toggler[b-x6lx70xsl3] {
    display: block !important; /* Force display */
    position: relative;
    z-index: 2;
}

.navmenu[b-x6lx70xsl3] {
    min-width: 10%;
    height: 100%;
}

.workspace[b-x6lx70xsl3] {
    flex-grow: 1;
    padding-top: 1.1rem;
    padding-right: 1rem;
    overflow: hidden;
    max-width: 100%;
}

    .workspace > *[b-x6lx70xsl3] {
        max-width: 100%;
        overflow-x: auto;
    }
    .workspace *[b-x6lx70xsl3] {
        min-width: 0;
    }


/*.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(33,33,33, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: white !important;
    width: 44px;
    height: 40px;
    border-radius: 3px;
}*/

.hamburger[b-x6lx70xsl3] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    width: 44px; 
    height: 40px; 
    justify-content: space-between;
    background-color: white;
    padding-left: 5px; 
    padding-right: 5px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    border-radius: 3px; 
}

.bar[b-x6lx70xsl3] {
    height: 3px;
    background-color: black;
    transition: all 0.3s ease; /* Smooth transition for animations */
    border-radius: 5px;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-so8z9yzzec] {
    /* background-color: rgba(255, 255, 255, 0.1); */
}

.prod-and-version[b-so8z9yzzec] {
    /* color: rgb(0,180,140); */
}

.top-row[b-so8z9yzzec] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-so8z9yzzec] {
    font-size: 1.1rem;
}

.oi[b-so8z9yzzec] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-so8z9yzzec] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-so8z9yzzec] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-so8z9yzzec] {
        padding-bottom: 1rem;
    }

    .nav-item[b-so8z9yzzec]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-so8z9yzzec]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-so8z9yzzec]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 768px) {
    .navbar-toggler[b-so8z9yzzec] {
        display: none;
    }

    .collapse[b-so8z9yzzec] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}