/********************  HTML5 Reset********************/
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cb {
    clear: both
}

var {
    font-style: normal;
}

div#objectPreviewPanel {
    box-shadow: -7px 0px 20px -6px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    top: 98px;
    border: 1px solid #dfdfdf;
    z-index: 1000;
    background: #fff;
}

    div#objectPreviewPanel.fixedQuickView {
        position: fixed;
        right: 12px;
    }

    div#objectPreviewPanel:before {
        content: '';
        display: block;
        background: #fff;
        height: 32px;
    }

#objectPreviewPanel #scrollableContainer {
    overflow-y: auto;
    padding: 0 16px;
    width: 610px;
}

#objectPreviewPanel .closeObjectPreview {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1003;
}

#objectPreviewPanel ul.ui-tabs-nav {
    position: relative;
    left: -8px;
}

#objectPreviewPanel #objectPreview .objectActions {
    position: absolute;
    top: 16px;
    right: -5px;
    z-index: 1001;
}

    #objectPreviewPanel #objectPreview .objectActions.folder {
        right: 11px;
    }

#objectPreviewPanel .moreActionsBtn .dropDown-container {
    left: auto;
    right: -1px;
}

#objectPreviewPanel .moreActionsBtn li {
    list-style: none;
}

#objectPreviewPanel .topContainer {
    margin: 7px 0 12px 0;
    z-index: 1000;
    position: relative;
}

    #objectPreviewPanel .topContainer a {
        max-width: 385px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    #objectPreviewPanel .topContainer a {
        font-weight: 600;
    }

#objectPreviewPanel .previewDetails {
    float: none;
    clear: both;
    overflow: hidden;
    background-color: #f6f6f6;
    margin: 0px -16px -50px -16px;
    padding: 50px 16px 20px 16px;
    position: relative;
    top: -38px;
}

#objectPreviewPanel .folder .previewDetails {
    margin-bottom: -40px;
}

#objectPreviewPanel .tabContainer .previewDetails {
    top: -57px;
}

    #objectPreviewPanel .tabContainer .previewDetails .message {
        margin: -5px 0 5px 0;
    }

#objectPreviewPanel figure.fileThumb {
    margin-left: 0;
    margin-right: 20px;
}

#objectPreviewPanel section[role=definition] {
    float: left;
    width: 355px;
}

.Processes #objectPreviewPanel section[role=definition] {
    width: 100%;
}

.Tasks #objectPreviewPanel section[role=definition] {
    width: 100%;
}

#objectPreviewPanel .folderPreview section[role=definition] {
    width: 590px;
}

#objectPreviewPanel .folder section[role=definition] {
    width: 100%;
}

#objectPreviewPanel .folderPreview textarea {
    width: 420px;
}

#objectPreviewPanel .folderPreview .TreeviewContainer {
    border: none;
    padding-left: 0;
}

#objectPreviewPanel .folderPreview .folderTree {
    width: 430px;
}

#objectPreviewPanel .folderPreview .TreeviewContainer {
    height: auto;
    max-height: 200px;
    padding-top: 0;
}

#objectPreviewPanel section[role=definition] dt {
    width: 120px;
}

.Tasks #objectPreviewPanel section[role=definition] dt,
.Processes #objectPreviewPanel section[role=definition] dt {
    width: 160px;
}

.folder section[role=definition] dd {
    max-width: none;
    width: 430px;
}

#objectPreviewPanel .description {
    position: relative;
    width: calc(100% - 121px);
}

    #objectPreviewPanel .description .tempDescription {
        display: block;
        overflow: hidden;
    }

.Documents #objectPreviewPanel .tempDescription {
    width: 220px;
}

#objectPreviewPanel dd:not(.description) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#objectPreviewPanel i.icn {
    top: 3px;
    position: relative;
}


#objectPreviewPanel .description .icn_edit {
    position: absolute;
    top: 5px;
    right: -60px;
}

#objectPreviewPanel .folderPreview .description .icn_edit {
    right: -50px;
}

#objectPreviewPanel #AssetDescription {
    width: 240px;
    margin-right: 4px;
}

#objectPreviewPanel span.title {
    font-weight: bold;
    margin: 10px 0;
    display: block;
}

#objectPreviewPanel section[role="definition"] span.title {
    font-weight: normal;
    margin: 0;
    display: block;
}

#objectPreviewPanel .folderPreview .sharingUsersTable {
    width: 100%;
    table-layout: auto !important;
}

#objectPreviewPanel td a.sts {
    padding: 0;
}

#objectPreviewPanel td.clmnStatus span:first-child {
    margin-left: 5px;
}

#objectPreviewPanel td.clmnStatus span.icn {
    margin-left: 35px;
}

#objectPreviewPanel table + a.moreLink {
    float: right;
    margin-top: 10px;
}

#objectPreviewPanel section .dataTables_wrapper + a.moreLink {
    float: right;
    margin-top: -20px;
}

#objectPreviewPanel .description a.moreLink {
    float: none;
    margin: 0;
}

#objectPreviewPanel #objectActionTabs,
#objectPreviewPanel #objectTab-history {
    padding-bottom: 0 !important;
}

#objectPreviewPanel #previewHistoryTabResult {
    background: #f6f6f6;
    margin: -15px -16px 0 -16px;
    padding: 12px 16px;
}

    #objectPreviewPanel #previewHistoryTabResult table tbody tr:nth-child(odd) {
        background-color: #fff;
    }

    #objectPreviewPanel #previewHistoryTabResult section {
        padding-bottom: 30px;
    }

#objectPreviewPanel .Treview ul > li > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
    display: block;
}

#objectPreviewPanel .Treview ul ul a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 325px;
    display: block;
}

#objectPreviewPanel .Treview,
#objectPreviewPanel .Treview > ul {
    margin-left: 0 !important;
}

    #objectPreviewPanel .Treview > ul {
        margin-top: 0 !important;
    }

/*.Documents .table > table { table-layout: auto!important; }*/
.Documents .table > table colgroup col:first-child {
    width: 24px !important;
}

option.linkEmulator, span.linkEmulator {
    /*font-size: 11px;*/
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
    background: transparent;
    cursor: pointer;
    color: #0077dd;
    text-decoration: none;
}

    option.linkEmulator, span.linkEmulator:hover {
        color: #0077dd;
        text-decoration: underline;
    }

/* color shading [insert trmplate] */
.shading {
    position: relative;
    float: left;
    margin-top: 5px;
}

.colorPicker {
    height: 16px;
    padding: 3px 0px;
    float: left;
}

    .colorPicker span {
        width: 44px;
    }

    .colorPicker input[type="radio"] {
        margin: 1px 4px 3px 1px;
    }

.colorList {
    float: left;
}

    .colorList ul {
        margin: 0px;
        float: left;
    }

.color div {
    width: 14px;
    height: 14px;
    float: left;
    border: 1px solid #999999;
    margin-left: 4px;
    cursor: pointer;
}

.color:first-child div {
    margin-left: 0;
}

.color div:hover, .color.selected div {
    border: 1px solid #333333;
}

li.color {
    display: inline;
    clear: none !important;
}

.color span {
    line-height: 16px;
}
/*
.none {background-color: #ebf5ff;}
*/
.gray {
    background-color: #c4def5;
}
.red {background-color: #fcdddf;}
.orange {background-color: #ffedd9;}
.yellow {background-color: #fff7d9;}
.green {background-color: #e7f7e7;}
.blue {background-color: #e0effb;}
.purple {background-color: #eee2ff;}

.orange {
    background-color: #ffedd9;
}

.yellow {
    background-color: #fff7d9;
}

.green {
    background-color: #e7f7e7;
}

.blue {
    background-color: #e0effb;
}

.purple {
    background-color: #eee2ff;
}

em.example {
    font-size: 11px;
    color: #999;
    margin-left: 110px;
}

.logInLink {
    width: auto;
    color: #fff;
}

    .logInLink a {
        color: #fff;
    }

        .logInLink a:hover {
            color: #fa6800;
            text-decoration: none;
        }

.externalUser .AboutLink:hover span {
    color: #fa6800;
}

.tabContainer li a, .btn_container a strong {
    color: #0077DD !important;
}

.tabContainer a.disabled, .tabContainer a.disabled:hover,
.tabContainer a.disabled strong, .tabContainer a.disabled:hover strong {
    border: 0px solid transparent;
    background-color: #fff !important;
    color: #888888 !important;
    text-decoration: none;
    cursor: default;
}

.Organizations .icnContainer,
.OrganizationsBackup .icnContainer,
.StorageProviders .icnContainer
{
  margin-top: 5px!important;
  clear:both;
}

.OrganizationsBackup .table,
.Admin .table {
    margin-top: 10px;
    position: relative;
}

/*.Organizations .table {
    position: relative;
}*/

.Process #main h2 {
    margin-top: 0px;
}

#main h2 var {
    font-style: normal;
}

.bold {
    font-weight: bold;
    background-color: rgba(255, 162, 0, 0.42) !important
}

.bluish {
    color: #0077dd;
}

.fullWidth {
    width: 100%;
    float: none !important;
}

.center {
    text-align: center;
    clear: both;
    margin: 0 40%;
    width: 100%;
}

.cnt {
    margin: 0 auto;
    text-align: center;
}

.italic {
    font-style: italic
}

.toDo {
    background-color: rgba(179, 179, 179, 0.3) !important;
    background-image: url("themes/base/images/throbber.png") !important;
    border: 1px dotted #000000 !important;
    padding: 4px !important;
}

.mrg_bottom_10, .mB10 {
    margin-bottom: 10px;
}

.mrg_bottom_20 {
    margin-bottom: 20px !important;
}

.mrg_bottom_30 {
    margin-bottom: 30px;
}

.mrg_bottom_40 {
    margin-bottom: 40px;
}

.mrg_bottom_50 {
    margin-bottom: 50px;
}

.mrg_left {
    margin-left: 20px !important;
}

.autoW {
    width: auto !important;
}

.grouping .radb {
    width: 90px;
}
/* to be used with icon links */

table th .icn.addmarginRight, table td .icn.addmarginRight, .addmarginRight {
    margin-right: 5px !important;
}

table th .icn.addmarginLeft, table td .icn.addmarginLeft, .addmarginLeft {
    margin-left: 5px;
}

.addPadding {
    padding: 0px 20px;
}

.addmarginTop {
    margin-top: 4px;
}

.addmarginTop_2, .mT2 {
    margin-top: 2px;
}

.addmarginTop_5 {
    margin-top: 5px !important;
}

.addmarginTop_6 {
    margin-top: 6px;
}

.addmarginTop_7 {
    margin-top: 7px;
}

.marginT20 {
    margin-top: 20px;
}

.marginB20 {
    margin-bottom: 20px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginT45 {
    margin-top: 45px;
}

.marginB45 {
    margin-bottom: 45px;
}

.mR3 {
    margin-right: 3px;
}

.mR7 {
    margin-right: 7px;
}

.mR10 {
    margin-left: 10px;
}
/* icon containers */

.ExpireSoon {
    color: Red;
}
/*float classess*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.fw {
    width: 100%;
}
/*full width*/

.mT3 {
    margin-top: 3px;
}

.mT4 {
    margin-top: 4px;
}

.mT5 {
    margin-top: 5px;
}

.mT7 {
    margin-top: 7px;
}

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

.noLbl {
    padding-left: 110px;
}

.arrow-l,
.arrow-r,
.arrow-u,
.arrow-d {
    width: 0;
    height: 0;
    position: absolute;
}

.arrow-l {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #C8D2DC;
}

.arrow-r {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #C8D2DC;
}

.arrow-u {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #C8D2DC;
}

.arrow-d {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #C8D2DC;
}

.brd_1 {
    border: 1px solid #ccc;
}

.grp1, .grp2, .grp3, .grp {
    float: right;
}

.borderCCC {
    border: 1px solid #ccc;
}

.marginT_10 {
    margin-top: 10px;
}

.marginB_10 {
    margin-bottom: 10px;
}

.marginTB_10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.marginL_5 {
    margin-left: 5px;
}

.marginL_10 {
    margin-left: 10px;
}

.marginL_20 {
    margin-left: 20px;
}

.marginR_10 {
    margin-right: 10px;
}

.ajaxFeedback {
    background-color: #FFFFCC;
    padding: 2px 5px;
}

.attrLbl {
    margin-left: 10px;
    line-height: 28px;
}

.icn.noPointer {
    cursor: initial;
}

a.upgradeBtn, a.capabillitiesBtn {
    line-height: 30px;
    display: inline-block;
    /*border:1px solid black;*/
    background: rgba(255,162,0,1);
    background: -moz-linear-gradient(top, rgba(255,162,0,1) 0%, rgba(255,162,0,1) 0%, rgba(255,106,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,162,0,1)), color-stop(0%, rgba(255,162,0,1)), color-stop(100%, rgba(255,106,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,162,0,1) 0%, rgba(255,162,0,1) 0%, rgba(255,106,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,162,0,1) 0%, rgba(255,162,0,1) 0%, rgba(255,106,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,162,0,1) 0%, rgba(255,162,0,1) 0%, rgba(255,106,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,162,0,1) 0%, rgba(255,162,0,1) 0%, rgba(255,106,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#ff6a00', GradientType=0 );
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    /*width:295px;*/
    text-decoration: none;
    margin: 10px 0;
}

    a.upgradeBtn var, a.capabillitiesBtn var {
        font-weight: 600;
        text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.4);
        padding-right: 3px;
    }

    a.upgradeBtn .arrow-right {
        margin-left: 12px;
    }

    a.upgradeBtn:hover, a.upgradeBtn:visited, a.capabillitiesBtn:hover, a.capabillitiesBtn:visited {
        color: #fff !important;
        text-decoration: none;
    }
/*
.externalUser #content {
    margin: 0 auto;
}*/
.termsWrapper {
    width: 700px;
}

    .termsWrapper p.ttl {
        margin: 10px 0;
        color: #223344;
        font-size: 24px;
        font-weight: normal;
    }

    .termsWrapper p {
        margin-bottom: 10px;
    }

a.small_link {
    font-size: 11px;
}

    a.small_link:hover {
        text-decoration: underline;
    }

    a.small_link.ShowHidePassword,
    a.small_link.togglePassword {
        clear: left;
    }

#activateAccount a.small_link.togglePassword {
    clear: none;
}

.descr span.gr {
    color: #0077DD;
    float: right;
    width: 150px;
    cursor: pointer;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

    .descr span.gr span {
        float: left;
        width: 100%;
    }

#processTerminate {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    margin: 0 0 0 0px;
    text-align: left;
}

.button {
    line-height: 30px;
    border: 1px solid #bebdbd;
    padding: 0 12px;
}

    .button:hover {
        border: 1px solid #000;
    }

.addContactsPanel .button {
    margin: 7px 0 0 10px;
    padding: 4px 12px;
    line-height: 18px;
    cursor: pointer;
}

    .addContactsPanel .button.import {
        padding: 0px 3px;
    }

#singleFileSelector a.button {
    border: none !important;
    padding: 0px;
    line-height: 18px;
}

.import li:first-child.selectedItem var {
    line-height: 24px;
}

#createNewUserForm {
    float: left;
}
/* For Derived tab page*/
#derivationDetails input[disabled].derivedSubmitForm {
    background-color: #eee;
    color: #888888 !important;
    border: 1px solid #ccc !important;
    background-image: none !important;
    /*padding-left: 20px;*/
    cursor: default;
}

#derivationDetails input[submit].derivedSubmitForm {
    border: 1px solid #ccc !important;
    background: url('themes/base/images/processing_16.gif') no-repeat scroll left center #fff !important;
    padding-left: 20px;
    color: #999999 !important;
    cursor: default;
}

p.confirm label {
    font-weight: normal;
    float: left;
    width: 90%;
    line-height: 16px;
}

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

#createTemplateForm .floatLeft {
    width: 100%;
}

#copyBomItemForm {
    position: relative;
}

#newProcessForm input#TemplateID {
    display: none;
}

#addTabSection {
    display: none;
}

#notificationSelection {
    float: left;
    width: 100%;
}


ul.DomainsUl {
    margin: 0px 0 10px 0;
}

.formSection a.button {
    background-color: #eceff2;
    border: 1px solid #cbd5de;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    float: left;
    width: 60px;
}

.telephoneHolder .wraper {
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    width: 194px;
}

#prefix {
    background: #eee;
    position: absolute;
    line-height: 24px;
    width: 35px;
    left: 0;
    top: 0;
    padding: 1px 2px 1px 5px;
    border-right: 1px solid #CFCFCF;
}

/* Compose */
.createRouteForm section {
    float: left;
    /*border: 1px solid transparent; */
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px !important;
    /*overflow: hidden;*/
    /*width: 100%;*/
}

    .createRouteForm section:first-child {
        border-top: 1px solid #ccc;
    }

    .createRouteForm section.current:hover {
        border-bottom: 1px solid #ccc;
    }

    .createRouteForm section.editable:hover {
        background-color: #eee;
        cursor: pointer;
    }

    .createRouteForm section .actions {
        float: right;
        width: 16px;
        margin: 3px 16px 0px 0px;
    }

.createRouteForm .mail textarea {
    min-height: 36px !important;
    height: 36px;
    overflow-y: auto;
}

.Library .createRouteForm .mail textarea {
    min-height: 16px !important;
    height: 16px;
}

.routeStepOptions, .approvalStep {
    float: left;
    width: 100%;
}

.approvalStep {
    display: none;
}

    .approvalStep p {
        margin: 10px 0px 20px 0px;
    }

    .approvalStep label {
        width: 150px !important;
        margin-right: 10px !important;
    }

    .approvalStep select {
        float: left;
        clear: none;
        margin-bottom: 0px !important;
    }

.routeSections span.toggle {
    background-repeat: no-repeat;
    background-position: -20px -101px;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0px 0px 20px -3px;
}

.routeSections .editable span.toggle {
    background-position: -24px -101px !important;
    margin: 0px 0px 11px 1px;
}

.routeSections .current span.toggle {
    background-position: -6px -117px !important;
    margin: 0px 0px 20px 1px;
}

.routeSections .only_one span.toggle {
    background-position: -4px -117px !important;
    margin: 0px 0px 20px 1px;
}

.routeSections span.delete {
    background-repeat: no-repeat;
    background-position: right -101px;
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -1000px;
    float: left;
    cursor: pointer;
    margin: 0px 0px 0px -3px;
}

.routeSections a[disabled] {
    display: none;
}

.routeSections .only_one a[disabled] {
    display: block;
}

.routeSections .edit {
    display: none;
    float: left;
    width: 90%;
}

    .routeSections .edit span {
        float: left;
        width: 304px;
        line-height: 28px;
    }

        .routeSections .edit span.editTitle {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.routeFormHeight {
    min-height: 340px;
}

#formtTempl {
    display: none;
}

#routeForm p.add {
    background: none;
    padding-left: 1px;
    padding-top: 10px;
    cursor: pointer;
    width: 160px;
    float: left;
    width: 100%;
    color: #0077DD;
}

    #routeForm p.add span {
        padding: 0;
        background-position: -185px -27px;
        line-height: 20px;
        padding-left: 25px;
    }

#routeOptions .icnContainer {
    margin-bottom: 5px !important;
}
/*for Asset form*/
.asset .field-validation-error {
    left: 0px;
    width: 265px !important;
    top: 0px !important;
    background-position: left -289px !important;
}

.assetForm label[for="AssetDescription"] {
    line-height: 28px;
}

.AssetType_Document .field-validation-error {
    top: 0px !important;
    padding-top: 1px;
}

#edit_AssetType_Link {
    float: left;
    width: 100%;
}


/* MISC  
----------------------------------------------------------*/

div#title {
    display: block;
    float: left;
    text-align: left;
}

.Process section.asset_types, .Documents section.asset_types,
.editAssetType {
    border: none !important;
    padding: 0;
    margin: 0 !important;
    float: left;
    clear: none !important;
    width: 99.8%;
}

.readonly {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #C8D2DC;
    color: #333333 !important;
}

section.asset_types label {
    float: left;
    clear: none;
    line-height: 21px;
    width: 60px;
}

section.asset_types input[type="radio"],
section.asset_types input[type="checkbox"] {
    float: left;
    clear: left;
    margin-top: 3px;
}

.asset_types .asset input.text-box {
    float: right !important;
    width: 251px !important;
    margin: 0px;
}

section.asset_types .asset {
    clear: both;
    margin-top: 5px;
    min-height: 28px;
    position: relative;
}

.asset .uploadText {
    position: absolute;
    color: #0099FF;
    text-decoration: underline;
    top: 0;
    z-index: 10 !important;
    left: 100px;
    padding-left: 4px;
}

.uploaderBox {
    float: right;
    width: 452px;
}

#assetEditDialog .uploaderBox {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 10px;
}

#assetEditDialog .grp2 {
    float: left;
}

#assetEditDialog .asset .uploadText {
    margin-left: 0px;
    top: 6px;
}

#assetEditDialog #Link {
    float: left !important;
    width: 254px !important;
}

.Process hgroup {
    clear: both;
    margin-right: 10px;
}

section.l_clmn,
section.r_clmn {
    width: 48%;
    clear: none !important;
}

section.l_clmn {
    float: left;
}

section.r_clmn {
    float: right;
    margin-bottom: 20px;
}

.btn {
    cursor: pointer;
    font-weight: normal;
    float: right;
}

section.relAssests {
    padding: 0 !important;
}

.relAssests .btn {
    position: relative;
    top: -38px;
}

.btn:active {
    background-color: #3399DD;
}

.firstTimeInstructions .btn:active {
    background: transparent;
}

#AssetEditor {
    width: 365px !important;
    float: left;
    text-align: left;
    border: 1px solid #C8D2DC !important;
    overflow: hidden;
    min-height: 68px;
    margin-bottom: 10px;
}

    #AssetEditor .nicEdit-panelContain,
    #AssetEditor .nicEdit-button-undefined {
        border: none !important;
    }

    #AssetEditor div {
        border: none !important;
    }

    #AssetEditor .nicEdit-panelContain {
        background: #F6F6F6;
        width: 105% !important;
    }

    #AssetEditor ul li {
        margin-left: 20px;
    }

    #AssetEditor #uploaderSimple {
        border: 1px solid red;
    }

#ProcessesTable th {
    height: 20px !important;
    overflow: hidden !important;
}

#ProcessesTable, #AssetTable,
#AssetLinkTable #UserExternalAttachmentsTable,
#AssetLinkTable, #processPartsTable, #FolderContentTable,
#processFormsTable,
#partsTabResult .dataTables_wrapper {
    /*width: calc(100% - 20px)!important;*/
    clear: both;
}

#processFormsTable {
    border-collapse: separate;
    border-bottom: none;
}

#ProcessesTable span.descr {
    display: block;
}

.table {
    margin-bottom: 35px;
}

.panel-container #documentsTable .table, .companyContent #subCompaniesTable .table {
    margin-bottom: 0px;
}

body.Documents #documentActionTabs .table {
    margin-bottom: 0px !important;
}


#objectPreviewPanel .table {
    margin-bottom: 25px;
}


.table .bottom {
    margin-top: 5px;
    position: absolute;
    left: 50%;
}
#usersInCompaniesTable .table .bottom {
    margin-top: 5px;
}

body.Documents #documentsTable:not(.archivedDocuments) .table .bottom {
    margin-top: 5px;
    position: fixed;
    left: 49%;
}
/*.dataTables_scroll .table .bottom{
     left: 49.4%;
}*/
#licencesTabResult .table .bottom {
    right: 0px;
    left: auto;
}

#reportTable_wrapper .table .bottom {
    left: 40%;
}
/*.GeneralTabs .table .bottom {
	right: 282px;
}
.table .bottom.NoSideBar {
	right: 10px;
}*/
#FormObjectContainer {
}

.loggedIn.flat #FormObjectContainer {
    margin-top: 0;
}

.formsdetails {
    border: 1px solid #bebdbd;
    margin: 0;
    padding: 10px;
    position: relative;
}

body.externalUser .formsdetails {
    border: none;
    padding: 18px 0 10px 27px;
    margin: 0px -12px 0 -17px;
    background-color: #f6f6f6;
}

#formDetails.formsdetails {
    border: 0;
    padding: 0;
}

.formsdetails.editable {
    margin-top: 55px;
}

tr.formInline .btn_container {
    float: none;
    padding: 10px 0 15px 0;
    height: 30px;
}

tr.formInline .editable .btn_container {
    position: relative;
    top: -66px;
    margin-bottom: -55px;
    left: -11px;
}

#editFormForm .btn_container.newForm {
    position: absolute;
    top: -80px;
    left: -26px;
}

    tr.formInline .btn_container a,
    #modal .btn_container.form a,
    /*.formsdetails #editFormForm .btn_container a,*/
    #editFormForm .btn_container.newForm a {
        float: left;
        padding: 5px !important;
        line-height: 0;
        border: 1px solid #dfdfdf;
        background: #fff;
    }

.actions.newForm {
    height: 28px;
}

tr.formInline .btn_container a:hover,
#modal .btn_container.form a:hover,
#editFormForm .btn_container.newForm a:hover {
    border: 1px solid #000;
}

.newForm.detailsBox {
    padding-bottom: 10px !important;
}

    .newForm.detailsBox .dataField {
        float: none;
    }

        .newForm.detailsBox .dataField strong {
            line-height: 28px;
        }

    .newForm.detailsBox .selectedItem ul {
        width: auto;
        top: 25px !important;
    }

    .newForm.detailsBox .selectedItem .icn {
        position: inherit;
    }

