/*
*	############################################################################
*
*	Delicate DMS Styles
*	---------------------------------------------------------------------
*	@version	1.1
*	---------------------------------------------------------------------
*
*	############################################################################
*/
.fontMedium {
    font-size: 13px;
}

.fontSmall {
    font-size: 12px;
}

.fontSmallx {
    font-size: 11px;
}

.fontNormal {
    font-weight: normal !important;
}

.fontCap {
    text-transform: uppercase;
}

.cboxsize {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -ms-box-sizing: content-box !important;
}

.bboxsize {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
}

.btn-lg {
    padding: 8px 20px;
    font-size: 14px !important;
}

i-block, .iblock {
    display: inline-block;
}

.disabled-control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: not-allowed;
    pointer-events: none;
}

body .ui-tooltip {
    padding: 2px 8px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.35);
    border: solid 1px #ababab;
    border-radius: 3px;
}

.act-button {
    cursor: pointer;
}

.btn-outline {
    color: #333;
    background-color: #fff;
    background: linear-gradient(#fff, #f4f4f4);
    border-color: #ccc;
    border-radius: 3px;
}

    .btn-outline:hover {
        background: linear-gradient(#fafafa, #eee);
    }
/*----------Header---------*/
.selectedMenu {
    display: block;
    position: relative;
    z-index: 5;
    padding-bottom: 6px;
    border-top: solid 2px #0b5fa3;
    color: #23527c;
}

#content-slide .slick-b .selectedMenu img {
    padding-bottom: 5px;
    padding-top: 3px;
}

.right-tabs {
    width: auto;
}

.email-switch-btns {
    float: right;
    margin-right: 4px;
}

.email-switch-btn {
    margin: 8px 2px 4px;
    cursor: pointer;
    border: none;
    display: inline-block;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.45);
    border: solid 2px transparent;
}

    .email-switch-btn.active {
        border: solid 2px #77ddf3;
    }

.header-split-icons #expander img {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.45);
}

.header-split-icons #expander:hover img {
    opacity: 0.9;
}

input#shuffle:focus,
input#shuffle:hover {
    outline: none;
    border: none;
}

.custom-expander-styles {
    position: static !important;
}

.header-split-icons {
    background: none;
}

    .header-split-icons .nav-pills > li {
        width: auto;
    }

    .header-split-icons .custom-expander-styles i {
        font-size: 19px;
    }

    .header-split-icons .nav-pills-custom-minimal {
        background: none !important;
    }

/*---- Header Slider ----*/

.label-count {
    display: block;
    background-color: #ff5e14;
    min-width: 12px;
    height: 14px;
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: 6px;
    text-align: center;
    font-size: 10px;
    padding: 0px 4px;
    line-height: 14px;
    color: #fff;
    width: auto;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
/*----------Header Breadcrumb---------*/
.breadcrumb-bar {
    border-bottom: 1px solid #e7e6e6;
    padding: 6px 15px;
    margin: 0;
    margin-bottom: 8px;
    width: 100%;
    float: left;
}

.email-breadcrumb-bar {
    border-bottom: none;
    margin-bottom: 2px;
}

.breadcrumb-container {
    width: 100%;
    float: left;
}

    .breadcrumb-container .breadcrumb > li {
        padding: 2px 0px;
    }

.header-slide-container {
    max-height: 71px;
    overflow: hidden;
}

/*-------------------*/
#dvleftSection {
    clear: both;
    float: left;
}

.dvleft-split {
    width: 82.5%;
}

.dvleft-full {
    width: 100%;
}

.emailHorizontal {
    width: 100%;
    float: left;
}


#dvrightSection {
    width: 16.8%;
    float: right;
    margin: 0px;
    padding: 0px;
    right: 0;
    top: 111px;
    bottom: 10px;
    position: fixed;
}

    #dvrightSection .right-sidebar {
        margin: 0px;
        padding: 8px 15px 8px 10px;
        width: 100%;
        position: static;
    }

    #dvrightSection .sidebar-content {
        margin: 0 !important;
    }

    #dvrightSection #EmailOptionR {
        min-height: 70%;
    }

    #dvrightSection .text-align-l {
        padding: 7px 12px !important;
        font-size: 14px !important;
    }

    #dvrightSection .btn .faIconBg {
        padding: 9px 0px 9px 0px;
        margin-right: 8px;
    }






.gray-bar > .container > .row > .col-sm-10 {
    width: 83.33333333%;
    float: left;
}

.gray-bar > .container > .row > .col-sm-2 {
    width: 16.66666667%;
    float: left;
}




/*----Email Actions------*/


/*---------- Start RFI Approval --------------*/

.legendCEmail .email-action-btn {
    color: #9c9da6;
    display: inline-block;
    cursor: pointer;
    padding: 4px 5px 5px;
    margin-right: 1px;
    outline: none !important;
}

    .legendCEmail .email-action-btn:hover {
        color: #75757d;
    }

    .legendCEmail .email-action-btn .fa:hover {
        opacity: 1;
    }

.legendCEmail .btnReplyAll i {
    font-size: 18px;
}

.custom-email-btns .btnReply .glyphicon {
    font-size: 18px;
    transform: scaleX(-1);
}

.custom-email-btns .btnForward .glyphicon {
    font-size: 19px;
}

.custom-email-btns .btn-quick-approval i {
    font-size: 18px;
    margin-top: 2px;
}

.legendCEmail .RFI-comments-icon {
    position: relative;
    top: -2px;
}

.RFI-comments-icon i {
    font-size: 17px;
}


/*---------- End RFI Approval --------------*/



/*----Email Header------*/
.email-header-row.row {
    margin: 0;
    padding-bottom: 2px;
    width: 99.4%;
}

.email-header-div.row {
    border-bottom: solid 1px #d8d8d8;
    box-shadow: 0 1px 0 #fff;
    margin-bottom: 8px;
}

.mail-header-title,
.mail-header-subject {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding-bottom: 4px;
}

.mail-header-subject {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0.5em 0;
}

.mail-header-label {
    max-width: 120px;
}

.mail-header-date {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    padding-right: 10px;
}

/*---- Email Grid--------*/
#horizontal {
    height: calc(100vh - 250px);
    width: 100%;
}

.unreadEmailLabel {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    border: solid 1px #ccc;
    position: relative;
}

    .unreadEmailLabel .glyphicon {
        font-size: 9px;
        transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        line-height: 15px;
        color: #ccc;
    }

    .unreadEmailLabel span {
        display: inline-block;
        line-height: 29px;
        font-size: 16px;
        opacity: 1 !important;
    }

input.unreadEmailFilter {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    position: absolute;
}

.unreadEmailFilter:checked + .unreadEmailLabel {
    background-color: #333;
    border-color: #333;
}

    .unreadEmailFilter:checked + .unreadEmailLabel:before {
        content: "Unread";
        font-size: 11px;
        line-height: 16px;
        position: absolute;
        right: 25px;
        font-weight: bold;
        display: inline-block;
    }

    .unreadEmailFilter:checked + .unreadEmailLabel .glyphicon {
        color: #fff;
    }


.emailGridListing .k-grid .k-grid-content table,
.emailGridListing .k-grid .k-grid-header table {
    width: 100% !important;
}

    .emailGridListing .k-grid .k-grid-content table tbody tr td {
        white-space: nowrap;
    }

@-moz-document url-prefix() {
    .emailGridListing .k-grid .k-grid-content table tbody tr td:nth-child(2) {
        white-space: normal;
    }
}

.emailGridListing .k-grid .k-grid-header table th[data-title="Date"],
.emailGridListing .k-grid .k-grid-content table tbody td:nth-child(6) {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
}


.emailGridListing .emailGridTitleX {
    font-weight: bold;
    color: #555;
    font-size: 12px;
    text-align: center;
    padding-bottom: 3px;
}

.emailGridListing .clearsearchclass {
    color: #555;
    font-weight: bold;
    font-size: 11px;
    margin-top: -5px;
    vertical-align: middle;
    margin-left: -2px;
    transform: scaleX(1.12);
    padding: 2px 3px 2px;
}

ul.emailGridMenu .k-separator {
    height: 0px;
    border: none;
}

ul.emailGridMenu > .k-item {
    border-bottom: solid 1px #c5c5c5;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -ms-box-shadow: 0 1px 0 #fff;
}

    ul.emailGridMenu > .k-item.k-last,
    ul.emailGridMenu > .k-item.k-separator {
        border-bottom-color: transparent;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    ul.emailGridMenu > .k-item.k-separator {
        border-bottom-width: 0;
    }

.k-context-menu.emailGridMenu > .k-item > .k-link {
    padding: .58em 1.8em .58em .9em;
    width: 150px;
}

.emailGridLabel {
    display: inline-block;
    float: left;
    min-height: 20px;
    min-width: 10px;
    vertical-align: middle;
}

.emailGridTags {
    display: inline-block;
    float: right;
    min-height: 20px;
    min-width: 10px;
    vertical-align: middle;
    text-align: right;
    padding-right: 8px;
}

.emailGridTag {
    width: auto;
    min-height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
}

    .emailGridTag .fa {
        line-height: 20px;
        margin: 0 0 0 10px;
    }

    .emailGridTag .fa-paperclip {
        font-size: 14px;
    }

    .emailGridTag .ReadEmail {
        margin: 0;
    }

#dvleftSection .k-checkbox-label {
    padding-left: 25px;
    padding-top: 2px;
    font-size: 12px;
}

.default-chk label {
    line-height: normal;
    margin-left: 2px;
}

.default-chk input[type=checkbox] {
    margin: 0;
    vertical-align: middle;
    margin-top: -3px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    padding: 5px;
}

/*---- Email Splitter--------*/
#dvleftSection .k-splitbar-horizontal-hover:hover {
    background-color: #e9e9e9;
    border-color: #d5d5d5;
}

.k-splitbar-horizontal .k-icon {
    display: none !important;
}

/*---- Email Sidebar--------*/
.block {
    display: block;
}

.emailRightFilters .k-state-selected .k-i-arrow-n {
    background-position: 0 0;
}

.emailRightFilters .k-state-selected .k-i-arrow-s {
    background-position: 0 -32px;
}

.emailRightFilters .k-link:not(.k-state-disabled):hover > .k-i-arrow-s,
.emailRightFilters .k-state-hover > * > .k-i-arrow-s,
.emailRightFilters .k-state-hover > .k-i-arrow-s,
.emailRightFilters .k-textbox:hover .k-i-arrow-s {
    background-position: 0 -32px;
}

.emailRightFilters .k-button:active .k-i-arrow-n,
.emailRightFilters .k-button:not(.k-state-disabled):hover .k-i-arrow-n,
.emailRightFilters .k-link:not(.k-state-disabled):hover > .k-i-arrow-n,
.emailRightFilters .k-state-hover > * > .k-i-arrow-n, .k-state-hover > .k-i-arrow-n,
.emailRightFilters .k-textbox:hover .k-i-arrow-n {
    background-position: 0 0;
}

.emailRightFilters .k-panelbar .k-content,
.emailRightFilters .k-panelbar .k-item,
.emailRightFilters .k-panelbar .k-panel {
    border-bottom-color: transparent;
}

.emailRightFilters #panelbar > .k-item {
    margin-bottom: 2px;
}



.emailRightFilters .k-state-hover,
.emailRightFilters .k-state-hover:hover,
.emailRightFilters .k-textbox:hover {
    background: none !important;
    box-shadow: none !important;
}

.emailRightFilters .emailAdvFilter .k-calendar-container .k-header .k-state-hover,
.emailRightFilters .emailAdvFilter .k-calendar-container .k-header .k-state-hover:hover {
    background: #bcbcbc !important;
}


.emailRightFilters::-webkit-scrollbar {
    width: 4px;
}

.emailRightFilters::-webkit-scrollbar-thumb {
    background: #c1c1c3;
    border-radius: 20px;
}

.emailRightFilters::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 20px;
}


.emailRightFilters #divSavedFilters > div.select2-container {
    border: none;
    padding: 0;
    font-size: 13px;
    margin: 5px 0 6px;
    width: 100% !important;
    height: auto !important;
}

.emailRightFilters .dropdownfieldsize {
    width: 100%;
    display: block;
    height: auto;
}

.close-label,
.vclose-label {
    display: block;
    padding-bottom: 4px;
    line-height: normal;
}

.vclose-label {
    padding-bottom: 1px;
}

#btnSaveSearchFilters {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.divstandardFilters {
    padding: 15px 0 5px;
    display: block;
}

.emailAdvFilter {
    margin-top: 12px;
    background-color: white;
}

    .emailAdvFilter > .k-first {
        margin-top: 6px !important;
    }

    .emailAdvFilter .form-group {
        display: block;
        margin-bottom: 10px;
    }

        .emailAdvFilter .form-group .form-control {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
        }

    .emailAdvFilter .k-datepicker {
        height: auto;
        margin: 0px;
        width: 100% !important;
    }

    .emailAdvFilter .k-picker-wrap .k-input {
        border-radius: 0px;
        height: 20px;
        font-size: 13px;
    }

    .emailAdvFilter .k-picker-wrap {
        border-radius: 0px;
        box-sizing: border-box;
        height: 27px;
    }

.chkboxUnreadEmails {
    vertical-align: middle;
    margin-top: -2px !important;
    margin-right: 2px !important;
}

.emailAdvFilter .k-picker-wrap .k-i-calendar {
    margin-top: 5px;
}

.emailAdvFilter .k-picker-wrap .k-input {
    font-weight: normal;
}

.emailAdvFilter .k-item:first-child {
    margin-bottom: 14px;
}

.emailAdvFilter .k-state-hover > * > .k-i-calendar,
.emailAdvFilter .k-state-hover > .k-i-calendar,
.emailAdvFilter .k-textbox:hover .k-i-calendar {
    background-position: -32px -176px;
}

.emailAdvFilter .k-state-selected,
.emailAdvFilter .k-state-selected:link,
.emailAdvFilter .k-state-selected:visited,
.emailRightFilters .k-state-selected,
.emailRightFilters .k-state-selected:link,
.emailRightFilters .k-state-selected:visited {
    border-color: transparent !important;
    background-color: inherit !important;
}

.emailAdvFilter .k-state-focused.k-state-selected,
.emailRightFilters .k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.emailRightFilters #panelbarr > li > .k-state-selected.k-state-focused,
.emailRightFilters #panelbarr > li > .k-state-selected {
    border-color: #c5c5c5 !important;
}



.emailRightFilters .k-panelbar > .k-item > .k-header {
    padding: 0 0.5em;
    line-height: 2.85em;
}

.emailRightFilters .k-i-calendar {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-image: none !important;
    opacity: 0.9;
    font-size: 0;
}

    .emailRightFilters .k-i-calendar:before {
        content: "\f073";
        font-size: 14px;
    }

.emailRightFilters .k-calendar .k-today {
    background-color: #22b14c;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .emailRightFilters .k-calendar .k-today .k-link {
        color: #fff;
    }

.emailRightFilters .k-calendar .k-state-selected,
.emailRightFilters .k-calendar .k-state-hover {
    background-color: #22b14c !important;
}

    .emailRightFilters .k-calendar .k-state-hover a {
        color: #fff;
    }

.show-applied-filters.row {
    margin: 0;
    padding: 0 5px;
}

.applied-filters-head {
    color: #686868;
    padding: 0px 1px 7px;
    font-weight: bold;
    /*background-color: #b5bbc8;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);*/
}

.applied-filters-widget {
    width: 100%;
}

.applied-filters {
    list-style-type: none;
    padding: 0;
    display: block;
}

.applied-filter-item {
    margin: 0 4px 4px 0;
    max-width: 100%;
}

    .applied-filter-item:first-child {
        margin-top: 5px;
    }

    .applied-filter-item .k-button {
        font-size: 12px;
        padding: 2px 25px 2px 7px;
        line-height: 16px;
        color: #8c8c8e;
        position: relative;
        max-width: 100%;
        background: linear-gradient(#fff, #eee);
        background: -webkit-linear-gradient(#fff, #eee);
        width: 100%;
        text-align: left;
    }

        .applied-filter-item .k-button:hover,
        .applied-filter-item .k-button:active:hover {
            background-color: #eaeaea;
            color: #8c8c8e;
        }

        .applied-filter-item .k-button:active,
        .applied-filter-item .k-button:active:hover,
        .applied-filter-item .k-button:focus {
            box-shadow: none !important;
            outline: none !important;
        }

        .applied-filter-item .k-button .filterSpan {
            display: block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .applied-filter-item .k-button .filterTag {
            font-weight: bold;
            color: #666;
            display: inline-block;
            margin-right: 4px;
            line-height: normal;
        }

        .applied-filter-item .k-button i {
            color: #cc2f1b;
            font-size: 10px;
            position: absolute;
            top: 50%;
            margin-top: -6px;
            right: 7px;
        }

        .applied-filter-item .k-button:hover i {
            color: #bf0a0a;
        }

.clear-all-filters {
    clear: both;
    display: inline-block;
    margin: 2px 6px 5px;
    padding: 1px 7px;
    float: right;
    font-family: arial;
    font-size: 12px !important;
    color: #0b5fa3 !important;
    position: relative;
    overflow: hidden;
    transition: all 0.1s linear;
    text-align: right;
    background: none;
    border: none;
    border-radius: 10px !important;
}

    .clear-all-filters:hover,
    .clear-all-filters:active {
        background: #666;
        padding: 1px 7px;
        color: #fff !important;
    }

    .clear-all-filters:focus {
        background: none;
    }

.emailAdvFilter #btnClearSearch {
    display: none;
}


/*----- Email Body --------------*/
.mail-details-div.k-scrollable .table-condensed > thead > tr > td:first-child {
    padding: 10px 14px;
}

.mail-details-div.k-scrollable .table-condensed > tbody > tr > td:first-child {
    padding: 20px 14px;
}

.emailAttachmentBody .wrap {
    clear: both;
}

table.emailAttachmentTable tbody > tr > td {
    padding: 3px 5px;
    vertical-align: middle;
    border: solid 1px #ddd;
    background-color: rgba(255,255,255,0.75);
}

table.emailAttachmentTable tr > th {
    padding: 4px 6px;
    background-color: #4d91cc;
    border: solid 1px #4082bb;
    color: #fff;
}

    table.emailAttachmentTable tbody > tr > td.trcell,
    table.emailAttachmentTable tr > th.trcell {
        background-color: transparent;
        border-color: #eee;
    }

.mail-details-div {
    width: 100%;
    height: 100%;
    clear: both;
    padding: 10px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    /*background-color: #e8e8ea;*/
}

#leftpane .mail-details-div {
    top: 1px;
}

.mail-details-div .email-content-wrapper .table-condensed {
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}



.mail-details-div .email-content-wrapper:last-of-type {
    padding-bottom: 30px;
}

.email-content-wrapper .mailSerialsNo,
.rfi-reply-box .mailSerialsNo {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-sizing: border-box;
    line-height: 28px;
    text-align: center;
    padding: 0;
    font-size: 18px;
    font-style: normal;
}

.email-content-wrapper .mailNumbering {
    margin-right: 3px;
    line-height: 30px;
    padding: 0 5px;
}

.email-content-wrapper .mailNumberingContainer {
    margin-bottom: 1px;
}

.email-content-wrapper .refMailNumbering {
    padding: 2px 3px 0 0;
    margin-bottom: -2px;
    line-height: 29px;
}

#spanzipdownload {
    cursor: pointer;
    color: #808080;
    margin-bottom: 6px;
    cursor: pointer;
    padding: 1px 5px 1px 5px;
}

    #spanzipdownload:hover {
        color: #222;
    }

    #spanzipdownload .glyphicon {
        font-size: 15px;
    }

