#dent_app_sidebar,
#dent_app_topbar,
#dent_app_content {
    transition: left .3s ease-in, width .3s ease-in, padding .3s ease-in, margin .3s ease-in;
}

.dent-app-modal .dent-app-modal-content
{
    max-height: calc(100vh - 300px)!important;
}

@media only screen and (max-width: 1430px) {
    #dent_app_page_home .dent-app-grid:first-child .dent-app-grid-box:last-child
    {
        grid-column: 1/span 4!important;
        grid-row: 3!important;
    }
    #dent_app_home_courier_map > *
    {
        grid-column: 1/span 2;
    }
    .dent-app-grid-4
    {
        grid-template-columns: 1fr 1fr!important;
    }
    .dent-app-edit-profile-img-wrapper
    {
        position: relative!important;
        left: 20px;
        margin-bottom: 40px;
    }

    .dent-app-profile-widget .dent-app-profile-img,
    .dent-app-profile-widget .dent-profile-first-name,
    .dent-app-profile-widget .dent-profile-gender
    {
        display: none;
    }
}
@media only screen and (max-width: 1070px) {
    main:not(.menuActive) section#dent_app_sidebar {
        width: 80px;
    }
    main:not(.menuActive) section#dent_app_topbar,
    section#dent_app_content {
        left: 80px;
    }
    main:not(.menuActive) .dent-app-navlink,
    main:not(.menuActive) .dent-app-sidebar-logout {
        padding: 25px!important;
    }
    main:not(.menuActive) .dent-app-navlink .dent-app-link-title,
    main:not(.menuActive) .dent-app-sidebar-logout .dent-app-link-title,
    main:not(.menuActive) .dent-app-navlink-group,
    main:not(.menuActive) .dent-app-sidebar-title {
        display: none!important;
    }
    main:not(.menuActive) .dent-app-sidebar-logo {
        padding: 35px 20px!important;
    }
    main:not(.menuActive) .dent-app-sidebar-logo img {
        margin: 0px!important;
    }
    .dent-hide-xs {
        display:none !important;
    }

    #dent_app_page_settings > .dent-app-grid-2
    {
        display:block!important;
        grid-template-columns: 1fr!important;
    }
}
@media only screen and (max-width: 900px) {
    #dent_app_page_home .dent-app-grid:first-child .dent-app-grid-box:nth-child(1)
    {
        grid-column: 1/span 2!important;
    }
    #dent_app_page_home .dent-app-grid:first-child .dent-app-grid-box:nth-child(2)
    {
        grid-column: 3/span 2!important;
    }
    #dent_app_page_home .dent-app-grid:first-child .dent-app-grid-box:nth-child(3)
    {
        grid-column: 1/span 2!important;
        grid-row: 2!important;
    }
    #dent_app_page_home .dent-app-grid:first-child .dent-app-grid-box:nth-child(4)
    {
        grid-column: 3/span 2!important;
        grid-row: 2!important;
    }
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header
    {
        margin-bottom: 0px!important;
    }
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-center,
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-left:not(.dent-app-toolbar),
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-right,
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-left:not(.dent-app-toolbar) > *,
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-right > *
    {
        display: block;
        float: none!important;
        position: relative!important;
    }
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-left.dent-app-toolbar
    {
        float: none!important;
        position: relative!important;
    }
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-center,
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-left.dent-app-toolbar,
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-left > *,
    .dent-app-page-header:not(.dent-app-page-header-mobile-static) .dent-app-page-header-right > *
    {
        margin-bottom: 20px;
    }
    .dent-app-page-header.dent-app-page-header-mobile-static
    {
        margin-bottom: 100px!important;
    }
    .dent-app-page-header.dent-app-page-header-mobile-static .dent-app-page-header-left,
    .dent-app-page-header.dent-app-page-header-mobile-static .dent-app-page-header-right
    {
        margin-top: 40px;
    }

    #dent_app_interactions_dropdown
    {
        width: calc(100vw - 200px)!important;
        min-width: 0px!important;
    }
    
    #dent_app_interactions_dropdown td
    {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 700px) {
    .menuActive .dent-app-topbar-right {
        display: none;
    }
    .dent-app-grid-4
    {
        display:block!important;
        grid-template-columns: 1fr!important;
    }
    
    #dent_app_topbar .dent-app-topbar-icon-message .dent-notif-count-text
    {
        display: none;
    }
    #dent_app_topbar .dent-app-topbar-icon-link.dent-link-message-active .dent-app-topbar-icon-message
    {
        width: 110px!important;
    }

    .dent-app-table th:first-child,
    .dent-app-table td:first-child
    {
        width: 40px;
        max-width: 40px;
    }

    .dent-app-profile-widget .dent-app-profile-img,
    .dent-app-profile-widget .dent-profile-first-name,
    .dent-app-profile-widget .dent-profile-gender
    {
        display: none;
    }

    .dent-app-modal-content-inner
    {
        padding: 20px!important;
    }
    .dent-app-modal-footer-inner .dent-button-small
    {
        display: block;
        margin-bottom: 5px;
    }

    .dent-app-modal-header .dent-app-profile-image,
    .dent-app-modal-header .dent-app-status-label
    {
        display: none;
    }
    .dent-app-toolbar-container-left,
    .dent-app-toolbar-container-right
    {
        margin-top: 50px;
        margin-bottom: 20px;
    }
    .dent-app-toolbar-container
    {
        margin-bottom: 60px!important;
    }
    .dent-app-modal .dent-app-timesheet-created-at
    {
        display: none;
    }

    #dent_app_interactions_dropdown
    {
        width: calc(100vw - 20px)!important;
        min-width: 0px!important;
        right: -100px!important;
    }
}

@media only screen and (max-width: 460px) {
    .menuActive .dent-app-topbar-right {
        display: none;
    }
    .dent-app-grid-4
    {
        display:block!important;
        grid-template-columns: 1fr!important;
    }
    .dent-app-grid-2
    {
        display:block!important;
        grid-template-columns: 1fr!important;
    }
    
    #dent_app_topbar .dent-app-topbar-icon-message .dent-notif-count-text
    {
        display: none;
    }
    #dent_app_topbar .dent-app-topbar-icon-link.dent-link-message-active .dent-app-topbar-icon-message
    {
        width: 110px!important;
    }

    #dent_app_content
    {
        padding: 10px!important;
    }
    
    main:not(.menuActive) #dent_app_sidebar
    {
        width: 0px!important;
    }
    main:not(.menuActive) #dent_app_topbar,
    main:not(.menuActive) #dent_app_content
    {
        left: 0px!important;
    }
    main.menuActive #dent_app_sidebar
    {
        width: 280px!important;
    }
    main.menuActive #dent_app_topbar,
    main.menuActive #dent_app_content
    {
        left: 280px!important;
    }
    main.menuActive #dent_app_sidebar nav > .dent-app-navlink,
    main.menuActive #dent_app_sidebar > .dent-app-sidebar-inner > .dent-app-sidebar-logout
    {
        padding-left: 40px!important;
    }

    .dent-app-modal-tab-link
    {
        padding: 5px!important;
    }
}

@media only screen and (min-width: 1071px) {
    .dent-hide-xl {
        display:none !important;
    }
}
@media only screen and (max-height: 600px) {
    #dent_app_topbar
    {
        height: 60px!important;
        padding: 10px 40px!important;
    }
    #dent_app_content
    {
        top:60px!important;
    }
    main:not(.menuActive) .dent-app-sidebar-logo
    {
        height: 60px!important;
        padding: 20px!important;
    }
    .dent-app-modal-header .dent-app-modal-title
    {
        padding: 0px!important;
        padding-top: 20px!important;
        padding-bottom: 10px!important;
        font-size: 16px!important;
    }
    .dent-app-modal-header .dent-app-profile-image,
    .dent-app-modal-header .dent-app-status-label
    {
        display: none;
    }
    .dent-app-modal-tab-link
    {
        padding: 10px!important;
    }
    .dent-app-modal-frame
    {
        height: 100vh;
    }
    .dent-app-modal .dent-app-modal-content
    {
        max-height: calc(100vh - 150px)!important;
    }

    .dent-app-profile-widget .dent-app-profile-img,
    .dent-app-profile-widget .dent-profile-first-name,
    .dent-app-profile-widget .dent-profile-gender
    {
        display: none;
    }
}