.ui-dialog .formsdetails .btn_container {
    right: 2px;
}

.formsdetails .dataField {
    display: none;
}

.formsdetails .paragraphos {
    float: left;
    margin: 0;
    width: 78%;
}

.formsdetails p, .formsdetails strong {
    margin: 0px;
    line-height: 1.5;
}

.formsdetails .dataField strong {
    width: 90px;
}

.formsdetails .attribute strong {
    width: 90px;
}

.formsdetails .formRow textarea {
    width: 70%;
    min-height: 20px;
    font-size: 13px;
}

.formsdetails .formRow input {
    width: 70%;
}

.formsdetails label {
    font-weight: bold;
}

.formsdetails span {
    line-height: 20px;
}

.newForm .formsdetails .formRow input {
    width: 320px;
}

.newForm .formsdetails .formRow textarea {
    width: 320px;
}

.Processes .formsdetails strong, .Processes .formsdetails label {
    width: 110px;
}

.FormTemplate .actions, .Form .actions, .externalUser .formContentContainer .actions {
    width: 916px;
}

.FormTemplate .actions, .Form .actions, .externalUser .formContentContainer .actions {
    margin: 5px 4px 10px 4px;
}

.formInline .btn_container button,
#modal .btn_container.form button,
#editFormForm .btn_container.newForm button {
    display: none;
}

.detailsBox #formDetails strong {
    width: 140px;
}

textarea#formEditor {
    display: none;
}

.editorContainer {
    clear: both;
    position: relative;
    z-index: 2;
}

    .editorContainer iframe,
    .externalUser .editorContainer iframe {
        border: 1px solid #bebdbd;
        width: 100%;
        /*min-height: 570px;*/
    }

.formContentContainer iframe {
    width: 100%;
}

.Form .editorContainer, .externalUser .editorContainer {
    margin: 5px 0;
}

.formContentContainer {
    border: 1px solid #bebdbd;
    float: left;
    margin-top: 20px;
    width: 100%;
    position: relative;
    z-index: 1;
}

section > .formContentContainer {
    border: none;
    margin-top: 0;
}

#FormObjectContainer .formContentContainer #FinalizeFormUrl .icn,
section .formContentContainer #FinalizeFormUrl .icn {
    display: none;
}

.formContentContainer .editorContainer {
    margin: 0 5px 5px 5px;
}

.formContentContainer .actions,
.formContentContainer .actions ul {
    margin: 5px;
}

#FormObjectContainer .actions,
section .formContentContainer .actions {
    margin-left: 0;
}

#modal .formContentContainer .actions,
#modal .formContentContainer .actions ul {
    margin: 5px 3px;
}

.formRow.introMailCntr .editorContainer {
    width: 436px;
    clear: none;
    margin-left: -5px;
    margin-top: -5px;
    float: left;
}

.formRow.introMailCntr #cke_contents_IntroMailBody {
    height: 130px !important;
}

.formInline .formContentContainer, .formInline .editorContainer {
    z-index: auto;
}

.formContentContainer .actions .generalExit {
    padding: 4px 5px !important;
}


/* Styles for editor and display helpers
----------------------------------------------------------*/
.editor-label label {
    float: left;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}
/* [SECTION Organization */
p.add,
p.back,
li.add,
#routeForm .add span {
    background-position: -182px -27px;
    padding-left: 23px;
}

p.back {
    margin: 10px 0;
}

li.add {
    background-position: -182px -28px !important;
}

p.add {
    margin: 10px 10px 20px 0px;
    float: left;
    width: auto;
    height: 16px !important;
}

    p.add span, li.add {
        cursor: pointer;
        color: #0077DD;
        text-decoration: underline;
    }

        p.add span:hover {
            color: #0099FF;
        }

#user dl dd, #user dl dt, #org dl dt {
    float: left;
    line-height: 1.5;
}

#user dl dt {
    clear: left;
    font-weight: bold;
}

#user dl dd {
    margin-left: 10px;
}

    #user dl dd:nth-child(3) {
        border-left: 1px solid #ccc;
        margin-left: 5px;
        padding-left: 5px;
    }

    #user dl dd:after {
        content: ','
    }

    #user dl dd:last-child:after,
    #user dl dd:nth-child(-n+3):after {
        content: '';
    }

/* /SECTION Organization] */
.tbl {
    width: 27%;
    float: right;
    margin: 10px;
}

p.back {
    clear: both;
    background-position: -182px -44px;
}

#user {
    clear: both;
}
/************************************************************External USER**/
#generalDetails {
    margin: 0px 0px 10px 0px;
    width: 100%;
}


.PartnerActivity section {
    margin: 0px !important;
    padding: 0px !important;
}

section.PartnerActivity {
    margin: 0px 0px 25px 0px !important;
    padding: 0px !important;
    float: left;
    width: 100%;
}

p.email label {
    display: inline;
    position: static;
}

p.email span {
    display: block;
}

#ReplyDynamicContent {
    position: relative;
    padding-top: 10px;
}

p.success {
    color: #009933;
}

    p.success span {
        background-position: -189px -176px;
        height: 16px;
        width: 16px;
        float: left;
        margin-left: 5px;
    }

.externalUser p {
    margin: 10px 0px;
}

.externalUser .formsdetails p {
    margin: 0px;
}

.externalUser .instr {
    margin: 10px 0;
}

#commentBox {
    border: 1px solid #ccc;
    clear: both;
}

    #commentBox div:nth-child(2) {
        border: none !important;
    }

#subTabsContent section {
    margin: 0;
}

#subTabsContent {
    clear: both;
    margin-top: 17px;
}
/********************************************************* //External USER**/
/* TABLE
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    width: 100%;
}

tr:hover {
    color: #000;
}

table td {
    padding: 4px;
}

table th, .dataTables_info, .ui-jqgrid table th {
    padding: 4px;
    text-align: left;
    color: #fff;
    border-left: 1px solid #fff;
}

    table th:first-child {
        border-left: none;
    }

    table td.cntr,
    table th.cntr {
        text-align: center;
    }

.highlight:not(.bold),
.dataTables_wrapper tbody tr:not(.formInline):not(.bold):hover,
ul:not(.actionsList) > .MSRelatedActions,
.MSRelatedActions + .moreActionsBtn {
    background-color: #fdf0cb !important;
    user-select: none;
}
/*[GRID-TABLE*/
.addExistingModal .dataTables_wrapper tbody tr.selectedRow,
.addExistingModal .dataTables_wrapper tbody tr.selectedRow:hover {
    background-color: #beebff !important;
}

.sectionFilter {
    margin-right: 0px;
    margin-bottom: 25px;
}
.nonObjectPage .sectionFilter { margin-bottom: 30px; }
.panel-right .sectionFilter { margin-bottom: 17px; }
.workspaceTemplateContent .panel-right .sectionFilter {
    margin-bottom: 17px;
    margin-top: 3px;
}
.sectionFilter.toolBar .wraper {
    margin-right: 8px;
}

.sectionFilter.toolBar .wraper,
.sectionFilter.toolBar input {
    /*margin-bottom:10px;*/
}

.sectionFilter.toolBar input {
    width: 170px;
}

.sectionFilter select {
    width: 100%;
}

.dataTables_wrapper {
    clear: both;
    overflow: auto;
}

#documentsTableContainer {
}


.page-container {
    margin: 20px;
}

/* horizontal panel*/

.panel-container {
    display: flex;
    flex-direction: row;
    border: 1px solid silver;
    overflow: hidden;
    margin-top: 10px !important;
    /* avoid browser level touch actions */
    xtouch-action: none;
}

.panel-left {
    flex: 0 0 auto;
    /* only manually resize */
    padding-right: 2px;
    padding-left: 10px;
    width: 210px;
    min-height: 200px;
    min-width: 210px;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.splitter {
    flex: 0 0 auto;
    width: 10px;
    background: #eee;
    min-height: 200px;
}

.panel-right {
    flex: 1 1 auto;
    /* resizable */
    padding: 10px 10px 0px 10px;
    width: 100%;
    min-height: 200px;
    min-width: 200px;
}


/*pre {
  margin: 20px;
  padding: 10px;
  background: #eee;
  border: 1px solid silver;
  border-radius: 4px;
  overflow: auto;
}*/


#documentsTable,
#tasksTable,
#processesTable {
    position: relative;
}

    #documentsTable .dataTables_wrapper,
    #tasksTable .dataTables_wrapper,
    #processesTable .dataTables_wrapper {
        overflow: visible;
    }

#DashboardContent #documentsTable .dataTables_wrapper,
#DashboardContent #tasksTable .dataTables_wrapper {
    overflow: auto;
}

#documentsTable th.FILE_TYPE {
    padding-top: 0;
}

#documentsTable th.ATTCH_VIEW span,
#documentsTable th.IS_SHARE_FLAG:after {
    position: relative;
    top: 1px;
}

#documentsTable td.IS_SHARE_FLAG span {
    position: relative;
    top: 2px;
}

#documentsTable td.FILE_LOCATION,
#conversationsTable td.TEXT {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cntTblWrp {
    width: inherit;
    overflow: auto;
}
/*.Contacts .dataTables_wrapper table {clear: both; float: left;}*/

.dataTables_wrapper .toolBar {
    /*float: right;
	width: -moz-calc(100% - 210px);     
    width: -webkit-calc(100% - 210px);
    width: calc(100% - 210px);*/
    position: relative;
}

.cntTblWrp .dataTables_wrapper .toolBar {
    position: absolute;
    left: 210px;
}

.dataTables_wrapper .toolBar.fullSize,
.tabContainer .dataTables_wrapper .toolBar,
div.noFilter .toolBar {
    float: none;
    width: 100%;
}

#reportsBox ul {
    clear: both;
}

#reportsBox li {
    border: 1px solid #ccc;
    width: -moz-calc(25% - 40px);
    width: -webkit-calc(25% - 40px);
    width: calc(25% - 40px);
    padding: 15px;
    background-color: #ECF0F7;
    float: left;
    margin-right: 10px;
    height: 150px;
}

    #reportsBox li:last-child {
        margin-right: 0;
    }

.reports .dataTables_wrapper {
    width: 100%;
}

.dataTables_info {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    background: none !important;
    border: none !important;
}

.bottom .dataTables_info {
    color: #333;
}

.dataTables_wrapper thead .sorting_asc:after,
.dataTables_wrapper thead .sorting_desc:after,
.dataTables_wrapper thead .sorting:after {
    width: 16px;
    height: 16px;
    content: '';
    margin: 0;
    background: url('themes/base/images/ui-icons_ffffff_256x240.png') no-repeat 0 0 transparent;
    cursor: pointer;
    float: right !important;
    position: relative !important;
}

.cntTblWrp thead .sorting_asc:after,
.cntTblWrp thead .sorting_desc:after,
.cntTblWrp thead .sorting:after {
}



.table th.sorting_asc,
.table th.sorting_desc {
    cursor: pointer;
}

.dataTables_wrapper thead .sorting_asc:after {
    background-position: -1px -16px;
}

.dataTables_wrapper thead .sorting_desc:after {
    background-position: -66px -16px;
}

.dataTables_wrapper thead .sorting:after {
    background-position: -66px 0 !important;
}

.dataTables_wrapper .dataTables_length {
    width: 165px;
    float: right;
}

.dataTables_wrapper .dataTables_filter {
    float: left;
}

    .dataTables_wrapper .dataTables_filter .ColVis_MasterButton {
        line-height: 18px !important;
    }

.dragbox-content .dataTables_filter {
    display: none;
}

.dragbox-content .dataTables_length {
    display: none;
}

.dragbox-content .dataTables_wrapper table {
    float: none !important;
    margin: 0 !important;
}

.cntTblWrp .dataTables_wrapper .dataTables_filter {
    position: absolute; /*left:220px;*/
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    line-height: 20px;
    font-weight: bold;
    width: auto;
}

    .dataTables_wrapper .dataTables_filter label:before {
        float: left;
        margin-right: 10px;
    }

.nonObjectPage .dataTables_filter input {
    margin-right: -8px;
}

.dataTables_wrapper .notification_icon:after,
.dataTables_wrapper .due_date_flag:after,
.dataTables_wrapper .is_external_flag:after,
.noSortingIcon:after,
th._16:after, th._22:after, th.headerComp:after, th.headerIcn:after {
    display: none !important;
}

.dataTables_wrapper .icn_dateFlag_th,
.sorting {
    cursor: pointer;
}

.dataTables_wrapper table,
table.attr {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .dataTables_wrapper table tbody .ITEM_SELECTED{
        border-right: 1px solid transparent;
    }

table thead tr {
    background-color: #7397BB;
}

table.attr {
    table-layout: fixed !important;
}

table.treetable {
    border: medium none !important;
    border-spacing: 0px;
    border-collapse: separate;
}

    table.treetable th {
        border: 1px solid #fff;
        border-left: none;
    }

table.attr td, table.attr th {
    width: 120px !important;
}
/*.dataTables_wrapper table.empty th{
	width:auto!important;
 }
  .dataTables_wrapper table.empty th.dClmn{
	width:100px;
  }*/
.dataTables_wrapper table.empty th:last-child {
    /*border-right:1px solid #CCCCCC;*/
}
/*.cntTblWrp .dataTables_wrapper table.empty th  {
    width: 120px!important;
 }*/
.Home .dataTables_wrapper table:not(.workspaceParticipantsTable) {
    float: left;
    margin-top: -15px;
}

.Home #SearchResultPanel .dataTables_wrapper table {
    margin-top: 7px;
    background: none;
}

table .cellData {
    overflow: hidden;
    height: 18px !important;
    margin-left: 0px;
    position: relative;
    text-overflow: ellipsis !important;
}

.NOTIFICATION_ICON .cellData,
.TEMPLATE_RELEASED_STATE .cellData,
.TEMPLATE_DRAFT_STATE .cellData {
    text-align: center;
}

.attrCnt .cellData,
table .AS_DESCRIPTION .cellData,
table .FILE_WITHOUT_EXTENSION .cellData,
table .TEXT .cellData,
table .LONG_TEXT .cellData,
table .EMAIL .cellData,
table .EMAIL .cellData,
table .USER_NAME .cellData,
table .OBJECT_TYPE .cellData,
table .AS_NAME .cellData,
table .UA_ACTIVITY_BY .cellData,
table .UA_PROCESS_NAME .cellData,
table .clmnName .cellData,
table .clmnName .clmnMail,
table .GENERAL_OBJECT_NAME .cellData,
table .clmnUser .cellData,
table .userGroupName .cellData,
table th,
table .DATE .cellData,
.mainContent table td .cellData,
table .AS_NAME .cellData,
table .TREE_ELEMENT .cellData,
.KenestoDrive .Dependencies .cellData {
    text-overflow: ellipsis !important;
    -moz-text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

table .cellData p,
.LONG_TEXT .cellData span,
.mainContent td .cellData span,
.mainContent td .cellData a {
    position: relative !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    -moz-text-overflow: ellipsis !important;
    overflow: hidden !important;
}

table .cellData p {
    margin: 0px;
}

#documentsApproverForm table .cellData {
    max-width: 200px;
}

table .cellHeaderData {
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
}

table th {
    font-weight: 600;
    vertical-align: middle;
    position: relative;
}

.dataTables_wrapper table tr {
    height: 32px;
}

.dataTables_wrapper table tbody tr:nth-child(odd) {
    background-color: #F6F6F6;
}

.dataTables_wrapper table td {
    padding: 4px;
    /*vertical-align: top;*/
    vertical-align: middle;
    color: #666 !important;
}

    .dataTables_wrapper table td.ATTCH_VIEW {
        padding: 0 7px !important;
    }

#objectPreview .updatedHistoryTable {
    color: #666;
}

.dataTables_wrapper table .OBJECT_PREVIEW .cellData,
.dataTables_wrapper .previewVersionsTable .dClmn .cellData,
.dataTables_wrapper table .FILE_LOCATION .cellData {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.externalUser .dataTables_wrapper table td:not(.dataTables_empty):first-child {
    border-right: 1px solid transparent;
}

#tasksTable td.ATTRIBUTES .cellData,
table .EDIT .cellData {
    text-align: center;
}

.dataTables_wrapper table .highlight td,
.dataTables_wrapper table tr:hover td {
    color: #000 !important;
}
/*.dataTables_wrapper table td a span { color: #666; }*/
.dragbox-content table td a {
    color: #0077dd;
}

td.REFERENCE_BY_TYPE .icn {
    float: left;
    margin-right: 4px !important;
    margin-top: 1px;
}

.dataTables_wrapper table td._16 .cellData {
    margin: 0 auto;
    width: 16px;
}

.dataTables_wrapper table td._18 .cellData {
    margin: 0 auto;
    width: 18px;
}
.dataTables_wrapper table td.headerIcn .cellData, .dataTables_wrapper table td.headerComp .cellData {
    text-align: center;
}

.ITEM_SELECTED .cellData, .OBJECT_SELECTED .cellData {
    text-align: center;
}

td.DELETE,
td.SHARE_ITEM,
/*td.IS_SHARE_FLAG,*/
td.ATTCH_VIEW,
td.DUE_DATE_FLAG,
td.ITEM_SELECTED,
td.OBJECT_SELECTED,
td.GROUP_MEMBER_TYPE,
td.GENERATE_REPORT,
td.ATTCH_DOWNLOAD {
    text-align: center;
}

td.IS_SHARE_FLAG {
    border-left: 1px solid transparent;
}

.dataTables_wrapper .dataTables_length select {
    float: right;
}

.dataTables_filter input {
    width: 189px;
    float: left;
    height: 18px;
    box-sizing: content-box;
}

    .dataTables_filter input[type="search"]::-webkit-search-decoration,
    .dataTables_filter input[type="search"]::-webkit-search-cancel-button,
    .dataTables_filter input[type="search"]::-webkit-search-results-button,
    .dataTables_filter input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

.dataTables_filter label:after {
    width: 16px;
    height: 16px;
    float: left;
    content: ' ';
    background-position: -73px -109px;
    position: relative;
    right: 23px;
    top: 6px;
}

.jtreeFilter label {
    width: 232px;
}

    .jtreeFilter label:after,
    .srcLabel:after {
        width: 16px;
        height: 16px;
        float: left;
        content: ' ';
        background-position: -73px -109px;
        position: relative;
        right: 23px;
        top: 6px;
        background-image: url(themes/base/images/icons_set.png?1.0.4.174) !important;
    }

.srcLabel.hidden:after {
    display: none;
}

#addRemoveWorkspacespForm .formRow i {
    position: absolute;
    right: 7px;
    top: 6px;
    cursor: default;
}

.nonObjectPage .dataTables_filter label:after {
    right: 15px;
}

.dataTables_wrapper input[type='checkbox'] {
    margin: 3px auto;
}

.dataTables_wrapper .dataTables_length select {
    margin-top: 2px;
}

.fg-toolbar {
    background: none;
    border-top: medium none !important;
    padding: 5px 0;
}

    .fg-toolbar .ui-state-default {
        color: #0077DD !important;
    }

    .fg-toolbar .ui-state-disabled {
        color: #555555 !important;
    }

div.dataTables_info {
    border: 1px solid #ccc;
    border-top: none;
}

.dataTables_paginate {
    width: 400px;
    float: right;
    text-align: right;
    line-height: 1.5;
    margin-top: -26px;
}

.ui-buttonset .ui-button {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    margin: 0 2px !important;
}

div.dataTables_paginate span.paginate_button,
div.dataTables_paginate span.paginate_active,
div.dataTables_paginate a.paginate_button,
div.dataTables_paginate a.paginate_active {
    cursor: pointer !important;
}

div.dataTables_paginate a.first,
div.dataTables_paginate a.previous,
div.dataTables_paginate a.next,
div.dataTables_paginate a.last {
    color: transparent !important;
    overflow: hidden !important;
    text-indent: 9999px !important;
}

div.dataTables_paginate span.paginate_active,
div.dataTables_paginate a.paginate_active {
    font-weight: bold;
    float: left;
    line-height: 22px;
    margin: 0 4px;
    color: #333333 !important;
}

div.dataTables_paginate span a:hover {
    color: #0077DD !important;
}

.dataTables_info {
    clear: both;
}

.dataTables_paginate .first,
.dataTables_paginate .previous,
.dataTables_paginate .next,
.dataTables_paginate .last {
    color: transparent !important;
}

.dataTables_paginate .paginate_button {
    width: 12px;
    height: 16px;
    display: block;
    text-indent: -9999px !important;
    padding: 0;
    float: left;
    margin: 4px 4px 0 4px;
    overflow: hidden;
    color: #0077DD;
}

.dataTables_paginate > span > .paginate_button {
    background-image: none !important;
}

.Home .dataTables_paginate .paginate_button {
    margin: 4px 2px;
    line-height: 14px;
}

.dataTables_paginate span a.paginate_button {
    text-indent: 0 !important;
    color: #333333 !important;
    line-height: 22px;
}

.dataTables_paginate span .paginate_button {
    text-indent: 0px;
    /*height: auto;*/
    width: auto;
    background: none;
    font-weight: normal;
    line-height: 22px;
    margin: 0 4px;
    text-indent: 0 !important;
}

.paginate_button:hover {
    font-weight: bold !important;
}

.dataTables_paginate .first {
    background-position: -308px -182px;
}

.dataTables_paginate .previous {
    background-position: -326px -182px;
}

.dataTables_paginate .next {
    background-position: -343px -182px;
}

    .dataTables_paginate .next.paginate_button_disabled {
        background-position: -343px -218px !important;
    }

.dataTables_paginate .last {
    background-position: -362px -182px;
}

.dataTables_paginate .first:hover {
    background-position: -308px -200px;
}

.dataTables_paginate .previous:hover {
    background-position: -326px -200px;
}

.dataTables_paginate .next:hover {
    background-position: -343px -200px;
}

.dataTables_paginate .last:hover {
    background-position: -362px -200px;
}

.dataTables_paginate span.paginate_button_disabled,
.dataTables_paginate a.paginate_button_disabled {
    cursor: default !important;
}

.dataTables_paginate span:nth-of-type(1).paginate_button_disabled,
.dataTables_paginate a:nth-of-type(1).paginate_button_disabled {
    background-position: -308px -218px;
}

.dataTables_paginate span:nth-of-type(2).paginate_button_disabled,
.dataTables_paginate a:nth-of-type(2).paginate_button_disabled {
    background-position: -326px -218px;
}

.dataTables_paginate span:nth-of-type(4).paginate_button_disabled,
.dataTables_paginate a:nth-of-type(4).paginate_button_disabled {
    background-position: -343px -218px;
}

.dataTables_paginate span:last-child.paginate_button_disabled,
.dataTables_paginate a:last-child.paginate_button_disabled {
    background-position: -362px -218px;
}

#AssetTable_wrapper {
    clear: both;
}

.noFlash div.DTTT_container {
    display: none !important;
}

#AssetLinkTable .dataTables_empty, #AssetTable .dataTables_empty, #DocumentReferencesTable .dataTables_empty {
    text-align: left !important;
    width: 100% !important;
}

.text {
    display: block;
    text-align: center;
    padding-top: 5px;
}

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

.FILE_TYPE span, .attachmentsTable span {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
}

.attachmentsTable .Link span, .Link span, .attachment span.Link, .FILE_TYPE .link {
    background-position: 0 -48px !important;
}

.attachmentsTable .file span, .file span, .attachment span.file, .detailsPart span.file, .FILE_TYPE .file {
    background-position: 0 -66px !important;
}

.attachmentsTable .ppt span, .ppt span, .attachment span.ppt, .FILE_TYPE .ppt {
    background-position: -35px -30px !important;
}

.attachmentsTable .csv span, .csv span, .attachment span.csv, .FILE_TYPE .csv {
    background-position: -16px -30px !important;
}

.attachmentsTable .excel span, .excel span, .attachment span.excel, .FILE_TYPE .excel {
    background-position: -16px -48px !important;
}

.attachmentsTable .pdf span, .pdf span, .attachment span.pdf, .FILE_TYPE .pdf {
    background-position: -16px -66px !important;
}

.attachmentsTable .word span, .word span, .attachment span.word, .FILE_TYPE .word {
    background-position: -36px -48px !important;
}

.attachmentsTable .Process span, .attachmentsTable .Part span, #DocumentReferencesTable .Process span, #DocumentReferencesTable .Part span {
    background-position: 0 -66px;
}


.attachmentsTable .nothing span {
    background-image: none;
}

th._deletePart {
    text-align: center;
}

.grid-table .CaptionRow {
    display: none;
}

.GridHeader {
    border: 1px solid #CCCCCC !important;
    border-bottom: none !important;
}

.GridContent {
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #CCCCCC !important;
}

.grid-table table {
    border-collapse: collapse !important;
    border: none !important;
}

.grid-table td,
.grid-table th,
.grid-table .RowHeader,
.GridPager {
    border: none !important;
    background: none !important;
}

.grid-table th {
    border-left: 1px solid #CCCCCC !important;
    height: 18px !important;
    padding: 3px 5px !important;
    border-right: none !important;
}

    .grid-table th .HeaderCellDiv {
    }

    .grid-table th:first-child {
        border: none !important;
    }