#dvFileCount {
    font-weight: bold;
    float: right;
    position: absolute;
    top: 11px;
    right: 50px;
}


/*---- RFI Attachment ----*/
.rfi-mail-attachment .document:before {
    display: none;
}

.rfi-mail-attachment .documentattachment-item > span + a {
    line-height: 20px;
}

.rfi-detail-widget .emailAttachmentTable {
    margin-bottom: 0;
    table-layout: fixed;
}

    .rfi-detail-widget .emailAttachmentTable + .emailAttachmentTable {
        margin-top: 6px;
    }

.rfi-mail-attachment table.emailAttachmentTable tbody > tr > td,
.rfi-mail-attachment .documentattachment-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ques-widget-content .rfi-mail-attachment-body {
    background: none;
}



/*---- Email Compose--------*/
.email-compose-form .form-control,
.rfi-compose-form .form-control {
    height: 34px !important;
    line-height: 1.42857143;
}

.email-compose-form .form-control-multiSelect,
.rfi-compose-form .form-control-multiSelect {
    padding: 4px 12px;
    height: auto !important;
    min-height: 34px;
}

    .email-compose-form .form-control-multiSelect .k-multiselect-wrap,
    .rfi-compose-form .form-control-multiSelect .k-multiselect-wrap {
        min-height: 1.15em;
    }

.composeAttachment .dropdown-menu {
    padding: 0;
    border: none;
}

    .composeAttachment .dropdown-menu > li > a {
        padding: 9px 15px;
        border: 1px solid #e5e5e5;
    }

        .composeAttachment .dropdown-menu > li > a label {
            padding: 9px 15px;
            cursor: pointer;
        }

    .composeAttachment .dropdown-menu > li:last-child > a {
        border: 1px solid #e5e5e5;
    }

    .composeAttachment .dropdown-menu > li + li > a {
        margin-top: -1px;
    }

.email-compose-form select[multiple].form-control,
.rfi-compose-form select[multiple].form-control {
    max-height: 34px;
}

.fr-box .fr-quick-insert {
    margin-left: 14px;
    z-index: 5;
}

.fr-box .fr-toolbar {
    border-top: 1px solid #ddd;
}

.mail-ref {
    width: 100%;
    position: relative;
    clear: both;
    padding: 12px 15px 12px 65px;
    border: solid 1px #eee;
    margin-bottom: 1px;
}

    .mail-ref .row {
        margin-left: 0;
        margin-right: 0;
    }

.mail-ref-header-left {
    float: left;
    width: 79.5%;
}

.mail-ref-header-right {
    float: right;
    width: 19.5%;
}

.mail-ref-count {
    border: solid 1px #e5e5e5;
    background-color: #f5f5f5;
    height: 32px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    color: #bbb;
    font-size: 15px;
    display: block;
    position: absolute;
    left: 18px;
    top: 12px;
}

.mail-ref-body {
    margin-top: 10px;
}

.mail-ref-title {
    font-weight: bold;
}

.compose-wf-temp-selection {
    padding: 5px 0 0 15px;
    float: left;
    display: none;
}

    .compose-wf-temp-selection .compose-wf-temp-button {
        outline: none !important;
    }

        .compose-wf-temp-selection .compose-wf-temp-button:hover {
            text-decoration: underline !important;
        }


/*--- Compose Attachment Grids --------*/
#attachments .divTable {
    border-collapse: collapse;
}

#documentRegisterItemsArea .divTableRow .divTableCell:first-child,
#projectMailItemsArea .divTableRow .divTableCell:nth-child(2) {
    /*width: 35%;*/
}

#attachments #documentregisteritems .divTableRow .divTableCell {
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

#attachments .divTableCell .attachment-item {
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin: 0;*/
}

#attachments #documentregisteritems .divTableRow .divTableCell:last-child,
#attachments #documentregisteritems .divTableRow .divTableCell:last-of-type {
    width: 50px;
    text-align: right;
    padding-right: 25px;
    padding-left: 25px;
}

#attachments #documentregisteritems .document:before {
    display: none;
}


/*---- Compose Upload Dialogs ------*/
.uploadDocRegister {
    max-width: 1400px;
}

    .uploadDocRegister .ui-dialog-content {
        padding-top: 12px;
    }

#dvdlgUploadRegister .ui-jqgrid,
#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-view,
#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-hdiv,
#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-bdiv,
#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-pager,
#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-htable,
#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-btable {
    /*width: 100% !important;*/
}

#dvdlgUploadRegister .ui-jqgrid-htable .ui-search-toolbar .ui-th-column {
    vertical-align: top;
    padding-bottom: 2px;
}

#dvdlgUploadRegister .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-column {
    height: 18px;
}

#dvdlgUploadRegister .ui-jqgrid-bdiv #jqWfAddDocs tbody tr td:last-child {
    text-align: center !important;
}

    #dvdlgUploadRegister .ui-jqgrid-bdiv #jqWfAddDocs tbody tr td:last-child > div {
        display: inline-block;
        float: none;
        vertical-align: middle;
        background-position-y: center;
    }

#dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-pager {
    height: 35px;
}

    #dvdlgUploadRegister .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
        padding-top: 5px;
    }

#dvdlgUploadRegister table#jqWfAddDocs tr.jqgrow > td,
.dvdlgUploadEmail table#jqInboxGrid tr.jqgrow > td {
    pointer-events: none;
    cursor: default;
}

#dvdlgUploadRegister #jqWfAddDocs input[type=checkbox].cbox,
.dvdlgUploadEmail #jqInboxGrid input[type=checkbox].cbox {
    line-height: 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    pointer-events: auto;
    cursor: pointer;
}


.dmsModal {
    padding: 0;
    border: none;
}

    .dmsModal .ui-dialog-titlebar {
        background-color: #001649;
        border: none;
        color: #fff;
        padding: 10px 20px;
        height: auto;
        font-size: 16px;
    }

    .dmsModal .ui-dialog-title {
        margin: 0 16px 0 0;
    }

    .dmsModal .ui-dialog-titlebar-close {
        opacity: 1;
        background: none !important;
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: -12px 0 0 0;
        padding: 0;
    }

        .dmsModal .ui-dialog-titlebar-close:before {
            content: "\f00d";
            font: normal normal normal 14px/1 FontAwesome;
            display: inline-block;
            color: #fff;
            font-size: 15px;
        }

.ui-widget-overlay {
    background: rgba(0,0,0,0.55) !important;
    opacity: 1;
    filter: Alpha(Opacity=99);
}

.dmsModal .ui-dialog-titlebar-close.boot-close {
    margin: 0;
    margin-top: -4px;
    margin-right: -4px;
    text-shadow: none;
    outline: none !important;
}

/*--- Local Upload ----*/
.dmsModal .btn {
    padding: 5px 12px;
    font-family: arial;
}

.dmsModal .fileupload-buttonbar {
    margin: 0;
    padding-top: 5px;
}

    .dmsModal .fileupload-buttonbar .btn .fa-cloud-upload {
        font-size: 14px;
    }

    .dmsModal .fileupload-buttonbar .toggle {
        margin: 0;
        vertical-align: middle;
        margin-top: -2px;
    }

#dvdlgUploadLocal .progress {
    height: 12px;
}

#dvdlgUploadLocal .progress-extended {
    line-height: normal;
    font-size: 10px;
}

#dvdlgUploadLocal .table tr.template-upload td,
#dvdlgUploadLocal .table tr.template-download td {
    vertical-align: middle;
}

    #dvdlgUploadLocal .table tr.template-upload td .btn.start,
    #dvdlgUploadLocal .table tr.template-upload td .btn.cancel,
    #dvdlgUploadLocal .table tr.template-download td .btn.delete {
        background: none;
        box-shadow: none !important;
        border: none !important;
    }

        #dvdlgUploadLocal .table tr.template-upload td .btn.start i {
            font-size: 24px;
            color: grey;
            opacity: 1 !important;
        }

            #dvdlgUploadLocal .table tr.template-upload td .btn.start i:hover {
                color: #222;
            }

#dvdlgUploadLocal .table .files tr td .btn.cancel i,
#dvdlgUploadLocal .table .files tr td .btn.delete i {
    font-size: 14px;
    color: #d61e1e;
    opacity: 1 !important;
}

#dvdlgUploadLocal .table tr.template-upload td .btn i,
#dvdlgUploadLocal .table tr.template-download td .btn i {
    margin: 0;
}

#dvdlgUploadLocal .table tr.template-upload td .size + .progress {
    margin-bottom: 12px;
}

#dvdlgUploadLocal .table tr.template-download .toggle {
    vertical-align: middle;
    margin: -2px 0 0 6px;
}

#dvdlgUploadLocal .fileupload-progress {
    display: block;
    clear: both;
    padding: 4px 0 0 0;
}

/*---- Attach Email Upload --------*/
#dvdlgUploadEmail {
    padding-bottom: 10px;
}

    #dvdlgUploadEmail .ui-tabs .ui-tabs-nav {
        border: none;
        margin: 0 0 10px 0;
    }

        #dvdlgUploadEmail .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            font-size: 14px;
            font-weight: normal;
            border-bottom: solid 2px #fff;
            outline: none !important;
        }

        #dvdlgUploadEmail .ui-tabs .ui-tabs-nav li a:hover {
            border-bottom: solid 2px #fff;
        }

        #dvdlgUploadEmail .ui-tabs .ui-tabs-nav li {
            background: none !important;
        }

        #dvdlgUploadEmail .ui-tabs .ui-tabs-nav .ui-state-active a,
        #dvdlgUploadEmail .ui-tabs .ui-tabs-nav .ui-state-active a:link,
        #dvdlgUploadEmail .ui-tabs .ui-tabs-nav .ui-state-active a:visited {
            border-bottom: 2px solid #0744a2;
        }

    #dvdlgUploadEmail .ui-tabs .ui-tabs-panel {
        padding: 10px 5px;
    }

    #dvdlgUploadEmail .form-group label {
        line-height: 22px;
    }

    #dvdlgUploadEmail .ui-jqgrid-htable tr th {
        vertical-align: top;
        padding: 5px 2px 0px 2px;
    }

    #dvdlgUploadEmail .ui-jqgrid-htable tr:nth-child(2) th {
        padding: 0px 2px 5px 2px;
    }

.dvdlgUploadEmail .ui-dialog .ui-dialog-buttonpane {
    margin-top: 20px;
}


#dvdlgUploadEmail #jqInboxGrid tr td:nth-child(3) > span:first-of-type,
#projectMailItemsArea #projectmailitems .attachMailIconHide > span:first-of-type {
    display: none;
}

#dvdlgUploadEmail #jqInboxGrid tr td:nth-child(3) > span:last-of-type,
#projectMailItemsArea #projectmailitems .attachMailIconHide > span:last-of-type {
    margin-left: -5px;
}

#projectMailItemsArea #projectmailitems .divTableCell:first-child {
    display: none !important;
}


/*------- RFI Detail Page ------*/
.rfidvMain #dvleftSection {
    padding-left: 5px;
}

.RFI-detail-breadcrumb-bar,
.email-detail-breadcrumb-bar {
    float: left;
    width: 100%;
}

.RFI-mail-detail,
.email-mail-detail,
.email-detail-page {
    float: left;
    width: 100%;
    border-color: #d5d5d5;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
}

.RFI-mail-detail {
    padding: 0 0 10px 0;
    border: none;
}

.RFI-detail-top-inner {
    padding: 14px 14px 5px 14px;
    width: 100%;
    border: solid 1px #d5d5d5;
    float: left;
}

.rfi-detail-page-title {
    font-size: 18px;
    margin-bottom: -5px;
}


.RFI-mail-detail .widget,
.RFI-paired-detail .widget,
.RFI-mail-detail .widget .widget-header,
.RFI-paired-detail .widget .widget-header,
.RFI-mail-detail .widget-content,
.RFI-paired-detail .widget-content,
.rfi-reply-box {
    clear: both;
    float: left;
    width: 100%;
}

.RFI-mail-detail .form-group {
    margin-bottom: 14px;
}

.rfi-detail-widget .ques-widget-header {
    background-color: #585858;
    border: none;
    color: #fff;
    margin-top: -1px;
}

.RFI-mail-detail .widget,
.rfi-detail-widget {
    border: none;
    background: none;
}

    .RFI-mail-detail .widget .widget-header,
    .RFI-paired-detail .widget .widget-header {
        padding: 0 15px;
        line-height: 35px;
        display: block;
    }

.RFI-mail-detail .widget-content,
.RFI-paired-detail .widget-content {
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-top: none;
    padding: 10px 14px;
    height: auto;
}

.RFI-mail-detail .rfi-reply-box .widget-content,
.RFI-paired-detail .rfi-reply-box .widget-content {
    border: none;
    padding: 20px 15px;
    box-shadow: 0px 3px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 3px 0 rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 3px 0 rgba(0,0,0,0.08);
}

.rfi-detail-widget .answer-info {
    background: #7c7c83;
    margin-bottom: 0px;
    border: none;
    margin-top: -1px;
}

.rfi-detail-widget .ques-widget-content,
.rfi-detail-widget .response-widget-content {
    background-color: #f5f5f5;
    box-shadow: 0px 1px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 1px 0 rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 1px 0 rgba(0,0,0,0.08);
}

.RFI-mail-detail .widget .response-area,
.RFI-paired-detail .widget .response-area {
    margin: 0px;
    background: none;
    height: 38px;
    line-height: 38px;
    border: none;
    border-bottom: solid 1px lightgray;
    background: #eee;
    padding: 0 15px;
}

.rfi-reply-box {
    margin-top: 15px;
    /* box-shadow: 0px 1px 5px rgba(0,0,0,0.28); */
    /* -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.28); */
    padding: 0;
    background: #fff;
    position: relative;
    border: solid 1px #ccc;
}

.RFI-mail-detail .widget-content ul,
.RFI-mail-detail .widget-content ol {
    width: 100%;
    list-style-position: inside;
}

.response-header-title {
    font-weight: bold;
    font-size: 14px;
    color: #555;
}

.rfi-reply-box .answer-content {
    padding: 1px 0 5px 0;
    width: 100%;
    display: block;
    float: none;
    overflow: hidden;
}


.response-area .k-checkbox-label,
#formEmailCompose .k-checkbox-label,
.fancy-sole-chkbox .k-checkbox-label,
.k-ins-checkbox-label span {
    display: inline-block;
    position: relative;
    padding-left: 24.8px;
    padding-top: 1px;
    vertical-align: text-top;
    line-height: 16px;
    cursor: pointer;
    border-style: solid;
    border-width: 0;
}

.fancy-sole-chkbox .k-checkbox-label {
    padding-left: 0;
    min-width: 20px;
    min-height: 20px;
}

    #dvleftSection .k-checkbox-label:before,
    .response-area .k-checkbox-label:before,
    #formEmailCompose .k-checkbox-label:before,
    .fancy-sole-chkbox .k-checkbox-label:before,
    .k-ins-checkbox-label span:before {
        width: 16px;
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        background-color: #fff;
    }

.fancy-sole-chkbox .k-checkbox[disabled] + .k-checkbox-label:before,
.fancy-sole-chkbox .k-checkbox[disabled] + input + .k-checkbox-label:before {
    background-color: #eaeaea;
}


#dvleftSection .k-checkbox + .k-checkbox-label:after,
#dvleftSection .k-checkbox + .k-checkbox-label:before,
#dvleftSection .k-checkbox + .k-checkbox-label,
.response-area .k-checkbox + .k-checkbox-label:after,
.response-area .k-checkbox + .k-checkbox-label:before,
.response-area .k-checkbox + .k-checkbox-label,
.fancy-sole-chkbox .k-checkbox + .k-checkbox-label,
#formEmailCompose .k-checkbox + input + .k-checkbox-label:after,
#formEmailCompose .k-checkbox + input + .k-checkbox-label:before,
#formEmailCompose .k-checkbox + input + .k-checkbox-label,
.k-ins-checkbox-label span:before {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

.response-area .k-checkbox:focus + .k-checkbox-label:after {
    background: none;
}

#dvleftSection .k-checkbox + .k-checkbox-label:after,
.response-area .k-checkbox + .k-checkbox-label:after,
#formEmailCompose .k-checkbox + input + .k-checkbox-label:after {
    background: none !important;
    box-shadow: none;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
}

.rfi-mark-offical-option {
    margin-right: 50px;
}

.RFI-mail-detail .rfi-mark-offical-option {
    line-height: 34px;
}

.quick-div-strips .form-group {
    padding: 6px 1px;
    margin-bottom: 0;
    border-bottom: dotted 1px #ccc;
}

    .quick-div-strips .form-group:nth-of-type(odd) {
        /*background-color: #f5f5f5;*/
    }

    .quick-div-strips .form-group:last-of-type {
        margin-bottom: 2px;
        border-bottom: none;
    }



/*---- RFI Mail Paired Details -----*/
.RFI-paired-detail * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.RFI-paired-detail .rfi-mark-offical-option {
    padding-top: 0px;
}

.response-area .k-checkbox-label {
    padding-top: 2px;
}

.rfi-reply-box .mailSerialsNo {
    position: absolute;
    top: 4px;
    right: 4px;
}

.rfi-attachment-br {
    height: 5px;
}

.rfi-mail-attachment-title {
    font-size: 12px;
    line-height: 26px;
    padding: 0 15px;
    background-color: #4d91cc;
    color: #fff;
}

.rfi-mail-attachment-body {
    background-color: #fff;
}

.rfi-mail-attachment .attachment-item {
    margin-right: 0;
    padding: 0 25px 0 4px;
    margin: 1px 0;
}

    .rfi-mail-attachment .attachment-item a {
        /*background-color: rgba(255,255,255,0.75);*/
        height: 26px;
        line-height: 26px;
        padding: 0 10px 0 28px;
        margin-right: 2px;
        display: block;
        position: relative;
        font-size: 12px;
    }

        .rfi-mail-attachment .attachment-item a:hover {
            /*background-color: rgba(255,255,255,0.75);*/
        }

.rfi-mail-attachment .local:before,
.rfi-mail-attachment .mail:before {
    content: "";
    display: none;
}

.rfi-mail-attachment .mail a:before,
.rfi-mail-attachment .local a:before {
    content: url(../../../Images/icons/email16x16.png);
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 5px;
}

