/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .page-header.navbar {
            /* Search box */
        }
        .page-header.navbar .search-form.search-form-expanded {
            width: 200px;
        }
        .page-header.navbar .search-form.search-form-expanded .input-group .form-control {
            text-indent: 0;
        }
        .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover {
            cursor: text;
        }
        .page-header.navbar .search-form.search-form-expanded .input-group .input-group-btn .btn.submit {
            margin-left: 0;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width: 992px) {
        .page-header.navbar {
            /* Header logo */
        }
        .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
            padding: 0;
        }
        .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
            width: 45px;
        }
        .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default {
            display: none;
        }
        .page-boxed .page-header.navbar {
            /* Page logo */
            /* Top menu */
        }
        .page-boxed .page-header.navbar .page-logo {
            width: 236px;
        }
        .page-boxed .page-header.navbar .top-menu .navbar-nav {
            margin-right: 0px;
        }
        .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar {
            /* Page logo */
        }
        .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo {
            width: 46px;
        }
        .page-boxed.page-sidebar-fixed .page-header.navbar {
            /* Page logo */
        }
        .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo {
            width: 235px;
        }
        .page-footer-fixed .page-container {
            margin-bottom: 20px !important;
        }
        .page-content-wrapper {
            float: left;
            width: 100%;
        }
        .page-content-wrapper .page-content {
            margin-left: 0px;
            margin-top: 0px;
            min-height: 600px;
            padding: 25px 20px 10px 20px;
        }
        .page-content-wrapper .page-content.no-min-height {
            min-height: auto;
        }
        .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
            margin-left: 45px;
        }
        .page-sidebar-reversed .page-content-wrapper .page-content {
            margin-left: 0 !important;
            margin-right: 235px !important;
        }
        .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content {
            margin-left: 0;
            margin-right: 45px;
        }
        .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content {
            margin-left: 0 !important;
            margin-right: 45px !important;
        }
        .page-sidebar-closed .page-content-wrapper .page-content {
            margin-left: 0px !important;
        }
        .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content {
            margin-left: 0 !important;
        }
        .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content {
            margin-right: 0 !important;
        }
        .page-full-width .page-content-wrapper .page-content {
            margin-left: 0px !important;
        }
        .scroll-to-top {right: 20px}
        .page-footer {clear: left}
        .page-footer-fixed .page-footer {
            position: fixed;
            left: 0;
            right: 0;
            z-index: 10000;
            bottom: 0;
        }
        .page-sidebar-fixed.page-sidebar-closed .page-footer {
            margin-left: 45px;
        }
        .page-sidebar-fixed.page-footer-fixed .page-footer {
            margin-left: 0 !important;
        }
        .page-sidebar-fixed .page-footer {
            margin-left: 235px;
            padding: 8px 20px 5px 20px;
        }
        .page-boxed .page-footer {
            padding: 8px 0 5px 0;
        }
        .page-boxed.page-sidebar-fixed .page-footer {
            padding-right: 20px;
            padding-left: 20px;
        }
        .page-sidebar-reversed.page-sidebar-fixed .page-footer {
            margin-left: 0;
            margin-right: 235px;
            padding: 8px 20px 5px 20px;
        }
        .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer {
            margin-left: 0;
            margin-right: 0;
        }
        .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer {
            margin-right: 45px;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }
        .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
            box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
        }
        .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
            box-shadow: none;
        }
        .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            box-shadow: 5px 5px rgba(44, 53, 66, 0.2);
        }
        .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
            box-shadow: none;
        }

        /* Light sidebar menu */
        .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
            padding: 0;
            margin-top: 15px;
            margin-bottom: 15px;
            border-top: 1px solid #3d4957 !important;
        }

        /* Fixed Sidebar */
        .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
            border-bottom: 0;
        }
        .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
            background-color: #fff;
        }
        .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
            color: #333;
        }
        .page-boxed {
            background-color: #303a47 !important;
        }
        .page-boxed .page-container {
            background-color: #364150;
            border-left: 1px solid #3d4957;
            border-bottom: 1px solid #3d4957;
        }
        .page-boxed.page-sidebar-reversed .page-container {
            border-left: 0;
            border-right: 1px solid #3d4957;
        }
        .page-boxed.page-sidebar-fixed .page-container {
            border-left: 0;
            border-bottom: 0;
        }
        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }
        .page-boxed.page-sidebar-fixed .page-sidebar {
            border-left: 1px solid #3d4957;
        }
        .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
            border-right: 1px solid #3d4957;
            border-left: 0;
        }
        .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
            background-color: #303a47 !important;
        }
        .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
            color: #98a6ba;
        }
        .page-sidebar-menu-hover-submenu li:hover a > .arrow {
          border-right: 8px solid #323c4b;
        }
        .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
          border-left: 8px solid #323c4b;
        }
        .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
          background: #323c4b !important;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }
    
    @media (min-width: 992px) and (max-width: 1200px) {
        .page-boxed .page-header.navbar {
            /* Top menu */
        }
        .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
            display: none;
        }
        .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
            display: none;
        }
    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .availability_text { padding-top:10px;position:relative;top:-5px }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .email-chat { position:relative;float:left;top:5px }
        .email_this_user { padding:0;margin:0 }
        .chat_this_user { padding:0;margin:0 }
        .task_this_user { padding:0;margin:0 }
        .timelog_this_user { padding:0;margin:0 }
        .timesheet_this_user { padding:0;margin:0 }

        .header-name { float:left;position:relative;top:5px; }
        .header-name-position { font-weight:normal }

        .switch-container { float:right;position:relative;top:5px;left:-45% }
        .employee-time { display:none }
        .current-task { display:none }
        .header-collapse { float:left;position:relative;left:35px;top:-5px }
        .color-codes { position:relative;top:-20px;left:20px }
        .project { display:none }
        .employee-progress { display:none }
        .priority-tasks {display:none  }
        .top-menu { position:relative;top:15px }
        .page-header { min-height:30px }

        .login .content .forget-password { margin:0px }
        .login .logo { padding:0px }
        .img-resize { width:auto;height:60px }

        .icon_text { display:none; }
        .briefcase_position { position:relative;left:0px }
        .hourglass_position { position:relative;left:0px }
        .timesheet_position { position:relative;left:0px }
        .completed_position { position:relative;left:0px }
        .logout_position { position:relative;left:0px }

        .availability_text { padding-top:10px;position:relative;top:-5px; }
        .color-reference { position:relative;top:0px }

        .on-break { padding-bottom:5px }
        .out-returning { padding-bottom:5px }
        .out-for-the-day { padding-bottom:5px }
        .do-not-disturb {  }

        .row { margin:0 }
        .task_details { position:relative; }

        .project-header { display:none }
        .tasks-header { display:none }
        .progress-header { display:none }

        .portlet-body { padding:5px 0;margin:0 }
        .panel-body { padding:5px 0;margin:0 }
        .portlet light { padding:5px 0;margin:0 }

        #expand-all { position:relative;top:-15px;left:290px; }
        #collapse-all { position:relative;top:-15px;left:290px; }

        .clearfix { max-height:35px }
        .page-header.navbar { background-color:#364150 }
        .page-sidebar {
            width: 235px;
            float: left;
            position: relative;
            margin-right: -100%;
        }
        .page-full-width .page-sidebar {
            display: none !important;
        }
        .page-sidebar.navbar-collapse {
            max-height: none !important;
        }

        .page-sidebar-reversed .page-sidebar {
            float: right;
            margin-right: 0;
            margin-left: -100%;
        }
        .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
            margin-left: -235px;
        }
        .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
            position: relative;
            float: right;
        }

        .page-sidebar-fixed .page-sidebar {
            position: fixed !important;
            margin-left: 0;
            top: 46px;
        }
        .page-sidebar-fixed .page-sidebar-menu > li.last {
            margin-bottom: 15px !important;
        }

        /* Sidebar Closed */
        .page-sidebar-closed .page-sidebar {
            width: 45px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
            /* sidebar */
            width: 45px !important;
            /* sidebar toggler */
            /* sidebar search */
            /* sidebar bordered search */
            /* sidebar search expanded */
            /* sidebar bordered search expanded */
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li {
            /* hide opened sub menu */
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu,
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
            display: none !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
            width: 256px !important;
            position: relative !important;
            z-index: 10000;
            display: block !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
            -webkit-border-radius: 0 4px 0 0;
            -moz-border-radius: 0 4px 0 0;
            -ms-border-radius: 0 4px 0 0;
            -o-border-radius: 0 4px 0 0;
            border-radius: 0 4px 0 0;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
            margin-right: 10px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
            display: inline !important;
            padding-left: 15px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .badge {
            display: block !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .selected {
            display: none;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover.heading {
            width: 45px !important;
            box-shadow: none;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
            width: 210px;
            position: absolute;
            z-index: 2000;
            left: 46px;
            margin-top: 0;
            top: 100%;
            display: block !important;
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            -ms-border-radius: 0 0 4px 4px;
            -o-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > a {
            padding-left: 15px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > a {
            padding-left: 30px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a {
            padding-left: 45px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading > h3 {
            display: none;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper .sidebar-toggler {
            margin-right: 8px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover {
            width: 45px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover {
            width: 45px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a {
            padding-left: 11px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a .selected {
            right: -3px !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge,
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title,
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow {
            display: none !important;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-toggler {
            margin-left: 3px;
            margin-right: 3px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group {
            border-color: transparent;
            margin-left: -4px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group .form-control {
            display: none;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search .input-group .input-group-btn .btn {
            display: block;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.sidebar-search-bordered .input-group {
            padding: 5px 0 3px 0;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open {
            height: 39px;
            margin-top: 14px;
            margin-bottom: 14px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group {
            width: 210px;
            position: relative;
            z-index: 1;
            margin-left: 24px;
            padding: 0;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .form-control {
            background: none;
            border: 0;
            display: block;
            padding: 8px 8px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .input-group-btn .btn {
            display: block;
            margin-right: 8px;
            margin-top: 1px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .remove {
            background-repeat: no-repeat;
            width: 11px;
            height: 11px;
            margin: 9px -5px 9px -7px;
            display: block;
            float: left;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open.sidebar-search-bordered {
            height: 36px;
            margin-top: 23px;
            margin-bottom: 23px;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open.sidebar-search-bordered .input-group {
            padding: 0;
        }
        .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
            padding-right: 11px;
            padding-left: 7px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar {
            margin-left: -45px;
            width: 45px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
            /* sidebar */
            /* sidebar search */
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
            left: auto;
            right: 46px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
            margin-left: -211px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a {
            -webkit-border-radius: 4px 0 0 0;
            -moz-border-radius: 4px 0 0 0;
            -ms-border-radius: 4px 0 0 0;
            -o-border-radius: 4px 0 0 0;
            border-radius: 4px 0 0 0;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
            padding-left: 0;
            padding-right: 15px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i {
            margin-right: 0;
            margin-left: 2px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-search-wrapper:hover, .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.sidebar-toggler-wrapper:hover {
            margin-left: 0;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group {
            margin-left: -227px;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .input-group .input-group-btn .btn {
            margin-right: 10px !important;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed .sidebar-search.open .remove {
            margin: 9px 4px 12px -16px  !important;
            float: right !important;
        }
        .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a {
            padding-right: 7px;
            padding-left: 11px;
        }
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
            width: 235px !important;
            display: absolute;
            z-index: 10000;
        }
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
            width: 235px !important;
        }
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected {
            display: none !important;
        }
        .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover {
            width: 235px !important;
            display: absolute;
            z-index: 10000;
            margin-left: -235px !important;
        }
        .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu {
            width: 235px !important;
        }
        .page-sidebar-closed.page-sidebar-hide .page-sidebar {
            display: none !important;
        }

        /* Sidebar Menu Wirh Hoverable Submenu */
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu {
            display: none;
            width: 210px;
            z-index: 2000;
            position: absolute;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a {
            margin: 3px;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu {
            display: none !important;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow {
            display: none;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
            display: block;
            float: right;
            position: absolute;
            right: 0;
            margin-top: -20px;
            background: none;
            width: 0;
            height: 0;
            border-style: solid;
            border-top: 12px double transparent;
            border-bottom: 12px double transparent;
            border-left: 0;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before {
            display: none;
        }
        .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow {
            right: auto;
            left: 0;
            border-right: 0;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
            display: inline-block !important;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow {
            z-index: 1;
            right: 0px;
            margin-top: -23px;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .selected {
            display: none;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
            margin-left: 235px;
            margin-top: -40px;
        }
        .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
            margin-left: -210px !important;
        }
        .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
            margin-left: 0;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li > a {
            padding-left: 15px;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
            margin-left: 210px;
            margin-top: -38px !important;
        }
        .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu {
            margin-left: -210px !important;
        }
        .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a {
            padding-left: 10px;
            padding-right: 10px;
        }
        .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
            margin-top: -41px;
        }
        .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-hover-submenu li:hover > .sub-menu > li > .sub-menu {
            margin-top: -41px;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .page-sidebar {
            background-color: #28303b;
            /* light sidebar */
        }
        .page-sidebar .page-sidebar-menu > li > a {
            border-top: 1px solid #364150;
        }
        .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
            background: #2e3744;
        }
        .page-sidebar .page-sidebar-menu > li:last-child > a {
            border-bottom: 0 !important;
        }
        .page-sidebar .page-sidebar-menu > li .sub-menu {
            background-color: #28303b !important;
        }
        .page-sidebar .page-sidebar-menu .sidebar-search input {
            background-color: #28303b !important;
        }
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
            /* 1st level links */
        }
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
            background: #2e3744;
        }
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
            background: #2e3744;
        }
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
            background: #2e3744;
        }
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
            background: #28303b !important;
        }
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
            background: #2e3744 !important;
        }
        .page-header.navbar {
            padding: 0 20px 0 20px;
            position: relative;
            clear: both;
        }
        .page-header.navbar .page-logo {
            width: auto;
            padding: 0;
            margin-right: 10px;
            margin-left: 0px !important;
            padding-left: 0px !important;
        }
        .page-header.navbar .page-logo img {
            margin-left: 0px !important;
        }
        .page-header.navbar .menu-toggler.sidebar-toggler {
            display: none !important;
        }
        .page-header.navbar .menu-toggler.responsive-toggler {
            display: inline-block;
        }
        .page-header.navbar .top-menu .navbar-nav {
            display: inline-block;
            margin: 0 10px 0 0;
        }
        .page-header.navbar .top-menu .navbar-nav > li {
            float: left;
        }
        .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i {
            display: inline-block;
            position: relative;
            top: 1px;
            right: 0px;
        }
        .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu {
            position: absolute;
        }
        .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top {
            position: fixed;
        }
        .page-boxed .page-header.navbar > .container {
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .page-container {
            margin: 0 !important;
            padding: 0 !important;
        }
        .page-header-fixed.page-header-fixed-mobile .page-container {
            margin-top: 46px !important;
        }
        .page-sidebar {
            border-top: 0 !important;
            margin: 20px;
        }
        .page-sidebar .sidebar-toggler {
            display: none;
        }
        .page-sidebar .selected {
            display: none !important;
        }
        .page-sidebar.navbar-collapse {
            max-height: none;
            /* set some max height to have a scrollable menu on mobile devices */
        }
        .page-sidebar.navbar-collapse.collapse {
            display: none !important;
        }
        .page-sidebar.navbar-collapse.in {
            border-top: 0 !important;
            margin: 20px;
            position: relative;
            overflow: hidden !important;
            overflow-y: auto !important;
            display: block !important;
        }
        .page-sidebar.navbar-collapse.navbar-no-scroll {
            max-height: none !important;
        }
        .page-sidebar .mega-menu-responsive-content {
            padding: 10px 18px 10px 45px;
        }
        .page-full-width .page-sidebar-menu {
            display: block;
        }
        .scroll-to-top {bottom: 10px;right: 10px}
        .scroll-to-top > i {font-size: 28px}
        .page-boxed .page-footer {padding-left: 0px;padding-right: 0px}
        .page-container-bg-solid .page-bar {
            margin-top: -20px;
        }
        .page-boxed > .container {
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .page-content-wrapper .page-content {
            margin: 0px !important;
            padding: 20px 20px 20px 20px !important;
            min-height: 280px;
        }
        .page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
            display: none;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .page-boxed .page-header.navbar {
            margin: auto !important;
            padding: 0;
        }
        .page-boxed .page-header.navbar > .container {
            margin: auto !important;
        }
        .page-sidebar .btn-navbar.collapsed .arrow {
            display: none;
        }
        .page-sidebar .btn-navbar .arrow {
            position: absolute;
            right: 25px;
            width: 0;
            height: 0;
            top: 50px;
            border-bottom: 15px solid #5f646b;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
        }
        .page-boxed > .container {
            margin: auto !important;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .email-chat { position:relative;float:left;top:5px }
        .email_this_user { padding:0;margin:0 }
        .chat_this_user { padding:0;margin:0 }
        .task_this_user { padding:0;margin:0 }
        .timelog_this_user { padding:0;margin:0 }
        .timesheet_this_user { padding:0;margin:0 }

        .header-name { float:left;position:relative;top:5px; }
        .header-name-position { font-weight:normal }

        .switch-container { float:right;position:relative;top:5px;left:-30% }
        .employee-time { display:none }
        .current-task { display:none }
        .header-collapse { float:left;position:relative;left:35px;top:-5px }
        .color-codes { position:relative;top:-20px;left:20px }
        .project { display:none }
        .employee-progress { display:none }
        .priority-tasks {display:none  }
        .top-menu { position:relative;top:15px }
        .page-header { min-height:30px }

        .login .content .forget-password { margin:0px }
        .login .logo { padding:0px }
        .img-resize { width:auto;height:60px }

        .icon_text { display:none; }
        .briefcase_position { position:relative;left:0px }
        .hourglass_position { position:relative;left:0px }
        .timesheet_position { position:relative;left:0px }
        .completed_position { position:relative;left:0px }
        .logout_position { position:relative;left:0px }

        .availability_text { padding-top:10px;position:relative;top:-5px; }
        .color-reference { position:relative;top:0px }

        .on-break { padding-bottom:5px }
        .out-returning { padding-bottom:5px }
        .out-for-the-day { padding-bottom:5px }
        .do-not-disturb {  }

        .row { margin:0 }
        .task_details { position:relative; }

        .project-header { display:none }
        .tasks-header { display:none }
        .progress-header { display:none }

        .portlet-body { padding:5px 0;margin:0 }
        .panel-body { padding:5px 0;margin:0 }
        .portlet light { padding:5px 0;margin:0 }

        #expand-all { position:relative;top:-15px;left:290px; }
        #collapse-all { position:relative;top:-15px;left:290px; }

        .clearfix { max-height:35px }
        .page-header.navbar { background-color:#364150 }
    }
    
    @media only screen and (max-width: 767px) {
        .page-header.navbar {
            padding: 0 10px 0 10px;
        }
        .page-header.navbar .page-logo {
            width: auto;
        }
        .page-header.navbar .search-form.open {
            z-index: 3;
            left: 10px;
            right: 10px;
            position: absolute;
            width: auto !important;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
            max-width: 255px;
            width: 255px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
            margin-right: -190px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
            margin-right: 190px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu {
            margin-right: -150px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before {
            margin-right: 150px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
            margin-right: -110px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before {
            margin-right: 110px;
        }
        .page-content-wrapper .page-content {
            padding: 5px 10px 10px 10px !important;
            overflow: hidden;
        }
        .page-content-wrapper .page-content .page-title {
            margin-bottom: 20px;
            font-size: 18px;
        }
        .page-content-wrapper .page-content .page-title small {
            font-size: 13px;
            padding-top: 3px;
        }
        .page-footer,
        .page-boxed .page-footer {
            padding-left: 10px;
            padding-right: 10px;
        }
        .page-footer-fixed .page-footer .container {
            padding-left: 0;
            padding-right: 0;
        }
    }
    
    @media only screen and (max-width : 600px) {
        .show-email-chat { display: none }
        .hidden-568 {
            display: none;
        }
        .task-collapse {
            position: relative;
            left: 37%;
            top: 10px;
        }
        .text-center { text-align: left }
        .relative {
            position: relative;
            top: 5px;
            left: 65%;
        }
        .col-md-12 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-9 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-5 {
            margin: 10px 0;
        }
        .col-md-4 {
            padding: 5px 5px
        }
        .col-md-3 {
            padding: 5px 5px
        }
        .reports-help {
            position: relative;
            top: -40px
        }
        .accom-help {
            position: relative;
            top: -15px;
        }
        .tabbable-custom {
            padding-top: 5px
        }
        .btn-group, .btn-group-vertical {
            padding-top: 15px
        }
        .organization { padding-bottom: 10px }
        input[type=checkbox].general_options {
            height: 15px;
            width: 15px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
            padding: 10px 0px 0px 15px;
        }
        .page-header.navbar .top-menu .navbar-nav > li {
            float: left;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            margin: 0px;
            padding: 0px 0px;
            height: 40px;
            display: inline-block;
        }
        .hidden { 
            display: inline-block !important;
        }
        .email-chat { 
            position: relative;
            left: -10px;
            top: 0px;
            float: right;
            margin-right: 0px 
        }
        .portlet > .portlet-title > .tools > a {
            position: relative;
            left: -15px;
        }
        .email_this_user { padding:0;margin:0 }
        .chat_this_user { padding:0;margin:0 }
        .task_this_user { padding:0;margin:0 }
        .timelog_this_user { padding:0;margin:0 }
        .timesheet_this_user { padding:0;margin:0 }
        .return_message {
            position: relative;
            left: 0%;
	    top: 20px;
            padding: 0;
        }
        .header-name { float:left;position:relative;top: 1px; }
        .header-name-position { font-weight:normal }
        .availability {
            left: 0;
            top: 15px;
            font-size: 16px;
            font-weight: 200
        }
        .switch-container {
            float: right;
            position: relative;
            top: 1px;
            left: -70px;
            padding-right: 5px
        }
        .employee-time { display:none }
        .current-task { position:relative;font-size:13px; }
        .tools { position: relative;top: 0px;left: 170px}
        .color-codes { position: relative;top:-20px;left:20px }
        .project { display:none }
        .employee-progress { display:none }
        .priority-tasks {display:none  }
        .top-menu { 
            position: absolute;
            top: 8px;
            left: 55%;
        }
        .page-header { min-height:30px }

        .login .content .forget-password { margin:0px }
        .login .logo { padding:0px }
        .img-resize { width:auto;height:60px }
        .page-header.navbar .page-logo .logo-default {
            width: auto;
            height: 40px;
            margin: 5px 0 0 0;
        }

        .icon_text { display:none; }
        .briefcase_position { position:relative;left:0px }
        .hourglass_position { position:relative;left:0px }
        .timesheet_position { position:relative;left:0px }
        .completed_position { position:relative;left:0px }
        .logout_position { position:relative;left:0px }

        .availability_text { display:none }
        .color-reference { display:none }

        .on-break { padding-bottom:5px }
        .out-returning { padding-bottom:5px }
        .out-for-the-day { padding-bottom:5px }
        .do-not-disturb {  }

        .row { margin:0 }
        .task-title {
            padding: 5px 0
        }
        .task_details { 
            position:relative;
            
        }
        .shift-left { 
            float: right;
            z-index: 9999;
        }
        .project-header { display:none }
        .tasks-header { display:none }
        .progress-header { display:none }

        .portlet-body { padding:5px 0;margin:0 }
        .panel-body { padding:5px 0;margin:0 }
        .portlet light { padding:5px 0;margin:0 }

        #expand-all { position:relative;top:-15px;left:290px; }
        #collapse-all { position:relative;top:-15px;left:290px; }

        .clearfix { max-height:35px }
        .page-header.navbar { background-color:#364150 }
	
	#status-bar-step6 {
	    left: 100px;
	}
	
	#tasks-step14 {
	    left: -70%;
	}
    }
    
    @media (max-width: 580px) {
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile {
            display: none;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname {
            display: none;
        }
    }
        
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 568px) {
        .portlet > .portlet-title > .tools > a {
            position: relative;
            left: -15px;
        }
        .show-email-chat { display: none }
        .hidden-568 {
            display: none;
        }
        .task-collapse {
            position: relative;
            left: 37%;
            top: 10px;
        }
        .text-center { text-align: left }
        .relative {
            position: relative;
            top: 5px;
            left: 65%;
        }
        .col-md-12 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-9 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-5 {
            margin: 10px 0;
        }
        .col-md-4 {
            padding: 5px 5px
        }
        .col-md-3 {
            padding: 5px 5px
        }
        .reports-help {
            position: relative;
            top: -40px
        }
        .accom-help {
            position: relative;
            top: -15px;
        }
        .tabbable-custom {
            padding-top: 5px
        }
        .btn-group, .btn-group-vertical {
            padding-top: 15px
        }
        .organization { padding-bottom: 10px }
        input[type=checkbox].general_options {
            height: 15px;
            width: 15px;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
            padding: 10px 0px 0px 15px;
        }
        .page-header.navbar .top-menu .navbar-nav > li {
            float: left;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            margin: 0px;
            padding: 0px 0px;
            height: 40px;
            display: inline-block;
        }
        .hidden { 
            display: inline-block !important;
        }
        .email-chat { 
            position: relative;
            left: -5px;
            top: 0px;
            float: right; 
            margin-right: 0px 
        }
        .email_this_user { padding:0;margin:0 }
        .chat_this_user { padding:0;margin:0 }
        .task_this_user { padding:0;margin:0 }
        .timelog_this_user { padding:0;margin:0 }
        .timesheet_this_user { padding:0;margin:0 }
        .return_message {
            position: relative;
            left: 0%;
            padding: 0;
        }
        .header-name { float:left;position:relative;top: 1px; }
        .header-name-position { font-weight:normal }
        .availability {
            left: 0;
            top: 15px;
            font-size: 16px;
            font-weight: 200
        }
        .switch-container {
            float: right;
            position: relative;
            top: 1px;
            left: -20%;
            padding-right: 5px
        }
	#status-bar-step6 {
	    left: 70px;
	}
        .employee-time { display:none }
        .current-task { position:relative;font-size:13px; }
        .tools { position: relative;top: 0px;left: 170px}
        .color-codes { position: relative;top:-20px;left:20px }
        .project { display:none }
        .employee-progress { display:none }
        .priority-tasks {display:none  }
        .top-menu { 
            position: absolute;
            top: 8px;
            left: 55%;
        }
        .page-header { min-height:30px }

        .login .content .forget-password { margin:0px }
        .login .logo { padding:0px }
        .img-resize { width:auto;height:60px }
        .page-header.navbar .page-logo .logo-default {
            width: auto;
            height: 40px;
            margin: 5px 0 0 0;
        }

        .icon_text { display:none; }
        .briefcase_position { position:relative;left:0px }
        .hourglass_position { position:relative;left:0px }
        .timesheet_position { position:relative;left:0px }
        .completed_position { position:relative;left:0px }
        .logout_position { position:relative;left:0px }

        .availability_text { display:none }
        .color-reference { display:none }

        .on-break { padding-bottom:5px }
        .out-returning { padding-bottom:5px }
        .out-for-the-day { padding-bottom:5px }
        .do-not-disturb {  }

        .row { margin:0 }
        .task-title {
            padding: 5px 0
        }
        .task_details { 
            position:relative;
            
        }
        .shift-left { 
            float: right;
            z-index: 9999;
        }
        .project-header { display:none }
        .tasks-header { display:none }
        .progress-header { display:none }

        .portlet-body { padding:5px 0;margin:0 }
        .panel-body { padding:5px 0;margin:0 }
        .portlet light { padding:5px 0;margin:0 }

        #expand-all { position:relative;top:-15px;left:290px; }
        #collapse-all { position:relative;top:-15px;left:290px; }

        .clearfix { max-height:35px }
        .page-header.navbar { background-color:#364150 }
    }
    
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
            padding: 27px 0px 0px 10px;
	    /*width: 50%;*/
        }
        .page-header.navbar {
            /* Top menu */
        }
        .page-header.navbar .top-menu {
            background-color: transparent;
        }
        .page-header-fixed-mobile .page-header.navbar .top-menu {
            background-color: #2b3643;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            background-color: #415265;
        }
        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            background: none;
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
            background-color: #3f4f62;
        }
        .portlet > .portlet-title > .tools > a {
            position: relative;
            left: 0px;
        }
        .availability {
            display: none;
        }
        .portlet-body {
            padding: 5px 0;
            margin: 0;
        }
        .task-collapse {
            position: relative;
            left: 37%;
            top: 10px;
        }
        .text-center { text-align: left }
        .relative {
            position: relative;
            top: 5px;
            left: 45%;
        }
        .col-md-12 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-9 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-5 {
            margin: 10px 0;
        }
        .col-md-4 {
            padding: 5px 5px
        }
        .col-md-3 {
            padding: 5px 5px
        }
        .reports-help {
            position: relative;
            top: -40px
        }
        .accom-help {
            position: relative;
            top: -15px;
        }
        .page-header.navbar .page-logo .logo-default {
            position: relative;
            left: -10px;
            margin: 15px 0 0 0;
        }
        .settings_position {
            position: relative;
            left: 0px;
        }
        .email_this_user { padding:0;margin:0 }
        .chat_this_user { padding:0;margin:0 }
        .task_this_user { padding:0;margin:0 }
        .timelog_this_user { padding:0;margin:0 }
        .timesheet_this_user { padding:0;margin:0 }
        .email-chat {
            position: relative;
            top: 0px;
            left: -13px
        }
        .task_details {
            position: relative;
            top: 0px;
            left: 0px;
        }
        .hide-email-chat {display:none}
        .show-email-chat {display: block}
        .header-name { float:left;position:relative;top:-1px;left:-5.5% }
        .header-name-position {
	    font-weight:normal;
	    left: 15px;
	}
	#status-bar-step2 {
	    width: auto;
	}
        .return_message {
	    position:relative;
	    left:0%;
	    padding: 10px;
	}
        .switch-container { float:right;position:relative;top:-1px;left: -75px;padding-right:5px }
        .current-task {
            padding: 5px 0
        }
        .current_task_text { font-size: 14px }
        .header-collapse { float:right;position:relative;top:1px;left:20px }

        .mobile-email-chat { float:left;position:relative; }
        .mobile-current-task { float:left;position:relative; }

        .color-codes { position: relative;top:-20px;left:20px }
        .project { display:none }
        .employee-progress { display:none }
        .priority-tasks {display:none  }
        .top-menu { 
            position:relative;
            top:-15px;
            left: 15%;
        }
        .page-header { min-height:30px }

        .login .content .forget-password { margin:0px }
        .login .logo { padding:0px }
        .img-resize { width:auto;height:60px }

        .icon_text { display:none; }
        .briefcase_position { position:relative;left:0px }
        .hourglass_position { position:relative;left:0px }
        .timesheet_position { position:relative;left:0px }
        .completed_position { position:relative;left:0px }
        .logout_position { position:relative;left:0px }

        .availability_text { padding-top:10px;position:relative;top:-5px; }
        .color-reference { display:none }

        .on-break { padding-bottom:5px }
        .out-returning { padding-bottom:5px }
        .out-for-the-day { padding-bottom:5px }
        .do-not-disturb {  }

        .row {
	    margin:0;
	}
	
	.header-stuff {
	    display: none;
	}

        .project-header { display:none }
        .tasks-header { display:none }
        .progress-header { display:none }

        .portlet-body { padding:5px 0;margin:0 }
        .panel-body { padding:5px 0;margin:0 }
        .portlet light { padding:5px 0;margin:0 }

        #expand-all { position:relative;top:-15px;left:290px; }
        #collapse-all { position:relative;top:-15px;left:290px; }

        .clearfix { max-height:35px }

        .radio-container {
	    position:relative;
	    float:left;
	    display:block
	}
	
	.clock-button {
	    width: 100%;
	}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
            padding: 0px 0px 0px 5px;
        }
        .portlet > .portlet-title > .tools > a {
            position: relative;
            left: 0px;
        }
        .portlet-body {
            padding: 5px 0;
            margin: 0;
        }
        .task-collapse {
            position: relative;
            left: 37%;
            top: 10px;
        }
        .text-center { text-align: left }
        .relative {
            position: relative;
            top: 5px;
            left: 45%;
        }
        .col-md-12 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-9 {
            padding-right: 0px;
            padding-left: 0px;
        }
        .col-md-5 {
            margin: 10px 0;
        }
        .col-md-4 {
            padding: 5px 5px
        }
        .col-md-3 {
            padding: 5px 5px
        }
        .reports-help {
            position: relative;
            top: -40px
        }
        .accom-help {
            position: relative;
            top: -15px;
        }
        .page-header.navbar .page-logo .logo-default {
            margin: 15px 0 0 0;
        }
        .email_this_user { padding:0;margin:0 }
        .chat_this_user { padding:0;margin:0 }
        .task_this_user { padding:0;margin:0 }
        .timelog_this_user { padding:0;margin:0 }
        .timesheet_this_user { padding:0;margin:0 }
        .email-chat {
            position: relative;
            top: 0px;
            left: -13px
        }
        .task_details {
            position: relative;
            top: 0px;
            left: 0px;
        }
        .hide-email-chat {display:none}
        .show-email-chat {display: block}
        .header-name { 
	    float:left;
	    position:relative;
	    /*top:-1px;*/
	    left:-5.5%
	}
        .header-name-position {
	    font-weight:normal
	}
        .return_message { position:relative;left:0% }
        .switch-container { float:right;position:relative;top:-1px;left:-48px;padding-right:5px }
        .current-task {
            padding: 5px 0
        }
        .current_task_text { font-size: 14px }
        .header-collapse { float:right;position:relative;top:1px;left:20px }

        .mobile-email-chat { float:left;position:relative; }
        .mobile-current-task { float:left;position:relative; }

        .color-codes { position: relative;top:-20px;left:20px }
        .project { display:none }
        .employee-progress { display:none }
        .priority-tasks {display:none  }
        .top-menu { 
            position:relative;
            left: 19%;
            top:-10px 
        }
        .page-header { min-height:30px }

        .login .content .forget-password { margin:0px }
        .login .logo { padding:0px }
        .img-resize { width:auto;height:60px }

        .icon_text { display:none; }
        .briefcase_position { position:relative;left:0px }
        .hourglass_position { position:relative;left:0px }
        .timesheet_position { position:relative;left:0px }
        .completed_position { position:relative;left:0px }
        .logout_position { position:relative;left:0px }

        .availability_text { padding-top:10px;position:relative;top:-5px; }
        .color-reference { display:none }

        .on-break { padding-bottom:5px }
        .out-returning { padding-bottom:5px }
        .out-for-the-day { padding-bottom:5px }
        .do-not-disturb {  }

        .row { margin:0 }

        .project-header { display:none }
        .tasks-header { display:none }
        .progress-header { display:none }

        .portlet-body { padding:5px 0;margin:0 }
        .panel-body { padding:5px 0;margin:0 }
        .portlet light { padding:5px 0;margin:0 }

        #expand-all { position:relative;top:-15px;left:290px; }
        #collapse-all { position:relative;top:-15px;left:290px; }

        .clearfix { max-height:35px }

        .radio-container { position:relative;float:left;display:block }
    }
    
    @media print {
        body {
            background-color: #fff !important;
        }
        .page-bar {
            display: none;
        }
        .page-sidebar-wrapper {
            display: none;
        }
        .page-quick-sidebar-wrapper {
            display: none;
        }
        .theme-panel {
            display: none;
        }
        .hidden-print {
            display: none;
        }
        .page-footer {
            display: none;
        }
        .no-page-break {
            page-break-after: avoid;
        }
        .page-container {
            margin: 0px !important;
            padding: 0px !important;
        }
        .page-content {
            padding: 0 !important;
            min-height: 300px !important;
            padding: 0px 20px 20px !important;
            margin: 0 !important;
        }
    }