#partTabResult .grid-table th:first-child {
    border-top: 1px solid #DDDDDD !important;
    border-left: 1px solid #DDDDDD !important;
}

.grid-table td {
    white-space: normal !important;
    padding: 5px !important;
    line-height: 18px !important;
}

.grid-table tr:last-child {
    border-bottom: 1px solid #CCCCCC !important;
}

.grid-table tr:nth-child(2n) {
    background-color: #EFF4F9 !important;
}

.grid-table .HovedRowHeaderCell,
.grid-table .RowHover {
    background: #e5f1fc !important;
}

.grid-table .HeaderIcon {
    background-position: 0px -334px !important;
}

/*/GRID TABLE]*/

/************************************************************** [ Dashboard */
.dashboardbox {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    margin: 10px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#main .dashboardbox h2 {
    margin: 0px;
    padding: 10px;
    color: #223344;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeef0', endColorstr='#dee2e7');
    background: -webkit-gradient(linear, left top, left bottom, from(#0077DD), to(#0082e8));
    background: -moz-linear-gradient(top, #0077DD, #0082e8);
}

    #main .dashboardbox h2 span {
        background-position: -6px -90px;
        display: block;
        float: left;
        height: 8px;
        margin: 6px 0 0 5px;
        width: 14px;
    }

.reports section section {
    margin-bottom: 30px;
}

.resizing {
    cursor: e-resize;
}

.resizable {
    background: none repeat scroll 0 0 transparent;
    cursor: e-resize;
    float: right;
    height: 28px;
    margin: -4px -7px -20px 0;
    width: 3px;
}

table tr.unread td {
    font-weight: bold;
}

table tr.read td {
    /*background-color: #f6f6f6!important;*/
}

.dataTables_wrapper .header,
.header.mHeader {
    /*height: 28px;
  height: 12px;*/
}

.groupDetails .dataTables_wrapper .header,
.GeneralTabs .dataTables_wrapper .header,
.tabInfo .dataTables_wrapper .header,
.KenestoDrive .Dependencies .dataTables_wrapper .header,
.KenestoDrive .Revisions .dataTables_wrapper .header {
    height: 28px;
}
.companyContent .GeneralTabs .dataTables_wrapper .header {
    height: 0px;
}
.workspaceTemplateContent .GeneralTabs .dataTables_wrapper .header {
    height: 0px;
}
.highlightRow {
    background-color: #F5ECC7;
}

tr.pastDueDate .cellData span,
tr.pastDueDate .cellData a,
.userUndefined, .frozenStatus span,
.pastDueDate.attribute {
    color: #D53E3E;
}

tr.awaitingDeletion .cellData span,
tr.awaitingDeletion .cellData a,
.userUndefined, .frozenStatus span,
.awaitingDeletion.attribute {
    color: #999900;
}


.userUndefined {
    font-style: italic;
}

.noTaskAdded {
    font-style: italic;
}

#userExternalTab-attachments .header {
    float: right;
}

.quarter .header {
    padding: 0 !important;
    width: 99%;
}

.header.mHeader {
    border-bottom: 1px solid #ccc;
}

.dataTables_wrapper .top {
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
}

.dataTables_wrapper .header .top span,
.module .expand {
    display: block;
    float: left;
    height: 16px;
    margin: 3px 2px 0px 2px;
    width: 16px;
    background-position: -235px -182px;
    background-repeat: no-repeat;
}

    .dataTables_wrapper .header .top span:hover,
    .module .expand:hover {
        background-position: -235px -200px;
    }

    .dataTables_wrapper .header .top span.collapsed,
    .module .collapsed {
        background-position: -218px -181px;
    }

        .dataTables_wrapper .header .top span.collapsed:hover,
        .module .collapsed:hover {
            background-position: -218px -199px;
        }

.dataTables_wrapper .info {
    float: right;
}

.dataTables_wrapper .dataTables_info {
    float: left;
    padding: 0;
    line-height: 20px;
    clear: none;
    margin-right: 10px;
}

.Home .header .dataTables_info {
    margin-left: 10px;
}

.dataTables_wrapper .info .dataTables_paginate {
    margin-top: auto;
    width: auto;
    line-height: normal;
    line-height: 20px;
    margin-right: 10px;
}

.dataTables_wrapper .info .dataTables_length {
    width: auto;
    padding: 0;
}

/*bottom DataTable*/
.bottom .dataTables_paginate {
    margin: 3px 5px;
    float: right;
    width: auto;
}

.bottom .dataTables_length {
    width: auto;
}

.KenestoDrive.DependenciesModal .table .bottom {
    width: auto;
    left: initial;
    right: 0;
}

.bottom .dataTables_info {
    float: right;
    margin: auto;
    margin: 4px auto;
}

.panel-right .bottom .dataTables_info {
    padding-right: 12px;
    font-weight: 600;
    color: #333333
}

/*//bottom DataTable*/
.DTTT_container {
}


.Home #SearchResultPanel .dataTables_wrapper .info .dataTables_length {
    width: 134px;
}

.dataTables_wrapper .info .dataTables_length label {
    position: static;
    margin: 0;
    line-height: 20px;
}

#FormsExportTable_wrapper label {
    float: right;
    width: 140px;
}

#FormsExportTable_wrapper td label {
    float: left;
}

#FormsExportTable_wrapper .dataTables_length {
    width: 50px;
}

.dataTables_wrapper .info .dataTables_length select {
    margin: 0px 0 0 5px;
    float: right;
    line-height: 30px;
}

.Home .dataTables_wrapper .info .dataTables_length select {
    width: 45px;
    margin: 0px;
}

table .LONG_TEXT .shortText {
    position: relative;
    z-index: 300;
}

table .LONG_TEXT span.fullText {
    background: none repeat scroll 0 0 #fffdf4;
    border: 1px dotted #CCCCCC;
    display: none;
    left: -3px;
    padding: 2px;
    position: absolute;
    top: -3px;
    z-index: 501;
    width: 100%;
}

table td.LONG_TEXT:hover .fullText {
    display: block;
}

table td.LONG_TEXT:hover a .fullText {
    text-decoration: underline;
    color: #0099FF;
}

th._16, th._22, th.headerComp,
th.headerIcn,
td.Start_Chat {
    text-align: center;
    padding-top: 2px;
}

._16, th.NOTIFICATION_ICON,
th.headerIcn {
    width: 16px !important;
    padding: 0 5px;
}


th.headerComp {
    width: 35px !important;
    padding: 0 5px;
}

th._22 {
    padding: 0 5px;
}


th.headerIcn, th.headerComp {
    padding: 0 7px;
}

td.icnClmn {
    width: 16px;
}
._18 {
    width: 18px;
    padding: 0 5px;
}
._22 {
    width: 22px;
}

._30 {
    width: 30px;
}

._35 {
    width: 35px;
}

._40._16, ._40 {
    width: 40px !important;
}

._45 {
    width: 45px;
}

._50 {
    width: 50px;
}

._55 {
    width: 55px;
}

._60 {
    width: 60px;
}

._65 {
    width: 65px;
}

._70 {
    width: 70px;
}

._75 {
    width: 75px;
}

._80 {
    width: 80px;
}

._85 {
    width: 85px;
}

._90 {
    width: 90px;
}

._95 {
    width: 95px;
}

._100 {
    width: 100px;
}

._105 {
    width: 105px;
}

._110 {
    width: 110px;
}
._115 {
    width: 115px;
}
._120, .width_120 {
    width: 120px;
}
._125 {
    width: 125px !important;
}
._130 {
    width: 130px !important;
}

._140 {
    width: 140px !important;
}
._145 {
    width: 145px !important;
}

._150 {
    width: 150px;
}

._155 {
    width: 155px;
}

._160 {
    width: 160px;
}

._170 {
    width: 170px;
}

._180 {
    width: 180px;
}

._190 {
    width: 190px;
}
._200 {
    width: 200px;
}

._250 {
    width: 250px;
}

._300 {
    width: 300px;
}

._350 {
    width: 350px;
}

._400 {
    width: 400px;
}

._150 {
    width: 150px;
}

._250 {
    width: 250px;
}

._350 {
    width: 350px;
}

._450 {
    width: 450px;
}

.wide_900 {
    width: 900px;
}

.cntrAlign {
    text-align: center;
}

.NOTIFICATION_SUBJECT {
    width: 240px !important;
}

.clmnActivity,
.attrText {
    width: 120px;
}

.clmnProcessPerMonth, .clmnDpnd {
    width: 140px;
}

.clmnActivityExternal {
    width: 200px;
    max-width: 200px;
}

.clmnProcess {
    width: 120px;
}

.clmnNumber {
    width: 120px
}

.attrNumber {
    width: 100px;
}

.clmnType {
    width: 119px;
}

.clmnPhone {
    width: 100px;
}

.clmnEmail {
    width: 150px;
}

.clmnDate,
.attrDate {
    width: 110px; /*background: #FBAF0E;*/
}

.clmExpDate {
    width: 99px;
}

.clmnLongDate {
    width: 180px;
}

.clmnUser {
    width: 160px;
}

.userGroupName {
    width: 150px
}

.clmnFormUser {
    width: 130px;
}

.clmnStatus {
    width: 90px
}

.clmnPermissions {
    width: 103px
}

.clmnID {
    width: 70px
}

.clmnEvent {
    width: 70px
}

.clmndetails {
    width: 75px
}

.clmnSize {
    width: 70px
}

.clmnKeywords {
    width: 150px;
}

.clmnOrgName {
    width: 140px;
}

.clmnName {
    width: 110px;
}

.clmnMail {
    width: 190px;
}
.clmDesc {
    width: 480px;
}

.clmnDueDate {
    width: 100px;
}

.dClmn {
    width: auto !important
}

.clmnView {
    width: 50px;
}

.clmn
.GENERATE_REPORT {
    text-align: center;
    width: 75px !important;
}

th.GENERATE_REPORT {
    text-align: center !important;
}

table th .thData {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block;
    float: left;
}

.dataTables_scroll table th.ATTCH_DOWNLOAD .thData, .dataTables_scroll table th.DELETE .thData {
    display: inline;
    float: none;
}

.dataTables_scroll table th.ATTCH_DOWNLOAD, .dataTables_scroll table th.DELETE, .dataTables_scroll table th.editor-label {
    text-align: center;
}

.sharedExternal .dataTables_scroll table th.editor-label {
    text-align: left !important;
}
/*
th.dClmn {
	min-width: 50px!important;
	_width: 50px;
	width:auto !important;
}

th.dClmn .thData {
	min-width: 50px;
}
*/
.mainContent .dClmn {
    max-width: 300px;
}

#contentBox .mainContent .dClmn {
    max-width: 230px;
}
/*Home Page*/
/*
.clmnActivity .cellData,
.clmnProcess .cellData,
.clmnNumber .cellData,
.clmnType .cellData,
.clmnDate .cellData,
.clmnUser .cellData,
.clmnStatus .cellData,
.clmnEvent .cellData,
.clmndetails .cellData,
.clmnKeywords .cellData,
.clmnName .cellData,
.userGroupName .cellData,
.dClmn .cellData {
	width: inherit;
}
*/
td.DUE_DATE_FLAG .due_1 {
    background-position: -102px -31px;
}

td.DUE_DATE_FLAG .due_2 {
    background-position: -102px -48px;
}

.stripe1 {
    background-color: Yellow !important;
}

.stripe2 {
    background-color: Green;
}

.stripe3 {
    background-color: Fuchsia;
}

.stripe4 {
    background-color: Olive;
}

.stripe5 {
    background-color: Gray;
}

.ktable_hide {
    visibility: hidden;
}

.usersListFieldset {
    display: inherit;
    height: 184px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 0 0 0 !important;
}

    .usersListFieldset li {
        text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        white-space: nowrap;
        margin: 5px 0 0 8px !important;
        width: calc(100% - 18px);
        width: -moz-calc(100% - 18px);
        width: -webkit-calc(100% - 18px);
        overflow: hidden;
    }

        .usersListFieldset li label {
            float: none;
        }

.listFieldset {
    border: 1px solid red;
    width: 378px;
    padding: 4px;
    float: left;
    border: 1px solid #C8D2DC;
    overflow-y: auto;
}

    .listFieldset.u {
        max-height: 147px;
        margin-bottom: 3px;
        min-height: 26px;
        padding: 0 4px;
    }

    .listFieldset ul {
        min-height: 15px;
    }

    .listFieldset.g {
        height: 50px;
    }

    .listFieldset ul li {
        float: left;
        clear: both;
        margin-right: 10px;
        margin: 6px 10px 4px 2px;
    }

#createGroupForm .listFieldset li.highlight,
#editGroupForm .listFieldset li.highlight,
#addRemoveWorkspacespForm .listFieldset li.highlight {
    background: transparent !important;
}

    #createGroupForm .listFieldset li.highlight label,
    #editGroupForm .listFieldset li.highlight label,
    #addRemoveWorkspacespForm .listFieldset li.highlight label {
        color: #000;
        font-weight: bold;
    }

fieldset .chBoxControls {
    margin: 0px 0 3px 111px;
    clear: both;
}

fieldset.security {
    height: 140px;
}

.chBoxControls span:hover {
    text-decoration: none !important;
}

.chBoxControls span:first-child {
    padding-right: 5px;
    position: relative;
}

    .chBoxControls span:first-child:after {
        content: " |";
        /* display: block; */
        padding-left: 4px;
        line-height: 16px;
    }

/***************[]Current REPORTS********************/
.reportContent dd, .reportContent dt {
    float: left;
    /*margin-left: 10px;*/
}

.reportContent dd {
    margin-right: 10px;
}

    .reportContent dd.cntr {
        padding-top: 5px;
    }

.reportContent dt {
    margin-right: 10px;
    line-height: 24px;
}

dt.noFloat,
dd.noFloat {
    float: none;
    margin-bottom: 5px;
}

.reportContent dt {
    width: 60px;
    text-align: right;
    font-weight: 600;
}

.grouped label {
    float: left !important;
    line-height: 34px;
    /*margin-right: 10px;*/
    min-width: 135px;
}

label[for=disabled],
label[for=enabled] {
    text-align: left;
    line-height: 18px !important;
}

.grouped section + ul {
    float: none;
}

    .grouped section + ul li {
        /*top: -10px;*/
        /* fix for KB-4641 */
        top: 0px;
    }

.grouped section:empty + ul {
    float: left;
    margin-top: 0px;
}

    .grouped section:empty + ul li {
        top: 0px;
    }

dt.longDt {
    min-width: 120px;
}

.reportContent dt:first-child {
    text-align: left;
    width: 100px;
}

.reportContent dd .wraper,
.reportContent dd input {
    width: 190px;
}

.reportContent #entitiesBox {
    z-index: 0;
}

.reportContent .wraper {
    min-height: 18px;
}

.reportContent label span {
    color: #A6A6A6;
    font-weight: 400;
    font-size: 13px;
}

.dlgCnt {
    background-color: #FFFFFF;
    /*padding: 0px 35px 25px 35px;*/
    position: absolute;
    border: 1px solid #E5E9EE;
    top: 45px;
    left: 280px;
    z-index: 1000;
    /*max-width: 700px;
	overflow-x: auto;*/
}

#entitiesBox.disabled + .dlgCnt {
    display: none;
}

.dlgCnt .cntr {
    max-width: 700px;
    margin: 0 30px;
    overflow: auto;
}

.dlgCnt h3 {
    cursor: move;
    height: 20px;
    margin: 0 !important;
}

.dlgCnt table {
    border: 1px solid #CCCCCC !important;
    margin-bottom: 20px;
}

.dlgCnt td, .dialogTable th {
    border: 1px solid #CCCCCC !important;
}

.dlgCnt .icn_close {
    position: absolute;
    top: 2px;
    right: 2px;
}

.customObjectEntityBox li {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
/*#entityBox {
	float: left;
	margin-left: -120px;
}*/
/*draggable table*/
.dragtable-drag-handle {
    cursor: move;
}

.dragtable-drag-wrapper {
    position: absolute;
    z-index: 1000;
    border: 1px solid #000;
}

    .dragtable-drag-wrapper .dragtable-drag-col {
        opacity: 0.8;
        filter: alpha(opacity=80);
        cursor: move;
    }

.dragtable-col-placeholder {
    border: none !important;
    color: #EFEFEF;
    background: #EFEFEF !important;
    visibility: visible !important;
    cursor: move;
}

table .dragtable-col-placeholder {
    border-top: 1px dotted black;
}

.dragtable-col-placeholder * {
    opacity: 0.0;
    visibility: hidden;
}

.reportModal section,
.reportModal .genForm,
.reportModal .ui-dialog,
.dragbox-content section,
.dragbox-content .genForm,
.dragbox-content .ui-dialog {
    padding: 0 !important;
    margin: 0 !important;
    width: auto;
}

.reportModal .genFormH,
.reportModal .aboutDialog,
.dragbox-content .genFormH,
.dragbox-content .aboutDialog {
    width: auto !important;
}

.reportModal .genForm,
.dragbox-content .genForm {
    width: 100% !important;
    position: relative;
}

.reportModal .ui-dialog .ui-dialog-title,
.dragbox-content .ui-dialog .ui-dialog-title {
    height: 27px;
    width: 100%;
    max-width: 100%;
    background-color: #F5F6F8;
}

.KenestoDrive.DependenciesModal .ui-widget {
    top: 5px !important;
    padding-bottom: 0;
}

.KenestoDrive #modal .genForm.addDependenciesModal,
.KenestoDrive #modal .genForm.viewRevisionsModal {
    width: 876px;
    margin-top: 18px;
}


.reportModal .tabInfo,
.dragbox-content .tabInfo {
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.reportModal .tabnav li,
.dragbox-content .tabnav li {
    float: left;
    line-height: 27px;
    padding: 0 10px;
    position: relative;
}

    .reportModal .tabnav li a,
    .dragbox-content .tabnav li a {
        color: #333333 !important;
        font-weight: 600;
    }

    .reportModal .tabnav li:after,
    .dragbox-content .tabnav li:after {
        background-color: #C8D2DC;
        border-right: 1px solid #FFFFFF;
        content: " ";
        height: 27px;
        position: absolute;
        right: 0;
        width: 1px;
    }

    .reportModal .tabnav li.curr,
    .dragbox-content .tabnav li.curr {
        background-color: #fff;
    }

.reportModal .tabContainer,
.dragbox-content .tabContainer {
    clear: both;
    margin: 10px 20px;
    padding: 0 !important;
    width: auto;
}

.reportModal .ui-dialog .ui-dialog-titlebar-close,
.dragbox-content .ui-dialog .ui-dialog-titlebar-close {
    margin: 0 !important;
    right: 1px !important;
    top: 5px !important;
}

#fusioncharts-tooltip-element {
    z-index: 4000 !important;
}
/*.Reports .grouped .actions li {
	min-width: 93px;
}*/
.Reports dd .icn.icn_delete {
    margin-right: 0;
}

.Reports dd .actions li, .Reports dd .actions li:hover {
    border: none;
    background: none;
    min-width: 16px !important;
}

.reportContent .wraper {
    float: none;
}

.wraper .sTtl {
    background-color: #f5f5f5;
    line-height: 26px !important;
    border-top: 1px solid #C8D2DC;
    border-bottom: 1px solid #C8D2DC;
    color: #000 !important;
}

.grouped dl.groupRow {
    padding: 3px 0 0 0;
}

svg {
    z-index: 9999;
}

#entitiesBox {
    position: relative;
}

    #entitiesBox.disabled:after {
        bottom: 1px;
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.6);
        z-index: 2001;
    }

#reportTableTabResult th {
    width: 100px;
}
/*
#reportTableTabResult .info{
	position: absolute;
	right: 0;
	bottom: 20px;
}
#reportTableTabResult table {
	margin-bottom: 30px;
}
*/
/*
#entityFieldsBox .listDrop ul,
#reportSortingRow .listDrop ul{
	height: 200px!important;
}*/
.placeholder .chartFields label {
    display: none;
}
/***************[/]Current REPORTS********************/
.DTTT_button {
    background-position: -184px -114px;
    border: none;
    padding-left: 20px;
    cursor: pointer;
    color: #0077DD;
    position: relative;
    top: 1px;
    font-weight: 600;
    font-size: 14px !important;
    height: 18px;
}

    .DTTT_button:hover {
        text-decoration: underline;
        background-position: -184px -132px;
    }

    .DTTT_button span {
        border: none;
    }

        .DTTT_button span:after {
            height: 100%;
            content: '';
            width: 0px;
            border-left: 1px solid #DADADA;
            margin-left: 12px;
        }

.actions .DTTT_button {
    float: left;
    height: 16px;
    margin: 1px -138px 0 0;
    padding: 0;
    top: 0;
    width: 160px;
}

/************************************************************** // Dashboard] */


/* New Home Page */
body.Home {
}

.frame {
    border: 1px solid #c8d2dc;
    background: -moz-linear-gradient(top, #f3f9fe 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f9fe), color-stop(100%,#ffffff));
    width: 260px;
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
    /*position: absolute;
    z-index: 1001;
    right: 10px; top: 49px;*/
    float: right;
    margin-top: 14px;
    clear: none;
    display: none;
}

    .frame h3 {
        font-size: 18px;
        color: #223344;
        font-weight: normal;
    }

    .frame ol {
        margin: 0px 0px 0px 20px;
    }

.startBox {
    /*width: 550px;*/
    position: absolute;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -250px;
}

    .startBox li {
        margin-left: 40px;
        overflow: hidden;
        position: relative;
        -webkit-box-shadow: 3px 3px 8px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 3px 3px 8px rgba(50, 50, 50, 0.3);
        box-shadow: 3px 3px 8px rgba(50, 50, 50, 0.3);
    }

        .startBox li:nth-child(1) {
            margin-left: 76px;
        }

        .startBox li:nth-child(4) {
            margin-left: 0px;
            clear: both;
        }

        .startBox li:nth-child(-n+3) {
            margin-bottom: 80px;
        }

/*.startBox .row {width: 568px; margin: 0px auto;}*/
.startBTN, .userBTN {
    width: 106px;
    height: 106px;
    border: 2px solid #604a7b;
    border-radius: 3px 3px 15px 15px;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #223344;
    position: relative;
}



    .userBTN span {
        float: left;
    }

    .startBTN var,
    #dash li var {
        position: absolute;
        top: 38px;
        right: 4px;
        background-color: #FFAA00;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        line-height: 22px;
        font-style: normal;
        color: #fff;
        text-align: center;
        z-index: 101;
    }

#dash li var {
    top: 4px;
}

.startBTN span {
    font-size: 14px;
    background-color: #604A7B;
    display: block;
    line-height: 33px;
    border-bottom: 1px solid #C8D2DC;
    color: #fff;
    font-weight: bold;
}

.startBox li:nth-child(-n+3) span {
    background-color: #FABC78;
    color: #333;
}

.startBTN .icn_48 {
    float: none;
    margin: 10px auto auto auto;
    background-repeat: no-repeat;
    /*height: 56px;    
    width: 56px;*/
    height: 55px;
    position: relative;
    z-index: 100;
}

.startBTN i {
    background-image: url("themes/base/images/home_icons_hover_bg.png") !important;
    background-color: transparent;
    content: " ";
    width: 78px;
    height: 78px;
    display: none;
    margin: 0 auto;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -39px;
}

.startBTN.active {
    background-color: #D8E0EF;
}

.startBTN:hover i {
    display: block;
}

.startBTN.active:hover i {
    display: none;
}
/*.startBTN:hover .icn_48{
    background-color: #D8E0EF;
}*/

/*home page Dashboard buttons*/
#dash {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 540px;
}

    #dash li {
        width: 120px;
        height: 120px;
        border: 1px solid #97a6b5;
        float: left;
        background-position: center center;
        margin: 0px 15px 15px 0;
        border-radius: 10px;
        position: relative;
        cursor: pointer;
        -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3);
    }

        #dash li:nth-child(5) {
            clear: both;
        }

        #dash li:nth-child(4n) {
            margin-right: 0;
        }

        #dash li:nth-child(n+5) {
            margin-bottom: 0 !important;
        }

        #dash li.active,
        #dash li:hover {
            -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.3);
            -moz-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.3);
            box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.3);
        }

        #dash li.active {
            border: 1px solid #556688;
        }

        #dash li span {
            font-size: 14px;
            line-height: 33px;
            color: #223344;
            margin: 0 auto;
            text-align: center;
            display: block;
        }

        #dash li .icn_dash_64 {
            margin: 15px auto 0 auto;
        }

/* // home page Dashboard buttons*/


#profile span {
    font-size: 12px;
}

#discussions .icn_48 {
    background-position: -224px 0;
    width: 55px;
}

#documents .icn_48 {
    background-position: -61px 0;
    width: 46px;
}

#tasks .icn_48 {
    background-position: -4px 0;
    width: 49px;
}

#workflows .icn_48 {
    background-position: -277px 0;
    width: 55px;
}

#workspaces .icn_48 {
    background-position: -338px 0;
    width: 49px;
}

#people .icn_48 {
    background-position: -112px 0;
    width: 55px;
}

#data .icn_48 {
    background-position: -171px 0;
    width: 49px;
}

/*.contentBox {display:none;}*/
.Home .contentBox {
    background-color: #F4F6F8;
    border: 1px solid #C8D2DC;
    border-radius: 4px 4px 4px 4px;
    height: 245px;
    /*padding: 0 10px 0 10px; */
    position: absolute;
    bottom: 39px;
    left: 10px;
    display: block;
}