.rfi-mail-attachment .local a:before {
    content: url(../../../Images/icons/local16x16.png);
}

.rfi-reply-attachment {
    clear: both;
    clear: both;
    float: left;
    width: 100%;
    margin: 15px 0 0 0 !important;
}

    .rfi-reply-attachment .rfi-mail-attachment-body {
        background-color: #fafafa;
    }


/*---------- Start RFI Approval --------------*/
.rfi-calendar-view {
    float: none;
    width: 120px;
    padding: 50px 1px 0 0;
    display: inline-block;
}

    .rfi-calendar-view .due-days {
        padding-top: 4px;
    }


#RFICommentsDialog .ui-dialog-titlebar-close {
    margin-top: -4px;
}

#RFICommentsDialog .RFI-comments-wrapper {
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 5px 0 20px 0;
    min-height: 450px;
}



@media only screen and (min-width: 768px) {
    #RFICommentsDialog .modal-dialog {
        width: 650px;
    }
}


#RFIRepliesListing {
    display: none;
}

#RFIRepliesWrapper.dms-active #RFIRepliesListing {
    display: block;
    overflow: hidden;
}

#RFIRepliesViewBtn {
    display: inline-block;
    padding: 7px 12px 7px;
    font-weight: normal !important;
    cursor: pointer;
    border: solid 1px #ddd;
    margin-top: 10px;
    color: #333;
}

    #RFIRepliesViewBtn:hover {
        background-color: #fafafa;
    }

    #RFIRepliesViewBtn i {
        margin-right: 6px;
        font-size: 11px;
        vertical-align: middle;
        margin-top: -2px;
    }
/*--- RFI Hr Workflow ----*/
.hr-workflow-area {
    margin: 0;
    display: block;
    overflow: hidden;
    padding: 20px 10px 10px;
}

.hr-workflow {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .hr-workflow > li {
        width: auto;
        text-align: center;
        display: inline-block;
        padding: 0;
        min-width: 190px;
        margin: 0 -5px;
        vertical-align: top;
    }

.hrWf-item-wrapper {
    position: relative;
    overflow: hidden;
}

.hrWf-area h6 {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 15px;
}

.hrWf-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .hrWf-list li {
        display: inline-block;
        padding: 0;
        min-width: 100px;
        margin: 0 -5px;
        vertical-align: top;
        text-align: center;
    }

.hr-workflow li.hrWf-last {
    width: auto !important;
}

.hrWf-step-title {
    height: 22px;
    padding: 2px 10px 0;
    font-size: 12px;
}

.hrWf-bar {
    height: 50px;
    position: relative;
    width: 100%;
}

    .hrWf-bar:before,
    .hrWf-bar:after {
        height: 4px;
        content: " ";
        position: absolute;
        background-color: #0258A3;
        top: 25px;
        width: 50%;
        right: 50%;
    }

    .hrWf-bar:after {
        right: auto;
        left: 50%;
    }

.hr-workflow li.hrWf-last .hrWf-bar {
    height: 35px;
}

.hr-workflow li:first-child .hrWf-bar:before {
    display: none;
}

.hr-workflow li:last-child .hrWf-bar:after {
    display: none;
}

.hrWf-user-icon.wf-status-profile-img {
    position: absolute;
    left: 50%;
    top: 23px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
}

.hrWf-signal {
    position: absolute;
    left: 50%;
    margin-left: 29px;
    top: 55px;
    background-color: #0464b8;
    background: linear-gradient(#0464b8, #0258A3);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .hrWf-signal.green {
        background-color: #0ed20e;
        background: linear-gradient(#0ed20e, #01ab01);
    }

    .hrWf-signal.red {
        background-color: #f60d0d;
        background: linear-gradient(#f60d0d, #e30404);
    }

.hr-workflow li.hrWf-last .hrWf-signal {
    margin-left: -1px;
}

.hrWf-info {
    padding: 10px 10px 0;
}

    .hrWf-info .hrWf-duration {
        color: #111;
        min-height: 20px;
        font-size: 12px;
        color: #777;
    }

    .hrWf-info .hrWf-user-title {
        color: #777;
        color: #0258A3;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 2px;
    }

.hrWf-item .twoLetter {
    line-height: 46px;
    font-size: 16px;
}


#RFIReviewDialog select.RFI-outcome {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline style='fill: grey' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    background-size: 0.8em;
    background-position: right 8px top 10px;
    line-height: normal;
    background-color: #fff;
    height: 32px;
    padding: 5px 20px 5px 12px;
    cursor: pointer;
    font-size: 14px !important;
    width: 90%;
}

#RFIReviewDialog .comments-txtbox {
    width: 90%;
    height: 70px;
}

#RFIQuickApproval .btn .faIconBg {
    font-size: 15px;
}

/*----- RFI Review Details -----*/
.RFI-review-page-title {
    text-align: left;
    font-weight: bold;
    display: inline-block;
    padding-top: 10px;
    color: #333;
}

.RFI-review-top-summary {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px 45px 10px 15px;
    position: relative;
    clear: both;
    background-color: #f3f9ff;
    border: solid 1px #b8daff;
    border: solid 1px #c1d8f1;
    margin-bottom: 6px;
    /*background-color: #fffaec;
    border-color: #efe1b7;*/
}

.RFI-summary-left {
    float: left;
    min-width: 200px;
}

.RFI-summary-outcome {
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0;
}

    .RFI-summary-outcome .approved,
    .RFI-summary-outcome .rejected {
        color: #11a211;
        display: inline-block;
        padding: 0px 15px;
        float: left;
        border: solid 1px green;
        line-height: 26px;
        height: 28px;
        border-radius: 2px;
        background-color: #fff;
    }

    .RFI-summary-outcome .rejected {
        color: #bf1717;
        border-color: #bf1717;
    }

.RFI-summary-right {
    display: block;
    overflow: hidden;
    padding-left: 40px;
}

.RFI-review-top-summary h4 {
    font-weight: bold;
    font-size: 13px;
    color: #222;
}

.RFI-summary-right h4 {
    display: block;
}

.RFI-summary-comments {
    display: block;
    overflow: hidden;
    padding: 8px 0 4px;
}

/*---------- End RFI Approval --------------*/


/*----- Kendo material --------*/
.k-checkbox:checked + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:hover:before,
.k-checkbox:checked:hover + .k-checkbox-label:before,
.k-checkbox:checked + input + .k-checkbox-label:before,
#formEmailCompose .k-checkbox:checked + input + .k-checkbox-label:hover:before,
#formEmailCompose .k-checkbox:checked:hover + input + .k-checkbox-label:before,
.k-ins-checkbox-label span:before {
    border-color: #3f51b5;
}

.k-checkbox:checked + .k-checkbox-label:before,
.k-checkbox:checked + input + .k-checkbox-label:before,
.k-checkbox:checked + input + input + .k-checkbox-label:before,
.k-ins-checkbox-label .k-checkbox:checked + span:before,
.k-ins-checkbox-label .k-checkbox:checked + input + span:before {
    /*background-color: #3bb132 !important;
    border-color: #53af2c !important;*/
    background-color: #3bb132 !important;
    border-color: #3bb132 !important;
    color: #fff !important;
}

.k-ins-checkbox-label input.k-checkbox {
    display: inline;
    opacity: 0;
    width: 0;
    margin: 0;
    position: absolute;
}

.k-ins-checkbox-label span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    width: 16px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    background-color: #fff;
    border-color: #aaa;
}

.k-checkbox:checked + span:before,
.k-checkbox:checked + input + span:before {
    content: "\2713";
}

.k-checkbox:checked + input + .k-checkbox-label:before,
.k-checkbox:checked + input + input + .k-checkbox-label:before {
    content: "\2713";
}





.k-checkbox[disabled]:checked + .k-checkbox-label:before,
.k-checkbox[disabled]:checked + input + .k-checkbox-label:before {
    background-color: #95c591 !important;
    border-color: #95c591 !important;
}




/*------- Email Detail Page------*/
.email-detail-page {
    background-color: transparent;
    border: none;
    padding: 0;
}

    .email-detail-page .email-content-wrapper {
        padding: 0 5px;
    }

.email-detail-content {
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    border: solid 1px #ccc;
    /*box-shadow: 0px 2px 3px rgba(0,0,0,0.29);
    -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.29);
    -ms-box-shadow: 0px 3px 2px rgba(0,0,0,0.29);*/
}

.email-detail-page .row {
    margin: 0;
}

.email-detail-head {
    line-height: 20px;
    background: #f5f5f5;
    padding: 15px;
    border-bottom: solid 1px #ddd;
    margin-bottom: -1px;
}

.email-detail-page .email-header-row.row {
    padding-bottom: 10px;
}

.email-detail-page .mail-header-subject {
    padding-bottom: 8px;
}

.email-detail-attachment {
    background-color: #f1f1f1;
    padding: 10px 15px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.emailAttachmentTable {
    margin-bottom: 5px;
    font-size: 12px;
}

.email-detail-body {
    padding: 25px 16px;
}


/*----- Workflow Grid home -------*/
#DocSubmitted {
    margin-right: 5px;
    background-color: #5cb85c;
    display: inline-block;
    color: #fff;
    width: auto;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px;
}

#DocPending {
    margin-right: 5px;
    background-color: #ea911e;
    display: inline-block;
    color: #fff;
    width: auto;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px;
}

.reviewTaskBtn,
.skipStageBtn {
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
}

    .reviewTaskBtn img,
    .skipStageBtn img {
        vertical-align: middle;
        line-height: 16px;
    }

.workflowGridTitleRow {
    width: 100%;
    height: 35px;
    line-height: 35px;
}

    .workflowGridTitleRow > span {
        height: 35px;
        line-height: 35px;
        display: inline-block;
        vertical-align: middle;
    }

        .workflowGridTitleRow > span.ui-icon-circlesmall-minus {
            height: 16px;
            line-height: normal;
            margin-top: 9px;
        }



#gview_jqWfSearch table#jqWfSearch tr[id^="jqWfSearchghead"] td #WorkflowViewTitle > span > span:last-of-type {
    display: inline-block;
    line-height: 15px;
    height: 18px;
    overflow: visible;
    width: 67px;
}

    #gview_jqWfSearch table#jqWfSearch tr[id^="jqWfSearchghead"] td #WorkflowViewTitle > span > span:last-of-type > a {
        display: inline-block;
        margin-right: 2px;
    }

#gview_jqWfSearch .ui-jqgrid-bdiv #jqWfSearch tr td:nth-last-child(2) {
    padding-right: 20px;
}

#gview_jqWfSearch table#jqWfSearch tr td[aria-describedby="jqWfSearch_Comments"] {
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*#WorkflowViewTitle span{
    display: inline-block;
}*/
.ui-jqgrid-bdiv table#jqWfSearch tr.jqgroup td {
    overflow: visible;
}

.WorkflowViewTitleContainer {
    width: 50%;
    float: left;
    position: relative;
    top: 7px;
}

    .WorkflowViewTitleContainer #WorkflowViewTitle {
        float: left;
        margin-left: 130px;
    }

    .WorkflowViewTitleContainer .workflowNumber {
        display: block;
        position: absolute;
        left: 0px;
    }

        .WorkflowViewTitleContainer .workflowNumber > span {
            display: inline-block;
            max-width: 110px;
            padding: 0 3px 0 7px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

div.workflowActionsDropdown {
    padding: 0;
    float: right;
    margin-right: 10px;
    margin-right: 13px;
    height: 25px;
    line-height: 25px;
    margin-top: -12px;
}

#workflowActionsMenu {
    cursor: pointer;
    padding: 4px;
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
}

div.workflowActionsDropdown .dropdown-menu {
    margin-left: -112px;
    padding: 0;
    margin-top: 4px;
}

    div.workflowActionsDropdown .dropdown-menu:before,
    div.workflowActionsDropdown .dropdown-menu:after {
    }

    div.workflowActionsDropdown .dropdown-menu:before,
    div.workflowActionsDropdown .dropdown-menu:after {
        margin-left: -48px;
    }

    div.workflowActionsDropdown .dropdown-menu > li > a i,
    div.workflowActionsDropdown .dropdown-menu > li > a img {
        margin-right: 4px;
        width: 16px;
    }

/*----- Workflow task details ---------*/
.file-icon-wrapper {
    text-align: center;
    display: inline-block;
}

.date-calendar-view {
    text-align: center;
}

    .date-calendar-view .due-days {
        font-size: 30px;
        color: #444;
        line-height: 32px;
        font-weight: bold;
    }

.overdue {
    color: #d32424 !important;
}

.date-calendar-view .due-date {
    font-size: 13px;
}

#tasksGrid .reviewFile {
    position: relative;
    width: 60px;
    margin: 0 auto;
}

#tasksGrid .reviewFileThumb {
    white-space: nowrap;
    text-align: center;
    min-width: 1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    margin: 0 auto;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 4px;
    height: 60px;
    width: 60px;
    cursor: pointer;
    overflow: hidden;
}

    #tasksGrid .reviewFileThumb:hover {
        border: 2px solid #d62828;
    }

    #tasksGrid .reviewFileThumb a {
        outline: none;
        display: block;
        width: 50px;
        height: 50px;
    }

    #tasksGrid .reviewFileThumb img,
    #tasksGrid .reviewFileThumb object {
        max-width: 100%;
        max-height: 100%;
        cursor: pointer;
    }

    #tasksGrid .reviewFileThumb object {
        width: 50px;
        height: 50px;
        cursor: pointer;
        opacity: 0;
    }

    #tasksGrid .reviewFileThumb .pdf-overlay {
        position: absolute;
        z-index: 3;
        width: 50px;
        height: 50px;
        top: 5px;
        left: 5px;
        cursor: pointer;
        background: url(../img/pdf.svg) no-repeat top center;
    }



#tasksGrid .reviewFilePreviewContainer {
    display: none;
    position: absolute;
    width: 80px;
    height: 60px;
    left: 0;
    top: 0;
    overflow: visible;
}

#tasksGrid .reviewFilePreview {
    display: none;
    position: absolute;
    width: 400px;
    height: 400px;
    vertical-align: middle;
    right: 59px;
    border: solid 1px #525252;
    top: 0;
    margin-top: -170px;
    background-color: #fff;
    line-height: 300px;
    text-align: center;
    vertical-align: middle;
    box-shadow: -1px 1px 15px rgba(0,0,0,0.55);
    z-index: 300;
}
    /*.reviewFilePreview:after, .reviewFilePreview:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.reviewFilePreview:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.reviewFilePreview:before {
    border-color: rgba(82, 82, 82, 0);
	border-left-color: #525252;
	border-width: 16px;
	margin-top: -16px;
}*/

    #tasksGrid .reviewFilePreview img {
        vertical-align: middle;
        display: inline-block;
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 100%;
    }

    #tasksGrid .reviewFilePreview object {
        width: 398px;
        height: 398px;
        display: inline-block;
        vertical-align: middle;
    }

    #tasksGrid .reviewFilePreview a {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        background: rgba(0,0,0,0.65) !important;
        color: #fff;
    }

        #tasksGrid .reviewFilePreview a:hover {
            color: #ccc;
        }

        #tasksGrid .reviewFilePreview a i {
            margin-left: 10px;
        }

div[id^=dvCurrentReplacedFile] {
    margin: 0 auto !important;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    cursor: pointer;
    font-size: 0;
    text-indent: 99999em;
}

    div[id^=dvCurrentReplacedFile]:before {
        /*content: "\f0c1";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        color: #cbccd0;
        font-size: 16px;
        opacity: 1;
        margin-top: 10px;*/


        content: "\f15c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-align: center;
        line-height: 26px;
        color: #dadbde;
        font-size: 42px;
        opacity: 1;
        margin: 8px 0 0 -4px;
        cursor: pointer;
        transform: scaleX(0.9);
    }

    div[id^=dvCurrentReplacedFile].file-thumb:before {
        opacity: 0;
    }

.replacedFileTrash {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -28px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-color: #626262;
    text-align: center;
    line-height: 16px;
    color: #fff;
    cursor: pointer;
}

#tdCurrentReplacedFile .file-thumb + .replacedFileTrash {
    display: block;
}

.dvReplacedFileContainer {
    width: 44px;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

#tasksGrid .file-thumb,
.wf-meta-bar .file-thumb {
    width: 44px;
    height: 50px;
    background-size: cover !important;
    padding: 0;
    margin: 0 auto !important;
    float: none;
}

#tasksGrid .JPGimage,
.wf-meta-bar .JPGimage {
    background: url(../img/jpg.svg) no-repeat top center;
}

#tasksGrid .PDFimage,
.wf-meta-bar .PDFimage {
    background: url(../img/pdf.svg) no-repeat top center;
}

#tasksGrid .PNGimage,
.wf-meta-bar .PNGimage {
    background: url(../img/png.svg) no-repeat top center;
}

#tasksGrid .TXTimage,
.wf-meta-bar .TXTimage {
    background: url(../img/txt.svg) no-repeat top center;
}

#tasksGrid .DOCimage,
.wf-meta-bar .DOCimage {
    background: url(../img/doc.svg) no-repeat top center;
}

#tasksGrid .DOCXimage,
.wf-meta-bar .DOCXimage {
    background: url(../img/docx.svg) no-repeat top center;
}

#tasksGrid .pptimage,
.wf-meta-bar .pptimage {
    background: url(../img/ppt.svg) no-repeat top center;
}

#tasksGrid .DWGimage,
.wf-meta-bar .DWGimage {
    background: url(../img/dwg.svg) no-repeat top center;
}

#tasksGrid .TIFFimage,
.wf-meta-bar .TIFFimage {
    background: url(../img/tiff.svg) no-repeat top center;
}

#tasksGrid .XLSimage,
.wf-meta-bar .XLSimage {
    background: url(../img/xls.svg) no-repeat top center;
}

#tasksGrid .XLSXimage,
.wf-meta-bar .XLSXimage {
    background: url(../img/xlsx.svg) no-repeat top center;
}

#tasksGrid .Otherimage,
.wf-meta-bar .Otherimage {
    background: url(../img/file.svg) no-repeat top center;
}
.behind-0{
    z-index: 0 !important;
}
.wf-meta-bar .replace-file-btn-link {
    position: relative;
    z-index: 1;
}
.wf-meta-bar .replace-file-btn {
    opacity: 0;
    position: relative;
    overflow: hidden;
    top: -36px;
    cursor: pointer;
    z-index: 2;
    height: 50px;
}
.replace-file-btn input[type="file"] {
    height: 50px;
}

.review-action-btns {
    min-width: 90px;
}

.review-action-btn {
    display: inline-block;
    height: 22px;
    width: 19px;
    text-align: center;
    line-height: 22px;
    vertical-align: top;
    margin-right: 0;
}

    .review-action-btn i {
        font-size: 18px;
        line-height: 22px;
    }

.review-sidebar-btn {
    display: block;
    line-height: 31px;
    vertical-align: top;
    font-family: arial;
    font-size: 13px;
    padding: 0px;
    outline: none !important;
    width: 100%;
    margin-bottom: 1px;
    font-size: 14px;
}

    .review-sidebar-btn span {
        width: 100%;
    }

    .review-sidebar-btn i {
        margin-right: 6px;
    }

    .review-sidebar-btn:active,
    .review-sidebar-btn:focus {
        background: none;
    }


.review-action-hidden {
    display: none;
}

    .review-action-hidden .review-action-btn {
        margin-right: 0px;
    }

    .review-action-hidden #zipFiles i {
        font-size: 16px;
        line-height: 20px;
    }



