.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;
}

.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-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 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: 93%;
    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;
}

    .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;
    padding: 0 60px; /* Reserve space for arrows */
    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;
}

.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: 600px; /* Desktop width */
    max-width: 600px;
    min-width: 300px; /* Prevents shrinking */

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1400px) {
    .notification-slider-container .notify-card {
        width: 500px;
        max-width: 500px;
        font-size: 17px;
    }
}

/* ========== Medium laptops ========== */
@media (max-width: 1200px) {
    .notification-slider-container .notify-card {
        width: 450px;
        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: inherit;
}
.texttransformnone {
    text-transform: none !important
}