.mainContent {
    display: none;
    margin: 0 10px;
    min-height: 240px;
}

#introductionBox.mainContent {
    display: block;
}

.mainContent h2 {
    margin: 10px 10px 10px 0;
}

    .mainContent h2 span {
        margin-right: 5px;
    }

.mainContent .viewAllLink,
.contactsContent .viewAllLink {
    float: left;
    margin-top: 18px;
    color: #0077DD;
    cursor: pointer;
}

.mainContent .viewAllLink {
    margin-top: 2px;
    margin-left: 5px;
}

#reportsBox .viewAllLink {
    margin-top: 20px;
    float: right;
}

#reportsBox .addReport {
    display: block;
    margin: 0 auto;
    text-align: center;
}

    #reportsBox .addReport var {
        line-height: 18px;
    }

    #reportsBox .addReport div {
        width: 90px;
        margin: 60px auto 0 auto;
    }

.mainContent .icnContainer {
    float: right;
    margin-top: 18px;
}

.mainContent ul.icnContainer li:last-child {
    margin-right: 0;
    margin-left: 5px;
}

.mainContent .loadingPage {
    width: 100%;
    margin: 0;
}

.mainContent .listLength label,
.mainContent .listLength select,
.mainContent .listLength span {
    float: left;
    margin-right: 5px;
    font-weight: normal;
}

.mainContent .listLength label {
    margin-top: 2px;
}

.contactsContent .listLength {
    float: left;
    margin: 14px 0 0 0;
}

    .contactsContent .listLength label,
    .contactsContent .listLength select,
    .contactsContent .listLength span {
        float: left;
        margin: 6px 5px 0 10px;
        font-weight: normal;
    }

.contactsContent .selectedItem .icn {
    margin: 7px 3px 0 0;
}

.contactsContent .wraper {
    width: 45px;
    /*margin-top: 4px;*/
}

.mainContent ul.items,
.mainContent table {
    width: 99%;
    margin-bottom: 5px;
}

.mainContent table,
.contactsContent table {
    float: none;
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0 5px;
    clear: both;
}

    .mainContent table tr,
    .contactsContent table tr {
        margin-bottom: 5px;
    }

        .mainContent table tr td,
        .contactsContent table tr td {
            background-color: #fff;
            line-height: 20px;
            border-top: 1px solid #C8D2DC !important;
            border-bottom: 1px solid #C8D2DC !important;
        }

.Home .contentBox .actions li:last-child {
    margin-right: 0;
}

.mainContent table tr td:first-child,
.contactsContent table tr td:first-child {
    border-radius: 3px 0px 0px 3px;
    border-left: 1px solid #C8D2DC !important;
}

.mainContent table tr td:last-child,
.contactsContent table tr td:last-child {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #C8D2DC !important;
}

.mainContent ul.items li {
    background-color: #fff;
    border: 1px solid #C8D2DC;
    border-radius: 4px;
    float: left;
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    padding: 0px 10px;
    margin: 0px 0px 5px 0px;
    line-height: 30px;
}

    .mainContent ul.items li .icn {
        margin-top: 6px;
    }

        .mainContent ul.items li .icn.btn_mark {
            margin-top: 12px;
        }

.mainContent .itemName {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mainContent tr.overdue td .cellData,
.mainContent tr.overdue td .cellData a {
    color: Red;
}

.mainContent .itemDescription {
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tasksBox.mainContent .itemName {
    width: 140px;
}

/*.attributes span,*/
.noData, .dataTables_empty {
    clear: both;
    color: #666666;
    font-size: 13px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-align: left;
}

    .dataTables_empty .cellData {
        font-size: 13px;
    }

.segment {
    /*width: 540px;*/
    float: left;
    /*clear: left;*/
    margin: 0;
    position: relative;
}

    .segment h2 {
        font-size: 20px;
        font-weight: normal;
        line-height: 18px;
        color: #223344;
        font-family: Georgia;
        cursor: pointer;
        margin: 0px;
        float: left;
        width: auto;
        margin: 0px 10px 25px 0px;
        position: relative;
        z-index: 2;
    }

        .segment h2 a {
            font-size: 12px;
            font-weight: normal;
        }

        .segment h2 .icn {
            margin: 5px 5px 0px 0px;
        }

        .segment h2:hover .icn_up {
            background-position: -235px -200px;
        }

        .segment h2:hover .icn_down {
            background-position: -218px -200px;
        }

        .segment h2 .number, .segment h2 .number em {
            font-size: 20px;
            font-style: normal;
        }

    .segment ul.icnContainer {
        float: left;
        margin: 0px;
    }

        .segment ul.icnContainer li {
            margin: 0px 10px 0px 0px;
            line-height: 23px;
        }

            .segment ul.icnContainer li .icn {
                margin-top: 1px;
            }

    .segment p {
        margin: 0px;
        line-height: 16px;
    }

    .segment .transparentBox {
        float: left;
        clear: left;
        width: 540px;
        position: relative;
        margin-bottom: 10px;
    }

    .segment .box {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }

        .segment .box .top {
            display: none;
        }

    .segment div.image {
        background-image: url(themes/base/images/segments.png);
        background-repeat: no-repeat;
        width: 74px;
        height: 74px;
        float: left;
        margin-right: 6px;
        margin-bottom: 15px;
    }

    .segment.recentDocuments .image {
        background-position: -290px 0px;
    }

    .segment.activities .image {
        background-position: -222px 0px;
    }

    .segment.processes .image {
        background-position: -148px 0px;
    }

    .segment.discussions .image {
        background-position: -518px 0px;
    }

    .segment .transparentBox .icnContainer {
        margin: 20px 0px 20px 0px;
    }

    .segment .transparentBox ul {
        float: left;
    }

    .segment .transparentBox li {
        /*float: left; width: 230px;*/
        clear: left;
        margin: 0px 0px 10px 0px;
    }


    .segment .box .icnContainer {
        /*margin: -34px 0px 0px 2%; */
        margin: 0px;
        float: left;
        width: auto;
        position: relative;
        z-index: 1;
    }

        .segment .box .icnContainer li {
            margin: 0px 10px 0px 0px;
        }

    .segment .dataTables_wrapper {
        /*clear: none;*/
        float: left;
        width: 100%;
        margin-top: -28px;
    }

    .segment.activities .dataTables_wrapper,
    .segment.processes .dataTables_wrapper,
    .segment.recentDocuments .dataTables_wrapper,
    .segment.DiscussionDetails,
    .segment.documentDetails {
        width: -moz-calc(100% - 162px);
        width: -webkit-calc(100% - 162px);
        width: calc(100% - 162px);
    }

.externalUser .segment.documentDetails {
    width: 100%;
    margin-top: -10px;
}

.segment.activities .table, .segment.processes .table {
}

.segment .dataTables_wrapper .header {
    float: right;
}

.segment .graph {
    border: 1px solid #dddddd;
    border-radius: 3px;
    float: left;
    margin-left: 10px;
    width: 150px;
    background-color: #f2f8fd;
    padding-bottom: 10px;
    height: 171px; /*max-height: 169px;*/
    overflow: hidden;
    position: relative;
    top: -16px;
}

    .segment .graph h4 {
        padding: 0px 10px;
        line-height: 29px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 10px;
        background: url(themes/base/images/gradients.png) repeat-x scroll 0 -117px transparent;
        border-radius: 3px 3px 0px 0px;
    }

    .segment .graph .barChart {
        border-left: 1px solid #dddddd;
        border-bottom: 0px solid transparent;
        height: 140px;
        margin: 0px;
        overflow: hidden;
        float: left;
        width: -moz-calc(100% - 98px);
        width: -webkit-calc(100% - 98px);
        width: calc(100% - 98px);
    }

    .segment .graph .pieChart {
        height: 86px;
        margin: 0px;
        overflow: hidden;
        float: left;
        width: 100%;
    }

    .segment .graph .chartLegend {
        float: left;
        width: 75px;
        margin: 0px 0px 0px 10px;
    }

.segment .chartLegend li {
    list-style: none;
    margin: 4px 0px;
    line-height: 27px;
}

.segment .chartLegend span, .segment .piechartLegend span {
    font-size: 12px;
    color: #333333;
}

    .segment .chartLegend span.number {
        position: absolute;
        left: 100px;
        font-size: 18px;
        right: 64%;
        z-index: 1000;
        line-height: 28px;
        color: #000000;
        font-weight: normal;
    }

.segment .piechartLegend span {
    vertical-align: middle;
}

.tabInfo .dataTables_wrapper .header,
.tabContainer:not(.wsAttachments) .dataTables_wrapper .header,
.PartnerActivity .dataTables_wrapper .header,
.groupDetails .dataTables_wrapper .header,
.KenestoDrive .Dependencies .dataTables_wrapper .header,
.KenestoDrive .Revisions .dataTables_wrapper .header {
    background: none;
    border-width: 0px;
    width: inherit;
    margin-bottom: 12px;
}

.tabContainer.companyTabContainer .dataTables_wrapper .header {
    margin-bottom: 0px;
}
.PartnerActivity #processWorkflow {
    margin: 20px 0px !important;
    height: 400px;
}

#introductionBox ul li {
    line-height: 31px;
    float: left;
    width: 100%;
}

    #introductionBox ul li a {
        font-size: 14px;
        padding: 0px 8px;
    }

li#documentsTut .icn_medium {
    background-position: -33px -3px;
}

li#taskTut .icn_medium {
    background-position: -3px -33px;
}

li#workflowsTut .icn_medium {
    background-position: -3px -3px;
}

li#contactsTut .icn_medium {
    background-position: -153px -3px;
}

li#preferencesTut .icn_medium {
    background-position: -94px -3px;
}
/************************************************************** TABS */

#tabnav { /* general settings */
    border: 1px solid #dfdfdf !important;
    background: none;
    float: left;
    list-style-type: none;
    clear: both;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}

    #tabnav li {
        display: inline;
        float: left;
        border: 1px solid #C8D2DC;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        line-height: 16px;
    }

        #tabnav li:hover {
            background: -moz-linear-gradient(top, #f6f7f7 0%, #eef1f3 100%);
            background: -webkit-linear-gradient(top, #f6f7f7 0%,#eef1f3 100%);
        }

        #tabnav li:first-child {
            border-left: 0px solid transparent;
        }

        #tabnav li.curr { /* settings for selected tab */
            background-color: #fff;
            position: relative;
            border-bottom: 1px solid #fff;
            top: 0px;
        }

    #tabnav .curr a { /* settings for selected tab link */
        background: #fff;
        border-bottom: 2px solid #ff6a00;
        color: #ff6a00 !important;
    }

ul#tabnav li a { /* settings for all tab links */
    border: 0;
    display: block;
    font-weight: 600;
    text-decoration: none;
    padding: .3em 0;
    margin: 0 .5em;
}

    ul#tabnav li a:last-child {
        border-left: 0px solid transparent;
    }

#tabnav .curr a:hover {
    background: #fff;
}

.tabInfo {
    position: relative;
    margin-bottom: 30px;
    float: left;
    padding: 10px;
}

#partTabResult.tabInfo {
    padding: 20px 0 15px 0;
    width: 100%;
}

    #partTabResult.tabInfo #comments {
        width: calc(100% - 2px);
    }

.tabInfo ul {
    list-style-type: none; /*padding-left: 20px;*/
}

.btnSet {
    float: right;
    overflow: auto;
    margin-top: -47px;
    position: relative;
}

.listDrop {
    position: relative;
    color: #0077DD;
    /*z-index: 1002;*/
}

#processPartActions .listDrop:hover strong {
    text-decoration: underline;
}
/*
.listDrop.order-0 {z-index: 980!important;}
.listDrop.order-1 {z-index: 960!important;}
.listDrop.order-2 {z-index: 940!important;}
.listDrop.order-3 {z-index: 920!important;}
.listDrop.order-4 {z-index: 900!important;}
.listDrop.order-5 {z-index: 880!important;}
.listDrop.order-6 {z-index: 860!important;}
.listDrop.order-7 {z-index: 840!important;}
.listDrop.order-8 {z-index: 820!important;}
.listDrop.order-9 {z-index: 800!important;}
*/
.listDrop:hover,
.loadFromFileButton:hover {
    cursor: pointer;
}

.listDrop ul, .listDrop dl {
    position: absolute;
    background: #fff;
    top: 20px !important;
    padding: 2px;
    /*width: auto;*/
    width: auto;
    min-width: 150px;
}

/*#toolBar *:not(.import) .listDrop ul {top: 19px !important;}
.import .listDrop ul {
    top:0!important;
}*/

.listDrop dl {
    width: 182px;
}

.listDrop dl,
.listDrop ul {
    padding: 0;
    margin: 0;
    background: #fdfdfd;
}

#toolBar dl {
    right: 2px;
}

.actions .listDrop ul {
    margin-top: 10px;
}

.listDrop li,
.listDrop dd,
.dropDown-container dd,
.dropDown-container ul:not(.mf2Menu):not(.contactList):not(.actionsList) li {
    display: block !important;
    float: none !important;
    padding: 1px 8px !important;
    margin: 0 !important;
    /*color: #0077DD;*/
    line-height: 18px;
}

.dropDown-container.settings-c ul:not(.mf2Menu):not(.actionsList) {
    padding: 4px 0;
}

    .dropDown-container.settings-c ul:not(.mf2Menu):not(.actionsList) li {
        padding: 1px 8px 0 8px !important;
    }

.dropDown-container.settings-c > ul > li:hover {
    font-weight: 600;
}

.listDrop li a,
.listDrop dd a,
.dropDown-container dd a,
.dropDown-container ul:not(.contactList) li a {
    display: block;
    text-decoration: none !important;
    color: #0077DD;
}

.dropDown-container.settings-c ul li a {
    color: #666;
}

.dropDown-container.settings-c ul li:hover a {
    color: #000;
}

.listDrop li:not(.sTtl):hover,
.listDrop dd:hover,
.dropDown-container dd:hover,
.dropDown-container ul:not(.mf2Menu):not(.contactList):not(.listDrop) li:hover {
    /*background-color: #0077DD!important;*/
    text-decoration: none !important;
}

    .settings-c li.AboutLink:hover span,
    .listDrop dd:hover a,
    .dropDown-container:not(.settings-c) ul:not(.contactList) li:hover a,
    .listDrop dd:hover span {
        color: #fff !important;
        text-decoration: none !important;
    }

.customDropdownList.listDrop {
    width: inherit;
}

    .customDropdownList.listDrop.disabled {
        opacity: .5;
        pointer-events: none;
        cursor: default;
        /*-ms-touch-action: none;*/
    }

        .customDropdownList.listDrop.disabled ul {
            display: none;
        }

.multiTenant.listDrop ul li {
    margin: -1px !important;
    border: 1px solid transparent;
}

    .multiTenant.listDrop ul li a {
        color: #666;
    }

.customDropdownList.listDrop li, .ko_customDropdownList.ko_listDrop li {
    border: 1px solid transparent;
    color: #666;
}

    .customDropdownList.listDrop li.selectedItem {
        border: none;
    }

#plmSearch .customDropdownList.listDrop > li {
    color: #fff;
}

#plmSearch .customDropdownList.listDrop ul li {
    color: #666;
}

.customDropdownList.listDrop li var {
    font-style: normal;
}

.customDropdownList.listDrop ul li:not(.sTtl):not(.widgetitem):hover,
.multiTenant.listDrop ul li:hover {
    background-color: #fff !important;
    color: #000;
    border: 1px solid #000;
}

    .multiTenant.listDrop ul li:hover a {
        color: #000;
    }

.dashboardActions .customDropdownList.listDrop ul li:hover {
    background-color: transparent !important;
}

.customDropdownList.listDrop.addW ul li:hover {
    background-color: transparent !important;
    color: #333;
}

.customDropdownList.listDrop ul li {
    padding: 4px 8px 4px 12px !important;
    float: none !important;
    white-space: nowrap;
    margin: -1px !important;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#workspacesList .customDropdownList.listDrop ul li {
    padding-left: 7px !important;
}

.customDropdownList.listDrop.hasScroll ul li {
    padding-right: 0 !important;
}

.customDropdownList.listDrop li.selectedItem {
    background-color: transparent !important;
    padding: 0 0 0 5px !important;
}

li.selectedItem > var {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.customDropdownList.listDrop ul {
    border: 1px solid #bebdbd;
    top: 28px !important;
    left: -3px !important;
}

.getCompleteBackForm .customDropdownList.listDrop ul {
    max-width: 194px;
}

.workspaceList.customDropdownList.listDrop ul {
    top: 25px !important;
    max-width: 194px;
}

.dashboardActions .customDropdownList.listDrop ul {
    left: -4px !important;
    cursor: default;
}

.listDrop.hasScroll.customDropdownList ul {
    height: 200px;
}

.customDropdownList li.chBox label {
    width: 100%;
}

.wraper:not(.import) .listDrop .icn_down, .ko_listDrop .icn_down {
    margin-top: 5px;
    margin-right: 3px;
}

.wraper.import .icn_down {
    margin-top: 6px;
}

.workspaceList ul span.icn,
.workspaceList .selectedItem var span.icn { width: 9px; height: 9px }
.WORKSPACE_COLOR span.icn_workspace_color {
    width: 16px;
    height: 16px;
    background-image: none !important;
}
.workspaceList span.icn_gray, .WORKSPACE_COLOR span.icn_gray {
    background: #c4def5;
}
.workspaceList span.icn_red, .WORKSPACE_COLOR span.icn_red {
    background: #FF6666;
}
.workspaceList span.icn_orange, .WORKSPACE_COLOR span.icn_orange {
    background: #FFB400;
}
.workspaceList span.icn_yellow, .WORKSPACE_COLOR span.icn_yellow {
    background: #FFFF33;
}
.workspaceList span.icn_green, .WORKSPACE_COLOR span.icn_green {
    background: #66CC66;
}
.workspaceList span.icn_blue, .WORKSPACE_COLOR span.icn_blue {
    background: #3399FF;
}
.workspaceList span.icn_purple, .WORKSPACE_COLOR span.icn_purple {
    background: #9966CC;
}
.workspaceList span.icn_white { 
    background: #fff;
    width: 7px !important;
    height: 7px !important;
    border: 1px solid #000;
}

.import .listDrop ul {
    top: 28px !important;
    width: 210px;
}

/*************************************************** ko_customDropdownList *****************************************************************/

.ko_listDrop:hover {
    cursor: pointer;
}

.ko_listDrop ul, .ko_listDrop dl {
    position: absolute;
    background: #fff;
    top: 20px !important;
    padding: 2px;
    /*width: auto;*/
    width: auto;
    min-width: 150px;
}

#DashboardContent .ko_listDrop ul {
    min-width: 0;
}


.ko_listDrop dl {
    width: 182px;
}

.ko_listDrop dl,
.ko_listDrop ul {
    padding: 0;
    margin: 0;
    background: #fff;
}


.ko_listDrop li, .ko_listDrop dd {
    display: block !important;
    float: none !important;
    padding: 1px 8px !important;
    margin: 0 !important;
    color: #0077DD;
    line-height: 18px;
}

    .ko_listDrop li a, .ko_listDrop dd a {
        display: block;
        text-decoration: none !important;
        color: #0077DD;
    }

    .ko_listDrop li:not(.sTtl):hover, .ko_listDrop dd:hover {
        text-decoration: none !important;
    }

        .ko_listDrop li:hover a,
        .ko_listDrop dd:hover a,
        .ko_listDrop dd:hover span {
            color: #fff !important;
            text-decoration: none !important;
        }

.ko_customDropdownList.ko_listDrop {
    width: inherit;
}

    .ko_customDropdownList.ko_listDrop.disabled {
        opacity: .5;
        pointer-events: none;
        cursor: default;
        /*-ms-touch-action: none;*/
    }

        .ko_customDropdownList.ko_listDrop.disabled ul {
            display: none;
        }

    .ko_customDropdownList.ko_listDrop li var {
        font-style: normal;
        display: block;
    }

.editMode .ko_customDropdownList.ko_listDrop li var {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ko_customDropdownList.ko_listDrop ul li:not(.sTtl):not(.disabled):hover {
    background-color: #fff !important;
    color: #000;
    border: 1px solid #000;
}

.ko_customDropdownList.ko_listDrop ul li:not(.sTtl).disabled:hover {
    background-color: #f7f7f7;
    margin: 1px 0px !important;
}

.ko_customDropdownList.ko_listDrop.addW ul li:hover {
    background-color: transparent !important;
    color: #333;
}

.ko_customDropdownList.ko_listDrop ul li:not(.disabled) {
    padding: 2px 0 2px 8px !important;
    float: none !important;
    white-space: nowrap;
    padding: 4px 8px 4px 12px !important;
    margin: -1px !important;
}

#DashboardContent .ko_customDropdownList.ko_listDrop ul li:not(.disabled) {
    margin: 0 !important;
}

#DashboardContent .ko_customDropdownList.ko_listDrop ul li {
    padding: 4px 8px 4px 7px !important;
}

#DashboardContent .ko_customDropdownList.ko_listDrop li var {
    display: inline;
}

.ko_customDropdownList.ko_listDrop ul li.disabled {
    margin: 1px 0px !important;
    padding: 4px 11px !important;
}

.ko_customDropdownList.ko_listDrop li.selectedItem {
    background-color: transparent !important;
    padding: 0 0 0 5px !important;
    border: 0;
}

.ko_customDropdownList.ko_listDrop ul {
    border: 1px solid #bebdbd;
    /*border-top:none;*/
    top: 29px !important;
    left: -1px !important;
    width: 100%;
}

.ko_listDrop.hasScroll.ko_customDropdownList ul {
    height: 200px;
}

.ko_customDropdownList li.chBox label {
    width: 100%;
}

/*************end ko_customDropdownList*******************************************************/

aside .customDropdownList.listDrop ul {
    left: -4px !important;
}

.search_wrapper .customDropdownList.listDrop ul {
    left: 0px !important;
}

.listLength .customDropdownList.listDrop ul {
    width: 40px !important;
    min-width: 40px !important;
}

.contactsContent .customDropdownList.listDrop ul {
    width: 49px !important;
}

#processTab-parts .listDrop .icn_down, #processTab-parts .listDrop .icn_up {
    margin-top: 4px;
}

.search_wrapper .customDropdownList.listDrop {
    width: 100px !important;
    height: inherit;
}

#plmSearch .search_wrapper .customDropdownList.listDrop {
    width: 100px !important;
    border-right: 1px solid #000;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #plmSearch .search_wrapper .customDropdownList.listDrop > li > var {
        font-size: 13px !important;
        line-height: 28px;
    }

.search_wrapper .selectedItem {
    line-height: 18px;
}

#plmSearch .search_wrapper .customDropdownList.listDrop ul {
    overflow: visible;
    background: #FDFDFD !important;
}

    #plmSearch .search_wrapper .customDropdownList.listDrop ul li {
        border: 1px solid transparent !important;
        margin: -1px !important;
        line-height: 22px !important;
    }

        #plmSearch .search_wrapper .customDropdownList.listDrop ul li:hover {
            background: #FFF !important;
            color: #000;
            border: 1px solid #000 !important;
            font-weight: 600;
        }

.search_wrapper .icn_down {
    margin: 8px 0px 0 0 !important;
}

#plmSearch .search_wrapper .icn_down {
    background-position: -598px -169px;
    position: absolute;
    left: 11px;
    top: 4px;
}

#plmSearch .search_wrapper .selectedItem > var {
    width: 74px;
    position: absolute;
    left: 31px;
    top: 1px;
}

.search_wrapper .customDropdownList.listDrop ul {
    top: 23px !important;
    min-width: 99px;
    left: 1px;
}

#plmSearch .search_wrapper .customDropdownList.listDrop ul {
    top: 31px !important;
    border: 1px solid #bebdbd;
}

.search_wrapper li {
    /*font-size:12px;*/
}

.search_wrapper .customDropdownList.listDrop ul {
    line-height: 13px;
}

.itemsFilter.listDrop ul {
    padding: 0px;
}

    .itemsFilter.listDrop ul li {
        width: 172px !important;
    }

.itemsFilter.listDrop span.option {
    padding: 0px 5px;
}

.itemsFilter.listDrop .icn_down, .itemsFilter.listDrop .icn_up {
    margin-top: 2px;
}

.itemsFilter.listDrop:hover {
    text-decoration: none !important;
}

.itemsFilter {
    float: left;
    width: 182px;
    padding: 0px;
    border: 1px solid #E4E9EE;
    border-radius: 3px;
    margin: 9px 4px;
}

    .itemsFilter.loading {
        background-image: url(themes/base/images/processing_16.gif);
        background-position: 150px center;
        background-color: transparent;
        background-repeat: no-repeat;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.tabContainer .itemsFilter li {
    border: 0px solid transparent;
}

/************************************************************** // TABS */

/**************************************************************** //activityDetailes]*/

.ui-autocomplete, .ui-datepicker {
    z-index: 9999 !important;
}

.tabContainer {
    /*width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);*/
    min-height: 100px;
    padding: 15px 0 !important;
    margin: 0;
    clear: both;
}

.KenestoDrive .Dependencies .tabContainer {
    border: 1px solid #ccc !important;
    padding: 15px !important;
    width: calc(100% - 30px);
}

#processTab-processFlow.tabContainer {
    padding: 0 !important;
    width: 100%;
}