table.taskDetailsGrid > tbody > tr > .showActions {
    padding-right: 0;
}

.taskDetailsGrid tr td input[type=checkbox] {
    cursor: pointer;
}

table.taskDetailsGrid > tbody > tr:hover .showActions .review-action-hidden {
    display: inline-block;
}

.taskDetailsGrid > tbody > tr:hover > td {
    background-color: #f7f7f7 !important;
}

.taskDetailsGrid > tbody + tbody {
    border-top: none;
}


/*---- Popups -----*/

/*---- Review Image Gallery -----*/
.dmsModal.reviewImageGallery {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    position: fixed !important;
}

.reviewImageGallery {
    background-color: #eee;
    background-color: #505256;
    background: #a1a4a9;
    background: #54565a;
}

    .reviewImageGallery .ui-dialog-titlebar {
        background-color: #3c3d40;
        background: linear-gradient(#54565a, #37393c);
        border-bottom: solid 1px #5e6065;
    }

    .reviewImageGallery .ui-dialog-titlebar-close {
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin: -12px 5px 0 0;
    }

        .reviewImageGallery .ui-dialog-titlebar-close:before {
            font-size: 18px;
        }

    .reviewImageGallery .ui-dialog-title {
        opacity: 0.55;
    }

.ui-dialog #slidesArea {
    height: 95vh !important;
    position: relative;
    padding: 10px 60px;
}

#slidesArea .slidesjs-container {
    max-height: calc(100vh - 110px);
    height: calc(100vh - 120px) !important;
}

.slides_preview {
    text-align: center;
    line-height: 90vh;
    overflow: hidden;
}

.pdf_preview_bg {
    background: url(../../images/loading.gif) no-repeat center 260px;
}

.pdf_preview_small_bg {
    background: url(../../images/loading.gif) no-repeat center center;
}

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

.slidesjs-navigation {
    display: block;
    position: absolute;
    top: 49%;
    left: 15px;
    font-size: 0;
    width: 45px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-align: center;
    font-family: FontAwesome;
    border-radius: 3px;
}

.slidesjs-next {
    left: auto;
    right: 15px;
}

.slidesjs-navigation:active {
    background: none;
}

.slidesjs-navigation:hover {
    background: rgba(255,255,255,0.07);
}

.slidesjs-navigation:before {
    display: inline-block;
    content: "\f104";
    font-size: 46px;
    line-height: 60px;
    color: #d2d3da;
}

.slidesjs-next:before {
    content: "\f105";
}

.slidesjs-navigation:hover:before {
    color: #e6e7eb;
}

.slidesjs-pagination {
    margin: 0px 0 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
    padding-top: 15px;
    border-top: solid 1px #3a3c40;
    box-shadow: inset 0 1px 0 #6c6f73;
}

    .slidesjs-pagination li {
        display: inline-block;
        margin: 0 2px 2px 0;
    }

        .slidesjs-pagination li a {
            display: block;
            padding-top: 13px;
            float: left;
            overflow: hidden;
            text-align: center;
            padding: 2px 10px;
            background-color: rgba(0,0,0,0.35);
            border-radius: 2px;
            color: #fff;
            border: solid 1px #74767b;
        }

            .slidesjs-pagination li a:hover {
                background-color: rgba(0,0,0,0.75);
                background-color: #5e626b;
            }

            .slidesjs-pagination li a.active,
            .slidesjs-pagination li a.active:hover {
                background-color: rgba(0,0,0,0.55);
                background-color: #cc1818;
                border: solid 1px #e62222;
            }

.review-file-preview-error {
    color: #ced0d6;
    font-size: 16px;
}

    .review-file-preview-error a {
        color: #00BCD4;
        text-decoration: underline;
        background: none !important;
        outline: none !important;
    }

/*---- Bulk Review -----*/
#dvbulkReview .form-group {
    margin-bottom: 20px;
}

.reviewCommentsArea {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 75px;
}

.bulkReviewPopupLabel {
    display: inline-block;
    float: left;
    width: 33%;
}

    .bulkReviewPopupLabel input[type="radio"] {
        float: left;
        cursor: pointer;
    }

    .bulkReviewPopupLabel > span {
        display: block;
        overflow: hidden;
        padding-left: 5px;
        cursor: pointer;
    }

.dailogDocRegActionPopup #tblMain {
    margin-bottom: 0;
}

    .dailogDocRegActionPopup #tblMain > tbody > tr > td {
        border-bottom: none !important;
    }

.dailogDocRegActionPopup #ulTabList {
    display: none;
}

.showActions .open .dropdown-menu {
    padding: 0;
}

.showActions .dropdown-menu > li > a {
    padding: 8px 10px;
}


/*---------- Workflow Status Popup -----*/
.workflow-status-list {
    list-style-type: none;
    padding: 0;
    margin: 15px 20px;
}

    .workflow-status-list li.wf-status-row {
        list-style-type: none;
        position: relative;
        min-height: 100px;
        padding-left: 20px;
    }

    .workflow-status-list li.wf-status-row-last {
        min-height: inherit;
        padding-left: 20px;
        list-style-type: none;
    }

.wf-status-profile-img {
    display: block;
    text-align: center;
    position: absolute;
    left: -10px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    z-index: 2;
    background-color: #fff;
    padding: 2px;
    border-radius: 50%;
    top: 0;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.08);
    border: solid 1px #eee;
}

    .wf-status-profile-img img {
        border-radius: 50%;
        max-width: 100%;
        width: 100%;
        height: 100%;
    }

.twoLetter {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #9fc1dc;
    line-height: 56px;
    color: #fff;
    font-size: 20px;
}

.wf-status-comments-img .twoLetter {
    line-height: 30px;
    font-size: 14px;
}

.wf-status-right {
    display: block;
    overflow: hidden;
    padding-left: 38px;
}

.workflow-status-list li.wf-parallel:after {
    position: absolute;
    content: "";
    top: 28px;
    left: -25px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 0px 0 0 0;
    width: 20px;
    height: 100%;
}

.workflow-status-list li.wf-parallel:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -20px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0 0px;
    width: 20px;
    height: 15px;
}

.workflow-status-list .wf-parallel:first-of-type:after {
    border-radius: 5px 0 0 0;
}

.workflow-status-list .wf-parallel:last-of-type:before {
    border-radius: 0 0 0 5px;
}

.workflow-status-list .wf-parallel:last-of-type:after {
    display: none;
}

.workflow-status-list .wf-parallel:first-of-type:before {
    display: none;
}

.workflow-status-list .wf-parallel:last-child {
    color: red;
}

.workflow-status-list .wf-parallel:last-of-type {
    color: red;
}

.wf-status-comments-list {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .wf-status-comments-list .tdComments {
        list-style-type: none;
        position: relative;
        margin-top: 12px;
        padding-left: 60px;
    }

.wf-status-comments-img {
    display: block;
    text-align: center;
    position: absolute;
    left: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    top: 6px;
}

    .wf-status-comments-img img {
        border-radius: 50%;
        max-width: 100%;
        width: 100%;
        height: 100%;
    }

.wf-status-comments-body {
    border-radius: 4px;
    padding: 11px 16px;
    min-height: 50px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.07);
    background-color: #f2f2f2;
    position: relative;
}
.wf-comments-bar .wf-status-comments-body {
    box-shadow: 1px 1px 0px rgba(0,0,0,0.11);
    min-height: 70px;
}

    .wf-status-comments-body:before {
        width: 0;
        height: 0;
        content: " ";
        display: block;
        position: absolute;
        top: 16px;
        left: -12px;
        border-style: solid;
        border-width: 0 13px 13px 0;
        border-color: transparent #f2f2f2 transparent transparent;
    }

.wf-status-comments-list .tdComments .tblComments {
    border: none;
    width: 100%;
    font-size: 12px !important;
    color: #666;
}

.wf-comments-title {
    color: #333;
}

.wf-comments-text {
}

#tblReviewhistory .historyLblDocCount {
    background-color: #5bc0de;
    display: inline-block;
    color: #fff;
    width: 22px;
    height: 22px;
    padding: 0 1px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    min-width: 16px;
}

#dvDocumentHistoryWorkFlowView #tblReviewhistory .k-grid-content table tbody tr td,
#dlgWorkflow #tblReviewhistory .k-grid-content table tbody tr td {
    vertical-align: top;
}

.restoreAsBtnBox {
    display: block;
    position: absolute;
    top: 1px;
    right: 4px;
}

    .restoreAsBtnBox.noLongerUseBox {
        right: 40px;
        top: 2px;
    }

.restoreAsBtn {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/restore-icon.png) top center no-repeat;
    opacity: 0.75;
}

    .restoreAsBtn:hover {
        opacity: 0.9;
    }

.noLongerUseBox a {
    color: #777;
    font-size: 19px;
}

/*---- Workflow Template Page ------*/
.wf-template-page .modal .modal-body {
    padding: 25px;
}

    .wf-template-page .modal .modal-body input[type='text'],
    .wf-template-page .modal .modal-body select {
        width: 100%;
        padding: 1px 6px;
    }
/*----- Login ----------*/
.ui-dialog .forgotPasswordDialog {
    width: 100% !important;
    padding: 40px 40px 5px 40px !important;
}

.forgotPasswordDialog label {
    margin-bottom: 6px;
}

.dmsModal .forgotPasswordDialog .btn {
    padding: 6px 25px;
    font-size: 15px !important;
}

    .dmsModal .forgotPasswordDialog .btn:hover {
        background-color: #00769c !important;
    }


/*-------- Document Multiple Bulk Upload ----------*/
.uploadRegisterTabs {
    margin-top: 0;
    border: none;
    background-color: #ff;
}

.nav.nav-tabs-custom-colored > li > a {
    background-color: #fff;
    margin-right: 0;
    padding: 12px 15px 10px;
    transition: all 0.15s linear;
    outline: none !important;
    border-bottom: solid 2px #eee;
    display: block;
    font-size: 13px;
}

.nav.nav-tabs-custom-colored > li.active > a {
    background-color: #fff !important;
    color: #535353;
}

    .nav.nav-tabs-custom-colored > li.active > a:hover {
        border-bottom: 2px solid #246195;
    }

.nav.nav-tabs-custom-colored > li > a:hover {
    background-color: #fafafa;
    color: #535353;
    border-bottom: solid 2px #eee;
}

.uploadRegisterTabsContent {
    padding: 0;
    width: 100%;
    clear: both;
    float: left;
    min-height: calc(100vh - 230px);
    background-color: #fff;
}

    .uploadRegisterTabsContent #submittalsTab {
        padding-top: 20px;
    }

.uploadRegisterBtnBar {
    margin: 4px 0 6px;
    text-align: right;
    padding-right: 2px;
}

    .uploadRegisterBtnBar.text-left {
        text-align: left;
    }

#multipleUploadTab .uploadRegisterBtnBar {
    margin: 10px 0 6px;
}

.uploadRegisterBtnBar .btn {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    margin-right: 1px;
    font-family: Arial, sans-serif;
}

.uploadRegisterBtnBar .btn-save {
    padding: 3px 22px;
}

.uploadRegisterBtnBar .btn .fa-arrow-left {
    margin-top: -3px;
    font-size: 12px;
    vertical-align: middle;
}

.uploadRegisterTabsContent {
}

#uploadRegisterTabsContent {
    position: relative;
    float: left;
    width: 100%;
    /*min-height: 250px;
    height: 600px;
    height: calc(100vh - 220px);
    overflow: hidden;
    overflow-y: auto;*/
    clear: both;
}

.uploadRegisterBtnBar form {
    display: inline-block;
}

.upload-scroll-btn {
    font-size: 11px;
    color: #666;
}

    .upload-scroll-btn i {
        margin: 0;
    }

#uploadOffcanvasArea,
.sidebar-offcanvas-panel {
    position: fixed;
    right: -3px;
    width: 65%;
    height: 100%;
    background-color: #fff;
    z-index: 1075;
    border-left: solid 1px #aaa;
    border-top: solid 1px #fff;
    padding: 10px 0 170px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform: translate3d(110%, 0%, 0);
    -ms-transform: translate3d(110%, 0%, 0);
    transform: translate3d(110%, 0%, 0);
    box-shadow: -3px 1px 5px rgba(0,0,0,0.11);
    top: 0px;
    overflow-y: auto;
}

.upload-sidebar-open #uploadOffcanvasArea,
.user-sidebar-open .sidebar-offcanvas-panel {
    -webkit-transform: translate3d(0%, 0%, 0);
    -ms-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
}

.upload-sidebar-header,
.upload-sidebar-body {
    float: left;
    width: 100%;
    clear: both;
}

.upload-sidebar-body {
    padding: 0px 25px 10px;
}

#uploadSidebarClose {
    padding: 3px 15px;
    color: #666;
    font-size: 14px;
    float: left;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.15s linear;
    margin: 10px 8px 1px 25px;
    transition-property: none;
}

    #uploadSidebarClose:hover {
        background: #eee;
    }

    #uploadSidebarClose.closeBtn {
        margin-left: 0;
        padding: 3px 10px;
        transition-property: none;
        float: left;
    }

#sidebarUploadBtn,
#sidebarTempLink {
    padding: 4px 20px;
    float: left;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.15s linear;
    margin: 10px 8px 1px 25px;
    display: none;
    line-height: 1.42857143;
    font-size: 14px !important;
}

    #sidebarUploadBtn i {
        margin-right: 6px;
    }
#sidebarUploadCount {
    display: none;
    float: left;
    margin: 16px 0 0 10px;
    font-size: 12px;
    color: #6393ab;
}

#uploadProgressMsg {
    color: #6da0b9;
    margin: 10px 10px 1px 25px;
    display: none;
    letter-spacing: 0.015em;
}

/*--- Upload dropzone Register Metadata ------*/

.fileUploadBtnHolder {
    max-width: 320px;
}

#multipleUploadTab .dropzone {
    min-height: 300px;
    margin: 5px 0px;
    transition: all 0.3s linear;
    /*border: 1px solid #bce8f1;*/
    border: 1px dashed #8ec1cc;
    background-color: #d9edf7;
    background: #d9edf7;
    border-radius: 4px;
    padding: 16px;
}

    #multipleUploadTab .dropzone:hover {
        border-color: #6eb7c7;
        box-shadow: 1px 1px 12px rgba(125,194,223,0.25);
    }

    #multipleUploadTab .dropzone.dz-started {
        padding-bottom: 55px;
    }

    #multipleUploadTab .dropzone .dz-message:before {
        display: inline-block;
        font-size: 50px;
        vertical-align: top;
        line-height: 300px;
        content: "\f067";
        content: "\f0ee";
        opacity: 0.45;
    }

    #multipleUploadTab .dropzone.dz-started .dz-message:before {
        line-height: 40px;
        font-size: 20px;
    }

    #multipleUploadTab .dropzone .dz-message:after {
        content: "Choose Files to Upload";
        display: inline-block;
        font-size: 17px;
        margin-left: 12px;
        vertical-align: top;
        line-height: 300px;
    }

    #multipleUploadTab .dropzone.dz-started .dz-message:after {
        content: "Click to Add More Files";
        font-size: 14px;
        line-height: 40px;
    }

    #multipleUploadTab .dropzone .dz-default.dz-message span {
        display: none;
        margin-left: 20px;
        vertical-align: top;
        line-height: 40px;
    }

    #multipleUploadTab .dropzone .dz-default.dz-message {
        margin-top: 0;
        height: 34px;
        top: 0;
        color: #31708f;
    }

    #multipleUploadTab .dropzone.dz-started .dz-default.dz-message {
        top: auto;
        bottom: 15px;
        opacity: 1;
    }

.uploadZipOption {
    margin-top: 20px;
}

table.registerGrid {
    border-top-color: transparent;
    border: none;
}


.floatThead-container {
    z-index: 4 !important;
}

.registerGridContainer {
    overflow: auto;
    width: 100%;
    padding: 0;
    overflow-y: scroll;
    max-height: 580px !important;
    max-height: calc(100vh - 320px) !important;
}

#multipleUploadTab .registerGridContainer {
    max-height: calc(100vh - 260px) !important;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
}

.floatThead-container .registerGrid tr th,
.registerGridContainer .registerGrid tr th {
    padding: 5px 8px 6px 10px;
    white-space: nowrap;
    font-size: 12px;
    border: solid 1px #ddd !important;
    background-color: #f0f0f0;
}

    .floatThead-container .registerGrid tr th strong,
    .registerGridContainer .registerGrid tr th strong {
    }

    .registerGridContainer .registerGrid tr th > div {
        overflow: hidden;
        white-space: nowrap;
    }

    .registerGridContainer .registerGrid tr th .registerGridTitle {
       position: relative;
        padding-right: 30px;
    }

    .registerGridContainer .registerGrid tr th > div label {
        float: left;
    }

    .registerGridContainer .registerGrid tr th:first-child > div label {
        float: none;
    }

.registerGridContainer .registerGrid .fa-close {
    font-size: 15px;
}

.floatThead-container .registerGrid .required-field:after,
.registerGridContainer .required-field:after {
    padding-left: 3px;
}

.registerGridContainer .registerGrid {
    margin-bottom: 0;
}

#multipleUploadTab .registerGridContainer .registerGrid {
    margin-left: -1px;
    margin-top: -1px;
}

.registerGridContainer .registerGrid tr {
    /*background-color: #f9f9f9;
      box-shadow: inset 1px 2px 0 #fff;*/
}

    .registerGridContainer .registerGrid tr:hover {
        background-color: #fafafa;
        box-shadow: inset 1px 2px 0 #fff;
    }

.registerGridContainer .table-hover > tbody > tr:hover > td,
.registerGridContainer .table-hover > tbody > tr:hover > th {
    background-color: inherit !important;
}


.registerGridContainer .registerGrid tr td {
    padding: 10px 10px;
    line-height: normal;
    border: none;
    border-bottom: solid 1px #ccc;
    vertical-align: middle;
}

    .registerGridContainer .registerGrid tr td:first-child {
        border-left: solid 1px #ddd;
    }

.registerGridContainer .registerUploadGrid tr td {
    padding: 6px 10px;
    background-color: #fff;
}

