.page-wrapper
{
    margin-left : 225px !important;
}

.topbar
{
    left : 225px !important;
}

.sidebar-header,
.sidebar-wrapper
{
    width : 225px !important;
}

.wrapper.toggled .topbar
{
    left : 70px !important;
}

.wrapper.toggled .page-wrapper
{
    margin-left : 70px !important;
}

.wrapper.toggled .page-footer
{
    left : 70px !important;
}

.lo-icon
{
    display         : flex;
    justify-content : center;
}

.wrapper.toggled .logo-icon
{
    width : 100%;
}

.wrapper .logo-icon,
.wrapper.toggled.sidebar-hovered .logo-icon
{
    width : 50%;
    /* width: 30%; */
}

a.btn-backto-login
{
    background-color : #d7d7d7;
    margin-top       : 15px;
}

a.btn-backto-login:hover
{
    background-color : #949494;
}

.lightbox-preview-img
{
    height : auto !important;
    width  : 85%;
}

td.header-view-edit:hover,
td.header-corner-edit:hover
{
    cursor           : pointer;
    background-color : rgba(0, 0, 0, 0.35) !important;
}

td a.unit-td
{
    width   : 100%;
    height  : 100%;
    padding : 0.5rem 0.5rem;
    color   : #000000 !important;
}

td a.unit-td ::after
{
    content  : "";
    position : absolute;
    left     : 0;
    right    : 0;
    bottom   : 0;
    top      : 0;
    z-index  : 0;
}

td a.unit-td:hover ::after
{
    background-color : rgba(0, 0, 0, 0.10);
}

.header-edit:hover
{
    background-color : rgba(65, 105, 225, 0.819) !important;
    cursor           : pointer;
    /* Change cursor to pointer on hover */
}

td.no-padding-td
{
    padding : 0 !important;
}

img.parking-svg-icon
{
    width : 30px;
}

.header-top
{
    min-height : 160px !important;
}

.button-action-hide
{
    display : none !important;
}

.status-label.badge
{
    font-size   : 14px;
    font-weight : 500;
}

@media (min-width : 1025px)
{
    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper
    {
        width : 70px !important;
    }

    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header
    {
        width : 70px !important;
    }
}

@media (min-width : 576px)
{
    .mobile-add-btn
    {
        display : none !important;
    }
}

@media (max-width : 1024px)
{
    .wrapper.toggled .logo-icon
    {
        /* width: 30%; */
        width : 50%;
    }

    .page-wrapper
    {
        margin-left : 0 !important;
    }

    .topbar
    {
        left : 0 !important;
    }
}

@media (max-width : 768px)
{
    .unit-table
    {
        width : 90% !important;
    }
}

@media (max-width : 575px)
{
    .lightbox-preview-img
    {
        width : 80%;
    }

    .unit-display-top
    {
        flex-direction : column !important;
    }

    .unit-table
    {
        width : 100% !important;
    }

    .my-5.unit-table
    {
        margin-top    : 1.5rem !important;
        margin-bottom : 1.5rem !important;
    }

    .mobile-button-save
    {
        margin-left : 10px !important;
    }

    .desktop-btn-groups
    {
        display : none !important;
    }

    .d-flex.crumbs-action-hide
    {
        display : none !important;
    }
}