#activityDetails #newNote {
    display: none;
}

.tabContainer ul {list-style-type: none; margin: 0px;}
.tabContainer:not(.wsAttachments) ul:not(.actions) li {
    float: left;
    margin: 4px 0px;
}
#processAttachmentActions ul:not(.actions) li, #processPartActions ul:not(.actions) li, #customObjectActions ul:not(.actions) li, #userExternalTab-attachments ul:not(.actions) li {
    float: left;
    margin: 4px 8px;
}
    #objectPreviewPanel .tabContainer ul>li { margin: 0; }
#presentationTypes li { margin-right: 10px; }
.tabContainer ul li strong {
    width: 76px;
    float: left;
    width: auto;
}

.selectedNodeButton {
    margin: 0px;
    margin: 0px;
    z-index: 400;
    position: absolute;
    right: 0%;
    margin: 34px 0px 0px 0px;
    background-color: transparent;
}

    .selectedNodeButton ul {
        -webkit-box-shadow: 0px 4px 4px -4px #000;
        -moz-box-shadow: 0px 4px 4px -4px #000;
        box-shadow: 0px 4px 4px -4px #000;
        border-radius: 0px 0px 4px 0px;
    }

        .selectedNodeButton ul li {
            float: none;
            display: block;
            margin: 0px;
            padding: 0px;
            border-top: 0px solid transparent;
            border-left: 1px solid #C8D2DC;
            border-right: 0px solid transparent;
            border-bottom: 1px solid #C8D2DC;
        }

            .selectedNodeButton ul li:hover {
                border-top: 0px solid transparent;
                border-left: 1px solid #C8D2DC;
                border-right: 0px solid transparent;
                border-bottom: 1px solid #C8D2DC;
            }

            .selectedNodeButton ul li a {
                width: 16px;
                height: 16px;
                padding: 6px;
                display: block;
            }

#tabs-activityNotes.tabContainer ul li strong {
    float: none;
}

.newNote {
    float: left;
    margin-top: 5px;
    width: 100%;
}

    .newNote textarea {
        background-color: #fff6cc;
        padding: 4px 5px;
        height: 120px;
        width: 95%;
        resize: none;
    }

.notesTab h4, .notesTab p {
    float: left;
    width: 100%;
    margin: 0px;
}

.notesTab ul {
    width: 100%;
}

.notesTab li {
    border-bottom: 1px solid #C8D2DC;
    width: 100%;
    padding: 6px 0px;
    margin: 0px !important;
}

.newNote .field-validation-error {
    left: 0px;
}

#modal .newNote textarea {
    width: 97%;
}

#relatedNotes ul, #relatedNotes ul li {
    width: 100%;
}

#relatedNotes h4, #notesTabResult h4, .tabContainer .notesTab h4 {
    font-size: 11px;
}

.tabContainer h4 {
    font-weight: normal;
    float: left;
}

.tabContainer ul li h4 strong {
    float: none;
}

.activityTabContent .btn_submit, .activityTabContent .btn_cancel {
    display: none;
}

.tabContainer #notesTabResult {
    max-height: 400px;
    min-height: 80px;
    overflow-y: auto;
    width: 100%;
}

    .tabContainer #notesTabResult li {
        float: left;
        width: 100%;
        padding: 10px 0px 0px 0px;
        border-bottom: 0px solid transparent;
    }

.tabContainer ul li ul {
    list-style-type: disc;
    list-style-position: inside;
}

    .tabContainer ul li ul li {
        border-bottom: 0px solid transparent;
        padding-top: 0px;
    }

        .tabContainer ul li ul li strong {
            float: none;
        }

th.centered, td.centered {
    text-align: center;
}

/**************************************************************** //activityDetailes]*/


/************************************************************** New process-activity screen */
.Process section {
    margin: 0px 0px 10px 0px;
    float: left;
}

section.processDetails, section.activityDetails {
    position: relative;
    /*z-index: -1;*/
}

#permActivityActionsContainer,
#permTemplateActionsContainer {
    position: relative;
    z-index: 1000;
}

.externalUser section.processDetails {
    z-index: auto;
}

section.activityDetails.ACTIVE {background-color: #0077DD;}
section.activityDetails.COMPLETED {background-color: #55aa44;}
section.activityDetails.PENDING {background-color: #777777;}
section.activityDetails.REJECTED {background-color: #FF6666;}
section.processContent,
section.workspaceTemplateContent,
section.reportContent,
section .companyContent {
    width: 100%;
    position: relative;
    float: left;
    margin: 17px 0 0 0;
}
section.workspaceTemplateContent {
    margin: 8px 0 0 0;
}
.KenestoDrive .Dependencies section.processContent {
    margin: 0;
}

#editActivityDetailsForm .btn_submit, #editActivityDetailsForm .btn_cancel {
    display: none;
}

#activityDetails .detailsContainer {
    height: 400px;
    padding-left: 0px;
    float: right;
    width: 98%;
    border: 1px solid #C8D2DC;
    margin: 0px;
    display: none;
}

#processFlowTabResult {
    position: relative;
    float: left;
    width: -moz-calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
}

.detailsBox {
    padding: 10px 0 30px 43px;
    background-color: #f6f6f6;
    margin: 0px -12px 0 -17px;
    position: relative;
    /*height: 312px;*/
    transition: height 0.5s ease;
}

.documentDetails .detailsBox {
    padding: 10px 10px 20px 43px;
}
.workspaceDetailes .detailsBox {
    padding: 10px 43px 0px 43px;
    margin:0px;
}
/*experimental*/
.detailsBox.hiddenC {
    height: 136px;
    overflow: hidden;
    padding-bottom: 30px;
}

.detailsBox:not(.hiddenC) {
    //padding-bottom: 25px;
}

.detailsBox.hiddenC::after {
    /*background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(246,246,246,1) 58%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(58%,rgba(246,246,246,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 58%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 58%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 58%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(246,246,246,1) 58%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=0 );*/
    background: #F6F6F6;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 40px;
    content: " ";
    display: block;
}

.attached.label {
    position: absolute;
    display: block;
    bottom: 10px;
    left: 37px;
    /* border: 1px solid #fff; */
    /* border-right: 1px solid #fff; */
    /* border-radius: 0 5px 0 0; */
    font-style: normal;
    /* background: #fff; */
    z-index: 100;
    padding: 3px 6px;
    cursor: pointer;
    color: #0077DD;
}

    .attached.label:hover {
        /*color:#000;*/
        text-decoration: underline;
    }

    .attached.label var {
        text-decoration: underline;
    }
/* //experimental*/
.externalUser .detailsBox {
    padding: 10px 0 10px 43px;
    margin: 0px -12px 0 -17px;
}

.documentDetails .detailsBox li {
    height: 26px;
}

.detailsBox li > strong,
.detailsBox li > label,
.detailsBox .attribute strong,
.detailsBox li p strong {
    display: inline-block;
}

    .detailsBox li > strong:first-child,
    .detailsBox li > label:first-child,
    .detailsBox .attribute strong:first-child,
    .detailsBox li p label:first-child,
    .detailsBox .instructions strong {
        width: 160px;
    }

.workspaceDetailes .detailsBox li > strong:first-child,
.workspaceDetailes .detailsBox li > label:first-child,
.workspaceDetailes .detailsBox .attribute strong:first-child,
.workspaceDetailes .detailsBox li p label:first-child,
.workspaceDetailes .detailsBox .instructions strong {
    width: 120px;
}
.documentDetails .detailsBox li>strong:first-child,
.documentDetails .detailsBox li>label:first-child,
.documentDetails .detailsBox li > strong:first-child,
.documentDetails .detailsBox li > label:first-child,
.documentDetails .detailsBox .attribute strong:first-child,
.documentDetails .detailsBox li p label:first-child,
.documentDetails .detailsBox .instructions strong {
    width: 90px;
}


.companyDetails.detailsBox li > strong:first-child {
    width:200px;
}
.detailsBox .instructions strong {
    /*width: 152px;*/
}

.detailsBox li > strong.tmh {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 155px;
}

    .detailsBox li > strong.tmh + span {
        overflow: hidden;
        display: inline-block;
    }

    .detailsBox li > strong.tmh a {
        text-decoration: none;
        cursor: default;
        color: #666;
    }

.detailsBox .attribute > p > label,
.detailsBox .attribute > p > strong {
    display: inline-block;
    width: 160px;
}

section[role=definition] {
    padding: 0 10px 0 0;
}

.documentDetails section[role=definition] {
    float: left;
}

section[role=definition] dt {
    float: left;
    clear: left;
    width: 160px;
    line-height: 26px;
    color: #666;
}

section[role=definition] dd {
    float: left;
    line-height: 26px;
    color: #666;
    max-width: calc(100% - 161px);
}

.Tasks section[role=definition] dd,
.Processes section[role=definition] dd {
    max-width: calc(100% - 221px);
}

section[role=definition] dd.lastModified {
    max-width: calc(100% - 131px);
}

section[role=definition] .info:not(.hasDependencies) {
    display: table;
}

    section[role=definition] .info:not(.hasDependencies) li,
    section[role=definition] .info:not(.hasDependencies) li p {
        display: table-row;
    }

        section[role=definition] .info:not(.hasDependencies) li strong {
            width: 160px;
            display: table-cell;
        }


/*.detailsBox .attribute.dropboxDescription p span { position: relative; left: 0; }*/
/*.detailsBox .attribute.dropboxDescription p .icn { top: 2px; }*/
.detailsBox #tempalteDetails > section > strong {
    line-height: 2;
}

.detailsBox #tempalteDetails > section > p {
    position: absolute;
    left: 160px;
    top: 0;
}

/*.detailsBox .completionStatus strong { float: left; width: 160px; }*/
.detailsBox .completionStatus span {
    position: initial;
}

.detailsBox .completionStatus .icn {
    left: 5px;
    top: 4px;
}

#objectPreview .previewDetails #taskCompletion {
    position: relative;
    top: 4px;
    margin-left: 5px;
}

.externalUser .detailsBox {
    overflow: hidden;
}

section.summary .content {
    position: relative;
    width: 100%;
}

section.summary .summaryInfo {
    width: 100%;
}

.sWfIdicator {
    /*background-color: #FFEE99;*/
}

ul.hasDependencies {
    background-color: #fff;
    border: 1px solid #000;
    margin: 0 12px 0 -7px;
    padding-left: 5px !important;
    width: auto !important;
}

    ul.hasDependencies .dependencyType strong {
        width: 112px;
    }

    ul.hasDependencies .dependencyType section strong {
        width: auto;
    }

.summaryInfo h1, .summaryInfo h2 {
    margin: 0px 0 12px 0px;
    font-family: Georgia, serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.PartnerLogo {
    margin: 10px 0;
}

.detailsBox .content .btn_container {
    width: 20%;
    float: left;
    padding-left: 1%;
}

    .detailsBox .content .btn_container a {
        line-height: 18px;
    }

        .detailsBox .content .btn_container a.disabled, .detailsBox .tabContainer .btn_container a.disabled {
            background-color: transparent;
            border: 0px solid transparent;
            text-decoration: none;
            cursor: pointer !important;
        }

            .detailsBox .content .btn_container a.disabled:hover, .detailsBox .tabContainer .btn_container a.disabled:hover {
                text-decoration: underline;
            }

.detailsBox .content .activityName {
    margin-top: 0px;
}

.detailsBox .content .paragraphos {
    margin: 0px;
    clear: both;
}

section.processDetails .detailsBox .content .paragraphos p {
    padding: 0px;
}

.detailsBox .content p,
.DiscussionDetails .content .detailsBox p {
    padding: 0px;
    margin: 0px;
}

/*.fileThumb{
    float:right;
    width:200px;
    height:150px;
    margin-right:10px;
}*/
figure.fileThumb {
    margin: 8px 30px 0 -26px;
    padding: 0;
    border: 1px solid #8B8A8A;
    width: 200px;
    min-height: 150px;
    vertical-align: middle;
    line-height: 146px;
    max-height: 300px;
    overflow: hidden;
    /*transition: height 1s height 1s ease-in-out;*/
}

    figure.fileThumb:empty {
        height: 150px;
    }

    figure.fileThumb img {
        width: 200px;
        vertical-align: middle;
    }

        figure.fileThumb img[src=""] {
            display: none;
        }

.detailsBox ul {
    list-style: none;
    width: 100%;
}

    .detailsBox ul.rightPush,
    .detailsBox div.rightPush,
    .detailsBox dl.rightPush {
        margin-left: 75px;
        /*float: left;*/
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }

.previewDetails dl.rightPush {
    margin-left: 100px;
}

.detailsBox ul.rightPush.hasDependencies {
    margin-left: 68px;
    float: none;
}

.detailsBox ul:first-child {
    padding: 0;
}

.detailsBox ul.actionLinks, .detailsBox ul.actionLinks li {
    clear: left;
}

    .detailsBox ul.actionLinks li {
        margin-bottom: 2px;
    }

.detailsBox ul.toggleContainer li {
    margin-bottom: 4px;
}

.detailsBox ul li.partnerLogo, .detailsBox ul li.defaultImage {
    width: 60px;
    height: 32px;
    border-radius: 0px 0px 3px 3px;
    border: 1px solid #C8D2DC;
    border-top: 0px solid transparent;
    margin: -10px 5px 0px 0px !important;
    background-color: #fff;
}

    .detailsBox ul li.partnerLogo img {
        border-radius: 0px 0px 2px 2px;
    }

    .detailsBox ul li.defaultImage img {
        border-radius: 0px 0px 2px 2px;
        width: 60px;
        height: 32px;
    }

.detailsBox em {
    color: #777777;
}

ul.info > li {
    clear: none;
    line-height: 21px;
    display: block;
    line-height: 2;
    color: #666;
}

#downloadDocument .info {
    margin-top: 8px;
}
#downloadDocument ul.info > li {
    margin-bottom: 14px;
}
#downloadDocument ul.info > li strong{
    margin-right: 3px;
}

.summary .detailsBox .attribute,
.detailsBox #formDetails {
    color: #666;
    line-height: 26px;
}

.detailsBox .instructions .attribute {
    /*position:static!important;
    float:right;*/
}

.externalUser .summary .detailsBox .attribute > .attribute {
    margin-left: 100px;
}

#AddSubWfStage2 ul.info > li:nth-child(2) {
    margin-left: -4px;
}

div.ReadMoretext {
    clear: both;
    line-height: 2;
}

ul.info .icn,
ul.fileDescription .icn,
.detailsBox .dropboxDescription .icn,
.summaryInfo dd .icn {
    position: relative;
    top: 2px;
}
/*.ReadMoretext p{
    overflow: hidden;
    white-space: nowrap;    
    color: #666;
}*/

/*.ReadMoretext.attribute .attribute {
    position: static;
    float:left;
}*/
span.seeMore {
    cursor: pointer;
    color: #0077DD;
    float: left;
    clear: both;
    margin-left: 160px;
}

.tooltipInfo ul li {
    border: none !important;
    display: block !important;
    float: none !important;
}

.tooltipInfo var {
    position: relative;
    word-wrap: break-word;
    cursor: pointer;
    font-style: normal;
}

    .tooltipInfo var em {
        background: none repeat scroll 0 0 #fff;
        border-style: solid solid none none;
        border-top: 1px solid #999999;
        border-right: 1px solid #999999;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        height: 20px;
        width: 20px;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        bottom: 17px;
        display: none;
    }

    .tooltipInfo var:hover em {
        display: block;
        z-index: 3100;
    }

    .tooltipInfo var:after {
        content: ";";
        margin-left: -2px;
    }

    .tooltipInfo var:last-child:after,
    .tooltipInfo var li:before {
        display: none;
    }

.tooltipInfo ul,
.tooltipInfo section[role=definition] {
    border: 1px solid #999999;
    padding: 10px !important;
    background: #fff;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    bottom: 27px;
    min-width: 300px;
    z-index: 2090;
    box-shadow: 0 1px 0 #ccc;
    -webkit-box-shadow: 1px 1px 2px #CCCCCC;
    -moz-box-shadow: 1px 1px 2px #CCCCCC;
    -o-box-shadow: 1px 1px 2px #CCCCCC;
}

.tooltipInfo var:hover ul,
.tooltipInfo var:hover section[role=definition] {
    display: block;
}

.tooltipInfo section[role=definition] .title {
    max-width: 500px;
    text-overflow: ellipsis !important;
    -moz-text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block;
    overflow: hidden;
}

.tooltipInfo section[role=definition] dl {
    width: 360px;
}

.tooltipInfo li:after {
    display: none !important;
}

.tooltipInfo ul li.instructions {
    text-overflow: ellipsis !important;
    -moz-text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.processDetails .detailsBox .toggleContainer .formRow {
    border-bottom: 1px solid #C8D2DC;
    border-top: 1px solid #C8D2DC;
    padding: 5px 0px;
}

    .processDetails .detailsBox .toggleContainer .formRow.workflowStatus {
        border-bottom: 0px solid transparent;
    }

.processDetails.editMode .detailsBox .toggleContainer .formRow {
    border-bottom: 0px solid transparent;
    border-top: 1px solid transparent;
    padding: 5px 0px;
}

.processDetails .detailsBox .toggleContainer .formRow:last-child {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.processDetails .detailsBox .formRow input {
    width: 276px;
    float: left;
}

#activityDetails .detailsBox .formRow input {
    width: 94%;
}

    #activityDetails .detailsBox .formRow input[type="text"] {
        margin-top: 0px;
    }

.externalUser .processDetails .detailsBox .toggleContainer .formRow {
    border-bottom: 1px solid #C8D2DC;
    border-top: 0px solid transparent;
    padding: 5px 0px;
}

    .externalUser .processDetails .detailsBox .toggleContainer .formRow:first-child {
        border-top: 1px solid #C8D2DC;
    }

.detailsBox ul.info li.processNumber label, .detailsBox ul.info li.processNumber strong,
.detailsBox ul.info li.templateName label, .detailsBox ul.info li.templateName strong {
    font-size: 16px;
}

.detailsBox ul.info li.processNumber .dataField strong, .detailsBox ul.info li.templateName .dataField strong {
    width: 120px;
    line-height: 18px;
}

.detailsBox ul.info li.processNumber span.disabled.wraper, .detailsBox ul.info li.templateName span.disabled.wraper {
    height: 16px;
    line-height: 18px;
    padding: 3px;
    width: 273px;
    margin-top: -3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detailsBox ul.info li.processTitle label, .detailsBox ul.info li.templateTitle label {
    width: auto;
    min-width: 41px;
    margin-right: 5px;
    line-height: 20px;
}

.processDetails.editMode .detailsBox ul.info li.processTitle label {
    margin-left: 10px;
}

.detailsBox ul.info li.processTitle input, .detailsBox ul.info li.templateTitle input {
    width: 276px;
    margin-top: 0px;
}

.detailsBox .formRow ul li.processOwner input, .detailsBox .formRow ul li.templateOwner input {
    width: 276px;
}

.processDetails.editMode .detailsBox .formRow ul li.processOwner strong,
.processDetails.editMode .detailsBox .formRow ul li.restrictFlowAdjustments strong {
    margin-left: 8px;
}

.detailsBox ul li.processKeywords p, .detailsBox ul li.processType p {
    width: auto;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detailsBox .formRow label {
    width: 80px;
    line-height: 18px;
    font-weight: bold;
}

.externalUser .detailsBox .formRow label {
    width: auto;
}

.detailsBox .formRow span {
    line-height: 18px;
}

.processNumber strong.attribute {
    float: left;
    text-transform: capitalize;
}

.WF_state {
    float: right;
    margin-left: 5px;
}

.detailsBox .dataField {
    float: left;
    display: none;
    margin-top: -2px; /*margin-bottom: 4px;*/
}

#activityDetails .detailsBox .dataField {
    width: 62%;
}

.detailsBox .dataAutocompleteField {
    float: left;
    display: none;
    margin-top: -1px; /*margin-bottom: 4px;*/
}

.detailsBox .date input.datepicker {
    width: 150px;
    background-position: right 0px;
}

    .detailsBox .date input.datepicker:hover {
        background-position: right -18px;
    }

.detailsBox .dataField .field-validation-error {
    padding: 0px 4px;
    margin-top: 0px;
    top: 0px; /*max-width: 160px;*/
}

    .detailsBox .dataField .field-validation-error span {
        line-height: 2px;
    }
/*.detailsBox .data { float: left;*/ /*width: 100%;*/
}

.detailsBox .processStatus.data {
    width: auto;
}

.detailsBox .activeStatus label {
    text-align: left;
}
/*.detailsBox .activeStatus span { left: 180px; }*/

.detailsBox .activeStatus strong,
.detailsBox .createdStatus strong,
.detailsBox .ACTIVE strong,
.detailsBox .COMPLETED strong,
.detailsBox .completedStatus strong,
.detailsBox .tooltipInfo strong,
.detailsBox .data strong,
.detailsBox .dropBoxLink strong {
    width: 160px;
    line-height: 18px;
}

.detailsBox .activeStatus .icn,
.detailsBox .createdStatus .icn,
.detailsBox .ACTIVE .icn,
.detailsBox .COMPLETED .icn,
.detailsBox .completedStatus .icn,
.detailsBox .tooltipInfo .icn,
.detailsBox .data .icn,
.detailsBox .dropBoxLink .icn {
    cursor: default;
    /*left: -3px;*/
}

.detailsBox .processTitle .icn {
    left: 0;
}

.detailsBox li.dependencyType,
#objectPreviewPanel .info li.dependencyType {
    padding-left: 20px;
}

.detailsBox .activeStatus span:not(.icn),
.detailsBox .createdStatus span:not(.icn),
.detailsBox .ACTIVE span:not(.icn),
.detailsBox .COMPLETED span:not(.icn),
.detailsBox .completedStatus span:not(.icn),
/*.detailsBox .tooltipInfo span:not(.icn),*/
.detailsBox .data span:not(.icn),
.detailsBox .dropBoxLink span:not(.icn) {
    position: relative;
    left: 0;
}



.detailsBox .data {
    text-align: left;
}

    .detailsBox .data strong {
        display: inline-block;
        text-align: left;
    }

#activityDetails .detailsBox .formRow {
    border-bottom: 1px solid #C8D2DC;
    padding: 5px 0px;
}

    #activityDetails .detailsBox .formRow.noBorder {
        border-bottom: 0px solid transparent;
        padding: 5px 0px;
    }

#activityDetails .activityName {
    border-top: 1px solid #C8D2DC;
}

#activityDetails .detailsBox .editMode .formRow {
    border-bottom: 1px solid transparent;
    margin-top: 4px;
}

#activityDetails .editMode .activityName {
    border-top: 1px solid transparent;
}

.processDetails .detailsBox .editData.textareaContainer .dataField {
    width: 88%;
}

#activityDetails .detailsBox .editData.textareaContainer .dataField {
    width: 59%;
    margin-top: 0px;
}

#activityDetails .detailsBox .editData.textareaContainer.highlight {
    border-top: 1px solid #C8D2DC;
    background-color: #FFF6CC;
}

#activityDetails .detailsBox .editMode .editData.textareaContainer.highlight {
    border-top: 1px solid transparent;
}

#activityDetails .detailsBox .formRow span.wraper {
    width: 94%;
    max-width: 94%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#activityDetails .detailsBox .formRow span.attribute {
    float: left; /*max-width: 64%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#activityDetails .detailsBox .editData.date {
    margin: 0px;
    width: 100%;
}

.detailsBox .attachmentsTab ul {
    border-bottom: 1px solid #C8D2DC;
}

#activityDetails table {
    border: 0px solid transparent;
}

    #activityDetails table td {
        border-bottom: 1px solid #C8D2DC;
    }

        #activityDetails table td a {
            text-decoration: none;
        }

            #activityDetails table td a:hover {
                text-decoration: underline;
            }

        #activityDetails table td.iconCell {
            width: 20px;
        }

        #activityDetails table td.linkCell {
        }

            #activityDetails table td.linkCell a {
                float: left;
                max-width: 130px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            #activityDetails table td.linkCell span {
                color: #333333;
            }

.detailsBox .editData textarea {
    min-height: 40px;
    height: 60px;
    resize: vertical;
    line-height: 18px;
}

#activityDetails .detailsBox .editData .attribute {
    max-width: 64%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.detailsBox .editData .attribute.paragraphos {
    white-space: normal !important;
    margin-top: 1px;
}

#activityDetails .detailsBox .editData .attribute.paragraphos {
    padding-top: 0px;
}

.detailsBox .editData .attribute p {
    margin: 0px;
}

.processDetails .toggle {
    background-position: 0px 0px;
    cursor: pointer;
    display: block;
    height: 20px;
    width: 20px;
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 99;
}

    .processDetails .toggle.collapsed {
        background-position: -20px 0px;
    }

    .processDetails .toggle:hover {
        background-position: 0px -20px;
    }

    .processDetails .toggle.collapsed:hover {
        background-position: -20px -20px;
    }

.toggleDisabled {
    background-position: 0px -40px !important;
}

.processDetails .toggleContainer {
    display: none;
}

.processDetails .editButtons {
    display: none;
}

.toggleContainer {
    margin: 7px 0px 0px 0px !important;
    width: 100%;
    float: left;
}

/* details part */
.detailsPart {
    background-position: 38px 22px;
    background-repeat: no-repeat;
    border: 1px solid #C8D2DC;
    margin: 10px 0 20px;
    width: 99%;
    border-left: none;
}

    .detailsPart.company {
        width: 100%;
    }

    .detailsPart table {
        border: 0px solid transparent;
        float: left;
        margin: 0px;
        table-layout: auto;
    }

        .detailsPart table th {
            background-color: transparent;
            background: none;
            border: 0px solid transparent;
            border-left: 1px solid #C8D2DC;
            border-bottom: 1px solid #C8D2DC;
            padding: 10px;
            cursor: default;
            width: 1%;
            vertical-align: top;
            white-space: nowrap;
            color: #000;
        }

        .detailsPart table td {
            border-bottom: 1px solid #C8D2DC;
            padding: 10px 10px 10px 0px;
            vertical-align: top;
        }

