/*
 * ----------------------------------------------------------------------------------------
 Responsive
 * ----------------------------------------------------------------------------------------
 */

/* Responsive */

@media (min-width: 1920px)
{
    .side-menu.left
    {
        bottom: 40px;

        height: 100%;
        margin-top: -50px;
        margin-bottom: -40px;
        padding-top: 254px;
        padding-bottom: 40px;
        overflow: inherit !important;
    }
    .enlarged .side-menu.left {
      margin-top: inherit;
    padding-top: inherit;
    }
    .task .panel-heading {
      margin-bottom: 18px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    body
    {
        overflow-x: hidden;
    }
    .report
    {
        padding-left: 20px !important;
    }
}
@media (max-width: 767px)
{
    body
    {
        overflow-x: hidden;
    }
    .topbar .topbar-left
    {
        width: 50px;
        padding: 0 15px;
    }
    .topbar .navbar
    {
        height: 50px;
    }
    .topbar .navbar .navbar-right li
    {
        display: inline-block;
    }
    .notification  li
    {
        display: block  !important;
    }
    .logo .last
    {
        display: none;
    }
    .enlarged .left.side-menu
    {
        margin-left: -75px;
    }
    .sub-title
    {
        padding: 7px 20px;
    }
    .content-page
    {
        margin-left: 0 !important;
    }
    .footer
    {
        font-size: 11px;
    }
    .mobile-sidebar
    {
        left: 0;
    }
    .mobile-content
    {
        right: -250px;
        left: 250px;
    }
    .navbar-nav .open .dropdown-menu
    {
        position: absolute;
        right: 0;
        left: auto;

        background-color: #fff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    }
    #live-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #mom-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #view-mom-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #certified-resolution-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #agenda-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #minutes-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #circular-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #action-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #statutory-compliance-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before,
    #director-attendance-view-report-sidebar.active .sidebar-click .zmdi-chevron-left:before
    {
        content: '\f2fa' !important;
    }
    #live-sidebar .sidebar-click .zmdi-chevron-left:before,
    #mom-sidebar .sidebar-click .zmdi-chevron-left:before,
    #view-mom-sidebar .sidebar-click .zmdi-chevron-left:before,
    #report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #certified-resolution-view-report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #agenda-view-report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #minutes-view-report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #circular-view-report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #action-view-report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #statutory-compliance-view-report-sidebar .sidebar-click .zmdi-chevron-left:before,
    #director-attendance-view-report-sidebar .sidebar-click .zmdi-chevron-left:before
    {
        content: '\f2fb';
    }
    #live-sidebar,
    #mom-sidebar,
    #view-mom-sidebar,
    #report-sidebar,
    #certified-resolution-view-report-sidebar,
    #agenda-view-report-sidebar,
    #minutes-view-report-sidebar,
    #circular-view-report-sidebar,
    #action-view-report-sidebar,
    #statutory-compliance-view-report-sidebar,
    #director-attendance-view-report-sidebar
    {
        left: 0;
    }
    #live-sidebar.active,
    #mom-sidebar.active,
    #view-mom-sidebar.active,
    #report-sidebar.active,
    #certified-resolution-view-report-sidebar.active,
    #agenda-view-report-sidebar.active,
    #minutes-view-report-sidebar.active,
    #circular-view-report-sidebar.active,
    #action-view-report-sidebar.active,
    #statutory-compliance-view-report-sidebar.active,
    #director-attendance-view-report-sidebar.active
    {
        left: 260px;
    }
    .enlarged #live-sidebar,
    .enlarged #mom-sidebar,
    .enlarged #view-mom-sidebar,
    .enlarged #report-sidebar,
    .enlarged #certified-resolution-view-report-sidebar,
    .enlarged #agenda-view-report-sidebar,
    .enlarged #minutes-view-report-sidebar,
    .enlarged #circular-view-report-sidebar,
    .enlarged #action-view-report-sidebar,
    .enlarged #statutory-compliance-view-report-sidebar,
    .enlarged #director-attendance-view-report-sidebar
    {
        left: -260px;
    }
    .enlarged #live-sidebar.active,
    .enlarged #mom-sidebar.active,
    .enlarged #view-mom-sidebar.active,
    .enlarged #report-sidebar.active,
    .enlarged #certified-resolution-view-report-sidebar.active,
    .enlarged #agenda-view-report-sidebar.active,
    .enlarged #minutes-view-report-sidebar.active,
    .enlarged #circular-view-report-sidebar.active,
    .enlarged #action-view-report-sidebar.active,
    .enlarged #statutory-compliance-view-report-sidebar.active,
    .enlarged #director-attendance-view-report-sidebar.active
    {
        left: 0;
    }

    .live-meeting,
    .create-mom,
    .view-mom,
    .report,
    .certified-resolution-view-report,
    .agenda-view-report,
    .minutes-view-report,
    .circular-view-report,
    .action-view-report,
    .statutory-compliance-view-report,
    .director-attendance-view-report
    {
        padding-left: 20px !important;
    }
}
@media (max-width: 480px)
{
    .side-menu
    {
        z-index: 10000 !important;
    }
    .button-menu-mobile
    {
        display: block;
    }

    .user-detail
    {
        z-index: 1;
        bottom: 0;

        background-color: #2a3142;
    }
    #sidebar-menu
    {
        overflow: auto;

        height: 100%;
        padding-top: 0;
        padding-bottom: 40px;
    }
}
@media (max-width: 420px)
{
    .hide-phone
    {
        display: none !important;
    }
}
@media (max-width: 419px)
{
    .topbar-left
    {
        width: 50px !important;
    }
    .logo .icon-c-logo
    {
        line-height: 58px !important;

        display: inline-block !important;
    }
    .logo span
    {
        display: none !important;
    }
    .content-page
    {
        margin-left: 70px;
    }
    .forced .side-menu.left
    {
        bottom: 40px;

        margin-top: -50px;
        margin-bottom: -40px;
        padding-top: 254px;

        box-shadow: 0 12px 12px rgba(0, 0, 0, .1);
    }
    .enlarged .side-menu.left
    {
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1) !important;
    }
}