/*!
Theme Name: MRK HR System Look 
Theme URI: 
Author: MRK-Mohamed Rassam Karman
Author URI: https://mrk-dev-ye.com/
Description: MRK HR System Theme is a fast, elegant, customizable specifically made for The MRK HR System Plugin. the theme is also RTL and translation-ready, accessibility-ready.
Other theme features include: highly responsive and mobile-friendly, Sidebar Layouts, customizable Widgets.
Version: 2.1.1
Requires at least: 4.7
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: 
Text Domain: mrk-system-look
Tags: mrk, mrk-hr-system, hr-system, right-sidebar, left-sidebar, custom-logo, custom-menu, threaded-comments, translation-ready, full-width-template, rtl-language-support, theme-options
*/

#zpm-content {
    min-height: unset !important;
    max-height: unset !important;
    overflow-y: unset !important;
    margin: 0px !important;
    width: 100% !important;
}

#zpm-frontend-plain {
    min-height: unset !important;
    max-height: unset !important;
    overflow-y: unset !important;
    /* margin-left: 250px !important; */
    width: calc(100%) !important;
    /* width: calc(100% - 250px) !important; */
    padding-top: 80px !important;
}

.sidebar .nav-link span {
    transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
    -webkit-transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
    -moz-transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
    -ms-transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
}

.nav-sidebar .nav-link span {
    width: auto;
    display: inline-block;
    margin: 0;
    white-space: nowrap;
}

@media (min-width: 992px) {

    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .sidebar .nav-sidebar .nav-link span,
    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .sidebar .nav-sidebar .nav-link span {
        display: inline-block;
        margin-left: 0;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link span {
        margin-left: -10px;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        visibility: hidden;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link span {
        width: 0;
        white-space: nowrap;
    }
}