.Admin .detailsPart.company td a {
    text-decoration: underline;
}

.Documents .detailsPart {
    width: -moz-calc(100% - 155px);
    width: -webkit-calc(100% - 155px);
    width: calc(100% - 155px);
}

.Documents .detailsPart, .Documents .tabInfo, .Documents ul#tabnav {
    float: left;
    clear: none;
}

.Documents .message {
    color: #777777;
    line-height: 28px;
    float: left;
}

.Process .detailsPart.userActivityDetails {
    background-image: none;
    padding: 0px;
    border-left: 0px solid transparent;
}

.detailsBox .content .actions {
    margin: 10px 0px 0px 0px;
    clear: left;
}

.externalUser .actions {
    margin: 10px 0 18px 0 !important;
}

.sectionFilter.toolBar .actions {
    /*float:left;  */
    margin: 0;
    /*min-height: 31px;*/
}

.widgetActions {
    margin-bottom: 12px;
}

.actions.disabled {
    position: relative;
    background-color: transparent;
}

    .actions.disabled:after {
        bottom: 1px;
        content: " ";
        display: block;
        position: absolute;
        top: 0px;
        width: 100%;
        height: 26px;
        background: rgba(255, 255, 255, 0.1);
    }

.mltSlct.actions.disabled:after {
    background: transparent;
}

.mainContent .actions {
    margin: 0;
}

.mainContent .listLength {
    /*border: 1px solid #FF0000;*/
    float: right;
    margin-top: 2px;
    /*overflow: auto;*/
}

.mainContent .wraper {
    width: 40px;
}

.actions li:not(.disabled) span, .compActions li:not(.disabled) span {
    cursor: pointer;
}

.storageProgressBar {
    min-width: 170px;
    float: right;
    text-align: center;
    position: absolute;
    top: 13px;
    right: 10px;
}

#storageSpaceProgressBar .su-progressbarContainer {
    width: 120px;
    height: 7px;
    overflow: hidden;
    background: #ECECEA;
    margin: 3px auto 0 auto;
}

#storageSpaceProgressBar .su-progressbar {
    color: #fff;
    text-align: right;
    height: 25px;
    width: 0;
    background-color: #3791EE;
}

.action > a > var {
    display: none;
}

#processFlowTabResult .action > a > var {
    display: inline;
}

.deadLayer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 300;
}

.actions li,
.compActions li,
.actions li.manageTypesMenu li,
.aItem,
.widgetActions li,
div.action,
.diagramActions li {
    float: left;
    margin-right: 6px !important;
    border: 1px solid #dfdfdf;
    background: #fff;
    position: relative;
    cursor: pointer;
    padding: 0;
    text-align: center;
    clear: none !important;
    left: 0px;
}

.diagramActions li {
    margin-right: 0 !important;
}

.externalUser .actions li {
    margin-top: 6px;
}

.comment .action {
    padding: 1px;
}

.commentArea .actions li {
    width: 60px;
    padding: 5px 0;
    text-align: center;
}

    .commentArea .actions li var {
        color: #666;
        font-weight: normal;
        float: none;
        margin: 0 auto;
    }

.convAttachments div.action,
.itemOriginalAttachments div.action {
    margin-right: 0 !important;
}

.convAttachments .su-hover div.action {
    border: 1px solid #000 !important;
    color: #000 !important;
}

    .convAttachments .su-hover div.action var {
        color: #000;
    }

    .convAttachments .su-hover div.action .icn_attach,
    .convAttachments div.action .icn_attach,
    .itemOriginalAttachments div.action .icn_attach {
        background-position: -37px -127px !important;
    }

.sectionFilter .actions li {
    margin-right: 8px !important;
}

.actions li.disabled a,
.widgetActions li.disabled a,
.widgetActions li.disabled,
.actions li.disabled {
    cursor: default !important;
}

.actions li:not(.disabled):hover,
.widgetActions li:not(.disabled):hover,
.actions li:not(.disabled):hover li.manageTypesMenu li,
.aItem:hover,
div.action:hover {
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    color: #000;
}

    .actions li:not(.disabled):hover var {
        color: #000;
    }

.actions.disabled li:hover, .widgetActions.disabled li:hover {
    background: transparent;
    border: 1px solid #dfdfdf;
    cursor: default !important;
}

.actions.disabled a, .widgetActions.disabled a,
.actions.disabled a:hover, .widgetActions.disabled a:hover,
.actions.disabled var, .widgetActions.disabled var {
    cursor: default !important;
    pointer-events: none;
}

.actions li.manageTypesMenu, .widgetActions li.manageTypesMenu, .actions li.manageTypesMenu:hover, .widgetActions li.manageTypesMenu:hover {
    margin: 0;
    background: transparent;
    border: 0;
    position: static;
}

.actions li.progressBarHolder,
.actions:hover li.progressBarHolder,
.actions li li, .actions:hover li li, .widgetActions li li, .widgetActions:hover li li {
    background: none;
    border: none;
}

.actions li.progressBarHolder {
    /*margin: 14px 0 0 10px;*/
    cursor: default;
    display: none;
}

    .actions li.progressBarHolder li {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

.actions li.listDrop ul {
    width: auto;
    min-width: 185px;
}

    .actions li.listDrop ul li {
        background: none;
        border: none;
    }

        .actions li.listDrop ul li:hover {
            /*background:none!important;*/
        }

        .actions li.listDrop ul li a {
            padding: 0;
            font-weight: normal;
            /*color: #0077DD!important; */
        }

            .actions li.listDrop ul li a:hover {
                /*color: #0077DD!important;*/
            }

.actions li a,
.compActions li a,
.aItem a,
.widgetActions li a,
div.action a {
    text-decoration: none;
    color: #0077DD;
    font-weight: 600;
    float: left;
    padding: 5px !important;
    line-height: 0;
}

.actions .moreActionsBtn li a {
    padding: 5px 5px 3px 5px !important;
}

.actions li .icn, .widgetActions li .icn, .aItem .icn {
    margin-right: 0px;
    float: left;
}

.ActivitiesWidget .actions li > var,
.reportWidget .actions li > var,
.discussionsWidget .actions li > var {
    padding: 5px;
}

div.action var,
.actions li var,
.widgetActions li var,
.aItem var {
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    float: left;
    text-transform: capitalize;
    color: #888;
    float: left;
    line-height: 18px;
}

#DashboardContent .actions li var {
    width: 48px;
}

div.action var:hover,
.actions li var:hover,
.widgetActions li var:hover,
.aItem var:hover,
.aItem:hover var {
    color: #000;
}

li.btn_submit a var {
    color: #fff !important;
}

.actions li a[disabled] span {
    color: #999999;
}

.actions.disabled li var,
li.disabled var {
    color: #CCCCCC !important;
}

.actions li a:hover {
    text-decoration: none; /*color: #0077DD;*/
}

.actions li input {
    border: 0px solid transparent;
    color: #0077DD;
    font-weight: bold;
    background: none;
    cursor: pointer;
}

.actions li.blue {
    background-color: #007FE5;
}

    .actions li.blue:hover {
        background: #0682E5 !important;
    }

    .actions li.blue var {
        color: #fff;
    }

.actions li:last-child,
.diagramActions li:last-child, .compActions li:last-child {
    margin-right: 0 !important;
}

.disableMessage {
    display: none;
    float: left;
    width: auto;
    color: #999999;
    margin: 1px 0 10px 0;
}

#FormObjectContainer .detailsPart table td {
    white-space: normal;
}

.detailsPart table.activityTable {
    table-layout: fixed;
}

    .detailsPart table.activityTable td {
        border-left: 1px solid #C8D2DC;
        padding-left: 10px;
    }

        .detailsPart table.activityTable td.TERMINATED_BY_USER {
            background-color: #D40022;
            color: #fff;
        }

            .detailsPart table.activityTable td.TERMINATED_BY_USER a {
                color: #fff;
            }

        .detailsPart table.activityTable td ul {
            list-style-type: none;
            margin: 0px;
        }

            .detailsPart table.activityTable td ul li {
                float: left;
                display: inline;
            }

.detailsPart table td.description {
    white-space: normal; /*background-color: #FFF6CC;*/
}

    .detailsPart table td.description strong {
        float: left;
    }

    .detailsPart table td.description p, .detailsPart table td.keywords p {
        margin: 0px;
    }

.detailsPart table td strong.completeDate {
    color: #999999;
}

.detailsPart table tr:last-child td, .detailsPart table tr:last-child th {
    border-bottom: 0px solid transparent;
}

.detailsPart table tr {
    background-color: transparent;
}

.detailsPart table em {
    font-style: normal;
    margin: 0px 10px;
}

.detailsPart table a {
    text-decoration: none;
}

.detailsPart table .paragraphos a {
    text-decoration: underline;
}

/* External User Activity */
.externalUser .detailsPart {
    border: 0px solid transparent;
    border-left: 1px solid #C8D2DC;
    background: none;
    padding: 0px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.externalUser .formsdetails {
    margin-top: 10px;
}

.externalUser .detailsPart.formsdetails {
    border: 0px solid transparent;
}

    .externalUser .detailsPart.formsdetails table {
        border-top: 1px solid #C8D2DC;
        border-bottom: 1px solid #C8D2DC;
    }

        .externalUser .detailsPart.formsdetails table th {
            border-left: 0px solid transparent;
        }

.externalUser .detailsPart ul {
    margin: 0px;
    float: left;
    top: 0px;
    list-style-type: none;
}

.externalUser .detailsPart li {
    padding-left: 10px;
}

.externalUser .detailsPart ul.info li {
    float: left;
    display: inline;
    padding-left: 0px;
}

    .externalUser .detailsPart ul.info li.sep {
        margin: 0px 10px;
    }

.highlightedContent {
    background-color: #fff6cc;
    float: left;
    width: 98%;
    padding: 10px;
    border: 1px solid #C8D2DC;
    border-radius: 3px;
}

    .highlightedContent p {
        margin: 0px;
        line-height: 18px;
    }

.notice {
    margin-top: 10px;
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
}

.Document ul.attributes {
    margin: 0px;
    padding: 0px;
}

.Document .attributes li {
    float: left;
    clear: both;
    line-height: 24px;
}

/* paragraphos */
.paragraphos p {
    line-height: 16px;
}

span.read-more, span.read-less {
    background: none;
    float: none;
    width: auto;
    display: inline;
}

.short-text {
}

.full-text p {
    margin: 0px;
}
/* paragraphos */

/* External - View Document */

/************************************************************** PARTS */

.attributes {
    /*padding: 0 20px 0 0;*/
}

    .attributes .staticValue {
        line-height: 20px;
    }

    .attributes .wraper option {
        width: 270px;
    }
/************************************************************** // PARTS */

/************************************************************** PARTS FORM */
.wizard-complete-success {
    display: none;
}

/*#createNewUserForm label, #loadFromFileForm label {width: 120px !important;}*/
.listNumberItemSection input[type="text"] {
    width: 356px;
}

.listNumberItemSection.multiple {
    padding-left: 18px;
}

    .listNumberItemSection.multiple.formRow {
        width: 96%;
    }

    .listNumberItemSection.multiple input[type="text"] {
        width: 332px;
    }

#newPartForm .editor-label,
#partForm .editor-label {
    clear: both !important;
}

#gloalFieldsSection {
    clear: both;
}

#fileUploadContainer {
    margin: 10px 0 10px 0;
    position: relative;
    overflow: auto;
    clear: both;
}

.hiddenContainer {
    display: none;
    overflow: auto;
    clear: both;
}

p.expander {
    margin-bottom: 10px;
    overflow: auto;
    clear: left;
}

    p.expander span:first-child {
        color: #0077DD;
        cursor: pointer;
        float: left;
    }

    p.expander span:last-child {
        display: block;
        float: left;
        height: 11px;
        margin: 5px;
        width: 14px;
        background-position: -6px -88px;
    }

    p.expander .on {
        background-position: -23px -88px !important;
    }

p.marginTop {
    margin-top: 20px;
}
/************************************************************** //PARTS FORM */
/*************************************************************** [WORKFLOW */
div.labelWrapper span.status {
    padding-left: 16px;
}

/**************************************************************** //WORKFLOW]*/

/**************************************************************** //workflowContainer]*/
.workflowContainer { /*float: left;*/
    width: 100%;
}

    .workflowContainer.adjustWidth {
        width: 60%;
        position: relative;
    }

.viewOnlyMode .workflowContainer {
    width: 100%;
}

/**************************************************************** //workflowContainer]*/

/**************************************************************** //GeneralTabs]*/
#processTab-processflow {
    height: 400px;
}

.GeneralTabs .ui-corner-all {
    border-radius: 0px;
}

.GeneralTabs .ui-tabs {
    padding: 0px;
    float: right;
}

    .GeneralTabs .ui-tabs .ui-tabs-nav {
        padding: 0px;
        float: right;
        border: 1px solid #dfdfdf !important;
        background: none;
        width: -moz-calc(100% - 2px);
        width: -webkit-calc(100% - 2px);
        width: calc(100% - 2px);
    }

    .KenestoDrive .Dependencies .ui-tabs-nav {
    width: 100%;
    border: 1px solid transparent !important;
    float: none;
    clear: both;
}

    .KenestoDrive .Dependencies .ui-tabs-nav li.ui-tabs-selected,
    .KenestoDrive .Dependencies .GeneralTabs .ui-tabs-nav li:first-child.ui-state-active.ui-tabs-selected {
        left: -1px;
        top: 2px;
        border: 1px solid #ccc !important;
        border-bottom: none !important;
        background: #fff;
    }

    .KenestoDrive .Dependencies .ui-tabs-nav li,
    .KenestoDrive .Dependencies .GeneralTabs .ui-tabs .ui-tabs-nav li:first-child,
    .KenestoDrive .Dependencies .ui-tabs-nav li li.ui-state-hover {
        top: 2px !important;
        left: -1px;
        margin-right: 0px;
        border-left: 1px solid transparent !important;
        border-right: 1px solid transparent !important;
    }

.KenestoDrive .Dependencies .GeneralTabs ul.tabs li.ui-state-hover:not(.ui-state-active) {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
}

.KenestoDrive .Dependencies .ui-tabs .ui-tabs-nav li a {
    border-bottom: none !important;
    padding: 6px 7px 4px 7px;
}

.KenestoDrive .Dependencies .ui-tabs-nav li.ui-tabs-selected a {
    padding: 5px 7px 5px 7px;
}

#objectPreviewPanel .GeneralTabs .ui-tabs .ui-tabs-nav {
    border: 1px solid transparent !important;
    border-bottom: 1px solid #ddd !important;
    height: 30px;
    background: #fff;
    position: fixed;
    right: 13px;
    left: auto;
    width: 636px;
    z-index: 1002;
}

.GeneralTabs .ui-widget-content {
    border: none;
    padding-bottom: 10px;
    width: 100%;
}

.companyContent .GeneralTabs .ui-widget-content {
    padding-bottom: 0px;
}
.Processes .GeneralTabs .ui-widget-content, .Library .GeneralTabs .ui-widget-content {
    /*min-height: 487px;*/
}

#activityDetailesTabs {
    display: none;
}

#activityDetails .GeneralTabs .ui-widget-content {
    border: 0px solid transparent;
    background-color: transparent;
}

.GeneralTabs .ui-tabs .ui-tabs-nav li {
    line-height: 16px;
}

    .GeneralTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover,
    .GeneralTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active {
        padding: 0px !important;
        background-image: none !important;
    }

.GeneralTabs .ui-corner-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.GeneralTabs ul {
    top: 0px;
}

.GeneralTabs .ui-widget-header {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
}

.GeneralTabs .ui-tabs .ui-tabs-nav li a,
.GeneralTabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    text-shadow: 1px 1px 1px #FFFFFF;
    font-weight: 600;
    color: #0a3a60;
    border: none;
}

.GeneralTabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    color: #ff6a00 !important;
}

.GeneralTabs .ui-tabs .ui-tabs-nav li:first-child,
.GeneralTabs .ui-tabs-nav li:first-child.ui-state-hover,
.GeneralTabs .ui-tabs-nav li:first-child.ui-state-active.ui-tabs-selected,
.GeneralTabs .ui-tabs .ui-tabs-nav li:first-child a:first-child,
.GeneralTabs .ui-tabs-nav li:first-child.ui-state-hover a:first-child,
.GeneralTabs .ui-tabs-nav li:first-child.ui-tabs-selected.ui-state-active a:first-child {
    border-left: 0px solid transparent !important;
}

.GeneralTabs .ui-tabs .ui-tabs-nav li a {
    padding: .3em 0;
    margin: 0 .5em;
}

.GeneralTabs .ui-tabs .ui-tabs-nav li.ui-state-hover a {
}

.GeneralTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover a,
.GeneralTabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-active a {
    border-bottom: 2px solid #ff6a00;
    color: #ff6a00 !important;
}

.GeneralTabs .ui-tabs .ui-tabs-nav li:first-child.ui-tabs-selected.ui-state-active a {
}

.GeneralTabs .ui-state-default a span {
    /*float: right;*/
}

/* fake tabs */
.GeneralTabs ul.tabs {
    list-style-type: none;
    border-color: #C8D2DC;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
    float: left;
    width: 100%;
}

    .GeneralTabs ul.tabs li, .GeneralTabs ul.tabs li.ui-state-hover, .GeneralTabs ul.tabs li.ui-tabs-selected {
        position: relative;
        top: 0px;
        background-color: #fff !important;
        background-image: none !important;
        border: none !important;
    }

        .GeneralTabs ul.tabs li a {
            text-decoration: none !important;
            border-color: transparent;
            border-style: solid;
            border-width: 1px;
            color: #0a3a60 !important;
            font-weight: 600;
            text-shadow: 1px 1px 1px #FFFFFF;
            float: left;
        }

        .GeneralTabs ul.tabs li.activeTab {
            border-bottom: 1px solid #fff;
            background-color: #fff;
        }

            .GeneralTabs ul.tabs li.activeTab a {
            }
/**************************************************************** //GeneralTabs]*/



/**************************************************************** [User Activity*/
#btnSetAside {
    width: 156px;
    float: right;
}

    #btnSetAside input {
        width: 140px;
        float: right;
    }

section.activity {
    float: left;
    width: 610px;
    margin: 0 0 30px 0 !important;
    padding-top: 0 !important;
}

    section.activity dl {
        margin-top: 0px !important;
        overflow: auto;
    }

        section.activity dl dt,
        section.activity label {
            font-weight: bold;
            float: left;
            width: 100px;
            clear: left;
            line-height: 18px;
        }

        section.activity dl dd {
            display: block;
            float: left;
            line-height: 18px;
            margin-bottom: 10px;
            width: 500px;
        }

    section.activity textarea {
        resize: none;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        height: 85px;
        width: 100% !important;
        border: none;
    }

    section.activity label {
        position: static;
    }

    section.activity .ActivityDescription {
        border: 1px solid #cbd5de;
        height: 120px;
        width: 500px;
        float: left;
        padding: 2px;
        clear: right;
        position: relative;
    }

    section.activity input {
        position: absolute;
        bottom: 3px;
        right: 0;
        float: none;
        top: auto;
        margin: 0 5px;
        padding: 3px 10px;
    }

    section.activity .btnHolder {
        background: #eee;
        height: 30px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

#processTabs {
    clear: both;
}

#objectPreviewPanel .hasDependencies + dl {
    margin-top: 6px;
}
/**************************************************************** //User Activity]*/

/*********************************[Custom Attributes*/

.icnContainer .AddCustomAttributes {
    float: right;
}

#AddCustomAttributesFormPanel .attributeSet {
    clear: both;
}

    #AddCustomAttributesFormPanel .attributeSet .icn_delete_td {
        float: right;
        margin-top: 3px;
        opacity: 1;
    }

#editAttributes {
    float: left;
    margin-top: 3px;
    color: #0077DD;
    cursor: pointer;
    font-weight: bold;
}

    #editAttributes:hover {
        text-decoration: underline;
    }

.attributes .btn_set {
    clear: none;
    margin: 0 0 0 45px;
    display: none;
}

    .attributes .btn_set .confirm {
        /*height: 24px!important;*/
        line-height: 20px;
    }

    .attributes .btn_set .cancel {
        /*line-height: 23px;*/
    }

section.attrActions {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    height: 30px !important;
}

#partAttributesEdit input,
#partAttributesEdit .wraper {
    float: left;
    margin-right: 10px;
    width: 200px;
}

#partAttributesEdit .datepicker {
    background-position: right 0px;
    background-repeat: no-repeat;
}

    #partAttributesEdit .datepicker:hover {
        background-position: right -18px;
        background-repeat: no-repeat;
    }

    #partAttributesEdit .datepicker[disabled] {
        background-position: right -36px;
        background-repeat: no-repeat;
    }

#partAttributesEdit label {
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span.attrLbl {
    display: block;
    margin: 1px 0 0 0px;
    font-weight: bold;
}

#AddCustomAttributesFormPanel .field-validation-error {
    margin-left: 50px;
}

#partAttributesEdit .icn_calendar:after {
    right: 15px;
}
/******************************** //Custom Attributes]*/


/**************************************************************** [Search*/
#familySearchResultPanel, #SearchResultPanel {
    float: left;
    clear: left;
    width: 100%;
}

#familySearchResultPanel {
    display: none;
}

#SearchResultPanel table {
    border: none;
    border-top: 1px solid transparent;
    background: none;
}

#SearchResultPanel td {
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    padding: 15px 0px;
}

    #SearchResultPanel td p {
        margin: 0px;
    }

    #SearchResultPanel td.headerSearch {
        /*width: 250px;*/
    }

    #SearchResultPanel td:first-child {
        width: 80px;
    }

option.linkEmulator, span.linkEmulator {
    color: #0077DD;
}

td .linkEmulator {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

#searchContainerSection {
    width: auto;
    margin: 38px 0 0;
}

.advancedSearchSection {
    float: left;
    width: 82%;
}

    .advancedSearchSection .searchFormContainer {
        border-bottom: 1px solid #CCCCCC;
        float: left;
        width: 100%;
        padding-bottom: 20px;
        display: none;
        position: relative;
        margin-top: 20px;
    }

.categoryListContainer {
    float: left;
    width: 16%;
    margin-right: 2%;
}

aside#sidebarSearch ul {
    margin: 0;
}

aside#sidebarSearch li {
    list-style: none;
    line-height: 30px;
}

    aside#sidebarSearch li span {
        color: #0077DD;
    }

aside#sidebarSearch a {
    font-weight: bold;
    padding: 3px;
}

aside#sidebarSearch li.highlight {
    background-color: #F2F8FD;
}

    aside#sidebarSearch li.highlight a, aside#sidebarSearch li.highlight span {
        color: #333333
    }

#noResults p {
    margin: 6px 0px;
    font-weight: 600;
}

#noResults ul {
    padding: 0px 0px 0px 14px;
    margin: 0px;
}

#noResults .simpleBox {
    margin-top: 40px;
}

.SearchTitleResult,
.SearchTitle {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    overflow: auto;
}

    .SearchTitleResult strong {
        float: left;
        margin-right: 10px;
    }

.expandForm {
    float: left;
    width: auto;
    color: #0077dd;
    cursor: pointer;
}

    .expandForm span {
        margin: 2px 0 0 4px;
    }

    .expandForm .icn {
        margin-top: 7px;
    }

.thumb {
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
}

.PROCESS .thumb,
.BASE_PROCESS .thumb {
    background-position: -3px -283px;
}

.TASK .thumb {
    background-position: -7px -353px;
}

.ASSET .thumb {
    background-position: -79px -283px;
}

.ASSET_LINK .thumb {
    background-position: -73px -423px;
}

.BASE_FOLDER .thumb {
    background-position: -73px -361px;
    width: 64px;
    height: 56px;
}

.BASE_FORM .thumb {
    background-position: -7px -423px;
}

.BASE_LIST_ITEM .thumb {
    background-position: -147px -283px;
}

.PART .thumb {
    background-position: -147px -283px;
}

.CUSTOM_OBJECT .thumb {
    background-position: -78px -216px;
    width: 50px;
    height: 55px;
}

.PARTICIPANT_USER .thumb {
    background-position: -217px -283px;
}

.EXTERNAL_USER .thumb,
.CONTACT .thumb {
    background-position: -287px -284px;
}

.PARTICIPANT_GROUP .thumb {
    background-position: -213px -353px;
}

#SearchResultPanel dl {
    margin: 0;
    padding: 0;
    position: static;
}

#SearchResultPanel dt {
    float: left;
    width: 50px;
    clear: left;
}

