/* Mobile fix */
 @media (max-width: 991px) {
    .mobile-logo{
        display: block;
    }
    #sidebar .user-panel {
        display: none;
    }
     #content { margin-left: 0 !important; }

    /* Mobile bottom nav */
    #sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--mainBgColor);
        display: none;
        justify-content: space-around;
        padding: .5rem 0;
        z-index: 1050;
        width: 100%;
    }
    #sidebar.open-mobile-menu{
        display: block;
        bottom: 60px;
    }
    #sidebar a {
        color: var(--globalBgTextColor);
        text-align: center;
        flex: 1;
    }
    #sidebar a i {
        display: block;
        font-size: 18px;
    }
    #sidebar a.active,
    #sidebar a:hover { 
        color: #fff; 
    }
    #sidebarToggle{
        display: none !important;
    }
    .navbar-top{
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: var(--mainBgColor);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 60px;
        border-radius: 0px 0px 8px 8px;
    }
    .right-panel {
        min-height: calc(100vh - 78px);
        padding: 5rem 2rem 0rem 2rem;
    }
    .main-bg{
        padding: 3rem 0rem 0 0rem;
    }
    .mobile-navbar{
        background-color: var(--mainBgColor);
        height: 60px;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;bottom:14px;
    }
    .mobile-nav-icns{
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        margin-left: 24px;
        width: fit-content;
    }
    .icon-mobile-toggle-icon{
        color: var(--globalBgTextColor);
        font-size: var(--px24);
    }
    .user-dropdown{
        display: none;
    }
    /*.page-wrapper{
        position: relative;
        z-index: 1;
    }*/
    .right-header{
        position: fixed;
        bottom: 8px;
        right: 20px;
        width: 70%;
        justify-content: space-between;
        align-items: center;
    }
    .username{
        color: var(--globalBgTextColor); 
    }
    .page-title{
        position: absolute;
        top: 72px;
        width: 100%;
        left: 0;
    }
    .menu-list{
        margin-top: 0px;
    }
    .active-mobilenav-icon .icon-mobile-toggle-icon,
    .username.active-mobilenav-icon {
        color: var(--mainBgColor);
        background-color: var(--navMenuHoverColor);
        display: flex;
        width: fit-content;
        padding: 6px;
        border-radius: 4px;
    }
    .miniNav .submenu-list {
        box-shadow: 0px 0px 0px 0px #00000073;
        width: 100%;
        padding-left: 2rem;
    }
    .breadcrumb{
        display: none;
    }
    .navbar-brand.mobile-logo img{
        height: 30px;
    }
    .profile-menu-list {
        position: fixed !important;
        bottom: 22px !important;
        width: 100%;
        background: #1d252c;
        border: 0px solid #E8EBEF;
        padding: 12px 12px;
        border-radius: 4px;
        display: none;
        left: 0;
        height: 100px;
        text-align: left;
        padding-left: 2rem;
        
    }
    .profile-menu-name{
        color: var(--globalBgTextColor); 
    }
    footer{
        display: none;
    }
    .top-curve, .bottom-curve{
        display: none !important;
    }
    .mobile-main-wrpper{
        height: calc(100vh - 200px);
        width: 100%;
        overflow: auto;
        padding-right: 1%;
    }
    .modal-lg{
        width: 97%;
        max-width: 97%;
    }
    .modal-sm{
        width: 97%;
        max-width: 97%;
    }
    .hide-mob-icon{
        display: none;
    }
    .table-responsive th, .table-responsive td {
        white-space: normal;
    }
    .filter-row{
        margin-bottom: 2rem;
    }
    #leftSlideArrow{
        left:0px
    }
    #rightSlideArrow{
        right: 0px;
    }
    .progress-bar-row{
        width: 90%;
    }

}
 @media(max-width:991px){

    .auth-page-wrapper{
        background: unset;
        padding: unset;
    }
    .login-wrapper{
        width: 100%;
        height: 100%;
        box-shadow: unset;
        display: table;
        padding-left: 20px;
        padding-right: 20px;
    }
    .input-wrapper .error-message{
        white-space: normal;
    }
    .login_footer {
        display: table-row;
    }

    .search-input-wrapper .form-control{
        width: 100% !important;
    }
    .notification-list-container {
        width: 280px;
        inset: 0px 0px auto auto !important;
        margin: auto !important;
        top: -20.2rem !important;
        left: -140px !important;
    }
    .noborder-table{
        width: 108.1%;
    }
}

@media (max-width: 768px) {
    .table-responsive thead {
      /*display: none;*/ /* hide table header */
    }

    /*.table-responsive tr {
      display: block;
      margin: var(--px15);
      border: 1px solid var(--tooltipbordercolor);
      border-radius: 6px;
      padding: 10px;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    }*/
  
    .table-responsive td {
    /*  display: flex;*/
      border: none;
      border-bottom: 1px solid var(--tooltipbordercolor);
      padding: 6px 10px;
    }
  
    .table-responsive td:last-child {
      border-bottom: none;
    }
  
    .table-responsive td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      min-width: 50%;
    }
    .table_wrapper .toolbar-wrap .left-toolbar{
        margin-bottom: 20px;
    }
}
@media (min-width: 320px) and (max-width: 576px) {
    .modal-dialog{
        margin: 1.75rem auto;
    }
}