.registerGridContainer .registerUploadGrid tr.register-empty-grid-note,
.registerGridContainer .registerSubmittalGrid tr.register-empty-grid-note {
    background-color: transparent;
    box-shadow: none;
}

    .registerGridContainer .registerUploadGrid tr.register-empty-grid-note td,
    .registerGridContainer .registerSubmittalGrid tr.register-empty-grid-note td {
        border: none;
        height: 50px;
        text-align: center;
        background: none !important;
        padding: 0;
        position: fixed !important;
        left: auto !important;
        margin-top: 120px;
        width: 99%;
    }

.registerGridContainer .registerUploadGrid tr.register-empty-grid-note2,
.registerGridContainer .registerSubmittalGrid tr.register-empty-grid-note2 {
    background-color: #eee !important;
    box-shadow: none;
}

    .registerGridContainer .registerUploadGrid tr.register-empty-grid-note2 td,
    .registerGridContainer .registerSubmittalGrid tr.register-empty-grid-note2 td {
        height: 90px;
        text-align: left;
        padding-left: 50px;
        background-color: #eee;
    }




/*----- Columns Fixed ------------*/

.registerGridContainer .registerUploadGrid tr.file-upload-row td:nth-child(-n+3) {
    z-index: 1 !important;
}

.registerGridContainer .registerGrid thead tr th {
    z-index: 1 !important;
}

    .registerGridContainer .registerGrid thead tr th:nth-child(-n+3) {
        z-index: 2 !important;
        background-color: #e5e5e5;
        vertical-align: middle !important;
    }

    .registerGridContainer .registerGrid thead tr th:nth-child(-n+2) {
        text-align: center;
    }
/*.registerGridContainer .registerUploadGrid tbody tr.file-upload-row td:nth-child(1),
.floatThead-container .registerGrid tr th:nth-child(1),
.registerGridContainer .registerGrid tr th:nth-child(1) {
    width: 38px;
    left: 20px;

}
.registerGridContainer .registerUploadGrid tbody tr.file-upload-row td:nth-child(1){
    padding-top: 20px;
}
.registerGridContainer .registerUploadGrid tbody tr.file-upload-row td:nth-child(2),
.floatThead-container .registerGrid tr th:nth-child(2),
.registerGridContainer .registerGrid tr th:nth-child(2) {
    width: 38px;
    left: 58px;
}
.registerGridContainer .registerUploadGrid tbody tr.file-upload-row td:nth-child(2){
    padding-top: 16px;
}
.registerGridContainer .registerUploadGrid tbody tr.file-upload-row td:nth-child(3),
.floatThead-container .registerGrid tr th:nth-child(3),
.registerGridContainer .registerGrid tr th:nth-child(3) {
    width: 272px;
    left: 96px;
}*/










.registerGridContainer .registerGrid .uiDate {
    background: url(../img/CIcon.png) no-repeat right;
    padding: 2px;
    text-indent: 5px;
    height: 26px;
}

    .registerGridContainer .registerGrid .uiDate[disabled] {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }


.uploadRegisterTabsContent .fancy-sole-chkbox {
    text-align: center;
}

.uploadRegisterTabsContent .trash-row-upload {
    padding: 4px 2px 2px;
    display: block;
}

.doc-upload-thumb {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    font-size: 13px;
    background: rgba(255,255,255,0.8);
    position: relative;
    display: inline-block;
    margin: 0 0 0 2px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 5px;
    height: 77px;
}

    .doc-upload-thumb img {
        width: 65px;
        height: 65px;
    }

.doc-upload-file .form-control[readonly] {
    width: 180px;
    display: inline-block;
    background-color: #fff;
    cursor: auto;
}

.doc-upload-file a[data-role="fileselect"],
.submittal-grid-file .btn-outline {
    display: inline-block;
    height: 26px;
    border: solid 1px #ccc;
    vertical-align: middle;
    line-height: 26px;
    padding: 0 10px;
    font-size: 13px;
    background: linear-gradient(#fff, #eee);
    color: #222;
    outline: none !important;
    margin-top: -1px;
}

    .doc-upload-file a[data-role="fileselect"]:hover,
    .doc-upload-file a[data-role="fileselect"]:active {
        border-color: #aaa;
    }

    .doc-upload-file a[data-role="fileselect"]:active {
        background: linear-gradient(#eee, #fff);
    }

.changeFileDialog #fileDialog {
    padding: 25px 20px;
}

.changeFileDialog #filterFile {
    height: 26px;
    padding: 0 6px;
    box-shadow: none !important;
}

.changeFileDialog .fileListContainer,
.changeFileDialog #fileList {
    width: 100% !important;
    font-size: 13px !important;
}

.changeFileDialog #fileList {
    padding: 2px;
    outline: none;
}

.copyToAllBtn, .SubcopyToAllBtn {
    color: #444;
    vertical-align: middle;
    padding: 0px 4px;
    border: none;
    transform: SCALEY(-1);
    margin-right: 5px;
    font-size: 12px !important;
}

.copyToAllBtn.btn-link:hover, SubcopyToAllBtn.btn-link:hover {
    color: #c53737;
}

.registerGridContainer .registerGrid tr th .registerGridTitle .copyToAllBtn, .SubcopyToAllBtn {
    position: absolute;
    right: 0;
}

.registerGridContainer .registerGrid tr td .MyCDate {
    background-color: #fff;
    height: 26px;
}

.registerGridContainer input[type="checkbox"][data-labelname="Private"] {
    width: 15px;
    height: 15px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

#multipleUploadTab #registerGrid .DocumentNo .form-control {
    width: 190px !important;
}

#registerGrid input[type="text"] {
    margin: 10px 0;
    height: 26px;
}

#registerGrid thead tr th {
    vertical-align: top;
}
    #registerGrid thead tr th input[type="text"],
    #registerGrid thead tr th input.hasDatepicker {
        display: block;
        margin: 0;
        margin: 4px 0 0 0;
        width: calc(100% + 30px) !important;
    }
#registerGrid thead tr th .select2-container {
    width: calc(100% + 30px) !important;
    clear: both;
    display: block;
    margin: 4px 0 0 0;
}

/*----- Submittals -----*/
.submittalsSearchBar {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 6px;
}

    .submittalsSearchBar .search-col-left {
        float: left;
    }

        .submittalsSearchBar .search-col-left label {
            float: left;
            padding-top: 3px;
        }

    .submittalsSearchBar .submittalSearchBox {
        max-width: 300px;
    }

    .submittalsSearchBar .search-col-right {
        float: right;
    }

    .submittalsSearchBar .submittalSearchSelect {
        padding: 0;
        padding-right: 15px;
        width: 45%;
        max-width: 250px;
    }

.submittal-grid-file-container .btn-outline {
    border-radius: 2px;
    font-family: arial;
    font-size: 13px;
}

.submittal-grid-file {
    width: 100%;
    min-width: 300px;
    margin-bottom: 4px;
}

.submittal-grid-file-container .progress {
    margin: 3px 0;
    height: 6px;
    border-radius: 10px;
    background: none;
}

.submittal-grid-file-container .form-control[readonly] {
    background-color: #fff;
}

.glyphicon-plus {
    font-size: 9px;
    margin-right: 3px;
    top: 0;
}


/*.registerGridContainer::-webkit-scrollbar {
  height: 12px;
}
.registerGridContainer::-webkit-scrollbar-thumb {
  background: #eee;
  border-color: #fff;
  border-radius: 20px;
}
.registerGridContainer::-webkit-scrollbar-track {
  background: #fff;
  border-color: #fff;
  border-radius: 20px;
}*/
.registerGridContainer::-webkit-scrollbar {
    height: 8px;
}

.registerGridContainer::-webkit-scrollbar-thumb {
    background: #dcdee0;
    border-color: #fff;
    border-radius: 20px;
}

.registerGridContainer::-webkit-scrollbar-track {
    background: #fff;
    border-color: #fff;
    border-radius: 20px;
}


/*----- Document -----*/
.swflow-doc-list {
    width: 20%;
    border-left: solid 1px #eee;
    padding-left: 20px;
    overflow-y: auto;
    max-height: 356px;
}

/*----- Temporary Files -----*/
#temporaryFilesTab .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    padding: 7px 8px 5px 5px;
    font-size: 13px;
    text-align: left;
    border-color: transparent;
}

    #temporaryFilesTab .ui-jqgrid .ui-jqgrid-htable th.ui-th-column:first-child,
    #temporaryFilesTab #datagrid tr.jqgrow > td:first-child {
        padding: 6px 2px 5px 15px;
        width: 40px !important;
    }

    #temporaryFilesTab .ui-jqgrid .ui-jqgrid-htable th.ui-th-column input[type=checkbox] {
        line-height: 16px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        margin: 0;
    }

#temporaryFilesTab .ui-jqgrid .ui-jqgrid-hdiv {
    border-bottom: none;
}

#temporaryFilesTab #gbox_datagrid {
    border: none;
}

#temporaryFilesTab table#datagrid tr.jqgrow:nth-child(odd) {
    background: #fafafa;
}

#temporaryFilesTab #datagrid tr.jqgrow > td {
    pointer-events: none;
    cursor: default;
}

#temporaryFilesTab #datagrid input[type=checkbox].cbox {
    line-height: 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    pointer-events: auto;
    cursor: pointer;
}



#bulkUploadTab .select2-container {
    min-height: 36px;
    cursor: pointer;
}

#bulkUploadTab .select2-container-multi .select2-search-choice-close {
    left: 7px;
    top: 5px;
}

#bulkUploadTab .select2-container-multi .select2-choices .select2-search-choice {
    padding: 6px 10px 7px 23px;
    line-height: 15px;
    font-size: 13px;
}

#bulkUploadTab .select2-container-multi .select2-choices {
    min-height: 36px;
}

    #bulkUploadTab .select2-container-multi .select2-choices .select2-search-field input {
        padding: 0 12px;
        line-height: 32px;
    }

#bulkUploadTab .bootstrap-switch {
    margin-right: 5px;
}

.bulkUploadArea {
    background-color: #e9e9e9;
    padding: 40px 20px 20px;
    vertical-align: top;
    height: 350px;
    margin-top: 10px;
}

    .bulkUploadArea .label-left {
        max-width: 200px;
    }

    .bulkUploadArea .downloadTempBtn {
        width: 21%;
        margin-left: 10px;
        float: left;
        height: 40px;
        border-radius: 4px !important;
        text-align: center;
        font-family: arial;
        font-size: 14px !important;
    }

.bulkUploadFileBtn {
    width: 70%;
    display: inline-block;
    float: left;
}

.uploadFooterNotes {
    font-size: 12px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 15px;
}

    .uploadFooterNotes ol {
        margin-left: 15px;
        width: 100%;
    }

.fileUploadMsge {
    margin-top: 10px;
}

    .fileUploadMsge p {
        font-size: 15px;
        color: #333;
        margin: 0;
    }

        .fileUploadMsge p.succeed {
            color: green;
        }

        .fileUploadMsge p.failed {
            color: #c31919;
        }

/*---- Error Page -------*/
.errorModal {
    margin: 50px auto 10px;
    width: 80%;
    max-width: 950px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.12);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.errorModalContent {
    width: 100%;
    max-width: 900px;
    position: relative;
    padding: 60px 20px 20px 20px;
    min-height: 330px;
    text-align: center;
}

    .errorModalContent:after {
        display: block;
        position: absolute;
        content: "";
        background: url(../../../Images/inaxus-icon-lg.png);
        left: 50%;
        margin-left: -144px;
        top: 50%;
        margin-top: -125px;
        opacity: 0.05;
        width: 288px;
        height: 250px;
        z-index: 1;
    }

.errorModalFooter {
    background-color: #dce6ed;
    border-top: solid 1px #5e7886;
    padding: 20px 30px;
    font-size: 15px;
    text-align: center;
}

.errorModal .errorTitle {
    font-size: 32px;
    font-weight: 300;
    color: #d42424;
    margin: 10px 0 30px;
}

.errorModal .errorMessage {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.errorModal p {
    font-size: 16px;
    font-weight: 400;
}

.errorModal .errorBtns {
    margin-top: 50px;
    position: relative;
    z-index: 3;
}

.errorModal .errorPageBtn {
    border: solid 2px #5e7886;
    border-radius: 100px;
    text-align: center;
    min-width: 150px;
    height: 42px;
    padding: 0 40px;
    font-size: 15px;
    text-transform: uppercase;
    color: #41535d;
    line-height: 36px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0 5px;
    transition: all 0.2s linear;
}

    .errorModal .errorPageBtn:hover {
        background-color: #5e7886;
        color: #fff;
    }


/*------- Search -------*/
#no_record_div{
    display: none;
}
.no_record_div {
    padding: 70px 0 0 30px;
    position: relative;
    font-size: 14px;
}
.no_record_div img {
    position: absolute;
    left: -250px;
    top: 50px;
}
    .no_record_div h6 {
        font-size: 30px;
        color: #82b9da;
        color: #e68d8d;
        margin-bottom: 25px;
    }
    .no_record_div p {
        margin-bottom: 16px;
        font-size: 16px;
    }
.no_record_div ul{
    list-style-type: disc;
    list-style-position: inside;
}
    .no_record_div li {
        margin-bottom: 2px;
    }
    /*------- Submittal Dashboard --------*/
    .submittal-dashboard-page {
        padding-top: 10px;
    }

.submittal-dashboard-page,
.submittal-grid-wrapper,
.submittal-db-title-row {
    float: left;
    width: 100%;
    clear: both;
}

    .submittal-db-title-row > div[class^=col-md] {
        padding: 0;
    }

    .submittal-db-title-row h4 {
        font-weight: bold;
        font-size: 15px;
        padding-top: 8px;
    }

.submittal-org-dd {
    /*float: right;*/
    max-width: 300px;
}

.submittal-grid-wrapper {
    margin: 10px 0 20px;
}


.submittal-dashboard-grid > thead > tr > th {
    background-color: #0b5fa3;
    /*background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);*/
    text-align: center;
    padding: 5px 10px;
    border: solid 1px #ddd;
    color: #fff;
}

    .submittal-dashboard-grid > thead > tr > th:first-child {
        text-align: left;
    }

    .submittal-dashboard-grid > thead > tr > th.submittal-rankings-th {
        width: 3.5%;
        max-width: 50px;
        min-width: 40px;
    }

.submittal-dashboard-child-grid > thead > tr > th:first-child,
.submittal-dashboard-child-grid > tbody > tr > td:first-child {
    text-align: left;
}

.submittal-dashboard-grid > tbody > tr > td:nth-child(2)
.submittal-dashboard-grid > tbody tr td {
    padding: 5px 10px;
    text-align: center;
    border-bottom: solid 1px #aaa;
}

.submittal-dashboard-grid > tbody tr.parent-row td {
    padding: 7px 10px;
    text-align: center;
    /*border: solid 1px #c5c5c5;*/
    border: solid 1px #ddd;
    background-color: #fff;
    box-shadow: inset 1px 1px 0 #fff;
    border-top: none;
}

.submittal-dashboard-grid > tbody tr.parent-row:first-child td {
    border-top: none;
}

.submittal-dashboard-grid > tbody tr.parent-row td:first-child {
    width: 25px;
    padding: 7px 1px 7px 12px;
    cursor: pointer;
    text-align: left;
}

.submittal-dashboard-grid .submittal-db-org {
    font-weight: bold;
}

.submittal-rankings {
    min-width: 35px;
    text-align: center;
}

.submittal-rank-title {
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 21px;
    line-height: 22px;
    /*background-color: #49a8e5;
    background-color: #5cb85c;*/
    color: #fff;
    text-transform: uppercase;
}

.submittal-dashboard-grid > thead > tr > .submittal-rankings-th-a {
    background-color: #5cb85c;
}

.submittal-dashboard-grid > thead > tr > .submittal-rankings-th-b {
    background-color: #84d259;
    background-color: #f0ad4e;
}

.submittal-dashboard-grid > thead > tr > .submittal-rankings-th-c {
    background-color: #b12323;
}

.submittal-dashboard-grid > thead > tr > .submittal-rankings-th-d {
    background-color: #dc5f03;
}

.submittal-dashboard-grid .submittal-db-percent .poor,
.submittal-dashboard-grid .submittal-db-rate .poor {
    color: #d51d07;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.submittal-dashboard-grid .submittal-db-percent .good,
.submittal-dashboard-grid .submittal-db-rate .good {
    color: #2daf05;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.submittal-db-toggle {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding-top: 1px;
}

.submittal-dashboard-grid > tbody tr.parent-row .submittal-db-toggle:before {
    content: "\f054";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 11px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.submittal-dashboard-grid > tbody tr.parent-row.dms-collapsed .submittal-db-toggle:before {
    /*content: "\f078";*/
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}









.submittal-dashboard-grid > tbody tr.child-row > td {
    border: none;
    text-align: center;
    background: #e8e8e8;
    background: #d2d2d2;
    border-right: solid 1px #e8e8e8;
}

.submittal-dashboard-child-grid > thead > tr > th {
    background-color: #fff;
    text-align: center;
    padding: 4px 10px;
    text-align: center;
    border-top-color: #c5c5c5;
    border-top: none;
    /*border-top: solid 3px #0b5fa3;*/
    font-size: 12px;
    color: #111;
}

    .submittal-dashboard-child-grid > thead > tr > th.submittal-rankings-th {
        background-color: #fff;
        color: #111;
    }

        .submittal-dashboard-child-grid > thead > tr > th.submittal-rankings-th .submittal-rank-title {
            color: #111;
        }

    .submittal-dashboard-child-grid > thead > tr > th.submittal-rankings-th-a {
        border-top: solid 3px #5cb85c;
    }

    .submittal-dashboard-child-grid > thead > tr > th.submittal-rankings-th-b {
        border-top: solid 3px #f0ad4e;
    }

    .submittal-dashboard-child-grid > thead > tr > th.submittal-rankings-th-c {
        border-top: solid 3px #b12323;
    }

    .submittal-dashboard-child-grid > thead > tr > th.submittal-rankings-th-d {
        border-top: solid 3px #dc5f03;
    }


.submittal-dashboard-child-grid > tbody tr td {
    padding: 5px 10px;
    text-align: center;
    border: solid 1px #ddd;
    text-align: center;
    background-color: #fff;
    font-size: 12px;
}

    .submittal-dashboard-child-grid > tbody tr td:first-child {
        width: 25px;
        padding: 6px 1px 6px 5px;
    }

.submittal-dashboard-child-grid > tbody tr:last-child td {
    /*border: none;*/
}

.submittal-dashboard-child-grid > tbody tr td:first-child,
.submittal-dashboard-child-grid > thead tr th:first-child {
    padding-left: 34px;
}

.submittal-dashboard-child-grid .submittal-db-percent .poor,
.submittal-dashboard-child-grid .submittal-db-rate .poor,
.submittal-dashboard-child-grid .submittal-db-percent .good,
.submittal-dashboard-child-grid .submittal-db-rate .good {
    font-size: 13px;
}

.submittal-dashboard-child-grid .submittal-db-org i {
    margin-right: 8px;
    margin-top: -2px;
    font-size: 6px;
    vertical-align: middle;
}


/*----- Create Submittal -------*/
.addPlanBtn {
    margin: 0px 0 5px;
}

#planId {
    margin-top: -20px;
}

.custom-col-container {
    position: relative;
}

#customColBtn {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 1px;
    font-size: 18px;
    padding: 2px 4px;
}