#SearchResultPanel dt,
#SearchResultPanel dd {
    line-height: 20px;
}

#SearchResultPanel dd {
    /*width: 200px;
  float: left;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#SearchResultPanel tr:nth-child(even) {
    background: none;
}

.searchForm .formRow label {
    padding: 0 10px 0 0;
    width: 70px;
    float: left;
    line-height: 20px;
}

.searchForm.formRight .formRow label {
    width: 70px;
}

.searchForm label:after {
    content: ":";
}

.formRight label {
    width: 35px;
    text-transform: capitalize;
}

.searchForm input[type="text"],
.searchForm .wraper,
.searchForm #Email {
    float: left;
    margin: 0 5px 0 0;
}

.formLeft input[type="text"],
.formLeft .wraper,
.formLeft #Email {
    width: 222px;
}

.formRight .wraper {
    width: 120px;
}

.formRight input[type="text"],
.formRight #Email,
.formRight .SubTypeHolder {
    width: 222px;
}

.advancedSearchSection .btn_set {
    margin: 10px 0 0 0px;
    clear: both;
    width: auto;
}

.searchForm .date input[type="text"] {
    width: 90px !important;
    background-position: right 1px;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 12px;
}

.searchForm .date .icn_calendar:after {
    right: 8px;
}

.searchForm .date label:last-of-type {
    width: 21px !important;
    text-align: right;
}

.searchForm .wraper {
    padding: 1px 2px;
}

.advancedSearchSection .searchForm .wraper {
    padding: 4px 2px;
}

.advancedSearchSection .searchForm input[type="text"] {
    padding-left: 4px;
}

.searchForm .formRow {
    margin: 0 0 5px 0;
}

.advancedSearchSection .searchForm .formRow label {
    line-height: 28px;
}

.formLeft, .formRight {
    margin: 0px;
    padding: 0px;
    float: left;
}

.formLeft {
    width: 360px;
}

.searchFormContainer .formRight {
    position: relative;
    width: 460px;
}

#SearchResultPanel .table {
    position: relative;
    top: -35px;
}

#SearchResultPanel .header .info {
    position: relative;
    top: -7px;
}

#SearchResultPanel .footer .info {
    position: relative;
    top: -9px;
}

.footer .dataTables_paginate {
    margin-right: 0px !important;
}

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

#familySearchResultPanel #searchResultsTable th,
#familySearchResultPanel #searchResultsTable thead {
    display: none;
    visibility: hidden;
}

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

.highlightCat a {
    color: #000;
    background: #fff6cc;
}

#sidebarSearch li a {
    color: #666;
    font-weight: 600;
}

    #sidebarSearch li a:hover {
        color: #000;
    }

#sidebarSearch .highlightCat a {
    background: transparent;
    color: #000;
}

.highlightRow {
    background-color: #FFF6CC;
}

.simpleBox ul {
    list-style: disc;
}

/************************************************************** // Search] */

/************************************************************** [Settings */
.SettingsContainer.password,
.Organizations #org {
    float: left;
    clear: left;
}
.SettingsContainer.password { margin-top: 10px; }
.Organizations #org,
.StorageProviders #plugins { margin-top: 50px; } 
.SettingsContainer fieldset {padding: 0px; margin: 0px 0px 5px 0px; clear: both;}
.SettingsContainer #description .formRow label { line-height: 28px; }
.SettingsContainer fieldset.revisionType { margin-bottom: 12px; }
.SettingsContainer fieldset.vaultSettings { margin-bottom: 12px; }
.SettingsContainer fieldset.lockingSettings {
    margin-bottom: 12px;
}
 #updateOrganizationModulesForm fieldset#moduleSettings { height: 150px; }
.SettingsContainer fieldset#moduleSettings > p { margin-bottom: 10px; }
.SettingsContainer fieldset p {float: left; clear: left; margin: 0px 0px 12px 0px; width: 80%;}

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

.Organizations #org,
.StorageProviders #plugins {
    margin-top: 50px;
}

.SettingsContainer fieldset {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    clear: both;
}

.SettingsContainer #description .formRow label {
    line-height: 28px;
}

.SettingsContainer fieldset.revisionType {
    margin-bottom: 12px;
}


.SettingsContainer fieldset.vaultSettings {
    margin-bottom: 12px;
}

.SettingsContainer fieldset.lockingSettings {
    margin-bottom: 12px;
}

#updateOrganizationModulesForm fieldset#moduleSettings {
    height: 150px;
}

#updateOrganizationFeaturesForm fieldset#moduleSettings {
    height: 150px;
}

.SettingsContainer fieldset#moduleSettings > p {
    margin-bottom: 10px;
}

.SettingsContainer fieldset p {
    float: left;
    clear: left;
    margin: 0px 0px 12px 0px;
    width: 80%;
}

.AddOn-cntr {
    margin: 0 10px 10px 0;
    padding: 10px;
    width: 450px;
}

#licencesTabResult .AddOn-cntr {
    padding: 10px 10px 10px 0;
}

.AddOn-cntr .chBox {
    float: left;
    margin: 3px 10px 0 0;
    width: 16px;
}

#licencesTabResult .AddOn-cntr .chBox {
    margin-top: -2px;
}

.AddOn-cntr strong {
    font-size: 14px;
}

.AddOn-cntr p {
    float: none !important;
    font-size: 12px;
    padding-left: 23px;
    line-height: 1.3;
    margin-top: 10px !important;
}

.AvatarCropArea {
    width: 100%;
    height: 100%;
}

#AvatarContainer span {
    float: left;
    margin-bottom: 2px;
}

.logoHolder {
    margin: 0 auto;
    width: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .logoHolder img {
        vertical-align: middle;
        float: none;
    }

.logoUploader .logoPreview {
    background-image: url("themes/base/images/logo_placeholder.png") !important;
    background-position: 0 0;
    background-repeat: repeat;
    border: 1px solid #C8D2DC;
    border-radius: 3px;
    height: 100px;
    width: 100px;
    float: left;
    margin: 0 10px 0 0;
    display: table;
    background-position: 0 0px;
    background-size: 125px;
}

.logoUploader .avatarPreview, #profile .avatarPreview {
    height: 80px;
    width: 80px;
}

.avatarPreview {
    border-radius: 50%;
    position: relative;
    margin: 0px 10px 0px 0px;
    float: left;
    border: 1px solid #C8D2DC;
    background-position: -7px -13px;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .avatarPreview img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        display: block;
    }

.logoPlacer {
    display: table;
    height: 40px;
    margin: -50px 0 0 -25px;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    text-align: center;
    top: 45px;
    width: 90px;
}

    .logoPlacer.noBg {
        background: none;
    }

    .logoPlacer .partnerLogo {
        display: table-cell;
        vertical-align: middle;
    }

#objectPreviewPanel .logoPlacer {
    margin-left: 0;
}

.partnerLogo figure {
    display: block;
    width: 90px;
    height: 40px;
    overflow: hidden;
    margin: 0;
}

    .partnerLogo figure img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        display: block;
    }

.logoPlacer b {
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    text-align: center;
    font-weight: normal;
    text-transform: capitalize;
}

#profile .avatarPreview {
    margin: 0px auto;
    float: none;
}

    .logoUploader .avatarPreview img, #profile .avatarPreview img {
        position: relative; /*border-radius: 40px;*/
    }

.SettingsContainer #fileUploadContainer {
    clear: none;
    float: left;
    margin: 0px 10px;
    line-height: 28px;
    overflow: hidden;
}

    .SettingsContainer #fileUploadContainer .uploadText {
        z-index: 1;
    }

    .SettingsContainer #fileUploadContainer #uplodifyNewDocUploader {
        position: relative;
    }

.SettingsContainer .fileUploadQueue {
    margin-top: 0px;
}

    .SettingsContainer .fileUploadQueue .fileUploadQueueItem {
        margin-left: 60px;
    }

        .SettingsContainer .fileUploadQueue .fileUploadQueueItem .cancel {
            margin-top: -2px;
        }

.SettingsContainer ul.smsFields,
.userContainer ul.smsFields {
    margin: 0px 0 0 -24px;
}

#editUserForm .intl-tel-input input[type="text"] {
    width: 222px;
}

#activateAccountForm .intl-tel-input input[type="text"] {
    width: 280px;
}

#savePreferencesForm .intl-tel-input input[type="text"] {
    width: 196px;
}

.SettingsContainer ul.verification {
    margin: 30px 0 0 20px;
}

.SettingsContainer ul.smsFields li {
    float: none;
}

.formatExmple {
    margin: 0px 0px 0px 4px;
    line-height: 25px;
}

#approveForm table {
    margin: 10px 0 0;
}

    #approveForm table td.description p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 325px;
        margin: 0px;
    }


#approveForm ul {
    list-style-type: none;
    float: left;
    margin: 0px;
    clear: left;
}

    #approveForm ul li {
        display: inline;
        float: left;
        margin-right: 6px;
    }

#ExportFormDataForm ul, #FinishSubWfStage1 ul, #AddSubWfStage2 ul {
    list-style-type: none;
    float: left;
    margin: 5px 0;
    clear: left;
}

    #ExportFormDataForm ul li, #FinishSubWfStage1 ul li, #AddSubWfStage2 ul li {
        display: inline;
        float: left;
        margin-right: 6px;
    }


/*approveForm table*/
#approveForm .header label {
    width: 150px;
    float: right;
}

#approveForm .header {
    height: auto;
}

/************************************************************** // [LicenseSection */
section.license, section.moduleSettings {
    border: 1px solid #ccc;
    clear: both;
    position: relative;
}

    section.license section {
        margin: 10px 20px 20px 20px;
        padding: 20px 0 0 0;
        border-top: 1px solid #ccc;
    }

div#licencesTabResult.license section {
    margin: 10px 10px 20px 10px;
    padding: 20px 0 0 0;
    border-top: 1px solid #ccc;
}

    section.license section.table .top, div#licencesTabResult.license section.table .top {
        font-size: 16px;
    }

#LicenseNotificationPanelPanel ul {
    margin-left: 15px;
}

    #LicenseNotificationPanelPanel ul li {
        margin-top: 10px;
        list-style-type: disc;
    }

#LicenseNotificationPanelPanel p:first-child {
    line-height: 0;
    margin: 0px;
}

#LicenseNotificationPanelPanel p {
    float: none !important;
}

#LicenseNotificationPanelPanel .formRow {
    margin-top: 10px;
}

/************************************************************** // LicenseSection] */


/************************************************************** // [UserExternalAttachmentsTable */

#modal .taskForm .success:not(:empty) {
    background-color: #E8FEE9;
    border: 1px solid #C8D2DC;
    width: 382px;
    padding: 5px 0 5px 5px !important;
    left: 50%;
    margin-left: -141px;
    position: absolute;
    top: -33px;
    z-index: 100;
    color: #000;
    font-weight: 400;
    font-style: normal;
    padding-left: 20px;
}

    #modal .taskForm .error:not(:empty):after, #modal .taskForm .success:not(:empty):after {
        /*content: '\00d7';
	float: right;
	cursor: pointer;
	font-weight:600;
	font-size: 24px;
    border: 1px solid blue;
	width: 16px;
	height: 16px;
	margin-top: -5px;*/
    }

    #modal .taskForm .success:not(:empty):after {
        color: #3ADA3A;
    }

#modal .taskForm .error:not(:empty):after {
    color: #FB9394;
}

.dataTables_wrapper .table .multiSelect,
.KenestoDrive.DependenciesModal .multiSelect {
    width: 100%;
    height: 30px;
    position: relative;
    margin-bottom: 12px;
}

.dataTables_wrapper .table .AS_DESCRIPTION p {
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nonObjectPage .dataTables_wrapper .table .multiSelect {
    height: 0;
    margin-bottom: 0;
}

.vaultWidget .dataTables_wrapper .table .multiSelect {
    height: 0;
}

.multiSelect .error:not(:empty),
.mixedActions .error:not(:empty) {
    background-color: #FC0000;
    padding: 5px 35px 5px 10px;
    z-index: 100;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    cursor: pointer;
    float: left;
    margin-left: 6px;
    position: relative;
}

.mixedActions .error:not(:empty) {
    margin-left: 8px;
    margin-bottom: 0;
}

.externalUser .multiSelect .error:not(:empty) {
    margin: 6px 0 0 0;
}

.KenestoDrive #dependenciesTable .multiSelect .error:not(:empty),
.KenestoDrive #revisionsTable .multiSelect .error:not(:empty) {
    margin: 0;
}

.externalUser .mixedActions .error:not(:empty) {
    margin: 6px 0 0 8px;
}

.multiSelect .error:not(:empty):after,
.mixedActions .error:not(:empty):after {
    content: '\00d7';
    cursor: pointer;
    font-weight: 600;
    line-height: 20px;
    font-size: 23px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 4px;
}

.dataTables_wrapper table a:hover {
    text-decoration: underline;
}

.dataTables_wrapper .actions, .externalUser .dataTables_wrapper .actions {
    margin: 0 0px !important;
}

section .actions, section .compActions {
    margin-bottom: 23px;
}

    section .actions:empty, section .compActions:empty {
        display: none;
    }


.Processes section .actions.newForm:empty,
.Tasks section .actions.newForm:empty,
.Lists section .actions.newForm:empty {
    display: block;
}

section.grouped .actions {
    margin-bottom: 5px;
}

/************************************************************** // UserExternalAttachmentsTable] */

/************************************************************** // [Derived Parts */
.tabContent {
    float: left;
    width: 100%;
    background-color: #f4f6f8;
    border: 1px solid #c8d2dc;
    padding: 20px 0px;
}

    .tabContent h3 {
        margin: 0px;
        color: #223344;
    }

.container {
    float: left;
    width: 30%;
    padding: 0px 15px;
}

    .container div.item {
        background-color: #fafafb;
        border: 1px solid #c8d2dc;
        margin-bottom: 10px;
        padding: 10px 20px 10px 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .container div.item span {
            margin: -18px -12px 0px 0px;
        }

        .container div.item label {
            margin: 0px;
            top: 0px;
            color: #333333;
        }

.details {
    border-right: 1px solid #cccccc;
}

    .details input[type="checkbox"] {
        float: left;
        margin-top: 2px;
    }

    .details p {
        margin-bottom: 24px;
        float: left;
    }

    .details .sketch {
        float: left;
        width: 100%;
        margin: 20px 0px;
        position: relative;
    }

        .details .sketch .part {
            border: 1px solid #ccd5df;
            float: left;
            width: 120px;
            height: 30px;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            line-height: 30px;
        }

        .details .sketch .relation {
            position: relative;
            border: 1px solid #C8D2DC;
            border-width: 0 0 1px 1px;
            clear: left;
            float: left;
            height: 15px;
            margin-left: 60px;
            position: relative;
            width: 92px;
        }

.relation .arrow-r {
    right: 0;
    top: 50%;
    margin-top: 3px;
}

.derived {
    border-left: 1px dashed #999999;
}

.container .itemsList {
    margin: 20px 0px;
}

.derived .ui-droppable {
    min-height: 40px;
}

.container div.draggable {
    border: 1px solid #666666;
    cursor: move;
}

    .container div.draggable label {
        cursor: move;
    }

    .container div.draggable:hover {
        background-color: #fff5cc;
    }

.container div.remove {
    border: 1px solid #666666;
}

    .container div.remove:hover {
        background-color: #fff5cc;
    }

.derived div.draggable:hover {
    background-color: #FAFAFB;
}

.derived .dropHere {
    border: 1px dashed #ccc;
}

/************************************************************** // Derived Parts] */


/****** [ Share Document Dalog*/
table#sharedTable, table#dependenciesTable,
.dialogTable {
    clear: both;
    margin-top: 0 !important;
    border: none !important;
    border-collapse: separate;
    border-spacing: 0;
}

    table#sharedTable .th-separator {
        width: 1px;
    }

#dependenciesTable .icn_delete_td {
    display: block;
}

.dialogTable th {
    background-color: none;
    border: none;
    padding: 3px 5px;
}

    .dialogTable th._16 {
        padding: 3px 5px 0 5px;
    }

#sharedTable th, #dependenciesTable th {
    border: none;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: static;
}

#dependenciesTable th {
    border-left: none !important;
}

.KenestoDrive #dependenciesTable th {
    border-left: 1px solid #fff !important;
}

#sharedTable th:first-child,
#dependenciesTable th:first-child {
    border-left: 1px solid #ccc !important;
}

#sharedTable th:last-child {
    border-right: 1px solid #ccc;
}

.th-separator {
    padding: 0 0 0 6px !important;
    width: 3px;
}

    .th-separator span {
        border-left: 1px solid #ccc;
        content: ' ';
        display: block;
        height: 26px;
    }

#sharedTable td,
.dialogTable td {
    padding: 3px;
}

    #sharedTable td .deleteUserRow {
        margin-top: 3px;
    }

#sharedTable th:nth-child(2)
label[data-styleparams="noWidth"] {
    width: auto !important;
}

#sharedTable td .labelName.group {
    font-weight: bold;
}

.toggleContent h4 {
    cursor: pointer;
    clear: right;
    margin: 10px 0;
}

.sharedExternal .toggleContent h4 {
    margin: 10px 0 10px 0;
}

.toggleContent h4 .ttl {
    float: left;
    font-size: 13px;
}
/****** // Share Document Dalog ] */

/* [activate account register */

#termsBox {
    height: 120px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0 0px;
    width: 100%;
}

    #termsBox p {
        margin: 0px;
        font-size: 12px;
        line-height: 16px;
        width: 98%;
    }

#printBtn {
    text-transform: capitalize;
    color: #148BF1;
    cursor: pointer;
}

    #printBtn:hover {
        text-decoration: underline;
    }

.simpleBox {
    margin: 0px 0 10px;
    float: left;
    background-color: #F6F6F7;
    padding: 10px 0 10px 10px;
}

    .simpleBox label {
        line-height: 18px;
    }

#printBtn .icn {
    margin-right: 4px;
}

#modal #printBtn {
    margin-bottom: 20px;
    width: initial;
}

#termsBox .ttl {
    font-weight: bold;
}

.simpleBox p {
    width: 97% !important;
}

.externalUser input[disabled]#registerSubmitForm {
    background-color: #f7f7f7;
    color: #888888 !important;
    border: 1px solid #ccc !important;
    background-image: none !important;
    cursor: default;
    line-height: 28px;
    height: 30px;
    min-width: 60px;
    padding: 0px 6px;
    margin-top: 0px;
}

#postExternalRegistration p.confirm {
    clear: both !important;
    float: none !important;
    margin: 0px !important;
}

#postExternalRegistration .btn_set {
    /*float: none!important;*/
}

#postExternalRegistration .btn_set {
    margin: 20px 0 10px 0;
}

#AvatarContainer .btn_set {
    float: left;
    margin-top: 5px;
    width: auto;
}

/* ui-jqgrid */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    /*color: transparent !important;
    background-image: url(themes/base/images/processing_16.gif) !important; 
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;    */
}

.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker-calendar .ui-widget-header .ui-state-active {
    background-image: none !important;
    background-color: #FFF5CC !important;
    border: 1px solid #FCEFA1 !important;
    color: #0077DD !important;
}

/* [Form Cases*/
#backRoute .genForm,
#rejectRoute .genForm,
#completeRoute #routeForm {
    min-height: inherit;
    width: auto;
}

#backRoute input.datepicker {
    margin-left: 0 !important;
}
/* //Form Cases]*/

/***********************************************/

/* [SVG Related styles */
svg {
    position: relative;
    /*z-index: 999;*/
}

#barChartHolder svg {
    width: 100%;
    height: 100%;
}

svg tspan {
    border: 1px solid red;
}
/* SVG Related styles] */

/* [Other */
.noBg, .noBg[disabled][type="button"] {
    background: none !important;
}
/* //Other]*/
.nailthumb-container.LayoutHeader {
    width: 60px;
    height: 25px;
}

.nailthumb-container.PartnerLogo {
    overflow: hidden;
}

.nailthumb-container .AdminSetting {
    width: 100px;
    height: 80px;
}

.nailthumb-container .Medium {
    width: 74px;
    height: 64px;
}

.TreeviewContainer {
    padding: 5px;
    height: 150px;
    border-width: 1px;
    border-color: #CCCCCC;
    border-style: solid;
    overflow: auto;
    width: 500px;
}

.Treview {
    margin-left: 10px;
}

    .Treview .icn_vault_folder {
        opacity: 0.4;
    }

        .Treview .icn_vault_folder:hover,
        .Treview .jqtree-selected > div > .icn_vault_folder,
        #objectPreviewPanel li.jqtree_common a:hover > .icn_vault_folder {
            opacity: 1;
        }

    .Treview .jqtree-selected > div > .icnFolder {
        background-position: -451px -127px;
    }

.ContextAttachments a {
    overflow: hidden;
    white-space: nowrap;
}

.ContextAttachments a,
.ContextAttachments span {
    float: left;
}

.ContextAttachments .fileName {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 190px;
    margin: 0 7px 0 2px;
}

.grid-b .grid-unit {
    border: 1px solid #CBD5DE;
    float: left;
    margin: 0 10px 10px 0;
    padding: 15px;
    background-color: #f8fbfe;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.itemsInformationResult .grid-unit {
    padding: 24px 15px 15px;
}

.grid-unit.addItem a {
    width: 120px;
    display: block;
    margin: 100px auto;
}

#content .grid-unit h3 {
    width: 100%;
    margin: 0px;
    font-size: 18px;
    overflow: visible;
    white-space: normal;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #C8D2DC;
}

    #content .grid-unit h3 var {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

    #content .grid-unit h3 a:hover {
        text-decoration: none;
    }

.ListTableContainer
.grid-b li:nth-child(4n) {
    margin-right: 0;
}

.grid-b h4 {
    font-size: 18px;
    font-weight: normal;
    color: #223344;
}

    .grid-b h4 var {
        font-style: normal;
        line-height: 32px;
    }

.grid-b .summaryInfo {
    border-top: 1px solid #C8D2DC;
    max-height: 165px;
    min-height: 40px;
    overflow: hidden;
}

    .grid-b .summaryInfo.people {
        max-height: 158px !important;
    }

#itemsInformationResult .summaryInfo {
    border: none;
}

.info.dblBorderB {
    padding: 10px 0;
}

.ws-info {
    position: absolute;
    top: 2px;
    right: 10px;
}

    .ws-info li {
        width: 16px;
        height: 16px;
        overflow: hidden;
        float: left;
        margin-right: 5px !important;
    }

.grid-b li {
    margin: 10px 0 0 0;
}

    .grid-b li i {
        font-style: normal;
        display: block;
        width: -moz-calc(100% - 45px);
        width: -webkit-calc(100% - 45px);
        width: calc(100% - 45px);
        overflow: hidden;
    }

        .grid-b li i a,
        .grid-b li i span {
            display: block;
            line-height: 14px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding-bottom: 2px;
        }

        .grid-b li i span {
            display: inline-block;
        }

.wDetailsList li {
    margin: 0;
}

ul.wDetailsList {
    padding: 15px 0;
}

.dblBorderB {
    border-bottom: 1px solid #DDE5EC;
    box-shadow: 0 1px 0 #FFFFFF;
}

.grid-unit .wItems {
    height: 45px;
    overflow: hidden;
}

    .grid-unit .wItems li {
        float: left;
        margin: 10px 10px 10px 0;
        position: relative;
    }

var.counter {
    min-width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    background: #fff;
    line-height: 12px;
    font-size: 11px;
    border: 1px solid #A5A7A8;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    padding: 1px;
}

    var.counter.orange {
        background: #ffaa00;
    }
/*[Contact page]*/
.summary .avatar,
.tooltipContactInfo .avatar {
    border: 1px solid #AAAAAA;
    border-radius: 50px;
    float: left;
    height: 99px;
    margin-right: 5px;
    width: 98px;
}

section.contactDetails .summaryInfo {
    width: -moz-calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
}

section.contactDetails .info li {
    line-height: 22px;
    font-size: 13px;
}

section.contactsContent {
    margin: 0px;
}

section h3.subTitle {
    margin-top: 18px !important;
}

    section h3.subTitle .icn {
        margin-top: 3px;
    }

.grid-unit .stats {
    height: 20px;
    margin-left: 30px;
    font-style: italic;
}

    .grid-unit .stats span:first-child:after {
        content: "|";
        color: #999;
        margin-left: 5px;
    }

.groupDetails .DTTT_button {
    margin-left: 5px;
}
/*[/Contact page]*/
/*
@media screen and (max-width: 1200px) {
	.grid-b .grid-unit {
		width: -moz-calc(33% - 27px);     
		width: -webkit-calc(33% - 27px);
		width: calc(33% - 27px);
	}
	.grid-b li.grid-unit:nth-child(4n+4) {
		margin-right: 10px!important;
		
	}
	.grid-b li.grid-unit:nth-child(3n+3) {
		margin-right: 0px;
	}
}*/
#sharedDetailsResult .loadingPage {
    margin: 0 auto;
    float: none;
}
/*[Contact ToolTip]*/
figure.tooltipContactInfo,
figure.tooltipGroupInfo,
.tooltipAttributesInfo {
    position: absolute;
    top: -1000px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 4000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    box-shadow: 2px 2px 2px 0 #888888;
    -webkit-box-shadow: 2px 2px 2px 0 #888888;
    -moz-box-shadow: 2px 2px 2px 0 #888888;
    -o-box-shadow: 2px 2px 2px 0 #888888;
    height: 130px;
    padding: 10px;
    overflow: hidden;
}

    .tooltipAttributesInfo dl dt {
        color: #000;
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }

