/* !
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

 .nk-wrap {
  margin-left: auto;
  width: calc(100% - 290px);
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
}
.nk-header {
  margin-left: auto;
  width: calc(100% - 290px);
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
}

.toggle-active .nk-wrap {
  margin-left: auto;
  width: calc(100% - 74px);
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
}

.toggle-active .nk-header {
  margin-left: auto;
  width: calc(100% - 74px);
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
}

.nk-sidebar-active .nk-sidebar {
  margin-left: auto;
  width:  calc(100% - 74px);
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
}

.nav-shown .nk-sidebar:hover {
  margin-left: auto;
  width: calc(100% - 290px);
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
}

.nk-sidebar-active .nk-content {
  margin-left: auto;
  width:auto;
  transition: margin-left 0.4s ease-in-out, width 0.4s ease-in-out;
} 

@media (max-width: 1200px) {
  .nk-wrap,
  .nk-sidebar,
  .nk-header,
  .nk-content {
    margin-left: 0 !important;
    width: 100% !important;
    transition: none !important;
  }

  .toggle-active .nk-wrap,
  .toggle-active .nk-header,
  .nk-sidebar-active .nk-sidebar,
  .nav-shown .nk-sidebar:hover {
    width: 100% !important;
  }
}