.custom-col-popup {
    position: absolute;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
    display: block;
    z-index: 3;
    right: -999999px;
}

.custom-col-container.active .custom-col-popup {
    right: -18px;
}

.custom-col-hide,
.x-close {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 32px;
    height: 32px;
    transition: transform .11s ease-in-out;
    cursor: pointer;
    opacity: 0.45;
}

    .custom-col-hide:hover,
    .x-close:hover {
        /*transform: rotate(90deg);*/
        opacity: 0.85;
    }

    .custom-col-hide:before,
    .x-close:before {
        content: "";
        position: absolute;
        display: block;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 20px;
        height: 0;
        border-top: 1px solid rgba(0,0,0,0.85);
        transform: rotate(45deg);
        transform-origin: center;
    }

    .custom-col-hide:after,
    .x-close:after {
        content: "";
        position: absolute;
        display: block;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 20px;
        height: 0;
        border-top: 1px solid rgba(0,0,0,0.85);
        transform: rotate(-45deg);
        transform-origin: center;
    }

.custom-col-wrapper {
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: normal;
    color: #444;
    -moz-box-shadow: 1px 1px 10px #d0d0d0;
    -webkit-box-shadow: 1px 1px 10px #d0d0d0;
    box-shadow: 1px 1px 10px #d0d0d0;
    float: left;
    width: 270px;
    background-color: #fff;
    border-radius: 4px;
    /*padding: 36px 20px 10px;*/
    padding: 12px 20px 10px;
}

.custom-col {
    padding: 8px 10px 8px 1px;
    border-bottom: solid 1px #ddd;
}

    .custom-col:last-child {
        border-bottom: none;
    }

.dms-dropdown:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0.2);
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    left: 100%;
    margin-left: -60%;
    top: -11px;
}

.dms-dropdown:after {
    border-bottom: 11px solid #FFFFFF;
    border-left: 11px solid rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    left: 100%;
    margin-left: -60%;
    top: -10px;
}

.dms-dropdown.right:before,
.dms-dropdown.right:after {
    margin-left: -16%;
}

.custom-col-label {
    padding-left: 0;
}

/*---- Submittal Detail Plan ---------*/
.Submitted {
    display: inline-block;
    padding: 3px 10px;
    background: #4ba84b;
    color: #fff;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}

    .Submitted i {
        margin-right: 5px;
    }

.NotSubmitted {
    display: inline-block;
    background: #e4e4e4;
    padding: 3px 10px;
    border-radius: 3px;
    width: 100%;
}

/*------ Directory -----*/
#directoryGridTable > thead > tr > th {
    border: none;
    border-bottom: 1px solid #417cab !important;
    border-top: 1px solid #417cab !important;
    /*background: #e6e6e6;*/
    background: #4c8dc1;
    padding: 7px 8px;
    color: #fff;
}

#directoryGridTable > tbody > tr:hover {
    background-color: #fbffd7;
    background-color: #fafcb7 !important;
    background-color: #f1f1f1 !important;
}

    #directoryGridTable > tbody > tr:hover > td,
    #directoryGridTable > tbody > tr:hover > th {
        background-color: transparent !important;
    }

#directoryGridTable.dir-primary-grid > tbody > tr:nth-child(odd),
#directoryGridTable.dir-org-grid > tbody > tr:nth-child(odd) {
    background-color: #fafafa;
}



#directoryGridTable.dir-compound-grid > tbody > tr.parent {
    background-color: #f4f4f4;
    /*background-color: #dde3e8;
    background-color: #508abb; */
}

#directoryGridTable.dir-primary-grid > tbody > tr:hover {
    background-color: #fafcb7 !important;
    background-color: #f1f1f1 !important;
}

#directoryGridTable tr td .btn {
    padding: 2px 12px;
}

.dir-toggle-icon {
    display: inline-block;
    margin-left: 8px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    cursor: pointer;
    color: #337ab7;
    padding: 4px;
}

    .dir-toggle-icon:before {
        /*content: "\f078";*/
        content: "\f0d7";
    }

    .dir-toggle-icon.toggle:before {
        /*content: "\f054";*/
        content: "\f0da";
    }
.dir-primary-grid .image,
.dir-secondary-grid .image {
    width: 44px;
    height: 44px;
    max-width: 44px !important;
}


.add-user-popup {
    padding: 10px 25px;
}

#addUserModal .modal-footer,
#addCompanyModal .modal-footer {
    padding: 19px 25px 20px;
}

#dir_AddUser, dir_AddCompany {
    /*display: block;
    margin-bottom: 1px;*/
}

.add-user-popup label {
    padding-bottom: 4px;
}

.invite-search-preview {
    float: left;
    width: 100%;
    margin: 15px 0 5px;
}

    .invite-search-preview h6 {
        color: #4a864a;
        padding: 7px 0 0 6px;
    }

.isp-success {
    float: left;
    width: 100%;
    padding: 5px 6px;
    background-color: #eaf7ea;
}

.isp-alert {
    float: left;
    width: 100%;
    padding: 6px 10px;
    background-color: #eef3f7;
}

.pending-invitation-count {
    display: inline-block;
    background-color: #178614;
    min-width: 12px;
    height: 16px;
    margin-left: 6px;
    text-align: center;
    font-size: 12px;
    padding: 0px 4px;
    line-height: 16px;
    color: #fff;
    width: auto;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    float: right;
    /* background-color: #dd4b39; */
}

#showInvitationModal .modal-dialog {
    width: 900px;
}

#showInvitationModal .modal-footer {
    padding: 10px 20px 15px;
}

#showInvitationModal .tab-content {
    padding: 0px 1px 15px 1px;
}

.dirInvitationGrid {
    margin-top: 10px;
}

    .dirInvitationGrid > thead > tr > th {
        background: #f5f5f5;
        padding: 7px !important;
    }

    .dirInvitationGrid > tbody > tr > td {
        padding: 8px 8px !important;
    }

        .dirInvitationGrid > tbody > tr > td:nth-child(n+3),
        .dirInvitationGrid > thead > tr > th:nth-child(n+3) {
            text-align: center;
        }

    .dirInvitationGrid .h3-heading {
        float: none;
    }


    .dirInvitationGrid .accepted,
    .dirInvitationGrid .pending,
    .dirInvitationGrid .rejected {
        background-color: #22b14c;
        display: block;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        vertical-align: middle;
        width: 100px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        font-style: normal;
        margin: 0 auto;
    }

    .dirInvitationGrid .pending {
        background-color: #f0ad4e;
        background-color: #fff;
        border: solid 1px #f5b151;
        color: #d27f27;
    }

    .dirInvitationGrid .rejected {
        background-color: #d9534f;
    }

    .dirInvitationGrid .fa-times {
        font-size: 14px;
        color: #d61e1e;
        opacity: 1 !important;
    }

    .dirInvitationGrid .delete {
        display: block;
        padding: 1px 4px;
    }

#directoryGridTable .dir-grid-action {
    display: inline-block;
    padding: 1px 2px;
    margin-right: -1px;
}

.dir-clear-filters {
    padding: 0 5px;
    margin-top: 20px;
}

.dir-page-title {
    font-size: 17px;
    clear: both;
    font-weight: bold;
    margin: 8px 0 7px;
    clear: both;
    float: left;
    width: 100%;
}


/*---- Directory User summary popup --*/
.dir-user-popup-modal .modal-body {
    padding-bottom: 35px;
}

.dir-user-popup {
    min-height: 250px;
    padding: 10px 5px;
    position: relative;
    color: #222;
    font-size: 1.1em;
}

.dir-user-popup-left,
.dir-org-popup-left {
    float: left;
    width: 230px;
    padding-right: 10px;
    min-height: 10px;
    text-align: center;
}

.dir-user-popup .dir-user-img-holder,
.dir-org-popup .dir-org-img-holder {
    display: block;
    /*left: 20px;
    top: 15px;
    width: 130px;
    height: 130px;
    line-height: 116px;
    background-color: #fff;
    padding: 6px;
    border: solid 1px #eee;
    text-align: center;
    box-shadow: 0 0 12px rgba(0,0,0,0.11);
    border-radius: 50%;
    margin: 10px 0 0 40px;*/
    width: 100px;
    height: 100px;
    margin: auto;
    margin-top:20px;
    background-color: #fff;
    padding: 6px;
    border: solid 1px #eee;
    text-align: center;
    box-shadow: 0 0 12px rgba(0,0,0,0.11);
    border-radius: 50%;
}

    .dir-user-popup .dir-user-img-holder img,
    .dir-org-popup .dir-org-img-holder img {
        max-width: 100%;
        height: 100%;
        width: 100%;
        object-position: top;
        object-fit: cover;
        vertical-align: middle;
        border-radius: 50%;
    }


.dir-user-popup-right,
.dir-org-popup-right {
    display: block;
    overflow: hidden;
    padding: 20px 20px 60px 10px;
}

.dir-org-popup-right {
    padding: 20px 20px 15px 10px;
}

.dir-user-popup-desc .row,
.dir-org-popup-desc .row {
    margin: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
}

    .dir-user-popup-desc .row:last-child,
    .dir-user-popup-desc .row.noborder {
        border: none;
    }

.dir-user-popup-desc .dir-user-popup-btns {
    border: none;
    padding-top: 15px;
    position: absolute;
    bottom: 10px;
    right: 25px;
    margin: 0;
}

.dir-user-popup-title,
.dir-org-popup-title {
    font-size: 16px;
    margin-bottom: 4px;
    padding-top: 30px;
    font-weight: 500;
}


.dir-org-popup-left {
    width: 250px;
}

.dir-org-popup .dir-org-img-holder {
    border-radius: 0;
    width: 180px;
    height: 160px;
    line-height: 146px;
    margin: 20px 0 0 25px;
    box-shadow: none;
    border: none;
}

    .dir-org-popup .dir-org-img-holder img {
        max-width: 150px;
        max-height: 90%;
        border-radius: 0;
    }

.dir-org-popup-desc .row:last-child,
.dir-org-popup-desc .row.noborder {
    border: none;
}

.dir-org-popup-desc .org-popup-label {
    padding-left: 0;
}

.dir-user-popup-desc .user-popup-label,
.dir-org-popup-desc .org-popup-label {
    font-weight: 500;
}

.dir-org-popup-title {
    padding-top: 20px;
}

.dir-org-popup .borderDark {
    border-bottom: solid 2px #444;
    padding-bottom: 20px;
    margin-bottom: 20px;
}





/*---- User Profile -------*/
.profile-title-box {
    border: solid 1px #eee;
    background-color: #f4f4f4;
    padding: 10px;
    height: 160px;
}

.user-info-left {
    padding: 55px 20px 20px 165px;
    position: relative;
    min-height: 150px;
    text-align: left;
}

    .user-info-left .user-img-holder {
        display: block;
        position: absolute;
        left: 20px;
        top: 15px;
        width: 110px;
        height: 110px;
        line-height: 100px;
        background-color: #fff;
        border-radius: 50%;
        padding: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.15);
        text-align: center;
    }

        .user-info-left .user-img-holder img {
            max-width: 100%;
            max-height: 100%;
            width: 100%;
            height: 100%;
        }

    .user-info-left h3 {
        font-size: 20px;
        text-transform: capitalize;
        margin-bottom: 10px;
    }

        .user-info-left h3 i {
            font-size: 10px;
            vertical-align: middle;
        }

.user-img-holder .profile-img-icon {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 9px;
    line-height: normal;
    background-color: rgba(255,255,255,0.85);
    padding: 4px 10px;
    border-radius: 2px;
    border: 1px solid #eee;
    border-width: 0 1px 1px 0;
    color: #337ab7;
    cursor: pointer;
}

.user-img-holder .profile-img-input {
    display: block;
    position: absolute;
    bottom: -23px;
    left: -999999px;
    background-color: rgba(255,255,255,0.0);
    padding: 0;
    border-radius: 2px;
    height: 20px;
    width: auto;
    border: none;
    outline: none !important;
    cursor: pointer;
    z-index: 3;
    font-size: 10px;
    opacity: 0;
    box-shadow: none !important;
    background: rgba(255,255,255,0.85);
    padding-right: 30px;
}

.profile-right-box {
    border: solid 1px #eee;
    border-width: 1px 1px 0 0;
    background-color: #fafafa;
    padding: 0;
    height: 160px;
    position: relative;
}

    .profile-right-box .basic-info {
        padding: 10px 15px;
        height: 109px;
    }

    .profile-right-box .cell-info-wrapper {
    }

.cell-info-wrapper .cell-info {
    border: solid 1px #eee;
    padding: 10px;
    border-right: none;
    height: 50px;
}

    .cell-info-wrapper .cell-info:first-child {
        border-left: none;
    }

.cell-info-wrapper .data-row .data-name {
    width: auto;
}

.cell-info-wrapper .data-row .data-value {
    padding-left: 2px;
}

.cell-info-wrapper .location-cell-info .data-name {
    float: left;
}

.cell-info-wrapper .location-cell-info .data-value {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cell-info-wrapper .data-row i {
    font-size: 14px;
}

.user-profile-tabs {
    box-shadow: 0px 5px 5px -7px rgba(0,0,0,0.75);
}

    .user-profile-tabs > li {
        width: 19.99%;
        position: relative;
        display: block;
    }

.nav.user-profile-tabs > li > a {
    border-bottom-width: 1px;
    display: block;
}

    .nav.user-profile-tabs > li > a:hover,
    .nav.user-profile-tabs > li > a:focus {
        border-bottom-width: 1px;
    }

.user-section-title {
    border-bottom: solid 2px #818181;
    margin: 20px 0 15px;
    clear: both;
    float: left;
    width: 100%;
}

    .user-section-title h4 {
        font-size: 18px;
        margin: 0;
        padding-bottom: 7px;
        font-size: 18px;
    }

.profile-page .user-section-title {
    border-bottom-width: 1px;
    border-bottom-color: #e1e1e1;
}

.profile-page .control-label,
.dms-form-page .control-label {
    padding-bottom: 2px;
}

.profile-page .form-control,
.dms-form-page .form-control {
    background-color: #fafafa;
    height: 32px;
    line-height: normal;
    border-color: #e1e1e1;
    font-size: 14px;
    font-weight: 400;
}

    .profile-page .form-control:active,
    .dms-form-page .form-control:active,
    .profile-page .form-control:focus,
    .dms-form-page .form-control:focus {
        background-color: #fff;
        border-color: #66afe9;
    }

.profile-page textarea.form-control,
.dms-form-page textarea.form-control {
    height: 52px;
}

.profile-page .select2-container .select2-choice,
.dms-form-page .select2-container .select2-choice {
    height: 32px;
    line-height: 32px;
    background-color: #fafafa;
}

.profile-update-btn {
    padding-right: 30px;
    margin-bottom: 50px;
}

    .profile-update-btn .btn {
        padding: 5px 30px;
        font-size: 14px !important;
        font-family: arial, sans-serif;
    }

.fancy-radio.dms-radio-color input[type="radio"]:checked + span i:after {
    background-color: #37c2e2;
    background-color: #338bd2;
}

.fancy-checkbox.dms-chkbox-color input[type="checkbox"]:checked + span:before {
    color: #338bd2;
    border-color: #338bd2;
    background-color: #fff;
}

.w-days .fancy-checkbox input[type="checkbox"] + span:before {
    bottom: 2px;
}

#customHours,
#specifiedHours {
    display: none;
}

.w-hours-type {
    padding: 12px 0 10px;
    border-top: solid 1px #e1e1e1;
    margin-top: 2px;
}

    .w-hours-type label {
        margin-right: 25px;
    }

.w-hours-time-span {
    padding: 10px 0 10px;
}

.w-hours-span {
    float: left;
    padding-right: 35px;
}

    .w-hours-span label {
        padding-right: 20px;
        float: left;
        height: 26px;
        line-height: 26px;
        color: #9d9da2;
    }

.w-hours-time {
    float: left;
    border-bottom: solid 1px #eee;
    padding-bottom: 8px;
}

select.selectCustomLook {
    /*background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline style='fill: grey' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;*/
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 451.847 451.847'><path style='fill: #c5c5ca' d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z'/></svg>") right no-repeat;
    background-size: 0.8em;
    background-position: right 8px top 10px;
    line-height: normal;
    background-color: #fff;
    height: 32px;
    padding: 5px 20px 5px 12px;
    cursor: pointer;
    font-size: 14px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.w-hours-span select.selectCustomLook {
    outline: none;
    border: none;
    padding: 4px 26px 4px 5px;
    height: 26px;
    background-size: 0.775em;
    background-position: right 8px top 9px;
    color: #222;
}

.w-days {
    padding: 8px 0 0 50px;
    float: left;
    width: auto;
}

    .w-days label {
        margin-right: 12px;
    }

.starting-day {
    padding: 12px 0 10px;
    border-top: solid 1px #e1e1e1;
    margin-top: 2px;
}

    .starting-day label {
        margin-right: 15px;
    }

.custom-hour-row {
    padding: 5px 0 5px;
}

    .custom-hour-row .w-hours-span label.day-title {
        color: #333;
        width: 50px;
        padding-right: 5px;
    }

    .custom-hour-row:last-child .w-hours-time {
        border-bottom: none;
    }

    .custom-hour-row label.act-button {
        margin-top: 6px;
    }

.ShowMapIconWrapper {
    position: relative;
    padding-right: 40px;
}

.ShowMapIcon {
    width: 32px;
    position: absolute;
    top: 20px;
    right: 0;
    cursor: pointer;
}
/*----- User Profile Preference ----------*/
.profile-page h5 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.025em;
}

/*----- User Profile Events ----------*/

.timeline {
    list-style: none;
    padding: 0;
    position: relative
}

    .timeline:before {
        top: 0;
        bottom: -35px;
        position: absolute;
        content: " ";
        width: 3px;
        left: 50%;
        margin-left: -1.5px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
        background-color: #f3f3f3
    }

