.row {
    margin-right: -10px;
    margin-left: -10px;
}

.font-14 {
    font-size: 14px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}

#file.display-none {
    display: none;
}

.multiMarkEvaluation #idMultiSelect {
    position: fixed;
    height: 200px;
    margin: 101px 149px;
    width: 100px;
    min-width: 280px;
}

.outbox-disabled {
    pointer-events: none;
    opacity: 0.7;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    background: #f3f3f3;
    font-size: 13px;
}

.countdown {
    background: none !important;
    border: none !important;
}

.ui-grid-row .gridRow-selected .ui-grid-cell {
    background-color: #cce3f0 !important;
}

.text-red {
    color: red !important;
}

.text-brown {
    color: brown !important;
}

.z-index-minus-1 {
    z-index: -1 !important;
}

#environment-label {
    z-index: 9999;
    color: red;
    position: absolute;
    left: 30%;
    top: -8px;
    font-weight: bold;
    font-size: 50px;
}

.tnc {
    padding: 10px 15px;
}

.z-index-2 {
    z-index: 2;
}

span.value {
    white-space: pre-wrap; /* text not wrapping acc to max-width */
    word-wrap: break-word;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -11px !important;
    min-height: 30px !important;
    width: 10px !important;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 10px !important;
    min-width: 10px !important;
    top: -11px !important;
}

.locations-content .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
    height: 5px !important;
    min-width: 10px !important;
    top: -5px !important;
}

.value > *, .value .attachments > span {
    white-space: pre-wrap; /* text not wrapping acc to max-width */
    word-wrap: break-word;
}

.value .attachments {
    white-space: normal;
}

a {
    color: #005ead;
    cursor: pointer;
}

.clear-left {
    clear: left !important;
}

.btn:focus {
    color: #005ead;
    border-color: #005ead;
}

.add-icon-menu {
    pointer-events: stroke !important;
    background: rgb(51, 51, 51) !important;
    color: #747474 !important;
    cursor: pointer !important;
}

a.disabled, .edit-media-placement i.disabled, .reply-actions .compose-btn a.disabled {
    pointer-events: none;
    color: #ccc !important;
    cursor: not-allowed;
}


a:focus, .modal-header .close {
    outline: none;
}

.dropdown-menu > li > .header-options {
    width: 100%;
}

.dropdown-menu.dashboard-roles-menu {
    max-height: calc(100vh - 290px);
    overflow: auto;
}

.dashboard-roles-menu .matched-item {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7 !important;
    outline: 0;
}

.search-advance-list-overflow {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100vh - 143px) !important;
}

.dropdown-menu.dashboard-roles-menu > li {
    width: 260px;
}

    .dropdown-menu.dashboard-roles-menu > li > a {
        padding: 3px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .dropdown-menu.dashboard-roles-menu > li > a.selected-dashboard > span {
            width: calc(100% - 20px);
            overflow: hidden;
            text-overflow: ellipsis;
            float: left;
        }

        .dropdown-menu.dashboard-roles-menu > li > a.selected-dashboard > i {
            float: right;
            line-height: 20px;
        }

.dashboard-roles-menu > li > a:not(.search-role):focus {
    color: #fff;
    background-color: #337ab7 !important;
}

.nav .header-options.open > a {
    background-color: #f5f5f5;
}

.dropdown-menu > li > .header-options > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dropdown-menu > li > .header-options > a > span {
        /*width: 179px;*/
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dropdown-menu > li > .header-options > a:focus, .dropdown-menu > li > .header-options > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }


.dropdown-menu.action-area > .disabled > a {
    pointer-events: none;
}

    .dropdown-menu.action-area > .disabled > a .text-green, .dropdown-menu.action-area > .disabled > a .text-red {
        color: #888;
    }

.watermark {
    position: absolute;
    top: 50%;
    opacity: 0.25;
    font-size: 22px;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.tab-pane .watermark {
    width: calc(100% - 160px);
    opacity: 1;
    color: #666;
}

.email-grid .watermark {
    width: 100%;
}

.email-job-link, .email-job-link:hover, .email-job-link:visited, .email-job-link:focus {
    text-decoration: none;
    color: white;
    display: inline-block;
    width: 157px;
    border-right: 1px solid;
    text-overflow: ellipsis;
    overflow: hidden;
}

.read-job-not-allowed {
    cursor: not-allowed;
}

    .read-job-not-allowed .email-job-link {
        pointer-events: none;
    }

.table .checkbox-area {
    min-width: 36px;
}


.table .watermark {
    position: relative;
    z-index: 6;
}

.grid.table .watermark {
    position: absolute;
}


.app-version {
    position: absolute;
}

.text-white {
    color: white;
}

.btn-group {
    vertical-align: top;
}

.table .min-width60 {
    min-width: 60px !important;
}

.caption .label {
    padding: 2px 5px 2px;
    text-transform: none;
    margin-left: 5px;
}

.pre {
    white-space: pre-wrap; /* text not wrapping acc to max-width */
    word-wrap: break-word;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
    color: #999;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
    color: #999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
    color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
    color: #999;
}

p.bg-info {
    padding: 10px;
}

.ui-grid-row:last-child .ui-grid-cell {
    border-bottom: 1px solid #f1f1f1 !important;
}

.ui-grid-header-cell-wrapper .ui-grid-header-cell-row .nosort-column {
    cursor: default;
    padding: 7px 12px;
}

    .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .nosort-column [role=button] {
        cursor: default;
    }


.ui-grid-row .ui-grid-cell.graybg {
    background: #dedede !important;
}

tr.graybg {
    background: #eca0a6 !important;
}

tr.greenbg {
    background: #b6f3c1 !important;
}

tr.yellowbg {
    background: #fffda8 !important;
}

tr.lightgraybg {
    background: #cde6f7 !important;
}

tr.orangebg {
    background: #f8c28a !important;
}

.text-gray {
    color: darkslategray;
}

.half-opaque {
    opacity: 0.5;
}

.no-padding {
    padding: 0 !important;
}

.grid-loader {
    height: 17px;
}

.row-eq-height {
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.btn, .form-control {
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0;
    font-size: 13px;
}

.form-control {
    max-width: 100%;
    border: 1px solid #c2cad8;
    height: 28px;
    padding: 3px 7px;
}

.btn {
    border: 1px solid #85bcdc;
    border-radius: 0;
    background: none;
    color: #005ead;
    padding: 5px 10px;
    min-width: 87px;
}

    .btn.table-action {
        padding: 5px 12px;
    }


.hide-header header {
    display: none;
}

.hide-header .page-container {
    padding: 0 !important;
}

.hide-header ol.breadcrumb {
    display: none;
}

.page-header-fixed.hide-header .page-container {
    padding-top: 10px;
}

.page-header-fixed.hide-header {
    background: #fff;
    padding: 3px 10px;
    border: 1px solid #ccc;
    margin: 5px;
    height: calc(100vh - 10px);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="reset"].btn {
        border: 1px solid #005ead;
        border-radius: 0;
        background: none;
        color: #005ead;
        padding: 5px 10px;
    }
}

.h3, h3 {
    font-size: 20px;
}


h4, .h4 {
    font-size: 15px;
    color: #005ead;
    font-weight: bold;
}

.modal-title {
    color: #fff;
}

.btn:hover {
    background: #005ead;
    color: #fff;
}

.btn.btn-featured {
    background: #cce3f0;
    color: #0d5a9a;
}

    .btn.btn-featured:hover {
        background: #005ead;
        color: #fff;
    }

.btn.disabled, .btn.disabled-permission {
    background: #ccc;
    border: 1px solid #ccc;
    pointer-events: none;
    color: #888 !important;
}



input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
    height: 28px;
    border: 1px solid #c2cad8;
    color: #4d6b8a;
    max-width: 100%;
}

textarea.form-control {
    border: 1px solid #c2cad8;
    color: #4d6b8a;
}

    textarea.form-control[readonly] {
        border: none;
        color: #969696;
    }

input[readonly].create-task-input {
    color: #4d6b8a !important;
    border: 1px solid #c2cad8;
    background-color: white;
}

    input[readonly].create-task-input:disabled {
        color: #969696 !important;
        border: none;
        background-color: #eee;
    }

label {
    font-weight: 400;
}

select.form-control {
    max-width: 100%;
    border: 1px solid #c2cad8;
    color: #4d6b8a;
    -webkit-appearance: none;
    height: 28px;
}

select.disabled, span.disabled {
    pointer-events: none;
    background-color: #eee !important;
}

option:disabled {
    color: #aaa;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.form-control {
        background: url(/app/Content/img/select-arrow.png) no-repeat right center #fff;
        padding-right: 23px;
    }
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal hr {
    margin-bottom: 13px;
    margin-top: 5px;
}



.error-message {
    color: #e73d4a;
    font-size: 13px;
}

    .error-message > div {
        line-height: 18px;
        display: inline-block;
    }

    .error-message a {
        color: #e73d4a;
    }

.warning-message {
    color: #dc8e0d;
    font-size: 13px;
}

    .warning-message > div {
        line-height: 18px;
        display: inline-block;
    }

.search-form .error-message {
    max-width: 100%;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 13px;
}

.listing-error-message {
    color: #e73d4a;
    font-size: 11px;
    margin-top: -73px;
}

    .listing-error-message > div {
        line-height: 15px;
        display: inline-block;
        text-align: justify;
    }


.search-form .dropdown-menu > li > .row > .col-md-12 > div {
    margin: 5px 0;
}


.search-form {
    padding-bottom: 25px;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.text-blue {
    color: #005ead;
}

.hidden-input {
    /*visibility: hidden;*/
    /*width: 0;
    height: 0 !important;*/
    display: block;
    height: 0 !important;
    opacity: 0;
}


/* Login Screen */
.login-screen {
    background: url(/app/Content/img/login-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: inline-block;
    width: 100%;
    min-height: 518px;
    height: 100vh;
    float: left;
}

.login-form {
    background: url(/app/Content/img/login-form-bg.png) repeat;
    height: 100vh;
}

.login-screen p {
    color: #fff;
}

.modal-dialog p {
    color: #333;
}

.alert-popup .modal-dialog p {
    font-size: 16px;
}

.login-screen .note {
    color: #eee;
    margin-bottom: 10px;
    font-style: italic;
}

.login-content {
    padding: 15% 16% 0;
}

.main-login-form .form-group {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.login-screen > .col-md-7 {
    height: 100vh;
}

.login-screen .logo {
    /*margin: 0 0 0 34%;
    position: absolute;
    top: 40%;*/
    text-align: center;
    margin-bottom: 40px;
}

.login-screen .app-name {
    font-size: 40px;
    text-align: center;
    color: #005ead;
    font-weight: bold;
    padding-top: 60px;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.login-screen .env-name {
    font-size: 40px;
    color: #005ead;
    font-weight: bold;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.login-screen h1 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.login-screen .btn {
    background: #005eac;
    color: #fff;
    border: 1px solid #b6d1e7;
    padding: 11px 12px;
}

    .login-screen .btn:hover {
        background: #125992;
    }

    .login-screen .btn:focus {
        background: #0d4a7b;
    }

    .login-screen .btn[disabled] {
        cursor: context-menu;
    }

.login-screen a.forget-btn {
    color: #fff;
}

.login-screen .app-version {
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
}

    .login-screen .app-version label {
        color: #005ead !important;
    }

.forgot-area {
    margin-bottom: 30px;
    color: #fff;
}

.login-screen .error-message {
    margin-top: 10px;
}


.login-screen input[type="email"], .login-screen input[type="number"], .login-screen input[type="password"], .login-screen input[type="tel"], .login-screen input[type="url"], .login-screen input[type="text"] {
    height: 39px;
}

.generate-password-box h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.generate-password {
    margin-top: 10px;
}

.login-screen label {
    color: #fff;
}

.generate-password input {
    text-align: center;
    border: 1px dashed #9e9e9e !important;
    cursor: text;
}

    .generate-password input[readonly] {
        -webkit-text-fill-color: #4d4d4d;
        color: #4d4d4d;
    }

.login-form .info {
    margin-top: 20px;
}

.login-form h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

/* Login Screen End */

.page-header {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 10px 0;
    height: 60px;
    min-height: 60px;
    filter: none;
    background: #005ead;
    z-index: 1039;
}

.page-header-fixed .page-container {
    padding-top: 60px;
}


.page-header .logo {
    margin: 0 auto;
    display: table;
}
/*.page-head .page-title {
    display: inline-block;
    float: left;
    padding: 5px 0 10px;
}*/
.page-head .page-toolbar {
    display: inline-block;
    float: right;
}

.page-head {
    display: inline-block;
    width: 100%;
}

.top-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 80px);
    z-index: 10501;
}

    .top-menu .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 20px;
        font-size: 16px;
        color: #b2cee6;
    }

    .top-menu .locations-content {
        min-height: 61px;
    }

    .top-menu .locations-section {
        position: absolute;
        right: 230px;
        max-width: calc(100% - 230px);
        white-space: nowrap;
        overflow: hidden;
        height: 61px;
        transition: all 0.3s cubic-bezier(0.06, 0.89, 0.96, 1);
    }

        .top-menu .locations-section .action-btn {
            text-align: right;
            clear: left;
        }

            .top-menu .locations-section .action-btn .btn {
                padding: 3px 7px;
                min-width: 60px;
                font-size: smaller;
            }

        .top-menu .locations-section.locations-hover {
            max-width: calc(100% - 230px);
            max-height: none !important;
            white-space: initial;
            overflow: hidden;
            height: auto !important;
            background: #f3f3f3;
            border: 1px solid rgba(0,0,0,.15) !important;
            border-radius: 4px;
            transition: all 0.3s cubic-bezier(0.06, 0.89, 0.96, 1);
            padding: 10px;
            padding-top: 0;
            box-shadow: 0 0 60px;
        }

            .top-menu .locations-section.locations-hover .nav {
                margin-bottom: 10px;
                white-space: normal;
                text-align: right;
            }

            .top-menu .locations-section.locations-hover .link {
                cursor: pointer;
                margin-right: 10px;
                margin-top: 10px;
                font-size: 16px;
            }

                .top-menu .locations-section.locations-hover .link.disabled {
                    color: #bbb;
                    pointer-events: none;
                }

        .top-menu .locations-section li {
            float: none;
            display: inline-block;
        }

            .top-menu .locations-section li > .header-locations {
                vertical-align: middle;
                background: rgba(1, 81, 148, 0.9);
                border-radius: 50%;
                padding: 10px 0;
                opacity: 1;
                color: #f3f3f3;
                display: inline-block;
                margin-right: 5px;
                margin-top: 10px;
                width: 41px;
                height: 41px;
                text-align: center;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .top-menu .locations-section li > .header-locations.location-unselected {
                    opacity: 0.3;
                }



.searchform i.fa {
    font-size: 16px;
    color: #b2cee6;
}


.top-menu .navbar-nav > li > a.profile-pic {
    padding-top: 10px;
    padding-bottom: 9px;
}

    .top-menu .navbar-nav > li > a.profile-pic > img {
        height: 41px;
        width: 41px;
    }

.top-menu .badge {
    background-color: #da5332;
    position: absolute;
    top: 13px;
    right: 20px;
    text-align: right;
    font-size: 11px;
    padding: 2px 5px;
}

.breadcrumb {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    padding: 4px 10px;
    margin-bottom: 1px;
}

.page-container > .breadcrumb {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 60px;
}

.dashboard-main .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.dashboard-icons {
    position: absolute;
    right: 0;
    width: auto;
}


.dashboard-level-indicator {
    width: 19px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.tat-dashboard-level-indicator {
    width: 27px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.dashboard-level-indicator:last-child {
    margin-right: 0px;
}

.dashboard-level-indicator.orange-block {
    background: #34b434;
}

.dashboard-level-indicator.red-block {
    background: #da5332;
}

.dashboard-level-indicator.query-block {
    background: #9cbdd0;
}

.dashboard-level-indicator.orange-block {
    background: #ff6a00;
}

.dashboard-level-indicator.blue-block {
    background: #00b0ff;
}

.dashboard-level-indicator.green-block {
    background: #34b434;
}

.dashboard-level-indicator.yellow-block {
    background: #FFDD00;
    color: black;
}
.dashboard-level-indicator.brown-block {
    background: #ef9b25;
}

.dashboard-level-indicator.half-brown-block {
    background: linear-gradient(90deg, #ef9b25 50%, #0066ff 50%);
}

.dashboard-level-indicator.red-block {
    background: #ff0000;
}

.dashboard-level-indicator.gray-block {
    background: #9cbdd0;
}

.dashboard-level-indicator.red-circle {
    background: #ff0000;
    border-radius: 12px;
}

.dashboard-level-indicator.offline-block {
    background: rgba(0, 0, 0, .175);
}

.dashboard-level-indicator.red-color-star {
    color: red;
    padding-top: 3px;
}

.tat-dashboard-level-indicator.dark-blue-block {
    background: #3434eb;
}

.bucket-actions > span, .bucket-actions > a {
    margin: 0 0px;
}

.bucket-actions a.dropdown-toggle {
    padding: 1px 7px 1px 8px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}


.bucket-actions .dropdown a[aria-expanded^="true"].dropdown-toggle {
    padding: 0px 8px;
    border: 1px solid #ccc;
    background: #fff;
    border-bottom: 0;
    z-index: 9999;
    position: relative;
    color: #005ead;
    line-height: 28px;
}

.online-user {
    font-size: 18px;
    color: lawngreen;
    vertical-align: middle;
}

.offline-user {
    font-size: 18px;
    color: #f00;
    vertical-align: middle;
}

.page-head .page-title > h1 {
    font-size: 26px;
    color: #005ead;
    margin: 0;
}

.profile-dropdown {
    width: 250px;
}

    .profile-dropdown li {
    }

.user-pic {
    float: left;
    margin-left: 15px;
    margin-top: 7px;
}

.user-details {
    float: right;
    width: 168px;
    margin-right: 15px;
}

.last-login {
    font-size: 12px;
    background: #5c5b5b;
    display: block;
    float: left;
    width: 100%;
    padding: 3px 10px;
    color: #fff;
    margin-top: 2px;
}

    .last-login a {
        color: #fff;
    }

.profile-details {
    background: #363636;
    display: inline-block;
    color: #fff;
    padding: 10px 0px 0;
    cursor: pointer;
}

    .profile-details img {
        width: 41px;
        height: 41px;
    }

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 100%;
    height: 450px;
}

.dropdown-menu.profile-dropdown {
    top: 99%;
    padding-top: 0;
}

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

.user-details .user-email {
    font-size: 13px;
    line-height: 20px;
    display: block;
    color: #ddd;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-details .user-location {
    font-size: 12px;
    line-height: 20px;
    display: block;
    color: #ddd;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    border: 1px solid #9cbdd0;
    margin-bottom: 10px;
}

.table-margin-zero {
    margin-bottom: 0px;
}

.table thead {
    color: #fff;
}

    .table thead tr th {
        background-color: #005ead !important;
        color: #fff;
        border-color: #92c1dc !important;
        text-align: center;
    }


.table .actions span.disabled {
    pointer-events: none;
    color: #ccc;
}


    .table .actions span.disabled a {
        pointer-events: none;
        color: #ccc;
    }

.table tr td > span {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*display: block*/
}

.word-break-span {
    display: block !important;
    white-space: unset !important;
}

.table tfoot .grand-total-col {
    background: #e6f2fa;
}

#printing_cost table tr td {
    word-break: normal;
}

.table .actions a {
    color: #333;
    margin: 0 5px;
    text-decoration: none;
}

    .table .actions a:hover {
        color: #005ead;
    }

.wrapper .tooltip > .tooltip-inner {
    font-size: 12px;
    max-width: none;
}

.tooltip > .tooltip-inner {
    font-size: 12px;
    max-width: 200px;
}


.wrapped-tooltip .tooltip {
    max-width: 250px;
    white-space: pre-wrap;
    left: auto !important;
    right: 0;
}


    .wrapped-tooltip .tooltip .tooltip-inner {
        text-align: left;
        top: -17px;
        position: relative;
    }

.table.JColResizer tr th {
    word-break: break-word;
}

td.row-heading {
    background: #cce3f0;
    /*color: #fff;*/
    font-weight: bold;
    color: #005ead;
}


.required {
    color: #e73d4a;
}


.user-profile-pic {
    width: 210px;
    height: 210px;
    background-size: 100%;
    border: 5px solid #fff;
    box-shadow: 0px 1px 5px 1px #ccc;
    overflow: hidden;
    max-width: 100%;
}

    .user-profile-pic > img {
        max-height: 100%;
        max-width: 100%;
    }

.user-profile-pic-bg {
    background: url(/app/Content/img/profile-pic.jpg) no-repeat center;
}

input[type=file].profile-upload {
    display: none;
}

.profile-upload ~ label {
    background: url(/app/Content/img/upload-button.png) no-repeat #005ead center;
    width: 200px;
    height: 35px;
    cursor: pointer;
    margin-top: 10px;
    display: block;
    width: 210px;
    max-width: 100%;
}

/* Search Button */
.searchform {
    position: absolute;
    min-width: 470px;
    width: calc(50vw - 275px);
    right: 0;
    top: 0;
    background: #01457f;
    padding: 16px 10px 16px 20px;
    height: 60px;
    position: absolute;
    top: -150%;
    z-index: 20;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

li.open > .searchform {
    top: 0;
}

.searchform .form-group {
    margin: 0;
    width: 100%;
}

.searchform .icon-search {
    height: 28px;
    width: 32px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #005ead;
    position: absolute;
    right: 10px;
    top: 0px;
}

.searchform .close-icon {
    position: absolute;
    right: 21px;
    top: 4px;
}

/* Search Button End */



/* Autocomplete input */
.form-control.search-icon {
    background: url(/app/Content/img/search-icon.png) no-repeat 99% center #fff;
    padding-right: 21px;
    min-width: 0;
    max-width: 100%;
    position: relative;
}

.email-search .form-control {
    padding-right: 21px;
}


/** Start 
    Dashboard **/

.dashboard-full-height {
    height: calc(100vh - 178px); /*for dashboard pie chart tabs*/
    max-height: calc(100vh - 178px);
}

.dashboard-stat {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
    height: 60px;
    box-shadow: 0 1px 1px rgba(0,0,0,.15);
    transition: height .5s;
}

    .dashboard-stat.purple {
        background-color: #6c89c3;
    }

    .dashboard-stat.orange {
        background-color: #ebac78;
    }

    .dashboard-stat.green {
        background-color: #7cbfb7;
    }

    .dashboard-stat .visual {
        width: 40px;
        height: 40px;
        display: block;
        float: left;
        padding-left: 0;
        font-size: 18px;
        line-height: 25px;
        padding-top: 0;
        margin-bottom: 40px;
        background: rgba(0,0,0,0.2);
        border-radius: 50%;
        top: 12px;
        position: absolute;
        left: 40px;
        color: #fff;
        text-align: center;
        /* vertical-align: middle; */
        display: table;
    }

        .dashboard-stat .visual i {
            display: table-cell;
            vertical-align: middle;
        }

    .dashboard-stat .details {
        position: absolute;
        right: 55px;
        padding-right: 15px;
        text-align: right;
        color: #fff;
    }

    .dashboard-stat .collapse-heading {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.5s, opacity 0.5s linear;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 5px 20px;
        display: none;
    }

    .dashboard-stat .no-permission {
        position: absolute;
        left: 0;
        top: 24%;
        color: white;
        font-size: 15px;
        width: 100%;
        text-align: center;
    }

.tiles-collapse .dashboard-stat .collapse-heading {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.5s, opacity 0.5s linear;
}


.tiles-collapse .dashboard-stat {
    height: 40px;
    transition: height .5s;
}

.dashboard-stat .inner-tile {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.5s, opacity 0.5s linear;
}

    .dashboard-stat .inner-tile > a.inner-tile-link {
        display: block;
        width: 100%;
        height: 60px;
    }

.tiles-collapse .dashboard-stat .inner-tile {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s linear;
}

.tab-content.dashboard {
    padding: 5px 0;
}



.dashboard-stat .details .number {
    font-size: 32px;
    font-weight: normal;
    line-height: 34px;
}

.dashboard-stat .details .desc {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding-top: 11px;
}


.dashboard-stat .add-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 40px;
    width: 36px;
    border-radius: 100px 0px 0px 0px;
    -moz-border-radius: 100px 0px 0px 0px;
    -webkit-border-radius: 100px 0px 0px 0px;
    background: rgba(0,0,0,0.2);
}

    .dashboard-stat .add-icon i.fa {
        top: 17px;
        position: relative;
        left: 16px;
        color: #fff;
    }

    .dashboard-stat .add-icon.disabled.task-tile {
        opacity: 0.7;
        background: #ccc;
        pointer-events: auto;
        cursor: not-allowed !important;
        text-decoration: none;
    }

    .dashboard-stat .add-icon.disabled {
        opacity: 0.7;
        background: #ccc;
        cursor: default;
        /*pointer-events: all;*/
    }

        .dashboard-stat .add-icon.disabled i.fa {
            color: #999;
        }


.tiles-collapse-btn {
    width: 100%;
    display: inline-block;
    display: none;
}

    .tiles-collapse-btn .minimize-icon {
        float: right;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 2px 10px;
        line-height: 13px;
        background: rgba(0, 0, 0, 0.3);
        border-top: none;
        border-right: none;
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }

.self-assign {
    background: url(/app/Content/img/self-assign-icon.png) no-repeat 0 -1px;
    width: 13px;
    height: 13px;
    position: relative;
    top: 1px;
    display: inline-block;
}

    .self-assign[disabled] {
        opacity: 0.3;
    }

.dashboard-grid .tab-pane .table-toolbar .col-xs-3 > label, .dashboard-grid .tab-pane .table-toolbar .outside-search-filters-first label {
    min-width: 50px;
    float: left;
    line-height: 31px;
}

.dashboard-grid .tab-pane .table-toolbar label.custom-checkbox {
    min-width: 0;
    line-height: normal;
}

.assign-task-modal .table-toolbar .search-form {
    padding: 0px 0 9px;
}

.dashboard-grid .tab-pane.approval-tab .table-toolbar .col-xs-3 > label {
    line-height: 25px;
}

.dashboard-grid .tab-pane.approval-tab .search-form > .col-xs-3 {
    margin-bottom: 0;
    display: inline-flex;
    margin-top: 7px;
}

.dashboard-grid .tab-pane.approval-tab .search-form {
    height: 37px;
    margin-top: 5px;
}

/** End Dashboard **/

.pie-chart {
    position: relative;
    min-height: 216px; /*for pie chart tabs*/
    float: left;
    width: 100%;
    height: calc(50% - 5px);
}

    .pie-chart.no-permission {
        height: auto;
        min-height: 0;
    }

        .pie-chart.no-permission .desc {
            text-align: center;
            font-size: 16px;
            padding: 10px 0;
        }

    .pie-chart.task-pie {
        min-height: 275px;
    }

    .pie-chart img {
        max-width: 100%;
        max-height: 233px;
    }


    .pie-chart .mt-radio-inline {
        width: 29%;
        display: inline-block;
        position: absolute;
        right: 0;
        font-size: 12px;
        top: 75px;
    }


        .pie-chart .mt-radio-inline .mCSB_container_wrapper {
            margin-right: 14px;
        }

    .pie-chart.task-pie .mt-radio-inline {
        top: 132px; /*for pie chart tabs*/
    }

    .pie-chart .mt-radio-inline .mCustomScrollBox {
        height: 90px;
    }

        .pie-chart .mt-radio-inline .mCustomScrollBox .mCSB_scrollTools a + .mCSB_draggerContainer {
            margin: 0;
        }

    .pie-chart .mt-radio-inline .mt-radio {
        margin-right: 0;
        display: block;
    }

    .pie-chart .pie-heading {
        font-size: 22px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        height: 50px;
        width: 200px;
        overflow: auto;
        margin: auto;
        line-height: 23px;
    }


    .pie-chart label.mt-radio input[type="radio"] + span {
        border-radius: 0;
    }

    .pie-chart label.mt-radio input[type="radio"]:checked + span i {
        border-radius: 0;
    }

    .pie-chart .nav-tabs {
        position: absolute;
        top: 6px;
        right: 44px;
    }

    .pie-chart .horizontal-tabs .nav-tabs > li {
        height: 25px;
        padding: 3px 0;
    }

        .pie-chart .horizontal-tabs .nav-tabs > li.active > a, .pie-chart .horizontal-tabs .nav-tabs > li:hover > a, .horizontal-tabs .nav-tabs > li.active > a, .pie-chart .horizontal-tabs .nav-tabs > li.active > a:hover, .pie-chart .horizontal-tabs .nav-tabs > li.active > a:focus {
            padding-bottom: 3px;
        }

        .pie-chart .horizontal-tabs .nav-tabs > li a {
            height: auto;
            line-height: 14px;
        }

    .pie-chart .horizontal-tabs .tab-content {
        padding-top: 0;
        padding-bottom: 0;
    }

.nav-tabs.tabsh {
    border-width: 4px;
}

    .nav-tabs.tabsh > li > a {
        border: none;
        margin-bottom: -2px;
        font-weight: 400;
        color: #333;
    }

.nav-tabs.dashmain > li > a {
    font-size: 16px;
    padding: 7px 15px;
}

.nav-tabs.tabsh > li > a:hover, .nav-tabs.tabsh > li > a:focus {
    background: none;
    border: none;
    border-bottom: 4px solid #005ead;
    margin-bottom: -2px;
    padding-bottom: 7px;
    font-weight: bold;
    padding: 7px 13px 4px 12px;
}

.nav-tabs.tabsh > li.active > a, .nav-tabs.tabsh > li.active > a:hover, .nav-tabs.tabsh > li.active > a:focus {
    background: none;
    border: none;
    border-bottom: 4px solid #005ead;
    margin-bottom: -2px;
    padding-bottom: 7px;
    font-weight: bold;
    padding: 7px 13px 4px 12px;
}

.portlet {
    padding: 5px 10px 5px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.05);
}

.portlet-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    display: inline-block;
    width: 100%;
}

.col-md-12 > .portlet .portlet-title, .single-line-search .portlet-title, .view-task-fixed-title .portlet-title, .Vendor-list .portlet-title, .company-list .portlet-title, .notification-box .portlet-title {
    position: fixed;
    padding-right: 10px;
    background: #fff;
    z-index: 11;
    top: 86px;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    left: 0;
}

.col-md-12 .portlet .job-bag-tabs .portlet-title {
    position: relative;
    top: auto;
}

.col-md-12 .portlet .job-bag-tabs .caption {
    font-size: 20px;
    color: #333;
    margin: 0;
    line-height: 30px;
    font-weight: normal;
    text-transform: none;
}

.portlet.notification-box.fixed-title {
    margin-top: 67px;
}

.portlet-body.viewtask-fixed-title {
    margin-top: 55px;
}

.update-task .tabs-vertical.right-tabs .tab-content {
    max-height: calc(100vh - 250px) !important;
}


.modal-body .portlet-body.viewtask-fixed-title {
    margin-top: 0;
}

.modal-body .update-details {
    margin: 0;
}

.modal-body.view-module-body .portlet {
    padding: 0;
}

.modal-body .portlet .portlet-title {
    position: relative;
    top: 0;
    padding-right: 0;
    padding-left: 0;
}

.modal-body .portlet-body.fixed-title, .job-bag-tabs .portlet-body.fixed-title {
    margin-top: 0;
}



.modal-body .horizontal-tabs.view-task-tabs .tab-content {
    height: auto;
    max-height: calc(100vh - 315px);
}


.portlet-title .actions > .btn .excel-icon, .portlet-title .actions li .excel-icon, .add-btns .btn i.excel-icon, .package-info .btn i.excel-icon, .tab-pane .actions > .btn .excel-icon {
    background: url(/app/Content/img/excel-icon2.png) no-repeat center 0px;
    width: 18px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

.portlet-title .actions > .btn:hover .excel-icon, .portlet-title .actions li .print-icon, .add-btns .btn:hover i.excel-icon, .package-info .btn:hover i.excel-icon, .tab-pane .actions > .btn:hover .excel-icon {
    background: url(/app/Content/img/excel-icon2.png) no-repeat center -24px;
}

.portlet-title .actions > .btn .print-icon, .portlet-title .actions li .print-icon, .add-btns i.print-icon, .package-info i.print-icon, .tab-pane .actions > .btn .print-icon {
    background: url(/app/Content/img/pdf-icon-red.png) no-repeat 0 1px;
    width: 18px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 4px;
}

.portlet-title .actions li .disabled .print-icon {
    background: url(/app/Content/img/pdf-icon-red.png) no-repeat 0 1px !important;
    opacity: 0.4;
}

.portlet-title .grid-loader {
    position: absolute;
    display: inline-block;
    margin: 0 auto;
    width: 50px;
    left: calc(50% - 25px);
    top: 13px;
}

.dropdown-menu > li > a.search-role {
    padding: 0 5px;
    margin-bottom: 9px;
}

.dropdown-menu > li a .intacct-icon {
    background: url(/app/Content/img/intacct-icon.png) no-repeat 0 1px;
    width: 18px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 4px;
}






.portlet-title .actions .dropdown > a.btn, .tab-pane .add-btns .dropdown > a.btn, .portlet-footer .actions .dropdown > a.btn, .job-bag-tabs .actions .dropdown > a.btn {
    min-width: 0;
    height: 30px;
    padding-top: 8px;
}

.portlet-body {
    padding-top: 7px;
}


    .portlet-body.fixed-title {
        margin-top: 55px; /*55 from 62 as per new design*/
    }

.extended-title .portlet-body.fixed-title {
    margin-top: 80px; /*55 from 62 as per new design*/
}

.listing2 .portlet-body.fixed-title {
    margin-top: 65px;
    }
    .listing2 .portlet-body.fixed-title.task-list {
        margin-top: 101px;
    }

    .todayTasklisting .portlet-body.fixed-title {
        margin-top: 164px;
        /*height: 1500px;*/
    }

    .todayTasklisting .date .calendar-icon {
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        background: none !important;
        padding: 2px 6px 2px 3px;
        margin-top: 27px;
    }

    .todayTasklisting .date .clear-icon {
        margin-top: 26px;
        position: absolute;
        border: 0;
        right: 4px;
        top: 1px;
        height: 20px;
    }

    .todayTasklisting label {
        float: left;
    }

    .todayTasklisting .grid {
        max-height: calc(100vh - 332px);
        width: 100%;
        margin-bottom: 0;
        min-height: 650px;
    }

    .today-fixed-col {
        min-height: 680px;
    }

        .today-fixed-col .ui-grid-viewport {
            overflow-x: scroll !important;
            overflow-y: hidden !important;
        }

        .today-fixed-col .ui-grid-pinned-container-right .ui-grid-viewport {
            overflow-x: hidden !important;
            overflow-y: scroll !important;
            padding-bottom: 18px;
        }

    .job-bag-tabs .listing2 .portlet-body.fixed-title {
        margin-top: 10px;
    }

    .mention-job .portlet-body.fixed-title {
        margin-top: 0;
    }

    .portlet-body.view-fixed-title {
        margin-top: 105px;
    }

    .modal-body .portlet-body.view-fixed-title {
        margin-top: 0;
    }

    .portlet-body.task-fixed-title {
        margin-top: 159px;
    }

    .view-task .portlet-body.task-fixed-title {
        margin-top: 166px;
    }

    .portlet-body.notes-fixed-title {
        margin-top: 55px;
    }

    .portlet-body.master-data, .portlet-body.generate-password-body {
        margin-top: 28px;
    }


    .modal-body .portlet-body.task-fixed-title {
        margin-top: 0;
    }

    .portlet-body > .row.update-details {
        position: fixed;
        width: 100%;
        top: 125px;
        z-index: 7;
    }

    .modal-body .portlet-body > .row.update-details {
        position: relative;
        top: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .table-toolbar {
        padding-bottom: 0;
    }

    .tab-pane .table-toolbar {
        padding-top: 10px;
    }



        .tab-pane .table-toolbar label {
            line-height: 29px;
        }

        .tab-pane .table-toolbar .col-xs-6 > label {
            float: left;
        }

        .tab-pane .table-toolbar .search-form label {
            line-height: normal;
            letter-spacing: -0.1px;
        }

    .tabs-vertical .tab-pane .update-details {
        margin: 10px 0 20px;
    }

    .table-toolbar .actions a {
        line-height: 30px;
        font-size: 13px;
        color: #333;
        text-decoration: none;
    }

        .table-toolbar .actions a:hover {
            color: #005ead;
        }

    .portlet .portlet-title > .caption {
        float: left;
        display: inline-block;
        font-size: 16px;
        line-height: 18px;
        padding: 7px 0;
        color: #2f353b;
        font-weight: bold;
        text-transform: uppercase;
        max-width: calc(100% - 240px);
        word-break: break-word;
    }

        .portlet .portlet-title > .caption > .ticket-number {
            margin-left: 5px;
            font-size: 11px;
            width: 215px;
        }

        .portlet .portlet-title > .caption.typesetting-ticket-number {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }

            .portlet .portlet-title > .caption.typesetting-ticket-number .label {
                padding: 5px;
                padding-bottom: 4px;
            }


        .portlet .portlet-title > .caption > .ticket-number .table {
            margin-bottom: 0;
        }

            .portlet .portlet-title > .caption > .ticket-number .table tr:hover {
                background: none;
            }

            .portlet .portlet-title > .caption > .ticket-number .table td {
                padding: 2px;
            }

    .portlet > .portlet-title > .add-btns {
        padding-right: 0;
    }

    .job-finance .portlet {
        padding: 0;
        box-shadow: none;
    }

    .page-toolbar a {
        font-size: 16px;
    }

    .table-toolbar label {
        font-weight: normal;
        margin-right: 0px;
    }

    .table-toolbar select {
        padding: 3px 5px;
    }

    .btn-theme-panel .btn {
        padding: 5px 10px;
        border: 1px solid #62707a;
        border-radius: 25px;
        color: #62707a;
    }

        .btn-theme-panel .btn > i {
            font-size: 16px;
            color: #62707a;
        }

    .design-tab-scroll {
        max-height: 280px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .design-stat {
        position: relative;
        background: #005ead;
        color: #fff;
        padding: 20px;
        margin-bottom: 20px;
    }

        .design-stat .number h3 {
            font-size: 40px;
            margin: 0;
            padding-bottom: 30px;
        }

        .design-stat .progress-info {
            font-size: 24px;
        }

        .design-stat .icon {
            position: absolute;
            right: 5%;
            top: 10%;
            font-size: 34px;
            opacity: 0.6;
        }

    .portlet-title .actions a.btn-icon-only {
        border: 1px solid #ccc;
        border-radius: 50%;
        padding: 6px 9px;
        font-size: 12px;
        color: #666;
        min-width: 0;
    }


    .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
        min-width: 160px;
        max-width: 275px;
        width: 275px;
        z-index: 9995;
        padding-top: 0;
    }

    .nav.pull-right > li > .dropdown-menu {
        right: 0;
        left: auto;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
        display: block;
        overflow: hidden;
        padding: 15px;
        letter-spacing: .5px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

        .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
            margin: 0;
            padding: 0;
            float: left;
            font-size: 13px;
            display: inline-block;
            color: #333;
        }

        .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
            display: inline-block;
            padding: 0;
            background: 0 0;
            clear: inherit;
            font-size: 13px;
            position: absolute;
            right: 10px;
            border: 0;
            margin-top: -1px;
            color: #005ead;
        }

    .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list {
        padding-right: 0 !important;
        padding-left: 0;
        list-style: none;
        /*overflow-y: auto;*/
        max-height: 275px;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
        border-bottom: 1px solid #646b89 !important;
    }


    .unpin {
        float: right;
        width: 17px;
    }

        .unpin img {
            max-width: 100%;
        }

    .pinned-items {
        padding: 10px 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #e5e5e5;
    }

    .pinned-info .pinned-author {
        float: left;
        color: #060606;
        font-weight: 600;
    }

    .pinned-info .actions a {
        font-size: 18px;
        color: #da5332;
    }

    .pinned-items .pinned-text {
        color: #666;
        font-size: 14px;
    }

    .pinned-items .pinned-date {
        color: #bababa;
        font-size: 14px;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 4px 8px;
    }

    .label-default {
        background-color: #ccc;
    }

    table tr td {
        position: relative;
        word-break: break-all;
    }

        table tr td .new {
            width: 15px;
            background: url(/app/Content/img/new-icon.png) no-repeat;
            height: 15px;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
        }

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #e7e7e7;
    }


    .search-form {
        display: inline-block;
        width: 100%;
        border: 1px solid #9cbdd0;
        background: #f8f8f8;
        padding: 1px 0 10px;
    }

        .search-form > div {
            margin: 5px 0;
        }

            .search-form > div.clear {
                margin: 0;
            }

    .action-column .dropdown a.dropdown-toggle {
        padding: 3px 11px;
        color: #333;
        cursor: pointer;
    }

    .action-column .action-highlight, .bucket-menu .action-highlight, .bucket-actions-outer .action-highlight {
        color: #5cb85c !important;
    }

    .action-column .dropdown a.dropdown-toggle.fa-user-plus {
        padding: 0;
    }

    .action-column .dropdown a[aria-expanded^="true"].dropdown-toggle {
        padding: 3px 13px;
        border: 1px solid #ccc;
        background: #fff;
        border-bottom: 0;
        z-index: 9999;
        position: relative;
        color: #005ead;
    }

        .action-column .dropdown a[aria-expanded^="true"].dropdown-toggle.disable-aria-expand {
            padding: 0px;
            border: 0px;
        }

    .action-column .dropdown-menu {
        right: 0px;
        min-width: 125px;
        /* bottom: 0; */
        top: 18px;
        z-index: 1;
        left: auto;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
    }

        .action-column .dropdown-menu li a {
            margin: 0;
        }

            .action-column .dropdown-menu li a i.fa {
                margin-right: 10px;
            }

    .action-column .dropdown {
        position: relative;
        display: inline-block;
    }

    ul.dropdown-menu li[disabled^="disabled"] a {
        pointer-events: none;
        color: #aaa;
    }

    .ui-grid-canvas .action-column a[disabled^="disabled"] {
        pointer-events: none;
        color: #aaa;
    }


    .ui-grid-canvas .action-column a.disabled {
        pointer-events: none;
        color: #aaa;
        background: none !important;
    }

    .ui-grid-canvas .action-column span span {
        width: 22px;
        display: inline-block;
    }



    table tbody tr td.action-btns {
        border: 1px solid #fff;
    }

    .back-btn {
        position: absolute;
        left: 15px;
        color: #fff;
        top: 26px;
    }

        .back-btn a {
            color: #fff;
            text-decoration: none;
        }

            .back-btn a i {
                font-size: 29px;
                /* line-height: 0; */
                margin-top: -5px;
                float: left;
                margin-right: 10px;
            }

    .search-form .btn {
        min-width: 82px;
    }

    .search-btn {
        margin-top: 26px !important;
    }

    .search-form .form-search-icon, .address-book-modal .form-search-icon {
        background: url(/app/Content/img/white-search-icon.png) no-repeat #005ead center;
        text-indent: -9999px;
        border: none;
        background-size: 18px;
        width: 30px;
        height: 30px;
        padding: 5px;
        border-radius: 4px;
    }

    .search-form .form-search-icon {
        float: right;
    }

    .search-form .clear-search, .address-book-modal .clear-search {
        background: url(/app/Content/img/clear-filter-white.png) no-repeat #444 center;
        text-indent: -9999px;
        border: none;
        width: 30px;
        height: 30px;
        padding: 5px;
        border-radius: 4px;
    }

    .search-form .advance-search-icon, .search-filters .advance-search-icon {
        background: url(/app/Content/img/adv-search-icon.png) no-repeat 6px 4px #444;
        border-radius: 4px;
        width: 30px;
        height: 30px;
        display: inline-block;
        padding: 1px;
        text-align: center;
        font-size: 19px;
        color: #fff;
        font-weight: 300;
    }
    /*.search-form*/
    .download-file {
        /*  background: no-repeat #44444466 center;*/
        /* text-indent: -9999px; 
    border: none;*/
        border: 1px solid #85bcdc;
        /* width: 30px;*/
        height: 30px;
        padding: 5px;
        border-radius: 4px;
        min-width: 77px;
        background: #cce3f0;
        color: #0d5a9a;
        margin-top: 7px;
    }

    .search-filters .advance-search-icon.search-enable, .listing-search-filters .advance-search-icon.search-enable {
        background-color: #5cb85c;
    }

    .search-form .basic-search-icon, .search-filters .basic-search-icon {
        background: url(/app/Content/img/adv-search-icon.png) no-repeat -74px 4px #005ead;
        border-radius: 4px;
        width: 30px;
        height: 30px;
        display: inline-block;
        padding: 1px;
        text-align: center;
        font-size: 19px;
        color: #fff;
        font-weight: 300;
    }

    .address-area input, .address-area select {
        margin-top: 7px;
    }

        .address-area input:first-child {
            margin-top: 0px;
        }


    .view-address {
        min-height: 312px;
    }

    input[readonly] {
        color: #969696;
        border: none;
        background-color: #f2f2f2;
    }

    input:read-only {
        color: #969696;
        border: none;
        background: #f2f2f2;
    }



    table th span {
        margin-right: 5px;
    }

    .search-heading {
        display: inline-block;
        border: 1px solid #ccc;
        padding: 7px 11px 9px;
        border-left: 5px solid #005ead;
        font-weight: bold;
        position: relative;
        cursor: pointer;
        width: 100%;
    }

    .width70 {
        width: 70%;
    }

    .width45 {
        width: 45px;
    }

    .width35 {
        width: 35px;
    }

    .width20per {
        width: 20%;
    }

    .inline-heading {
        padding: 0 10px;
        width: auto;
        float: left;
    }

    .search-heading.active {
        background: #005ead;
        color: #fff;
        border: none;
        padding: 7px 11px 16px 16px;
    }

    .search-heading .search-arrow {
        position: absolute;
        right: 0;
        width: 36px;
        top: 0;
        border-left: 1px solid #ccc;
        font-size: 19px;
        text-align: center;
        padding: 9px 0;
    }

    .add-btns {
        /*   width: 29%;*/
        display: inline-block;
        min-width: 303px;
    }

    .tab-pane .add-btns {
        width: auto;
        min-width: 0;
    }

    .advance-search .btn {
        padding: 8px 19px;
        width: auto;
        margin-bottom: 0 !important;
    }

    .search-area .search-form {
        background: #fff;
        border: 1px solid #ccc;
    }

    .search-area .search-btn {
        margin-top: 15px;
        border-top: 1px solid #ccc;
        padding-top: 15px;
    }

    .search-heading.active .search-arrow {
        padding: 9px 0 15px;
    }

    .page-header .top-menu .navbar-nav > li.dropdown {
        margin: 0;
        padding: 0 4px;
        display: inline-block;
    }

    .page-header .top-menu .dropdown-quick-sidebar-toggler > .dropdown-toggle {
        padding: 17px 10px 3px;
    }

    .table .actions a.approve {
        color: #5cb85c;
    }

    .table .actions a.decline {
        color: #d9534f;
    }

    .margin-bottom10 {
        margin-bottom: 10px;
    }


    .margin-bottom5 {
        margin-bottom: 5px;
    }

    .margin-top3 {
        margin-top: 3px;
    }

    .margin-top10 {
        margin-top: 10px;
    }


    .margintop23 {
        margin-top: 23px;
    }

    .margin-bottom0 {
        margin-bottom: 0px !important;
    }

    .padding0 {
        padding: 0px !important;
    }

    .paddingtop0 {
        padding-top: 0px !important;
    }

    .paddingbottom0 {
        padding-bottom: 0px !important;
    }

    .padding-top10 {
        padding-top: 10px !important;
    }

    .paddingleft10 {
        padding-left: 10px !important;
    }

    .packages-tab .tab-content {
        padding-bottom: 0 !important;
    }



    .form-control[disabled] {
        border: 1px solid #e0e1e1;
    }

    .page-title .actions {
        width: auto;
    }

        .page-title .actions a.icon-only {
            font-size: 18px;
            color: #333;
            padding: 5px 8px 3px;
        }

            .page-title .actions a.icon-only.no-pie, .page-title .actions a.icon-only.no-tiles, .page-title .actions a.icon-only.no-load {
                color: #5cb85c;
            }

            .page-title .actions a.icon-only.disabled {
                color: #d9d9d9;
                background: none !important;
            }

        .page-title .actions .navbar-right > div, .page-title .action .navbar-right > a {
            display: inline-block;
        }

        .page-title .actions .dropdown-menu li {
            display: inline-block;
            width: 32%;
        }

            .page-title .actions .dropdown-menu li:last-child {
                border: none;
            }

    .navbar-right {
        margin-right: 0;
    }

    .page-title .actions .dropdown-menu a:hover {
        color: #fff;
        background: #0b6fc4;
    }

    .dashboard-icons {
        padding-bottom: 0px;
        z-index: 1000;
        margin-top: 4px;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .dashboard-icons .dropdown ul {
        background: rgba(90,90,90,0.93);
        width: auto;
        padding: 0px;
        border: none;
        border-bottom: 4px solid #ccc;
    }

    .dashboard-icons .open a.dropdown-toggle {
        background: rgba(90,90,90,0.92);
    }

    .dashboard-icons .dropdown.open .dropdown-menu {
        width: 630px;
        height: auto;
        text-align: center;
        padding: 10px;
    }

    .dashboard-icons .dropdown ul li a {
        color: #fff;
        text-align: center;
        padding: 13px 20px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .dashboard-icons .dropdown ul li a:focus {
            background: none;
        }


        .dashboard-icons .dropdown ul li a.disabled {
            color: #999;
        }

        .dashboard-icons .dropdown ul li a i {
            margin-right: 8px;
            display: block;
            margin-bottom: 7px;
            font-size: 32px;
        }



    .dashboard-icons .dropdown .quick-reports ul li a i {
        margin-right: 0;
    }



    .dashboard-add-task-icons .add-task-icons ul {
        width: auto;
        padding: 0px;
        border: none;
        text-align: center;
    }


        .dashboard-add-task-icons .add-task-icons ul li a {
            text-align: center;
            padding: 13px 20px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dashboard-add-task-icons .add-task-icons ul li {
            display: inline-block;
        }

            .dashboard-add-task-icons .add-task-icons ul li a:focus {
                background: none;
            }

            .dashboard-add-task-icons .add-task-icons ul li a:hover {
                text-decoration: none;
            }



            .dashboard-add-task-icons .add-task-icons ul li a.disabled {
                background: none !important;
            }

            .dashboard-add-task-icons .add-task-icons ul li a i {
                margin-right: 8px;
                display: block;
                margin-bottom: 7px;
                font-size: 32px;
                text-align: center;
            }







    .assign-task-modal .modal-body {
        max-height: 90vh;
    }

        .assign-task-modal .modal-body .assignment-table-area, .page-push-body .page-push-table-area {
            max-height: calc(100vh - 600px);
            min-height: 215px;
            overflow-y: auto;
        }

    .modal .modal-dialog.modal-large {
        margin-top: 65px;
    }

    .modal .modal-dialog.modal-full-width {
        width: 92%;
        height: calc(100vh - 104px);
        margin-top: 68px;
    }

        .modal .modal-dialog.modal-full-width .view-module-body {
            max-height: calc(100vh - 120px);
            overflow: hidden;
        }

    .modal-backdrop.in {
        filter: alpha(opacity=80);
        opacity: .8;
    }

    .page-quick-sidebar-wrapper {
        transition: right .3s;
        z-index: 10500;
        position: fixed;
        top: 60px;
        bottom: 0;
        width: 320px;
        right: -340px;
        overflow: auto;
        color: #99a8b5;
        background: url(/app/Content/img/blur-bg.png) repeat;
        box-shadow: -1px 3px 5px 4px rgba(0, 0, 0, .175);
        -webkit-box-shadow: -1px 3px 5px 4px rgba(0, 0, 0, .175);
    }



    .page-quick-sidebar-open .page-quick-sidebar-wrapper {
        transition: right .3s;
        right: 0;
        padding-bottom: 44px;
    }

    .page-quick-sidebar-toggler {
        overflow: hidden;
        z-index: 99999;
        display: none;
        width: 28px;
        height: 27px;
        position: fixed;
        top: 10px;
        right: 15px;
        text-align: center;
        padding-top: 6px;
    }

    .page-quick-sidebar-open .page-quick-sidebar-toggler {
        display: inline-block;
        margin-top: 10px;
    }

    .black-overlay {
        background: #000;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        top: 60px;
    }

    .black-overlay {
        display: none;
    }

        .black-overlay.dashb {
            display: block;
            opacity: 0.6;
            font-size: 50px;
            color: #fff;
            vertical-align: middle;
            text-align: center;
            padding-top: 10%;
            position: absolute;
            top: 50px;
            height: 96%;
        }

        .black-overlay.job-bag {
            display: block;
            opacity: 0.6;
            font-size: 50px;
            color: #fff;
            vertical-align: middle;
            text-align: center;
            padding-top: 10%;
            position: absolute;
            top: -20px;
            height: 107%;
            left: -20px;
            width: calc(100% + 40px);
            min-height: 458px;
        }

        .black-overlay.estimates {
            display: block;
            opacity: 0.6;
            font-size: 30px;
            color: #fff;
            vertical-align: middle;
            text-align: center;
            padding-top: 2%;
            position: absolute;
            top: -14px;
            height: 107%;
            left: -20px;
            width: calc(100% + 40px);
            min-height: 297px;
        }


    .popup-overlay {
        padding-top: 12%;
    }

    .popup-overlay-small, .file-upload-not-allowed-overlay {
        position: absolute;
        width: 100%;
        background: rgba(0,0,0,0.7);
        height: calc(100% - 110px);
        z-index: 9;
        left: 0px;
        top: 50px;
        border: 1px dashed #fafafa;
        color: #fff;
        font-size: 38px;
        text-align: center;
        text-shadow: 1px 1px 1px #000;
        font-weight: bold;
        display: none;
    }

    .task-popup-overlay-file-upload {
        height: 100%;
        position: fixed;
        z-index: 1;
        top: 0px;
    }

    .popup-overlay i, .file-upload-not-allowed-overlay i {
        position: absolute;
        top: calc(50% - 50px);
    }

    .pie-chart .black-overlay.dashb {
        top: 0;
    }

    .position-relative {
        position: relative;
    }

    .position-absolute {
        position: absolute;
    }


    .page-quick-sidebar-open .black-overlay {
        display: block;
    }


    .page-quick-sidebar-wrapper.dark {
        background: url(/app/Content/img/dark-blur-bg.png) repeat;
    }

        .page-quick-sidebar-wrapper.dark .page-quick-sidebar .page-sidebar-menu li a {
            color: #fff;
            border-top: 1px solid #3e3e3e !important;
        }

        .page-quick-sidebar-wrapper.dark .page-quick-sidebar .page-sidebar-menu li:first-child a {
            border: none !important;
        }

    .dropdown-quick-sidebar-toggler a span, .dropdown-quick-sidebar-toggler a span:after, .dropdown-quick-sidebar-toggler a span:before {
        display: inline-block;
        width: 26px;
        height: 2px;
        background: #fff;
        position: relative;
        top: 11px;
        transition: all ease .3s;
        content: '';
        z-index: 99999;
    }

    .page-quick-sidebar-wrapper.dark .page-quick-sidebar .page-sidebar-menu li .sub-menu li a {
        border: none !important;
    }





    .navbar-nav {
        margin: 0;
    }


    .dropdown-quick-sidebar-toggler a span:before {
        top: -22px;
    }

    .dropdown-quick-sidebar-toggler a span:after {
        top: -26px;
    }

    .dropdown-quick-sidebar-toggler a:hover {
        background: none !important;
    }

    .dropdown-quick-sidebar-toggler a.page-quick-sidebar-toggler span {
        top: 13px;
    }

    .page-quick-sidebar .page-sidebar-menu {
        padding: 20px 0 0 0;
    }

        .page-quick-sidebar .page-sidebar-menu li {
            list-style: none;
            display: block;
            position: relative;
        }

            .page-quick-sidebar .page-sidebar-menu li.terms-condition {
                position: fixed;
                bottom: 0;
                width: 320px;
                text-align: center;
            }

    .page-quick-sidebar-wrapper.dark .page-quick-sidebar .page-sidebar-menu li.terms-condition a {
        border-top: none !important;
        font-size: 12px;
    }

        .page-quick-sidebar-wrapper.dark .page-quick-sidebar .page-sidebar-menu li.terms-condition a:hover {
            background: none;
            text-decoration: underline;
        }

        .page-quick-sidebar-wrapper.dark .page-quick-sidebar .page-sidebar-menu li.terms-condition a span {
            padding-left: 0;
        }

    .page-quick-sidebar .page-sidebar-menu li a {
        border-top: 1px solid #e2e2e2 !important;
        color: #2b3643;
        display: block;
        position: relative;
        margin: 0;
        border: 0;
        padding: 10px 15px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 400;
    }

    .page-quick-sidebar .page-sidebar-menu li > span.sub-menu {
        position: absolute;
        top: 0;
        right: 16px;
    }

        .page-quick-sidebar .page-sidebar-menu li > span.sub-menu.listing-module {
            right: 32px;
        }

        .page-quick-sidebar .page-sidebar-menu li > span.sub-menu a {
            padding-left: 0;
            padding-right: 0;
        }

        .page-quick-sidebar .page-sidebar-menu li > span.sub-menu.add-module {
            width: 32px;
        }

            .page-quick-sidebar .page-sidebar-menu li > span.sub-menu.add-module:hover {
                background: #005ead;
            }

    .page-quick-sidebar .page-sidebar-menu li .sub-menu li a {
        border: none !important;
    }

    .page-quick-sidebar .page-sidebar-menu li:first-child a {
        border: none !important;
    }

    .page-quick-sidebar .page-sidebar-menu li a i.fa {
        font-size: 15px;
        margin: 0 10px;
    }

    .page-quick-sidebar .page-sidebar-menu > li > a > span {
        padding-left: 40px;
    }

    .page-quick-sidebar .page-sidebar-menu > li ul.sub-menu li > a > span {
        padding-left: 22px;
        display: block;
        max-width: calc(100% - 44px);
    }

    .page-quick-sidebar .page-sidebar-menu > li ul.sub-menu li a .fa.module-icon {
        margin-left: 0;
        font-size: 13px;
        line-height: 19px;
    }

    .page-quick-sidebar .page-sidebar-menu li a i.fa.module-icon {
        position: absolute;
    }

    .page-quick-sidebar .page-sidebar-menu li a .arrow {
        float: right;
        position: absolute;
        right: 17px;
    }

    .page-quick-sidebar .page-sidebar-menu li a:hover {
        background: #005ead;
        color: #fff;
    }

    ul.sub-menu {
        padding-left: 0;
    }

    .disabled-menu {
        pointer-events: none;
        color: #747474 !important;
    }

    .text-default {
        color: #747474;
    }

    .page-quick-sidebar .page-sidebar-menu li ul.sub-menu li > a {
        padding-left: 55px;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #ccc;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        background: #6d6d6d;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 8px;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 8px;
    }

    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
        padding-right: 0;
    }

    .mCSB_container_wrapper {
        margin-right: 20px;
    }


    .update-details {
        background: #f3f3f3;
        /*   display:inline-block*/
        margin-right: -10px;
    }




        .update-details > div {
            padding: 10px 10px;
        }



        .update-details .key {
            font-weight: bold;
        }

        .update-details .value {
            margin-left: 0px; /*7px to 0 for UI changes*/
            float: left;
            max-width: 100%;
        }

            .update-details .value > span {
                max-width: 100%;
                white-space: nowrap;
                float: left;
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: normal;
            }

            .update-details .value.disabled {
                background: none !important;
                color: #333 !important;
            }


    .data {
        margin-top: 20px;
    }

        .data .value {
            font-weight: bold;
            word-wrap: break-word;
            min-height: 18px;
        }

        .form-group .attachments, .data .attachments {
            margin-top: 10px;
            max-height: 307px;
            overflow: auto;
            padding-right: 10px;
        }

            .form-group .attachments ul {
                padding-left: 0;
            }

                .form-group .attachments ul li {
                    list-style: none;
                }

        .data .value.attachments {
            margin-top: 0px;
        }

            .data .value.attachments a, .form-group .attachments a {
                margin-bottom: 5px;
                display: inherit;
                font-weight: bold;
            }

    .form-group .attachments a {
        display: inline-block;
        max-width: 80%;
        overflow: hidden;
        height: 23px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .data .attachments a {
        display: inline-block;
        max-width: 80%;
        overflow: hidden;
        height: 23px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table .attachments a {
        height: auto;
    }

    .data .attachments ul {
        padding-left: 0;
    }

        .data .attachments ul i {
            margin-right: 5px;
        }

    .form-group .attachments .del-icon {
        color: #d9534f;
        cursor: pointer;
        margin-left: 10px;
        float: right;
    }

    .data .value.attachments i, .form-group .attachments i {
        margin-right: 5px;
    }


    .data > div > .row, .marginbottom15 {
        margin-bottom: 15px;
    }

    .typesetting-data > div > div > .row, .marginbottom15 {
        margin-bottom: 15px;
    }


    .data .address-area .address-line {
        display: block;
        padding-bottom: 7px;
        word-wrap: break-word;
    }

    .nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #01457f;
    }

    .accordion .panel .panel-heading, .accordion .panel .panel-title {
        padding: 0;
        border-radius: 0;
        /*  font-size:15px; print task update  */
        font-weight: normal;
    }

        .accordion .panel .panel-title a.accordion-toggle {
            display: block;
            padding: 10px 15px;
            text-decoration: none;
        }

    table td ul {
        display: inline-block;
    }

    .margintop0 {
        margin-top: 0px !important;
    }

    .marginbottom0 {
        margin-top: 0px;
    }

    .margintop20 {
        margin-top: 20px;
    }

    .action-btns {
        background: #e3f6fc;
        padding: 0;
    }

    .accordion .panel .panel-heading.accordion-toggle.accordion-toggle-styled.collapsed {
        background: url(/app/Content/img/accordion-plusminus.png) 99.2% 3px no-repeat #f3f3f3;
        color: #005ead;
        padding: 7px 10px;
        cursor: pointer;
        font-size: 15px;
        font-weight: bold;
    }

    .accordion .panel .panel-heading.accordion-toggle.accordion-toggle-styled {
        background: url(/app/Content/img/accordion-plusminus.png) 99.2% -27px no-repeat #cce3f0;
        color: #005ead;
        padding: 7px 10px;
        cursor: pointer;
        font-size: 15px;
        font-weight: bold;
    }

        .accordion .panel .panel-heading.accordion-toggle.accordion-toggle-styled.collapsed[disabled] {
            pointer-events: none;
        }

    .accordion .panel[disabled] {
        cursor: not-allowed;
    }

    .panel-group {
        margin-bottom: 10px;
    }

    .panel-body {
        padding: 10px;
    }

    .accordion .panel .panel-heading.accordion-toggle.accordion-toggle-styled.collapsed > .tools {
        display: none;
    }


    .clear {
        clear: both;
    }

    .panel-default {
        border-color: #cdd2de;
    }

        .panel-default > .panel-heading {
            color: #333;
            background-color: #f3f3f3;
            border-color: #cdd2de;
        }

    .dropdown-menu {
        border-radius: 0;
        z-index: 1053;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
        background: #eaedf2;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
        display: block;
        clear: both;
        line-height: 20px;
        white-space: normal;
        font-size: 13px;
        padding: 10px 15px 12px;
        text-shadow: none;
        text-decoration: none;
        border-bottom: 1px solid #EFF2F6 !important;
        color: #666;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
        max-width: 85px;
        font-size: 11px;
        font-weight: 400;
        opacity: .7;
        filter: alpha(opacity=70);
        text-align: center;
        padding: 1px 5px;
        background: #e4e4e4;
        display: block;
    }



    .page-header .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
        background: #f8f9fa;
    }

    .page-header .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover {
        background: none;
    }

    .notification-grid li > a:hover {
        background: none !important;
    }

    .notification-grid .view-all {
        text-align: center;
        width: 100%;
        display: block;
    }

        .notification-grid .view-all:hover {
            background: #005ead;
            color: #fff;
            text-decoration: none;
        }

    .notification-grid {
        min-height: 200px !important;
        max-height: calc(100vh - 175px) !important;
    }

        .notification-grid .ui-grid-viewport {
            height: auto !important;
            max-height: calc(100vh - 175px) !important;
        }

    .dropdown-notification .dropdown-menu {
        padding-bottom: 0;
    }

    .dropdown-notification .slimScrollDiv li:hover {
        background: #e6f2fa !important;
    }

    .dropdown-notification li.unread {
        background: #cde6f7 !important;
        font-weight: bold;
    }

    .dropdown-notification li .subject {
        display: block;
        font-size: 14px;
        color: #363636;
    }

        .dropdown-notification li .subject .from {
            font-weight: bold;
        }

        .dropdown-notification li .subject .void {
            background: url(/app/Content/img/void-small.png) no-repeat;
            width: 21px;
            height: 21px;
            margin-top: -3px;
        }

    .dropdown-notification li .message {
        font-size: 13px;
        text-transform: initial;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
    }

    .dropdown-user li a i.fa {
        margin-right: 5px;
    }

    .add-btn {
        border-radius: 50%;
        min-width: 0;
        padding: 6px 10px;
        background: none;
        border: 1px solid #005ead;
        color: #005ead;
    }

        .add-btn:hover, .add-btn:focus {
            background: #005ead;
            color: #fff;
        }

        .add-btn[disabled] {
            background: #ccc;
            border: none;
            color: #555;
        }

    .add-btn-release {
        position: absolute;
        top: -38px;
        right: 66px;
        background: none;
        border: none;
        font-size: 18px;
        padding: 0px;
    }

        .add-btn-release:hover, .add-btn-release:focus {
            color: #04447a !important;
            background: none !important;
        }

        .add-btn-release.disabled {
            pointer-events: auto;
            background: none !important;
            border: none !important;
            color: black !important;
            cursor: not-allowed !important;
            opacity: 1;
        }

        .add-btn-release a.disabled {
            pointer-events: none;
            background: none !important;
            border: none !important;
            cursor: not-allowed !important;
        }

    .disable-button {
        pointer-events: none;
        opacity: .5;
    }

    .cursor-not-allowed {
        cursor: not-allowed;
    }

    .disabled-logo {
        color: #ccc !important;
    }

        .disabled-logo > span {
            background-color: #ccc !important;
        }


    .release-via-email-header-loader {
        float: right;
        position: relative;
        top: -26px;
        right: 100px;
        opacity: .7;
        margin-bottom: 0px;
    }

    .input-inline {
        display: inline-block;
        vertical-align: middle;
    }

    .input-small {
        width: 240px !important;
    }

    .mt-radio-inline {
        display: inline;
    }

        .mt-radio-inline .disabled {
            color: #ccc;
        }


    .input-center {
        margin: 0 auto;
    }

    .marginleft30 {
        margin-left: 30px;
    }

    .marginleft5 {
        margin-left: 5px;
    }

    .marginleft10 {
        margin-left: 10px;
    }


    .mt-radio-inline .mt-radio {
        display: inline-block;
        margin-right: 15px;
    }


    .grid .mt-radio-inline .mt-radio {
        margin-right: 0;
    }

    .grid label.mt-radio input[type="checkbox"] + span {
        margin-left: 1px;
    }


    .modal-header {
        background: rgb(87, 95, 102);
        color: #fff;
        border-radius: 4px 4px 0 0;
        padding: 15px;
    }

        .modal-header .close {
            margin-top: -2px;
            color: #fff;
            opacity: .5;
            filter: alpha(opacity=50);
        }

    .modal-body {
        position: relative;
        padding: 10px;
        max-height: 59vh;
        overflow-y: auto;
        background: #fff;
    }

        .modal-body.address-book-modal {
            height: auto;
            max-height: none;
        }
    /*.modal-grid-body{
     position: relative;
    padding: 15px;
    max-height: 59vh;
    overflow-y: hidden;
    background: #fff;
}*/

    [ng\:cloak], [ng-cloak], .ng-cloak {
        display: none !important;
    }

    .modal-footer {
        background: #fff;
    }

    .bootstrap-datetimepicker-widget .btn {
        border: none;
        color: #000;
        background: none;
        padding: 0;
        min-width: 0;
    }

    .bootstrap-datetimepicker-widget .btn-primary {
        color: #fff;
        background: #005ead;
        border: 1px solid #094f8a;
        border-radius: 4px;
    }

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #005ead;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .date.datetimepicker input[type="text"] {
        min-width: 0;
    }

    .date .uib-time.am-pm button {
        height: 32px;
        width: 47px;
    }

    .btn.approve-btn {
        background: #5cb85c;
        border: 1px solid #34b434;
        color: #fff;
    }

        .btn.approve-btn:hover {
            background: #34b434;
        }

    .bold {
        font-weight: 700;
    }


    .btn.decline-btn {
        background: #d9534f;
        border: 1px solid #c53935;
        color: #fff;
    }


        .btn.decline-btn:hover {
            background: #c53935;
        }

    .tabs-vertical {
        margin-top: 20px;
        width: 100%;
    }

    .input-group.date .input-group-addon {
        background: #fff;
    }

        .input-group.date .input-group-addon:hover {
            background: #005ead;
            color: #fff;
        }

    .form-group {
        margin-bottom: 8px;
        display: inline-block;
        margin-right: -15px;
        margin-left: -15px;
        width: calc(100% + 30px);
    }

    .modal .form-group {
        width: 100%;
        margin-bottom: 15px;
        float: left;
        margin: 0;
    }

    .tabs-vertical .tab-content {
        background: #fff;
        display: inline-block;
        padding: 20px;
        vertical-align: top;
        width: calc(100% - 151px);
        border: 1px solid #ccc;
        border-left: 5px solid #005ead;
        max-height: calc(100vh - 400px);
        overflow: auto;
        min-height: 460px;
    }

    .master-data .tabs-vertical .tab-content {
        max-height: calc(100vh - 100px);
    }

    .tab-content ng-form > h4 {
        margin-bottom: 5px; /*5px from 15px for job bag spacing*/
        margin-top: 0;
    }


    .tabs-vertical .nav.tabs-vertical-nv {
        display: table-cell;
        min-width: 120px;
        vertical-align: top;
        width: 150px;
        background: #fff;
        float: left;
    }

    .inline {
        display: inline-block;
    }

    .tera-tat-task-align {
        display: inline-flex;
    }

    .tera-tat-task-label {
        padding-right: 5px;
        padding-top: 4px;
    }

    .progress-align {
        display: inline-block;
        border: none;
        color: black;
        box-shadow: none;
        padding: 1px 10px;
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
    }

    .block {
        display: block;
    }

    .display-inline {
        display: inline;
    }

    .minwidth300 {
        min-width: 300px !important;
    }

    .minheight60 {
        min-height: 60px !important;
    }

    .tabs-vertical-nv li {
        background: #eae9e9;
        margin-bottom: 1px;
    }

    .tabs-vertical .nav.tabs-vertical-nv a {
        color: #333;
    }

    .tabs-vertical .nav.tabs-vertical-nv li.active {
        background: #005ead;
    }

        .tabs-vertical .nav.tabs-vertical-nv li.active a, .tabs-vertical .nav.tabs-vertical-nv li a:hover {
            color: #fff;
            font-weight: bold;
        }

    .tabs-vertical div[vertical^="true"] > .nav.nav-tabs {
        display: inline-block;
        min-width: 120px;
        vertical-align: top;
        width: 131px;
        background: #fff;
        border-bottom: none;
        float: left;
    }


    .tabs-vertical div[vertical^="true"] > .nav-tabs li {
        background: #eae9e9;
        margin-bottom: 1px;
        margin-top: 0;
    }

    .tabs-vertical div[vertical^="true"] > .nav.nav-tabs a {
        color: #333;
        margin: 0;
        border: 0;
        border-radius: 0;
    }

    .tabs-vertical div[vertical^="true"] > .nav.nav-tabs li.active a {
        background: #005ead;
        border: 0;
        border-radius: 0;
    }

    .tabs-vertical div[vertical^="true"] > .nav.nav-tabs li.active a, .tabs-vertical div[vertical^="true"] > .nav.nav-tabs li a:hover {
        color: #fff;
        font-weight: bold;
    }

    .tabs-vertical div[vertical^="true"] > .tab-content {
        background: #fff;
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        width: calc(100% - 132px);
        border: 1px solid #ccc;
        border-left: 5px solid #005ead;
        max-height: calc(100vh - 400px);
        overflow: auto;
        min-height: 460px;
        float: none;
    }

    .file-popup {
        padding: 0 25px;
        text-align: left;
    }

        .file-popup ul {
            padding: 10px 30px 0 30px;
            word-break: break-all;
        }
    /*.tabs-vertical .nav.nav-tabs {
    display: inline-block;
    min-width: 120px;
    vertical-align: top;
    width: 150px;
    background: #fff;
    border-bottom: none;
    float: left;
}

.tabs-vertical .nav-tabs li {
    background: #eae9e9;
    margin-bottom: 1px;
    margin-top: 0;
}

.tabs-vertical .nav.nav-tabs a {
    color: #333;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.tabs-vertical .nav.nav-tabs li.active a {
    background: #005ead;
    border: 0;
    border-radius: 0;
}

.tabs-vertical .nav.nav-tabs li.active a, .tabs-vertical .nav.nav-tabs li a:hover {
    color: #fff;
    font-weight: bold;
}

.tabs-vertical .tab-content {
    background: #fff;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    width: calc(100% - 151px);
    border: 1px solid #ccc;
    border-left: 5px solid #005ead;
    max-height: calc(100vh - 400px);
    overflow: auto;
    min-height: 460px;
}
    .tabs-vertical .tab-content > .tab-pane {
        display: block;
    }


*/


    .margin0 {
        margin: 0 !important;
    }


    .margintop5 {
        margin-top: 5px;
    }

    .margintop10 {
        margin-top: 10px;
    }

    .margin-top-40-important {
        margin-top: 40px !important;
    }

    .margin-top-10-important {
        margin-top: 10px !important;
    }

    .margin-bottom-10-important {
        margin-bottom: 10px !important;
    }

    .margin-right-10-important {
        margin-right: 10px !important;
    }

    .panel-group .panel {
        border-radius: 0;
    }

    .magin-10px {
        margin: 10px;
    }

    .margin-remove-space {
        margin-left: -4%;
    }
    /* Custom Radio*/
    /*.mt-radio input[type="radio"] {
    display: none;
}*/

    label.mt-radio input[type="radio"] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        position: absolute;
        z-index: 0;
        width: 15px;
        margin-top: 4px;
        height: 15px;
        opacity: 0;
    }


        label.mt-radio input[type="radio"] + span {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        label.mt-radio input[type="radio"] + span {
            background-color: #fff;
            border: 1px solid #ccc;
            position: relative;
        }



        label.mt-radio input[type="radio"]:checked + span {
            background-color: #fff;
            border: 1px solid #005ead;
        }

            label.mt-radio input[type="radio"]:checked + span i {
                background: #005ead;
                width: 7px;
                height: 7px;
                display: inline-block;
                margin: 0 auto;
                float: none;
                border-radius: 50%;
                top: 3px;
                left: 3px;
                position: absolute;
            }


        label.mt-radio input[type="radio"] + span,
        label.mt-radio input[type="radio"]:checked + span {
            -webkit-transition: background-color 0.4s linear;
            -o-transition: background-color 0.4s linear;
            -moz-transition: background-color 0.4s linear;
            transition: background-color 0.4s linear;
        }

        label.mt-radio input[type="radio"]:focus {
            outline: none;
        }

            label.mt-radio input[type="radio"]:focus + span {
                border: 1px solid #00325d;
            }

                label.mt-radio input[type="radio"]:focus + span I {
                    background: #00325d;
                }
    /* Custom Radio End*/
    /* Custom checkbox*/
    .mt-radio input[type="checkbox"] {
        display: none;
    }



    .mt-radio label input[type="checkbox"] {
        color: $DarkBrown;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    label.mt-radio input[type="checkbox"] + span {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
    }

    label.mt-radio input[type="checkbox"] + span {
        background-color: #fff;
        border: 1px solid #ccc;
        position: relative;
    }


    label.mt-radio input[type="checkbox"]:checked + span {
        background-color: #fff;
        border: 1px solid #005ead;
    }

        label.mt-radio input[type="checkbox"]:checked + span i {
            background: none;
            width: 7px;
            height: 7px;
            display: inline-block;
            margin: 0 auto;
            float: none;
            top: 4px;
            left: 4px;
            position: absolute;
        }

    label.mt-radio input[type="checkbox"]:disabled + span {
        border-color: #d0d0d0;
        pointer-events: none;
        background: #eee;
    }

        label.mt-radio input[type="checkbox"]:disabled + span i {
            background: #d0d0d0;
        }

    .data label.mt-radio {
        pointer-events: none;
    }

    .allow-pointer-events {
        pointer-events: all !important;
    }

    div.full-set.disabled {
        border-color: #d0d0d0;
        pointer-events: none;
    }
    /*.data .mt-radio-inline .mt-radio {
    color: #bbb;
}*/




    label.mt-radio input[type="checkbox"] + span,
    label.mt-radio input[type="checkbox"]:checked + span {
        -webkit-transition: background-color 0.4s linear;
        -o-transition: background-color 0.4s linear;
        -moz-transition: background-color 0.4s linear;
        transition: background-color 0.4s linear;
    }
    /* Custom checkbox End*/

    .drag-icon {
        cursor: move;
    }


    table .input-small {
        width: 86% !important;
    }


    .tab-content h3 {
        margin: 0;
        line-height: 30px;
    }

    .accordion .panel-heading {
        position: relative;
    }

        .accordion .panel-heading .tools {
            position: absolute;
            right: 45px;
            top: 2px;
        }



            .accordion .panel-heading .tools a {
                color: #005ead;
                padding: 10px 0;
                text-decoration: none !important;
            }

                .accordion .panel-heading .tools a:hover {
                    color: #333;
                }


    .accordion .panel .panel-heading.collapsed .tools a {
        color: #838383;
    }

    .hiddenrow {
        padding: 0 !important;
    }

        .hiddenrow .table {
            margin-bottom: 0 !important;
        }

    .collapsing {
        -webkit-transition: height .01s ease;
        transition: height .01s ease;
    }

    .clickable {
        width: 25px;
        height: 21px;
        background: url(/app/Content/img/table-accordion-icon.png) no-repeat 0 bottom;
        display: inline-block;
        cursor: pointer;
        float: right;
        background-size: 21px auto;
    }

        .clickable.collapsed {
            background: url(/app/Content/img/table-accordion-icon.png) no-repeat 0 0;
            background-size: 21px auto;
        }

    table.crud-table td {
        vertical-align: middle !important;
    }

    td.crud {
    }

    .table .clickable {
        width: 19px;
        background-size: 19px;
        height: 19px;
    }

    td.crud div.circle-checkbox {
        float: left;
    }

    td.crud .btn.default {
        color: #b8b8b8;
        border: 1px solid #b8b8b8;
        padding: 4px 11px;
        min-width: 0;
        border-radius: 3px;
    }

    td.crud .btn.selected {
        color: #fff;
        border-color: #43ae43;
        background: #5cb85c;
    }


    .master-data-list li {
        width: 20%;
        display: inline-block;
        float: left;
        padding: 10px;
        height: 46px;
        word-break: break-word;
    }
    /* UI Grid */

    .grid {
        max-height: calc(100vh - 332px);
        width: 100%;
        margin-bottom: 0;
        min-height: 70px;
    }


    .listing2 .grid {
        max-height: calc(100vh - 146px);
    }

        .listing2 .grid.task-job-bag {
            max-height: calc(100vh - 227px);
        }

        .listing2 .grid.task-list {
            max-height: calc(100vh - 180px);
        }

        .listing2 .grid.task-tracker {
            max-height: calc(100vh - 350px);
        }

    .listing2 .advance-filter .grid {
        max-height: calc(100vh - 289px);
    }

    .listing2 .col-md-12 > .portlet .portlet-title {
        padding-top: 1px;
    }


    .listing2 .outer-field .date .clear-icon, .listing2 .outer-field .date .calendar-icon {
        top: 16px;
    }

    .listing3 .grid {
        max-height: calc(100vh - 365px);
    }


    .listing3 .hide-search .grid {
        max-height: calc(100vh - 196px);
    }


    .single-row-filter .grid {
        max-height: calc(100vh - 256px);
    }

    .three-row-filter .grid {
        max-height: calc(100vh - 382px);
    }

    .no-filter .grid {
        max-height: calc(100vh - 186px);
    }

    .single-line-search .grid {
        max-height: calc(100vh - 256px);
    }

    .grid.fixed-col {
        min-height: 88px;
    }

    .grid.width-100-percent .ui-grid-canvas {
        min-width: 100% !important;
    }

    .width-100-percent {
        width: 100% !important;
    }

    .fileLocation {
        margin-top: 40px;
        margin-left: 12%;
        width: 140%;
    }

    .file-location {
        margin-top: 40px;
        display: inline-flex;
        width: 104%;
    }


    .filelocation-add {
        margin-left: 77%;
    }


    #bucket .grid {
        max-width: 100%;
        overflow: hidden;
    }

    .modal-body .grid {
        max-height: 300px;
    }
    /*.modal-body .grid.page-push-grid {
        max-height: 450px;
    }*/

    .color-red {
        color: red;
    }

    .color-gray {
        color: gray;
    }

    .modal-body .grid.history-table {
        max-height: calc(100vh - 215px);
    }

    .ui-grid-header-canvas, .ui-grid-top-panel {
        background: #363636;
        color: #fff;
    }
    /*.ui-grid-row{
	display: table;
}*/

    .ui-grid-row .ui-grid-cell {
        background: none !important;
    }

    .assign-task-modal .ui-grid-row .ui-grid-cell {
        width: 30%;
    }

    .assign-task-modal table tr th, .assign-task-modal table tr td, .page-push-body table tr th, .page-push-body table tr td {
        vertical-align: middle;
        max-width: 200px;
    }

    .assign-task-modal table th span, .page-push-body table th span {
        margin-right: 0;
        white-space: normal;
    }

    .assign-task-modal table td div.stamp-row, .page-push-body table td div.stamp-row {
        overflow: hidden;
    }

        .assign-task-modal table td div.stamp-row:not(:last-child), .page-push-body table td div.stamp-row:not(:last-child) {
            margin-bottom: 3px;
        }

    .assign-task-modal table td input.form-control, .page-push-body td input.form-control {
        padding: 0px 3px;
        height: auto;
    }

    .ui-grid-row .ui-grid-cell.text-right {
        padding-right: 2em;
    }
    /*changed*/
    .ui-grid-row {
        clear: both;
        height: 0;
    }

        .ui-grid-row:nth-of-type(even) {
            background: #f9f9f9;
        }

    .ui-grid-cell {
        border-right: 1px solid;
        border-color: #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        min-height: 27px;
    }

    .ui-grid-cell-contents {
        padding: 0;
        /* Added for being able to copy the extra space in the entity names*/
        /*white-space: pre-wrap;*/
    }

        .ui-grid-cell-contents .calculating-actuals {
            margin-left: 5px;
            position: relative;
            top: 1px;
        }

        .ui-grid-cell-contents > a {
            /*white-space: pre-wrap;*/
        }

    .grid-status .ui-grid-cell-contents {
        color: #fff;
        overflow: visible;
    }

        .grid-status .ui-grid-cell-contents span.label {
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            display: inline-block;
            line-height: 14px;
        }

    .ui-grid-cell, .ui-grid-header-cell-primary-focus {
        padding: 4px 8px;
        list-style: none;
    }

    .ui-grid-tree-header-row {
        font-weight: normal !important;
    }

        .ui-grid-tree-header-row .ui-grid-cell, .ui-grid-tree-header-row .ui-grid-header-cell-primary-focus {
            padding: 4px 12px;
        }

    .ui-grid-header-cell .ui-grid-cell-contents {
        white-space: normal;
        outline: none !important;
        word-break: normal;
    }

    .ui-grid-header-cell.nosort-column .ui-grid-cell-contents {
        vertical-align: middle;
        display: inline;
    }


    [class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
        margin-right: 0;
    }

    .ui-grid-header-cell .ui-grid-cell-contents .ui-grid-header-cell-label {
        /*Header text break in IE
      width: calc(100% - 21px);*/
        display: inline-block;
        white-space: nowrap;
        word-wrap: break-word;
        outline: none !important;
        overflow: hidden;
    }

    .bucket-type .btn {
        min-width: 31px;
        margin-right: 4px;
    }

        .bucket-type .btn:last-child {
            margin-right: 0px;
        }


        .bucket-type .btn.active {
            background: #005ead;
            color: #fff;
        }
    /*Grid Footer*/
    .ui-grid-footer-panel {
        background: white;
        border: none;
    }

        .ui-grid-footer-panel .ui-grid-footer-cell {
            border: none !important;
            padding-right: 10px;
        }

            .ui-grid-footer-panel .ui-grid-footer-cell:last-child {
                border-left: 1px solid #f1f1f1 !important;
                padding-left: 10px;
            }
    /*Grid Footer end*/


    .popover {
        max-width: none;
    }


    .ui-grid-invisible {
        visibility: hidden;
        float: right;
        margin-top: -11px;
        position: absolute;
    }
    /*.ui-grid-cell-contents > span.ui-grid-invisible{
    position: relative;
    margin: 0;
    width: 16px;
    float: right;
}*/

    .grid340 {
        max-height: 340px;
    }



    .ui-grid-canvas .action-column {
        text-align: center;
        overflow: visible;
    }

    .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .action-column {
        text-align: center;
    }

    .ui-grid-header-cell {
        text-align: center;
    }

    .ui-grid-canvas .action-column a {
        color: #333;
        text-decoration: none;
        margin: 0 5px;
        cursor: pointer;
    }

        .ui-grid-canvas .action-column a.self-assign {
            margin-left: 4px;
        }

        .ui-grid-canvas .action-column a.hiddennote {
            color: #e73d4a;
        }


        .ui-grid-canvas .action-column a.add-note {
            background: url(/app/Content/img/add-note-icon.png) no-repeat;
            width: 12px;
            height: 12px;
            display: inline-block;
        }

            .ui-grid-canvas .action-column a.add-note.disabled {
                background: url(/app/Content/img/add-note-icon.png) no-repeat 0 bottom !important;
            }

    .self-assign.self-assign-background.self-assign-opacity.disabled {
        background: url(/app/Content/img/self-assign-icon.png) no-repeat 0 -1px !important;
        opacity: 0.3;
    }

    .dashboard-grid .ui-grid-canvas .action-column .dropdown {
        left: -7px;
    }

    .dashboard-grid .ui-grid-canvas .action-column .assign-task-dropdown.dropdown {
        left: 0px;
        width: 22px;
    }

    div.assign-task-dropdown {
        position: relative;
        display: inline-block;
    }

        div.assign-task-dropdown a.assign-task-icon.assign-task-button.assign-task-dept {
            padding: 0px;
        }

        div.assign-task-dropdown.dropdown a.assign-task-icon.assign-task-button.assign-task-dept[aria-expanded^="true"].dropdown-toggle {
            border: none;
        }

    .dashboard-grid .action-column .dropdown a[aria-expanded^="true"].dropdown-toggle {
        padding: 2px 10px;
    }

        .dashboard-grid .action-column .dropdown a[aria-expanded^="true"].dropdown-toggle.disable-aria-expand {
            padding: 0px;
        }

    .dashboard-grid .action-column .ui-grid-cell-contents {
        /*margin-left:20px;*/
        /*text-align:left;*/
        text-overflow: clip;
    }

    .ui-grid-viewport {
        overflow-y: auto !important;
        overflow-x: auto !important;
        overflow-anchor: none;
    }
    /* Removed for double scroll after custom grid scroll */
    .history-table .ui-grid-viewport {
        overflow: auto !important;
    }
    /* For fix in job bag tasks grid
.with-scroll .ui-grid-viewport {
    overflow-x: scroll !important;
    overflow-y: auto !important;
}
*/

    .with-scroll .ui-grid-contents-wrapper > .ui-grid-pinned-container-right {
        display: none;
    }

    .fixed-col .ui-grid-viewport {
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }


    .ui-grid-render-container-middle .scroll-y,
    .ui-grid-render-container-left .scroll-y {
        display: none !important;
    }

    .ui-grid-render-container-middle:hover + .ui-grid-pinned-container-right .scroll-bar {
        opacity: 0.7 !important;
    }

    .fixed-col .ui-grid-pinned-container-right .ui-grid-viewport {
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        padding-bottom: 18px;
    }

    .invalid-input {
        border: 1px solid #e73d4a !important;
    }
    /* CSS checkbox toggle */
    .tgl {
        display: none;
    }

        .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
            box-sizing: border-box;
        }

            .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
                background: none;
            }

            .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
                background: none;
            }

            .tgl + .tgl-btn {
                outline: 0;
                display: block;
                width: 4em;
                height: 2em;
                position: relative;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                    position: relative;
                    display: block;
                    content: "";
                    width: 50%;
                    height: 100%;
                }

                .tgl + .tgl-btn:after {
                    left: 0;
                }

                .tgl + .tgl-btn:before {
                    display: none;
                }

            .tgl:checked + .tgl-btn:after {
                left: 50%;
            }

    .tgl-light + .tgl-btn {
        background: #ccc;
        border-radius: 2em;
        padding: 2px;
        margin-bottom: 0;
    }

        .tgl-light + .tgl-btn:after {
            border-radius: 50%;
            background: #fff;
        }


    .tgl-skewed + .tgl-btn {
        overflow: hidden;
        background: #fff;
        padding: 4px 11px;
        min-width: 0;
        border-radius: 3px;
        width: auto;
        display: inline;
        color: #b8b8b8;
        border: 1px solid #b8b8b8;
        padding: 4px 11px;
        min-width: 0;
        border-radius: 3px;
        margin-bottom: 0;
        line-height: 18px;
    }

        .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
            display: inline-block;
            width: 100%;
            text-align: center;
            position: absolute;
            line-height: 2em;
            font-weight: bold;
            color: #fff;
        }



    .tgl-skewed:checked + .tgl-btn {
        color: #fff;
        border-color: #43ae43;
        background: #5cb85c;
    }

    .accordion .tgl + .tgl-btn {
        width: 43px;
        height: 23px;
        display: inline-block;
        margin-bottom: -5px;
    }

    .tgl-light:checked + .tgl-btn {
        background: #5cb85c;
    }



    .tgl-light.disabled + .tgl-btn {
        background: #ddd;
        pointer-events: none;
    }


    .tgl-light:checked.disabled + .tgl-btn {
        background: #b5dfb5;
        pointer-events: none;
    }

        .tgl-light:checked.disabled + .tgl-btn:after {
            background: #fff;
        }

    .tgl-light.disable + .tgl-btn {
        background: #ddd;
        pointer-events: none;
    }


    .tgl-light:checked.disable + .tgl-btn {
        background: #b5dfb5;
        pointer-events: none;
    }

        .tgl-light:checked.disable + .tgl-btn:after {
            background: #fff !important;
        }

    .accordion .tgl + .tgl-btn {
        width: 43px;
        height: 23px;
        display: inline-block;
        margin-bottom: -5px;
    }

    .ui-grid .tgl + .tgl-btn {
        width: 43px;
        height: 23px;
    }

    .ui-grid-row .ui-grid-cell.text-center .tgl + .tgl-btn {
        margin: 0 auto;
    }

    span.crud-btn {
        display: inline-flex;
        margin: 0 3px;
    }

    .button-grp {
        width: 275px;
        margin: 0 auto;
        display: inline-block;
        text-align: left;
    }
    /* Add role UI Integration*/
    .angular-ui-tree-nodes li:nth-of-type(even) {
        background: #f0f8fb;
    }

    .angular-ui-tree-nodes li:nth-of-type(odd) {
        background: #fff;
    }


    .angular-ui-tree-nodes li .angular-ui-tree-handle:hover {
        background: #cde6f7;
    }

    .angular-ui-tree-nodes li .angular-ui-tree-handle {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #f1f1f1;
        cursor: default;
        border-left: 1px solid #f1f1f1;
    }

        .angular-ui-tree-nodes li .angular-ui-tree-handle > div {
            padding: 7px;
            float: left;
            border-right: 1px solid #f1f1f1;
            font-weight: normal;
        }

        .angular-ui-tree-nodes li .angular-ui-tree-handle .feature {
            width: 16.66666667%;
            border-left: 1px solid #f1f1f1;
        }

        .angular-ui-tree-nodes li .angular-ui-tree-handle .sub-feature {
            width: 41.66666667%;
        }

        .angular-ui-tree-nodes li .angular-ui-tree-handle .action-col {
            width: 41.66666667%;
        }


    #tree-root > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li .feature {
        width: 41.66666667%;
        margin-left: 16.66666667%;
        border-left: 1px solid #f1f1f1;
    }

    #tree-root > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li .sub-feature {
        width: 0;
        padding: 0;
    }

    #tree-root > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li > ol > li .feature span.node-text {
        padding-left: 40px;
        display: inline-block;
    }

    #tree-root > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li > ol > li ol > li .feature span.node-text {
        padding-left: 80px;
        display: inline-block;
    }

    #tree-root > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li > ol > li ol > li ol > li .feature span.node-text {
        padding-left: 120px;
        display: inline-block;
    }

    #tree-root > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li > ol > li ol > li ol > li ol > li .feature span.node-text {
        padding-left: 160px;
        display: inline-block;
    }

    .angular-ui-tree-nodes .angular-ui-tree-nodes {
        padding-left: 0;
    }


    #tree-root .tgl-light + .tgl-btn {
        margin-bottom: 0;
    }
    /*Dashboard Permission*/
    .dashboard-permission .angular-ui-tree-nodes li .angular-ui-tree-handle .action-col {
        width: 16.66666667%;
    }

    .dashboard-permission .angular-ui-tree-nodes li .angular-ui-tree-handle .sub-feature {
        width: 66.66666667%;
    }

    #tree-root.dashboard-permission > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li .feature {
        width: 66.66666667%;
    }
    /*Dashboard Permission End*/
    /* Multiple select */
    .multiselect-select {
        border: 1px solid #c2cad8;
        padding: 0px 2px;
        overflow: hidden;
        height: 28px;
    }

    .multiselect-textbox {
        height: 18px !important;
        padding: 0px 1px 0px;
        width: 100% !important;
    }

    .multiselect-li-textbox {
        width: 100%;
        padding-left: 0px !important;
    }

    .multiselect-select ul {
        padding-left: 0;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .multiselect-select input[type="text"], .multiselect-select input[type="text"]:focus {
        outline: none;
        height: 16px;
        width: 60px;
        min-width: 0;
        border: none;
        height: 22px;
    }

    .multiselect-select ul li.disabled {
        pointer-events: none;
        color: #ddd;
    }

        .multiselect-select ul li.disabled a {
            color: #bbb;
        }

        .multiselect-select ul li.disabled input[type="checkbox"] {
            opacity: 0.5;
        }

    .multiselect-select .value-display {
        overflow: hidden;
    }

    value-display {
        display: inline-block;
        margin-bottom: 0;
        padding-left: 0;
    }

    .value-display li {
        display: inherit;
        margin: 2px 5px;
        padding: 0px 1px;
        border: 1px solid #c2cad8;
        cursor: pointer;
        height: 22px;
        float: left;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .value-display li span {
            line-height: initial;
            width: calc(100% - 11px);
            display: inline-block;
            vertical-align: middle;
            text-align: left;
        }

    .listing-search .value-display li span {
        height: 18px;
    }

    .value-display li a {
        margin: 0;
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }

    .value-display li.input-box {
        border: 1px solid #c2cad8;
        padding: 1px 5px 2px;
    }


    .multiselect-select .dropdown-menu {
        top: auto;
        top: 27px;
        left: 15px;
        min-width: calc(100% - 30px);
        max-height: 60vh;
    }

        .multiselect-select .dropdown-menu li input[type="checkbox"] {
            margin: 0px;
            vertical-align: middle;
        }

    multiselect-checkbox.with-textbox .dropdown-menu {
        width: 380px;
    }

        multiselect-checkbox.with-textbox .dropdown-menu li {
            padding-right: 10px;
        }

            multiselect-checkbox.with-textbox .dropdown-menu li:hover {
                background: #f5f5f5;
            }

            multiselect-checkbox.with-textbox .dropdown-menu li a {
                width: calc(100% - 120px);
                display: inline-block;
            }

            multiselect-checkbox.with-textbox .dropdown-menu li > input, multiselect-checkbox.with-textbox .dropdown-menu li > input:focus {
                border: 1px solid #c2cad8;
                padding: 5px;
                width: 110px;
                margin-top: 5px;
            }


    .no-results {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    /* Email */
    /*.email-list .ui-grid-row {
    padding: 10px;
}*/


    .email-search {
        position: relative;
    }

        .email-search .search-icon-btn {
            display: none;
        }

        .email-search .data-filled-btn {
            display: block;
            border: none;
            background: url(/app/Content/img/cross.png) no-repeat center;
            position: absolute;
            right: 0px;
            top: 0;
            height: 28px;
            color: #999;
            font-weight: bold;
            text-indent: -999999px;
            width: 20px;
            background-size: 13px auto;
        }

    .email-list .ui-grid-row {
        cursor: default;
        border-bottom: 1px solid #f1f1f1;
    }

    .email-list .ui-grid-canvas {
        min-width: 100%;
    }

    .email-list .ui-grid-cell:last-child {
        border: 1px solid #f1f1f1;
    }






    #email .email-list .ui-grid-cell-contents .unread-placeholder {
        height: 100%;
        width: 9px;
        display: block;
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
    }

        #email .email-list .ui-grid-cell-contents .unread-placeholder:hover {
            background: #b1d6f0;
        }



    .email-list .ui-grid-cell-contents.selected {
        background: #cde6f7;
    }

    #email .email-list .ui-grid-cell-contents.selected {
        background: #cde6f7;
        border-left: 3px solid #cde6f7;
    }

        #email .email-list .ui-grid-cell-contents.selected:hover {
            border-left: 3px solid #b1d6f0;
            background: #cde6f7;
        }

    #email .email-list .ui-grid-cell-contents.unread .unread-placeholder:hover {
        background: #005ead;
    }

    #email .email-list .ui-grid-cell-contents.unread {
        border-left: 3px solid #005ead;
    }

    #email .email-list .ui-grid-cell-contents:hover {
        background: #e6f2fa;
        border-left: 3px solid #b1d6f0;
    }

    #email .email-list .ui-grid-cell-contents.unread:hover {
        border-left: 3px solid #005ead;
    }
    /*#email .email-list .ui-grid-viewport, #email .email-list .ui-grid-canvas {
    width: auto;
    overflow-y:auto !important; repeated overflow css in email 1 dec
} */

    .email-list .ui-grid-row > div {
        /*display: inline-block;*/
        width: 100%;
    }

    .email-list .ui-grid-row .mail-top .sender-name {
        width: 25%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
        font-size: 17px;
    }

    #email .ui-grid-viewport {
        /*overflow-y: auto !important;*/
        height: calc(100vh - 227px);
    }

    .email-list .ui-grid-row .mail-top .sender-name {
        width: 75%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 17px;
    }

    .email-list .ui-grid-row .mail-top .job-tag {
        display: inline-flex;
        width: 15%;
    }

        .email-list .ui-grid-row .mail-top .job-tag .job-tag-text {
            width: calc(100% - 18px);
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
        }

    .email-list .ui-grid-row .mail-top .sender-name {
        width: calc(100% - 183px);
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
    }
    /*.email-list .ui-grid-cell {
    border: none;
    min-width: 0 !important;
    width: 100%;
    padding: 0;
}*/

    .email-list .ui-grid-row .mail-bottom, .email-list .ui-grid-row .mail-middle {
        width: 100%;
        overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        font-size: 12px;
    }

    .email-list .ui-grid-row .mail-bottom {
        color: #8f8f8f;
        font-size: 12px;
    }

    .email-list .ui-grid-row .mail-last {
    }

        .email-list .ui-grid-row .mail-last .mail-tags {
            /*width: auto;*/
            display: inline-block;
            width: 75%;
        }

        .email-list .ui-grid-row .mail-last .mail-time {
            font-size: 12px;
            display: inline-block;
            color: #aaa;
            width: 25%;
            text-align: right;
        }

    .email-filter .search-box {
        background: url(/app/Content/img/search-icon.png) no-repeat 98% center #fff;
        padding-right: 29px;
    }

    .left-outer {
        width: 10%;
        position: relative;
        border-right: none;
        min-width: 190px;
    }

    .right-outer {
        /*position: absolute;
    top: 94px;
    width: auto;
    right: 0;*/
        left: 10%;
        padding-right: 0;
        width: auto;
        right: 0;
        position: absolute;
    }

    .listing-outer {
        position: relative;
        left: 0;
        top: 0px;
        height: calc(100vh - 165px);
        /*  position: absolute;
    left: 0;
    top: 0px;
   width: 468px; comment for responsive */
        padding: 0;
    }

    #sidebar-resizer {
        background-color: #e0e4eb;
        position: absolute;
        width: 1px;
        right: -1px;
        top: 0px;
        cursor: col-resize;
        height: calc(100vh - 162px);
        opacity: 1;
    }

    #email-resizer {
        background-color: #e0e4eb;
        position: absolute;
        width: 1px;
        right: -11px;
        top: 0px;
        cursor: col-resize;
        height: calc(100vh - 162px);
        opacity: 1;
    }

    [resizer] {
        opacity: 0;
        z-index: 9;
    }

    #sidebar-resizer:hover, #email-resizer:hover {
        background-color: #ccc;
    }

    #email .email-border {
        height: 100%;
        border-left: none;
        width: auto;
        position: absolute;
        left: 802px; /*New email design update*/
        top: 0px;
        right: 0;
    }


    .all-unread-filter a {
        color: #333;
        text-decoration: none;
        border: none;
        padding: 0 4px;
        margin-right: 5px;
    }

        .all-unread-filter a:hover {
            border-color: #005ead;
            color: #005ead;
        }

        .all-unread-filter a.selected {
            /*border-color: #005ead; remove border */
            color: #005ead;
            font-weight: bold;
        }

    .signature-body {
        border: 1px solid #ccc;
        padding: 5px;
    }

    @-webkit-keyframes blinker {
        from {
            opacity: 1.0;
        }

        to {
            opacity: 0.3;
        }
    }

    @keyframes blinker {
        from {
            opacity: 1.0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

        to {
            opacity: 0.3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        }
    }

    .blink {
        text-decoration: blink;
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 0.8s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-direction: alternate;
        animation-name: blinker;
        animation-duration: 0.8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        animation-direction: alternate;
    }

    .ui-select-match-item > span:last-child {
        text-decoration: blink;
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 0.8s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-direction: alternate;
        animation-name: blinker;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-direction: alternate;
    }

    .tooltip {
        word-wrap: break-word !important;
    }

    .label-red {
        background: #8b1f1c !important;
    }

    .label-yellow {
        background: #F1C40F !important;
    }

    .label-dead-yellow {
        background: #866f49 !important;
    }

    .label-orange {
        background: #ec6231 !important;
    }

    .label-blue {
        background: #337ab7 !important;
    }

    .label-green {
        background: #73ba36 !important;
    }

    .label-purple {
        background: #6566a6 !important;
    }

    .label-grey {
        background: #666666 !important;
    }

    .label-olive {
        background: #999934 !important;
    }

    .label-bright-red {
        background: #e03501 !important;
    }

    .label-cyan {
        background: #00b0ff !important;
    }

    .background-grey {
        background: grey !important;
    }

    .email-list .ui-grid-row .open-task-icon {
        background: url(/app/Content/img/open-task-icon.png) no-repeat;
        width: 26px;
        height: 17px;
        display: inline-block;
        float: right;
    }

    .email-list .ui-grid-row .create-task {
        background: url(/app/Content/img/add-task2.png) no-repeat;
        width: 26px;
        height: 17px;
        display: inline-block;
        float: right;
        background-size: auto 100%;
    }

    .job-tag, .job-tag-multiple {
        background: #005ead;
        font-size: 11px;
        color: #fff;
        padding: 2px 0px 0 4px;
        float: right;
        margin-right: 10px;
        cursor: pointer;
    }


        .job-tag.job-selected, .job-tag-multiple.job-selected {
            cursor: default;
        }

    .job-tag-multiple {
        width: auto;
        height: 18px;
        margin: 2px 0;
        padding: 4px 3px;
    }

    .popover .job-tag-multiple {
        float: none;
        margin: 0 auto 5px;
        text-align: center;
        padding: 2px 5px;
        line-height: 18px;
    }

        .popover .job-tag-multiple:last-child {
            margin-bottom: 0;
        }

    .job-tag .close-icon {
        background: url(/app/Content/img/remove-icon-small.png) no-repeat center;
        width: 9px;
        height: 9px;
        display: inline-block;
        border-left: 1px solid;
        padding: 9px 7px;
        float: right;
        margin-left: 3px;
    }

    .job-tag .edit-icon {
        font-size: 10px;
        border-left: 1px solid;
        padding: 1px 3px 3px;
        float: right;
        margin-left: 3px;
    }

    .mail-tags .close-icon {
        background: url(/app/Content/img/remove-icon-small.png) no-repeat center;
        width: 9px;
        height: 4px;
        padding: 0 5px;
        margin-left: 3px;
        cursor: pointer;
        top: 0px;
        position: relative;
        right: -3px;
    }

    .grid .mail-tags .close-icon {
        top: -2px;
    }

    .mail-tags .label {
        margin-right: 5px;
        padding-bottom: 0.2em;
        display: inline-block;
        padding: 1px 6px;
        cursor: default;
        height: 15px;
        line-height: 12px;
        margin-top: 0px;
        float: left;
        margin-bottom: 2px;
    }

        .mail-tags .label > i.fa-star {
            margin-right: 3px;
            font-size: 8px;
        }

    .grid .mail-tags .label .label-text {
        width: calc(100% - 13px);
        max-width: unset;
    }

    .grid .mail-tags .label.extra-categories {
        width: calc(100% - 29px);
    }

    .grid .mail-tags .label.no-extra-categories {
        margin-right: 0px;
    }

    .grid .mail-tags .label.extra-category-count {
        margin-right: 0px;
        width: 24px;
    }


    .grid .mail-tags .label > i.fa-star {
        float: left;
        line-height: 14px;
    }


    .mail-tags.disable-actions .label {
        pointer-events: none;
        background: #bdbdbd !important;
        color: #fff;
    }

    .mail-tags .label .label-text {
        max-width: 40px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .associate-job {
        background: url(/app/Content/img/associate-job-icon.png) no-repeat;
        width: 17px;
        height: 15px;
        display: inline-block;
        /*float: right;*/
        margin-right: 10px;
        background-size: 100%;
    }
    /*.email-grid .ui-grid-cell {
    height: auto !important;
}*/

    .mail-sender {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 10px 0;
    }

    .email-subject > span {
        display: block;
    }

        .email-subject > span.editable {
            display: inline;
        }

            .email-subject > span.editable input {
                max-width: calc(100% - 160px);
                margin-right: 3px;
            }

        .email-subject > span span.inline {
            margin: 0 2px;
        }

    .email-subject strong {
        font-size: 16px;
        max-width: calc(100% - 30px);
        word-break: break-all;
        max-height: 49px;
        display: inline-block;
        overflow: auto;
        float: left;
    }

    .email-subject span .link {
        cursor: pointer;
        margin-left: 10px;
        font-size: 16px;
        float: left;
    }

    .mail-sender .date {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .mail-sender .assigned-details {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .mail-sender .no-labels .assigned-details {
        vertical-align: middle;
        display: table-cell;
    }

    .mail-sender .assigned-details span {
        color: #aaa;
    }

    .sending-details {
        margin-top: 5px;
        font-size: 12px;
        float: left;
        width: 100%;
    }

    .email-user {
        float: left;
        margin-right: 15px;
    }

    p.date {
        margin-bottom: 5px;
        line-height: 21px;
        letter-spacing: 0.5px;
        font-size: 11px;
    }

    .other-info {
        float: left;
        width: calc(100% - 76px);
    }

        .other-info .date-outer {
            min-width: 160px;
            margin-left: 10px;
        }

        .other-info .reply-actions {
            width: 221px;
            margin-top: 2px;
        }

    .sending-details .sent-list {
        float: left;
        width: 100%;
        margin-bottom: 2px;
    }

        .sending-details .sent-list label {
            width: 30px;
            float: left;
        }

        .sending-details .sent-list > span {
            max-width: calc(100% - 30px);
            word-break: break-word;
            max-height: 49px;
            display: inline-block;
            overflow: auto;
            padding-right: 20px;
        }


    .importance-block {
        font-size: 12px;
    }

        .importance-block i {
            color: #005ead;
            font-size: 16px;
        }



    .compose-btn a.disabled {
        background: #f2f2f2;
        color: #999;
    }

    .compose-btn a:hover {
        background: #e5edf4;
    }

    .mail-sender .mail-tags {
        display: table;
        padding: 2px 0;
        border-bottom: 1px solid #dedede;
        width: 100%;
    }

    .mail-sender .task-area {
        border-bottom: 1px solid #dedede;
        padding: 2px 0;
        display: inline-block;
        width: 100%;
        display: table;
        width: 100%;
    }

    .mail-button-area {
        vertical-align: middle;
        float: none;
        min-width: 266px;
        max-height: 80px;
        overflow-y: auto;
    }

        .mail-button-area a {
            vertical-align: middle;
        }



    .email-header {
        background: #eff6fc;
        padding: 4px 0;
        margin: 2px 0;
    }

        .email-header .slick-track {
            margin-bottom: 0;
            padding-left: 5px;
            top: 3px;
        }


        .email-header .header-actions {
            display: inline-block;
        }

            .email-header .header-actions a {
                font-size: 12px;
                color: #333;
                text-decoration: none;
                height: 27px;
                display: inline-block;
                margin-right: 8px;
            }

    #email .header-icons {
        display: inline-block;
    }

    .email-header .header-actions a.disabled {
        opacity: 0.4;
    }

    .email-header .header-actions .new-email {
        background: url(/app/Content/img/new-email.png) no-repeat center 5px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
        background-size: 28px auto;
    }

    .email-header .header-actions .reply-icon {
        background: url(/app/Content/img/reply-icon.png) no-repeat center 1px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
        background-size: 26px auto;
    }

    .email-header .header-actions .reply-all-icon {
        background: url(/app/Content/img/reply-all-icon.png) no-repeat center 1px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
        background-size: 28px auto;
    }

    .email-header .header-actions .fwd-icon {
        background: url(/app/Content/img/fwd-icon.png) no-repeat center 1px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
        background-size: 28px auto;
    }

    .email-header .header-actions .label-group {
        background: url(/app/Content/img/label-group.png) no-repeat center 1px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 32px;
        padding-top: 26px;
        background-size: 26px auto;
    }

    .email-header .header-actions .associate-job-icon {
        background: url(/app/Content/img/associate-job.png) no-repeat center top;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
        background-size: 28px auto;
    }

    .email-header .header-actions .add-folder-icon {
        background: url(/app/Content/img/add-folder-icon.png) no-repeat center 5px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
    }

    .email-header .header-actions .address-book {
        background: url(/app/Content/img/addressbook-icon.png) no-repeat center 2px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
    }

    .email-header .header-actions .unread-read-icon {
        background: url(/app/Content/img/read-unread-icon.png) no-repeat center 1px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
        word-break: break-word;
    }

    .email-header .header-actions .del-email-icon {
        background: url(/app/Content/img/delete-icon.png) no-repeat center 2px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
    }

    .email-header .header-actions .move-to-icon {
        background: url(/app/Content/img/moveto-folder-icon.png) no-repeat center 6px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
    }

    .email-header .header-actions .copy-to-icon {
        background: url(/app/Content/img/copy-to-folder-icon.png) no-repeat center 2px;
        width: 41px;
        text-align: center;
        line-height: 15px;
        padding-top: 26px;
    }



    .email-header .selectlocation {
        padding-top: 20px;
    }

        .email-header .selectlocation select {
            max-width: 200px;
            float: right;
        }



    .email-header .header-actions .create-task {
        background: url(/app/Content/img/add-task.png) no-repeat center top;
        width: 30px;
        text-align: center;
        line-height: 15px;
        padding-top: 32px;
    }
    /*Popover UI*/
    .popover {
        background-color: rgba(0,0,0,0.7);
    }

        .popover.bottom > .arrow:after {
            border-bottom-color: rgba(0,0,0, 0.7);
        }

    .popover-content {
        padding: 6px;
    }

        .popover-content .label {
            width: auto;
            display: block;
            margin: 0 auto 5px;
        }

            .popover-content .label:last-child {
                margin-bottom: 0;
            }
    /*Popover UI End*/


    .table tr td.disabled {
        background: #eee;
    }

    .table tr.light-grey-bg {
        background: #eee !important;
    }

    .table tr td.disabled .mt-radio-inline .custom-checkbox {
        pointer-events: none;
    }

        .table tr td.disabled .mt-radio-inline .custom-checkbox > span {
            background: rgba(0,0,0,.02);
        }


    .email-filter {
        margin-bottom: 6px;
        height: 28px;
    }

        .email-filter select.form-control {
            min-width: 0;
        }

    .mail-sender .job-tag {
        font-size: 14px;
        line-height: 20px;
    }

    .task-area .job-tag {
        background: #005ead;
        font-size: 11px;
        color: #fff;
        padding: 0 0px 0 4px;
        /* float: right; */
        margin-right: 5px;
        cursor: pointer;
        display: inline-block;
        float: none;
        margin-top: 2px;
        margin-bottom: 2px;
        height: 24px;
        width: 205px;
    }

        .task-area .job-tag.job-selected {
            padding: 0 4px;
        }

    .task-area .job-tag-text {
        white-space: nowrap;
        width: calc(100% - 20px);
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        line-height: 24px;
    }

    .mail-sender .job-tag .close-icon {
        height: 24px;
    }

    .mail-sender .job-tag .associate-job {
        background: url(/app/Content/img/associate-job-icon-white.png) no-repeat;
        float: left;
        margin-top: 4px;
    }

    .mail-sender .add-task {
        padding: 3px 9px;
        margin: 2px 0;
    }


    .all-unread-filter {
        padding-top: 4px;
    }

    .label-dropdown {
        position: absolute;
        z-index: 999;
        width: 200px;
        background: #fff;
        border: 1px solid #c2cad8;
        padding: 4px 0;
    }


    .label-list {
        max-height: 224px;
        overflow-y: auto;
    }

    .label-dropdown ul {
        padding: 0;
        margin-bottom: 0;
    }

        .label-dropdown ul li {
            position: relative;
            list-style: none;
        }

            .label-dropdown ul li a {
                display: block;
                margin-right: 0;
                margin-bottom: 3px;
                text-transform: none;
                font-size: 13px;
                cursor: pointer;
                padding: 4px 10px;
                height: 29px;
            }

            .label-dropdown ul li .disabled-label {
                display: block;
                margin-right: 0;
                margin-bottom: 3px;
                text-transform: none;
                font-size: 13px;
                cursor: pointer;
                /*padding: 4px 10px;*/
                height: 29px;
                pointer-events: none;
                color: #999;
            }

            .label-dropdown ul li a:hover {
                background: #eee;
            }

            .label-dropdown ul li.new-label {
                margin-bottom: 5px;
                text-transform: none;
            }

                .label-dropdown ul li.new-label i {
                    float: none;
                    line-height: 17px;
                }

    .margintop10 {
        margin-top: 10px;
    }

    .label-dropdown ul li.divider {
        height: 1px;
        margin: 5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
        padding: 0;
    }

    .label-dropdown ul li a {
        height: auto;
        color: #005ead;
    }

    .label-dropdown ul li i {
        float: right;
        cursor: pointer;
        color: #005ead;
        margin-top: 2px;
    }

        .label-dropdown ul li i.fa-pencil {
            position: absolute;
            top: 4px;
            right: 25px;
        }

        .label-dropdown ul li i.fa-trash {
            position: absolute;
            top: 4px;
            right: 10px;
        }

    .label-dropdown ul li .color-bar {
        height: 20px;
        width: 12px;
        display: inline-block;
        margin-right: 7px;
        float: left;
        text-align: center;
    }

        .label-dropdown ul li .color-bar i.fa-star {
            font-size: 7px;
            color: #fff;
            margin-right: 0;
            width: 10px;
            padding-top: 0;
            float: none;
            margin-top: 0;
        }

    .label-dropdown ul li .label-text {
        width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
    }

    .mail-attachments-list.scroll-content {
        height: auto !important;
    }

    .mail-attachments-list {
        padding-left: 0;
        max-height: 58px;
        overflow-y: auto;
        margin-bottom: 0;
        display: inline-block;
        width: 100%;
    }

        .mail-attachments-list > ul {
            padding-left: 0;
        }

            .mail-attachments-list > ul > li {
                width: 205px;
                display: inline-block;
                border: 1px solid #dedede;
                height: 20px;
                margin-right: 5px;
                margin-bottom: 0px;
                margin-top: 2px;
                position: relative;
            }

    .view-mail {
        overflow: auto;
    }

    .hide-header .view-mail {
        max-height: calc(100vh - 300px);
    }

    .mail-detail-outer {
        height: 100%;
        min-width: 350px;
    }

    .mail-detail-inner {
        height: 100%;
        display: flex;
        flex-flow: column;
    }

        .mail-detail-inner .mail-header, .mail-detail-inner .mail-sender {
            flex: 0 1 auto;
        }

        .mail-detail-inner .view-mail {
            flex: 1;
        }


    .hide-header .mail-detail-inner .view-mail {
        flex: auto;
    }

    .mail-attachments-list > ul > li .file-name {
        font-size: 11px;
        display: block;
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 18px;
        /*vertical-align: middle;*/
    }

    .mail-attachments-list > ul > li a, .mail-attachments-list > ul > li .more-arrow, .mail-attachments-list > ul > li .attachment-img, .mail-attachments-list > ul > li .attchment-info {
        display: inline-block;
    }

    .mail-attachments-list > ul > li > a {
        width: 185px;
        padding: 0px 3px 0px 5px;
        color: #333;
        height: 18px;
        font-size: 13px;
    }


        .mail-attachments-list > ul > li > a:hover {
            background: #eff6fc;
        }

    .mail-attachments-list > ul > li .more-arrow {
        width: 25px;
        text-align: center;
        height: 40px;
        float: right;
        padding-top: 12px;
        color: #8e8e8e;
    }


        .mail-attachments-list > ul > li .more-arrow:hover {
            background: #eff6fc;
        }

    .mail-attachments-list > ul > li .attachment-img {
        float: left;
        margin-right: 5px;
        color: #005ead;
    }

    .mail-attachments-list > ul > li .file-size {
        font-size: 9px;
        width: 50px;
        color: #8e8e8e;
        line-height: 18px;
        display: inline-block;
        text-align: right;
    }


    .address-book-modal table td i.label {
        font-style: normal;
        border-radius: 4px;
        position: relative;
        top: -2px;
        font-family: verdana;
    }

    .address-book-modal .grid {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .address-book-modal .grid .ui-grid-top-panel {
            width: 100%;
        }
    /*Email End*/
    /* Error Page */
    .error-page {
        padding: 50px 0;
    }

        .error-page h3 {
        }

        .error-page .icon {
            letter-spacing: -10px;
            line-height: 128px;
            font-size: 175px;
            font-weight: 300;
        }

        .error-page .detail {
            margin-left: 40px;
            display: inline-block;
            text-align: left;
        }


        .error-page .icon {
            position: relative;
            top: 12px;
            display: inline-block;
            margin-top: 0;
            margin-bottom: 10px;
            color: #d9534f;
            text-align: right;
        }

        .error-page.access-denied .icon {
            color: #F3C200;
        }

        .error-page p.oops {
            font-size: 46px;
            font-weight: normal;
            line-height: 23px;
        }

    .error-message .alert-danger {
        padding: 3px 10px;
        font-size: 12px;
        border-radius: 2px;
        margin-bottom: 0;
    }
    /*Auto Complete Input*/
    md-autocomplete.form-control {
        padding: 0;
    }

    md-autocomplete md-autocomplete-wrap.md-whiteframe-z1 {
        box-shadow: none;
        height: auto;
        padding: 4px 12px;
    }

    md-autocomplete md-autocomplete-wrap > input:not(.md-input) {
        padding: 0;
        line-height: 22px;
        height: 22px;
        color: #4d6b8a;
    }

        md-autocomplete md-autocomplete-wrap > input:not(.md-input)::placeholder {
            color: #999;
        }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
        text-transform: none;
        color: #999 !important;
    }


    md-autocomplete md-autocomplete-wrap {
        position: absolute;
        overflow: hidden;
        width: 100%;
    }

        md-autocomplete md-autocomplete-wrap > button {
            margin: 0;
            height: 24px;
            width: 24px;
            background: #fff;
            border-radius: 0;
            right: 0.1%;
            position: absolute;
        }

            md-autocomplete md-autocomplete-wrap > button:focus:after {
                background: none;
            }

    .md-autocomplete-suggestions li {
        line-height: normal;
        height: auto;
        padding: 3px 10px;
    }

    .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        box-shadow: none;
        outline: 1px solid rgba(0, 0, 0, .15);
    }

    .history-summary {
        overflow: initial !important;
        height: auto !important;
        word-wrap: break-word;
    }

    .history-updated-by {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* Angular Material Design popup */

    md-toolbar._md-toolbar-transitions {
        min-height: 56px;
    }

    md-backdrop.md-dialog-backdrop {
        z-index: 9998;
    }

    .md-dialog-is-showing {
        top: 0 !important;
    }

    .modal-dialog .form-group {
        width: 100%;
        margin-bottom: 10px;
    }

    .md-dialog-container {
        top: 0 !important;
        height: 100% !important;
        z-index: 9999;
    }
    /* IE11 */
    @media all and (-ms-high-contrast:none) {

        *::-ms-backdrop, .md-dialog-container {
            display: inline;
        }

        *::-ms-backdrop, .ui-grid-header-cell .ui-grid-cell-contents .ui-grid-header-cell-label {
            display: inline-block;
        }

        .ui-grid-column-resizer.right {
            height: 100vh;
        }

        *::-ms-backdrop, .page-push-body .ui-grid-header-cell .ui-grid-cell-contents .ui-grid-header-cell-label {
            display: inline;
        }


        *::-ms-backdrop, .assign-task-modal .ui-grid-header-cell .ui-grid-cell-contents .ui-grid-header-cell-label {
            display: inline;
        }

        .ui-grid-column-resizer.right {
            height: 100vh;
        }

        .mCSB_container_wrapper {
            margin-right: 30px;
        }


        .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
            margin-right: 18px;
        }

        .pie-chart .mt-radio-inline .mCSB_container_wrapper {
            margin-right: 14px;
            margin-bottom: 14px;
        }


            .pie-chart .mt-radio-inline .mCSB_container_wrapper .mCSB_container {
                max-width: 100%;
            }

        .result-panel-content table {
            display: ruby-base-container !important;
            border: none;
        }

            .result-panel-content table tbody {
                border: 1px solid #9cbdd0;
            }
        /*.reporting .result-panel-content .grid-panel tr{
            display:table-row-group !important;
            
        }*/

        .reporting .pagination {
            margin-top: 1px;
        }

        .result-grid-header th {
            padding-top: 4px;
        }

        .result-panel-content table.col1 tbody tr td, .result-panel-content table.col1 tr th,
        .result-panel-content table.col2 tbody tr td, .result-panel-content table.col2 tr th,
        .result-panel-content table.col3 tbody tr td, .result-panel-content table.col3 tr th,
        .result-panel-content table.col4 tbody tr td, .result-panel-content table.col4 tr th,
        .result-panel-content table.col5 tbody tr td, .result-panel-content table.col5 tr th,
        .result-panel-content table.col6 tbody tr td, .result-panel-content table.col6 tr th,
        .result-panel-content table.col7 tbody tr td, .result-panel-content table.col7 tr th {
            display: inline-block;
        }

        .result-panel-content table.col3 tbody tr td, .result-panel-content table.col3 tr th {
            width: calc(100% / 3 - 1px) !important;
        }

        .result-panel-content table.col7 tbody tr td, .result-panel-content table.col7 tr th {
            width: calc(100% / 7 - 1px) !important;
        }

        .result-panel-content table.col6 tbody tr td, .result-panel-content table.col6 tr th {
            width: calc(100% / 6 - 1px) !important;
        }
    }
    /* IE11 */

    md-dialog {
        min-height: inherit;
    }

        md-dialog md-dialog-content {
            margin-left: 0 !important;
        }

        md-dialog.md-transition-in {
            background: none;
            box-shadow: none;
        }

        md-dialog md-dialog-actions .btn {
            margin: 0;
            line-height: normal;
            transition: none;
        }

            md-dialog md-dialog-actions .btn .md-ripple-container {
                display: none;
            }

    .md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused {
        background: #005ead;
        color: #fff;
    }

        .md-button.md-default-theme:not([disabled]).md-focused:hover, .md-button:not([disabled]).md-focused:hover {
            background: #014c8b;
            color: #fff;
        }
    /* Angular Material Design popup End */

    input::-ms-clear {
        display: none;
    }

    md-autocomplete > md-autocomplete-wrap > md-progress-linear {
        display: none;
    }

    .md-virtual-repeat-scroller {
        overflow: auto;
        height: auto;
        max-height: 300px;
    }

    .md-autocomplete-suggestions-container.md-default-theme li .highlight, .md-autocomplete-suggestions-container li .highlight {
        font-weight: bold;
        color: #000;
    }
    /*Date time picker*/
    .date input[date-format^="yyyy-MM-dd"] {
        background: url(/app/Content/img/icon_calendar.gif) no-repeat 96% center #fff !important;
        padding: 6px 30px 6px 12px;
        border: 1px solid #ccc;
        color: #555;
    }

    .date input[date-format^="HH:mm:ss"] {
        background: url(/app/Content/img/clock.jpg) no-repeat 96% center #fff;
        border: 1px solid #ccc;
        color: #555;
    }

    .date input[date-format*="yyyy-MM-dd"][date-format*="HH:mm:ss"] {
        background: url(/app/Content/img/calendar-clock.png) no-repeat 96% center #fff !important;
        padding-right: 52px;
        border: 1px solid #ccc;
        color: #555;
    }

    .date .form-control[disabled] {
        background-color: #eee;
    }

    .date button[disabled] {
        background-color: #eee;
    }
    /*Date time picker End*/

    #overlay {
        height: 100%;
        width: 100%;
        position: fixed; /* Stay in place */
        z-index: 1051; /* Sit on top */
        left: 0;
        top: 0;
        background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
    }

        #overlay .uil-default-css {
            position: absolute;
            top: calc(50% - 100px);
            left: calc(50% - 100px);
        }

    .grid-loader .uil-default-css {
        width: 30px;
        height: 17px;
        transform: scale(0.09);
        left: calc(50% - 15px);
    }

    .grid-loader .loading-bar {
        top: -18px;
        left: 0px;
    }
    /*UI Select*/
    .ui-select-bootstrap {
        min-width: 0 !important;
    }

        .ui-select-bootstrap .btn, .ui-select-bootstrap .btn:hover, .ui-select-bootstrap .btn:focus {
            border-color: #ccc;
            background: none;
        }

        .ui-select-bootstrap .ui-select-choices-row.active > span {
            background: #005ead;
        }

    .btn-default-focus {
        background: #fff;
        box-shadow: none;
        outline: none;
        border: none;
        outline-offset: unset;
    }
    /*UI Select End*/
    /*Dual List Box*/
    .ngduallist .info-container {
        display: block;
        padding-bottom: 4px;
    }

        .ngduallist .info-container a.add-btn {
            padding: 0;
            width: 21px;
            height: 22px;
            vertical-align: middle;
            padding-bottom: 6px;
        }

            .ngduallist .info-container a.add-btn i {
                font-size: 10px;
            }

    .ngduallist .v-center {
        padding-top: 180px;
    }

    .group-contact-list {
        padding: 15px;
        background: #f3f3f3;
    }

    .ngduallist .left-container .left-sub-container, .ngduallist .right-container .right-sub-container {
        background: #fff;
        border: 1px solid #c2cad8;
    }

    .ngduallist label.list-group-item {
        text-transform: none;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        padding: 6px 13px;
        color: #333;
        font-size: 13px;
        padding-left: 30px;
    }

        .ngduallist label.list-group-item input[type="checkbox"] {
            display: none;
        }

        .ngduallist label.list-group-item.external-user {
            background: url(/app/Content/img/external-user.png) no-repeat 5px center;
        }

        .ngduallist label.list-group-item.internal-user {
            background: url(/app/Content/img/internal-user.png) no-repeat 5px center;
        }

        .ngduallist label.list-group-item.group-type {
            background: url(/app/Content/img/group-type.png) no-repeat 5px center;
        }


        .ngduallist label.list-group-item.external-user.active {
            background: url(/app/Content/img/external-user-white.png) no-repeat 5px center #005ead;
        }

        .ngduallist label.list-group-item.internal-user.active {
            background: url(/app/Content/img/internal-user-white.png) no-repeat 5px center #005ead;
        }

        .ngduallist label.list-group-item.group-type.active {
            background: url(/app/Content/img/group-type-white.png) no-repeat 5px center #005ead;
        }

    .ngduallist .info {
        font-size: 12px;
    }

    .ngduallist label span.email-info {
        font-size: 11px;
        color: #888;
    }

    .ngduallist .list-group-item:hover {
        background-color: #E5EDF4;
    }

    .ngduallist .list-group-item.active {
        background-color: #005ead;
        border-color: #E5EDF4;
        color: #fff;
    }

        .ngduallist .list-group-item.active:hover, .ngduallist .list-group-item.active:focus {
            background-color: #014c8b;
        }

        .ngduallist .list-group-item.active span.email-info {
            color: #fff;
        }
    /*Dual List Box End*/


    .attachment-options.dropdown-menu {
        min-width: 135px;
        font-size: 11px;
    }


    .dropdown-menu.action-area {
        min-width: 125px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
    }

        .dropdown-menu.action-area li a i.fa {
            margin-right: 10px;
            width: 12px;
        }



    .generate-password-margin {
        margin-bottom: 15px;
    }

    .md-dialog-container ~ .md-dialog-container {
        z-index: 100000;
    }

    .md-dialog-backdrop ~ .md-dialog-backdrop {
        z-index: 99999;
    }

    .modal .modal-dialog {
        margin-top: 80px;
    }

        .modal .modal-dialog .modal-content {
            box-shadow: none;
            border: none;
        }

    .margintop5 {
        margin-top: 5px;
    }
    /** Alert Popup **/
    .modal.alert-popup {
        text-align: center;
        padding: 0 !important;
    }

    .modal.highzindex {
        z-index: 1200 !important;
    }

    .modal.alert-popup:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal.alert-popup .modal-dialog {
        display: inline-block;
        width: 500px;
        vertical-align: middle;
        margin-top: 0px;
    }


        .modal.alert-popup .modal-dialog .modal-footer {
            text-align: center;
            border: none;
        }

    .modal.alert-popup.alert-with-comment .modal-dialog .modal-footer {
        text-align: right;
        border-top: 1px solid #ccc;
    }

    .modal.alert-popup .form-group {
        width: 100%;
        margin: 0 auto;
        float: none;
    }



        .modal.alert-popup .form-group .attachments a {
            float: left;
        }
    /** Alert Popup End **/

    .design-tab-scroll {
        /*height: 334px; new tab design for task*/
        max-height: calc(100vh - 417px);
        overflow-y: auto;
        overflow-x: hidden;
        /*max-height: none;*/
    }

        .design-tab-scroll.color-sepration, .design-tab-scroll.cover-output {
            height: calc(100vh - 417px);
            max-height: none;
        }

    .view-design-tab-scroll {
        max-height: calc(100vh - 530px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        height: auto;
    }

    .view-design-tab-scroll {
        max-height: calc(100vh - 530px) !important;
        overflow-y: auto;
        overflow-x: hidden;
        height: auto;
    }



    .modal .design-tab-scroll, .modal .view-design-tab-scroll {
        height: auto !important;
        max-height: none !important;
    }

    .light-gray-bg {
        background: #f9f9f9;
        padding: 10px;
    }

        .light-gray-bg .table tr td > span, .page-push-body .table tr td > span {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: inline-block;
        }

    .page-push-body .table tr td.add-message > span {
        display: inline;
        line-height: normal;
    }

    .double-input {
        font-size: 15px;
        vertical-align: middle;
        line-height: 29px;
    }

        .double-input .form-control {
            min-width: 0;
            max-width: 40%;
            margin-right: 7px;
            float: left;
        }


    .mt-radio-inline ul li {
        list-style: none;
        margin-bottom: 5px;
        line-height: 11px;
    }

    .add-input {
        min-width: 0 !important;
        display: inline-block;
        width: 73%;
    }



    .first-value {
        border-right: 1px solid #ccc;
        padding-right: 10px;
        margin-right: 6px;
    }

    .mt-radio-inline ul {
        padding-left: 24px;
    }

        .mt-radio-inline ul li a i.fa {
            font-size: 17px;
            color: #005ead;
        }

        .mt-radio-inline ul li a i.fa-trash {
            color: #d9534f;
        }

        .mt-radio-inline ul li input[disabled] + a {
            pointer-events: none;
        }

            .mt-radio-inline ul li input[disabled] + a i.fa {
                color: #ccc;
            }



    .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        z-index: 99999999 !important;
    }


    .white-text {
        color: #fff;
    }

    .inner-portlet .portlet {
        box-shadow: none;
        padding: 0;
    }
    /*Auto Complete UI*/

    .auto-complete-ui {
        position: relative;
    }

        .auto-complete-ui ul.dropdown-menu {
            padding: 0;
            margin: 0;
            box-shadow: none;
            border-top: 0;
            width: 280%;
            max-height: 200px;
            overflow: auto;
        }

            .auto-complete-ui ul.dropdown-menu li a {
                white-space: inherit;
            }

        .auto-complete-ui .data-filled-btn, .date .clear-icon {
            border: none;
            background: url(/app/Content/img/cross.png) no-repeat center;
            position: absolute;
            right: 5px;
            height: 27px;
            top: 0;
            color: #999;
            font-weight: bold;
            text-indent: -999999px;
            width: 20px;
            background-size: 13px auto;
        }

        .auto-complete-ui .data-filled-btn-query {
            border: none;
            background: url(/app/Content/img/cross.png) no-repeat center;
            position: absolute;
            right: 12px;
            height: 27px;
            top: 1px;
            color: #999;
            font-weight: bold;
            text-indent: -999999px;
            width: 20px;
            background-size: 13px auto;
        }

        .auto-complete-ui.add-user-field .data-filled-btn {
            right: 5px;
        }

    ul.dropdown-menu[uib-typeahead-popup] {
        max-height: calc(100vh - 155px);
        overflow: auto;
        z-index: 9999;
    }

    .table-toolbar .auto-complete-ui .data-filled-btn {
        right: 5px;
    }

    .auto-complete-ui .search-icon-btn {
        display: none;
    }

    .auto-complete-ui .data-filled {
        padding-right: 30px;
    }

    .auto-complete-ui .data-filled-btn:focus {
        outline: none;
    }


    .auto-complete-ui .data-filled.form-control[disabled] {
        background-color: #eee !important;
    }

    .auto-complete-ui .form-control[disabled] {
        background-color: #eee !important;
    }


    .auto-complete-ui > input.form-control {
        padding-right: 24px;
    }
    /*Auto Complete UI End*/


    .other-address .address-area {
        position: relative;
    }

    .delete-icon {
        position: absolute;
        right: 15px;
        top: -54px;
    }

        .delete-icon a {
            color: #da5332;
            font-size: 18px;
            text-decoration: none;
            cursor: pointer;
        }

    .delivery_info .delete-icon {
        top: 4px;
        z-index: 99;
    }

    .address-outer {
        position: relative;
    }

    .add-new-address {
        position: absolute;
        right: 30px;
        bottom: 342px;
    }

    .address-block {
        margin-bottom: 20px;
    }
    /* Dashboard Email */
    /*#email{
        min-width: 1860px;
}*/

    #email {
        font-size: 11px;
    }

        #email .portlet {
            padding: 0 10px;
            height: calc(100vh - 106px);
            margin-bottom: 0;
        }

        #email .email-grid .ui-grid-cell .mail-tags {
            margin-top: 4px;
            max-height: 15px;
            overflow: hidden;
            display: inline-flex;
        }

        #email .email-grid .ui-grid-cell .low-importance {
            width: 8px;
            height: 13px;
            background-size: 8px auto;
            margin-top: 5px;
        }


        #email ul.sidebar {
            padding: 10px;
            background: #f4f4f4;
            /*max-height: 608px;
    min-height: 608px;*/
        }
    /*#email .email-list .ui-grid-row {
        border-bottom: 1px solid #e7eaf1;
    }*/
    /*.search-form .multiselect-select {
    border: 1px solid #c2cad8;
    padding: 0px 8px;
    max-height: 88px;
    background: #fff;
    max-width: 100%;
    width: auto;
    display: inline-block;
    min-width: 32%;
    position: relative;
    overflow: visible;
}*/

    .search-form .multiselect-select {
        background: #fff;
    }


        .search-form .multiselect-select.multiselect-select2 {
            overflow: auto;
            position: static;
            display: inherit;
        }

    .multiselect-select.disabled, multiselect-checkbox.disabled .multiselect-select {
        pointer-events: none;
        background: #eee;
    }

        .multiselect-select.disabled input.textbox, .multiselect-select.disabled input[type="text"], .multiselect-select.disabled input[type="number"], multiselect-checkbox.disabled .multiselect-select input.textbox {
            background: #eee;
        }


    .search-form .multiselect-select.multiselect-select2 .dropdown-menu {
        top: 94%;
        left: 10px;
        width: calc(100% - 20px);
        max-height: 200px;
        overflow: auto;
        min-width: 0;
    }

    .multiselect-select .dropdown-menu {
        max-height: 55vh;
        overflow: auto;
        min-width: calc(100% - 20px);
        left: 10px;
    }

    .multiselect-select.multiselect-height .dropdown-menu {
        max-height: 111px;
    }

    .search-form multiselect-checkbox {
        position: relative;
        display: inline-flex;
        width: 100%;
        float: left;
    }

        .search-form multiselect-checkbox .multiselect-select {
            overflow: hidden;
            position: static;
            height: 28px;
        }

            .search-form multiselect-checkbox .multiselect-select .dropdown-menu {
                top: 25px;
                bottom: auto;
            }

    .multiselect-select ul,
    .multiselect-select li {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }

    #idMultiSelect a {
        color: inherit !important;
        text-decoration: none !important;
    }

    #idMultiSelect ul ul {
        padding-left: 20px !important;
    }
    /*Multiselect for search with tabs*/
    .tabs-vertical .tab-content .search-form .multiselect-select {
        min-width: 100%;
    }
    /*.search-form .search-btn {
    position: absolute;
    bottom: 10px;
    right: 15px;
}*/

    .search-form .col-md-2 .multiselect-select, .search-form .col-md-3 .multiselect-select {
        min-width: 100%;
    }

    .search-form .multiselect-select .dropdown-menu {
        top: 95%;
        left: 0px;
        min-width: 100%;
        box-shadow: none;
    }

    .multiselect-select .value-display li {
        border: none;
        margin: 2px 0;
        /*padding: 2px 3px;
    background: #005ead;
    color: #fff;
    height: auto;
    line-height: 12px;
    border-radius: 3px;
    position: relative;*/
        /*padding-right: 18px;*/
    }


    .multiselect-select .value-display .value-display-content {
        padding: 1px 4px 0 4px;
        background: #005ead;
        color: #fff;
        border: none;
        height: inherit;
        border-radius: 3px;
    }

    .multiselect-select .value-display .value-display-content {
        padding: 0px 4px;
        background: #005ead;
        color: #fff;
        border: none;
        height: inherit;
        border-radius: 3px;
    }


    .multiselect-select .value-display li.input-box {
        padding: 0px 5px 0px;
        margin: 2px;
        background: none;
    }

    .listing-search .multiselect-select .value-display .value-display-content {
        height: 16px;
        font-size: 12px;
    }
    /* Task Tools icon */
    .panel-body {
        position: relative;
    }

        .panel-body .task-tool {
            position: absolute;
            z-index: 1;
            right: 40px;
            top: -36px;
        }


    .panel-default > .panel-heading + .panel-collapse > .panel-body fieldset .panel-body {
        padding: 0;
    }


    #email ul.sidebar li {
        list-style: none;
        margin-bottom: 0px;
    }

    .form-outer .actions {
        position: fixed;
        top: 90px;
        right: 10px;
        z-index: 11;
    }

    .form-outer .table .actions {
        position: relative;
        top: 0px;
        right: 0px;
    }
    /* Email */
    .email-list ul {
        padding-left: 0;
    }

    .email-list li {
        display: block;
        padding: 10px;
    }

        .email-list li.selected {
            background: #E5EDF4;
        }

        .email-list li > div {
            display: inline-block;
            width: 100%;
        }

        .email-list li .mail-top .sender-name {
            width: 25%;
            display: inline-block;
            overflow: hidden;
            background-color: #e5e5e5;
        }


    #email ul.sidebar li i {
        margin-right: 4px;
        font-size: 16px;
        position: absolute;
        margin-top: 1px;
    }

    #email ul.sidebar li ul {
        padding-left: 15px;
    }

        #email ul.sidebar li ul li a {
            padding-left: 15px;
        }

        #email ul.sidebar li ul li {
            margin-bottom: 1px;
        }

    #email ul.sidebar li .folder-list {
        display: block;
        padding: 3px 5px;
        color: #3d3d3d;
        text-decoration: none;
        cursor: default;
    }





        #email ul.sidebar li .folder-list .fa-caret-down {
            transform: rotate(-45deg);
            margin-right: 1px;
            margin-top: 3px;
        }

    #email ul.sidebar li a .fa:hover {
        color: #005ead;
    }

    #email ul.sidebar li a:hover {
        background: #e6f2fa;
    }

    .compose-btn a {
        background: #eff6fc;
        color: #666;
        text-decoration: none;
        padding: 3px 4px;
        font-size: 12px;
        display: inline-block;
    }

        .compose-btn a > i.fa {
            font-size: 11px;
        }

        .compose-btn a:hover {
            background: #e5edf4;
        }

    .reply-actions .compose-btn a {
        color: #005ead !important;
    }


    .email-header ul {
        background: #eff6fc;
    }

        .email-header ul li {
            display: inline-block;
            width: 100%;
        }

            .email-header ul li a {
                font-size: 12px;
                color: #333;
                text-decoration: none;
                height: 56px;
                display: inline-table;
                margin-right: 8px;
            }

    .new-email-header ul.add-attachment {
        max-height: 78px;
    }

        .new-email-header ul.add-attachment li {
            width: 205px;
            margin-bottom: 0;
            position: relative;
            background-color: #fff;
        }

            .new-email-header ul.add-attachment li a {
                height: 100%;
                background: #fff;
                float: left;
                margin: 0;
                display: block;
            }

            .new-email-header ul.add-attachment li .attachment-progress, .mail-attachments-list > ul > li .attachment-progress {
                width: 185px;
                height: 100%;
                position: absolute;
                opacity: 0.5;
                margin-bottom: 0;
                cursor: wait;
                box-shadow: none;
                border-radius: 0;
            }

    .mail-attachments-list > ul > li .attachment-progress {
        top: 0;
        width: 204px;
    }

        .new-email-header ul.add-attachment li .attachment-progress .progress-bar, .mail-attachments-list > ul > li .attachment-progress .progress-bar {
            background-color: #bbb;
        }

    .new-email-header ul.add-attachment li .del-icon, .mail-attachments-list > ul > li .attachment-options {
        float: right;
        width: 18px;
        background: #fff;
        height: 100%;
        text-align: center;
        padding-top: 4px;
        font-size: 9px;
        cursor: pointer;
        color: #777;
    }

    .mail-attachments.header-fld {
        padding: 0;
        margin: 0;
        width: calc(100% - 82px);
        height: auto !important;
        display: inline-flex;
    }

    .new-email-header ul.add-attachment li .del-icon:hover {
        background: #eff6fc;
    }

    .email-list .unread .mail-middle {
        color: #005ead;
        font-weight: bold;
    }

    .email-list .unread .mail-top {
        font-weight: bold;
    }

    .email-list .unread .mail-top {
        font-weight: bold;
    }

    #email .email-list .ui-grid-cell-contents, #email .email-list .ui-grid-header-cell > span {
        border-bottom: 1px solid #e7eaf1;
        padding: 10px;
        padding-left: 31px;
        position: relative;
        padding: 0 4px /*new design update*/;
        border: none;
    }

    .new-email-header .email-sub.attach {
        padding-top: 3px;
    }

    .attachment-outer {
        position: relative;
    }

    .remove-all {
        display: inline-flex;
        float: right;
        margin-left: 10px;
        margin-top: 3px;
        /* flex: 1; */
        height: calc(100% - 8px);
        position: absolute;
    }

    .remove-all-attachment {
        background: url(/app/Content/img/remove-all-icon.png)no-repeat center 8px #fff;
        border: 1px solid #ca0000;
        color: #ca0000;
        background-size: auto 30%;
        position: relative;
        width: 97px;
    }

        .remove-all-attachment span {
            position: absolute;
            bottom: 9%;
            right: 0;
            left: 0;
        }

        .remove-all-attachment:focus {
            color: #ca0000;
        }

        .remove-all-attachment:hover {
            background: url(/app/Content/img/remove-all-icon.png)no-repeat center 8px #fff;
            color: #ca0000;
            background-size: auto 30%;
        }

    .sort-by select {
        width: 54%;
        height: 24px;
        padding: 0 5px;
        background-position: right top;
        display: inline;
        margin-right: 5px;
    }

    .email-sorting {
        font-size: 12px;
        cursor: context-menu;
    }
    /*Dashboard Email End*/






    #email .email-border strong.sender-name {
        max-width: 100%;
        word-break: break-word;
    }

    #email .email-border .mail-header h4 {
        max-width: calc(100% - 88px);
        word-break: break-word;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 17px;
    }

    #email div.sidebar-list {
        overflow: auto;
        height: calc(100vh - 162px);
        margin-bottom: 0;
        background: #eff6fc;
    }

    #email ul.sidebar {
        padding: 10px;
        background: #eff6fc;
        padding-left: 3px;
    }

    #email .email-list {
        height: calc(100vh - 196px);
        overflow: hidden;
    }

    .email-header .from-list {
        padding: 0;
    }

        .email-header .from-list li {
            margin-right: 0;
        }

            .email-header .from-list li a {
                height: auto;
                font-size: 14px;
                padding: 5px 10px;
                width: 100%;
            }

                .email-header .from-list li a:hover {
                    background: #ebebeb;
                }

            .email-header .from-list li.active a {
                background: #005ead;
                color: #fff;
            }

    .email-header .from-list {
        margin-top: 0;
    }


    .email-dropdown button#single-button {
        background: #005ead;
        color: #fff;
        border: none;
        width: 65px;
        height: 26px;
    }

        .email-dropdown button#single-button.disabled {
            pointer-events: none;
        }

            .email-dropdown button#single-button.disabled .caret {
                display: none;
            }
    /*#email .email-list .ui-grid-row {
        border-bottom: 1px solid #e7eaf1;
    }*/

    .email-list > .grid {
        border: none !important;
        height: calc(100vh - 211px) !important;
        max-height: none;
    }

    .email-list .ui-grid-row .ui-grid-cell:last-child {
        border: none !important;
    }

    .email-grid .ui-grid-render-container-body {
        margin-left: 0px !important;
    }

    .email-grid .ui-grid-pinned-container.ui-grid-pinned-container-left {
        display: none !important;
    }

    .email-grid .ui-grid-render-container-body .ui-grid-viewport {
        width: auto !important;
    }

    .email-grid .category-group-header {
        background-color: #f4f4f4;
    }

        .email-grid .category-group-header:hover {
            background: #e6f2fa;
        }


    #email ul.sidebar li {
        list-style: none;
        margin-bottom: 0px;
    }

        #email ul.sidebar li.divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #cde6f7;
        }


        #email ul.sidebar li i {
            margin-right: 4px;
            font-size: 16px;
            position: absolute;
            margin-top: 1px;
            padding-left: 3px;
        }

        #email ul.sidebar li ul {
            padding-left: 10px;
        }

            #email ul.sidebar li ul li a {
                padding-left: 0px;
                height: 26px;
            }
        /*#email ul.sidebar > li > ul > li:first-child > a, #email ul.sidebar > li > ul > li:nth-child(2) a {
    padding-left: 5px;
}*/

        #email ul.sidebar li a {
            display: block;
            padding: 3px 5px;
            color: #3d3d3d;
            text-decoration: none;
            position: relative;
        }

            #email ul.sidebar li .folder-list > span, #email ul.sidebar li a > span {
                padding-left: 18px;
                max-width: 79%;
                overflow: hidden;
                display: inline-block;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        #email ul.sidebar li .folder-list > div > span {
            padding-left: 13px;
            line-height: 15px;
            max-width: calc(100% - 51px);
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        #email ul.sidebar li .folder-list > div > input {
            margin-left: 13px;
            max-width: 79%;
            height: 18px;
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 3px;
        }

        #email ul.sidebar li .folder-list span.mail-count {
            padding: 0;
            color: #005ead;
            font-weight: 600;
            margin-left: 5px;
        }

        #email ul.sidebar li a .fa-caret-down {
            transform: rotate(-45deg);
            margin-right: 1px;
            padding-top: 3px;
            padding-bottom: 0;
            padding-left: 4px;
        }


        #email ul.sidebar li .folder-list .fa-caret-down.more-actions {
            transform: none;
            color: #333;
            float: right;
            padding: 0;
            margin-right: 5px;
            position: absolute;
            display: none;
            padding: 2px 4px;
            font-size: 12px;
            opacity: 0.8;
            margin-top: 1px;
            right: 0;
            top: 2px;
        }

        #email ul.sidebar li .folder-list:hover .fa-caret-down.more-actions, #email ul.sidebar li .folder-list.open .fa-caret-down.more-actions {
            display: block;
        }


        #email ul.sidebar li .folder-list .fa-caret-down.more-actions:hover, #email ul.sidebar li .folder-list.open .fa-caret-down.more-actions {
            border: 1px solid #bbb;
            padding: 1px 3px;
            background: #fff;
            color: #333;
        }

        #email ul.sidebar li .folder-list .fa:hover {
            color: #005ead;
        }

        #email ul.sidebar li .folder-list.selected {
            background: #cde6f7;
        }

        #email ul.sidebar li .folder-list:hover > div > span, #email ul.sidebar li.on-drag-hover > .folder-list {
            background: #a2c5dc;
            font-weight: bold;
        }

        #email ul.sidebar li a.selected > span, #email ul.sidebar li .folder-list.selected > div > span {
            font-weight: bold;
        }

        #email ul.sidebar li .folder-list:hover {
            background: #a2c5dc;
        }

        #email ul.sidebar li .folder-list.open ul.more-actions-menu {
            margin: 0;
            padding: 0;
            font-size: 13px;
        }

            #email ul.sidebar li .folder-list.open ul.more-actions-menu li {
                padding: 3px 7px;
            }

                #email ul.sidebar li .folder-list.open ul.more-actions-menu li.disabled {
                    pointer-events: none;
                    opacity: 0.45;
                }

                #email ul.sidebar li .folder-list.open ul.more-actions-menu li.divider {
                    padding: 0;
                }

                #email ul.sidebar li .folder-list.open ul.more-actions-menu li:hover {
                    background: #e6f2fa;
                    font-weight: bold;
                }

    #email .sidebar .dropdown-menu li i {
        position: relative;
    }

        #email .sidebar .dropdown-menu li i.rename-folder {
            background: url(/app/Content/img/folder-rename-icon.png) no-repeat;
            width: 18px;
            height: 15px;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        #email .sidebar .dropdown-menu li i.move-folder {
            background: url(/app/Content/img/move-folder.png) no-repeat;
            width: 18px;
            height: 15px;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        #email .sidebar .dropdown-menu li i.delete-folder {
            background: url(/app/Content/img/del-folder-icon.png) no-repeat;
            width: 18px;
            height: 15px;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        #email .sidebar .dropdown-menu li i.fa {
            transform: none;
            margin-right: 4px;
            padding-left: 4px;
            margin-top: 0;
            padding-top: 0;
        }

    #email ul.sidebar .dropdown-menu li.divider {
        margin: 5px 0;
    }


    .mail-header h4 {
        margin: 0;
        margin-bottom: 5px;
    }

    #email ul.sidebar > li > a > span {
        max-width: 100%;
    }

    .email-list .unread .mail-middle {
        color: #005ead;
        font-weight: bold;
    }

    .email-list .unread .mail-top {
        font-weight: bold;
    }

    .attachment-icon {
        transform: rotate(45deg);
        padding: 0 10px 0 5px;
        font-size: 14px;
        display: table;
    }

    .importance-icon {
        font-size: 16px;
        padding: 0 5px;
        color: #e73d4a;
    }

    .low-importance {
        background: url(/app/Content/img/low-importance.png) no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
    }

    .signature {
        background: url(/app/Content/img/signature-icon.png) no-repeat;
        width: 18px;
        height: 16px;
        display: inline-block;
        margin-top: 13px;
    }

    .signature-list ul {
        display: block;
        padding: 0;
    }


    .sort-by {
        font-size: 12px;
        margin-top: 10px;
        padding-right: 34px;
    }

        .sort-by select {
            width: 54%;
            height: 24px;
            padding: 0 5px;
            background-position: right top;
            display: inline;
            margin-right: 5px;
            border: 0;
            color: #333;
            padding: 0;
            width: auto;
            padding-right: 6px;
        }

            .sort-by select > option {
                padding: 0 10px;
                width: 200px;
            }

        .sort-by button {
            background: none;
            border: none;
            box-shadow: none;
            margin-right: 10px;
        }

        .sort-by button {
            background: none;
            border: none;
            box-shadow: none;
            -webkit-appearance: none;
            padding: 0;
        }

            .sort-by button:focus, .btn-group.open .dropdown-toggle {
                box-shadow: none;
            }

    .email-sorting {
        font-size: 12px;
        cursor: pointer;
    }

    .task-tabs .tab-content {
        height: calc(100vh - 290px);
        overflow: auto;
    }

    .horizontal-tabs.view-task-tabs .tab-content {
        height: calc(100vh - 315px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .address-book-modal .table tr:hover td {
        background: #f2f2f2;
        cursor: default;
    }
    /*Color Palette*/
    .color-palette {
        padding-left: 0;
    }

        .color-palette li {
            width: 25px;
            height: 25px;
            list-style: none;
            display: inline-block;
            border: 2px solid #fff;
            cursor: pointer;
        }

            .color-palette li.selected {
                border-color: #000;
            }
    /*Color Palette End*/


    #email ul.sidebar li a.selected.folder-selected {
        background: none;
    }
    /*Dashboard Email End*/

    @media only screen and (max-width: 1280px) {
        .table-toolbar label {
            margin-right: 0;
            font-size: 13px;
        }
    }

    @media only screen and (max-width: 1235px) {
        .table-toolbar label {
            letter-spacing: -0.5px;
        }

        .pie-chart .mt-radio-inline {
            width: 34%;
        }

            .pie-chart .mt-radio-inline .mCustomScrollBox {
                height: 83px;
            }
    }

    @media only screen and (max-width: 1263px) {
        .pie-chart .mt-radio-inline {
            font-size: 11px;
        }
    }
    /* New Email */

    .email-header .col {
        margin-bottom: 7px;
        height: auto;
        display: flex;
        position: relative;
    }

    .email-btn, .email-sub {
        width: 64px;
        min-width: 0;
        margin-right: 10px;
        padding: 2px;
        cursor: context-menu;
        float: left;
    }

    .email-btn {
        background: #005ead;
        color: #fff;
        display: inline-block;
        text-align: center;
        font-size: 13px;
        height: 26px;
        float: left;
        cursor: pointer;
    }

    .header-fld {
        width: calc(100% - 80px);
        padding: 7px 10px;
        display: inline-block;
        padding: 0 3px !important;
        @
    }

    input.header-fld {
        height: 26px !important;
    }

        input.header-fld:focus {
            outline: none;
        }

    .header-fld.ui-select-container {
        border: none;
        padding: 0 !important;
        background: none;
        /*display: inline-flex;*/
    }

    .header-fld.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
        height: auto;
        min-width: 300px;
        max-width: calc(100% - 25px);
    }


    .header-fld.form-control > div:first-child {
        max-width: 100%;
        border: 1px solid #c2cad8;
        width: 100%;
        padding: 7px 10px;
        padding: 0 3px !important;
        max-height: 66px;
        overflow-y: auto;
        min-height: 27px !important;
        overflow-x: hidden;
        display: inline-block;
        background: #fff;
    }

    .email-dropdown {
        width: 64px;
        height: 27px;
        display: inline-block;
        margin-right: 10px;
    }

        .email-dropdown select.header-fld {
            background: #005ead;
            border: none;
            color: #fff;
            padding: 0 4px;
            width: 100%;
        }

            .email-dropdown select.header-fld option {
                background: #fff;
                color: #333;
            }

    .btn.email-send-btn {
        width: 63px;
        height: 125px;
        display: inline-block;
        float: left;
        margin-right: 11px;
        min-width: 0;
        background: url(/app/Content/img/send-icon-white.png) no-repeat center 43px #005ead;
        padding-top: 40px;
        color: #fff;
    }

        .btn.email-send-btn:hover {
            background: url(/app/Content/img/send-icon-white.png) no-repeat center 43px #014c8b;
        }

    .sender-info {
        display: inline-block;
        width: 100%;
    }

        .sender-info:focus {
            outline: none;
        }

    .email-body {
        border: 1px solid #c2cad8;
    }

    ul.master-data-list {
        padding: 0;
    }

    .subject-prefix {
        position: absolute;
        left: 75px;
        top: 1px;
        background: #f2f2f2;
        height: 24px;
        padding: 3px 5px;
    }

        .subject-prefix ~ input.header-fld {
            padding-left: 107px !important;
        }


    .editable .subject-prefix {
        left: 1px;
        top: -3px;
    }


    .file-drop-zone {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0, 0.4);
        display: none;
        border: 2px dashed #fafafa;
        /* margin: 6px; */
        text-align: center;
        vertical-align: middle;
        padding-top: 50vh;
        font-size: 45px;
        color: #f2f2f2;
        text-shadow: 2px 2px 12px #444;
        letter-spacing: -2px;
    }

        .file-drop-zone *, .popup-overlay * {
            pointer-events: none !important;
            font-size: 100px;
            position: relative;
            top: calc(50% - 50px);
        }

        .file-drop-zone *, .popup-overlay-small * {
            pointer-events: none !important;
            font-size: 100px;
            position: relative;
            top: calc(50% - 50px);
        }

        .file-drop-zone *, .file-upload-not-allowed-overlay * {
            pointer-events: none !important;
            font-size: 100px;
            position: relative;
            top: calc(50% - 50px);
        }
    /* New Email End */


    @media only screen and (max-width: 1333px) {
        .search-form .btn {
            min-width: 0;
        }
    }


    @media (min-width: 768px) {

        .modal-dialog {
            width: 810px;
        }

            .modal-dialog.job-associate {
                width: 480px;
            }

            .modal-dialog.project-associate {
                width: 480px;
            }

        .modal-small {
            width: 530px;
        }
    }

    @media (min-width: 1300px) {
        .modal-large {
            width: 1280px;
        }
    }






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

        .slick-initialized .slick-slide {
            display: block;
            width: auto !important;
        }

        .job-bag-tabs {
            margin-top: -33px !important;
        }

        .dashboard-stat .visual {
            left: 20px;
        }

        .dashboard-stat .details .number {
            font-size: 21px;
        }

        .dashboard-stat .details {
            right: 32px;
        }

            .dashboard-stat .details .desc {
                font-size: 13px;
                letter-spacing: 0;
                text-transform: uppercase;
                padding-top: 4px;
                max-width: 145px;
                line-height: 6px;
            }

        .page-header .logo {
            margin: 0 0 0 15px;
            padding-top: 19px;
        }

        .search-form .search-btn {
            position: relative;
            right: 0;
        }

        .minheight60 {
            max-height: 0px !important;
            min-height: 0 !important;
        }

        .row-eq-height {
            display: inherit;
        }

        .login-screen > .col-md-7 {
            height: 40vh;
        }

        .login-content {
            padding: 10% 16% 0;
        }

        .login-screen .logo {
            margin: 0 auto;
            position: relative;
            text-align: center;
        }

            .login-screen .logo img {
                max-width: 100%;
            }

        .table-grid-outer {
            overflow: scroll;
            max-width: 920px;
        }

            .table-grid-outer > table, .table-grid-outer > .angular-ui-tree {
                min-width: 920px;
            }

        .row-eq-height > .col-md-4 {
            margin-top: 15px;
        }

        .search-filters-list {
            width: 500px;
        }
    }

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

        .dashboard-stat .details .desc {
            max-width: 100%;
        }

        .input-medium {
            width: 100% !important;
        }



        .page-header .top-menu .navbar-nav > li.dropdown {
            float: left;
        }

        .navbar-nav .open .dropdown-menu {
            position: absolute;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .15);
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        }

        .nav > li > a {
            padding-right: 4px;
            padding-left: 4px;
        }

        .tabs-vertical.right-tabs .nav > li > a {
            padding: 10px 15px;
        }

        .search-form .error-message {
            position: relative;
        }

        .navbar-nav .open .dropdown-menu.profile-dropdown {
            width: 250px;
        }

        .btn {
            min-width: 77px;
        }

        .add-btn {
            min-width: 0;
        }

        .tabs-vertical div[vertical^="true"] > .nav.nav-tabs, .tabs-vertical .nav.tabs-vertical-nv {
            min-width: 100px;
            width: 100px;
        }

        .tabs-vertical div[vertical^="true"] > .tab-content, .tabs-vertical .tab-content {
            width: calc(100% - 101px);
        }

        .dashboard-icons .dropdown.open .dropdown-menu {
            width: 580px;
        }
    }

    @media only screen and (max-width: 605px) {
        .tab-pane .add-btns {
            float: none !important;
        }

        li.open > .searchform {
            width: calc(100% - 110px);
            top: 0;
            left: 0;
            position: fixed;
            z-index: 99999999;
        }

        .dashboard-icons .dropdown.open .dropdown-menu {
            width: 380px;
        }

        .page-title .actions .dropdown-menu li {
            width: 45%;
        }

            .page-title .actions .dropdown-menu li a {
                white-space: normal;
            }
    }



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


        .page-header .logo {
            margin: 0 0 0 15px;
            padding: 12px 0 12px;
            margin: 0;
            padding-left: 0;
        }



        .page-header-fixed .page-container {
            margin-top: 0px !important;
        }

        .btn {
            min-width: 59px;
        }

        .add-btn {
            min-width: 0;
        }
    }




    @-webkit-keyframes uil-default-anim {
        0%; {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes uil-default-anim {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .uil-default-css > div:nth-of-type(1) {
        -webkit-animation: uil-default-anim 1s linear infinite;
        animation: uil-default-anim 1s linear infinite;
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(2) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: -0.4166666666666667s;
            animation-delay: -0.4166666666666667s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(3) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: -0.33333333333333337s;
            animation-delay: -0.33333333333333337s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(4) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: -0.25s;
            animation-delay: -0.25s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(5) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: -0.16666666666666669s;
            animation-delay: -0.16666666666666669s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(6) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: -0.08333333333333331s;
            animation-delay: -0.08333333333333331s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(7) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(8) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: 0.08333333333333337s;
            animation-delay: 0.08333333333333337s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(9) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: 0.16666666666666663s;
            animation-delay: 0.16666666666666663s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(10) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(11) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: 0.33333333333333337s;
            animation-delay: 0.33333333333333337s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
    }

        .uil-default-css > div:nth-of-type(12) {
            -webkit-animation: uil-default-anim 1s linear infinite;
            animation: uil-default-anim 1s linear infinite;
            -webkit-animation-delay: 0.41666666666666663s;
            animation-delay: 0.41666666666666663s;
        }

    .uil-default-css {
        position: relative;
        background: none;
        width: 200px;
        height: 200px;
        transform: scale(0.6);
    }

    .loading-bar {
        top: 80px;
        left: 93px;
        width: 14px;
        height: 40px;
        background: #1f1f1f;
        border-radius: 10px;
        position: absolute;
    }

    .uil-default-css div.first {
        -webkit-transform: rotate(0deg) translate(0,-60px);
        transform: rotate(0deg) translate(0,-60px);
    }

    .uil-default-css div.second {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(30deg) translate(0,-60px);
    }

    .uil-default-css div.third {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(60deg) translate(0,-60px);
    }

    .uil-default-css div.fourth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(90deg) translate(0,-60px);
    }

    .uil-default-css div.fifth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(120deg) translate(0,-60px);
    }

    .uil-default-css div.sixth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(150deg) translate(0,-60px);
    }

    .uil-default-css div.seventh {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(180deg) translate(0,-60px);
    }

    .uil-default-css div.eighth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(210deg) translate(0,-60px);
    }

    .uil-default-css div.ninth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(240deg) translate(0,-60px);
    }

    .uil-default-css div.tenth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(270deg) translate(0,-60px);
    }

    .uil-default-css div.eleventh {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(300deg) translate(0,-60px);
    }

    .uil-default-css div.twelfth {
        -webkit-transform: rotate(30deg) translate(0,-60px);
        transform: rotate(330deg) translate(0,-60px);
    }

    .mouse-loader {
        cursor: wait;
    }

    .loader-outer {
        width: 22px;
        height: 31px;
        right: 17px;
        top: 1px;
        position: absolute;
        background: #fff;
        z-index: 9;
    }

    .table-toolbar .loader-outer {
        right: 1px;
    }


    .table-responsive {
        overflow-x: visible !important;
    }

    .auto-complete-ui .uil-default-css {
        width: 10px;
        height: 10px;
        transform: scale(0.10);
        left: auto;
        right: 10px;
        top: 10px;
        position: absolute;
    }


    .auto-complete-ui .uil-default-css {
        width: 10px;
        height: 10px;
        transform: scale(0.10);
        left: auto;
        right: 10px;
        top: 10px;
        position: absolute;
    }

    .auto-complete-ui .loading-bar {
        top: -17px;
        left: 0px;
    }

    .date .angularjs-datetime-picker {
        left: 0 !important;
        top: 32px !important;
        z-index: 9;
    }

    .date {
        position: relative !important;
    }

        .date.right-position .datetime-picker-dropdown {
            right: 0;
            left: auto !important;
        }

        .date .datetime-picker-dropdown {
            min-width: 244px;
        }


    .tel-number {
        position: relative;
    }

        .tel-number .tel-code {
            width: 71px;
            padding: 0;
            float: left;
            margin-right: 0px;
            position: absolute;
            padding: 0;
            padding-left: 10px;
            text-align: center;
        }

            .tel-number .tel-code:read-only {
                background: none;
                color: #4d6b8a;
            }

        .tel-number input[disabled] {
            background: none;
            color: #4d6b8a;
        }

        .tel-number .tel-code:-moz-read-only {
            background: none;
            color: #4d6b8a;
        }

        .tel-number .form-control {
            padding-left: 71px;
        }
    /*Notification*/


    .notification-grid .designation {
        color: #333;
    }

    .notification-grid .grid {
        max-height: calc(100vh - 334px);
    }

    .notification-grid > .ui-grid {
        border: none;
    }


    .notification-grid .ui-grid-cell {
        padding: 0;
    }

        .notification-grid .ui-grid-cell .ui-grid-cell-contents {
            margin-bottom: 2px;
            background: #f3f7fb !important;
            padding: 7px 7px 2px;
        }

            .notification-grid .ui-grid-cell .ui-grid-cell-contents.unread {
                background: #cde6f7 !important;
                font-weight: bold;
            }

            .notification-grid .ui-grid-cell .ui-grid-cell-contents:hover {
                background: #e6f2fa !important;
            }

    .notification-grid .ui-grid-row:last-child .ui-grid-cell .ui-grid-cell-contents {
        border-bottom: 1px solid #f2f2f2 !important;
    }

    .notification-grid .ui-grid-row h3 {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        white-space: normal;
        word-wrap: break-word;
    }

    .notification-grid .ui-grid-row p {
        color: #333;
        white-space: normal;
        margin-bottom: 5px;
        word-wrap: break-word;
        font-size: 12px;
    }

    .notification-grid .ui-grid-row a {
        font-size: 13px;
    }

    .notification-grid .ui-grid-row h4 {
        color: #005ead;
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .void-icon {
        background: url(/app/Content/img/void.png) no-repeat;
        width: 20px;
        height: 20px;
        background-size: 100%;
        margin-right: 10px;
        display: block;
        cursor: pointer;
    }

        .void-icon.disabled {
            opacity: 0.3;
            pointer-events: none;
        }

    .margintop0 {
        margin-top: 0px;
    }

    .notification-grid .ui-grid-canvas {
        width: 100% !important;
    }

    .notification-grid .ui-grid-cell-contents {
        position: relative;
    }

        .notification-grid .ui-grid-cell-contents .notification-time {
            position: absolute;
            bottom: 11px;
            right: 20px;
            font-size: 11px;
        }

    .nrmlposition {
        position: inherit;
    }

    .notification-count {
        position: absolute;
        top: 26px;
        z-index: 9;
        right: 15px;
    }
    /*Horizontal Tabs*/
    .nav-tabs.tabsh {
        border-width: 4px;
    }

        .nav-tabs.tabsh > li > a {
            border: none;
            margin-bottom: -2px;
            font-weight: 400;
            color: #333;
            padding: 7px 13px 4px 12px;
        }



            .nav-tabs.tabsh > li > a:hover, .nav-tabs.tabsh > li > a:focus {
                background: none;
                border: none;
                border-bottom: 4px solid #005ead;
                margin-bottom: -2px;
                padding-bottom: 7px;
                font-weight: bold;
                padding: 7px 13px 4px 12px;
            }

        .nav-tabs.tabsh > li.active > a, .nav-tabs.tabsh > li.active > a:hover, .nav-tabs.tabsh > li.active > a:focus {
            background: none;
            border: none;
            border-bottom: 4px solid #005ead;
            margin-bottom: -2px;
            padding-bottom: 7px;
            font-weight: bold;
            padding: 7px 13px 4px 12px;
        }
    /*Tab Animation*/
    /* set reference point */
    .tab-animation > .tab-content {
        position: relative;
    }
        /* set animate effect */
        .tab-animation > .tab-content > .tab-pane {
            transition: 0.5s linear opacity;
        }
            /* overwrite display: none and remove from document flow */
            .tab-animation > .tab-content > .tab-pane.active-remove {
                display: none;
            }
            /* opacity=0 when removing "active" class */
            .tab-animation > .tab-content > .tab-pane.active-remove-active {
                opacity: 0;
            }
            /* opacity=0 when adding "active" class */
            .tab-animation > .tab-content > .tab-pane.active-add {
                opacity: 0;
            }
    /*Horizontal Tabs inner tabs*/
    .horizontal-tabs {
        border-width: 4px;
    }

        .horizontal-tabs .nav-tabs > li > a {
            border: none;
            margin-bottom: -2px;
            font-weight: 400;
            color: #333;
            padding: 2px 15px;
            border-radius: 0;
            margin-right: 0px;
        }

            .horizontal-tabs .nav-tabs > li > a span.fa-times-circle {
                color: #005ead;
                cursor: pointer;
            }

    .nav-tabs.dashmain > li > a {
        font-size: 15px;
    }

    .horizontal-tabs .nav-tabs > li {
        float: right;
    }

    .jobbag-files-tabs .nav-tabs > li {
        float: left !important;
    }

    .horizontal-tabs.left-tabs .nav-tabs > li {
        float: left;
    }


    .horizontal-tabs .nav-tabs > li.active {
        background: #005ead;
    }

    .horizontal-tabs .nav-tabs > li {
        height: 38px;
        text-align: center;
        padding: 8px 0;
        border: 1px solid #fff;
        background: #efefef;
    }

    #financials .horizontal-tabs.left-tabs .nav-tabs > li > a {
        width: 115px;
    }

    .horizontal-tabs .nav-tabs > li > a:hover, .horizontal-tabs .nav-tabs > li > a:focus {
        border: none;
        border-bottom: 4px solid #005ead;
        margin-bottom: 0px;
        padding-bottom: 7px;
        font-weight: bold;
        padding: 2px 14px 5px 14px;
        background: none;
        margin-right: 0;
        border-bottom-width: 2px;
        padding-bottom: 6px;
    }

    .horizontal-tabs .nav-tabs > li.active > a, .horizontal-tabs .nav-tabs > li.active > a:hover, .horizontal-tabs .nav-tabs > li.active > a:focus {
        border: none;
        border-bottom: 4px solid #005ead;
        margin-bottom: 0px;
        padding-bottom: 7px;
        font-weight: bold;
        padding: 2px 13px 5px 11px;
        background: none;
        margin-right: 0;
        border-bottom-width: 2px;
        margin-bottom: 0;
        padding-bottom: 6px;
        color: #fff;
    }


    .horizontal-tabs .nav-tabs > li.disabled > a:hover, .horizontal-tabs .nav-tabs > li.disabled > a:focus, .horizontal-tabs .nav-tabs > li.disabled > a, .horizontal-tabs .nav-tabs > li.disabled > a:hover {
        border: none !important;
        color: #999;
        font-weight: normal;
        padding: 10px 15px;
    }

    .horizontal-tabs .tab-content {
        border: none;
        width: 100%;
        min-height: 0;
        max-height: none;
        padding: 10px 0;
        overflow: visible;
    }

    .dashboard-grid .horizontal-tabs .tab-content {
        padding-bottom: 0;
    }


    .dashboard-grid .table-toolbar select {
        min-width: 117px;
    }

    .horizontal-tabs.task-tabs .tab-content {
        height: calc(100vh - 295px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 0;
    }

    .pie-chart .horizontal-tabs.task-tabs .tab-content {
        height: auto;
    }

    .modal .date .angularjs-datetime-picker {
        position: fixed !important;
        left: auto !important;
        top: auto !important;
    }

    .notification {
        padding-right: 38px !important;
    }

    .dropdown-notification > .dropdown-menu > li.notification-count {
        display: block;
    }


    .open .dropdown-menu {
        display: block !important;
    }

        .open .dropdown-menu.ng-hide {
            display: none !important;
        }

    .open .dropdown-inside-dropdown .dropdown-menu {
        display: none !important;
    }

    .open .dropdown-inside-dropdown .open .dropdown-menu {
        display: block !important;
    }

    .important {
        color: #d9534f;
    }

    .flag {
        color: #005ead;
    }

    fieldset[disabled] .date input[date-format^="yyyy-MM-dd"] {
        background-color: #eee !important;
    }

    fieldset[disabled] .form-control {
        background-color: #eee !important;
        pointer-events: none;
    }

    fieldset[disabled] select {
        pointer-events: none;
    }

    fieldset[disabled] select {
        pointer-events: none;
    }

    fieldset .auto-complete-ui .data-filled-btn {
        right: 5px;
    }

    fieldset[disabled] .form-group .attachments {
        pointer-events: all;
        opacity: 0.5;
    }

        fieldset[disabled] .form-group .attachments .del-icon {
            display: none;
        }

    fieldset[disabled] {
        pointer-events: none;
    }


        fieldset[disabled] .date .form-control {
            background-color: #eee !important;
        }



        fieldset[disabled] .date button {
            pointer-events: none;
        }

        fieldset[disabled] .table .actions span, fieldset[disabled] .table .actions a {
            pointer-events: none;
            color: #aaa;
        }

        fieldset[disabled] .add-btn {
            background: #ccc;
            border: 1px solid #ccc;
            pointer-events: none;
            color: #888;
        }

        fieldset[disabled] .tgl-light + .tgl-btn {
            background: #ddd;
            pointer-events: none;
        }

        fieldset[disabled] .tgl-light:checked + .tgl-btn {
            background: #b5dfb5;
            pointer-events: none;
        }
    /*File Input UI*/
    input[type=file]::-webkit-file-upload-button {
        border: 1px solid grey;
        background: #005ead;
        color: #fff;
        border: none;
    }

    input[type="file"]#file, input[type="file"].file, input[type="file"]#attachment-file, input[type="file"]#translation-file {
        color: transparent;
    }

        input[type="file"]#file::-webkit-file-upload-button, input[type="file"]#attachment-file::-webkit-file-upload-button, input[type="file"].file::-webkit-file-upload-button, input[type="file"]#translation-file::-webkit-file-upload-button {
            visibility: hidden;
        }

        input[type="file"]#file::before, input[type="file"].file::before, input[type="file"]#attachment-file::before, input[type="file"]#translation-file::before {
            content: 'Upload Files';
            color: #fff;
            display: inline-block;
            background: #005ead;
            top: 0;
            left: 10px;
            padding: 5px 8px;
            white-space: nowrap;
            cursor: pointer;
            position: absolute;
        }

        input[type="file"]#attachment-file::before {
            content: 'Upload File' !important;
        }

    .Attchment-disable > input[type="file"]#attachment-file::before {
        cursor: no-drop !important;
    }

    .alert-popup input[type="file"]#attachment-file::before {
        left: 0;
    }

    .alert-popup .modal-body .comments-box {
        min-height: 170px;
    }

    input[type="file"]#file:active, input[type="file"]#attachment-file:active, input[type="file"].file:active, input[type="file"]#translation-file:active {
        outline: 0;
    }
    /*File Input UI End*/
    /* File Input in IE */
    _:-ms-fullscreen, :root input[type="file"] {
        border: none !important;
        padding: 0;
    }

    input[type="file"]::-ms-browse {
        background-color: #005ead;
        color: #fff;
        box-shadow: none;
        border: none;
    }

    input[type="file"]::-ms-value {
        background-color: #fff;
        box-shadow: none;
        border: 1px solid #c2cad8;
    }

    fieldset[disabled] input[type="file"]::-ms-value {
        background-color: #eee;
        box-shadow: none;
        border: 1px solid #c2cad8;
    }

    fieldset[disabled] input[type="file"]::-ms-browse {
        opacity: 0.5;
    }
    /*section tabs*/
    .horizontal-tabs.task-tabs .section-tabs .tab-content {
        height: auto;
    }


    .section-division ul.nav-tabs {
        display: none;
    }

    .section-division .tab-content {
        padding-bottom: 0;
    }

    .horizontal-tabs.task-tabs .section-division .tab-content {
        height: auto;
        padding-top: 0;
        overflow: visible;
    }

        .horizontal-tabs.task-tabs .section-division .tab-content .nexttab, .horizontal-tabs.task-tabs .section-division .tab-content .prevtab {
            padding: 10px;
            background: #005ead;
            color: #fff;
            text-decoration: none;
        }

        .horizontal-tabs.task-tabs .section-division .tab-content .nexttab {
            float: right;
        }

        .horizontal-tabs.task-tabs .section-division .tab-content .prevtab {
            float: left;
        }
    /*section tabs end*/
    /* File Input in IE end */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        #mCSB_2_scrollbar_vertical {
            padding-right: 50px !important;
        }

            #mCSB_2_scrollbar_vertical > a {
                margin-left: 17px;
                width: 20px;
            }
    }

    .main-login-form button.btn .login-text {
        display: block;
    }

    .main-login-form button.btn .fa-refresh-animate {
        display: none;
    }

    #login-modal .main-login-form button.btn .fa-refresh-animate {
        display: unset;
    }

    .main-login-form button.btn[disabled] .login-text {
        display: none;
    }

    .main-login-form button.btn[disabled] .fa-refresh-animate {
        display: block;
    }

    .fa-refresh-animate {
        animation: spin 1s infinite linear;
        -webkit-animation: spin 1s infinite linear;
    }

    @-moz-keyframes spin {
        100% {
            -moz-transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .text-readonly {
        color: #969696;
        border: none;
        background: #f2f2f2;
        padding: 6px 12px;
        min-width: 30%;
        display: inline-block;
        height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .attachments ul {
        padding-left: 15px;
    }

    .attachments li {
        list-style: none;
    }
    /*Datetime picker*/

    .datetime-picker-dropdown {
        z-index: 9999;
    }

        .date .btn, .datetime-picker-dropdown .btn {
            border: none;
            padding: 6px 12px;
            min-width: 0;
        }

        .date .btn-default, .datetime-picker-dropdown .btn-default {
            color: #333;
            background-color: #fff;
            border-color: #ccc;
            padding: 5px 12px;
            border: 1px solid #ccc;
        }

        .date .datetime-picker-dropdown > li.date-picker-menu div > table .btn-default, .datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
            border: 0;
        }

    .date-picker-menu div:focus {
        outline: none;
    }

    .date .btn-info, .datetime-picker-dropdown .btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da;
    }


    .date .btn-danger, .datetime-picker-dropdown .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a;
    }


    .date .btn-success, .datetime-picker-dropdown .btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }


    .date .glyphicon, .datetime-picker-dropdown .glyphicon {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    .date .glyphicon-chevron-left:before, .datetime-picker-dropdown .glyphicon-chevron-left:before {
        content: "\f053" !important;
    }

    .date .glyphicon-chevron-right:before, .datetime-picker-dropdown .glyphicon-chevron-right:before {
        content: "\f054" !important;
    }

    .date .glyphicon-chevron-up:before, .datetime-picker-dropdown .glyphicon-chevron-up:before {
        content: "\f077" !important;
    }

    .date .glyphicon-chevron-down:before, .datetime-picker-dropdown .glyphicon-chevron-down:before {
        content: "\f078" !important;
    }





    .date table.uib-timepicker, .datetime-picker-dropdown table.uib-timepicker {
        margin: 0 auto;
    }

    .date .uib-time input, .datetime-picker-dropdown .uib-time input {
        width: 50px;
        max-width: none;
    }

    .date .form-group, .datetime-picker-dropdown .form-group {
        display: inherit;
        margin-bottom: 0;
    }


    .date .calendar-icon {
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        background: none !important;
        padding: 4px 10px 4px 5px;
    }

    .date .calendar-icon-job-bag-file {
        position: absolute;
        top: 0;
        right: 0;
        border: 0;
        background: none !important;
        padding: 19px 10px 4px 5px;
    }

    .date .calendar-icon .fa-clock-o {
        position: relative;
        top: 1px;
        font-size: 15px;
    }


    .date .clear-icon {
        position: absolute;
        /*top: 0;*/
        /*right: 27px;*/
        border: 0;
        /*background: none !important;
    padding: 4px 5px 4px 5px;*/
        right: 4px;
        top: 1px;
        padding: 0;
        width: 16px;
        height: 18px;
    }
    /*.date-time .clear-icon {
    right: 38px;
}*/

    .date input[readonly] {
        background: #fff;
        border: 1px solid #c2cad8;
        color: #4d6b8a;
        padding-right: 34px;
    }

        .date input[readonly]:focus {
            border-color: #66afe9;
        }

        .date input[readonly].ng-not-empty {
            padding-right: 28px;
        }

    .date.date-time input[readonly] {
        padding-right: 54px;
    }

    .date .time-picker-menu {
        width: 244px;
    }

    .date .time-error {
        z-index: 99999;
        padding: 4px 16px;
        font-size: 12px;
    }

    .datetime-picker-dropdown .btn.active {
        color: #fff;
        background: #005ead;
    }

        .datetime-picker-dropdown .btn.active .text-info {
            color: #fff;
        }
    /*Datetime picker End*/
    /*Notes Page*/
    .notes-page h3 {
        display: none;
    }

    .notes-page .tab-pane .add-btns, .notes-page .tab-pane hr {
        display: none;
    }
    /*Notes Page End*/
    [disabled].form-control, fieldset[disabled] .form-control {
        cursor: auto !important;
    }

        .form-control[disabled]:hover, fieldset[disabled] .form-control:hover {
            cursor: not-allowed !important;
        }

    .cursor-auto {
        cursor: auto;
    }

    .task-form-area {
        position: relative;
    }

        .task-form-area .add-btn {
            position: absolute;
            top: -42px; /*For job bag accordion icons*/
            right: 28px;
            background: none;
            border: none;
            color: #005ead;
        }

        .task-form-area.edit-media-placement .add-btn {
            position: absolute;
            top: -42px; /*For job bag accordion icons*/
            right: 36px;
            background: none;
            border: none;
            color: #005ead;
        }

        .task-form-area .add-btn.print-btn {
            right: 53px;
        }

        .task-form-area .add-btn:hover {
            color: #333;
        }

        .task-form-area .add-btn.cancel-btn {
            right: 58px;
        }

        .task-form-area .delete-icon {
            top: 0px;
            z-index: 9999;
        }

        .task-form-area .add-btn.disabled {
            background: none !important;
        }

    #toast-container > .toast-info {
        background-color: #005eac;
        width: 495px;
    }

    .toast-message {
        word-break: normal;
        word-wrap: normal;
    }
    /*Attachment progressbar*/
    .progress {
        height: 12px;
    }

    .progress-bar {
        background-color: #005ead;
    }
    /*Attachment progressbar End*/
    .toast-top-center {
        top: 82px;
    }


    .email-id {
        text-transform: lowercase;
    }


    .dashboard-icons .dropdown .quick-links ul li a i {
        background: url(/app/Content/img/quick-links-icon.png) no-repeat;
        width: 43px;
        height: 39px;
        margin: 0 auto;
    }

    .dashboard-icons .dropdown ul li a i.listing-project {
        background-position: -159px -13px;
    }

    .dashboard-icons .dropdown ul li a i.listing-jobs {
        background-position: -84px -80px;
    }

    .dashboard-icons .dropdown ul li a i.listing-task {
        background-position: -86px -13px;
    }

    .dashboard-icons .dropdown ul li a i.listing-task {
        background-position: -86px -13px;
    }

    .dashboard-icons .dropdown ul li a i.listing-po {
        background-position: -8px -80px;
    }

    .dashboard-icons .dropdown ul li a i.fa-file-text-o {
        background: none;
        font-size: 30px;
    }

    .fileicon {
        font-size: 20px;
    }

    .mail-attachments-list .fileicon {
        font-size: 12px;
        line-height: 18px;
    }


    .dashboard-icons .dropdown ul li a i.print-schedule {
        background-position: -158px -80px;
    }

    .dashboard-icons .dropdown ul li a i.bulk-printing {
        background-position: -9px -13px;
    }

    .dashboard-icons .dropdown ul li a.disabled i {
        opacity: 0.3;
    }


    .dashboard-icons .dropdown ul li a i.add-media-placement {
        background: url(/app/Content/img/add-media-placement.png) no-repeat;
        width: 49px;
        height: 39px;
        margin: 0 auto;
    }

    .dashboard-icons .dropdown ul li a i.add-esubmission {
        background: url(/app/Content/img/add-esubmission.png) no-repeat;
        width: 49px;
        height: 39px;
        margin: 0 auto;
    }


    .table.media-add-table tr th:first-child {
        width: 12%;
    }


    .table.media-add-table tr th:nth-child(2) {
        width: 8%;
    }

    .table.media-add-table tr th:nth-child(3) {
        width: 12%;
    }

    .table.media-add-table tr th:nth-child(4) {
        min-width: 20%;
    }

    .table.media-add-table tr th:nth-child(5) {
        width: 20%;
    }

    .table.media-add-table tr th:nth-child(6) {
        width: 8%;
    }

    .table.media-add-table tr th:nth-child(7) {
        width: 12%;
    }

    .table.media-add-table tr th:nth-child(8) {
        width: 8%;
    }

    .table.media-add-table tr th:first-child {
        width: 12%;
    }


    .table.tat-add-table tr th:first-child {
        width: 12%;
    }

    .table.tat-add-table tr th:nth-child(2) {
        width: 8%;
    }

    .table.tat-add-table tr th:nth-child(3) {
        width: 5%;
    }

    .table.tat-add-table tr th:nth-child(4) {
        width: 27%;
    }

    .table.tat-add-table tr th:nth-child(5) {
        width: 10%;
    }

    .table.tat-add-table tr th:nth-child(6) {
        width: 10%;
    }

    .table.tat-add-table tr th:nth-child(7) {
        width: 8%
    }


    .table.tat-modal-table tr th:first-child {
        width: 8%;
    }

    .table.tat-modal-table tr th:nth-child(2) {
        width: 15%;
    }

    .table.tat-modal-table tr th:nth-child(3) {
        width: 9%;
    }

    .table.tat-modal-table tr th:nth-child(4) {
        min-width: 10%;
    }

    .table.tat-modal-table tr th:nth-child(5) {
        width: 13%;
    }

    .table.tat-modal-table tr th:nth-child(6) {
        width: 10%;
    }

    .table.tat-modal-table tr th:nth-child(7) {
        width: 10%
    }

    .table.tat-modal-table tr th:nth-child(8) {
        width: 5%
    }

    .width-9 {
        width: 9%;
    }

    .table.tat-job-table tr th:first-child, .table.tat-job-table tr td:first-child {
        width: 8%;
    }


    .table.tat-job-table tr th:nth-child(2), .table.tat-job-table tr td:nth-child(2) {
        width: 10%;
    }


    .table.tat-job-table tr th:nth-child(3), .table.tat-job-table tr td:nth-child(3) {
        width: 7%;
    }


    .table.tat-job-table tr th:nth-child(4), .table.tat-job-table tr td:nth-child(4) {
        width: 5%;
    }

    .table.tat-job-table tr th:nth-child(5), .table.tat-job-table tr td:nth-child(5) {
        width: 17%;
    }


    .table.tat-job-table tr th:nth-child(6), .table.tat-job-table tr td:nth-child(6) {
        width: 8%;
    }

    .table.tat-job-table tr th:nth-child(7), .table.tat-job-table tr td:nth-child(7) {
        width: 8%
    }

    .table.tat-job-table tr th:nth-child(8), .table.tat-job-table tr td:nth-child(8) {
        width: 8%
    }

    .table.tat-job-table tr th:nth-child(9), .table.tat-job-table tr td:nth-child(9) {
        width: 8%
    }


    .table.media-view-table tr th:nth-child(2) {
        width: 8%;
    }

    .table.media-view-table tr th:nth-child(3) {
        width: 12%;
    }

    .table.media-view-table tr th:nth-child(4) {
        min-width: 20%;
    }

    .table.media-view-table tr th:nth-child(5) {
        width: 20%;
    }

    .table.media-view-table tr th:nth-child(6) {
        width: 8%;
    }

    .table.media-view-table tr th:nth-child(7) {
        width: 20%;
    }

    @media only screen and (min-width:1300px) {
        .bucket-selection-bar > div:first-child {
            width: 11%;
        }

        .bucket-selection-bar > div:nth-child(2) {
            width: 11%;
        }

        .bucket-selection-bar > div:nth-child(3) {
            width: 14%;
        }

        .bucket-selection-bar > div:nth-child(4) {
            width: 18%;
        }

        .bucket-selection-bar > div:nth-child(5) {
            width: 57%;
        }

        .department-selectors > button {
            min-width: 0px;
        }

        .department-selectors {
            margin-right: 15%;
        }
    }

    @media only screen and (max-width:1024px) {
        .bucket-selection-bar > div:first-child .col-tera-buckettab {
            width: 8%;
        }
    }

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

        .department-selectors > button {
            min-width: 50px;
        }

        .department-selectors {
            margin-right: 230px;
        }
    }

    .department-selectors > .btn.active {
        background: #005ead;
        color: #fff;
    }

    .department-selectors > button {
        min-width: 0px;
        border-radius: 100px;
    }

    .nav-tabs.bucket-approvals li {
        float: right;
    }

        .nav-tabs.bucket-approvals li a {
            display: inline-block;
        }

    .dashboard-grid {
        height: auto;
        /*min-height: 500px;
    max-width: 100%;
    overflow-x: auto*/
    }

        .dashboard-grid .portlet-body {
            padding-top: 0;
        }

        .dashboard-grid .grid {
            max-height: calc(100vh - 321px);
            min-height: 240px; /*240px from 320px*/
        }

            .dashboard-grid .grid.department-bucket {
                max-height: calc(100vh - 368px);
            }

        .dashboard-grid #bucket ~ .grid {
            max-height: calc(100vh - 295px);
            min-height: 240px; /*for dashboard from 320px*/
        }

        .dashboard-grid .tab-content .tab-content .grid {
            max-height: calc(100vh - 326px);
        }

    .chart-closed .dashboard-grid .tab-content .tab-content .grid {
        max-height: calc(100vh - 333px);
    }

    .hide-tiles .dashboard-grid .grid {
        max-height: calc(100vh - 251px);
    }

        .hide-tiles .dashboard-grid .grid.department-bucket {
            max-height: calc(100vh - 298px);
        }

    .hide-tiles .dashboard-grid #bucket ~ .grid {
        max-height: calc(100vh - 225px);
    }

    .chart-closed .dashboard-grid .grid {
        min-height: 0;
    }

    .tabs-alignment > ul.nav-tabs {
        margin-top: -37px;
    }

    .page-push.tabs-alignment > ul.nav-tabs {
        margin-top: 1px;
    }

    .page-push-body {
        min-height: 300px;
    }

    .ready-to-release {
        padding-right: 60px !important;
    }

    .page-push .grid .scroll-wrapper .ui-grid-viewport {
        max-height: 268px;
        height: auto !important;
    }

    .assign-task-modal .grid .ui-grid-viewport {
        /*max-height: 280px !important;*/
        /*height: auto !important;*/
    }

    .assign-task-modal .grid {
        max-height: none;
    }


        .assign-task-modal .grid .ui-grid-header-cell {
            width: 150px;
        }

        .assign-task-modal .grid .ui-grid-header-cell-row .ui-grid-header-cell:nth-child(2) {
            width: calc(100% - 600px);
        }


    .page-push-body .ui-grid-cell-contents, .assign-task-modal .ui-grid-cell-contents {
        max-width: calc(100% - 29px);
        overflow: hidden;
        /*display: inline-block;*/
        min-width: 22px;
    }

    .assign-task-modal .ui-grid-cell-contents {
        max-width: 100%;
    }

        .assign-task-modal .ui-grid-cell-contents.full-name {
            max-width: calc(100% - 29px);
        }


    .view-module-header {
        padding: 2px 10px;
    }

    .view-module-body {
        max-height: 76vh;
    }

        .view-module-body .portlet {
            padding: 5px 10px;
            background: none;
            box-shadow: none;
        }

        .view-module-body .horizontal-tabs.task-tabs .tab-content {
            height: calc(100vh - 480px);
        }



    .nav-tabs.bucket-approvals li .counter {
        position: relative;
        right: -4px;
        background: #da5332;
    }

    .tab-pane .table-toolbar .actions {
        z-index: 9;
    }

    .bucket-actions a.fa-sitemap {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    /*Pie Legends*/
    .pie-legends {
        margin-top: 5px;
        padding-left: 0;
        margin-bottom: 0;
    }

        .pie-legends li {
            display: inline-flex;
            margin: 0;
            font-size: 11px;
            cursor: pointer;
            width: 33%;
            margin-bottom: 2px;
            min-width: 120px;
            line-height: 12px;
        }

            .pie-legends li .color-block {
                width: 13px;
                height: 13px;
                margin-right: 4px;
                margin-top: 0px;
                float: left;
            }


    .tile {
        position: relative;
    }

    .tiles-overlay {
        position: absolute;
        top: 0;
        z-index: 1;
        background: rgba(0,0,0,0.6);
        width: calc(100% - 20px);
        height: calc(100% - 10px);
    }


        .tiles-overlay .uil-default-css {
            width: 30px;
            height: 30px;
            transform: scale(0.15);
            left: calc(50% - 15px);
            top: 2px;
        }

            .tiles-overlay .uil-default-css .loading-bar {
                background: #fff;
            }

            .tiles-overlay .uil-default-css .loading-bar {
                background: #fff;
            }

    .pie-chart .no-data {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        height: 130px;
        width: 200px;
        overflow: auto;
        margin: auto;
        position: absolute;
        top: 80px;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .btn-absolute {
        position: absolute;
        top: -37px;
        right: 0;
    }

    .icon-only.btn-absolute {
        top: -24px;
        right: 1px;
    }
    /*.pie-outer canvas{

    width: 240px !important;
    height: 240px !important;
    margin: 0 auto;
}*/


    .pointer {
        cursor: pointer;
    }

    .lang-quantity {
        line-height: 32px;
    }

        .lang-quantity > label {
            width: 40px;
        }

        .lang-quantity .input-medium {
            width: calc(100% - 50px) !important;
            float: right;
        }
    /**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
    .stamping tbody[dnd-list] {
        min-height: 48px;
        padding-left: 0px;
    }

    .printing tbody[dnd-list] {
        min-height: 48px;
        padding-left: 0px;
    }
    /**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
    .stamping tbody[dnd-list] .dndDraggingSource {
        display: none;
    }

    .printing tbody[dnd-list] .dndDraggingSource {
        display: none;
    }
    /**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
    .stamping tbody[dnd-list] .dndPlaceholder {
        display: inline-table;
        min-height: 48px;
    }

    .printing tbody[dnd-list] .dndPlaceholder {
        display: inline-table;
        min-height: 48px;
    }

    .stamping tr td {
        vertical-align: middle !important;
    }

    .stamping tr td {
        vertical-align: middle !important;
    }

    .stamping #file, .attachments #fileOutput {
        width: 200px;
        visibility: hidden;
        position: absolute;
    }

    .non-updatable-value {
        font-weight: bold;
        word-wrap: break-word;
    }


    .send-icon {
        background: url(/app/Content/img/send-icon.png) no-repeat;
        width: 24px;
        height: 19px;
        display: inline-block;
    }

    .new-email-action .send-icon {
        width: 18px;
        height: 13px;
        background-position: 0px bottom;
        background-size: 17px auto;
    }

    .new-email-action > .btn {
        border: none;
        padding: 1px 4px;
        width: auto;
        min-width: 0;
        background: #eff6fc;
    }

        .new-email-action > .btn:hover {
            background: #e5edf4;
            color: #005ead;
        }


    table.distribution-list {
    }

        table.distribution-list th:first-child {
            width: 7%;
        }

        table.distribution-list th:nth-child(2) {
            width: 5%;
        }

        table.distribution-list th:nth-child(3) {
            width: 10%;
        }

        table.distribution-list th:nth-child(4) {
            width: 10%;
        }

        table.distribution-list th:nth-child(5) {
            width: 14%;
        }

        table.distribution-list th:nth-child(6) {
            width: 15%;
        }

        table.distribution-list th:nth-child(7) {
            width: 18%;
        }

        table.distribution-list th:nth-child(8) {
            width: 12%;
        }

        table.distribution-list th:last-child {
            width: 4%;
        }

    table textarea.form-control {
        height: 28px;
        resize: none;
    }

    .disabled-row {
        background: #f3f3f3;
        color: #777;
    }
    /*Email Kendo Editor*/
    .k-editor-toolbar .k-button-group .k-tool {
        width: 43px;
        height: 43px;
        line-height: 43px;
        margin: 0;
    }

        .k-editor-toolbar .k-button-group .k-tool.importance-icon {
            padding: 0;
        }

    .k-editor-widget .k-button-group .k-tool-icon {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        width: auto;
        height: auto;
        text-indent: 0;
    }

        .k-editor-widget .k-button-group .k-tool-icon:before {
            position: relative;
        }

    .k-editor-toolbar .k-button-group .k-tool:hover {
        background: #ebebeb;
        cursor: pointer;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-bold:before {
        content: "\f032" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-italic:before {
        content: "\f033" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-underline:before {
        content: "\f0cd" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-strikethrough:before {
        content: "\f0cc" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-align-left:before {
        content: "\f036" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-align-center:before {
        content: "\f037" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-align-right:before {
        content: "\f038" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-align-justify:before {
        content: "\f039" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-list-unordered:before {
        content: "\f0ca" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-list-ordered:before {
        content: "\f0cb" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-indent-increase:before {
        content: "\f03c" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-indent-decrease:before {
        content: "\f03b" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-link-horizontal:before {
        content: "\f0c1" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-unlink-horizontal:before {
        content: "\f127" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-sub-script:before {
        content: "\f12c" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-sup-script:before {
        content: "\f12b" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-insert:before {
        content: "\f0ce" !important;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-insert-above {
        background: url(/app/Content/img/add-row-above.png);
        width: 14px;
        height: 14px;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-insert-below {
        background: url(/app/Content/img/add-row-bottom.png);
        width: 14px;
        height: 14px;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-column-insert-left {
        background: url(/app/Content/img/add-col-left.png);
        width: 14px;
        height: 14px;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-column-insert-right {
        background: url(/app/Content/img/add-col-right.png);
        width: 14px;
        height: 14px;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-delete {
        background: url(/app/Content/img/del-row.png);
        width: 16px;
        height: 14px;
    }

    .k-editor-widget .k-button-group .k-tool-icon.k-i-table-column-delete {
        background: url(/app/Content/img/del-col.png);
        width: 14px;
        height: 14px;
    }

    .k-editor-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
        font: normal normal normal 14px/1 FontAwesome;
        width: auto;
        height: auto;
        content: "\f107" !important;
    }

    .k-editor-widget .k-dropdown-wrap .k-icon.k-i-close:before {
        font: normal normal normal 12px/1 FontAwesome;
        width: auto;
        height: auto;
        content: "\f00d" !important;
    }

    .k-editor-widget .k-picker-wrap .k-icon.k-i-arrow-60-down:before {
        font: normal normal normal 14px/1 FontAwesome;
        width: auto;
        height: auto;
        content: "\f107" !important;
    }


    .k-editor-widget .k-button-group .k-tool-icon.k-i-clear-css {
        background: url(/app/Content/img/email-icon.png) no-repeat -78px 0px;
        width: 21px;
        height: 19px;
    }

    .k-colorpicker .k-tool-icon.k-i-foreground-color {
        background: url(/app/Content/img/email-icon.png) no-repeat -57px 0;
        margin-top: 8px;
        margin-left: 9px;
        height: 10px;
    }

    .k-colorpicker .k-tool-icon.k-i-paint {
        background: url(/app/Content/img/email-icon.png) no-repeat -27px 0;
        margin-top: 8px;
        margin-left: 9px;
        height: 10px;
        margin-right: 6px;
    }

        .k-editor-widget .k-button-group .k-tool-icon.k-i-clear-css:before,
        .k-colorpicker .k-tool-icon.k-i-foreground-color:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-delete:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-insert-above:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-insert-below:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-column-insert-left:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-column-insert-right:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-row-delete:before,
        .k-editor-widget .k-button-group .k-tool-icon.k-i-table-column-delete:before,
        .k-colorpicker .k-tool-icon.k-i-paint:before {
            display: none;
        }

    .attach-file {
        background: url(/app/Content/img/attachment-icon.png) no-repeat -1px 0;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-top: 13px;
    }

    .remove-attachment {
        background: url(/app/Content/img/attachment-icon.png) no-repeat -24px 0;
        width: 25px;
        height: 20px;
        display: inline-block;
        margin-top: 13px;
    }

    .nosidebar {
        height: 710px;
    }

        .nosidebar .right-outer {
            left: 0;
        }

    .k-button-group > .dropdown-menu {
        padding: 0;
    }

    .k-webkit .k-editor-toolbar .dropdown-menu ul {
        padding: 0;
        display: block;
    }

    .k-webkit .k-editor-toolbar .dropdown-menu li {
        padding: 0;
        cursor: pointer;
        margin: 2px 0;
        font-size: 13px;
    }

    .k-button-group > .dropdown-menu li {
        display: block;
    }

    .k-button-group > .dropdown-menu .add-scroll {
        max-height: 122px;
        overflow: auto;
    }

    .k-button-group > .dropdown-menu li a {
        line-height: 2.143em;
        padding: 1px 11px;
        display: block;
        color: #333;
        text-decoration: none;
    }

        .k-button-group > .dropdown-menu li a:hover {
            background: #ebebeb;
        }



        .k-button-group > .dropdown-menu li a.selected-signature {
            background: #005ead;
            color: #fff;
        }




    .received-mail {
        background: url(/app/Content/img/sent-recieve-icon.png) no-repeat 0px 2px;
        width: 20px;
        height: 20px;
        float: right;
        margin-left: 0px;
        background-size: 16px;
    }

    .sent-mail {
        background: url(/app/Content/img/sent-recieve-icon.png) no-repeat 0 -17px;
        width: 20px;
        height: 20px;
        float: right;
        margin-left: 0px;
        background-size: 16px;
    }


    .ui-select-match .btn {
        border: none;
        padding: 0;
        margin: 0;
    }




    .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
        display: none;
    }


    .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match > span {
        margin-right: 5px;
    }


    .header-fld.open .dropdown-menu.ng-hide:not(.ng-hide-animate) {
        display: none !important;
    }

    .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
        font-size: 11px;
        color: #333;
        text-decoration: underline;
        border: none;
        padding: 0 2px;
        margin: 0;
        min-width: 0;
        cursor: text;
        user-select: inherit;
        -webkit-user-select: inherit;
    }

        .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match-item span span {
            text-decoration: underline;
            line-height: 22px;
        }

            .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match-item span span.invalid-email {
                color: #e73d4a;
            }

        .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match-item > span {
            padding: 0 2px;
        }

        .header-fld.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn-primary {
            background: rgba(0, 89, 165, 0.18);
        }

    ul.ui-select-choices {
        width: auto !important;
    }

    .k-editor-widget .k-button-group .low-importance {
        background: url(/app/Content/img/low-importance.png) no-repeat center;
        width: 14px;
        height: 14px;
        display: inline-block;
        margin-top: 14px;
    }

    .k-editor-widget .k-button-group .fa-exclamation {
        color: #e73d4a;
    }

    .inline-flex {
        display: inline-flex !important;
    }

    .k-ct-cell.k-state-selected {
        box-shadow: none;
        border: 1px solid #888;
    }

    .k-ct-popup .k-editor-toolbar {
        display: none;
    }
    /*Dashboard Pie Toggle*/
    .toggle-btn {
        background: url(/app/Content/img/table-accordion-icon.png) no-repeat 0 bottom;
        width: 25px;
        height: 25px;
        display: inline-block;
        float: right;
    }

    .minimize-portlet .toggle-btn {
        background-position: 0 0;
    }

    .minimize-portlet {
        width: 100%;
        display: inline-block;
        min-height: 0;
        float: right;
        min-width: 138px;
    }

        .minimize-portlet .inner-portlet {
            display: none;
        }

        .minimize-portlet .pie-heading {
            margin-right: 10px;
            font-size: 21px;
            line-height: 24px;
        }

        .minimize-portlet .no-pie-perission {
            display: none;
        }

    .minimize-charts {
        width: auto;
        width: 178px;
        float: right;
    }


    .chart-closed {
        width: calc(100% - 178px);
    }

    .full-width {
        width: 100%;
    }


    .chart-closed .dashboard-grid {
        height: auto;
        min-height: 0;
        min-height: 280px;
    }

        .chart-closed .dashboard-grid .watermark {
            width: 100%;
        }

    .double-input {
        font-size: 15px;
        vertical-align: middle;
        line-height: 29px;
    }
        /*.double-input .form-control {
        min-width: 0;
        max-width: 40%;
        margin-right: 7px;
    }*/

        .double-input span.form-control {
            background: #eee;
            border: 1px solid #e0e1e1;
        }

            .double-input span.form-control.readonly {
                color: #333;
                border: none;
            }

        .double-input input[readonly] {
            color: #333;
            border: none;
        }

    .light-gray-bg {
        background: #f9f9f9;
        padding: 10px;
    }

        .light-gray-bg .table {
            background: #fff;
        }


    ul.dropdown-menu.bucket-menu {
        /*max-height: 137px;
    overflow: auto;*/
        z-index: 9;
    }

    .create-e-submissoin {
        background: url(/app/Content/img/create_esubmission.png) no-repeat 0 center;
        width: 16px;
        height: 16px;
        background-size: 16px auto;
        display: inline-block;
    }

    .create-media-placement {
        background: url(/app/Content/img/create_media_placement.png) no-repeat 0 center;
        width: 16px;
        height: 16px;
        background-size: 16px auto;
        display: inline-block;
    }

    .update-e-submissoin {
        background: url(/app/Content/img/update_esubmission.png) no-repeat 0 center;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px auto;
    }

    .update-media-placement {
        background: url(/app/Content/img/update_media_placement.png) no-repeat 0 center;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px auto;
    }

    .bulk-print-complete {
        background: url(/app/Content/img/bulk_printing.png) no-repeat 0 center;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 16px auto;
    }


    .bulk-print-actions a.disabled, .bulk-print-actions a[disabled] {
        opacity: 0.4;
    }


    .exchange-receipt {
        background: url(/app/Content/img/exchange-receipt.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: 100% auto;
    }

    .overflow-visible {
        overflow-y: visible !important;
        overflow-x: visible !important;
    }


    .overflow-hidden {
        overflow-y: hidden !important;
        overflow-x: hidden !important;
    }


    .horizontal-tabs .nav-tabs > li.add-package a {
        background: none;
        border: none;
        font-size: 16px;
    }

        .horizontal-tabs .nav-tabs > li.add-package a:hover {
            background: none;
            border: none;
            padding: 2px 15px 5px 15px;
        }

    #financials .horizontal-tabs .nav-tabs > li.add-package a {
        width: auto;
    }

    .estimates-save-btn {
        position: absolute;
        right: 15px;
        top: -66px;
    }

    .estimate-position {
        position: absolute;
        top: -61px;
        left: 70%;
    }

    .packages-actions {
        top: 104px;
        right: 0;
        z-index: 99;
    }
    /*Financial Actuals*/
    .financial-actuals {
        overflow-x: auto;
    }

        .financial-actuals > .table, .financial-actuals > #tree-root {
            width: 2120px;
            display: table-row;
        }


        .financial-actuals .col-300 {
            width: 300px;
        }

        .financial-actuals .col-130 {
            width: 130px;
            vertical-align: top;
        }

        .financial-actuals .col-165 {
            width: 165px;
            vertical-align: top;
        }

        .financial-actuals table thead tr {
            background: #005ead;
        }

        .financial-actuals > #tree-root .col-300, .financial-actuals > #tree-root .col-150 {
            display: inline-table;
            padding: 5px;
            height: 35px;
        }

        .financial-actuals .angular-ui-tree-nodes li .angular-ui-tree-handle > div {
            padding: 5px;
            height: 35px;
        }

        .financial-actuals .angular-ui-tree-nodes li .angular-ui-tree-handle .node-text {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

            .financial-actuals .angular-ui-tree-nodes li .angular-ui-tree-handle .node-text.text-right {
                padding-right: 20px;
            }

        .financial-actuals .node-text i.fa-mail-reply {
            transform: rotate(90deg);
        }


    .angular-ui-tree .actions a {
        color: #333;
    }

        .angular-ui-tree .actions a.disabled {
            color: #aaa;
        }

    #tree-root .node-text.col-130.actions.text-center {
        position: absolute;
        right: 0;
        top: auto;
        background: #fff;
        border-left: 1px solid #f1f1f1;
    }

    .job-bag-task .ui-grid-viewport, .horizontal-scroll .ui-grid-viewport {
        min-height: 52px;
    }

    .ui-grid-row .print-complete {
        background: #dedede !important;
    }

    .tabs-vertical.job-bag-tabs div[vertical^="true"] > .tab-content {
        min-height: 648px;
        /*height: calc(100vh - 235px);*/
        max-height: calc(100vh - 145px);
    }

    .extended-title .tabs-vertical.job-bag-tabs div[vertical^="true"] > .tab-content {
        max-height: calc(100vh - 170px);
    }

    .grid.job-bag-task .ui-grid-render-container {
        margin-right: 0 !important;
    }

        .grid.job-bag-task .ui-grid-render-container .ui-grid-viewport, .grid.job-bag-task .ui-grid-render-container .ui-grid-header-viewport {
            width: 100%;
        }
    /*Dashboard Permission*/
    .sequence-field {
        width: 30px;
        display: inline-block;
        text-align: center;
        line-height: 22px;
        vertical-align: middle;
        font-size: 21px;
        color: #333;
        border-radius: 50%;
        height: 30px;
        margin: 0 5px;
    }

        .sequence-field:hover {
            color: rgb(0, 94, 173);
            background: rgb(229, 237, 244);
        }

        .sequence-field[disabled] {
            pointer-events: none;
            color: #ccc;
        }

    .dashboard-permission .feature {
        position: relative;
    }

    .sequence-action {
        position: relative;
        width: 8.33333333%;
        text-align: center;
    }

    .dashboard-permission .angular-ui-tree-nodes li .angular-ui-tree-handle .sub-feature {
        width: 58.33333333%;
    }

    #tree-root.dashboard-permission > ol.angular-ui-tree-nodes > li.angular-ui-tree-node > ol.angular-ui-tree-nodes li .feature {
        width: 58.33333333%;
    }

    .angular-ui-tree-nodes li.update-row {
        background: #ffffcc;
        -webkit-animation: fadeinout 0.5s linear forwards;
        animation: fadeinout 0.5s linear forwards;
    }

    @-webkit-keyframes fadeinout {
        0%,100% {
            background: white;
        }

        50% {
            background: #ffffcc;
        }
    }

    @keyframes fadeinout {
        0%,100% {
            background: white;
        }

        50% {
            background: #ffffcc;
        }
    }

    .edit-feature {
        margin-left: 15px;
    }

    .text-green {
        color: #5cb85c;
    }


    div.ui-grid-cell input.form-control {
        padding: 0px 3px;
    }
    /*Star Rating*/

    .star-rating {
        background: url(/app/Content/img/star-rating.png) no-repeat;
        width: 117px;
        position: absolute;
        height: 21px;
    }

        .star-rating + .progress {
            margin: 0px;
        }

    .ui-grid-row:nth-of-type(even) .star-rating {
        background: url(/app/Content/img/star-rating-gray.png) no-repeat;
    }

    .progress {
        height: 21px;
        width: 116px;
        background-color: #eee;
    }

    .progress-bar {
        background-color: #f0ad4e;
    }
    /*Star Rating End*/


    .modal-large .grid {
        height: auto !important;
    }
    /*.modal-large .grid .ui-grid-viewport {
      height: auto !important;
  }*/

    .angular-ui-tree-node, .angular-ui-tree-placeholder, .angular-ui-tree-nodes {
        position: static;
    }


    .financial-actuals-outer {
        position: relative;
    }

    .financial-actuals table .actions {
        position: absolute;
        right: 0;
        top: auto;
        border-bottom: none;
        height: 44px;
    }

    .financial-actuals .angular-ui-tree-nodes li .angular-ui-tree-handle {
        padding-right: 130px;
    }

    .table tr.thead {
        background: #cce3f0;
        color: #0d5a9a;
        text-align: center;
    }
    /*.table tr.thead:hover {
        background: #333;
    }*/

    .table th.package-number {
        background: #005ead;
        color: #fff;
        text-align: center;
        vertical-align: middle;
    }

    .table .sub-table {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: 0;
        margin-top: 4px;
    }

    .table tr.group-expanded {
        background-color: #ddd;
    }

        .table tr.group-expanded > td {
            padding-bottom: 0;
            border-color: #ddd;
            /*border-color:aqua;*/
        }

    .table .sub-table .table {
        margin-bottom: 0;
    }

    .table tr > td:first-child {
        border-left-color: #9cbdd0;
    }

    .table tr > td:last-child {
        border-right-color: #9cbdd0;
    }

    .table tr:last-child > td {
        border-bottom-color: #9cbdd0;
        max-width: 0;
        word-break: break-all;
    }

    .table.table-fixed tr:last-child > td {
        max-width: none;
    }

    .table tr:first-child > td {
        border-top-color: #9cbdd0;
    }

    .data .table tr td {
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 0px;
        white-space: nowrap;
    }

        .data .table tr td a.disabled {
            background: none !important;
        }



    .table tr td .error-message {
        white-space: normal;
        word-break: break-word;
    }

    .table tr td.text-right {
        padding-right: 30px;
    }

    .table tr td .ui-grid-cell-contents.text-right {
        padding-right: 20px;
    }

    .table tr td.cost-col {
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /*Fixed Table Header*/
    .table-fixed thead {
        background: #005ead;
        float: left;
        width: 100%;
    }

    .table-fixed.tablefixedheader thead tr {
        width: calc(100% - 18px);
    }

    .table-fixed thead tr th:last-child {
        border-right: none;
    }

    .table-fixed tbody {
        max-height: 230px;
        overflow-y: auto;
        width: 100%;
    }

    .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
        display: block;
    }

        .table-fixed tbody td, .table-fixed thead > tr > th {
            float: left;
            border-bottom-width: 0;
            max-width: none;
        }

    .table.table-fixed > thead > tr > th, .table.table-fixed > tbody > tr > th, .table.table-fixed > tfoot > tr > th, .table.table-fixed > thead > tr > td, .table.table-fixed > tbody > tr > td, .table.table-fixed > tfoot > tr > td {
        height: 28px;
    }

    .table.dashboard-history {
        position: relative;
        display: -ms-flexbox;
    }

        .table.dashboard-history thead {
            position: absolute;
            width: 100%;
            background: #005ead;
        }

            .table.dashboard-history thead tr {
                width: calc(100% - 18px);
                display: flex;
            }

        .table.dashboard-history tbody {
            width: 100%;
            margin-top: 47px;
            display: block;
            max-height: 58vh;
            overflow: auto;
        }

            .table.dashboard-history tbody tr {
                width: 100%;
                display: flex;
            }

        .table.dashboard-history tr td {
            height: auto;
            min-height: 28px;
            float: none;
            display: table-cell;
        }

    .table.dashboard-history-width tr td a > i.fa {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-top: 2px !important;
    }

    .table .file-icon tr td.output-files a {
        margin-bottom: 10px;
        display: block;
    }

    .file-icon {
        margin-bottom: 10px;
        display: block;
    }

    .table tr th.task-id-width {
        width: 12% !important;
    }

    .table.dashboard-history-width tr th:first-child, .table.dashboard-history-width tr th:first-child {
        width: 10%;
    }


    .table.dashboard-history tr th:nth-child(2), .table.dashboard-history-width tr th:nth-child(2) {
        width: 14%;
    }

    .table.dashboard-history tr th:nth-child(3), .table.dashboard-history-width tr th:nth-child(3) {
        width: 60%;
    }

    .table.dashboard-history-width tr th:nth-child(4), .table.dashboard-history-width tr th:nth-child(4) {
        min-width: 4%;
    }

    .table.dashboard-history tr th:nth-child(5), .table.dashboard-history-width tr th:nth-child(5) {
        width: 7%;
    }

    .table.dashboard-history tr th:nth-child(6), .table.dashboard-history-width tr th:nth-child(6) {
        width: 5%;
    }


    .table.other-operation.output-file tr th:first-child, .table.other-operation.output-file tr th:first-child {
        width: 95%;
    }

    .table.other-operation.output-file tr th:nth-child(2), .table.other-operation.output-file tr th:nth-child(2) {
        width: 5%;
    }

    .table.approval-history tr th:first-child, .table.approval-history tr th:first-child {
        width: 8%;
    }

    .table.approval-history tr th:nth-child(2), .table.approval-history tr th:nth-child(2) {
        width: 75%;
    }

    .table.approval-history tr th:nth-child(3), .table.approval-history tr th:nth-child(3) {
        width: 10%;
    }

    .table.approval-history tr th:nth-child(4), .table.approval-history tr th:nth-child(4) {
        width: 7%;
    }


    .table td .ui-grid-cell-contents {
        white-space: normal;
    }
    /* Check Comment Table */
    /*.table.check-comments-table tr th:first-child, .table.check-comments-table tr td:first-child {
    width: 5%;
}

.table.check-comments-table tr th:nth-child(2), .table.check-comments-table tr td:nth-child(2) {
    width: 7%;
}

.table.check-comments-table tr th:nth-child(3), .table.check-comments-table tr td:nth-child(3) {
    width:10%;
}

.table.check-comments-table tr th:nth-child(4), .table.check-comments-table tr td:nth-child(4) {
    width: 75%;
}
.table.check-comments-table tr th:nth-child(5), .table.check-comments-table tr td:nth-child(5) {
    width: 3%;
}*/

    .table.edit-output-files-table tr th:first-child {
        width: 6%;
    }

    .table.edit-output-files-table tr th:nth-child(2) {
        width: 58%;
    }

    .table.edit-output-files-table tr th:nth-child(3) {
        width: 12%;
    }

    .table.edit-output-files-table tr th:nth-child(4) {
        width: 14%;
    }

    .table.edit-output-files-table tr th:nth-child(5) {
        width: 10%;
    }
    /*Relaease via email Table*/
    .table.release-via-email-table tr th:first-child, .table.release-via-email-table tr th:first-child {
        width: 3%;
    }

    .table.release-via-email-table tr th:nth-child(2), .table.release-via-email-table tr th:nth-child(2) {
        width: 2%;
    }

    .table.release-via-email-table tr th:nth-child(3), .table.release-via-email-table tr th:nth-child(3) {
        width: 6%;
    }

    .table.release-via-email-table tr th:nth-child(4), .table.release-via-email-table tr th:nth-child(4) {
        width: 5%;
    }

    .table.release-via-email-table tr th:nth-child(5), .table.release-via-email-table tr th:nth-child(5) {
        width: 4%;
    }

    .table.release-via-email-table tr th:nth-child(6), .table.release-via-email-table tr th:nth-child(6) {
        width: 10%;
    }

    .table.release-via-email-table tr th:nth-child(7), .table.release-via-email-table tr th:nth-child(7) {
        width: 17%;
    }

    .table.release-via-email-table tr th:nth-child(8), .table.release-via-email-table tr th:nth-child(8) {
        width: 33%;
    }

    .table.release-via-email-table tr th:nth-child(9), .table.release-via-email-table tr th:nth-child(9) {
        width: 6%;
    }

    .table.release-via-email-table tr th:nth-child(10), .table.release-via-email-table tr th:nth-child(10) {
        width: 5%;
    }

    .table.release-via-email-table tr th:nth-child(11), .table.release-via-email-table tr th:nth-child(11) {
        width: 8%;
    }
    /* Relaease via print Table */
    .table.release-via-print-table tr th:first-child, .table.release-via-print-table tr th:first-child {
        width: 5%;
    }

    .table.release-via-print-table tr th:nth-child(2), .table.release-via-print-table tr th:nth-child(2) {
        width: 5%;
    }

    .table.release-via-print-table tr th:nth-child(3), .table.release-via-print-table tr th:nth-child(3) {
        width: 90%;
    }
    /* Job Notes record Table */
    .table.job-notes-record-table tr th:first-child, .table.job-notes-record-table tr td:first-child {
        width: 13%;
    }

    .table.job-notes-record-table tr th:nth-child(2), .table.job-notes-record-table tr td:nth-child(2) {
        width: 10%;
    }

    .table.job-notes-record-table tr th:nth-child(3), .table.job-notes-record-table tr td:nth-child(3) {
        width: 59%;
    }

    .table.job-notes-record-table tr th:nth-child(4), .table.job-notes-record-table tr td:nth-child(4) {
        width: 8%;
    }

    .table.job-notes-record-table tr th:nth-child(5), .table.job-notes-record-table tr td:nth-child(5) {
        width: 7%;
        word-break: break-word;
    }

    .table.job-notes-record-table tr th:nth-child(6), .table.job-notes-record-table tr td:nth-child(6) {
        width: 3%;
    }
    /* Last five Comment Table */
    .table.last-five-comment-table tr th:first-child, .table.last-five-comment-table tr td:first-child {
        width: 4%;
    }

    .table.last-five-comment-table tr th:nth-child(2), .table.last-five-comment-table tr td:nth-child(2) {
        width: 96%;
    }
    /*Fixed Table Header End*/

    .financial-actuals-fiter .second-filter, .financial-actuals-fiter hr {
        display: none;
    }
    /*.financial-actuals-fiter .search-btn .clear-search {
    display: none;
}*/


    .financial-actuals-fiter.more-filter .second-filter, .financial-actuals-fiter.more-filter hr {
        display: block;
    }

    .financial-actuals-fiter.more-filter .search-btn .clear-search {
        display: inline-block;
    }

    .package-info {
        position: relative;
        min-height: 50px;
    }

        .package-info .package-extract-btns {
            position: absolute;
            right: 0;
            z-index: 99;
            top: -37px;
        }
    /*.package-info .package-extract-btns .btn{
        background:#E5EDF4
    }

    .package-info .package-extract-btns .btn:hover{
        color:#fff;
        background:#005ead;
    }*/
    /*.financial-actuals-fiter .search-btn{
          border-left: 1px solid #eee;
    margin-top: 10px !important;
    padding-top: 2px;
    top: 0;
    }*/
    /*.financial-actuals-fiter.more-filter .search-btn {
    padding-top: 68px;
}*/

    .financial-actuals-fiter .search-btn > button, .financial-actuals-fiter .search-btn > input {
        display: inline-block;
    }

    .financial-actuals-fiter .search-btn .search-button {
        width: 45px;
        height: 45px;
        font-size: 18px;
        min-width: 0;
    }


    .financial-actuals-fiter .search-btn .clear-filter {
        width: 45px;
        height: 45px;
        min-width: 0;
        background: url(/app/Content/img/clear-filter.png) no-repeat center;
        text-indent: -9999px;
    }

        .financial-actuals-fiter .search-btn .clear-filter:hover {
            background-color: #E5EDF4;
        }

    .gray-text {
        color: #999;
    }

    .angular-ui-tree-empty {
        background: #fff;
        border: 1px solid #eee;
    }
    /*Financial Actuals End*/

    .freeze-vendor {
        background: url(/app/Content/img/generate-po.png) no-repeat;
        width: 13px;
        height: 13px;
        display: inline-block;
    }

    .add-btn:hover .freeze-vendor {
        background-position: 0 -32px;
    }

    .add-btn[disabled] .freeze-vendor {
        background-position: 0 -16px;
    }


    .table-subheading {
        background: #eff6fc;
        font-weight: bold;
    }

    .stamp-no .ui-grid-header-cell-primary-focus {
        display: block;
        max-width: 100%;
    }


    .stamp-no-cell {
        overflow: initial !important;
        height: auto !important;
        word-wrap: break-word;
    }
}

.ui-grid-cell stamp-no-cell {
    padding: 0;
    margin-bottom: 2px;
}

.chart-date-filter {
    margin-bottom: 10px;
}

    .chart-date-filter .form-group {
        margin: 0;
        width: calc(50% - 30px);
        float: left;
        margin-right: 10px;
        position: relative;
    }

    .chart-date-filter > .btn {
        min-width: 0;
        padding: 2px 10px 3px;
    }

    .chart-date-filter .form-group .error-message {
        position: absolute;
        font-size: 12px;
        line-height: 14px;
    }


/*New UI */
.portlet .portlet-title > .caption {
    color: #005ead;
}

.portlet-footer {
    position: fixed;
    top: 91px;
    z-index: 999;
    right: 10px;
}


/*.search-form .search-btn{
    bottom: 19px;
}*/

.ui-grid {
    border: 1px solid #9cbdd0;
}

div .mail-tags {
    width: 100%;
}

.ui-grid .label, .custom-grid .label, td .label {
    display: inline-block;
    width: 100%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.ui-grid-header-canvas, .ui-grid-top-panel {
    background: #005ead;
    color: #fff;
    text-align: center;
}

.ui-grid-header-cell {
    border-color: #92c1dc;
}

.ui-grid-header {
    border-bottom: 1px solid #92c1dc;
}

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 1px solid #92c1dc;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}


    .container-fluid > .row {
        margin: 0;
    }


        .container-fluid > .row > .col-md-12 {
            padding: 0;
        }

.form-group {
    margin-right: -10px;
    margin-left: -10px;
    width: calc(100% + 20px);
}

.ui-grid-row:nth-of-type(even), .table tbody tr:nth-of-type(even) {
    background: #f0f8fb;
}



.grid .ui-grid-row:hover, .table tbody tr:hover, .reporting .result-panel-content .table-striped > tbody > tr:hover {
    background: #cde6f7;
}

.grid .ui-grid-row.custom-grid-row-hover .ui-grid-cell {
    background: #cde6f7 !important;
}

.grid .ui-grid-row .locked {
    opacity: 0.4;
    height: 30px;
    cursor: pointer;
}

.grid .ui-grid-pinned-container .ui-grid-row .locked {
    opacity: 1;
}

.grid .ui-grid-pinned-container .right .ui-grid-row .locked:before {
    opacity: 0;
    z-index: -11;
}


.grid .ui-grid-render-container .ui-grid-row .locked::before {
    position: absolute;
    font-family: 'FontAwesome';
    float: left;
    content: "\f023";
    opacity: 1;
    font-size: 22px;
    z-index: 11;
    left: 10px;
}

.ui-grid-row .locked .ui-grid-cell:last-child {
    position: absolute;
    right: 0px;
}


.right .ui-grid-row .locked .ui-grid-cell:last-child {
    position: absolute;
    right: 0px;
    bottom: auto !important;
}


.portlet {
    margin-bottom: 10px;
}


    .portlet.Vendor-list, .portlet.po-list, .portlet.company-list, .portlet.notes-page {
        margin-bottom: 0;
    }


/*Email Folder Tree View*/
.folder-tree-view .mCustomScrollBox {
    max-height: calc(100vh - 600px) !important;
    min-height: 200px;
    height: auto;
}

    .folder-tree-view .mCustomScrollBox .mCSB_container_wrapper {
        position: relative;
    }

.folder-tree-view, .folder-tree-view ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .folder-tree-view li {
        list-style: none;
    }



    .folder-tree-view .folder-node, .folder-node .tree-icon {
        background: url(/app/Content/img/folder-tree-view-icons.png);
    }

    .folder-tree-view .folder-node {
        background-position: -70px 0px;
        background-repeat: repeat-y;
        min-height: 24px;
        line-height: 24px;
        margin-left: 24px;
        min-width: 24px;
    }

    .folder-tree-view div.folder-node {
        margin-left: 0;
    }

    .folder-tree-view > li.folder-node {
        margin-left: 0;
    }

    .folder-tree-view .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background: #ccc;
    }

    .folder-tree-view .mCSB_container_wrapper {
        margin-right: 10px;
    }

    .folder-tree-view .mCSB_scrollTools {
        right: -6px;
    }


    .folder-tree-view .folder-node .tree-icon {
        width: 24px;
        height: 24px;
        display: inline-block;
        cursor: pointer;
        float: left;
        background-position: -6px -119px;
    }

    .folder-tree-view .folder-last > .tree-icon {
        background-position: 80px -121px;
    }

    .folder-tree-view .folder-open > .tree-icon {
        background-position: -43px 0px;
    }

    .folder-tree-view .folder-closed > .tree-icon {
        background-position: -97px 0px;
    }

    .folder-tree-view .folder-node .folder-anchor {
        line-height: 24px;
        height: 24px;
        vertical-align: top;
        display: inline-block;
        padding: 0 4px 0 1px;
        text-decoration: none;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        max-width: calc(100% - 25px);
        text-overflow: ellipsis;
    }

        .folder-tree-view .folder-node .folder-anchor > .fa {
            line-height: 24px;
            font-size: 14px;
            vertical-align: middle;
            width: 24px;
            text-align: center;
            color: #f1c40f;
        }

.folder-view {
    border-right: 1px solid #ccc;
}

    .folder-view h5 {
        font-weight: bold;
        margin-top: 0;
    }


.folder-tree-view .folder-last {
    background: 0 0;
}

.folder-tree-view a.selected, .folder-tree-view a.selected:hover {
    border: 0;
    background-color: #ddd;
    box-shadow: none;
    text-decoration: none;
}

.folder-tree-view a:hover {
    border: 0;
    background-color: #e6f2fa;
    box-shadow: none;
    text-decoration: none;
}

.categories-list {
    padding-left: 0;
}

    .categories-list li {
        list-style: none;
        display: flex;
    }

        .categories-list li .color-bar {
            height: 15px;
            width: 10px;
            display: inline-block;
            margin-right: 7px;
            float: left;
            margin-top: 3px;
        }

            .categories-list li .color-bar i.fa-star {
                color: #fff;
                font-size: 7px;
                margin-left: 2px;
                margin-top: 5px;
                float: left;
            }

        .categories-list li .mt-radio-inline {
            float: left;
        }

        .categories-list li label.mt-radio {
            margin-right: 5px;
        }

label.mt-radio input[type="checkbox"]:checked + span i:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    top: -4px;
    position: absolute;
    right: -2px;
    font-size: 13px;
    color: #333;
}

label.mt-radio.indeterminate input[type="checkbox"] + span i {
    background: #005ead;
    width: 7px;
    height: 7px;
    top: 3px;
    left: 3px;
    position: absolute;
}

label.mt-radio.indeterminate input[type="checkbox"]:checked + span i:before {
    content: none;
}

/* Custom checkbox*/


.custom-checkbox > span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

.custom-checkbox > span {
    background-color: #fff;
    border: 1px solid #ccc;
    position: relative;
}


.custom-checkbox.indeterminate > span {
    background-color: #fff;
    border: 1px solid #005ead;
}


    .custom-checkbox.indeterminate > span i {
        background: #005ead;
        width: 7px;
        height: 7px;
        display: inline-block;
        margin: 0 auto;
        float: none;
        top: 3px;
        left: 3px;
        position: absolute;
    }


.custom-checkbox.checked > span {
    background-color: #fff;
    border: 1px solid #005ead;
}

    .custom-checkbox.checked > span i:before {
        content: "\f00c";
        font: normal normal normal 14px/1 FontAwesome;
        top: 0px;
        position: absolute;
        right: 0px;
        color: #333;
        font-size: 13px;
    }

.custom-checkbox.disabled {
    pointer-events: none;
}

    .custom-checkbox.disabled > span {
        border: 1px solid #ddd;
    }

.custom-checkbox > span,
.custom-checkbox.indeterminate > + span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}


/* Custom checkbox2 End*/

/*Custom radio*/

.custom-radio > span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.custom-radio > span {
    background-color: #fff;
    border: 1px solid #ccc;
    position: relative;
}

.custom-radio.checked > span {
    background-color: #fff;
    border: 1px solid #005ead;
}

    .custom-radio.checked > span i {
        top: 3px;
        position: absolute;
        right: 3px;
        background: #005ead;
        width: 7px;
        height: 7px;
        border-radius: 50%;
    }


.custom-radio > span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

.custom-radio.disabled {
    pointer-events: none;
}

    .custom-radio.disabled > span {
        border: 1px solid #ddd;
    }

/*Custom radio End*/



.all-unread-filter .mt-radio-inline .mt-radio {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 0;
}

.mailbox-option {
    padding-left: 0;
    width: 35.0%;
    margin-left: -8px;
}

.address-book-modal label {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 26px;
    padding-left: 8px;
}

.address-book-modal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.address-book-modal .sender-info {
    width: 100%;
}

.address-book-modal .header-fld {
    width: calc(100% - 74px);
}

.table-toolbar .actions a.sharing-active {
    color: #5cb85c;
    margin: 3px 0;
    font-size: 16px;
    height: auto;
    width: auto;
}

.table-toolbar .actions a.shareBucket {
    color: #5cb85c;
    margin: 3px 0;
    font-size: 16px;
    height: auto;
    width: auto;
}

.table-toolbar .actions span {
    color: #333;
    font-size: 24px;
    height: auto;
    width: auto;
}

    .table-toolbar .actions span.icon-position {
        position: absolute;
        width: auto;
        display: inline-block;
        right: 83px;
        margin: 0;
    }

.table-toolbar .actions.dept-bucket span.icon-position > span {
    margin: 0 2px;
}

.table-toolbar .actions.dept-bucket span.icon-position {
    width: auto;
    right: 45px;
}

.table-toolbar .actions.dept-bucket a.dropdown-toggle {
    padding: 1px 5px 1px 8px;
}

.table-toolbar .actions span.task-combine {
    position: absolute;
    right: 215px;
}


.table-toolbar .actions elem.more-links {
    position: absolute;
    right: 60px;
}

.table-toolbar .actions span.icon-position > span {
    margin: 0 2px;
}

.table-toolbar .actions span a {
    cursor: pointer;
}

.table-toolbar .actions a.sharing-active.disabled {
    color: #b5dfb5 !important;
    margin: 3px 0;
    font-size: 16px;
    height: auto;
    width: auto;
    pointer-events: none;
}

.table-toolbar .actions span a.disabled {
    cursor: default;
}


.hide-breadcrumb {
    display: none;
}

.dropdown-menu > li > a[disabled], .dropdown-menu > li > a.disabled, .dropdown-menu > li > a[disabled] i, .dropdown-menu > li > a.disabled i {
    color: #ccc !important;
    background: none !important;
    cursor: default;
}

.dropdown-menu > li > div.custom-bootstrap-dropdown {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    .dropdown-menu > li > div.custom-bootstrap-dropdown > a {
        color: #333;
        text-decoration: unset;
        padding: 3px 20px;
        display: block;
    }

    .dropdown-menu > li > div.custom-bootstrap-dropdown:hover, .dropdown-menu > li > div.custom-bootstrap-dropdown:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.task-toggle-btn {
    position: absolute;
    top: -34px;
    left: 219px;
    z-index: 1;
}


/*New listing Email*/
.email-header .slick-slide {
    display: inline-block;
}

#email .table > thead > tr > th, #email .table > tbody > tr > th, #email .table > tfoot > tr > th, #email .table > thead > tr > td, #email .table > tbody > tr > td, #email .table > tfoot > tr > td {
    padding: 2px 3px;
}

#email .ui-grid-header-canvas, #email .ui-grid-top-panel {
    background: #f1f1f1;
    color: #333;
}

    #email .ui-grid-header-canvas, #email .ui-grid-top-panel .ui-grid-header-cell {
        border-color: #ddd;
    }

#email .ui-grid-header {
    border-bottom: 1px solid #ddd;
}

#email .table tbody tr td i.fa-exclamation {
    color: #da5332;
}

#email .table > thead > tr > th {
    border-color: #d5d5d5;
}

#email .table tbody tr.unread {
    font-weight: bold;
    color: #005ead;
}

#email .email-grid .ui-grid-cell i.fa-trash, #email .email-grid .ui-grid-cell i.fa-flag {
    color: #ccc;
}

#email .email-grid .ui-grid-cell:last-child:hover i.fa-trash, #email .email-grid .ui-grid-cell.flag-mail:hover i.fa-flag {
    color: #333;
    cursor: pointer;
}

#email .table tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

#email .tags-outer {
    display: inline-block;
    float: left;
    width: 100%;
}

#email .job-tag {
    float: left;
    max-width: calc(100% - 32px);
    width: auto;
    height: 24px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.job-file-location {
    font-size: 10px;
}

.mail-button-area .job-file-location .eng-file {
    top: -2px;
    position: absolute;
}

.mail-button-area .job-file-location .chi-file {
    top: 9px;
    position: absolute;
}

#email .mail-sender .job-tag .job-file-location .eng-file {
    top: -5px;
    position: absolute;
}

#email .mail-sender .job-tag .job-file-location .chi-file {
    top: 6px;
    position: absolute;
}

#email .mail-sender .job-tag {
    text-align: left;
    line-height: 15px;
    position: relative;
    width: 205px;
}

    #email .mail-sender .job-tag .job-tag-text {
        display: inline-block;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #email .mail-sender .job-tag.job-selected .job-tag-text {
        width: 100%;
    }

    #email .mail-sender .job-tag .close-icon {
        position: absolute;
        right: 0;
        height: 100%;
    }

#email .email-grid .ui-grid-cell > span.job-tag {
    width: calc(100% - 40px);
    /* width: auto; */
    float: left;
    height: 18px;
}

#email .email-grid .ui-grid-cell .job-tag > span.job-tag-text {
    width: calc(100% - 20px);
    text-overflow: ellipsis;
    overflow: hidden;
    /*float: left;*/
    display: inline-block;
    text-align: left;
}

#email .email-grid .ui-grid-cell .job-tag.multiple-jobs-attached > span.job-tag-text {
    width: 100%;
}

#email .email-grid .ui-grid-cell > span.add-task-icon .disable-actions {
    color: #bdbdbd;
    pointer-events: none;
    border-color: #bdbdbd;
}

#email .email-grid .ui-grid-cell > span.associate-job.disable-actions {
    pointer-events: none;
    opacity: 0.4;
}

#email .email-grid .ui-grid-cell > i.fa-trash.disable-actions {
    pointer-events: none;
}

#email .email-grid .ui-grid-cell > i.fa-flag.disable-actions {
    opacity: 0.4;
    pointer-events: none;
}

#email .email-grid .ui-grid-cell:last-child:hover i.fa-trash.disable-actions, #email .email-grid .ui-grid-cell.flag-mail:hover i.fa-flag.disable-actions {
    pointer-events: none;
    color: #ccc;
}


#email .email-grid .ui-grid-cell > span.job-tag.disable-actions {
    background: #bdbdbd !important;
    pointer-events: none;
}

#email .table tbody tr td .job-tag-text {
    max-width: calc(100% - 19px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}



#email .job-tag .close-icon {
    padding: 8px 7px;
}

#email .add-task-icon {
    float: right;
}

    #email .add-task-icon span.add-task-icon-inner {
        text-align: center;
        width: 26px;
        height: 17px;
        display: inline-block;
        font-size: 11px;
        width: 17px;
        height: 17px;
        color: #005ead;
        cursor: pointer;
        border: 1px solid #005ead;
        border-radius: 50%;
        margin-top: 1px;
    }

    #email .add-task-icon .fa {
        left: -0.5px;
        position: relative;
    }

#email .associate-job {
    /*margin: 0 auto;
    float: none;
    display: block;*/
    margin-top: 2px;
}

#email .email-grid .ui-grid-cell {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0px 4px 2px;
    min-height: 0;
}

#email .email-dropdown-btn i {
    font-size: 16px;
    position: relative;
    top: 2px;
}

#email .email-dropdown-btn ul.dropdown-list.with-scroll {
    width: 190px;
    overflow-y: scroll;
}

#email .email-dropdown-btn ul.dropdown-list.attached-job-list {
    width: 400px;
    position: absolute;
    background: rgba(0,0,0, 0.7);
    border-radius: 5px;
    padding: 4px;
}

    #email .email-dropdown-btn ul.dropdown-list.attached-job-list li {
        padding: 0;
        width: 100%;
        text-align: center;
    }

#email .email-dropdown-btn ul.dropdown-list {
    display: none;
    position: absolute;
    width: 175px;
    background: #fff;
    border: 1px solid #c2cad8;
    padding: 4px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .175);
    height: auto;
    max-height: 80vh;
    overflow: auto;
    z-index: 9;
    right: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    #email .email-dropdown-btn ul.dropdown-list li {
        text-align: left;
        padding-bottom: 5px;
        text-transform: none;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#email .email-dropdown-btn:hover {
    cursor: pointer;
}


    #email .email-dropdown-btn:hover .dropdown-list {
        display: block;
    }

#email .email-dropdown-btn ul.dropdown-list li a {
    color: #005ead !important;
    display: block;
    margin-right: 0;
    margin-bottom: 3px;
    text-transform: none;
    font-size: 13px;
    cursor: pointer;
    padding: 2px 10px;
    font-weight: normal;
}

    #email .email-dropdown-btn ul.dropdown-list li a:hover {
        background: #eee;
    }


#email .email-grid .ui-grid-cell i.fa-exclamation {
    color: #e73d4a;
}

#email .email-grid .ui-grid-cell > span.attachment-icon {
    padding: 0;
}

#email .email-grid .ui-grid-cell > span {
    vertical-align: middle;
}

#email .ui-grid-row:nth-of-type(even) {
    background: #fff;
}

#email .ui-grid-row:hover {
    background: #e6f2fa;
}


#email .ui-grid-header-cell:first-child {
    text-align: center;
}

.email-grid .mt-radio-inline .mt-radio {
    margin: 0;
}

#email .email-grid .ui-grid-viewport .mt-radio-inline {
    display: none;
}

#email .ui-grid-row:hover .mt-radio-inline {
    display: block;
}

#email .ui-grid-header-cell-wrapper .mt-radio-inline {
    display: none;
}

    #email .ui-grid-header-cell-wrapper .mt-radio-inline > label {
        margin-bottom: 0;
    }

        #email .ui-grid-header-cell-wrapper .mt-radio-inline > label > span {
            margin: 0;
            vertical-align: top;
            margin-top: 2px;
        }

#email .ui-grid-header-cell-wrapper:hover .mt-radio-inline {
    display: block;
}

#email .grid.showcheckbox .ui-grid-row .mt-radio-inline, #email .grid.showcheckbox .ui-grid-header-cell-wrapper .mt-radio-inline {
    display: block;
}

.email-filter .email-search {
    padding-right: 0;
}

    .email-filter .email-search.job-bag-email-search {
        padding-right: 10px;
    }

.email-filter .current-folder {
    padding-left: 0;
}

.all-unread-filter {
    font-size: 15px;
    padding-right: 0;
}

#email .ui-grid-row .selected {
    background: #cde6f7;
    display: flex;
}

    #email .ui-grid-row .selected .mt-radio-inline {
        display: block;
    }

#email .ui-grid-row .unread {
    display: flex;
    font-weight: bold;
    color: #005ead;
}

#email .ui-grid-header-cell {
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}

    #email .ui-grid-header-cell:hover {
        background: #e6f2fa;
    }

#email .email-list .ui-grid-header-cell > span {
    white-space: nowrap;
    display: block;
}

.no-mail-selected, .multiple-mail-selected {
    padding-top: calc(50vh - 190px);
}

    .no-mail-selected .no-email-icon {
        background: url(/app/Content/img/no-email-icon.png) no-repeat;
        width: 80px;
        height: 60px;
        display: inline-block;
        opacity: 0.4;
        background-size: 100% auto;
    }

    .multiple-mail-selected .multiple-mail-icon {
        background: url(/app/Content/img/multiple-mail-icon.png) no-repeat;
        width: 100px;
        height: 80px;
        display: inline-block;
        opacity: 0.4;
        background-size: 100% auto;
    }

.reply-actions {
    margin-bottom: 4px;
}

.mobile-left-arrow {
    display: none;
}

.mobile-back-arrow {
    display: none;
}

.filter-outer {
    padding-right: 0;
}

.close-folder {
    position: absolute;
    right: 22px;
    width: 54px;
    height: 24px;
    text-align: center;
    z-index: 999;
    display: none;
    font-weight: bold;
    color: #005ead;
    padding-top: 4px;
    cursor: pointer;
    top: 1px;
}

    .close-folder:hover {
        background: #e6f2fa;
    }

    .close-folder > i {
        font-weight: bold;
    }

.slick-next {
    right: 0;
    background: url(/app/Content/img/header-arrow.png) no-repeat right;
    width: 12px;
    height: 62px;
}

.slick-prev {
    left: 0;
    background: url(/app/Content/img/header-arrow.png) no-repeat;
    width: 12px;
    height: 43px;
}



    .slick-prev:before, .slick-next:before {
        display: none;
    }

.slick-initialized .slick-slide:focus {
    outline: none;
}

.all-unread-filter.hide, .filter-outer.hide {
    display: block !important;
}

.control-label > .fa-info-circle, h4 > .fa-info-circle, .feature > .fa-info-circle, .pull-right > .fa-info-circle {
    font-size: 11px;
    color: #005ead;
}

.ctrl-label {
    font-size: 13px;
    padding: 0px;
}

h4 > .fa-info-circle {
    line-height: 18px;
    margin-left: 10px !important;
}

/*New Listing Email Ends*/

.btn-position {
    position: absolute;
    right: 0;
    top: -34px;
}

@-ms-viewport {
    width: auto !important;
}



/*Reporting Page*/

.reporting .accordion .panel-buttons {
    margin-right: 20px;
    margin-top: 2px;
}

    .reporting .accordion .panel-buttons .add-btn {
        border: none;
        padding: 0 5px;
        float: left;
    }


        .reporting .accordion .panel-buttons .add-btn:hover, .reporting .accordion .panel-buttons .add-btn:focus {
            background: none;
            padding: 0 5px;
            color: #333;
        }

        .reporting .accordion .panel-buttons .add-btn:focus {
            color: #005ead;
        }


    .reporting .accordion .panel-buttons .btn-group {
        vertical-align: bottom;
        float: left;
    }


.reporting .accordion .panel .panel-heading.accordion-toggle.accordion-toggle-styled {
    padding: 5px 10px;
}

.eqjs-ep-entity-node {
    border: none;
}

/*.reporting .eqjs-ep-entity label.mt-radio > span{
    float:left
}*/

.reporting .eqjs-ep-entity-children > .eqjs-ep-entity > .eqjs-ep-entity-children {
    padding-left: 13px;
}

.reporting .eqjs-ep-entity .eqjs-ep-entity-attr {
    padding-left: 15px;
}


.reporting .eqjs-ep-entity-children > .eqjs-ep-entity .eqjs-ep-entity-node {
    width: 100%;
    display: block;
}

.reporting .eqjs-qc-panel .eqjs-qc-header {
    display: none !important;
}

.eqjs-ep-entity-offset {
    width: 0;
}

.reporting-tabs {
    position: relative;
}

    .reporting-tabs li.disabled {
        cursor: not-allowed;
    }

        .reporting-tabs li.disabled a {
            color: #888;
        }

            .reporting-tabs li.disabled a:hover {
                border: none;
                font-weight: normal;
            }

    .reporting-tabs .add-btn {
        border: none;
        position: absolute;
        padding: 0;
        top: 2px;
        right: 0px;
        font-size: 19px;
    }

        .reporting-tabs .add-btn:hover {
            background: none;
            color: #005ead;
        }

.reporting .eqjs-ep-panel {
    height: calc(100vh - 156px);
}

.reports-shared-area .report-list .nav > li > a {
    padding: 3px 10px;
    border-radius: 0;
    color: #333;
}

    .reports-shared-area .report-list .nav > li > a.active i {
        color: #5cb85c;
    }

.reports-shared-area .report-list .nav li input {
    height: 20px;
    padding: 0 3px;
    max-width: none;
    font-weight: normal;
    margin: 4px 0;
}

.reports-shared-area .report-list {
    margin-top: 10px;
    max-height: calc(100vh - 173px);
    overflow: auto;
}



    .reports-shared-area .report-list .nav-pills > li.active, .reports-shared-area .report-list .nav-pills > li:hover {
        background-color: #cde6f7;
        font-weight: bold;
        cursor: pointer;
    }

        .reports-shared-area .report-list .nav-pills > li.active > a, .reports-shared-area .report-list .nav-pills > li.active > a:focus, .reports-shared-area .report-list .nav-pills > li.active > a:hover, .reports-shared-area .report-list .nav > li > a:hover, .reports-shared-area .report-list .nav .open > a, .reports-shared-area .report-list .nav .open > a:hover, .reports-shared-area .report-list .nav .open > a:focus {
            color: #3d3d3d;
            background-color: #cde6f7;
            font-weight: bold;
        }

    .reports-shared-area .report-list .nav-pills > li.disabled {
        background: #f2f2f2 !important;
        cursor: not-allowed;
    }

        .reports-shared-area .report-list .nav-pills > li.disabled a {
            pointer-events: none;
            color: #888;
            font-weight: normal !important;
        }

        .reports-shared-area .report-list .nav-pills > li.disabled:hover .action-btn {
            display: none;
        }


    .reports-shared-area .report-list .nav > li > a:focus {
        background: none !important;
    }

    .reports-shared-area .report-list .nav-pills > li > a:first-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .reports-shared-area .report-list .nav-pills > li:hover > a:first-child {
        width: calc(100% - 73px);
    }

    .reports-shared-area .report-list .nav-pills > li .action-btn {
        padding: 3px 3px;
        display: none;
    }

        .reports-shared-area .report-list .nav-pills > li .action-btn:hover {
            color: #005ead !important;
        }

    .reports-shared-area .report-list .nav-pills > li:hover .action-btn {
        display: inline;
    }

.reporting .portlet-body.fixed-title {
    height: calc(100vh - 114px);
}

.reporting .watermark {
    width: calc(100% - 20px);
}

.reporting .report-list .watermark {
    margin-top: 30px;
}

.my-area {
    /*background: #eff6fc;*/
    border-left: 1px solid #ddd;
    padding: 5px 10px;
    height: calc(100vh - 120px);
    padding-top: 0;
}

.result-grid-header {
    background: #005ead;
    position: relative;
    z-index: 9;
    max-width: calc(100% - 17px);
    display: block;
}

    .result-grid-header th {
        background: none;
        font: bold 13px 'Open Sans', sans-serif !important;
        text-align: center;
        color: #fff;
        border-right: 1px solid #fff;
        min-width: 150px;
        padding-left: 8px;
        padding-right: 8px;
    }

.result-panel-content table {
    overflow: hidden;
    max-width: 100%;
    background: #005ead;
    display: flex;
    flex-flow: column;
    max-height: 100%;
    margin-bottom: 0;
}

    .result-panel-content table .result-grid-header tr th {
        border-bottom: 1px solid;
        vertical-align: middle;
    }

    .result-panel-content table tbody tr td {
        color: #333;
        font: 13px 'Open Sans', sans-serif;
        border-right: 1px solid #f1f1f1;
        border-top: 1px solid #f1f1f1;
        /*height:27px;*/
        word-break: break-word;
        min-width: 150px;
    }

    .result-panel-content table tbody tr:last-child > td {
        max-width: 100% !important;
    }

    .result-panel-content table tbody tr th {
        min-width: 150px;
    }

    .result-panel-content table tbody {
        overflow-y: scroll;
        height: calc(100% - 32px);
        display: block;
        flex: 1;
        width: 100%;
    }

    .result-panel-content table.col2 tbody tr td, .result-panel-content table.col2 tr th {
        width: calc(100% / 2);
    }

    .result-panel-content table.col3 tbody tr td, .result-panel-content table.col3 tr th {
        width: calc(100% / 3);
    }

    .result-panel-content table.col4 tbody tr td, .result-panel-content table.col4 tr th {
        width: calc(100% / 4);
    }

    .result-panel-content table.col5 tbody tr td, .result-panel-content table.col5 tr th {
        width: calc(100% / 5);
    }


    .result-panel-content table.col6 tbody tr td, .result-panel-content table.col6 tr th {
        width: calc(100% / 6);
    }


    .result-panel-content table.col7 tbody tr td, .result-panel-content table.col7 tr th {
        width: calc(100% / 7);
    }

    .result-panel-content table.col8 tbody tr td, .result-panel-content table.col8 tr th, .result-panel-content table.col9 tbody tr td, .result-panel-content table.col9 tr th {
        min-width: 240px;
    }

.reporting .result-panel-content .grid-panel tr {
    display: table;
    width: 100%;
}

.reporting .eqjs-qp-row-condition .eqjs-qp-condelement > input {
    height: 20px;
}

#ui-datepicker-div {
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 0;
    width: 310px;
    font-size: 1em;
    display: none;
}


    #ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        top: 12px;
    }

    #ui-datepicker-div .ui-datepicker-next {
        right: 11px;
    }

    #ui-datepicker-div .ui-datepicker-prev {
        left: 11px;
    }

    #ui-datepicker-div .ui-datepicker-next:before {
        content: "\f054" !important;
    }

    #ui-datepicker-div .ui-datepicker-prev:before {
        content: "\f053" !important;
    }

    #ui-datepicker-div .ui-datepicker-next span.ui-icon, #ui-datepicker-div .ui-datepicker-prev span.ui-icon {
        text-indent: -9999px;
        display: inline-block;
    }

    #ui-datepicker-div .ui-datepicker-title {
        padding: 0 8px;
        text-align: center;
    }

    #ui-datepicker-div table.ui-datepicker-calendar tr td, #ui-datepicker-div table.ui-datepicker-calendar tr th {
        padding: 5px 9px;
        text-align: center;
    }

        #ui-datepicker-div table.ui-datepicker-calendar tr td a {
            color: #333;
            text-decoration: none !important;
            background: none;
            border: none;
        }

        #ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-today a {
            color: #005ead;
        }

        #ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-current-day {
            background: #005ead;
            color: #fff;
        }

            #ui-datepicker-div table.ui-datepicker-calendar tr td.ui-datepicker-current-day a {
                color: #fff;
            }

    #ui-datepicker-div .ui-datepicker-buttonpane {
        border: none;
    }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #005ead;
    border: none;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary {
    float: right;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: none;
    padding: 6px 12px;
    min-width: 0;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    opacity: 1;
    padding: 6px 12px;
    border: none;
}



/*.result-panel-content table td:first-child, .result-panel-content table td:last-child, .result-panel-content table td:nth-child(3){
    text-align:center
}*/

.result-panel-content .table-striped > tbody > tr:nth-of-type(odd) {
    background: #fff;
}

.reporting .pagination > li:first-child > a, .reporting .pagination > li:first-child > span, .reporting .pagination > li:last-child > span {
    border-radius: 0;
}

.reporting .pagination {
    border-radius: 0;
}

.reporting .columns-block {
    height: auto;
    margin-bottom: 0;
}

.reporting .eqjs-qc-panel .eqjs-qc-header {
    display: none;
}

.reporting .eqjs-qc-columns {
    max-height: 36px !important;
    min-height: 30px;
    padding-bottom: 0;
    padding-right: 90px;
}

    .reporting .eqjs-qc-columns.tag-hover {
        padding-right: 0px;
    }

.reporting .middle-section h4#ReportTitle {
    max-width: calc(100% - 100px);
    word-break: break-word;
    margin: 0;
    margin-top: 7px;
    padding-left: 2px;
}

.reporting .middle-section #TxtRenameCurrentReport {
    font-size: 15px;
    color: #005ead;
    font-weight: bold;
    margin-top: 2px;
    width: 50%;
}

.reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row {
    width: auto;
    display: inline-block;
    float: left;
    background: #cde6f7;
    margin: 0 5px;
    padding: 0 3px;
    border-radius: 3px;
    margin-bottom: 5px;
}

    .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row.eqjs-qc-row-column-aggr.active .eqjs-column-buttonsBlock, .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row.eqjs-qc-row-column-aggr:hover .eqjs-column-buttonsBlock {
        display: inline-block;
    }

.reporting .eqjs-qc-row.eqjs-qc-row-column-aggr.active .eqjs-qc-button-placeholder, .reporting .eqjs-qc-row.eqjs-qc-row-column-aggr:hover .eqjs-qc-button-placeholder {
    display: inline-block;
}

.reporting .eqjs-qc-row.eqjs-qc-row-column-aggr.active, .reporting .eqjs-qc-row.eqjs-qc-row-column-aggr:hover {
    color: #fff;
}

    .reporting .eqjs-qc-row.eqjs-qc-row-column-aggr.active a, .reporting .eqjs-qc-row.eqjs-qc-row-column-aggr:hover a {
        color: #fff;
    }

.reporting .eqjs-qc-attrelement > a {
    border: none;
    color: #005ead;
}

.reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row-column-entattr:hover, .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row-column-aggr.active, .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row-column-aggr:hover, .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row-column-entattr.active {
    background: #005ead;
}

    .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row-column-entattr:hover a, .reporting .eqjs-qc-panel .eqjs-qc-columns .eqjs-qc-row-column-entattr.active a {
        color: #fff;
    }

.reporting .active .eqjs-column-sortbutton-asc, .reporting .active .eqjs-column-sortbutton-desc {
    background-position: -25px 0;
}

.reporting .eqjs-qp-condelement, .eqjs-qc-colelement a {
    margin-top: 1px;
    margin-left: 4px;
}

.reporting #ColumnsPanel .eqjs-qc-header + div {
    width: calc(100% - 40px);
    display: inline-block;
}

.reporting #ColumnsPanel .eqjs-qc-addrow {
    height: 22px;
    width: 23px;
    padding: 0;
    float: left;
    margin: 6px 0 0 5px;
}

.reporting .eqjs-qc-addrow a {
    background: url(/app/Content/img/easyquery/condbtn-addcondition.png) no-repeat scroll -25px 0 rgba(0, 0, 0, 0);
    border-bottom: none;
    width: 100%;
    height: 100%;
    margin: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.reporting .eqjs-column-sortbutton-none, .reporting .eqjs-column-button-type, .reporting .eqjs-qp-condition-button-delete, .reporting .eqjs-column-button-delete {
    background-position: -25px 0;
}

.reporting .eqjs-addrow a {
    margin-bottom: 5px;
}


.reporting .eqjs-qc-captionelement {
    display: none;
}

.reporting .eqjs-qc-expr-block {
    min-width: 0;
    display: inline;
}

.reporting .eqjs-column-buttonsBlock, .reporting .eqjs-qc-button-placeholder {
    position: relative;
    display: none;
}

.reporting .eqjs-qc-row-column-entattr:hover > .eqjs-column-buttonsBlock, .reporting .eqjs-qc-row-column-entattr:hover > .eqjs-qc-button-placeholder, .reporting .eqjs-qc-row-column-entattr.active > .eqjs-column-buttonsBlock, .reporting .eqjs-qc-row-column-entattr.active > .eqjs-qc-button-placeholder {
    display: inline-block;
}

.reporting .result-panel-content {
    position: relative;
    top: 0;
    overflow: visible;
    height: 100%;
}

.reporting .chart-view .result-panel-content {
    overflow-y: auto;
}

#ReportPanel #collapseThree .panel-body {
    height: 100%;
}

.reporting #ReportPanel {
    display: flex;
    display: -ms-flexbox;
    flex-flow: column;
    height: calc(100vh - 121px);
    width: 100%;
}

    .reporting #ReportPanel #accordion {
        flex: 0 1 auto;
        margin-bottom: 6px;
    }

    .reporting #ReportPanel #accordion2 {
        flex: 1 1 auto;
        position: relative;
        margin-bottom: 0px;
    }

        .reporting #ReportPanel #accordion2 .panel {
            display: flex;
            display: -ms-flexbox;
            position: absolute;
            width: 100%;
            flex-flow: column;
            height: 100%;
            border: none;
        }

.reporting .middle-section input.clear-filter {
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: url(/app/Content/img/clear-filter-white.png) center center no-repeat rgb(68, 68, 68);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 5px;
    border-radius: 4px;
}

.reporting #ReportPanel #accordion2 .panel .panel-heading {
    flex: 0 1 31px;
    position: absolute;
    width: 100%;
    border: 1px solid #cdd2de;
    border-bottom: 0;
}

    .reporting #ReportPanel #accordion2 .panel .panel-heading.collapsed {
        border: 1px solid #cdd2de;
    }

.reporting #ReportPanel #accordion2 .panel .panel-collapse {
    flex: 1 1 auto;
    overflow: hidden;
    margin-top: 31px;
    height: calc(100% - 31px);
    position: absolute;
    border: 1px solid #cdd2de;
    border-top: 0;
    width: 100%;
    width: 100%;
}

.reporting .nav > li > a {
    display: inline-block;
}

.reporting .eqjs-ep-tool-panel div.eqjs-ep-tool-panel-left-side {
    width: 42px;
}

.eqjs-ep-tool-panel div.eqjs-ep-tool-panel-right-side {
    width: 80px;
}

/*.reporting .eqjs-ep-entity-attr-label {
    text-overflow: ellipsis;
    max-width: calc(100% - 8px);
    overflow: hidden;
}*/

.reporting .btn.clear-icon {
    width: auto;
}

    .reporting .btn.clear-icon .erase-icon {
        background: url(/app/Content/img/erase-icon.png) no-repeat;
        width: 11px;
        height: 11px;
        display: inline-block;
        margin-right: 2px;
    }

    .reporting .btn.clear-icon:hover .erase-icon {
        background-position: 0 bottom;
    }


.entities-block h4 {
    margin: 0 0 5px 0;
}

.entities-block .entities-panel-container {
    background: #eff6fc;
}

    .entities-block .entities-panel-container .entities-header {
        padding: 8px 0px 3px;
        margin: 0 8px 0 6px;
        border-bottom: 3px solid #ddd;
    }

.reporting .unpin-icon {
    background: url(/app/Content/img/pin-icon.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.reporting .show-entities {
    position: absolute;
    z-index: 1;
    left: -32px;
    background: #005ead;
    color: #fff;
    padding: 5px 15px;
    font-size: 15px;
    transform: rotate(-90deg);
    top: 35px;
    text-decoration: none;
}

.reporting .show-reports {
    position: absolute;
    z-index: 1;
    right: -33px;
    background: #005ead;
    color: #fff;
    padding: 5px 15px;
    font-size: 15px;
    transform: rotate(-90deg);
    top: 37px;
    text-decoration: none;
}

#CollapseRightSection {
    margin-top: 8px;
}

.reporting .result-panel-content .grid-panel {
    height: calc(100% - 35px) !important;
    overflow: hidden;
}


.no-reports {
    color: #fff;
    line-height: 4px;
}

.eqjs-qp-valueelement a {
    min-width: 20px;
}

.reporting .pagination {
    border-radius: 0;
    margin-top: 8px;
}


.col-md-12.reporting > .portlet .portlet-title {
    top: 59px;
}

.reporting .portlet-body.fixed-title {
    margin-top: 33px;
}

.reporting .table-view .result-panel-content .chart-panel {
    display: none;
}

.reporting .chart-view .result-panel-content .grid-panel {
    display: none;
}

.reporting .chart-view .result-panel-content .chart-panel {
    width: 100% !important;
    height: 440px !important;
}

    .reporting .result-panel-content .chart-panel .eqjs-chart-main, .reporting .chart-view .result-panel-content .chart-panel .eqjs-chart-content {
        height: 400px !important;
        width: 100% !important;
    }

.reporting .result-panel-content .chart-panel .eqjs-chart-content div > div:first-child {
    height: 400px !important;
    width: 100% !important;
}

.reporting .result-panel-content .eqjs-chart-header {
    background: #eff6fc;
}

#ReportPanel .disabled-pdf {
    color: #888;
    cursor: not-allowed;
}

    #ReportPanel .disabled-pdf:hover {
        background: none;
    }

.reporting.sharedspace-active .show-entities {
    display: none;
}

/*Jquery Datetime picker*/
#ui-datepicker-div .ui-widget-header span.ui-icon {
    display: none;
}

#ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev {
    background: none !important;
    border: none;
}

/*Reporting Page End*/


.number-controls {
    position: absolute;
    top: 1px;
    right: 11px;
}

    .number-controls > span {
        display: block;
        cursor: pointer;
        font-size: 9px;
        background: #f1f1f1;
        color: #666;
        line-height: 9px;
    }

        .number-controls > span.disabled {
            pointer-events: none;
        }

    .number-controls .plus-icon {
        padding: 4px 5px 1px;
    }

    .number-controls .minus-icon {
        padding: 1px 5px 3px;
    }

/*new task design full screen*/
.full-screen-task {
    height: 100vh;
    position: absolute;
    top: -60px;
    background: #fff;
    z-index: 1164;
    left: 0;
    padding: 10px;
    width: 100%;
}

.form-outer .full-screen-task .actions {
    left: 10px;
    right: auto;
    top: 10px;
}

.full-screen-task .horizontal-tabs.task-tabs .tab-content {
    height: calc(100vh - 55px);
}

.full-screen-task .tab-content {
    padding-top: 0;
}

.btn-absolute-stamping {
    position: absolute;
    right: 10px;
    top: -40px;
}

.tab-section-outer {
    position: fixed;
    top: 127px;
    z-index: 8;
    background: #fff;
    left: 0;
    width: 100%;
}

.tab-section {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    border: 1px solid #cde6f7;
    margin-top: 5px;
    background: aliceblue;
}

.top-tab-design .form-outer {
    margin-top: 70px;
}

.top-tab-design .portlet-footer {
    top: 61px;
    min-width: 200px;
}

.tab-section a.btn {
    padding: 8px;
    border: 1px solid aliceblue;
    background: #efefef;
}

    .tab-section a.btn:hover {
        background: #005ead;
    }

    .tab-section a.btn.active {
        background: #005ead;
        color: #fff;
    }

a.tasktype-list {
    background-color: white;
    border: 1px black;
}

.dropdown-menu > .disabled > a.tasktype-list {
    background-color: lightgrey;
}



.job-details {
    min-height: 600px;
}

.top-tab-design .horizontal-tabs .nav-tabs > li {
    float: left;
}

.fieldset {
    border: 1px solid #ddd;
    padding: 10px;
    position: relative;
    padding-top: 15px;
}

    .fieldset h4 {
        position: absolute;
        background: #fff;
        top: -20px;
        background: aliceblue;
        padding: 3px 5px;
    }

.job-details .fieldset h4 {
    top: -35px;
}

.search-filter-btn .fa-angle-down, .search-filter-btn .fa-angle-up {
    font-size: 16px;
    margin-left: 3px;
}

.search-filter-btn .fa-angle-down {
    display: none;
}

.close-filter-btn {
    background: #005ead;
    color: #fff;
}

    .close-filter-btn .fa-angle-down {
        display: inline-block;
    }

    .close-filter-btn .fa-angle-up {
        display: none;
    }

.outside-search-filters .auto-complete-ui .error-message {
    position: absolute;
    top: -14px;
    font-size: 11px;
}

.disabled.notes-job-name {
    pointer-events: none;
    color: #333;
    font-weight: normal !important;
    background: #eee;
}

.close-filter-btn:hover, .close-filter-btn:focus {
    color: #fff;
}


/*.listing2 .portlet-body .table-toolbar{
    
    height:152px;
   
}*/

.portlet-body.close-filter .table-toolbar {
    height: 0;
    opacity: 0;
    display: block;
    padding-bottom: 0;
}

    .portlet-body.close-filter .table-toolbar * {
        display: none;
    }

.listing2 .close-filter .grid {
    max-height: calc(100vh - 149px);
}

.create-task-new .horizontal-tabs.task-tabs .tab-content {
    height: calc(100vh - 262px);
}

/*new task design full screen end*/

.bucket-type {
    float: left;
    padding-left: 10px;
}

.bucket-actions-outer {
    width: auto;
    float: right;
    padding-right: 15px;
}

.outside-search-filters .search-form {
    background: none;
    width: auto;
    border: none;
    padding: 0;
}

    .outside-search-filters .search-form > .form-search-icon {
        margin-left: 5px;
    }


.approval-tab .dashboard-search {
    width: calc(100% - 173px);
}

.approval-tab .outside-search-filters {
    width: 100%;
}

.approval-tab .bucket-actions-outer {
    width: 163px;
    margin-right: 10px;
    padding: 0;
}

.approval-tab .outside-search-filters .search-form {
    width: 100%;
}

.approval-tab .outside-search-filters > .search-form > .col-xs-3 {
    width: calc(33% - 21px);
    padding-right: 0;
}

.approval-tab .search-form multiselect-checkbox .multiselect-select .dropdown-menu {
    min-width: 200px;
    width: 100%;
}


.outside-search-filters > .col-xs-6 {
    width: calc(50% - 34px);
}

.outside-search-filters .search-form input {
    margin-left: 2px;
    float: left;
}


.approval-tab .outside-search-filters .col-xs-3 > input, .approval-tab .outside-search-filters .col-xs-3 auto-complete-filter, .approval-tab .outside-search-filters .col-xs-3 multiselect-checkbox {
    width: calc(100% - 63px);
    display: inline-block;
    margin-left: 10px;
}

.dashboard-grid .approval-tab .table-toolbar label {
    min-width: 30px;
}

.dashboard-search {
    width: 100%;
    float: left;
    padding: 6px 10px;
}


.search-filters {
    margin-top: 1px;
    margin-right: 3px;
}

.search-filters-list {
    width: 900px;
    max-height: 680px;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    z-index: 1019;
    right: 380px !important;
    left: auto !important;
}

.listing-search .search-filters-list {
    right: 109px !important;
    overflow: visible;
    padding-bottom: 10px;
    top: -6px;
}

    .listing-search .search-filters-list .margintop28 {
        margin-top: 28px !important;
    }

    .listing-search .search-filters-list .search-btn > input {
        margin-left: 5px;
    }

.search-filters-list.hide-chart, .search-filters-list.close-chart {
    left: auto !important;
    right: 180px !important;
}

.search-filters-list .search-form {
    display: inline-block;
    width: 100%;
    border: none;
    background: none;
    padding-top: 0;
}

    .search-filters-list .search-form .multiselect-select {
        width: 100%;
    }

table.k-editor {
    height: calc(100vh - 304px) !important;
}

/*Comments Section*/
.attachment-btn {
    background: #005ead;
    color: #fff;
}

.comment-section {
    position: relative;
}

    .comment-section .check-comments {
        position: absolute;
        top: 0;
        right: calc(25% + 10px);
        color: #005ead;
        font-size: 16px;
    }

        .comment-section .check-comments.disabled {
            color: #ccc;
        }

    .comment-section .check-ty-comments {
        position: absolute;
        top: 0;
        right: calc(-1% + 10px);
        color: #005ead;
        font-size: 16px;
    }
/*Comments section closed*/

.tabs-vertical.right-tabs.view-task-tabs div[vertical^="true"] > .tab-content {
    max-height: calc(100vh - 248px);
}

.tabs-vertical.right-tabs.view-task-tabs.bucketTab div[vertical^="true"] > .tab-content {
    max-height: calc(100vh - 325px);
}

/*Floating Label*/
.has-float-label {
    position: relative;
}

    .has-float-label label {
        position: absolute;
        cursor: text;
        font-size: 75%;
        opacity: 1;
        -webkit-transition: all .2s;
        transition: all .2s;
        top: -.5em;
        left: 12px;
        z-index: 3;
        line-height: 1;
        padding: 0 1px;
    }

        .has-float-label label::after {
            content: " ";
            display: block;
            position: absolute;
            background: #fff;
            height: 2px;
            top: 50%;
            left: -.2em;
            right: -.2em;
            z-index: -1;
        }

    .has-float-label .form-control::-webkit-input-placeholder {
        opacity: 1;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
        opacity: 0;
    }

    .has-float-label .form-control:placeholder-shown:not(:focus) + label {
        font-size: 150%;
        opacity: .5;
        top: .3em;
        font-weight: 400;
    }


.compose-btn .save-mail {
    color: #005ead;
}

    .compose-btn .save-mail > i.fa {
        font-size: 13px;
    }

.add-btn.add-btn-absolute {
    position: absolute;
    right: 12px;
    top: -48px;
}

.outside-search-filters {
    display: inline-block;
    width: calc(100% - 250px);
}



    .outside-search-filters > span > input, .outside-search-filters > span auto-complete-filter {
        width: calc(100% - 93px);
        display: inline-block;
        margin-left: 10px;
    }

.submission-col {
    min-width: 80px;
}


/*right side tabs*/


.tabs-vertical.right-tabs {
}

    .tabs-vertical.right-tabs div[vertical^="true"] > .nav.nav-tabs {
        position: absolute;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 40px;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(-90deg) translate(-465px, 0px);
        -moz-transform: rotate(-90deg) translate(-465px, 0px);
        -o-transform: rotate(-90deg) translate(-465px, 0px);
        transform: rotate(-90deg) translate(-465px, 0px);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        width: auto;
    }

        .tabs-vertical.right-tabs div[vertical^="true"] > .nav.nav-tabs li {
            float: left !important;
            font-weight: bold;
            height: 40px;
            margin-right: 1px;
            margin-bottom: 0;
        }

            .tabs-vertical.right-tabs div[vertical^="true"] > .nav.nav-tabs li a {
                height: 40px;
            }

    .tabs-vertical.right-tabs div[vertical^="true"] > .tab-content {
        width: calc(100% - 44px);
        max-height: calc(100vh - 220px);
        /*padding-top:0;*/
        margin-left: 40px;
    }



    .tabs-vertical.right-tabs .tab-content {
        height: calc(100vh - 220px);
    }

/*right side tabs end*/


/*New Listing*/
listing-search {
    max-width: calc(100% - 220px);
}

.listing-search .search-form {
    background: none;
    border: none;
    display: inline-block;
    /*width: calc(100% - 70px);*/
    float: right;
    padding-bottom: 0;
}

.listing-search form > .search-btn > input, .listing-search .search-btn > a, .listing-search .search-btn > .dropdown, .listing-search .financial-actuals-fiter .search-btn > button {
    float: left;
    margin-right: 5px;
}

.listing-search .search-form > div {
    margin: 0;
}

    .listing-search .search-form > div.search-btn {
        max-width: 157px;
        width: auto;
    }

    .listing-search .search-form > div > label {
        margin-bottom: 0;
        float: left;
        font-size: 11px;
    }

.listing-search .search-btn {
    margin-top: 6px !important;
}

.listing-search .search-form .outer-field .auto-complete-ui .data-filled-btn {
    top: 14px;
}


.listing-search .search-form .outer-field input[type="text"], .listing-search .search-form .outer-field .multiselect-select, .listing-search .search-form .outer-field select {
    height: 22px;
    padding-top: 1px;
    padding-bottom: 3px;
    line-height: 16px;
    /*padding-right: 22px;*/
}

.listing-search .search-form .outer-field .auto-complete-ui > div > input:first-child {
    top: 15px !important;
}

.listing-search .outer-field .multiselect-select .value-display li.input-box {
    height: 13px;
}

.listing-search .search-form .outer-field multiselect-checkbox .multiselect-select .dropdown-menu {
    top: 19px;
    min-width: 210px;
}


.listing-search .auto-complete-ui .data-filled-btn {
    height: 22px;
    top: 0px;
    right: 2px;
}

.listing-search .todayTask-search-form {
    width: 100%;
    float: left;
}

.todayTasklisting .auto-complete-ui .data-filled-btn {
    top: 26px !important;
}

.todayTasklisting .search-btn {
    padding-top: 14px;
}

    .todayTasklisting .search-btn .clear-search {
        margin-right: 6px;
    }

.todayTasklisting .multiselect-select .value-display .value-display-content {
    height: 21px;
}

.listing-search .search-form .outer-field .error-message {
    top: 0;
    right: 0;
    font-size: 11px;
}

.listing-search .search-form .outer-field {
    min-width: 175px;
    width: auto;
}

.job-bag-file-date-validation {
    margin-left: -20px;
}

.job-bag-tabs .hidein-job {
    display: none;
}

.job-bag-file-button {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}

.button:disabled {
    cursor: no-drop;
}

.job-bag-download-btn {
    margin-top: 15px;
    margin-right: -876px;
}

.input-job-bag-file {
    height: 22px;
    padding-top: 1px;
    padding-bottom: 3px;
    line-height: 16px;
}

.clear-icon-job-bag-file {
    position: absolute;
    height: 18px;
    border: 0;
    right: 4px;
    padding: 0;
    top: 16px;
    border: none;
    background: url(/app/Content/img/cross.png) no-repeat center;
    color: #999;
    font-weight: bold;
    text-indent: -999999px;
    width: 20px;
    background-size: 13px auto;
}

.calendar-icon-job-bag-file {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: none !important;
    padding: 16px 5px 4px 5px;
    color: #333;
}

.label-job-bag-file {
    margin-bottom: 2px;
    float: left;
    font-size: 11px;
}
/*New Listing End*/


.search-filters-list #bucketFilter .col-xs-12 > .col-lg-3, .search-filters-list #bucketFilter .col-xs-12 > .col-lg-6 {
    padding: 5px 10px;
    min-height: 59px;
}

.search-filters-list #bucketFilter .col-xs-12 .search-btn {
    margin-top: 6px !important;
}

    .search-filters-list #bucketFilter .col-xs-12 .search-btn > input {
        margin-left: 5px;
    }

.search-filters-list #bucketFilter .col-xs-12 label {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 2px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

.search-filters-list {
    padding: 0;
}

.button-right {
    padding: 8px 0 0;
}

h5.search-result {
    max-width: calc(100% - 220px); /*For Job billing page*/
}


.quick-action-link {
    background: url(/app/Content/img/quick-actions-icon.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    top: 2px;
    position: relative;
}

.hide-pie-charts > .col-md-8 {
    width: 100%;
}

.hide-tiles {
    height: calc(100vh - 109px);
    max-height: none;
}




/*Button tabs*/
.btn-tabs {
    float: left;
    margin-left: 20px;
}
.margin-style {
    margin-left: 0px !important;
}

.btn-tabs.dashboard-btn-tabs {
    float: left;
    margin-left: 0px;
}

    .btn-tabs > .btn {
        background: #eae9e9;
        color: #333;
        border: none;
        margin-top: 4px;
    }

        .btn-tabs > .btn.active {
            background: #005ead;
            color: #fff;
        }

/*Button tabs End*/


/*Floating Label End*/



.modal-xlarge .modal-body {
    max-height: calc(100vh - 111px);
}


.full-screen-modal.modal-body {
    max-height: calc(100vh - 175px) !important;
}

.scroll-modal-div {
    max-height: calc(100vh - 375px) !important;
    overflow-y: auto;
}

.full-screen-dashboard-history-modal {
    min-height: calc(100vh - 450px) !important;
    max-height: calc(100vh - 175px) !important;
}

.no-data-height {
    height: 100px;
}

.border-color-dashboard-history {
    border-collapse: inherit;
}

.full-screen-check-comment.modal-body {
    max-height: calc(100vh - 223px) !important;
}

.release-via-email-full-screen-check-comment {
    max-height: calc(100vh - 375px) !important;
    overflow-y: auto;
}

.release-via-email-overlay .expand-collapse-button {
    position: absolute;
    top: 12px;
    right: 20px;
    width: auto;
    cursor: pointer;
    font-size: 20px;
}

.select-release-task-checkbox {
    position: relative;
    top: -26px;
    right: 55px;
    float: right;
}

    .select-release-task-checkbox .custom-checkbox span {
        width: 20px;
        height: 20px;
    }

    .select-release-task-checkbox .custom-checkbox.checked > span i:before {
        font-size: 16px;
    }

@media screen and (min-width: 320px) {
}

.assign-full-screen-modal.modal-body {
    max-height: calc(100vh - 240px) !important;
}

@media screen and (min-width: 320px) {
}

.table-max-height.table {
    max-height: 200px !important;
}


.modal-xlarge .modal-body ul {
    padding-left: 17px;
}

.modal-xlarge .modal-body .assign-task-dropdown-no-padding ul {
    padding-left: 0px;
}

.modal-xlarge .modal-body table td {
    word-break: break-word;
}

.full-screen-history-modal.modal-body {
    max-height: calc(100vh - 100px) !important;
}


.table.dashboard-history thead tr th, .table.dashboard-history tbody tr td {
    display: inline-block;
}


.table.dashboard-history-width.no-scroll thead tr {
    width: 100%;
}

.table.dashboard-history .watermark {
    width: 100% !important;
    max-width: none;
}


.margin-right5 {
    margin-right: 5px;
}

/*Responsive*/

/*@media only screen and (max-width: 1567px) {
    /*.search-form .btn {
        min-width: 80px;
    }
}

*/ @media only screen and (max-width: 1567px) {
    .search-form .date-picker-menu {
        min-width: 0px;
    }
}

/*@media only screen and (max-width: 1436px) {
    .search-form .search-btn {
        min-width: 196px;
    }
}*/


@media only screen and (max-width: 1333px) {
    .search-form .btn {
        min-width: 0;
    }

    .page-push.tabs-alignment > ul.nav-tabs {
        margin-top: 19px;
    }
}

@media only screen and (max-width: 1300px) {
    .dashboard-search {
        width: 100%;
        margin-top: 5px;
        margin-bottom: -7px;
    }
}


@media only screen and (max-width: 1130px) {
    .pie-chart .mt-radio-inline .mCustomScrollBox {
        height: 70px;
    }
}

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

    .dashboard-stat .details {
        right: 35px;
    }

        .dashboard-stat .details .number {
            font-size: 26px;
        }

        .dashboard-stat .details .desc {
            font-size: 13px;
        }
}

@media (min-width: 768px) {

    .modal-dialog {
        width: 810px;
    }

        .modal-dialog.job-associate {
            width: 480px;
        }

        .modal-dialog.project-associate {
            width: 480px;
        }

    .modal-small {
        width: 530px;
    }

    .reporting .left-section {
        width: 243px;
        position: absolute;
        z-index: 1;
    }

    .reporting .right-section {
        width: 243px;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    .reporting .middle-section {
        width: 100%;
        padding: 0 241px;
    }

        .reporting .middle-section.left-hidden {
            padding-left: 41px;
        }

        .reporting .middle-section.right-hidden {
            padding-right: 43px;
        }

    .reporting.sharedspace-active .left-section, .reporting.sharedspace-active .show-entities {
        display: none;
    }

    .reporting.sharedspace-active .middle-section {
        padding-left: 10px;
    }
}


/*@media only screen and (min-width: 768px) and (max-width: 991px) {
    .reporting .portlet-body.fixed-title{
        margin-top: 68px;
    }
}*/

@media only screen and (min-width: 991px) {
    .listing-search {
        width: auto;
    }

    .pull-right-md {
        float: right;
    }

    .listing-search .search-form .outer-field {
        max-width: 200px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
    .bucket-type .btn {
        min-width: 30px;
    }
}


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



    .search-filters-list, .search-filters-list.hide-chart, .search-filters-list.close-chart {
        right: 20px !important;
        left: auto !important;
    }

    .comment-section .check-comments {
        right: 0;
    }

    .app-version {
        top: 44px;
        left: 4px;
    }

    .slick-initialized .slick-slide {
        display: block;
        width: auto !important;
    }



    .page-header .logo {
        margin: 0 0 0 15px;
        padding-top: 0px;
    }

    .search-form .search-btn {
        position: relative;
        right: 0;
    }

    .minheight60 {
        max-height: 0px !important;
        min-height: 0 !important;
    }

    .row-eq-height {
        display: inherit;
    }

    .login-screen {
        background-position: 120px -90px;
        background-size: 120% auto;
        background-color: #fff;
    }

        .login-screen .app-name {
            padding-top: 30px;
        }

        .login-screen > .col-md-7 {
            height: 40vh;
            width: 100%;
        }

    .login-content {
        padding: 10% 16% 0;
    }

    .login-screen .logo {
        margin: 0 auto;
        position: relative;
        text-align: center;
    }

        .login-screen .logo img {
            max-width: 100%;
        }

    .table-grid-outer {
        overflow: scroll;
        max-width: 920px;
    }

        .table-grid-outer > table, .table-grid-outer > .angular-ui-tree {
            min-width: 920px;
        }

    .row-eq-height > .col-md-4 {
        margin-top: 15px;
    }

    .chart-closed {
        width: 100%;
    }

        .chart-closed .dashboard-grid .grid {
            min-height: 300px;
        }

    .minimize-charts {
        width: 100%;
    }

    .minimize-portlet {
        width: 100%;
    }

    .dashboard-grid .portlet-body .watermark {
        position: relative;
    }

    .estimate-position {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 5px;
    }

    .copy-btn-position {
        position: relative;
        top: -31px;
    }

    .tabs-alignment > ul.nav-tabs {
        margin-top: 0;
    }

    .three-row-filter .grid, .grid, .single-row-filter .grid, .single-line-search .grid {
        max-height: 400px;
    }

    .search-form .error-message {
        position: relative;
    }


    .listing-search .search-form .error-message {
        position: absolute;
    }


    .horizontal-tabs.task-tabs .tab-content {
        min-height: 200px;
    }

    .form-outer .actions {
        position: fixed;
        top: 91px;
    }

    .listing2 .grid {
        max-height: calc(100vh - 179px);
    }

    .search-filters-list {
        width: 500px;
    }


    .listing2 .portlet-body .table-toolbar {
        height: auto;
    }
    /*.search-form multiselect-checkbox{
        float:none
    }*/

    .dropdown-menu .search-form multiselect-checkbox {
        float: left;
    }

    .outside-search-filters span label {
        float: left;
    }



    .listing-search .search-form > div {
        padding-left: 0;
    }



        .listing-search .search-form > div.search-btn {
            padding-right: 0;
        }

    .portlet-body.fixed-title {
        margin-top: 98px;
    }

    .listing2 .portlet-body.fixed-title {
        margin-top: 98px;
    }

    .search-filters-list {
        width: 600px;
    }

    .update-details .key {
        font-size: 12px;
    }

    .margin-top-sm {
        margin-top: 10px;
        margin-bottom: -7px;
    }
}

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

    .view-task .portlet-body.task-fixed-title.typesetting-task {
        margin-top: 190px !important;
    }
}

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

    .view-task .portlet-body.task-fixed-title.typesetting-task {
        margin-top: 50px !important;
    }
}

@media only screen and (max-width:607px) and (min-width:502px) {

    .view-task .portlet-body.task-fixed-title.typesetting-task {
        margin-top: 70px !important;
    }
}

@media only screen and (max-width: 835px) and (min-width:502px) {

    .portlet-body.task-fixed-title.typesetting-task > .row.update-details {
        margin-top: 25px !important;
    }
}

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

    .dashboard-grid .tab-pane .table-toolbar .col-xs-3 > label {
        min-width: 0;
    }



    .listing-search .search-form .error-message {
        position: relative;
        left: 0;
        text-align: left;
    }

    .outside-search-filters > span:not(.outside-search-filters-first) {
        padding-left: 0;
    }

    .outside-search-filters > span > input, .outside-search-filters > span auto-complete-filter {
        float: left;
    }

    .input-medium {
        width: 100% !important;
    }

    .page-header .logo {
        margin: 0 0 0 15px;
    }

    .page-header .top-menu .navbar-nav > li.dropdown {
        float: left;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }

    .nav > li > a {
        padding-right: 4px;
        padding-left: 4px;
    }

    .search-form .error-message {
        position: relative;
    }

    .navbar-nav .open .dropdown-menu.profile-dropdown {
        width: 250px;
    }



    .btn {
        min-width: 77px;
    }

    .add-btn {
        min-width: 0;
    }

    /*.tabs-vertical div[vertical^="true"] > .nav.nav-tabs, .tabs-vertical .nav.tabs-vertical-nv {
        min-width: 100px;
        width: 100px;
    }*/

    .tabs-vertical div[vertical^="true"] > .tab-content, .tabs-vertical .tab-content {
        width: calc(100% - 101px);
    }


    .assign-task-modal .modal-body {
        max-height: calc(100vh - 132px);
    }

    .modal .modal-dialog.modal-large {
        margin-top: 10px;
    }

    .reporting .portlet-body.fixed-title {
        height: auto;
    }

    .reporting .eqjs-ep-panel, .my-area {
        height: auto;
        margin-bottom: 10px;
    }

    .reporting .show-entities, .reporting .show-reports {
        position: relative;
        z-index: 1;
        left: 0;
        background: #005ead;
        color: #fff;
        padding: 5px 15px;
        font-size: 15px;
        transform: none;
        top: 0;
        text-decoration: none;
        width: calc(100% - 20px);
        display: inline-block;
        margin: 0 10px;
        margin-bottom: 10px;
    }

    .reporting .show-reports {
        margin-top: 10px;
    }

    .reporting #ReportPanel {
        height: calc(100vh - 251px);
    }

    .reporting .right-section {
        margin-top: 10px;
    }

    .reporting #ReportPanel #accordion2 .panel .panel-collapse {
        min-height: 300px;
    }

    .my-area {
        border-left: none;
        padding-left: 0;
        padding-right: 0;
    }

    .reporting .portlet-body.fixed-title, .reporting #ReportPanel {
        height: auto;
        display: block;
        flex-flow: row nowrap;
    }



        .reporting #ReportPanel #accordion2 {
            min-height: 340px;
        }

    .ngduallist .v-center {
        padding-top: 0;
    }


    .listing-search {
        width: 100%;
    }

    .search-filters-list {
        width: 380px;
    }

    .listing-search .search-form {
        float: left;
        width: 100%;
    }

    .listing2 .portlet-body.fixed-title {
        margin-top: 97px;
    }



    .listing-search .search-form .clear-search, .listing-search .search-form .form-search-icon {
        width: 25px;
        height: 25px;
        background-size: 15px;
    }

    .search-form .advance-search-icon {
        background-size: auto 16px;
        width: 25px;
        height: 25px;
        background-position: 5px 4px;
    }

    .listing-search .search-btn > .dropdown {
        margin-left: 0;
    }

        .listing-search .search-btn > .dropdown > a {
            padding: 7px;
            height: 25px;
            padding-top: 5px;
        }

    .listing-search .search-btn {
        margin-top: 11px !important;
        padding-right: 0;
    }

        .listing-search .search-btn > .dropdown a.dropdown-toggle {
            height: 25px;
            padding-top: 5px;
        }

    .view-task .portlet-body.task-fixed-title {
        margin-top: 222px;
    }

    .portlet-body > .row.update-details {
        position: relative;
        top: 0 !important;
        margin: 0;
    }

    .portlet-body.view-fixed-title {
        margin-top: 64px;
    }

    /*.table.dashboard-history tr th:nth-child(5), .table.dashboard-history tr td:nth-child(5) {
        min-width: 80px;
    }

    .table.dashboard-history tr th:nth-child(3), .table.dashboard-history tr td:nth-child(3) {
        min-width: 85px;
    }*/

    .login-screen {
        background-position: 60px -90px;
        background-size: 140% auto;
    }

        .login-screen .app-name {
            padding-top: 20px;
            font-size: 30px;
        }
}

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

    .login-screen {
        background-position: 60px -43px;
    }

        .login-screen .app-name {
            padding-top: 10px;
            font-size: 20px;
        }

        .login-screen > .col-md-7 {
            height: 30vh;
            width: 100%;
        }

    .tab-pane .add-btns {
        float: none !important;
    }

    .approval-tab .dashboard-search {
        width: 100%;
    }

    .approval-tab .outside-search-filters > .search-form > .col-xs-3 {
        width: calc(33% - 22px);
    }
}

@media only screen and (min-width: 500px) and (max-width: 582px) {
    .portlet-body.viewtask-fixed-title {
        margin-top: 72px;
    }
}

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

    .listing2 .portlet-body.fixed-title {
        margin-top: 0px;
    }

    .page-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .portlet-title .actions {
        min-width: 300px;
        float: none;
        display: block;
        clear: both;
        text-align: left;
    }

    .portlet .portlet-title > .caption {
        max-width: none;
    }

    .page-header {
        padding: 0 20px;
        position: relative;
        clear: both;
    }

    .col-md-12 > .portlet .portlet-title {
        position: relative;
        top: 0;
    }

    .page-container > .breadcrumb {
        position: relative;
        top: 0;
    }

    .portlet-body.fixed-title {
        margin-top: 0;
    }





    .col-md-12 > .portlet .portlet-title, .single-line-search .portlet-title, .view-task-fixed-title .portlet-title, .Vendor-list .portlet-title, .company-list .portlet-title {
        position: relative;
        top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .portlet-body.fixed-title, .portlet-body.view-fixed-title, .portlet-body.task-fixed-title {
        margin-top: 0;
    }



    /*.portlet-body > .row.update-details {
        position: relative;
        top: 0;
        width: auto;
    }*/

    .portlet-body > .row.update-details {
        top: 175px;
    }

    .view-task .portlet-body.task-fixed-title {
        margin-top: 174px;
    }

    .portlet.notification-box.fixed-title {
        margin-top: 0px;
    }

        .portlet.notification-box.fixed-title .portlet-title .actions {
            clear: none;
            text-align: right;
        }

    .page-header .logo {
        margin: 0 0 0 15px;
        padding: 12px 0 12px;
        margin: 0;
        padding-left: 0;
    }

    .col-md-12.reporting > .portlet .portlet-title {
        top: 0;
    }

    .reporting .portlet-body.fixed-title {
        margin-top: 0px;
    }

    .portlet-footer {
        position: absolute;
        top: 9px;
    }

    .form-outer .actions {
        position: absolute;
        top: 7px;
    }
}

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

    .page-header-fixed .page-container {
        margin-top: 0px !important;
    }

    .btn {
        min-width: 59px;
    }

    .add-btn {
        min-width: 0;
    }
}

@media only screen and (max-width: 360px) {
    .login-screen {
        background-position: 37px -33px;
    }

        .login-screen .app-name {
            padding-top: 10px;
            font-size: 17px;
        }
}

@media (min-width: 1600px) {
    /*.left-outer{
        width:316px;
    }

   .right-outer{
       width:calc(100% - 316px);
   }

   .left-outer{
        width:17%;
    }

   }*/
    .right-outer {
        left: 190px;
    }

    .listing-outer {
        width: 68%;
        min-width: 650px;
    }

    #email .email-border {
        left: calc(68% + 20px);
    }

    /*#mailDetail {
        min-width: 457px;
    }*/

    /*#email .email-border {

    left: calc(50% + 20px);
  
}*/



}

@media (min-width: 885px) {
    .email-header .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .email-header .slick-slide {
        width: auto !important;
    }
}

@media (min-width: 1920px) {
    .listing-outer {
        width: 70%;
        min-width: 0;
    }

    #email .email-border {
        left: calc(70% + 20px);
    }
}

@media only screen and (max-width: 1730px) {
    .email-user {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

        .email-user img {
            width: 100%;
        }

    .other-info {
        width: calc(100% - 52px);
        height: 20px;
    }

    .mail-header h4 {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .email-subject strong {
        font-size: 14px;
    }

    .other-info .date-outer {
        font-size: 12px;
    }

    .compose-btn a {
        font-size: 12px;
        line-height: 12px;
        /*padding: 1px 4px;*/
        display: inline-block;
    }

    .other-info .reply-actions {
        width: 204px;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1500px) {
    /*.right-outer{
       width:1250px;
   }*/

    .right-outer {
        left: 190px;
    }

    /*.left-outer{
        width:calc(100% - 1250px);
    }*/

    .listing-outer {
        width: 67%;
        min-width: 650px;
    }
    /*#email .email-border{
          width:446px;
      }*/

    #email .email-border {
        /*min-width: 450px;*/
        left: calc(67% + 20px);
    }

    .left-outer {
        max-width: 22.7273%;
    }

    .search-filters-list {
        width: 800px;
    }
}

/*Responsive Email End*/

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
    /*.right-outer{
       width: calc(100% - 170px);
   }

    .left-outer{
        width:160px;
    }*/

    .right-outer {
        left: 190px;
    }

    .listing-outer {
        width: calc(100% - 486px);
    }

    #email .email-border {
        width: 476px;
        left: calc(100% - 486px);
    }

    .search-filters-list {
        width: 750px;
    }
}


@media only screen and (max-width: 1300px) and (min-width: 1200px) {
    .tab-pane .table-toolbar .search-form label {
        letter-spacing: -0.5px;
    }
}

/*@media only screen and (min-width: 1500px) {
    .result-panel-content{
        overflow:hidden !important
    }
}*/
@media only screen and (max-width: 1500px) {
    .all-unread-filter {
        font-size: 13px;
        width: 93px;
        float: left;
    }

    .filter-outer {
        width: calc(100% - 93px);
    }

    .all-unread-filter a {
        margin-right: 0;
    }

    .email-filter .current-folder {
        float: right;
    }
}

@media only screen and (max-width: 1390px) {
    /*#email-resizer {
        display: none;
    }*/

    .email-border {
        border-left: 1px solid #e0e4eb;
    }
}

@media only screen and (max-width: 1200px) {
    .sequence-field {
        margin: 0;
    }

    .left-outer {
        position: absolute;
        z-index: 999999;
        transition: left 0.5s;
        left: -600px !important;
        width: 250px !important;
    }

    .showfolder {
        display: block;
        position: absolute;
        border: none;
        top: 0;
        width: 250px;
        left: 0 !important;
    }

    #email .showfolder ul.sidebar {
        height: calc(100vh - 173px));
        border: 1px solid #ccc;
        border-left: none;
        padding-top: 25px;
    }

    .close-folder {
        display: block;
    }

    .mobile-left-arrow {
        display: block;
        float: left;
        /* width: 24px; */
        background: none;
        margin-left: 10px;
        color: #005ead;
        font-weight: bold;
        PADDING-TOP: 4px;
        cursor: pointer;
    }

        .mobile-left-arrow > .fa {
            width: 12px;
            text-align: center;
            color: #005ead;
            font-weight: bold;
        }

    .mobile-back-arrow.show {
        display: block;
        float: left;
        /* width: 24px; */
        background: none;
        margin-left: 10px;
        color: #005ead;
        font-weight: bold;
        PADDING-TOP: 4px;
        cursor: pointer;
    }


    .mobile-back-arrow > .fa {
        width: 12px;
        text-align: center;
        color: #005ead;
        font-weight: bold;
    }

    .right-outer {
        width: calc(100% - 14px) !important;
        left: 0 !important;
    }

    .listing-outer {
        width: calc(100% - 456px) !important;
    }

    #email .email-border {
        width: 460px;
        left: calc(100% - 455px) !important;
    }

    .filter-outer {
        width: calc(100% - 161px) !important;
        float: left;
    }

    #email .ui-grid-viewport {
        overflow-x: hidden !important;
    }

    /*#email-resizer {
        display: none;
    }*/

    #sidebar-resizer {
        display: none;
    }

    .tab-pane .table-toolbar .search-form label {
        letter-spacing: -1.2px;
    }

    .search-filters-list {
        width: 500px;
    }

        .search-filters-list.adv-list {
            width: 700px;
        }

            .search-filters-list.adv-list .auto-complete-ui .dropdown-menu {
                max-width: 300px !important;
            }
}



@media only screen and (max-width: 1000px) {
    #email .email-border {
        position: fixed;
        z-index: 999;
        transition: right 0.5s;
        right: -240%;
        left: auto !important;
        background: #fff;
        top: 175px;
    }

    .listing-outer {
        width: 100% !important;
    }

    .all-unread-filter.hide, .filter-outer.hide {
        display: none !important;
    }

    #sidebar-resizer {
        display: none;
    }

    #email .email-border.show-email-view {
        display: block;
        width: calc(100% - 9px);
        /* left: 0; */
        right: 8px;
        border: none;
        height: calc(100vh - 212px);
    }

    #email > .portlet > .row > .inline {
        display: block;
    }

    #email .portlet > .row > .col-md-12 {
        float: none;
    }

    .sequence-field {
        width: 20px;
        height: 20px;
        padding: 0;
        line-height: 0;
        font-size: 17px;
    }

    .tab-pane .table-toolbar .search-form label {
        letter-spacing: 0;
    }

    #email-resizer {
        display: none;
    }

    .search-filters-list {
        width: 400px;
    }

        .search-filters-list.adv-list {
            width: 600px;
        }

            .search-filters-list.adv-list .auto-complete-ui .dropdown-menu {
                max-width: 300px !important;
            }
}

@media only screen and (max-width: 767px) {
    .right-outer {
        float: left;
    }

    .tree-wrapper {
        min-width: 100%;
        max-width: 100%;
        overflow: auto;
    }

        .tree-wrapper .table, .tree-wrapper .angular-ui-tree {
            min-width: 800px;
        }



    .master-data-list li {
        width: 40%;
    }

    .search-filters-list.adv-list {
        width: 500px;
    }

        .search-filters-list.adv-list .auto-complete-ui .dropdown-menu {
            max-width: 300px !important;
        }

    .listing-search .search-form .outer-field {
        min-width: 0;
        max-width: 25%;
    }
}

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

    .slick-list {
        width: calc(100% - 62px);
        margin: 0 auto;
    }
}

@media (min-width: 1001px) {
    .mobile-back-arrow.show {
        display: none !important;
    }

    .mobile-left-arrow.hide {
    }
}

@media (min-width: 1001px) and (max-width: 1200px) {

    .mobile-left-arrow.hide {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .createtion-date {
        min-width: 200px;
    }
}

@media only screen and (max-width: 740px) {
    .table.dashboard-history tbody {
        margin-top: 44px;
    }

    .update-task .portlet-body > .row.update-details {
        top: 145px;
    }

    .view-task.update-task .portlet-body.task-fixed-title {
        margin-top: 242px;
    }
}

@media only screen and (max-width: 652px) {
    .portlet-body > .row.update-details {
        top: 145px;
    }

    .view-task .portlet-body.task-fixed-title {
        margin-top: 242px;
    }
}

@media only screen and (max-width: 500px) {
    .portlet-title .actions {
        min-width: 300px;
        float: none !important;
        display: block;
        clear: both;
        text-align: left;
    }

    .other-info .reply-actions {
        float: left !important;
        height: 29px;
        width: 100%;
    }

        .other-info .reply-actions .compose-btn {
            float: left !important;
            padding-left: 10px;
        }

    .other-info {
        height: 58px;
    }

    .portlet-body.viewtask-fixed-title {
        margin-top: 0;
    }

    .search-filters-list.adv-list {
        width: 300px;
    }

        .search-filters-list.adv-list .auto-complete-ui .dropdown-menu {
            max-width: 300px !important;
        }
}



@media (min-width: 900px) {
    .modal-large {
        width: 92%;
    }
}

@media (min-width: 1300px) {
    .modal-large {
        width: 1280px;
    }
}


/*Responsive Email End*/

/*Print CSS*/

@media print {
    .mail-header {
        background: #005ead !important;
        color: white !important;
        padding: 10px;
    }

    #email .date-outer p.date {
        color: white !important;
    }

    .mail-header h4 {
        color: white !important;
    }

    .reply-actions {
        display: none;
    }

    .hide-header .task-area .job-tag {
        background: #005ead !important;
        padding: 0 4px 0 4px;
    }

    .hide-header .job-tag .close-icon {
        display: none;
    }
}
/*Print CSS*/

/*.grid .ui-grid-viewport::-webkit-scrollbar { 
    visibility:hidden;
}*/

.modal-xlarge {
    width: 93%;
}

.ng-hide.ng-hide-animate {
    display: none !important;
}

.text-bold {
    font-weight: bold !important;
}

.query-task-remove {
    top: 3px !important;
}

.noMarginBottomLabel {
    margin-bottom: 0 !important;
}

.uat-background .navbar-background {
    background-color: #A52A2A !important;
}

.uat-background #environment-label {
    color: #fff;
}

.dev-background .navbar-background {
    background-color: darkgreen !important;
}

.dev-background #environment-label {
    color: red;
}

.email-view-dropdown-btn ul a {
    background: none !important;
}

.add-sales-person-btn {
    border-radius: 50%;
    color: #005ead;
    border: 1px solid #005ead;
    background: none;
    padding: 6px 10px;
    min-width: 0;
}

.date-fields div div {
    margin-bottom: 15px;
}

.general-info .add-btn {
    top: -51px;
}

.job-bag-job-details table {
    color: #005ead;
    border-collapse: collapse;
    width: 100%;
}

.job-bag-job-details tr {
    border: 1px solid #9cbdd0;
    text-align: center;
    padding: 6px;
}

.job-bag-job-details td {
    padding: 6px;
}

    .job-bag-job-details td:nth-child(odd) {
        background-color: #cce3f0;
        font-weight: bold;
    }

    .job-bag-job-details td:nth-child(even) {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.job-bag-status-label {
    font-size: 100% !important;
    margin-top: 5px;
}

.padding10 {
    padding: 10px !important;
}

.job-bag-job-id {
    width: 115px;
}

.task-type-dropdown li.disabled a {
    pointer-events: none;
}

.margin-right0 {
    margin-right: 0 !important;
}

.value-display li.autocomplete-more-items {
    max-width: 30px;
}

    .value-display li.autocomplete-more-items .value-display-content {
        height: 100%;
    }

    .value-display li.autocomplete-more-items span {
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

.ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.listing-search .dropdown-inside-dropdown .multiselect-select .value-display .value-display-content {
    height: 22px;
    font-size: 13px;
}

.multiselect-popover {
    width: auto;
    height: 23px;
    margin: 0 auto 6px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    background: #005ead;
    padding: 3px 5px;
    float: none;
    text-align: center;
}

fieldset[disabled] .multiselect-select {
    background-color: #eee;
}

    fieldset[disabled] .multiselect-select .value-display .value-display-content {
        background-color: #ccc;
        color: #4d6b8a;
    }

#email-body-frame {
    height: 100%;
    width: 100% !important;
    border: none !important;
}

.email-iframe-container-standalone {
    height: calc(100vh - 300px);
    overflow: hidden;
}

.email-iframe-container-details {
    height: calc(100% - 170px);
    overflow: hidden;
}

.tag-tile-block {
    display: inline-block;
    font-size: 15px;
    margin: 5px 0px;
    cursor: pointer;
    padding-right: 10px;
    width: 90%;
}

.tag-actions {
    width: 10%;
    margin: 5px 5px;
}

i.tag-selected {
    border-right: 1px solid white;
    box-sizing: border-box;
    width: 37px;
    position: relative;
    top: -5px;
    text-align: center;
}

    i.tag-selected::before {
        position: relative;
        vertical-align: sub;
    }

.tag-not-selected {
    visibility: hidden;
}

.tag-tiles-container {
    display: contents;
    list-style: none;
}

.tag-tile-block .fa.fa-trash {
    position: relative;
    font-size: 15px;
    top: -2px;
    padding-left: 5px;
    color: #000;
}

.tag-tile-block .fa.fa-pencil {
    position: relative;
    font-size: 15px;
    top: -2px;
    padding-left: 5px;
    color: #000;
}

.tag-input {
    background-color: transparent;
    border: none;
    max-width: 200px;
}

.tag-name {
    max-width: 90%;
    padding: 0 5px;
}

.tag-name-column {
    max-width: 90%;
    padding: 0 5px;
}

.tag-popover-container {
    max-width: 250px;
}

.bucket-task-tag {
    padding: 2px 3px;
    font-weight: 700;
    border-radius: .25em;
    white-space: nowrap;
    font-size: 75%;
}

.text-align-left {
    text-align: left;
}

.actions-disabled {
    pointer-events: none;
}

.padding-right-3px {
    padding-right: 3px;
}

.actions-disabled a {
    color: #ccc !important;
}

#livechat-compact-container {
    bottom: 60px !important;
}

.tag-tiles-container .mt-radio-inline {
    margin: 5px 0px;
    vertical-align: bottom;
    display: inline-block;
}

.ui-select-match span span {
    cursor: pointer;
}

.paddingleft3 {
    padding-left: 3px;
}

.contact-actions {
    position: absolute;
    display: inline-block;
    background: rgb(255, 255, 255);
    right: -4px;
}

    .contact-actions:before {
        position: absolute;
        left: -10px;
        height: 100%;
        width: 10px;
        content: "";
        background: linear-gradient(to left, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0.2) 80% );
    }

.full-height {
    height: 100%;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-viewport {
    overflow-y: auto !important;
}

.action-performed {
    color: #FF4500;
    font-size: 16px;
}

.no-drop-cursor {
    cursor: no-drop;
}

.opacity-point-7 {
    opacity: 0.7;
}

.opacity-point-5 {
    opacity: 0.5;
}

.pointer-events-none {
    pointer-events: none;
}

.email-address-dragging {
    background: rgba(0, 89, 165, 0.18);
}

.word-break-div {
    word-break: break-word;
    text-align: justify;
}

div.dashboard-loader-absolute-position {
    position: absolute;
    right: 50%;
    top: -30px;
}

.row-selected .ui-grid-cell-contents {
    font-weight: 700;
}

.job-bag-finance-actuals-message {
    left: calc(50% - 165px);
    position: relative;
}

.hover-background {
    background: #cde6f7;
}

.new-progress-bar {
    width: 100%;
    max-width: calc(100% - 16px);
    background: rgba(241, 241, 241, 0.6);
    position: absolute;
    display: inline-block !important;
    text-align: center;
}

    .new-progress-bar .new-progress {
        position: absolute;
        height: 100%;
        background: #ddd;
        opacity: 0.4;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    }

    .new-progress-bar .new-progress-text {
        color: black;
        opacity: 0.9;
        position: relative;
    }

}

.search-filters-list.adv-list .auto-complete-ui .dropdown-menu {
    max-width: 400px;
}

td.file-upload-disabled {
    pointer-events: none;
    background-color: none;
}

td > *.file-upload-disabled {
    pointer-events: none;
    background-color: none;
}

.file-upload-drag-disabled td {
    pointer-events: none;
}

    .file-upload-drag-disabled td .actions {
        pointer-events: auto;
    }

.vertical-align-middle {
    vertical-align: middle !important;
}


.related-tasks-table > tbody > tr:hover {
    background: none !important;
}

.padding-left10 {
    padding-left: 10px;
}

.green-color {
    color: #5cb85c;
}

.black-color {
    color: gray;
}



.select {
    z-index: 9999 !important;
    padding-left: 0;
}

    .select > .choices {
        width: 80% !important;
        max-height: 500px !important;
    }

.dropdown-header {
    font-weight: bold !important;
    font-size: 23px !important;
    color: black !important;
}

.padding-right2 {
    padding-right: 2px;
}

.select-input {
    width: calc(100% + 10px);
    color: black;
    padding-left: 10px;
}

.ui-select-bootstrap .btn {
    /*border-color: black !important;*/
    /*background: none;*/
    color: black !important;
}

.ui-select-toggle > i.caret {
    display: none !important;
}

.min-height100 {
    min-height: 100px;
}

.width-250 {
    width: 250px;
}
/*.background-lightgrey{
    background-color:#dbdbdb;
}*/
.background-lightgrey .ui-grid-cell {
    background-color: #dbdbdb !important;
}

.ui-grid-row:nth-of-type(even) .background-lightgrey .ui-grid-cell {
    background-color: #ccc !important;
}

.grid .ui-grid-row:hover .background-lightgrey .ui-grid-cell {
    background-color: #999 !important;
}

.assignment-load .table {
    margin-bottom: 0px;
    margin-top: 0px;
    table-layout: fixed;
}

.text-align-center {
    text-align: center;
}

.follower .add-btn {
    right: 25px !important;
}

.follower .edit-btn {
    right: 50px !important;
}

.follower .cancel-btn {
    right: 75px !important;
}

.work-allocaciton-matrix-rating {
    display: inline-block;
}

.complete-tat-section {
    color: gray;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.auto-height {
    height: auto !important;
}

.popover-content .label a {
    color: white;
}

.smallText {
    font-size: xx-small;
}

/*.makeSolid{
    font-weight:900;
    background-color:blue;
}*/

.fa-file-word-o-new {
    content: url('/app/Content/img/word.png');
}

.fa-files-o-new {
    content: url('/app/Content/img/files.png');
}

.fa-file-powerpoint-o-new {
    content: url('/app/Content/img/powerpoint.png');
}

.fa-file-excel-o-new {
    content: url('/app/Content/img/excel.png');
}

.fa-file-text-o-new {
    content: url('/app/Content/img/text.png');
}

.fa-file-pdf-o-new {
    content: url('/app/Content/img/pdf.png');
}

.fa-file-image-o-new {
    content: url('/app/Content/img/image.png');
}

.fa-envelope-o-new {
    content: url('/app/Content/img/envelope.png');
}

.popover-content .label a {
    color: white;
}

.anchor-history {
    color: #333;
    text-decoration: none;
    margin: 10px 20px;
}

    .anchor-history:hover {
        color: #333;
        text-decoration: none;
        margin: 10px 20px;
    }

.labelLineHeight {
    line-height: 18px !important;
}

.standalone-app {
}

    .standalone-app * {
        word-break: break-word !important;
    }

    .standalone-app .bucket-task-details .table {
        table-layout: fixed;
    }

    .standalone-app .header-details {
        position: absolute;
        right: 0;
        left: unset;
        padding: 5px 5px 0 0;
    }

        .standalone-app .header-details.app-version {
            top: 0;
        }

        .standalone-app .header-details.login-details {
            bottom: 0;
        }

            .standalone-app .header-details.login-details .login-details-name {
                text-decoration: underline;
            }

    .standalone-app [data-toggle=collapse].collapsed i {
        transform: rotate(180deg);
    }

.faded-grey {
    color: #0000008c;
}

.highlightChanges {
    background-color: #FFFFCC !important;
}

.portlet-body.training-view-fixed-title {
    margin-top: 45px;
}



.trainingContentdiv {
    height: 600px;
}



.trainingItemdivs {
    height: 190px;
    float: left;
    width: 20%;
    padding: 0px 20px;
}

.background-yellow > div.ui-grid-cell {
    background: #ffff0a7d !important;
}

.background-pink > div.ui-grid-cell {
    background: #ffb3ec !important;
}
.view-request-overlay {
    max-height: calc(100vh - 290px);
    overflow-y: scroll;
}

.select-task-modal-container table tr th:first-child {
    width: 2%;
}

.select-task-modal-container table tr th:nth-child(2) {
    width: 2%;
}

.select-task-modal-container table tr th:nth-child(3) {
    width: 3%;
}

.select-task-modal-container table tr th:nth-child(4) {
    width: 2%;
}

.select-task-modal-container table tr th:nth-child(5) {
    width: 10%;
}

.select-task-modal-container table tr th:nth-child(6) {
    width: 20%;
}

.select-task-modal-container table tr th:nth-child(7) {
    width: 46%;
}

.select-task-modal-container table tr th:nth-child(8) {
    width: 15%;
}

.text-light-green {
    color: #88ED49;
}

.text-dark-green {
    color: #29861a;
}

.typesetting-task-tracker.tabs-vertical.right-tabs div[vertical^="true"] > .nav.nav-tabs {
    transform: rotate(-90deg) translate(-579px, 0px);
}

.task-tracker-search .search-btn {
    float: right;
    margin-top: 26px;
    max-width: 84px;
}

.disabled textarea, .disabled input {
    background: #ccc;
    border: 1px solid #ccc;
    pointer-events: none;
    color: #888 !important;
}

.todaytask-Error {
    text-align: initial;
}

.btn-pagination {
    float: left;
    padding: 8px;
    width: 40px;
    margin: 3px;
    cursor: pointer;
    border-radius: 5px;
    border: solid 1px #0000;
    height: 30px;
}

.select-pageCount {
    float: left;
    padding: 5px;
    margin: 3px;
    cursor: pointer;
    border-radius: 5px;
    border: solid 1px #0000;
    height: 36px;
}

.txt-pagination {
    float: left;
    padding: 8px;
    width: 50px;
    margin: 3px;
    border-radius: 5px;
    border: solid 1px #0000;
}

.span-pagination {
    float: left;
    padding: 8px;
    border-radius: 5px;
    border: solid 1px #0000;
}

.pageCount-pagination {
    display: inline-block;
    margin: 2px;
}

.fontAwsome-color {
    color: #777070;
}

.pageCount-div {
    float: right;
    margin-right: 2px;
}

.typesetting-add-icon {
    border-radius: 100%;
    background: #fafafa;
    display: inline-block;
    border: 1px solid #005ead;
    width: 25px;
    height: 25px;
    padding-left: 6px;
    padding-top: 2px;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}


.manage-file-loc-search {
    background: url(/app/Content/img/white-search-icon.png) no-repeat #005ead center;
    text-indent: -9999px;
    border: none;
    background-size: 18px;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
}

.manage-file-loc-search1 {
    background: url(/app/Content/img/clear-filter-white.png) no-repeat #444 center;
    text-indent: -9999px;
    border: none;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 4px;
}

.notes-message-full {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
}

.col-md-3 {
    width: 21%;
}

.width-role {
    width: 87% !important;
}

.background-yellow-highlight > div.ui-grid-cell {
    background: #ffff0a7d !important;
}

.tdBorder {
    width: 70%;
    text-align: left !important;
    font-weight: normal !important;
}
.padding-five {
    padding: 5px;
}

.tdHeaderBorder {
    width: 30%;
    text-align: left !important;
    font-weight: normal !important;
}

.importantNote {
    color: red !important;
    font-size: 10px !important;
}

.downloadAll {
    background: #444;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 19px;
    color: #fff;
    font-weight: 300;
}

.overflow-name-hidden {
    display: inline-block;
    width: 95%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.listing-search .todayTask-search-form .multiselect-select .dropdown-menu li input[type="checkbox"] {
    margin: 4px 6px 0px 0px;
    float: left;
}

.margin-bottom-sm {
    margin-bottom: -10px;
}

.page-Count {
    margin-top: 2.2rem;
    margin-left: -6rem;
}

.min-width-400{
    min-width:400px
}
.min-width-600 {
    min-width: 600px
}
.background-black .ui-grid-cell {
    background: #000000 !important;
}
.width-15rem {
    width: 15rem;
}
.margin-left-30px{
    margin-left: 30px;
}
.font-size15px {
    font-size: 15px;
}
.width-fit-content {
    width: fit-content;
}
.margin-top2two-rem {
    margin-top: 2.2rem
}
.value-added-tabel-td {
    line-height: 0 !important;
}
.value-added-tabel-td > div{
    margin-bottom: 0 !important;
    max-height: 30px
}
.vipNote {
    color: red !important;
    font-size: 12px !important;
    font-weight: bold !important;
}
.project-vip {
    top: -2rem;
}
.width-3rem{
    width: 3rem;
}
.margin-Vip {
    margin-top: 3rem;
    margin-left: -1rem;
}
.width-vip {
    max-width: 80% !important;
}
.spellcheck {
    text-align: left !important;
    padding-left: 1rem !important;
    white-space: normal !important;
}

    .spellcheck p {
        font-weight: bold;
    }

.job-bag-files-margin {
    margin-right: 15px;
    margin-top: 5rem;
}

.word-break-td-center {
    word-break: break-word;
    text-align: center;
}
.E-Sub-grid {
    overflow-x: visible !important;
}
.e-subdate-label {
    width: 40%
}
.attachmentlabelStyle {
    display: flex;
    justify-content: space-between;
}
.e-SubList-style {
    display: flex;
}
.file-select-Label-style {
    color: black; 
    font-weight: normal;
}
.e-sub-date-heading {
    display: flex;
    justify-content: space-between;
}
.add-e-sub-label {
    display: flex;
    gap: 20px;
    align-items: start;
}
.checklist-id-label {
    border:1px solid;
    padding: 4px;
    color: #005ead;
}
.esub-attachment-danger-symbol {
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 18px !important;
    user-select: none !important;
}
.attachment-list {
    width: 95% !important;
}
.file-list{
    display:flex;
    justify-content:space-between;
}
.view-eSub-grid {
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.view-eSub-date-label {
    width: 30%;
}
.view-eSub-attachment-label {
    width: 60%;
}
.e-sub-option-input {
    width: 40%;
}

.e-sub-date-input {
    width: 60%;
}
.disabled-row {
    background-color: #f5f5f5;
    color: #999;
    opacity: 0.8;
}
.view-esub-date-prefix {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.view-esub-divider {
    border-left: 2px solid lightgray;
    height: 100%;
}
.e-sub-table {
    height: 100%;
}
.e-sub-date{
    padding:0px !important;
}
.view-e-sub-prefix {
    width: 40%;
    text-align: center;
}
.view-e-sub-date {
    width: 60%;
    text-align: center;
}
.view-e-sub-tr {
    height: 40px !important;
}
.esub-prefix-width {
    width:100%;
}

.portlet .portlet-body .notification-slider-container {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.portlet .portlet-body .notification-slider {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    width: 100%;
}

    .portlet .portlet-body .notification-slider .arrow {
        width: 32px;
        height: 32px;
        background: #eee;
        color: #333;
        font-size: 16px;
        line-height: 32px;
        text-align: center;
        cursor: pointer;
        border-radius: 4px;
        font-weight: bold;
        user-select: none;
        position: absolute; 
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }


        .portlet .portlet-body .notification-slider .arrow.left {
            left: 10px;
        }

        .portlet .portlet-body .notification-slider .arrow.right {
            right: 10px;
        }

.notification-slider-container .notify-wrapper {
    display: flex !important;
    gap: 15px;
    justify-content: center;
    flex-grow: 1;
    max-width: calc(100% - 120px);
    overflow: hidden;
    flex-wrap: wrap;
}

.imp-icon {
    width: 20px;
    height: 20px;
    background: url(/app/Content/img/imp-icon.png) no-repeat center;
    background-size: contain;
}


/* Desktop / Big screens */
.notification-slider-container .notify-card {
    background: #ffcccc;
    border: 1px solid #ff9999;
    color: #b10000;
    padding: 4px 8px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 22px auto; /* FIXED icon + flexible text */
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 16px;
    height: 32px;
    max-height: 32px;
    width: 550px; /* Desktop width */

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1400px) {
    .notification-slider-container .notify-card {
        width: 370px;
        font-size: 17px;
    }
}

/* ========== Medium laptops ========== */
@media (max-width: 1200px) {
    .notification-slider-container .notify-card {
        width: 440px;
        max-width: 450px;
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .notification-slider-container .notify-card {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
    }
}

@media (max-width: 600px) {
    .notification-slider-container .notify-card {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }
}

.notification-slider-container .notify-card .msg {
    display: block;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: inherit;
    font-size: 13px;
    position: relative;
    z-index: 21;
}
.texttransformnone {
    text-transform: none !important
}
.eSub-Att-minwidth{
    min-width:40rem;
}
.sales-dropdown {
    overflow-x: unset !important;
}
auto-complete-filter[name^="person"] .auto-complete-ui .dropdown-menu {
    width: 100% !important;
}
.hover-link {
    color: #007bff;
    cursor: pointer;
    display: inline-block; 
    pointer-events: auto; 
}

    .hover-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }
.notification-slider-container .notify-card .hover-link {
    color: #b10000;  
}

    .notification-slider-container .notify-card .hover-link:hover {
        color: #b10000;  
        text-decoration: underline;
    }
.disabled-link {
    color: #999;
    cursor: default;
}
.auto-complete-ui {
    position: relative;
}

.autocomplete-input-loader {
    position: absolute;
    right: 4px;
    top: 62%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 10;
    color: #337ab7;
    font-size: 16px;
}

.auto-complete-ui input[type="button"]:not([ng-show]) ~ .autocomplete-input-loader {
    right: 10px;
}

.auto-complete-ui input.form-control {
    padding-right: 70px; 
}
.company-tree-list > .multiselect-select ul ul {
    padding-left: 50px !important;
}
    ul, ol {
    list-style: none;
    padding-left: 0; /* optional: removes left spacing */
}
.dropdown-style.confidential input {
    background-color: white;
}

.job-lock-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    width: 18px;
    height: 18px;
    background-color: #f0ad4e;
    color: #000;
    border-radius: 2px;
    font-size: 12px;
}

.job-name-input {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .job-name-input .form-control {
        flex: 1 1 auto;
    }
.edit-job{
    margin-left:22px !important;
}
.custom-multiselect a {
    display: flex !important;
    padding: 3px 5px !important;
}
.todayTasklisting .col-xs-3.col-sm-3.col-md-2 {
    padding-left: 0px;
    padding-right: 8px;
}