figure.tooltipGroupInfo {
    width: 220px;
    padding: 0px 10px 30px 10px;
    height: 150px;
}

figure.tooltipContactInfo {
    width: 330px;
}

.tooltipAttributesInfo {
    width: 420px;
    clear: both;
    overflow: auto;
}

figure.tooltipGroupInfo h4 {
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*.tooltipAttributesInfo.noAttr{
       width:auto!important;
   }*/
.tooltipAttributesInfo .attrCnt {
    /* min-width: 330px;
        max-;width: 600px*/
}

.tooltipContactInfo.showTooltip,
.tooltipGroupInfo.showTooltip,
.tooltipAttributesInfo.showTooltip {
    opacity: 1 !important;
}

.tooltipContactInfo dd,
.tooltipContactInfo dt {
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.tooltipContactInfo dt,
.tooltipAttributesInfo dt {
    font-size: 18px;
    color: #0077DD;
    line-height: 32px;
    overflow: hidden;
}

.tooltipContactInfo .options,
.tooltipGroupInfo .options {
    position: absolute;
    left: 52px;
    bottom: 0px;
}

    .tooltipContactInfo .options .icnStatus {
        border-radius: 10px;
        width: 9px;
        height: 9px;
        margin: 3px 0 0 0;
    }

    .tooltipContactInfo .options li,
    .tooltipGroupInfo .options li {
        margin-right: 10px;
        float: left;
    }

    .tooltipContactInfo .options .chat span {
        margin-top: 2px;
    }

.toolTip-trigger,
.toolTipGroup-trigger {
    cursor: pointer;
}

.attributes-trigger {
    cursor: pointer;
}

.tooltipGroupInfo .blnCnt li {
    clear: both;
    margin-top: 10px;
    line-height: 30px;
}

.tooltipGroupInfo .blnCnt .avatar {
    margin-right: 10px;
}

#tooltipGroupInfo .scrollCont {
    height: 125px;
    overflow: hidden;
}

.overflowHidden {
    overflow: hidden;
}
/*[//Contact ToolTip]*/
.dropbox-chooser {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none !important;
    background-image: none !important;
    background-color: transparent !important;
    width: 130px !important;
}

#db-chooser {
    display: none;
    visibility: hidden;
}

/*Colored selection for workspace dialog Window*/
.colorSelector {
    border: 1px solid #CED9E5;
    float: left;
}

    .colorSelector var {
        float: left;
        width: 18px;
        height: 18px;
    }

        .colorSelector var:not(.checkMark) {
            background-image: none !important;
        }

/*.colorSelector var.checkMark { background-image: inherit!important; }*/
var.GRAY {
    background-color: #c4def5;
}
var.RED {background-color: #FF6666;}
var.ORANGE {background-color: #FFB400;}
var.YELLOW {background-color: #FFFF33;}
var.GREEN {background-color: #66CC66;}
var.BLUE {background-color: #3399FF;}
var.PURPLE {background-color: #9966CC;}

/*Custom Cases*/
#AddSubWf p, #finishRouteForm p {
    float: none;
}

#AddSubWf ul.info, #finishRouteForm ul.info {
    margin: 10px 0 20px 0;
}
/*#AddSubWf table th, #finishRouteForm table th {border:none;}*/
#AddSubWf table th,
#FinishSubWfStage1 table th,
#exportForm table th {
    padding: 0 4px;
}

.info .none {
    background: none;
}

.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollBody,
.dataTables_scroll table {
    width: 100% !important;
}

#AddSubWfStage2 > p,
#FinishSubWfStage1 > p {
    margin-bottom: 10px !important;
}

#ExportFormDataForm tbody tr:hover,
#FinishSubWfStage1 .dataTables_scrollBody table tbody tr:hover,
#AddSubWfStage2 .dataTables_scrollBody table tbody tr:hover {
    background-color: #FFF6CC
}

#ExportFormDataForm tr.checked,
#FinishSubWfStage1 tr.checked,
#AddSubWfStage2 tr.checked {
    background-color: #FFF6CC
}

#AddSubWfStage2 span.icnFileType,
#FinishSubWfStage1 span.icnFileType {
    display: block;
}

#AddSubWfStage2 #thChBox {
    display: none;
}

#AddSubWfStage2 thead th:first-child label,
#exportForm thead th:first-child label {
    position: relative;
    content: " ";
    width: 18px !important;
    height: 18px;
    cursor: pointer;
    border: 1px solid transparent;
}

#approveFormTable thead th:first-child label {
    height: 18px;
}

#AddSubWfStage2 thead th:first-child label:before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #000;
    top: 2px;
}

#AddSubWfStage2 thead th:first-child :checked + label:before {
    background-image: url(themes/base/images/icons_set.png);
    background-position: -741px -39px;
    content: " ";
}

#AddSubWfStage2 table td:not(:first-child),
#FinishSubWfStage1 table td:not(:first-child) {
    border-left: 1px solid transparent;
}



.dataTables_scrollBody table {
    background-image: none;
}

.dataTables_scrollBody table {
    border-top: none;
}

    .dataTables_scrollBody table tr td:last-child {
        border-right: none;
    }

.dataTables_scrollBody thead {
    display: none;
}

.processStatus .TERMINATED_BY_USER,
.processStatus + dd .TERMINATED_BY_USER {
    color: red;
}

.hideChart {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.hideActions,
.hideDiagram {
    visibility: hidden;
}

.sectionFilter.hideActions {
    /*display:none;*/
}
/*
.ListTableContainer .ltItem {
	border:1px solid #CBD5DE;
	float:left;
	margin: 0 10px 10px 0;
	width: -moz-calc(33% - 30px);     
    width: -webkit-calc(33% - 30px);
    width: calc(33% - 30px);
	padding: 10px;
	background-color: #f8fbfe;
    min-height: 200px;
}
*/
.listSeparator li {
    position: relative;
}

    .listSeparator li:not(:last-child):after {
        content: '|';
        margin: -1px 2px 0 5px;
        float: right;
    }

.searchOwner {
    width: 120px !important;
}

ul.jqtree_common {
    margin-top: 5px !important;
    margin-left: 23px !important;
}

.TableTools_Button {
    padding: 4px 5px !important;
}

#taskDetails > ul,
#activityDetailsResult > ul,
.externalUser .detailsBox ul,
#processDetails > ul {
    overflow: hidden;
    position: relative;
}

    #taskDetails > ul:nth-child(3), #activityDetailsResult > ul:nth-child(3) {
        overflow: visible;
    }

.customDropdownList.listDrop ul.mCustomScrollbar {
    border-left: 0;
    width: calc(100% + 5px) !important;
}

    .customDropdownList.listDrop ul.mCustomScrollbar li {
        width: calc(100% - 20px) !important;
        border-left: 1px solid #bebdbd;
        overflow: hidden;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

#workspacesList .customDropdownList.listDrop ul.mCustomScrollbar li {
    width: calc(100% - 15px) !important;
}

#entityFieldsBox .customDropdownList.listDrop ul.mCustomScrollbar li {
    padding: 0px 0px 0px 12px !important
}

.customDropdownList.listDrop ul.mCustomScrollbar li.sTtl:not(:first-child) {
    margin-top: 1px !important;
}

.customDropdownList.listDrop ul.mCustomScrollbar li.chBox label {
    padding: 0px 0 0px 25px;
}

#entityFieldsBox li.chBox a, #entityFieldsBox li.chBox label {
    display: inline-block;
    color: #666;
    width: 136px;
    line-height: 26px !important;
}

ul.mCustomScrollbar .mCSB_container {
    margin: 1px;
    overflow: visible;
}

.customDropdownList li.chBox label {
    width: auto;
}

#processPartActions .listDrop ul li {
    border: 1px solid #bebdbd;
}

    #processPartActions .listDrop ul li:hover {
        border: 1px solid #000;
        color: #000;
    }

        #processPartActions .listDrop ul li:hover a {
            color: #000 !important;
        }

#processActionTabs {
    background: transparent;
}

    #processActionTabs .dependeciesWorkflow {
        margin-top: 30px;
    }

.externalUser .DiscussionDetails {
    margin-top: 23px;
}

#AddSubWfStage1 .formRow span {
    line-height: 28px;
}

.ui-autocomplete-loading {
    background: none !important;
}

.emptyPageMsg {
    margin: 0 auto;
    display: block;
    width: calc(100%);
    height: 200px;
    text-align: center;
    top: 0;
    left: -17px;
    right: -12px;
    position: absolute;
    background: #fff;
    padding-top: 330px;
    font-size: 22px;
    color: #000;
}

body.KenestoDrive #uploadToOnshape .actionStatus {
    height: 273px;
    width: 880px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    body.KenestoDrive #uploadToOnshape .actionStatus > div {
        width: 900px;
    }

    body.KenestoDrive #uploadToOnshape .actionStatus .icn_32.icn_uploadSucceed,
    body.KenestoDrive #uploadToOnshape .actionStatus .icn_32.icn_uploadFailed {
        cursor: default !important;
    }

    body.KenestoDrive #uploadToOnshape .actionStatus .statusMsg {
        font-size: 16px !important;
        color: #000;
    }

#UpdateDocumentsOwnershipForm .formRow p {
    font-weight: 600;
}

#UpdateDocumentsOwnershipForm .formRow.chBox {
    margin: 25px 0 -5px 0;
}

.chooseOwnership #UpdateDocumentsOwnershipForm .chBox {
    margin: 15px 0 -5px 1px;
}

.chooseOwnership .radb label {
    margin-right: 6px;
}

.chooseOwnership .longLbl label {
    width: 472px;
}

#createGroupForm .longLbl {
    width: 100px !important;
    margin-top: 6px !important;
}

#UpdateDocumentsOwnershipForm .formRow label {
    margin-bottom: 0;
}

.kenesto-autocomplete-loading {
    background: white url('themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.addExistingModal .kenesto-autocomplete-loading {
    background: white url('themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat;
    float: left;
    right: 23px;
}

.fixed {
    position: fixed !important;
}

#plugins4_q, #plugins5_q {
    width: 209px;
    margin-bottom: 10px;
}

#addExistingContainer #plugins4_q {
    margin-bottom: 30px;
}

#editDependenciesForm #Quantity {
    width: 100px;
}

.KenestoDrive #dependenciesTable table .cellData,
.KenestoDrive #revisionsTable table .cellData,
.KenestoDrive #DocumentReferencedByTable .cellData,
.KenestoDrive #AssetVersionsTable .cellData {
    color: black !important;
}


#dZone {
    display: none;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

    #dZone.active {
        position: absolute;
        left: 0;
        right: 0;
        display: block;
        border: 2px solid #f7f5a5;
        background: rgba(253,244,220, 0.8);
    }

    #dZone #animatedHint {
        width: 280px;
        height: 70px;
        position: fixed;
        margin-left: calc(50% - 150px);
        bottom: -150px;
        background: rgba(50,144,241, 0.8);
        color: #fff;
        text-align: center;
        padding: 10px;
        transition: bottom, 0.2s, ease-in;
        -webkit-transition: bottom, 0.2s, ease-in;
        -moz-transition: bottom, 0.2s, ease-in;
    }

    #dZone.active #animatedHint {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

#dZoneIcon {
    position: absolute;
    top: -58px;
    left: 118px;
}

.active #dZoneIcon {
    animation: bounce 2s 3;
    -webkit-animation: bounce 2s 3;
    -moz-animation: bounce 2s 3;
    -o-animation: bounce 2s 3;
}

div.DTS {
    display: block !important;
}

    div.DTS tbody th,
    div.DTS tbody td {
        white-space: nowrap;
    }

    div.DTS div.DTS_Loading {
        z-index: 1;
        background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
    }
    /*div.DTS div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
}*/
    div.DTS div.dataTables_scrollBody table {
        z-index: 2;
    }

    div.DTS div.dataTables_paginate,
    div.DTS div.dataTables_length {
        display: none;
    }

@-webkit-keyframes bounce {
    0%, 40%, 70%, 100% {
        -webkit-transform: translateY(0);
    }

    30% {
        -webkit-transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 40%, 70%, 100% {
        -moz-transform: translateY(0);
    }

    30% {
        -moz-transform: translateY(-30px);
    }

    50% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 40%, 70%, 100% {
        -o-transform: translateY(0);
    }

    30% {
        -o-transform: translateY(-30px);
    }

    50% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 40%, 70%, 100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(-15px);
    }
}

#dZoneIcon .icn30.icn_document {
    background-position: -924px -401px;
    width: 65px;
    height: 47px;
}

#dZoneFolder {
    font-size: 20px;
    margin-top: 10px;
}

    #dZoneFolder .icnFolder {
        background-position: -451px -90px;
    }

li[role=treeitem][aria-selected=true][selectable="true"] div.jstree-wholerow-clicked,
li[role=treeitem][aria-selected=true][selectable="true"] jstree-wholerow-hovered {
    background: #c7e3f7 !important;
}

#loginToKenesto h1 {
    color: #666666;
    font-size: 14px;
    font-weight: bold !important;
    line-height: 1.5;
    margin: 0px 0 30px;
    margin-top: 20px;
    text-align: center;
    top: 0;
}

#loginToKenesto p {
    text-align: center;
    height: 78px;
}

#loginToKenesto input {
    width: 147px;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 118%;
    background: #FF6A00;
    color: white;
    border: 0.5px solid white;
    border-radius: 10px;
    -moz-box-shadow: 6px 6px 5px #999;
    -webkit-box-shadow: 6px 6px 5px #999;
    box-shadow: 6px 6px 5px #999;
}

#loginToKenesto:hover input {
    color: black;
    background: #FF6A00;
    border: 1px solid #fff;
}

#twoStepVerificationAlert p {
    margin-bottom: 10px !important;
}


#twoStepVerificationAlert ul, .aboutDialog ul {
    list-style: disc;
    margin-left: 20px;
}


.panel-left .dropdownContainerList {
    margin-bottom: 54px;
    margin-top: 10px;
}

.documentDetails section{
    display: flex;
    flex-direction: row;
    flex: 1;
    margin: 0 -8px;
}

.documentDetails section > *{
        margin: 0 8px;
    }

.documentDetails .tall {
    max-width: 64px;
}

.documentDetails .divider, .workspaceDetailes .divider {
    padding-left: 0.5px;
    padding-right: 0.5px;
    /*width: 2.5px;*/
    /* margin: 10px 0; */
    background: #333333;
}

.documentDetails .item{
    flex: 0 1 auto;
}
.workspaceDetailes .item {
    flex: 0 1 50%;
}

.documentDetails .shareUserList {
    max-height: 50px;
    display: flex;
    padding-right: 10px;
}
.workspaceDetailes .shareUserList {
    max-height: 300px;
    display: flex;
    padding-right: 10px;
}
.documentDetails .documentDescription {
    width: 430px;
    max-height: 50px;
    display: flex;
}

.documentDetails .shareUsers, .documentDetails .shareUsersTitle {
    /*display: inline-block;*/
}

.documentDetails .shareUsers, .documentDetails .description, .workspaceDetailes .shareUsers {
    overflow: auto;
    /*min-height: 24px;
    display: block;
    max-height: 46px;
    max-width: 500px;
    margin: 0;
    padding:0;*/
}
.documentDetails .shareUsers li{
            overflow: hidden;
            float: left;
            margin: 1px 20px 0 2px !important;
 }

.workspaceDetailes .shareUsers li {
        overflow: hidden;
        float: left;
        margin: 1px 0px 0 2px !important;
        width: 160px;
    }
.documentDetails .shareUsersTitle strong {
    width: auto !important;
    margin-right: 20px;
}
.workspaceDetailes .participantsTitle {
    margin-bottom: 20px;
    margin-top: 20px;
}

#infoDialog {
    display: none;
}

.table-header-rotated th.row-header {
    width: auto;
}

.table-header-rotated td {
    /*width: 40px;*/
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate-45 {
    height: 95px;
    /*width: 40px;*/
    /*min-width: 40px;
    max-width: 40px;*/
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

    .table-header-rotated th.rotate-45 > div {
        position: relative;
        top: 0px;
        left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
        height: 100%;
        -ms-transform: skew(-39deg,0deg);
        -moz-transform: skew(-39deg,0deg);
        -webkit-transform: skew(-39deg,0deg);
        -o-transform: skew(-39deg,0deg);
        transform: skew(-39deg,0deg);
        overflow: hidden;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        border-top: 1px solid #dddddd;
        background-color: #7397BB;

    }
    .table-header-rotated th.rotate-45:nth-child(odd) > div {
        background: #C8F0F2;
    }
    /*  Define the background color for all the EVEN table columns  */
    .table-header-rotated th.rotate-45:nth-child(even) > div {
        background: #90EE90;
    }
    .table-header-rotated th.rotate-45 span {
        -ms-transform: skew(39deg,0deg) rotate(308deg);
        -moz-transform: skew(39deg,0deg) rotate(308deg);
        -webkit-transform: skew(39deg,0deg) rotate(308deg);
        -o-transform: skew(39deg,0deg) rotate(308deg);
        transform: skew(39deg,0deg) rotate(308deg);
        position: absolute;
        bottom: 40px; /* 40 cos(45) = 28 with an additional 2px margin*/
        left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
        display: inline-block;
        width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
        text-align: left;
        color: #0a3a60;
        font-weight: bold;
        /* white-space: nowrap; */ /*whether to display in one line or not*/
    }


.table-header-rotated thead tr {
    background-color: white !important;
}

.table-header-rotated  thead .sorting_asc:after, .table-header-rotated  thead .sorting_desc:after, .table-header-rotated  thead .sorting:after {
    height: 0px !important;
}

.table-header-rotated th .thData {
    overflow: unset;
}
.table-header-rotated .cellData, #usersInCompaniesTable .cellData {
    height: unset !important;
}

.flex-container {
    display: flex;
}
.flex-container > a {
    /*margin: 7px;*/
    text-align: center;
}

#saveUsersInCompany, #editUsersInCompany, #addNewUserToCompany, #cancelEditeUsersInCompany {
    margin-left: 20px;
    margin-top: 3px;
}

#companyLicenseInfo {
    margin-left: 20px;
    margin-top: 0px;
}
#usersTemplateContainer {
    margin-left: 20px;
    margin-top: 4px;
}
#importUsers {
    margin-top: -6px;
}

.rowDisabled {
    pointer-events: none;
    background-color: grey;
}

.deleteNewRow {
    color: #E34724;
}

.saveNewUserRow {
    color: #00cc00;
}



#addNewUserToCompany .btn, #editUsersInCompany .btn, #saveUsersInCompany .btn, #cancelEditeUsersInCompany .btn {
    margin-top: -8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: justify;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #dfdfdf;
    height: 34px;
    min-width: 100px;
    border-radius: 50px;
    line-height: 15px;
    background-color: white;
    color: #0077dd;
}
#addNewUserToCompany .btn:hover, #editUsersInCompany .btn:hover, #saveUsersInCompany .btn:hover, #cancelEditeUsersInCompany .btn:hover {
    border-color: #000;
}
#addNewUserToCompany[disabled] .btn, #editUsersInCompany[disabled] .btn, #saveUsersInCompany[disabled] .btn, #cancelEditeUsersInCompany[disabled] .btn {
    border: 0px solid transparent !important;
    background-color: #fff !important;
    color: #888888 !important;
    text-decoration: none !important;
    cursor: default !important;
}

#saveUsersInCompany .material-icons, #cancelEditeUsersInCompany .material-icons {
    font-size: 18px !important;
    color: #8B8A8A !important;
}

.adminResetPassword .material-icons, .adminResetPassword .material-icons {
    font-size: 20px !important;
}
.table-header-rotated th.currentTenant div {
    background: #f5f5dc !important;
}

input:invalid {
    background-color: #FFFFFF;
    border: 1.4px solid #D40022 !important;
}

.OBJECT_SELECTED input[type=checkbox] {
    display: none;
}


.OBJECT_SELECTED input[type="checkbox"]:not(:checked),
.OBJECT_SELECTED input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .OBJECT_SELECTED input[type="checkbox"]:not(:checked) + label,
    .OBJECT_SELECTED input[type="checkbox"]:checked + label {
        position: relative;
        padding-left: 16px;
        cursor: pointer;
    }

.OBJECT_SELECTED input[type="checkbox"]:disabled:not(:checked) + label,
.OBJECT_SELECTED input[type="checkbox"]:disabled:checked + label {
    cursor: default;
}

        .OBJECT_SELECTED input[type="checkbox"]:not(:checked) + label:before,
        .OBJECT_SELECTED input[type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            width: 16px;
            height: 16px;
            border: 1px solid #aaa;
            background-color: white;
        }

        .OBJECT_SELECTED input[type="checkbox"]:not(:checked) + label:after,
        .OBJECT_SELECTED input[type="checkbox"]:checked + label:after {
            font-family: 'Material Icons';
            content: 'check';
            text-rendering: optimizeLegibility;
            font-feature-settings: "liga" 1;
            font-style: normal;
            text-transform: none;
            line-height: 18px;
            font-size: 17px;
            width: 18px;
            height: 18px;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            display: inline-block;
            overflow: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #09ad7e;
            transition: all .2s;
        }

        .OBJECT_SELECTED input[type="checkbox"]:checked + label.active-not-registered:after {
            content: "\e15b";
        }

        .OBJECT_SELECTED input[type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        .OBJECT_SELECTED input[type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

.OBJECT_SELECTED input[type="checkbox"]:disabled:not(:checked) + label:before,
.OBJECT_SELECTED input[type="checkbox"]:disabled:checked + label:before {
    border-color: #bbb !important;
    background-color: white;
     cursor: pointer;
}




.OBJECT_SELECTED input[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.OBJECT_SELECTED input[type="checkbox"]:disabled + label {
    color: #aaa;
}

.OBJECT_SELECTED input[type="checkbox"]:checked:focus + label:before,
.OBJECT_SELECTED input[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted #09ad7e;
}

.OBJECT_SELECTED label:hover:before {
    border: 1px solid #09ad7e !important;
}

.ACTIVE_TASKS ul li {
    display: inline;
    margin-right: 8px;
   
}
.ACTIVE_TASKS ul {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ACTIVE_TASKS ul li .divider {
    padding-right: 0.5px;
    background: #333333;
}
.readonly-value {
    display: inline-block;
    margin:4px;
}

.separator {
    margin: 0 10px; /* Adjust spacing as needed */
}
#hyperlinkForm .tabs-list {
    border-bottom: 1px solid #ccc;
    padding-left: 0;
}

    #hyperlinkForm .tabs-list li {
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px;
        margin-bottom: -1px; /* Aligns the tab with the bottom border */
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-bottom: none; /* Removes the border from the bottom of the tab */
    }

        #hyperlinkForm .tabs-list li.active {
            background-color: #fff;
            border-color: #ccc #ccc #fff; /* The bottom border color is white to blend with the tab content */
            color: blue; /* Sets the active tab font color to blue */
        }

#hyperlinkForm .tab-content {
    display: none;
    padding: 20px;
   // border: 1px solid #ccc; /* Border around the content */
    //background-color: #fff;
}

    #hyperlinkForm .tab-content.active {
        display: block;
    }
.iframe-container {
    width: 100%;
    background: #fff;
    overflow: hidden;
    transition: height 0.3s ease;
}

    .iframe-container iframe {
        border: none;
        background: #fff;
    }

    /* Optional: Add a loading state */
    .iframe-container.loading {
        background: #f5f5f5;
    }

/* Optional: Add a min-width for very small screens */
@media screen and (max-width: 480px) {
    .iframe-container {
        min-width: 320px;
    }
}
.features-container {
    width: 300px;
    margin: 0;
    padding: 10px 0;
}

.features-container .feature-item {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
}

.features-container .feature-header {
    margin-bottom: 5px;
}

.features-container .feature-label {
    font-weight: normal;
    display: flex;
    align-items: center;
}

.features-container .feature-enabled-checkbox {
    margin-right: 10px;
}

.features-container .user-list {
    margin-left: 25px;
}

.features-container .all-users-option {
    margin-bottom: 5px;
}

.features-container .user-checkboxes {
    max-height: 100px;
    overflow-y: auto;
}

.features-container .user-checkbox-item {
    margin-bottom: 3px;
}

.features-container .user-checkbox-item label {
    display: flex;
    align-items: center;
    font-weight: normal;
}

.features-container .user-checkbox-item input[type="checkbox"] {
    margin-right: 5px;
}
.widget-actions {
    background: #f6f6f6;
    padding-bottom: 10px;
}

#vaultDidgetTable #multiSelectRow {
    display: flex;
    align-items: center; /* Vertically center the items */
    justify-content: flex-start; /* Align items to the left */
}

#vaultDidgetTable #multiSelectRow .actions {
    margin-right: 10px; /* Space between button and error message */
}

#vaultDidgetTable #multiSelectRow .error {
    display: none; /* Initially hidden */
    background-color: #FFCCCB;
    color: #D04022;
    font-style: italic;
    padding: 10px;
    border: none;
    flex-grow: 1; /* Allow the error message to take up remaining space */
    margin-left: 10px; /* Add space between the button and error */
}