.events-timeline .timeline {
    padding-top: 35px;
    margin-top: -16px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative
}

    .timeline > li:before,
    .timeline > li:after {
        content: " ";
        display: table
    }

    .timeline > li:after {
        clear: both
    }

    .timeline > li > .timeline-datetime {
        color: #737373;
        position: absolute;
        left: 55%;
        top: 6px;
        text-align: left;
        padding: 10px
    }

        .timeline > li > .timeline-datetime .timeline-time,
        .timeline > li > .timeline-datetime .timeline-date {
            display: block;
            font-size: 11px;
            font-family: 'Lucida Sans', 'trebuchet MS', Arial, Helvetica
        }

        .timeline > li > .timeline-datetime .timeline-time {
            font-size: 14px;
            font-weight: bold
        }

    .timeline > li > .timeline-panel {
        background-color: #fbfbfb;
        -lh-property: 0;
        width: -webkit-calc(50% - 45px);
        width: -moz-calc(50% - 45px);
        width: calc(50% - 45px);
        float: left;
        border-radius: 2px;
        padding: 0;
        position: relative;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .175)
    }

        .timeline > li > .timeline-panel .timeline-header .timeline-title {
            display: block;
            padding: 10px 20px 0;
            min-width: 200px;
            font-size: 13px;
            font-weight: 700
        }

        .timeline > li > .timeline-panel .timeline-header .timeline-datetime {
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 13px;
            display: none
        }

        .timeline > li > .timeline-panel .timeline-body {
            padding: 10px 20px 20px;
            line-height: 22px
        }

            .timeline > li > .timeline-panel .timeline-body > p,
            .timeline > li > .timeline-panel .timeline-body > ul {
                margin-bottom: 0
            }

                .timeline > li > .timeline-panel .timeline-body > p + p {
                    margin-top: 5px
                }

        .timeline > li > .timeline-panel .timeline-footer {
            padding: 5px 20px 10px;
            border-top: 1px solid #eee
        }

            .timeline > li > .timeline-panel .timeline-footer .footer-registrar {
                font-size: 12px;
                color: #555
            }

        .timeline > li > .timeline-panel:before {
            position: absolute;
            top: 16px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #e5e5e5;
            border-right: 0 solid #e5e5e5;
            border-bottom: 15px solid transparent;
            content: " "
        }

        .timeline > li > .timeline-panel:after {
            position: absolute;
            top: 17px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fbfbfb;
            border-right: 0 solid #fbfbfb;
            border-bottom: 14px solid transparent;
            content: " "
        }

    .timeline > li .timeline-badge {
        width: 50px;
        height: 50px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 6px;
        left: 50%;
        margin-left: -25px;
        background-image: linear-gradient(to bottom, #eee 0, #fbfbfb 100%);
        z-index: 100;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
        color: #444
    }

        .timeline > li .timeline-badge .badge-picture {
            width: 50px;
            height: 50px;
            -webkit-border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 50%;
            -moz-background-clip: padding;
            border-radius: 50%;
            background-clip: padding-box
        }

        .timeline > li .timeline-badge i {
            line-height: 50px
        }

        .timeline > li .timeline-badge[class*="bg-"] {
            background-image: none !important;
            color: #fff
        }

    .timeline > li.timeline-inverted > .timeline-datetime {
        left: auto;
        right: 55%;
        text-align: right
    }

    .timeline > li.timeline-inverted > .timeline-panel {
        float: right
    }

        .timeline > li.timeline-inverted > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        .timeline > li.timeline-inverted > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto
        }

    .timeline > li.timeline-node {
        width: 150px;
        margin: 0 auto 20px;
        text-align: center
    }

@media(max-width:767px) {
    .timeline:before {
        left: 40px
    }

    .timeline > li > .timeline-panel {
        -lh-property: 0;
        width: -webkit-calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: calc(100% - 90px)
    }

    .timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 6px
    }

    .timeline > li > .timeline-panel {
        float: right
    }

        .timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        .timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto
        }

        .timeline > li > .timeline-panel .timeline-header .timeline-title {
            top: 5px
        }

        .timeline > li > .timeline-panel .timeline-header .timeline-datetime {
            display: block
        }

    .timeline > li > .timeline-datetime {
        display: none
    }

    .timeline > li.timeline-node {
        margin: 0 0 20px -35px
    }
}

@media(max-width:500px) {
    .timeline > li > .timeline-panel .timeline-header .timeline-datetime {
        position: relative;
        padding: 5px 30px 0;
        margin: 0
    }

    .timeline > li > .timeline-panel .timeline-body {
        padding: 20px 20px 20px
    }
}




/*---- Project Details Page --------*/
.project-details-page {
    padding-left: 15px;
}

    .project-details-page .user-section-title {
        margin-bottom: 20px;
    }

        .project-details-page .user-section-title:first-of-type {
            margin-top: 5px;
        }

.dms-form-page .form-group {
    clear: both;
    float: left;
    width: 100%;
}

.project-details-page .label-title,
.project-details-page .label-value {
    display: inline-block;
    padding: 0 10px 10px 0;
    min-width: 140px;
    color: #96999e;
}

.project-details-page .label-value {
    min-width: 180px;
}

.dms-form-page .mandatory {
    color: #CD0A0A;
}

.project-file-upload-prev {
    margin-right: 20px;
}

    .project-file-upload-prev img {
        max-width: 100%;
        height: 150px;
    }

.project-file-upload-btn input[type=file] {
    margin-top: 60px;
}

.project-module-label {
    display: inline-block;
    width: 225px;
}

.project-module-settings .col-sm-2 {
    width: 19.95%;
}

.project-view-label {
    display: inline-block;
    width: 225px;
    padding-right: 5px;
}

.dms-form-page label.act-button {
    vertical-align: top;
}

.dms-form-page .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.dms-form-page .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.dms-form-page .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    font-size: 11px;
}

/*----- Organization Profile Details ------*/
.org-profile-view #payment-wizard ul li a {
    color: inherit;
}

.org-profile-view .wizard ul li {
    padding: 0 18px 0 22px;
}

    .org-profile-view .wizard ul li:first-child {
        padding-left: 10px;
    }
/*.org-profile-view .wizard .badge.active{
    background-color: #4CAF50 !important;
}*/

.org-profile-progress {
    padding: 0;
}

    .org-profile-progress .progress {
        border-radius: 25px;
        height: 12px;
        padding: 0;
        margin: 0;
    }

.org-profile-strength {
    margin: -8px 0 -5px 0;
    padding: 0;
    max-width: 500px;
}

.profile-str-label {
    font-size: 12px;
}

    .profile-str-label span {
        font-weight: bold;
    }
/*.org-profile-progress .sr-only {
    width: auto;
    height: auto;
    padding: 0;
    clip: auto;
    line-height: 15px;
    font-size: 11px;
}*/


.fancy-chkbox-title {
    display: inline-block;
    padding-left: 5px;
    font-weight: bold;
    margin-bottom: 4px;
}

.fancy-checkbox span h5 {
    display: inline-block;
    padding-left: 5px;
}

.fancy-chkbox-summary {
    display: block;
    padding-left: 30px;
}

.org-file-upload .progress.progress-sm {
    height: 6px;
    margin-top: 10px;
    background-color: #fff;
}

.org-profile-view .control-label {
    padding-bottom: 4px;
    font-size: 14px;
}

.org-profile-view .label-inline-cb {
    padding-right: 25px;
    padding-top: 2px;
    margin-bottom: 12px;
}

.org-profile-view textarea.form-control {
    height: 60px;
}

.org-file-upload .ChooseF3 {
    height: 32px;
    border-radius: 0px;
    padding-top: 4px;
    padding-right: 10px;
}

.custom-file-input-icon {
    position: relative;
}

    .custom-file-input-icon:before {
        /*content:"\f0c1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 18px;
    color: #999;
    top: 10px;
    z-index:1;*/
    }

.org-profile-view .input-group-addon {
    background-color: #fafafa;
}

.org-profile-view .org-profile-row .form-group {
    border-bottom: dotted 1px #999;
    padding-bottom: 13px;
    margin-bottom: 13px;
    margin-left: 15px;
    width: calc(100% - 15px);
}

.org-profile-view .org-profile-row:last-child .form-group {
    border-bottom-width: 0;
}

.org-profile-view .select2-container.select2-container-disabled .select2-choice,
.org-profile-view .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #eee;
}

.multi-options-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .multi-options-list li {
        list-style-type: none;
        margin-bottom: 15px;
    }

        .multi-options-list li:nth-child(3n+1) {
            clear: both;
        }

.org-profile-multiple-section {
    clear: both;
}

.orgProfileAddRow {
    margin-top: 3px;
    padding: 0px 5px;
    font-size: 16px !important;
    line-height: 16px;
    font-weight: bold;
}

.orgProfileAddBtnArea .orgProfileAddRow {
    margin-top: -2px;
}

.org-profile-row-actions a {
    display: block;
    float: left;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    margin: 8px 0 0 5px;
    background-color: #cc3a30;
    font-size: 10px;
}

    .org-profile-row-actions a:hover {
        background-color: #af291f;
    }

.org-profile-view .org-profile-actions-col {
    padding-top: 0px;
    padding-left: 0;
}

.org-profile-view .user-section-title + .row .org-profile-actions-col,
.org-profile-view .org-switch-row + .row .org-profile-actions-col {
    display: none;
}

.org-profile-view .select2-container-multi {
    min-height: 33px;
    height: auto;
    padding: 0;
}

    .org-profile-view .select2-container-multi .select2-choices {
        border-width: 0 !important;
        margin: 0;
    }

        .org-profile-view .select2-container-multi .select2-choices .select2-search-choice {
            background-color: #eee;
            color: #666;
            border: none;
            font-size: 13px;
            padding: 3px 10px 3px 22px;
            line-height: 16px;
            margin: 4px 0 4px 5px;
        }

.org-profile-note {
    font-size: 11px;
    color: #999;
    font-style: italic;
}

#logoPreviewHolder {
    border: solid 1px #eee;
    width: 180px;
    height: 180px;
    padding: 9px;
    text-align: center;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.08);
    margin: 0 20px 20px 0;
}

    #logoPreviewHolder img {
        width: 160px;
        height: 160px;
        max-width: 100%;
    }

.org-profile-row .ChooseF3-wrapper {
    border: 1px dashed #aaa;
    padding: 0px;
    width: 99.8%;
    text-indent: -2px;
    background-color: #f2f2f2;
    overflow: hidden;
}

    .org-profile-row .ChooseF3-wrapper .custom-file-input-icon {
        left: -70px;
    }

.org-profile-row .ChooseF3 {
    border-radius: 0;
    height: 32px;
    padding-top: 4px;
}

.org-profile-row .ChooseF3-wrapper .ChooseF3 {
    width: calc(99.8% + 70px);
    border: none;
    background-color: transparent;
    height: 31px;
}
/*---- v4 -----*/
.org-profile-view .select2-container--default .select2-selection--multiple {
    border-color: #ddd;
    border-radius: 0px;
}

    .org-profile-view .select2-container--default .select2-selection--multiple .select2-selection__choice {
        border: none;
        background-color: #f1f1f1;
        border-radius: 0;
        padding: 3px 10px 3px 8px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 0 2px;
    margin-top: -1px;
    vertical-align: middle;
    font-size: 16px;
}

.org-profile-view .select2-container-multi .select2-choices .select2-search-choice a {
    color: #666;
    left: 7px;
    width: 15px;
}

.org-profile-view .select2-search-choice-close:before {
    content: "\f00d";
    font-size: 85%;
}

.org-profile-view .wizard ul li.active a {
    color: #fff;
}

.org-profile-step-five .org-switch-row .form-group {
    margin-bottom: 5px;
}

.org-profile-step-five .org-profile-multiple-section {
    margin-bottom: 10px;
}

.org-profile-step-six .label-inline-cb {
    width: 50%;
    max-width: 250px;
}

.org-profile-step-six .select2-container-multi .select2-choices {
    background: none !important;
}

    .org-profile-step-six .select2-container-multi .select2-choices .select2-search-field input {
        line-height: 29px;
        color: #cdcfd2 !important;
        font-size: 13px;
    }


/*------ multiselect dropdown Step Six ------*/
.org-dropdown-list {
    clear: both;
    width: 100%;
    max-width: 500px;
}

    .org-dropdown-list dd,
    .org-dropdown-list dt {
        margin: 0px;
        padding: 0px;
    }

    .org-dropdown-list ul {
        margin: -1px 0 0 0;
    }

    .org-dropdown-list dd {
        position: relative;
    }

    .org-dropdown-list a,
    .org-dropdown-list a:visited {
        color: #333;
        text-decoration: none;
        outline: none;
        font-size: 12px;
    }

    .org-dropdown-list dt a {
        background-color: #f5f5f5;
        display: block;
        padding: 8px 32px 5px 10px;
        min-height: 25px;
        line-height: 24px;
        overflow: hidden;
        border: 0;
        width: 100%;
        position: relative;
    }

        .org-dropdown-list dt a:before {
            content: "\f0dc";
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            right: 14px;
            top: 14px;
            color: #333;
        }


        .org-dropdown-list dt a span,
        .org-multiSel-val span {
            cursor: pointer;
            display: inline-block;
            padding: 1px 16px 1px 16px;
            background-color: #296eaa;
            margin: 0 4px 3px 0;
            border-radius: 2px;
            font-weight: normal;
            color: #fff;
        }

.org-multiSel-val {
    min-height: 29px;
}

.org-dropdown-list dd ul {
    background-color: #fff;
    top: 2px;
    width: 280px;
    list-style: none;
    height: 230px;
    overflow: auto;
    width: 100%;
    border: solid 1px #eee;
    padding: 20px;
}

    .org-dropdown-list dd ul li {
        margin-bottom: 12px;
    }

        .org-dropdown-list dd ul li label {
            display: block !important;
        }

.org-dropdown-list span.value {
    display: none;
}

.org-dropdown-list dd ul li a {
    padding: 5px;
    display: block;
}

    .org-dropdown-list dd ul li a:hover {
        background-color: #fff;
    }

.profileshareholdersQuarterly .quarterly-dd-list dt a {
    background-color: #fafafa;
    border: solid 1px #e1e1e1;
    min-height: 32px;
    height: auto;
    line-height: normal;
    padding: 5px 32px 2px 10px;
}

    .profileshareholdersQuarterly .quarterly-dd-list dt a:before {
        top: 8px;
    }

.profileshareholdersQuarterly .org-multiSel-val {
    min-height: auto;
}

    .profileshareholdersQuarterly .org-multiSel-val span {
        line-height: 20px;
    }

/*---------- permissions-popup -----*/

.profile-permissions-popup {
    padding: 20px 30px;
    width: 880px;
    min-height: 500px;
    border-radius: 4px;
    margin-top: 8px;
}

    .profile-permissions-popup:before {
        display: none;
    }

    .profile-permissions-popup:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 200px 200px;
        border-color: transparent transparent #007bff transparent;
        display: none;
    }

    .profile-permissions-popup .label-inline-cb {
        width: 50%;
        max-width: 250px;
    }

    .profile-permissions-popup .label-inline-cb {
        padding-right: 25px;
        padding-top: 2px;
        margin-bottom: 16px;
    }

    .profile-permissions-popup .control-label {
        padding-bottom: 4px;
        font-size: 14px;
    }

    .profile-permissions-popup .user-section-title + .row {
        clear: both;
        margin-top: 30px;
        float: left;
        width: 100%;
        padding-left: 5px;
    }

    .profile-permissions-popup .select-org-container {
        margin-top: -10px;
    }

        .profile-permissions-popup .select-org-container .control-label {
            margin-bottom: 5px;
        }

/*---- User Sidebar Panel -------*/
#userImageToggle::after {
    display: none;
}

#userImageToggle img {
    max-height: 40px;
    vertical-align: middle;
    margin-right: 7px;
    height: 40px;
    width: 40px;
}

.nav > li > #userImageToggle {
    padding-top: 15px;
    background-color: transparent;
    float: right;
    margin-right: 10px;
}

.nav .open > #userImageToggle,
.nav .open > #userImageToggle:focus, .nav .open > #userImageToggle:hover {
    background-color: transparent;
}

.sidebar-offcanvas-panel {
    /*-webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);*/
    padding-top: 0;
    max-width: 400px;
}

.user-sidebar-panel,
.user-sidebar-panel .btn {
    font-family: Arial;
    font-size: 13px;
}

#uspClose {
    display: block;
    position: absolute;
    right: 16px;
    top: 15px;
    z-index: 2;
}

.user-sidebar-panel .row {
    margin: 0;
}

.usp-header {
    position: relative;
    padding: 25px 30px 30px;
    /*background-color: #f0f6fe;*/
    background-image: url(../../../Content/wilmer/images/default_pattern.png);
}

.usp-head-primary {
    display: block;
    width: 100%;
}

.usp-head-primary-content {
    position: relative;
    display: block;
    padding-top: 95px;
    min-height: 100px;
    text-align: center;
}

.usp-head-img-holder {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 0;
    border-radius: 50%;
    background-color: #fff;
}

    .usp-head-img-holder img {
        height: 100%;
        width: 100%;
        border-radius: 50%;
    }

.usp-head-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 3px;
    color: #001643;
}

.usp-head-attr {
    padding: 15px 0 10px;
}

.usp-account-btns {
    margin-top: 5px;
    text-align: center;
}

.usp-account-btn {
    background-color: #ff5e14 !important;
    border-color: #ff5e14 !important;
}

.usp-signout-btn {
    background-color: #001643;
    color: #fff;
    border-radius: 3px !important;
}

    .usp-signout-btn:hover {
        background-color: red;
        color: #fff;
    }

.usp-switch-dropdowns,
.usp-links {
    padding: 20px 30px;
    width: 100%;
}

.usp-links {
    border-top: solid 1px #eee;
}

.usp-body label {
    display: block;
    padding-bottom: 4px;
}

.usp-switch-dropdown {
    margin-bottom: 15px;
}

    .usp-switch-dropdown select.form-control {
        height: 28px !important;
        cursor: pointer;
        background-color: #fafafa;
        background-position: right 8px top 7px;
        font-size: 13px;
        padding: 1px 10px;
        line-height: 22px;
    }

.usp-links ul li {
    border-bottom: solid 1px #eee;
    list-style-type: none;
}

    .usp-links ul li:last-child {
        border: none;
    }

    .usp-links ul li a {
        display: block;
        padding: 8px 0;
        color: #333;
    }

        .usp-links ul li a:hover {
            color: #ff5e14;
        }

        .usp-links ul li a i {
            margin-right: 6px;
        }

.font-orange {
    color: #ff5e14 !important;
}

.top-notification-icon .table > thead > tr > th {
    border-bottom: 1px solid #fff !important;
}
.top-bar .notifications .count {
    position: absolute;
    top: 1px;
    left: 47%;
    padding: 0px 0px;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    border-width: 2px;
    border-style: solid;
    color: #fff;
    background: #ff5e14 !important;
    border: none;
    width: 18px;
    height: 18px;
}
.top-notification-icon .dropdown-toggle {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}
    .top-notification-icon .dropdown-toggle:hover,
    .top-notification-icon .show .dropdown-toggle {
        background: rgba(255,255,255,0.81);
    }
    .top-notification-icon .dropdown-toggle i {
        font-size: 24px;
        color: #001659;
    }
.top-notification-icon .dropdown-toggle:before,
.top-notification-icon .dropdown-toggle:after{
    display: none;
}
.top-notification-icon .dropdown-menu{
    opacity: 1;
}
    .top-notification-icon .dropdown-menu:after,
    .top-notification-icon .dropdown-menu:before{
        display: none;
    }
    .top-notification-icon .dropdown-menu > li > a,
    .top-notification-icon .table tr td,
    .top-notification-icon .table tr th,
    .top-notification-icon .table tr td a {
        font-size: 13px !important;
    }
