@media (min-width: 768px) {
    .sb-topnav.navbar-dark #sidebarToggle {
        left: 0;
        right: auto;
    }
    /*.sb-topnav .navbar-brand{margin-left: 2rem;}*/
    .box-notification .nav-pills li {
        margin: 0;
    }
    .box-notification .nav-pills li{border-right: 1px solid  #d3d4d7; }
    .box-notification .nav-pills li:last-child{border-right: none; }
    .insert-file{margin-top: 1.4rem;}
    .close-btn{width: 50%;}
    /*.chart-container{
        width:500px;
        height: 300px;
    }*/
    .add-page{
        margin: 0;
        padding: .35rem;
    }
    .pagination{
        margin: 0;
    }
    .lastbtn-submit{
        justify-content: flex-end;
    }
    .table-dashboard .table-indetail .selact-date {
        background-position: right 3px center;
    }
    .chart-container img{width: 50%;}
    .search-btn {
        padding: 5px;
       /* margin-top: 0;*/
    }
   .search-btn img {
        width: auto;
        margin-right: 0;
    }
    .box-status.table-dashboard .table-indetail{overflow-x: inherit;}
    .box-status.table-dashboard .table-indetail .table {
        min-width: auto;
    }
    .table-dashboard .table-indetail .table td {
        padding: 15px 5px 10px;
    }
    
    .full-error404 img{width: auto;}
    .backpage-box{
        padding: 0;
        position: absolute;
        padding-bottom: 2%
    }
    .backpage-box p{font-size: 1.2rem;}
}

@media (min-width: 992px) {
    .sb-sidenav .sb-sidenav-menu .nav, .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
        width: 240px; 
        transition: all 0.5s;
       /* overflow: hidden;*/
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
         transform: translateX(0); 
        width: 40px;
    }
    .sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
        padding-top: 0;
    }
    .sb-sidenav .sb-sidenav-menu .nav .nav-link img{
        margin-right: 13px;
    }
    /*.chart-container{
        width:300px;
    }*/
    .table-dashboard span.text-white, .selact-date{
        margin-right: 5px;
    }    
    .table-dashboard .table-indetail .table {
        min-width: 2200px;
    }
    .selact-date {
        width: 95px;
    }
    .pagging-box{
        display: flex;
        align-items: center;
    }
    /*.table-dashboard img:hover{transform: translateY(-5px);}*/
    .table-dashboard.table-dashboard-incompany .table {
        min-width: 896px;
    }
   .search-btn img {
        width: auto;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .submenu-collapse a {
        padding-left: .45rem;
    }
/*Edit-16/12/2020*/  
    .form-textnoti.form-textnotiselect { padding: .5rem 2rem .5rem .5rem; }
    
    .notification-note ul li{padding-left: 1rem;}
    
    
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale{
        padding-left: 241px;
        top: 0;
        
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content.change-scale{padding-left: 266px;}
}
@media (min-width: 1200px) {
    html{ font-size:21px;}
    .sb-sidenav .sb-sidenav-menu .nav, .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
        width: 330px; 
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        width: 40px;
    }
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content {
        padding-left: 330px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
        margin-left: -400px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav  .nav .nav-link {
        padding: .75rem .4rem;
    }
/*    .chart-container{
        width:320px;
    }*/
    .pagination {
        margin-left: 10px;
    }
    .container{max-width: 1230px;}
    
    .table-dashboard.table-dashboard-incompany .table {
        min-width: 1230px;
    }
    .table-indetail.tabletype-management .table {
        min-width: 100%;
    }
    .search-btn {
        /*padding: .35rem 0*/
    }
    .search-btn  img{width: .8em;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .submenu-collapse a {
        padding-left: .4rem;
    }
    
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 331px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 440px;}
	.modal-search .modal-dialog{	max-width:60vw;}

}


@media (min-width: 1400px) {
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .submenu-collapse a {
        padding-left: .45rem;
        width: 39px;
        overflow: hidden;
        height: 39px;
    }
    .notification-note ul {width: 100%;margin: auto;}
    .search-btn  img{width: auto;}
    
    .table-dashboard.table-dashboard-incompany .table-indetail { overflow-x: inherit;}
    .table-dashboard.table-dashboard-in-viewperson  .table-indetail { overflow-x: auto!important;}
    .notification-note ul {display: flex; align-items: center;}
    .notification-note ul li{
        width: auto;
        margin: auto;
        padding-left: 0;
    }
    .submenu-collapse a {
        /*padding-left: 1.9rem; 
        padding-right: 0;*/
		margin: 10px 1.5rem;
        display: flex;
        align-items: flex-start;
        transition: all 0.5s;
    }
    
    
}



@media (min-width: 1600px) {
    .sb-sidenav .sb-sidenav-menu .nav, .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
        width: 270px; 
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        width: 40px;
    }

    .sb-nav-fixed #layoutSidenav #layoutSidenav_content {
        padding-left: 270px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
        margin-left: -400px;
    }
    .chart-container img{width: 400px;}
    
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale {
        padding-left: 269px;
    }    
    .sb-sidenav .sb-sidenav-menu .nav .nav-link{padding: .75rem;}
}

@media (min-width: 1700px) {
    .container{max-width: 1440px;}
    .title-dashboard{font-size: 1.2rem;}
    .sb-sidenav .sb-sidenav-menu .nav .nav-link{padding: .75rem;}
    #chart_div{
        width: 600px;
        height: 600px;
    }
}

@media (min-width: 1900px) {
    .sb-sidenav .sb-sidenav-menu .nav, .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
        width: 320px; 
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        width: 50px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .submenu-collapse a {
        padding-left: .75rem;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav .nav-link {
        padding: .75rem;
    }
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content {
        padding-left: 320px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
        margin-left: -370px;
    }
/*    .notification-note ul {width: 80%;margin: auto;}*/
.chart-container img{width: auto;}
    
    
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale {
        padding-left: 320px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 420px;}
}

.table-condensed{
	width:100%;
}