@media screen and (max-width: 1600px) {

    .task-table-header div[class^="task-table-col"] p,
    .task-table-row-detail-header div[class^="task-table-row-detail-col"] p {
        font-size: 11px;
    }
}

@media screen and (max-width: 1680px) {
    .scroll-inner {
        margin: 0 12px 0 5px;
    }

    .free-trial-bar {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
    }

        .free-trial-bar img {
            margin: 1px 10px 0 0;
            width: 22px;
        }

    .ws-left-panel {
        width: 250px;
        padding: 70px 10px 0;
    }

    .workspace-back-icon {
        font-size: 18px;
    }

    .main-menu-list-item-subitem {
        height: 36px;
        font-size: 14px;
        padding: 0 5px;
    }

    .ws-right-panel {
        width: calc(100% - 250px);
        height: calc(100% - 5px);
    }

    .ws-frame-panel {
        height: calc(100% - 10px);
        margin: 5px;
        border-radius: 6px;
    }

    .ws-body-wrapper {
        height: calc(100% - 124px);
        padding: 5px;
    }

    .ws-body-wrapper-left {
        width: calc(100% - 315px);
        border-radius: 6px;
    }

    .hide-right-pane .ws-body-wrapper-left {
        width: calc(100% - 41px);
    }

    .ws-navigation {
        width: 250px;
        padding: 5px 5px 0;
        border-radius: 5px 0 0 5px;
    }

    .ws-middle-panel {
        width: calc(100% - 250px);
        border-radius: 0 6px 6px 0;
    }

    .ws-body-wrapper-right {
        width: 310px;
        margin-left: 5px;
        border-radius: 6px;
    }

    .hide-right-pane .ws-body-wrapper-right {
        width: 36px;
    }

    .ws-nav-heading {
        border-bottom-width: 2px;
        height: 26px;
        margin: 5px 0 0 0;
        font-size: 18px;
        line-height: 22px;
    }

    .workspaces-title-wrapper {
        border-width: 2px;
        height: 36px;
        margin: 0 12px 0 5px;
    }

    .workspaces-title {
        font-size: 16px;
        line-height: 18px;
    }

    .admin-main-screen-item {
        padding: 5px 5px;
        margin: 0px;
        height: 90px;
    }

    .admin-main-screen-item-icon {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        font-size: 48px;
    }

    .admin-main-screen-item-heading {
        font-size: 18px;
    }

    .ws-right-content {
        width: calc(100% - 36px);
        border-radius: 6px 0 0 6px;
    }

    .ws-right-nav {
        width: 36px;
        border-radius: 0 6px 6px 0;
    }

    .subs-menu-item-icon {
        width: 20px;
        height: 20px;
    }

    .acc-info-form {
        width: 280px;
        padding-bottom: 0;
    }

    .admin-help-container {
        width: calc(100% - 287px);
        padding: 10px;
    }

    .help-content-header {
        border-width: 3px;
        padding-left: 5px;
    }

    .hch-title-1 {
        font-size: 10px;
        line-height: 10px;
        margin: 0 0 5px;
    }

    .comment-body {
        padding-left: 8px;
        padding-top: 8px;
    }

    .acc-info-form {
        width: 287px;
        padding-bottom: 0;
    }

    .form-field {
        font-size: 13px;
    }

    .user-list-box {
        font-size: 12px;
        height: 180px;
    }

    .lic-header {
        margin: 2px 12px 0 5px;
    }

    .subs-lic-row {
        height: 31px;
    }

    .sub-lic-col1 {
        width: 30px;
        font-size: 16px;
        padding-left: 3px;
    }

    .sub-lic-col2 {
        font-size: 13px;
    }

    .sub-lic-col3 {
        width: 130px;
    }

    .sub-lic-col4 {
        width: 80px;
    }

    .sub-lic-col5 {
        width: 40px;
        font-size: 20px;
    }

    .lpd-header {
        border-width: 2px;
        height: 30px;
        margin: 5px 12px 0 5px;
    }

    .lpd-header-txt {
        font-size: 16px;
        line-height: 18px;
    }

    .lpdt-header {
        margin: 2px 12px 0 5px;
    }

    .uld-panel {
        height: calc(100% - 63px);
    }

    .license-box {
        height: 190px;
    }

    .calendar-filter .form-group {
        height: 32px;
    }

    .calendar-filter .form-control {
        font-size: 11px;
        padding: 12px 5px 0px;
        height: 28px;
        background-size: 24px;
    }

    .subs-invoicing-header-row {
        font-size: 12px;
        min-height: 44px;
        height: 44px;
        margin: 0 12px 0 5px;
    }

    .subs-invoicing-col1 {
        width: 3%;
        text-align: center;
    }

    .subs-invoicing-col2 {
        width: 13%;
    }

    .subs-invoicing-col3 {
        width: 13%;
    }

    .subs-invoicing-col4 {
        width: 25%;
    }

    .subs-invoicing-col5 {
        width: 16%;
    }

    .subs-invoicing-col6 {
        width: 15%;
    }

    .sprint-header-sorting-label {
        margin: 2px 0 0;
    }

    .sprint-header-label {
        text-transform: none;
        padding: 0 2px;
        font-weight: bold;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .subs-invoicing-header-row .sprint-header-label {
        font-size: 12px;
        line-height: 12px;
        font-weight: normal;
    }

    .sorting-arrows {
        font-size: 14px;
        padding-top: 1px;
    }

    .subs-invoicing-header-row .sorting-arrows {
        font-size: 12px;
        width: 10px;
    }

    .subs-invoicing-header-row input[type="text"] {
        font-size: 12px;
        height: 20px;
    }

    .subs-invoicing-row {
        font-size: 12px;
        min-height: 32px;
        height: 32px;
    }

    .subs-invoicing-col1 {
        width: 3%;
    }

    .subs-invoicing-col2 {
        width: 13%;
    }

    .subs-invoicing-col3 {
        width: 13%;
    }

    .subs-invoicing-col4 {
        width: 25%;
    }

    .subs-invoicing-col5 {
        width: 16%;
    }

    .invoicing-history .ws-body-wrapper-left {
        width: calc(100% - 425px);
    }

    .invoicing-history .ws-body-wrapper-right {
        width: 420px;
    }

    .user-rights-wrapper {
        border-width: 2px;
        height: 30px;
        margin: 5px 12px 0 5px;
    }

    .workspaces-title {
        font-size: 16px;
        line-height: 18px;
    }

    .user-rights-list-wrapper {
        height: calc(100% - 63px);
    }

    .billing-invoice-box {
        padding: 10px 4px;
    }

        .billing-invoice-box .invoice-top-head tr td {
            padding: 0px 4px 10px 0;
        }

    .logo-invoice {
        max-width: 152px;
    }

    .billing-invoice-box .invoice-top-head tr td {
        padding: 0px 4px 10px 0;
    }

    .download-border-top {
        margin: 3px 0px 0 5px;
        width: calc(100% - 5px);
    }

    .subs-invoicing-header-row.shorting-invoice .sorting-arrows i {
        line-height: 6px !important;
    }

    .title_header p {
        text-transform: none;
        font-size: 13px;
    }

    .read_subs {
        width: 24px;
    }

    .app_no, .app_no_data {
        width: 180px;
    }

    .app_name, .app_name_data {
        width: 250px;
    }

    .last_subs,
    .last_subs_data {
        width: 120px;
    }

    .del_subs {
        width: 24px;
    }

    .altair-body-wrapper.show-edit-project .app-desc,
    .altair-body-wrapper.show-edit-project .prep_by,
    .altair-body-wrapper.show-edit-project .last_subs,
    .altair-body-wrapper.show-edit-project .app_desc_data,
    .altair-body-wrapper.show-edit-project .prep_data,
    .altair-body-wrapper.show-edit-project .last_subs_data {
        display: none;
    }

    .altair-body-wrapper.show-edit-project .app_no,
    .altair-body-wrapper.show-edit-project .app_name,
    .altair-body-wrapper.show-edit-project .app_no_data,
    .altair-body-wrapper.show-edit-project .app_name_data {
        width: 1px;
        flex-grow: 1;
    }
}

@media screen and (max-width: 1366px) {
    .main-container {
        min-height: 600px;
        min-width: 1280px;
        position: relative;
    }

    .theme-popup {
        padding: 0 3px;
        top: -88px;
        width: 94px;
        left: -36px;
    }

    .headerbar {
        height: 35px;
    }

    .leftpanel {
        top: 35px;
        width: 150px;
        height: calc(100% - 35px);
    }

    .contentpanel {
        padding: 13px 3px 3px 3px;
    }

    .leftpanel-collapsed .contentpanel {
        padding-left: 42px;
    }

    .main-body-wrapper {
        height: calc(100% - 147px);
        padding: 3px 0 0 0;
    }

    .leftpanelinner {
        padding: 5px 0 5px 3px;
    }

    .leftpanel-collapsed .leftpanel {
        top: 35px;
        width: 44px;
    }

    .bottom-panel .footer-icons li {
        margin: 0 4px;
    }

    .rightpanel {
        -webkit-border-radius: 6px 0 0;
        border-radius: 6px 0 0;
        width: 75px;
        border-bottom: 0;
        height: calc(100% - 55px);
        top: 41px;
    }

        .rightpanel .tab-content {
            padding: 0 0 0 5px;
            height: calc(100% - 98px)
        }

    .headerbar-rightpanel {
        width: 500px;
    }

    .headermenu .tp-icon {
        height: 41px;
        padding: 2px 0 0 10px;
    }

    .searchform input,
    .searchform input:focus {
        width: 220px;
    }

    .headermenu .btn-group {
        width: 220px;
    }

    .headermenu .dropdown-toggle {
        padding: 5px 10px 0;
    }

        .headermenu .dropdown-toggle img {
            width: 24px;
        }

    .branding {
        left: 6px;
    }

    .branding-logo {
        width: 32px;
    }

    .edit-txt-area {
        min-height: 64px;
    }

    .comment-history-panel2 {
        height: calc(100% - 408px);
    }

    /*.header-right {
        width: 280px;
    }*/

    .leftpanel-collapsed .nav-bracket li a {
        padding: 0;
    }

    .mainpanel {
        margin-left: 150px;
        width: calc(100% - 230px);
        height: calc(100% - 14px);
    }

    #master-container.chat-collapsed .mainpanel {
        width: calc(100% - 150px);
    }

    .footer-links {
        font-size: 11px;
        line-height: 14px;
        margin-right: 120px;
    }

    #master-container.leftpanel-collapsed .mainpanel {
        width: calc(100% - 85px);
    }

    #master-container.leftpanel-collapsed.chat-collapsed .mainpanel {
        width: calc(100% - 5px);
    }

    .msg-listing {
        width: 100px;
    }

    .sidebar-menu {
        width: 220px;
    }

    #master-container.leftpanel-collapsed .master-tabs {
        width: calc(100% - 230px);
    }

    .sidebar-menu-heading {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 36px;
    }

    .sidebar-menu-top-menu,
    .sidebar-menu-search-box {
        height: 38px;
    }

    .sidebar-menu-heading h3 {
        font-size: 16px;
        margin: 4px 0 4px 5px;
    }

        .sidebar-menu-heading h3 img {
            width: 36px;
        }

    .sidebar-menu-top-menu ul {
        height: 30px;
    }

    .sidebar-menu-top-menu li {
        font-size: 13px;
        margin: 5px 4px;
    }

        .sidebar-menu-top-menu li a img {
            width: 20px;
            margin-right: 3px;
        }

    .search-wrapper input {
        font-size: 13px;
        height: 30px;
        padding: 0 30px 0 5px;
        color: #8cb8f5;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .search-wrapper img {
        top: 5px;
    }

    .sidebar-menu-search-box a {
        height: 30px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .menu-head.open > a {
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .menu-head > a i.heading-icon {
        height: 20px;
        margin: 0 5px 0 0;
        width: 20px;
    }

    .menu-head.one > a i.heading-icon {
        background: transparent url(../img/Activity-Manager-Close.png) no-repeat scroll center center / -webkit-calc(80%) auto;
        background: transparent url(../img/Activity-Manager-Close.png) no-repeat scroll center center / calc(80%) auto;
    }

    .menu-head > a {
        height: 28px;
        padding: 3px 5px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .menu-head > a span {
            font-size: 14px;
            line-height: 18px;
        }

    .menu-body {
        padding: 0 0 5px 5px;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .menu-head.two > a i.heading-icon {
        background: transparent url("../img/Task-Manager-White.png") no-repeat scroll center center / 12px auto;
    }

    .menu-head.three > a i.heading-icon {
        background: transparent url("../img/Document-Manager-White.png") no-repeat scroll center center / 10px auto;
    }

    .menu-head.four > a i.heading-icon {
        background: transparent url("../img/Billing-White.png") no-repeat scroll center center / 11px auto;
    }

    .parent-menu > a {
        padding: 0 2px;
    }

        .parent-menu > a span,
        .child-menu > a span {
            font-size: 11px;
            line-height: 24px;
            margin-left: 0;
        }

    .child-menu > a {
        margin-right: 5px;
        padding: 0 0 0 12px;
    }

    .sidebar-menu-bottom {
        bottom: -22px;
    }

        .sidebar-menu-bottom li a {
            display: block;
            padding: 2px 6px;
        }

    .chat-view {
        margin-right: 0;
    }

    #master-container.leftpanel-collapsed .hide-sidebar .master-tabs,
    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .master-tabs,
    .hide-sidebar .master-tabs {
        width: calc(100% - 39px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .hide-email .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    .leftpanel-collapsed .hide-sidebar .hide-email .inbox-msg-detail,
    .leftpanel-collapsed .hide-sidebar .hide-email .view-email-screen.expended .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    .view-email-screen.expended .inbox-listing {
        width: 50%;
    }

    .leftpanel-collapsed .hide-sidebar .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 88px);
    }

    .leftpanel-collapsed .hide-sidebar.calendar-view .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 260px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 88px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .hide-email .view-email-screen.expended .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar.calendar-view .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 260px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar.calendar-view .hide-email .view-email-screen.expended .inbox-msg-detail {
        width: calc(100% - 340px);
    }

    .hide-sidebar .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 88px);
    }

    .hide-sidebar.calendar-view .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 260px);
    }

    .hide-sidebar .hide-email .inbox-msg-detail, .hide-sidebar .hide-email .view-email-screen.expended .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    .leftpanel-collapsed .view-email-screen.expended .inbox-msg-detail {
        width: calc(50% - 88px);
    }

    .inbox-listing {
        width: 240px;
    }

    .hide-email .inbox-listing header {
        height: 40px;
    }

    section.inbox-list {
        height: calc(100% - 80px);
    }

    .inbox-listing header {
        border-radius: 4px 0 0;
        height: 40px;
        margin: 0;
        padding: 2px 5px;
    }

    .inbox-listing .inbox-header-icons a {
        height: 34px;
        line-height: 32px;
        width: 34px;
    }

    .hide-email .inbox-listing .inbox-header-icons a {
        margin-top: 3px;
    }

    .inbox-list .user-detail {
        width: 86%;
    }

    .inbox-list .user-inbox {
        width: 14%;
    }

    .inbox-listing header img {
        width: 32px;
    }

    .multi-select {
        height: 60px;
        padding: 5px 5px 0;
    }

        .multi-select input#multiselect {
            font-size: 13px;
            height: 30px;
            padding: 0 30px 0 35px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            background: rgba(0, 0, 0, 0) url(../img/Icons-Inbox/mailbox-icon.png) no-repeat scroll 5px center / -webkit-calc(10%) auto;
            background: rgba(0, 0, 0, 0) url(../img/Icons-Inbox/mailbox-icon.png) no-repeat scroll 5px center / calc(10%) auto;
        }

        .multi-select i {
            font-size: 24px;
            top: 7px;
            right: 10px;
        }

        .multi-select input[type='checkbox'] {
            margin-left: 5px;
        }

        .multi-select label {
            font-size: 12px;
        }

    .inbox-list li a {
        height: 44px;
        padding: 0 10px;
    }

    .hide-email .inbox-list li a {
        padding: 0 0 0 10px;
    }

    .inbox-list .user-detail img {
        height: 30px;
        margin-right: 8px;
        margin-top: 7px;
        width: 30px;
    }

    .inbox-list .user-detail b {
        font-size: 12px;
        margin: 3px 0 0;
    }

    .inbox-list .user-detail small {
        font-size: 11px;
        line-height: 12px;
    }

    .inbox-list .user-inbox img {
        margin-top: 12px;
        width: 24px;
    }

    .inbox-list .user-inbox sub {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        bottom: -4px;
        font-size: 9px;
        height: 13px;
        line-height: 14px;
        right: 0;
        width: 20px;
    }

    section.inbox-list {
        height: calc(100% - 80px);
    }

    .inbox-list li.selected::before,
    .inbox-list li:hover::before {
        width: 2px;
    }

    .inbox-search {
        margin: 0;
        padding: 0 0 0 5px;
        width: 85%;
    }

        .inbox-search input[type="text"] {
            font-size: 14px;
            height: 28px;
            margin-top: 5px;
            padding: 0 25px 0 5px;
        }

            .inbox-search input[type="text"] + img {
                right: 16%;
                top: 10px;
            }

        .inbox-search input[type="button"] {
            float: left;
            height: 28px;
            margin-top: 5px;
        }

    .event-calendar {
        margin: 5px 0;
        width: 34px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: calc(100% - 10px);
    }

    p.calendar-title {
        padding: 20px 2px 0;
        font-size: 20px;
    }

        p.calendar-title img {
            width: 30px;
            margin-bottom: 10px;
        }

    .hide-calendar .events-panel .scroll-wrapper {
        height: 386px;
    }

    .msg-summary {
        padding: 35px 10px 15px 110px;
    }

        .msg-summary img {
            width: 200px;
        }

        .msg-summary p {
            font-size: 16px;
        }

    .events-panel .scroll-wrapper {
        max-height: 238px;
    }

    .inbox-listing::after {
        bottom: 14px;
    }

    .inbox-msg-detail {
        width: 57.3%;
        margin: 5px 5px 5px 0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: calc(100% - 10px);
    }

    .hide-sidebar .inbox-msg-detail {
        width: calc(100% - 328px);
    }

    .hide-email .inbox-msg-detail {
        width: 78%;
    }

    .hide-sidebar .hide-email .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    .leftpanel-collapsed .inbox-msg-detail {
        width: calc(100% - 328px);
    }

    .leftpanel-collapsed .hide-sidebar .inbox-msg-detail {
        width: calc(100% - 328px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .inbox-msg-detail {
        width: calc(100% - 328px);
    }

    .leftpanel-collapsed .hide-sidebar .hide-email .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    .leftpanel-collapsed .hide-sidebar .view-email-screen .inbox-msg-detail.my-contacts {
        width: calc(100% - 75px);
        height: calc(100% - 10px);
    }

    .leftpanel-collapsed .hide-sidebar.calendar-view .hide-email .inbox-msg-detail {
        width: calc(100% - 340px);
    }

    .leftpanel-collapsed .hide-email .inbox-msg-detail {
        width: 81.9%;
    }

    body.chat-view .rightpanel {
        width: 230px;
    }

    body.chat-view .chatuserlist .media-body {
        width: 72%;
    }

    body.chat-view .hide-email .inbox-msg-detail {
        width: 77.5%;
    }

    #master-container.leftpanel-collapsed.chat-view .hide-email .inbox-msg-detail {
        width: 77.7%;
    }

    body.chat-view .hide-email .msg-summary {
        width: 82%;
    }

    .chatuserlist .media-body strong {
        font-size: 18px;
    }

    #master-container.leftpanel-collapsed.chat-view .mainpanel {
        width: calc(100% - 240px);
    }

    body.chat-view .master-tabs {
        width: 75.2%;
    }

    body.chat-view .inbox-msg-detail {
        width: 56.7%;
    }

    #master-container.leftpanel-collapsed .hide-email .inbox-msg-detail, #master-container.leftpanel-collapsed .hide-email .view-email-screen.expended .inbox-msg-detail {
        width: calc(100% - 168px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar.calendar-view .hide-email .inbox-msg-detail {
        width: calc(100% - 340px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar.calendar-view .inbox-msg-detail {
        width: calc(100% - 500px);
    }

    .hide-sidebar.calendar-view .inbox-msg-detail {
        width: calc(100% - 500px);
    }

    .hide-sidebar.calendar-view .hide-email .inbox-msg-detail, .hide-sidebar.calendar-view .hide-email .view-email-screen.expended .inbox-msg-detail {
        width: calc(100% - 340px);
    }

    .msg-listing {
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .hide-sidebar .menu-head > a span,
    .hide-sidebar .menu-head.open > a span {
        font-size: 18px;
        margin-top: 10px;
    }

    .msg-summary-box {
        margin: 4px 10px 4px 4px;
        padding: 3px 4px 5px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .msg-summary-box img {
            width: 50px;
        }

        .msg-summary-box p {
            line-height: 14px;
        }

    .msg-listing .scroll-wrapper {
        height: 427px;
    }

    .calendar-list {
        width: 34px;
        margin: 5px 0;
        padding: 5px 2px;
        height: calc(100% - 10px);
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .calendars,
    .email-actions {
        margin-bottom: 16px;
    }

        .calendars img,
        .email-actions img {
            width: 22px;
            margin-bottom: 5px;
        }

    .rightpanel .nav-tabs {
        -webkit-border-radius: 6px 0 0;
        border-radius: 6px 0 0;
    }

        .rightpanel .nav-tabs > li > a {
            padding: 20px 12px 5px 12px;
        }

    body.chat-view .rightpanel .nav-tabs > li > a {
        padding: 28px 5px 5px;
    }

        body.chat-view .rightpanel .nav-tabs > li > a img {
            width: 35px;
        }

    .rightpanel .nav-tabs > li.group-icons {
        margin-top: 12px;
    }

    body.chat-view .rightpanel .nav-tabs > li.group-icons a {
        font-size: 11px;
        height: 24px;
    }

        body.chat-view .rightpanel .nav-tabs > li.group-icons a img {
            width: 15px;
        }

    .chatuserlist {
        padding: 0 10px 0 0;
    }

        .chatuserlist li {
            height: 46px;
            margin-bottom: 5px;
        }

            .chatuserlist li.online .media-thumb::after {
                width: 12px;
                height: 12px;
            }

        .chatuserlist .media-object {
            width: 40px;
        }

        .chatuserlist .media-thumb {
            margin-right: 4px;
            padding: 2px;
        }

    .hide-email .inbox-list .user-inbox {
        right: 17px;
        top: 16px;
    }

    .bottom-panel {
        bottom: 2px;
        right: 30px;
    }

        .bottom-panel .footer-icons li a img {
            width: 14px;
        }

    .inbox-listing-bottom {
        height: 40px;
    }

    .hide-email .inbox-listing-bottom {
        height: 40px;
    }

    .hide-email .email-collapse {
        margin: 4px 0 0;
    }

    .sub-tabs li {
        padding: 0 10px 0 10px;
        height: 24px;
    }

        .sub-tabs li span.workspace-title {
            line-height: 24px;
        }

    .bottom-panel .footer-icons li a {
        line-height: 22px;
        width: 22px;
        height: 22px;
    }

    .small_icons {
        font-size: 14px;
    }

    .large_icons {
        font-size: 20px;
    }

    .accordion-menu h1 span.accordion-menu-icon {
        font-size: 16px;
    }

    .accordion-menu.clicked {
        height: calc(100% - 70px);
    }

    .branding {
        width: 34px;
        height: 330px;
    }

    .master-tabs .tab-content::after {
        height: 8px;
    }

    .hide-sidebar .slide-handle {
        width: 3px;
    }

    .master-tabs.tabs-right > .nav-tabs > li > a {
        font-size: 12px;
    }

    .master-tabs .nav.nav-tabs {
        top: 6px;
    }

    .rightpanel .nav-tabs {
        height: 93px;
        width: 75px;
        /*width: 230px;*/
    }

    body.chat-view .rightpanel .nav-tabs {
        width: 230px;
    }

    .leftpanel-collapsed .hide-sidebar.calendar-view .hide-email .msg-list .msg-item,
    .leftpanel-collapsed .hide-sidebar .hide-email .msg-list .msg-item,
    .leftpanel-collapsed .hide-email .msg-list .msg-item,
    .hide-sidebar .msg-list .msg-item {
        width: 49%;
    }

    .master-tabs .tab-content::before {
        width: 4px;
    }

    .event-calendar-options .calendar-collapse {
        margin: 5px 0 0;
    }

    .leftpanel-collapsed .leftpanel-tab-wraper .scroll-wrapper {
        height: calc(100% - 190px);
    }

    .hide-email .msg-list .msg-item {
        width: 99%;
    }

    .inbox-list ul {
        margin: 0 2px;
    }

    .inbox-list ul {
        margin: 0;
    }

    .hide-sidebar .sidebar-menu {
        padding: 10px 0 0;
        width: 36px;
    }

    .hide-sidebar .accordion-menu-section {
        padding: 0;
    }

    .hide-sidebar .sidebar-menu-bottom li a {
        padding: 1px 0;
    }

    .hide-sidebar .menu-head > a i.heading-icon {
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    p.calendar-title {
        font-size: 20px;
        padding: 10px 2px 0;
    }

    .hide-sidebar .sidebar-menu-bottom ul {
        width: 30px;
    }

    .hide-sidebar .sidebar-menu-bottom {
        left: 3px;
        bottom: 4px;
    }

    .menutoggle {
        height: 40px;
        width: 44px;
    }

        .menutoggle .fa, .menutoggle .glyphicon {
            margin: 5px 0 0 10px;
        }

    .sidebartitle {
        font-size: 13px;
        left: 60px;
        margin: 0;
        top: -23px;
    }

    .leftpanel-tabs {
        height: 35px;
    }

    .leftpanel-tab-wraper {
        height: calc(100% - 100px);
    }

        .leftpanel-tab-wraper::after {
            width: 92%;
        }

    .leftpanel-tabs li {
        font-size: 10px;
        margin: 0 3px;
    }

    .leftpanelinner .nav > li {
        height: 64px;
        width: 64px;
    }

    .leftpanel-collapsed .leftpanelinner .nav > li {
        height: 32px;
        width: 32px;
    }

    .nav-bracket > li > a {
        font-size: 11px;
        line-height: 12px;
        padding: 0 5px;
        height: 62px;
    }

    .menu_icons {
        font-size: 24px;
    }

    .menu-txt {
        top: 38px;
        font-size: 11px;
        line-height: 12px;
    }

    .leftpanel-collapsed .nav-bracket {
        margin: 5px;
        width: 34px;
    }

    .nav-bracket > li > a img {
        width: 35px;
    }

    .msg-list .msg-item {
        height: 58px;
    }

    .msg-item a.msg-icon {
        height: 56px;
        width: 40px;
    }

    .msg-item.msg-unread a.msg-icon {
        background: #7592b8 url("../img/Icons-Email/unread-mail.png") no-repeat scroll center center / 30px auto;
    }

    .msg-item.msg-read a.msg-icon {
        background: #7592b8 url("../img/Icons-Email/read-mail.png") no-repeat scroll center center / 24px auto;
    }

    .msg-item .msg-body {
        padding: 0 10px 0 50px;
    }

    .msg-body .msg-date {
        margin: 0;
    }

    .msg-item a.msg-subject {
        margin: 2px 0;
    }

    .master-tabs .tab-content::before {
        top: 5px;
    }

    .inbox-listing {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .view-email-screen, .email-setup-screen {
        padding: 0 10px 0 0;
    }

    .calendar-view .event-calendar {
        height: calc(100% - 10px);
        margin: 5px 0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .events-panel .scroll-wrapper {
        max-height: 97px;
    }

    .leftpanel-collapsed .hide-sidebar.calendar-view .inbox-msg-detail {
        width: calc(100% - 500px);
    }

    .view-email-screen, .email-setup-screen {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .view-email-screen::before,
        .email-setup-screen::before {
            width: 5px;
            top: 5px;
        }

        .view-email-screen::after {
            -webkit-border-radius: 0 8px 0 8px;
            border-radius: 0 8px 0 8px;
            height: 5px;
        }

    .email-progress-wraper {
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        border-width: 6px 6px 6px 0;
        height: 443px;
        width: 67%;
    }

    .email-progress-panel-wraper {
        padding: 0 0 0 9px;
    }

    .email-progress-wraper .scroll-wrapper {
        height: 431px;
    }

    .email-progress-wraper::before {
        -webkit-border-radius: 4px 0;
        border-radius: 4px 0;
        height: 150px;
        top: -6px;
        width: 6px;
    }

    .email-progress-wraper::after {
        -webkit-border-radius: 0 4px;
        border-radius: 0 4px;
        bottom: -6px;
        height: 150px;
        width: 6px;
    }

    .left-hanging-bar::before {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 133px;
        left: 0px;
        top: 148px;
        width: 6px;
    }

    .top-corners::before {
        left: 14px;
    }

    .email-progress-panel-wraper ul li,
    .leftpanel-collapsed.chat-view .email-progress-panel-wraper ul li {
        -webkit-border-radius: 4px 4px 0;
        border-radius: 4px 4px 0;
        height: 92px;
        width: 98.5%;
    }

    .leftpanel-collapsed .hide-sidebar .email-progress-panel-wraper ul li {
        width: 49%;
    }

    .email-icon {
        background: rgba(0, 103, 198, 0.3) url("../images/email-logo.png") no-repeat scroll center 16px / -webkit-calc(60%) auto;
        background: rgba(0, 103, 198, 0.3) url("../images/email-logo.png") no-repeat scroll center 16px / calc(60%) auto;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        display: block;
        float: left;
        height: 90px;
        text-align: center;
        width: 60px;
    }

    .email-client {
        font-size: 20px;
        margin-top: 55px;
    }

    .email-progress-body {
        padding: 4px 5px 0 65px;
    }

    .email-progress-title {
        font-size: 20px;
    }

    .email-progress-id {
        font-size: 12px;
        line-height: 14px;
        padding-right: 10px;
    }

    .email-progressbar-panel {
        height: 22px;
        margin-top: 0;
    }

    .email-progressbar {
        width: 80%;
    }

    .email-progress-send-receive,
    .email-progress-date {
        font-size: 11px;
        line-height: 10px;
        margin-top: -2px;
    }

    .email-progress-wraper .scroll-wrapper {
        height: 427px;
    }

    .bottom-corners::before {
        left: 6px;
    }

    .email-progress-percent {
        font-size: 18px;
    }

    .email-setup-wraper {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 443px;
        width: 33%;
    }

        .email-setup-wraper::before {
            -webkit-border-radius: 0 0 4px;
            border-radius: 0 0 4px;
            height: 6px;
        }

        .email-setup-wraper::after {
            -webkit-border-radius: 0 4px 0 0;
            border-radius: 0 4px 0 0;
            height: 6px;
            width: 230px;
        }

        .email-setup-wraper .top-corners::before {
            left: 6px;
            top: 6px;
        }

        .email-setup-wraper .bottom-corners::before {
            bottom: 14px;
        }

    .email-setup-form-wrapper h2.form-heading {
        font-size: 22px;
        margin: 15px 25px 0 10px;
        padding: 0 0 2px 8px;
    }

    .email-setup-form-wrapper .scroll-wrapper {
        height: 395px;
    }

    .email-setup-section {
        margin-bottom: 25px;
        padding: 0 0 0 10px;
    }

    .email-setup-section-heading {
        font-size: 11px;
        line-height: 22px;
        padding: 0 8px;
        margin-right: 25px;
    }

    .email-setup-section .form-group {
        margin-bottom: 0;
        padding: 0 20px 0 8px;
    }

    .email-setup-section label {
        font-size: 12px;
    }

    .email-setup-section .form-control {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 26px;
        padding: 5px;
    }

    .form-warning {
        background: rgba(0, 0, 0, 0) url("../images/warning.png") no-repeat scroll 0 center / cover;
        height: 20px;
        margin: 3px 0 0 5px;
        width: 20px;
    }

    .email-setup-section .form-control.drop-arrow {
        -moz-appearance: none;
        background: #004e94 url("../images/drop-icon.png") no-repeat scroll right center / 22px 22px;
    }

    .email-setup-section label.toggleSwitch {
        font-size: 11px;
        height: 22px;
        width: 56px;
    }

    label.toggleSwitch span {
        font-size: 12px;
        line-height: 12px;
        top: 0;
    }

    label.toggleSwitch .knob {
        height: 23px;
        width: 28px;
    }

    .email-setup-section .form-group.removal-days {
        left: 220px;
        top: -5px;
        width: 95px;
    }

    .email-setup-section.end-form-block {
        padding: 10px 10px 30px 15px;
    }

    label.toggleSwitch:before {
        padding: 0 0 0 4px;
    }

    label.toggleSwitch:after {
        padding: 0 4px 0 0;
    }

    label.toggleSwitch input:checked + .knob {
        left: 28px;
    }

    .form-group.advanced label.toggleSwitch span.long-text {
        right: -205px;
        width: 195px;
    }

    .txt-editor img {
        width: 240px;
        display: block;
    }

    .blue-check,
    .blue-check-name {
        margin-top: 0;
        font-size: 12px;
    }

    .smtp-setting-block {
        margin-left: 25px;
    }

    .smtp-setting-login-block .form-group.indent-more {
        padding-left: 20px;
        padding-right: 30px;
    }

    /********************************* My Contact List **************************/
    .contact-index {
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        width: 36px;
    }

        .contact-index p.all-contacts {
            margin: 0;
        }

        .contact-index p {
            font-size: 14px;
        }

            .contact-index p a {
                line-height: 16px;
                padding: 0;
            }

    .contact-list-page {
        padding: 0 5px 0 10px;
    }

    .contact-page-header {
        background: rgba(0, 0, 0, 0) url("../images/contact-list-icon.png") no-repeat scroll right top / 60px auto;
        height: 60px;
    }

    p.contact-page-main-heading {
        font-size: 36px;
        line-height: 36px;
        margin: 0;
    }

    .contact-page-sub-heading {
        font-size: 14px;
        margin: 0;
    }

    .contact-list-panel {
        height: calc(100% - 94px);
    }

        .contact-list-panel ul li {
            -webkit-border-radius: 6px 6px 0;
            border-radius: 6px 6px 0;
            height: 84px;
            margin: 0 0.5% 6px 0;
        }

    .page-index {
        margin-top: 5px;
    }

    .contact-img-block {
        -webkit-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
        height: 82px;
        line-height: 78px;
        width: 70px;
    }

        .contact-img-block img {
            height: 50px;
            width: 50px;
        }

    .contact-info-block {
        padding: 0 5px 0 80px;
    }

    .contact-company-title {
        font-size: 12px;
        line-height: 20px;
        margin: 0 10px 0 0;
    }

    .contact-title {
        font-size: 20px;
    }

    .contact-numbers {
        font-size: 12px;
        line-height: 10px;
        margin: 6px 0 0;
    }

    .contact-email {
        font-size: 12px;
        line-height: 22px;
    }

    .hide-sidebar .inbox-msg-detail.my-contacts {
        width: calc(100% - 75px);
    }

    #master-container.leftpanel-collapsed .inbox-msg-detail.my-contacts {
        width: calc(100% - 75px);
    }

    .inbox-msg-detail.my-contacts {
        width: calc(100% - 247px);
    }

    .leftpanel-collapsed .hide-sidebar.calendar-view .inbox-msg-detail.my-contacts {
        width: calc(100% - 247px);
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .inbox-msg-detail.my-contacts {
        width: calc(100% - 75px);
    }

    #master-container.leftpanel-collapsed.chat-view .inbox-msg-detail.my-contacts {
        width: 89.2%;
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar.calendar-view .inbox-msg-detail.my-contacts {
        width: calc(100% - 247px);
    }

    .hide-sidebar.calendar-view .inbox-msg-detail.my-contacts {
        width: calc(100% - 247px);
    }

    .hide-sidebar .contact-list-panel ul li,
    .leftpanel-collapsed .contact-list-panel ul li,
    .leftpanel-collapsed .hide-sidebar.calendar-view .contact-list-panel ul li,
    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .contact-list-panel ul li {
        width: 49.2%;
    }

    #master-container.leftpanel-collapsed .hide-sidebar .contact-list-panel ul li {
        width: 32.8%;
    }

    /********************************* User Account Screen **************************/

    .user-account-screen {
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

        .user-account-screen::before {
            -webkit-border-radius: 4px 0 4px 0;
            border-radius: 4px 0 4px 0;
            height: 6px;
        }

        .view-email-screen::after,
        .user-account-screen::after,
        .project-status-screen::after {
            -webkit-border-radius: 0 4px;
            border-radius: 0 4px;
            height: 6px;
        }

    .user-account-panel-inner::before {
        top: 6px;
    }

    .user-account-panel-inner::after {
        bottom: 14px;
    }

    .company-tab-content-wrapper .company-title {
        font-size: 18px;
        height: 40px;
        line-height: 32px;
        margin: 6px 2px 0;
    }

    .show-user-help .group-title {
        margin-top: 5px;
    }

    .user-icon {
        width: 28px;
        height: 28px;
        margin-left: 2px;
        background: url(../images/user-big-icon.png) no-repeat center / cover;
        margin-right: 5px;
        margin-top: 2px;
    }

    .company-tabs li {
        padding: 0 2px;
        height: 36px;
        line-height: 36px;
        width: 36px;
    }

    ul.company-tabs {
        right: 4px;
        top: 6px;
    }

    .group-panel-collapse {
        height: 30px;
        margin: 0 4px;
    }

    ul.member-role li a, ul.company-list li.client-company-name a {
        font-size: 16px;
        padding: 0 0 0 50px;
    }

    .user-account-panel-inner {
        width: 250px;
    }

    .show-user-help .user-account-panel-inner {
        width: 36px;
    }

    .company-tabs .fa {
        display: none;
    }

    .company-search {
        margin-top: 5px;
    }

    .user-account-left-panel {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        min-width: 231px;
    }

    .show-user-help .user-account-right-panel {
        width: calc(100% - 304px);
    }

    #master-container.leftpanel-collapsed .hide-sidebar .user-account-right-panel {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        /*width: 74%;*/
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .user-account-right-panel {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        /*width: 70%;*/
    }

    #master-container.leftpanel-collapsed.chat-view .user-account-right-panel {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        /*width: 63%;*/
    }

    .hide-sidebar .user-account-right-panel {
        /*width: 70%;*/
    }

    #master-container.leftpanel-collapsed .user-account-right-panel {
        /* width: 69%;*/
    }

    .user-account-right-panel {
        width: calc(100% - 518px);
        height: calc(100% - 22px);
        margin: 11px 0 8px 8px;
    }

    .user-account-panel-3 {
        width: 200px;
    }

    .company-tab-content-wrapper {
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    .user-account-panel-inner .company-tab-content-wrapper {
        height: -webkit-calc(100% - 34px);
        height: calc(100% - 34px);
    }

    h2.section-heading {
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        font-size: 22px;
        line-height: 24px;
        padding: 1px 8px 4px;
    }

    .company-search input[type="text"],
    .company-search input[type="button"] {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        height: 28px;
    }

    .user-account-panel-1 {
        width: calc(100% - 300px);
    }

    .show-user-help .user-account-panel-1 {
        width: 230px;
    }

    .show-user-help .user-account-panel-2 {
        width: calc(100% - 230px);
    }

    .acc-info-help {
        width: calc(100% - 280px);
        padding: 0 10px;
    }

    ul.member-list li {
        padding: 2px 0 0 10px;
    }

    .error-panel {
        background: url('../images/warning-triangle.png') no-repeat 5px center #e4151c;
        padding: 3px 4px 3px 30px;
        background-size: 20px;
    }

        .error-panel::before {
            right: -22px;
            width: 22px;
            height: 545px;
        }

        .error-panel::after {
            right: -28px;
            width: 16px;
            height: 16px;
            top: 570px;
        }

    .form-warning {
        margin: 3px 0 0 3px;
    }

    .error-msg-box {
        padding: 5px;
    }

    p.error-msg {
        font-size: 15px;
        line-height: 14px;
    }

        p.error-msg small {
            font-size: 12px;
            line-height: 10px;
        }

    .custom-cbox-2 label > span {
        font-size: 12px;
    }

    ul.member-list li .custom-check[type="checkbox"]:not(:checked) + label,
    ul.member-list li .custom-check[type="checkbox"]:checked + label {
        font-size: 15px;
        margin-bottom: 0 !important;
    }

    .user-profile-section {
        height: 146px;
    }

        .user-profile-section .user-profile-pic {
            border: 4px solid #b1cced;
            height: 100px;
            margin: 5px auto 5px;
            width: 100px;
        }

        .user-profile-section .user-name {
            font-size: 16px;
        }

    .user-stats {
        margin: 0 auto;
        height: 58px;
    }

    .security-groups {
        height: calc(100% - 260px);
    }

    .security-groups-list {
        height: calc(100% - 30px);
    }

    .user-stats li {
        margin: 0 auto;
        text-align: center;
        width: 55px;
    }

        .user-stats li .stat-data {
            border: 3px solid #0067c6;
            font-size: 18px;
            height: 38px;
            line-height: 34px;
            margin: 0 auto;
            text-align: center;
            width: 38px;
        }

        .user-stats li .stat-title {
            font-size: 11px;
            margin: 0;
        }

    .security-groups-title .fa {
        font-size: 12px;
        height: 20px;
        line-height: 10px;
        margin: 4px 6px 0 0;
        width: 20px;
    }

    .security-groups-title {
        height: 30px;
        line-height: 24px;
        padding: 0 0 0 5px;
    }

        .security-groups-title span img {
            width: 24px;
        }

    ul.member-role li a {
        font-size: 15px;
        line-height: 24px;
        padding: 0 0 0 10px;
    }

        ul.member-role li a .member-icon {
            height: 20px;
            margin: 2px 6px 0 0;
            width: 24px;
        }

    .verical-title {
        font-size: 38px;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        line-height: 48px;
        margin: 0;
        width: 50px;
    }

        .verical-title::before {
            -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
            width: 6px;
        }

    #master-container.leftpanel-collapsed .user-account-panel-2 {
        /*height: 397px;
        width: 67.5%;*/
    }

    #master-container.leftpanel-collapsed .hide-sidebar .user-account-panel-2 {
        /* height: 397px;
        width: 73.2%;*/
    }

    .user-account-panel-2 {
        /* height: 397px;
        width: 58%;*/
        width: 300px;
    }

    #master-container.leftpanel-collapsed.chat-view .user-account-panel-2 {
        /*height: 397px;
        width: 57%;*/
    }

    .hide-sidebar .user-account-panel-2 {
        /*height: 397px;
        width: 69%;*/
    }

    #master-container.leftpanel-collapsed.chat-view .hide-sidebar .user-account-panel-2 {
        /*height: 397px;
        width: 69%;*/
    }

    #master-container.leftpanel-collapsed.chat-view .user-account-panel-2 {
        /*height: 397px;
        width: 57%;
        width: 480px*/
    }

    .acc-tab-content.current {
        /*  padding: 5px;*/
    }

    .user-account-wrapper {
        -webkit-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px;
        /*height: 367px;*/
    }

    .user-account-tabs-wrapper .scroll-wrapper {
        /*height: 340px;*/
    }

    .user-account-panel-2-inner {
        /*min-width: 595px;*/
    }

    li.business-tool-item {
        font-size: 16px;
    }

    .acc-info-form {
        width: 280px;
    }

    .form-title {
        margin: 5px 0;
        font-size: 18px;
    }

    .user-account-panel-3 .form-title {
        margin: 17px 5px 10px;
    }

    .acc-tab-content .form-title {
        margin: 5px 8px 5px 0;
    }

    .user-account-tabs li,
    li.business-tool-name {
        font-size: 16px;
        padding: 2px 0 2px 5px;
    }

        .user-account-tabs li i {
            margin-right: 3px;
            font-size: 16px;
        }

    .user-account-wrapper label {
        font-size: 12px;
        line-height: 14px;
        margin: 2px 0 0 !important;
    }

    .user-account-wrapper .form-control {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 26px;
        margin-bottom: 3px;
        padding: 4px 8px;
        width: calc(100% - 30px);
    }

    .user-account-wrapper input.moving-txt, .user-account-wrapper select.moving-txt {
        height: 38px;
        font-size: 13px;
    }

    .user-account-wrapper input.moving-txt {
        padding: 14px 5px 0 5px;
    }

    .user-account-wrapper select.moving-txt {
        padding: 14px 5px 0 0;
    }

    label.moving-lbl {
        left: 5px;
        top: 10px;
    }

    input.moving-txt:focus ~ label.moving-lbl,
    input.moving-txt.used ~ label.moving-lbl,
    select.moving-txt:focus ~ label.moving-lbl,
    select.moving-txt.used ~ label.moving-lbl {
        left: 5px;
    }

    .form-control.drop-arrow3 {
        background: #004e94 url("../images/drop-icon3.png") no-repeat scroll 106% center;
    }

    .pass-criteria {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-top: 5px;
    }

        .pass-criteria label {
            line-height: 18px;
        }

    .form-control.drop-arrow {
        background: #004e94 url("../images/drop-icon.png") no-repeat scroll right center / 24px auto;
        padding: 4px 30px 4px 6px;
    }

    .acc-tab-content input[type="button"] {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 12px;
        height: 30px;
        margin-bottom: 10px;
        margin-top: 5px;
        padding: 0 6px;
        text-transform: none;
    }

    .user-account-bottom-strip {
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    .mail-sent-notify {
        background: rgba(0, 0, 0, 0) url("../img/email-flow/email-msg.png") no-repeat scroll 0 center / 28px auto;
        font-size: 13px;
        margin: 5px 0 0 5px;
        padding: 0 0 0 32px;
    }

    .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
        left: -7px;
        width: 6px;
    }

    .show-attachment-panel .screen-wrapper-main {
        width: calc(78% - 41px);
    }

    .screen-wrapper-3 {
        width: calc(100% - 36px);
    }

    .show-edit-project .screen-wrapper-3 {
        width: calc(78% - 36px);
    }

    .show-attachment-panel.show-browse-computer .screen-wrapper-main,
    .show-attachment-panel.show-comment-panel .screen-wrapper-main,
    .show-edit-project.show-browse-computer .screen-wrapper-main,
    .show-edit-project.show-comment-panel .screen-wrapper-main {
        width: calc(68% - 41px);
    }

    .comments-panel-left,
    .comments-panel-right {
        height: calc(100% - 40px);
    }

        .comments-panel-left .scroll-wrapper,
        .comments-panel-right .scroll-wrapper {
            height: calc(100% - 145px);
        }

    .add-comment_box {
        margin: 5px 10px;
    }

        .add-comment_box textarea {
            height: 60px;
        }

    .file-explorer {
        width: 36px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .attachment-list li {
        height: 54px;
    }

    .attachment-icon {
        height: 52px;
        width: 40px;
    }

        .attachment-icon img {
            height: 36px;
        }

    .attachment-info-block {
        padding: 5px 22px 5px 48px;
    }

    .attachment-name {
        font-size: 12px;
    }

    .attachment-date, .attachment-size {
        font-size: 11px;
    }

    .edit-project-bottom input[type="button"] {
        padding: 0 18px;
        font-size: 12px;
    }

    .attachment-container,
    .file-drop-area {
        height: calc(50% - 39px);
    }

    .edit-project-bar {
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        width: 36px;
    }

    .show-edit-project .screen-wrapper-main, .show-edit-project .project-priority-panel {
        width: 100%;
    }

    .show-edit-project.show-edit-project-help .screen-wrapper-main,
    .show-edit-project.show-edit-project-help .project-priority-panel {
        width: calc(63% - 41px);
    }

    .task-table-wrapper {
        height: calc(100% - 74px);
    }

    .scroll-wrapper.task-table-row-wrapper {
        height: calc(100% - 23px);
    }

    .scroll-wrapper.edit-project-help {
        height: -webkit-calc(100% - 40px);
        height: calc(100% - 40px);
    }

    .task-table-row-detail-row {
        margin: 0 5px;
    }

    .edit-project-bar ul {
        margin-top: 10px;
    }

    p.file-explorer-title {
        font-size: 18px;
    }

    .file-explorer-icon {
        height: 26px;
        width: 26px;
        margin: 12px 0;
    }

        .file-explorer-icon img {
            width: 16px;
        }

    .panel-icons {
        left: 6px;
    }

        .panel-icons ul li.slider-tab {
            margin-top: 5px;
        }

        .panel-icons ul li {
            height: 26px;
            margin-bottom: 5px;
            width: 26px;
        }

            .panel-icons ul li a img {
                width: 16px;
            }

    .edit-project-bar ul li {
        height: 26px;
        line-height: 26px;
        width: 26px;
        margin: 8px auto;
    }

        .edit-project-bar ul li img {
            width: 22px;
        }

    p.company-name {
        font-size: 20px;
        line-height: 20px;
        margin: 8px 5px;
        height: 20px;
    }

    .task-table-header, .task-table-row-detail-header {
        margin: 5px;
    }

    .task-table-row {
        margin: 0 5px;
        min-height: 40px;
    }

        .task-table-row:hover::before, .task-table-row.selected::before,
        .task-table-row:hover::after, .task-table-row.selected::after {
            height: 38px;
            width: 2px;
        }

    .task-table-header div[class^="task-table-col"] p,
    .task-table-row-detail-header div[class^="task-table-row-detail-col"] p {
        font-size: 12px;
        text-transform: none;
    }

    .task-table-col-2 img {
        height: 30px;
        width: 30px;
    }

    .edit-project-bottom {
        height: 40px;
        padding: 3px 10px;
    }

    .edit-project-form-section,
    .form-error-panel,
    .edit-project-heading {
        margin-right: 10px;
    }

    .edit-project-heading {
        font-size: 20px;
        line-height: 20px;
        margin: 8px 10px 4px 10px;
        padding: 0 0 5px;
        height: 26px;
    }

    .edit-project-form {
        height: calc(100% - 78px);
    }

    .edit-project-help {
        height: calc(100% - 40px);
    }

    .form-error-panel {
        background: #cb0000 url("../images/form-warning-icon.png") no-repeat scroll 5px center / 25px auto;
        padding: 2px 2px 2px 35px;
        height: 45px;
    }

    .form-error-msg-box {
        height: 40px;
        padding: 3px 5px;
    }

    p.form-error-msg,
    p.form-error-msg small {
        font-size: 12px;
        line-height: 12px;
    }

    .edit-project-form-section {
        padding: 2px 8px;
    }

    .edit-project-form-section-heading {
        font-size: 11px;
        margin: 0 0 5px;
        padding: 2px 0;
    }

    .drop-files-here {
        height: 200px;
        background-size: contain;
    }

    .scrollbar-macosx.edit-project-form {
        height: 364px;
    }

    .custom-icon-field-wrapper {
        margin: 5px 0;
    }

    .custom-cbox {
        margin-bottom: 5px;
    }

    input.custom-field {
        width: 85%;
        font-size: 14px;
        height: 38px;
        padding: 18px 5px 5px;
        font-weight: 400;
    }

    .custom-field-icon {
        line-height: 40px;
        width: 14%;
    }

        .custom-field-icon img {
            width: 18px;
        }

    .custom-field-wrapper {
        height: 40px;
    }

    .custom-field-wrapper-textarea {
        height: 70px;
    }

    textarea.custom-field {
        height: 70px;
        font-size: 14px;
        font-weight: 400;
        padding: 20px 5px 5px;
    }

    .custom-field-warning {
        background: rgba(0, 0, 0, 0) url("../images/warning.png") no-repeat scroll 0 center / 20px auto;
        height: 20px;
        margin: 9px 4px 0 0;
        width: 20px;
    }

    .field-warning .custom-icon-field-inner-wrapper {
        border: 1px solid #cb0000;
    }

    .custom-icon-field-inner-wrapper label.moving-lbl, .custom-field-wrapper label.moving-lbl {
        left: 10px;
        top: 10px;
        font-size: 13px;
    }

    .custom-icon-field-inner-wrapper .moving-txt:focus ~ label.moving-lbl,
    .custom-icon-field-inner-wrapper .moving-txt.used ~ label.moving-lbl,
    .custom-icon-field-inner-wrapper .moving-txt:focus ~ label.moving-lbl,
    .custom-icon-field-inner-wrapper .moving-txt.used ~ label.moving-lbl,
    .custom-field-wrapper .moving-txt:focus ~ label.moving-lbl,
    .custom-field-wrapper .moving-txt.used ~ label.moving-lbl,
    .custom-field-wrapper .moving-txt:focus ~ label.moving-lbl,
    .custom-field-wrapper .moving-txt.used ~ label.moving-lbl {
        font-size: 11px;
        left: 5px;
        top: 0;
    }

    .edit-project-help ul {
        margin: 35px 8px 10px 5px;
    }

        .edit-project-help ul li {
            margin-bottom: 40px;
        }

    .help-content-header {
        border-left: 3px solid #fff;
        min-height: 30px;
        padding-left: 5px;
    }

    .hch-title-1 {
        font-size: 10px;
        line-height: 10px;
        margin: 0 0 5px;
    }

    .hch-title-2 {
        font-size: 14px;
        line-height: 14px;
    }

    .comment-body {
        padding-left: 8px;
        padding-top: 8px;
    }

    .show-edit-project .task-table-col-3 {
        width: 25%;
    }



    .show-edit-project .task-table-col-8 {
        width: 30%;
    }

    .show-edit-project .task-table-col-7 {
        width: 18%;
    }

    .show-edit-project .task-table-col-9 {
        width: 5%;
    }

    .task-table-col-3 p,
    .task-table-col-5 p,
    .task-table-col-6 p {
        display: block;
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 95%;
    }

    .task-progress-bar {
        width: 50px;
    }

    .task-table-footer {
        height: 38px;
        margin: 0 0 0 5px;
        width: -webkit-calc(100% - 10px);
        width: calc(100% - 10px);
    }

    .show-edit-project .task-table-footer-col-1 {
        width: 5%;
    }

    .show-edit-project .task-table-footer-col-2 {
        width: 6%;
    }

    .show-edit-project .task-table-footer-col-3 {
        width: 89%;
    }

    .task-table-footer-col-2 img {
        height: 30px;
        width: 30px;
    }

    .add-new-project input[type="text"] {
        height: 24px;
    }

    .add-new-project input[type="button"] {
        font-size: 12px;
        height: 24px;
    }


    .meter {
        height: 14px;
        top: 7px;
    }

    .task-done {
        line-height: 16px;
        font-size: 13px;
    }

    .show-browse-computer .screen-wrapper-2, .show-comment-panel .screen-wrapper-2 {
        width: calc(70% - 41px);
    }

    .show-edit-project.show-edit-project-help .task-table-col-7,
    .show-edit-project.show-edit-project-help .task-table-row-detail-col-10 {
        display: none;
    }

    .show-edit-project.show-edit-project-help .task-table-row-detail-col-8 {
        width: 27%;
    }

    .show-edit-project.show-edit-project-help .task-table-row-detail-col-9 {
        width: 18%;
    }

    .show-edit-project.show-edit-project-help .task-table-row-detail-col-5 {
        width: 9%;
    }

    .show-edit-project.show-edit-project-help .task-table-col-8 {
        width: 42%;
    }

    .show-edit-project.show-edit-project-help .task-table-col-4 {
        width: 16%;
    }

    .show-edit-project.show-edit-project-help .task-table-col-3 {
        width: 25%;
    }

    .show-edit-project.show-edit-project-help .task-table-col-8 p {
        margin-left: 10px;
    }

    .custom-icon-field-wrapper {
        height: 40px;
    }

    .custom-icon-field-inner-wrapper {
        height: 40px;
    }

    .custom-icon-field-wrapper input.custom-field {
        height: 36px;
    }

    .task-table-row-detail-col-3, .task-table-row-detail-col-4 {
        width: 2%;
    }

    .task-table-row-detail-row .task-table-row-detail-col-3 p, .task-table-row-detail-row .task-table-row-detail-col-4 p {
        height: 14px;
        left: 3px;
        width: 14px;
    }

    .task-table-row div[class^="task-table-col"] p, .task-table-row-detail-row div[class^="task-table-row-detail-col"] p {
        font-size: 12px;
    }

    .gantt-chart-view .task-table-row-detail-row .task-table-row-detail-col-2 i.fa {
        font-size: 16px;
    }

    .task-table-row-detail-col-5 {
        width: 6%;
    }

    .task-table-row-detail-col-6 {
        width: 15%;
    }

    .task-table-row-detail-col-10, .task-table-row-detail-col-11 {
        width: 8%;
    }

    .task-table-row-detail-col-8 .task-progress-bar {
        width: 50px;
        margin: 0 5px;
    }

    .start-timer_indicator {
        height: 16px;
        width: 110px;
    }

    .timer {
        font-size: 11px;
        height: 16px;
        width: 80px;
        font-weight: normal;
    }

    .timer-start_btn {
        border: 2px solid #003463;
        height: 18px;
        left: 5px;
        width: 18px;
    }

    .timer-icon {
        height: 12px;
        margin-left: 2px;
        margin-top: 2px;
        width: 12px;
    }
}