.top-notification-icon .table tr th {
    font-weight: 400;
    padding: 4px 8px;
}
.top-notification-icon .table tr td {
    padding: 6px 8px;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.top-notification-icon .table tr td i {
    padding-right: 8px;
    color: #555;
}
#ulNotificationTableWrapper{
    overflow-y: auto;
    max-height: 335px;
}

.top-bar .top-notification-icon .dropdown-menu .text {
    font-size: 1em;
    color: #555;
}
.top-bar .top-notification-icon .dropdown-menu .timestamp {
    font-size: 0.85em;
}
.top-bar .notifications .dropdown-menu .notification-header {
    font-size: 13px;
    font-weight: 500;
}
.top-bar .top-notification-icon .dropdown-menu {
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 10px 20px;
    min-width: 400px;
    width: auto;
}
/*----- Reports ----*/
.reports-page ul.select2-choices li {
    width: auto !important;
}

/*---- Organization listing -------*/
#org-listing-tabs {
    width: 21%;
    float: left;
    border: none;
    margin-top: 12px;
    min-height: 250px;
    padding-right: 5px;
    display: block;
}

    #org-listing-tabs > li {
        float: none;
        width: 100%;
        margin: 0 0 2px 0 !important;
    }

        #org-listing-tabs > li > a {
            border-radius: 0;
            border: solid 1px #ddd;
            border-bottom: 1px solid #ddd;
            position: relative;
            padding-right: 25px;
            background-color: #fafafa;
            display: block;
            width: 95%;
            padding: 10px 22px;
        }

            #org-listing-tabs > li > a:hover,
            #org-listing-tabs > li > a.active:hover {
                color: #337ab7;
                font-weight: normal;
            }

            #org-listing-tabs > li > a.active {
                background-color: #fff;
                border-left: 3px solid #246195;
            }
/*#org-listing-tabs > li.active > a:before {
        display: block;
        position: absolute;
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        right: 10px;
        top: 12px;
    }*/


.org-listing-content {
    display: block;
    overflow: hidden;
    padding-left: 25px;
}

.org-listing-page {
    margin-top: 10px;
}

    .org-listing-page .row {
        margin: 0;
    }

    .org-listing-page .btn {
        font-family: Arial;
        font-size: 13px;
        margin: 10px 0;
    }

.org-widget-header {
    padding: 12px 2px;
    border-bottom: solid 1px #eee;
    clear: both;
    float: left;
    width: 100%;
}

.org-widget-content {
    padding: 5px 5px 30px;
}

.org-widget-intro h2 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
}

.org-widget-intro p {
    margin-bottom: 10px;
}

.org-listing {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .org-listing > li {
        border-bottom: solid 1px #eee;
        width: 100%;
        padding: 20px 0;
        list-style-type: none;
    }

        .org-listing > li:last-child {
            border-bottom: none;
        }

    .org-listing .btn-outline {
        padding: 4px 15px;
    }

        .org-listing .btn-outline i {
            margin: 0 0 0 5px;
        }

.org-item-img-holder {
    float: left;
    width: 20%;
    height: 130px;
    line-height: 128px;
    border: dotted 1px #aaa;
    text-align: center;
    display: block;
}

.org-item-img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-height: 90%;
}

.full {
    width: 100%;
}

ul#ulProjects {
    list-style-type: none;
}

.org-item-desc {
    display: block;
    overflow: hidden;
    padding: 5px 0 0 20px;
}

    .org-item-desc h6 {
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 6px;
        text-transform: none;
    }

.org-item-attr ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .org-item-attr ul li {
        margin-bottom: 0px;
    }

.org-item-attr .org-attr-actions {
    margin-top: 6px;
}





/*-------- Dashboard -------*/
/*--- Cost Dashboard Widget ---*/

.cost-overview-charts {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5px;
}

.db-cost-widget {
    float: none;
    padding: 1px 15px 10px;
    height: 275px;
}

    .db-cost-widget:nth-child(2) {
        padding: 1px 0px 10px;
    }

    .db-cost-widget:last-child {
        padding: 1px 15px 10px 12px;
    }

    .db-cost-widget .widget {
        padding: 0px;
    }

        .db-cost-widget .widget > .widget-content {
            padding: 10px 20px;
        }


    .db-cost-widget .widget {
        height: 100%;
        margin-bottom: 10px;
    }

        .db-cost-widget .widget .widget-header {
            background-color: transparent;
            border: none;
        }

        .db-cost-widget .widget h2 {
            font-family: "latolight";
            font-size: 75px;
            margin: 20px 0 10px;
        }

        .db-cost-widget .widget .widget-header h3 {
            display: inline-block;
            vertical-align: middle;
            font-size: 1.1em;
            margin: 0;
            line-height: 35px;
            float: left;
        }

#variance-chart,
#payment-application-chart {
    width: 100%;
    height: 200px;
}

.total-budget-text {
    padding-top: 10px;
}

.total-budget-container {
    padding: 10px 20px 0 0;
}

.total-budget-chart .percent {
    line-height: 150px;
}

.total-budget-chart {
    width: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.db-cost-widget .widget p {
    margin-bottom: 10px;
}

.db-cost-widget .widget .progress.progress-xs {
    height: 5px;
    margin-bottom: 10px;
}

.db-cost-summary-grid > tbody > tr > td, .db-cost-summary-grid > tbody > tr > th,
.db-cost-summary-grid > thead > tr > td, .db-cost-summary-grid > thead > tr > th {
    border-bottom: 1px solid #f0f0f0;
    border-top: none;
}

.cost-pa-widget ul li {
    margin-bottom: 50px;
}

.modules-overview-widget {
    margin: 0 0 10px 0;
}

    .modules-overview-widget > .widget-content {
        padding-top: 20px;
    }

    .modules-overview-widget .widget-content .widget-content {
        padding: 0;
    }
/*------ Dashboard Weather ------*/
.db-weather-widget .widget > .widget-content {
    padding: 10px 20px;
}

.db-weather-widget .widget {
    border: none;
    padding: 10px 10px 5px 150px;
    padding-left: 30%;
    height: 154px;
    margin-bottom: 15px;
    position: relative;
}

.db-weather-current {
    width: 100%;
    float: left;
    clear: both;
}

#db-temperature {
    /*position: relative;
    margin-bottom: 0px;
    height: 100%;
    padding: 10px 0 0 0;
    color: #fff;*/
    width:40%;
}

    #db-temperature img {
        max-width: 52px;
    }

.db-temperature-div {
    display: inline-block;
    vertical-align: top;
}

.db-temperature-val,
.db-forecast-val {
    font-weight: 400;
    font-size: 34px;
    line-height: 32px;
    margin: 4px 0 3px;
    display: inline-block;
    vertical-align: top;
}

.db-forecast-val {
    font-size: 14px;
    font-family: arial;
    line-height: normal;
    margin: 0;
}

.db-weather-condition {
    font-size: 14px;
}

#db-weather-attr {
    font-size: 13px;
    /*min-height: 65px;
    padding-top: 12px;
    padding-right: 20px;
    float: left;
    margin-left: 40px;
    color: rgba(255,255,255,0.85);
    width: 280px;*/
    position: relative;
    width:60%;
}

    #db-weather-attr ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
        /*#db-weather-attr ul li:first-child {
            text-align: left;
            width: 28%;
        }*/
        #db-weather-attr ul li {
            float: left;
            width: 99%;
            line-height: 19px;
        }
            #db-weather-attr ul li div {
                 width: 80px;
            }


            #db-weather-attr ul li span {
                font-size: 14px;
                font-weight: 500;
            }

.db-forecast-item {
    border-right: solid 1px #eee;
    padding: 0 5px;
    margin: 0;
    display: block;
    float: left;
    width: 24.9%;
}

    .db-forecast-item:last-child {
        border: none;
    }

#db-weather-icon {
    min-height: 52px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.db-forecast-item > div {
    display: block;
    text-align: center;
    vertical-align: middle;
}

.db-forecast-day {
    min-height: 18px;
}

.db-forecast-val {
    min-height: 16px;
}

.db-forecast-item .db-weather-icon {
    margin: 4px 0;
    min-height: 24px;
}

    .db-forecast-item .db-weather-icon img {
        height: 24px;
        vertical-align: middle;
    }

/*---- Dashboard Modules Count Summary ------*/
.db-modules-summary-container {
    overflow: hidden;
    padding: 1px 0;
    max-width: 800px;
    width: 100%;
    float: right;
}

.db-modules-summary {
    padding: 0 10px 0 0;
    color: #fff;
    width: 20%;
}

    .db-modules-summary:nth-child(4) {
        padding: 0;
    }

.db-modules-count {
    height: auto;
    text-align: center;
    margin-right: 0;
    border-right: solid 1px rgba(255,255,255,0.18);
    padding-top: 18px;
}

.db-modules-summary:last-child .db-modules-count {
    border-right: none;
}

.db-modules-count span {
    font-size: 13px;
    display: inline-block;
    padding: 1px 8px;
    margin-bottom: 10px;
    letter-spacing: 0.025em;
    color: rgba(255,255,255,0.75);
}

.db-modules-count h6 {
    font-size: 26px;
    margin: 4px 0 1px;
    font-weight: 400;
}

.db-modules-count i {
    font-size: 32px;
    line-height: 32px;
    height: 40px;
    color: #fff;
}

.db-modules-summary:nth-child(2) i {
    color: #fff;
}

.db-modules-summary:nth-child(3) i {
    color: #fff;
    font-size: 28px;
}

.db-modules-summary:nth-child(4) i {
    color: #fff;
    font-size: 28px;
}


/*---- Projects Dashboard ----*/
.project-dashboard-page,
.project-db-header {
    clear: both;
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 30px;
}

.project-db-header {
    padding: 0;
    margin-bottom: 10px;
}

.project-db-title {
    font-weight: bold;
    margin-left: -7px;
}

    .project-db-title span {
        font-weight: normal;
    }

.project-summary-box {
    padding: 0 5px;
}

#project-summary-listing .project-summary-box:nth-child(3n+1) {
    clear: both;
}

.project-summary-box .widget {
    margin-bottom: 10px;
}

.proj-summ-header {
    width: 100%;
    float: left;
    clear: both;
}

.project-db-labels-info ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .project-db-labels-info ul li {
        float: none;
        display: inline-block;
        list-style-type: none;
        margin-right: 10px;
    }

        .project-db-labels-info ul li i {
            margin-right: 4px;
        }

.project-db-labels-info .db-label-success {
    color: #27ae60;
}

.project-db-labels-info .db-label-warning {
    color: #f0ad4e;
}

.project-db-labels-info .db-label-danger {
    color: #d40d12;
}

.proj-summ-lower {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #eee;
}

.project-summary-widget h2 {
    font-family: "latolight";
    font-size: 48px;
    margin: 5px 0;
}

.project-summary-widget h1,
.project-summary-widget h3 {
    font-size: 14px;
}

.proj-summ-budget-text {
    padding: 10px 0 0 10px;
}

.proj-summ-img-holder {
    display: block;
    float: left;
    width: 45%;
    max-width: 150px;
}

    .proj-summ-img-holder img {
        max-width: 100%;
        max-height: 170px;
        height: 100px;
    }

.proj-summ-desc {
    display: block;
    overflow: hidden;
    padding-left: 15px;
}

.proj-summ-attr {
    display: block;
    padding: 5px 0;
    font-weight: bold;
}

    .proj-summ-attr ul {
        list-style-type: none;
        margin: 0;
    }

        .proj-summ-attr ul li {
            margin-bottom: 1px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .proj-summ-attr span {
        font-weight: normal;
        display: inline-block;
        padding-left: 4px;
    }

.proj-summ-location {
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    font-size: 12px;
    font-style: italic;
}

.budget-summary-chart {
    width: 100%;
    height: 170px;
    margin-top: -10px;
}

.proj-summ-bars {
    margin: -10px 0 15px;
}

.proj-summ-bar-item {
    width: 100%;
    float: left;
    clear: both;
}

.proj-summ-bars .progress-bar-warning {
    background-color: #f0ad4e;
}

.proj-summ-bars .progress-bar-default {
    background-color: transparent;
}

.proj-summ-bars .progress {
    border-radius: 3px;
    margin-bottom: 10px;
    height: 16px;
}

    .proj-summ-bars .progress .progress-bar {
        line-height: 16px;
        font-weight: bold;
        font-size: 11px;
        box-shadow: none;
    }

.proj-summ-bars .progress-bar:first-child {
    border-radius: 3px 0 0 3px;
}

.proj-summ-bars .progress-bar:last-child {
    border-radius: 0 3px 3px 0;
}


/*------- Daily Logs ---------*/
.daily-log-grid {
}

table.daily-log-grid > thead > tr > th {
    border-top: 1px solid #f0f0f0;
    border: 1px solid #dddddd;
    font-weight: bold;
    color: #555;
    background-color: #f0f0f0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.log-input-row {
    margin: 0 !important;
}

    .log-input-row input.form-control {
        padding: 4px 5px;
        font-size: 13px;
    }

    .log-input-row .col-md-0,
    .log-input-row .col-md-1-5 {
        float: left;
        padding-right: 10px;
        width: auto;
    }

    .log-input-row .col-md-1-5 {
        width: 14%;
    }

    .log-input-row .col-md-1 {
        width: 10%;
    }

    .log-input-row .col-md-2 {
        width: 18%;
    }

    .log-input-row .col-md-3 {
        width: 22%;
    }

    .log-input-row .col-md-4 {
        width: 26%;
    }

    .log-input-row div[class^=col-] {
        padding: 0 10px 0 0;
    }

    .log-input-row .btn i {
        margin: 0;
    }
/*------- General ---------*/
.dms-overlay {
    display: none;
    background-color: rgba(0, 0, 0, 0.25);
    position: fixed;
    z-index: 4;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.upload-sidebar-open .dms-overlay {
    display: block;
}

#dms-page-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1039;
}

.user-sidebar-open #dms-page-overlay {
    display: block;
}

.secondary-bar .sidenav {
    width: 250px;
    margin-right: -260px;
    position: fixed;
    z-index: 1;
    top: 96px;
    right: 0;
}
.ppikaday-date {
    position: relative;
    padding-right: 50px;
}

    .ppikaday-date:before {
        content: "\f073";
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
    }

.pikaday-calendar-icon {
    cursor: pointer;
}

.custom-switch-btn .bootstrap-switch .bootstrap-switch-handle-on,
.custom-switch-btn .bootstrap-switch .bootstrap-switch-handle-off,
.custom-switch-btn .bootstrap-switch .bootstrap-switch-label {
    display: block !important;
    float: left;
}

.custom-switch-btn .bootstrap-switch .custom-switch + .bootstrap-switch-container {
    margin-left: -34px;
}

.custom-switch-btn .bootstrap-switch .custom-switch:checked + .bootstrap-switch-container {
    margin-left: 0;
}

.clear-5 {
    clear: both;
    height: 5px;
}

.clear-10 {
    clear: both;
    height: 10px;
}

.clear-20 {
    clear: both;
    height: 20px;
}

.magic-hide {
    opacity: 0;
}

.noClick {
    pointer-events: none;
}

.nopaddingright {
    padding-right: 0;
}

.nopaddingleft {
    padding-left: 0;
}

.bordered-green {
    border-color: #a0d468 !important;
}

.bordered-blue {
    border-color: #2dc3e8 !important;
}

.bordered-yellow {
    border-color: #ffce55 !important;
}

.bordered-top-3 {
    border-top: solid 3px #fff;
}

.bordered-right-3 {
    border-right: solid 3px #fff;
}

.bordered-left-3 {
    border-left: solid 3px #fff;
}

.bordered-bottom-3 {
    border-bottom: solid 3px #fff;
}

.font-medium-x {
    font-size: 13px;
}

.noborder {
    border: none !important;
}

.nobordertop {
    border-top: none !important;
}

.settings-label {
    width: auto;
    float: left;
    padding-top: 5px;
}


@media only screen and (max-width: 1600px) {
    /*----- Organization Profile ------*/
    .org-profile-view .wizard ul li {
        padding: 0 16px 0 20px;
        font-size: 15px;
    }

    .org-profile-view .form-control {
        padding: 6px 8px;
    }

    .org-profile-view .form-group div[class^='col-sm'] + div[class^='col-sm'] {
        padding-left: 1px;
    }
}


@media only screen and (max-width: 1366px) {
    .header-slide-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    /*--- Dashboard -----*/
    .db-cost-widget .widget h2 {
        font-size: 54px;
    }

    .total-budget-container {
        padding-right: 0;
    }

    /*---- Projects Dashboard -------*/
    .proj-summ-location {
        padding: 3px 0 0 0;
        clear: both;
    }

    .proj-summ-attr ul li {
        margin-bottom: 1px;
        font-size: 12px;
    }

    .proj-summ-budget-text {
        width: 30%;
        padding: 10px 0 0 4px;
    }

    .proj-summ-budget-chart {
        width: 69%;
    }

    .project-summary-widget h2 {
        font-family: 'Lato', sans-serif;
        font-size: 22px;
        font-weight: 400;
    }

    .project-summary-widget h1, .project-summary-widget h3 {
        font-size: 13px;
    }

    .budget-summary-chart {
        height: 110px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .proj-summ-bars {
        margin: 5px 0 15px;
    }

    .proj-summ-img-holder {
        width: 40%;
        max-width: 120px;
    }

        .proj-summ-img-holder img {
            max-height: 150px;
        }
}

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


    /*--------- Email Page Columns ------*/

    .dvleft-split {
        width: 77.5%;
    }

    .dvleft-full {
        width: 99.9%;
    }

    #dvrightSection {
        width: 22%;
    }
    /*----------Submittals ------*/
    .submittal-dashboard-child-grid > thead > tr > th.submittal-org-th {
        width: 20.5%;
    }
    /*---- Project Details ----*/
    .project-module-label {
        width: 175px;
        padding-right: 5px;
    }

    .project-view-label {
        width: 175px;
        padding-right: 10px;
    }
}

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


    #content-slide {
        max-width: 600px;
    }

    /*----------*/
    .k-grid-content table.k-selectable td > span:nth-child(2) {
        display: block;
        margin: 0 !important;
        float: left !important;
        padding-left: 18px;
        font-size: 12px;
    }

        .k-grid-content table.k-selectable td > span:nth-child(2) br {
            display: none;
        }

        .k-grid-content table.k-selectable td > span:nth-child(2) .fa-paperclip {
            margin-left: 10px;
            margin-top: 4px;
        }

        .k-grid-content table.k-selectable td > span:nth-child(2) .ReadEmail {
            display: none;
        }

        .k-grid-content table.k-selectable td > span:nth-child(2) .fa-reply,
        .k-grid-content table.k-selectable td > span:nth-child(2) .fa-circle {
            margin-top: 3px;
        }
}

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


    /*----------*/

    #content-slide {
        max-width: 500px;
    }
}

/*-----------END ---------------*/