@media only screen and (min-width: 1401px){
   
}
@media only screen and (max-width: 1400px){
   
}

@media only screen and (max-width: 1280px){

}

@media only screen and (max-width: 1200px){

}

@media only screen and (max-width: 1080px){
   
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status{
	width: 80px !important;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name{
	width: 80px !important;
}
}


@media only screen and (min-width: 1025px){

  
    .view-mobile{
        display: none !important;
    }
    

    /* .menu-title{
        display: none ;
    }

    .header-navbar.fixed-top {
        left: 78px !important;
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
        width: 78px!important;
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .navbar-static-top .navbar-wrapper, body.vertical-layout.vertical-menu-modern.menu-expanded .app-content, body.vertical-layout.vertical-menu-modern.menu-expanded .footer {
        margin-left: 78px !important;
    } */

}

@media only screen and (max-width: 1205px){
    .view-mobile{
        display: unset !important;
    }
    
    .hide-mobile{
        display: none !important;
    }

    

    .content-header-title {
    color: #475F7B;
    margin-right: 0rem  !important;
    border-right: 0px solid #828D99 !important;
    }

    /* .menu-title{
        display: unset !important ;
    }

    .header-navbar.fixed-top {
        left: 0px !important;
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
        width: 0px!important;
    }

    body.vertical-layout.vertical-menu-modern.menu-expanded .navbar-static-top .navbar-wrapper, body.vertical-layout.vertical-menu-modern.menu-expanded .app-content, body.vertical-layout.vertical-menu-modern.menu-expanded .footer {
        margin-left: 0px !important;
    } */

    
}

@media (max-width: 992px) {
    .hide-mobile{
        display: none !important;
    }
}

@media only screen and (max-width: 990px){
   html body.navbar-sticky .app-content .content-wrapper{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .details{
      width: inherit;
      overflow-x: scroll;
    }
}


@media only screen and (max-width: 640px){

}

@media only screen and (max-width: 580px){

}

@media only screen and (max-width: 568px){

}

@media only screen and (max-width: 480px){

}

@media only screen and (max-width: 375px){

}