.pageContentsFlex
{
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;

}

.pageContentsFlex fieldset
{
}

.pageContentsFlex .pc_main
{
        /*  border-right: 10px solid #d7e1eb;*/
        /*background-color: white;*/
        border: 2px solid #eaeaea;
}

.pageContentsFlex .pc_main legend
{
        background-image: url("/IMGS/form_2.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px;
        padding-left: 24px;
}

.pageContentsFlex .pc_history
{
        /*min-width: 900px;*/
        background-color:#d7e1eb;
        min-width: 300px;
        margin-right: 10px;
}

.pageContentsFlex .pc_notes
{
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 10px;

        min-width: 250px;
        border: 2px solid #eaeaea;
        flex: 1;
}

.pageContentsFlex .pc_mails
{

}


.pageContentsFlex .pc_notes legend
{
        background-image:url("/MODULES/GenericWorkflow/IMGS/notes.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px;
        padding-left: 22px;
}

.pageContentsFlex .pc_files
{
        margin-top: 10px;
        padding: 10px;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        /*flex: 1;*/
        border: 2px solid #eaeaea;
}

.pageContentsFlex .pc_files legend
{
        background-image:url("/MODULES/GenericWorkflow/IMGS/files_1.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px;
        padding-left: 22px;
}

.pageContentsFlex .pc_files .changeViewButtons
{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-bottom: 10px;
}

.pageContentsFlex .pc_files .changeViewButtons a
{
        display: inline-block;
        width: 20px;
        height: 16px;
}

.pageContentsFlex .pc_files .changeViewButtons a:first-of-type
{
        margin-right: 10px;
}

.pageContentsFlex .pc_files .changeViewButtons a img
{
        width: 100%;
        height: auto;
        object-fit: contain;
}

.pageContentsFlex .pc_files .pc_files_show
{
        display: block;
}

.pageContentsFlex .pc_files .pc_files_hidden
{
        display: none;
}

.pageContentsFlex .pc_files .gwFileGrid
{
        display: none;
}

.pageContentsFlex .pc_files .gwFileGrid.pc_files_show
{
        display: block;
}

.pc_files .pc_files_content
{
        width: 100%;
}

.pageContentsFlex .pc_files_grid_content
{
        display: grid;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}


#clf_dialog .gwFileGrid a
{
        height: 104px;
        display: flex;
        justify-content: center;
        align-items: center;
}

.gwFileList
{
        display: block;
}

.pageContentsFlex .pc_files .gwFileList
{
        width: 100%;
}

#clf_dialog .gwFileList td
{
        text-align: center;
        width: 7%;
}

#clf_dialog .gwFileList td:last-of-type
{
        width: 20%;
        text-align: right;
        text-align: end;
}

#clf_dialog .gwFileList td:nth-of-type(3)
{
        width: 38%;
        text-align: left;
        text-align: justify;
}

#clf_dialog .gwFileList td:nth-of-type(4)
{
        width: 25%;
        font-size: 8pt;
}

#clf_dialog .gwFileList b
{
        position: relative;
        display: block;
        right: unset;
        margin-top: unset;
}

#clf_dialog .gwFileList img
{
        width: 30px;
        height: 30px;
}

#clf_dialog .gwFileList img.wkfIcons
{
        width: 18px;
        height: 18px;
}

#clf_dialog .gwFileList .pc_files_description
{
        min-height: max-content;
        margin: 0;
        position: relative;
        justify-content: start;
}

#clf_dialog .pc_files.pc_files_list .gwOneFile
{
        min-width: 100%;
        max-width: 100%;
        display: block;
}

#clf_dialog .gwOneFile p
{
        min-height: 84px;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items: end;
        justify-content: center;
}

#clf_dialog .gwOneFile p em
{
        display: flex;
        justify-content: center;
        margin-top: 10px;
        width: 100%;
}

.pageContentsFlex legend
{
        font-size: 110%;
        border-radius: 5px;
        padding: 2px 5px 2px 5px;

}

.pageContentsFlex .pc_agenda
{
        /*flex: 1 1 390px;*/
        min-width: 300px;
        border: transparent;
        /*border-left: 3px solid #eaeaea;*/
        padding: 5px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-height: 100px;
        border: 2px solid #eaeaea;
}

.pageContentsFlex .pc_agenda legend
{
        background-image: url("/MODULES/KrmCalendar/IMGS/calendar_1.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 20px;
        padding-left: 24px;
}

.pageContentsFlex .pc_editButton
{
        float:right;
        margin-right: 10px;
}

.pageContentsFlex .pc_editButton a
{
        background-image: url("/IMGS/edit_3.png");
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 14px;
        padding: 5px;
        padding-right: 5px;
        border: 1px solid black;
        background-color: #ff9300;
        padding-right: 25px;
        border-radius: 5px;
        color: white;
        font-weight: bold;
}

/* OVERRIDES */
.gwOneNote {
        min-width: 320px !important;
        padding: 0px !important;
}

#clf_dialog .gwOneFile{
        width: 100%;
        min-height: max-content;
        background-color: #ffffff;
}

#clf_dialog
{
        margin-top: 3px;
}

#page .containRight
{
        background-color: white !important;
}

#page .containNoMarginTop
{
        margin-top: 0px !important;
}

#Events
{
        background-color: #ffffff94;
        /*padding-top: 10px;*/
        padding-right: 2px;
        border-radius: 5px;
}

#Events .agendaIcon
{
        transition: all 0.5s ease-in-out;
        cursor: pointer;
}

#Events .agendaIcon:hover
{
        color: #1f48b2;
}

#Anchors
{
        margin-bottom: 5px;
        padding: 5px 5px;
        display: flex;
        flex-direction: column;
}

#Anchors #ActiveFilters
{
        margin-bottom: 10px;
}

#Anchors .inDepFilter
{
        font-weight: bold;
}

#Anchors .inDepFilter.idf-1
{
        background-color: var(--krm_col_1);
}

#Anchors .inDepFilter.idf-0
{
        color: #ff9300;
}

#Anchors .inDepFilter.idf-1
{
        color: #ff5500;
}

#Anchors ul
{
        display: flex;
        flex-direction: row;
        line-height: 20px;
        padding-left: 0px;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 0px;
}

#Anchors ul li
{
        list-style-type: none;
        border-radius: 5px;
        padding: 2px 5px;
        margin-bottom: 3px;
        cursor: pointer;
        background-color: #f0f0f0;
        transition: all 0.5s ease-in-out;
        box-sizing: border-box;
        width: 48%;
        border: 1px solid transparent;
        text-align: left;
}

#Anchors li.item_selected
{
        background-color: white;
        color: black;
        font-weight: bold;
}

#Anchors ul li a
{
        text-decoration: none;
}

/*
#Anchors ul li:hover
{
        background-color: white;
        color: rgba(16, 111, 180, 1);
        border: 1px solid #bc91a1;
}

#Anchors ul li:hover a
{
        color: rgba(16, 111, 180, 1);
}
 */

.pc_synopsis
{
        margin-bottom: 10px;
}

.pc_agenda
{
        padding: 0px;
}

.pc_agenda .dataNotFound
{
        /*margin-top: 10px;*/
        display: flex;
}

.pc_agenda .dataNotFound i:hover
{
        background-color: white;
        cursor: pointer;
}


.pc_agenda .kc_evtNext
{
        margin-top: 10px;
}

.pc_agenda .krmCal_item
{
        margin-bottom: 2px;
        text-align: left;
        background-color: #ffffff88;
        padding-bottom: 5px;
        cursor: pointer;
        border: 1px solid transparent;
        padding-left: 2px;
        transition: all 0.5s ease-in-out;
}

.pc_agenda .krmCal_item:hover
{
        background-color: #fff;
        border-top: 1px solid #aeaeae;
        color: #3668c9;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}


.pc_agenda .krmCal_item table
{
        width: 100%;
}

.pc_agenda #kc_inEvents, .pc_agenda #kc_agendaHolder
{
        overflow: auto;
        width: 100%;
}

.pc_agenda #kc_inEvents_old
{
        display:none;
}

.pc_agenda .kc_seeEvents
{
        /*display: flex;*/
        justify-content: space-between;
        margin-bottom: 10px;
}

.pc_agenda .kc_seeEvents a
{
        /*font-weight: bold;*/
        background-color: white;
        padding: 3px;
        border-radius: 5px;
        display: block;
}

.pc_agenda .kc_seeEvents a:hover
{
        color: #3668c9;
        transition: all 0.5s ease-in-out;
        text-decoration: none !important;
}



.pc_agenda .kc_seeEvents .kc_openAgenda
{
        background-image: url("/IMGS/link_1.png");
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 14px;
        padding: 5px;
        border: 1px solid #000000;
        background-color: #ffffff;
        padding-right: 25px;
        border-radius: 5px;
        color: black;
        font-weight: normal;
}

.pc_agenda .kc_seeEvents a:hover
{
        text-decoration: underline;
}


.pc_agenda .krmCal_user
{
        display: flex;
        align-items: end;
}

.pc_agenda .krmCal_time
{
        font-size: 90%;
        /*padding-left: 25px;*/
}

.pc_agenda .krmCal_time em
{
        font-size: 80%;
}

.pc_agenda .krmCal_until
{
        width: 100%;
        border-radius: 5px;
        padding: 3px;
        text-align: center;
}

.pc_agenda .krmCal_until strong
{
        float:right;
        font-size: 80%;
        padding: 1px 8px;
        border-radius: 5px;
        font-weight: normal;
}

.pc_agenda .krmCal_until em
{
        float:left;
        width: 65%;
        font-style: normal;
        font-size: 9pt;
        text-align: left;
}

.pc_agenda .krmCal_name {
        font-weight: bold !important;
        /*padding-left: 25px;*/
}

.pc_agenda .krmCal_context
{
        font-size: 8pt;
        color: #767676;
}

.pc_agenda legend
{
        width: 100%;
        margin-right: 3px;
        padding-top: 6px;
        margin-bottom: 6px;
        margin-top: 5px;
}

.pc_agenda legend i:hover
{
        background-color: white;
        cursor: pointer;
}

/*#clf_dialog table td:first-child*/
/*{*/
/*        font-weight: inherit !important;*/
/*        padding-top: unset !important;*/
/*}*/

fieldset
{
        border: transparent;
}

.pageContentsFlex .clf_d_others
{
        width: 170px;
        background-color: #eaeaea;
        float:left;
}

.pageContentsFlex .dataNotFound {
        color: #ff5500;
        padding: 5px;
        border-radius: 6px;
        font-weight: bold;
}

#clf_dialog .forcedHighlight
{
        border: 3px dashed #ff5500 !important;
        background-color: #dddac4 !important;
}

.tabContainer hr
{
        color: #eaeaea;
}


#clf_dialog #Events
{
        width: 50%;
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
}
#clf_dialog #Events table
{
        width: 100%;
}

.gwOneNote .gwDiv
{
        background-color: #e8e8e8;
        color: black;
        border-top: none;
        height: 25px;
}

#clf_dialog #Notes
{
        /*padding-left: 2px;*/
        width: 50%;
        /*background-color: #F2E65C40;*/
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
        order: 20;
        /*padding-top: 30px;*/
}

.gwOneNote
{
        background-color: white;
        opacity: 1;
        max-height: 270px;
        margin-bottom: 20px;
}

.pc_notes_content
{
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
}

.gwNoteContent
{
        overflow: auto;
        max-height: 230px;
        transition: all 0.5s ease-in-out;
        background-color: #eaeaea70;
        border-radius: 0px 0px 10px 5px;
        padding: 10px 10px;
}

.gwNoteContentTrimmed
{
        overflow: hidden;
}

.gwNoteContent:hover
{
        background-color: #F2E65C3B;
}

.gwNoteContent figure
{
        margin: 2px;
        padding: 0px;
}

.gwNoteContent table td
{
        border: 1px solid #eaeaea;
}

img.wkfIcons
{
        margin-left: 30px;
        width: 20px;
        margin-top: -5px;
}

#clf_dialog .flexSeparator
{
        background-color: #eaeaea;
        padding: 5px 0px;
        flex: 1;
        width: 100%;
}



/* BEN -> 15/08/2021 (Saint Mary ;) -> special css for clients details page */
#clf_rightSide.clf_Details #clf_dialog
{
        display: flex;
        flex-wrap: wrap;
}

#clf_rightSide.clf_Details .clForm
{
        min-width: 100%;
        flex: 1;
}

#clf_rightSide.clf_Details .noWrap
{
        white-space: nowrap;
}

#clf_rightSide.clf_Details .noPadding
{
        padding: 0px !important;
        text-align: center;
}

#clf_rightSide.clf_Details .smaller
{
        font-size: 85%;
}

#clf_rightSide .forceCentered
{
        text-align: center;
}


#clf_rightSide.clf_Details #Tree
{
        overflow: auto;
        width: 50%;
        min-width: 30%;
        display: none;
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
        order: 10;
        transition: all 0.5s ease-in-out;
}

#Tree .treeParentFwup
{
        background-color: #f4efef;
        border-radius: 5px;
        padding: 2px;
        font-style: normal;
        font-size: 80%;
        font-weight: bold;
}

.clf_Details #Tree .tpfNone
{
        color: #a3a2a2;
}

/* BEN -> 09/11/2022 -> Separator inside one det page */
#clf_rightSide.clf_Details #__separator__
{
        font-size: 16pt;
        font-weight: bold;
        padding: 10px 10px 0px 10px;
        margin-top: 10px;
        width: 97%;
}

/*...............*/

#clf_rightSide.clf_Details #Details
{
        overflow: auto;
        width: 100%;
        display: none;
        order: 1;
        /*padding-top: 10px;*/
        /*border-top: 2px solid var(--krm_col_1);*/
}


/* height set from js based on height of clForm */
#clf_rightSide.clf_Details #Files
{
        overflow: auto;
        width: 50%;
        display: none;
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
        order: 30;
}

/* height set from js based on height of clForm */
#clf_rightSide.clf_Details #Mails
{
        overflow: auto;
        width: 100%;
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
        order: 40;
}

#clf_rightSide.clf_Details #GDrive
{
        overflow: auto;
        width: 50%;
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
        order: 40;
        /*display: none;*/
}


#clf_rightSide.clf_Details #Mails .pc_mails
{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1rem;
}

#clf_rightSide.clf_Details #Mails .pc_mails_content
{
        width: 49%;
}


#clf_rightSide.clf_Details #Mails .pc_mails .emailGroup
{
        max-width: 49%;
}



#clf_rightSide.clf_Details #Stats
{
        width: 100%;
        overflow: auto;
        padding-top: 10px;
        border-top: 2px solid var(--krm_col_1);
        order: 60;
}

#clf_rightSide.clf_Details #Files legend,
#clf_rightSide.clf_Details #Notes legend,
#clf_rightSide.clf_Details #Events legend,
#clf_rightSide.clf_Details #Mails legend,
#clf_rightSide.clf_Details #Tree legend,
#clf_rightSide.clf_Details #GDrive legend,
#clf_rightSide.clf_Details #Details legend.legendOfDetails
{
        background-color: var(--krm_col_2);
        padding: 8px;
        color: white;
        border-radius: 5px;
}

#clf_rightSide.clf_Details #GDrive fieldset
{
        margin-top: 10px;
}

table.detFileTable
{
        /*font-size: 90%;*/
        width: 100%;
        word-break: break-all;
}

table.detFileTable td
{
        text-align: center;
}


table.detFileTable .pc_files_description
{
        font-size: 10pt;
        font-weight: bold;
}

table.detFileTable .pc_files_details
{
        font-size: 8pt;
}


table.detFileTable tr:nth-child(even)
{
        background-color: white;
}

table.detFileTable tr:nth-child(odd)
{
        background-color: #eaeaea82;
}

table.detFileTable td
{
}

.pc_files_content
{
        margin-top: 10px;
        overflow: auto;
        /*max-height: 300px;*/
}

#clf_rightSide.clf_Details .pc_graphs
{
        margin-top: 10px;
        overflow: auto;
        /*max-height: 300px;*/
}

#clf_rightSide.clf_Details .pc_notes
{
        /*max-height: 300px;*/
}


.pc_files_content .fileName
{
        font-size: 9pt;
        text-align: left;
}

.pc_files_content .image img
{
        width: 30px;
}


table.detFileTable .noPadding img
{
        max-width: 300px;
        border: 1px solid #cacaca;
}

.genericLinkTag
{
        background-color: white;
}

.krmFormTdLegend
{
        border-radius: 5px;
}

#clf_rightSide.clf_Details .gwDiv .mail_subject
{
        margin-left: 30px;
        overflow-x: auto;
}

.gwOneMail
{
        /*cursor: default;*/
}

.gwOneMail b.mailsIdx
{
        position: absolute;
        padding: 3px;
        width: 14px;
        height: 13px;
        background-color: white;
        color: black;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        border: 1px solid var(--krm_col_2);
        margin-top: 4px;
        font-size: 8pt;
        margin-left: 2px;
        transition: all 0.5s ease-in-out;
}

.gwOneMail .mail_status i
{
        font-size: 12pt;
        color: #3668c9;
}

#imapPreview .gwImapPreview
{
        background-color: aliceblue;
        margin-bottom: 10px;
}

#imapPreview
{
        width: 60%;
}

#imapPreview .gwOneNote
{
        max-height: 1000px;
}

#imapPreview .gwImapContent
{
        max-height: 1000px;
        overflow: auto;
        padding: 4px;
}

#imapPreview .dateImap
{
        float:right;
}

.imapList
{
        width: 38%;
}

.gwMailContent table
{
        width: 100%;
}

.gwMailContent table.notifTab1
{
        /*border-bottom: 0.5px solid #eaeaea;*/
}

.gwMailContent table td
{
        border: none;
}

.gwMailContent table tr.notifNormal td:first-of-type
{
        font-weight: 600;
}

/* BEN -> 06/01/2022 -> Editable fields in 4th level page */
#clf_rightSide.clf_Details .clForm .tabContainer, #edit_user__dialog .clForm .tabContainer
{
        width: 98%;
        margin-bottom: 15px;
}

#clf_rightSide.clf_Details  #depTarget
{
        width: 98%;
        margin-left: 4px;
        margin-bottom: 23px;
}

#clf_rightSide.clf_Details .clDep
{
        border: 0px !important;
        /*border-top: 2px solid rgba(16, 111, 180, 0.82) !important;*/
        border-radius: 0px !important;
}

#clf_leftSide #krm_tree_org ul
{
        margin: 0;
        text-align: justify;

}

#clf_leftSide.clf_KrmTree_content
{
        /*width: 35%;*/
        /*max-width: 300px;*/

}

#clf_leftSide #krm_tree_org .main_tree
{
        background-image: unset;
}

/*#clf_leftSide #krm_tree_org .main_tree .lvl1_tree*/
/*{*/
/*        background-image: unset;*/
/*}*/

#clf_leftSide #krm_tree_org .main_tree .jstree-themeicon-custom
{
        background-size: contain!important;
        width: 18px;
}

#clf_leftSide #krm_tree_org .main_tree .lvl1_tree
{
        margin-left: 0;

}

#clf_leftSide #krm_tree_org .main_tree .lvl2_tree

{
        margin-left: 2px;
}

#clf_leftSide #krm_tree_org .main_tree .fa-plus-circle
{
        font-size: 24px;
        font-weight: 500;
}

#clf_leftSide #krm_tree_org .main_tree .jstree-anchor
{
        /*background-color: rgba(255, 255, 213, 0.4);*/
        margin-bottom: 4px;
        /*border: 0.5px solid #fceb9b;*/
        height: auto;
}

#clf_leftSide #krm_tree_org .main_tree span

{
        margin-left: 20px;
}

#clf_leftSide #krm_tree_org .main_tree span i:hover
{
        background-color: #ffffff;

}

#clf_leftSide #krm_tree_org .main_tree .jstree-anchor .treeSpan_block
{
        display: flex;
        justify-content: space-between;
        align-items: center;
}

#clf_leftSide #krm_tree_org .main_tree .jstree-hovered {
        background: #fceb9b;
        color: #4b544d;
}


#clf_leftSide #krm_tree_org  .jstree-leaf a.jstree-anchor
{
        font-size: 80%;
}

#clf_leftSide #krm_tree_org .main_tree .jstree-clicked
{
        background: #fceb9b;
        color: #4b544d;
}

#clf_leftSide #krm_tree_org .main_tree > .jstree-ocl
{

        display: none;
}

#clf_leftSide #krm_tree_org .main_tree > .jstree-ocl ~ .jstree-ocl
{
        display: inline-block;
}

#clf_leftSide #krm_tree_org .lvl1_tree > .jstree-ocl
{

        display: none;
}

#clf_leftSide #krm_tree_org .lvl1_tree > .jstree-ocl ~ .jstree-ocl
{
        display: inline-block;
}

#clf_leftSide #krm_tree_org .main_tree > .jstree-anchor
{
        padding: 0;
        border-radius: 50%;
}

#clf_leftSide #krm_tree_org .main_tree > .jstree-anchor ~ .jstree-anchor
{
        padding: 0 4px 0 1px;
        border-radius: unset;
}

#clf_rightSide .tabContainer input, #clf_rightSide .tabContainer textarea, #clf_rightSide .tabContainer select
{
        font-family: arial;
        font-size: 10pt;
        width: 98%;
        max-width: 400px;
        min-width: 80px;
        box-sizing: content-box;
}

#clf_rightSide .tabContainer input[type='checkbox']
{
        width: 15px !important;
        min-width: 15px !important;
}

#clf_rightSide textarea
{
        min-height: 21px;
}

#clf_rightSide .top_btn, #edit_user__dialog .top_btn
{
        min-width: 50px;
        font-size: 10pt;
        text-align: center;
        border-radius: 5px;
        padding: 8px 0px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

#clf_rightSide #optionsHolder
{
        padding-left: 20px;
}


#clf_rightSide .containerLastSave, #edit_user__dialog .containerLastSave
{
        flex-direction: row;
        justify-content: right;
        width: 100%;
}

#clf_rightSide .containerTop, #edit_user__dialog .containerTop
{
        display: flex;
        justify-content: right;
        width: 100%;
        text-align: right;
        margin-bottom: 7px;
}

#clf_rightSide .containerTop div, #edit_user__dialog .containerTop div
{
        margin-left: 10px;
}

#clf_rightSide .containerSave, #edit_user__dialog .containerSave
{
        background-color: var(--krm_col_1);
        color: white;
        transition: all 0.5s ease-in-out;
        border: 1px solid var(--krm_col_1);
        min-width: 160px;
}

#clf_rightSide #containerDelete, #edit_user__dialog #containerDisable, #edit_user__dialog #containerEnable
{
        padding: 7px 0px;
        width: 100px;
        transition: all 0.5s ease-in-out;
}

#clf_rightSide #containerDelete.top_btn, #edit_user__dialog #containerDisable.top_btn, #edit_user__dialog #containerEnable.top_btn
{
        box-shadow: 0 2px 4px 1px rgba(255,0,0,.3);
        border: 2px solid white;
}

#clf_rightSide #containerDelete:hover, #edit_user__dialog #containerDisable:hover, #edit_user__dialog #containerEnable:hover
{
        cursor: pointer;
        color: #3668c9;
        border: 2px solid rgba(247, 93, 93, 0.55);
}

#clf_rightSide #containerDelete:hover a, #edit_user__dialog #containerDisable:hover a, #edit_user__dialog #containerEnable:hover a
{
        text-decoration: none;
        color: #c31a1a;
        transition: all 0.5s ease-in-out;
}

#clf_rightSide .tabDelete, #edit_user__dialog .tabDelete
{
        min-width: 30%;
        display: flex;
        float: left;
}

#edit_user__dialog .tabDelete
{
        margin-left: 4px;
}

#clf_rightSide .containerTopLeft, #edit_user__dialog .containerTopLeft
{
        /*min-width: 30%;*/
        /*display: flex;*/
        width: 100%;
}

#clf_rightSide .top_btn span, #edit_user__dialog .top_btn span
{
        font-size: 10pt;
        cursor: pointer;
}

#clf_rightSide .containerSave:hover, #edit_user__dialog .containerSave:hover
{
        border: 1px solid #3668c9;
}


#clf_rightSide .containerSave:hover a, #edit_user__dialog .containerSave:hover a
{
        transition: all 0.5s ease-in-out;
        color: #3668c9;
}


#clf_rightSide .containerSave a:hover, #edit_user__dialog .containerSave a:hover
{
        text-decoration: none;
}

#clf_rightSide .saveActivated a, #edit_user__dialog .saveActivated a
{
        transition: all 0.5s ease-in-out;
        color: red !important;
}

#clf_rightSide #containerHist
{
        background-color: #efefef;
        color: white;
        font-size: 10pt;
        text-align: center;
        margin-left: 20px;
        width: 20%;
        border-radius: 5px;
        padding: 8px 0px;
        transition: all 0.5s ease-in-out;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}

#clf_rightSide #containerHist span
{
        font-size: 9pt;
        font-style: italic;
}


#clf_rightSide #containerHist:hover a
{
        transition: all 0.5s ease-in-out;
        color: #3668c9;
}

#clf_rightSide #containerHist a:hover
{
        text-decoration: none;
}


#clf_rightSide .tabFieldsShadow
{
        box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);
        border-top: 1px solid #eaeaea;
}

#clf_rightSide .tabFieldsShadow:first-child
{
        /*border-left: 1px solid #eaeaea;*/
}

#clf_rightSide .tabActions, #edit_user__dialog .tabActions
{
        float: right;
        margin-bottom: 5px;
        display: flex;
        flex-direction: column;
        padding: 10px;
        border-radius: 5px;
}

#clf_rightSide .tabSave, #edit_user__dialog .tabSave
{
        float: right;
        min-width: 30%;
        margin-right: 22px;
        display: flex;
        font-size: 80%;
        padding-bottom: 5px;
}

#edit_user__dialog .tabSave
{
        margin-right: 16px;
}

#clf_rightSide .tabRef, #edit_user__dialog .tabRef
{
        float: left;
        /*width: 30%;*/
        padding: 10px 2px;
}

#clf_rightSide .tabRef span, #edit_user__dialog .tabRef span
{
        font-weight: bold;
        font-size: 20pt;
}

#clf_rightSide .tabRef em, #edit_user__dialog .tabRef em
{
        font-size: 12pt;
        margin-left: 10px;
}

#clf_rightSide .tabActions .clf_d_others span
{
        text-align: left;
        margin-left: 6px;
        float: inherit;
        width: inherit;
}

#clf_rightSide #containerBtn
{
        text-align: center;
        display: block;
        /*background-color: #eaeaea;*/
        padding: 4px 0px;
        width: 99%;
        border-radius: 0px 0px 10px 10px;
}

#containerBtn .linkAsOption
{
        padding: 10px 20px;
}


.treeCurrent
{

}
#Tree .treePfx, .tree__nav ul li a, #fileGallery_eml .treePfx
{
        font-size: 9pt !important;
        background-color: var(--krm_col_2);
        border-radius: 5px;
        text-align: center;
        padding: 1px;
        color: white;
        width: 18px;
        display: inline-block;
        line-height: 17px;
        transition: all 0.3s ease-in-out;
}

#Tree .treePfxExpanded
{
        border-radius: 5px;
        padding: 1px 3px;
        display: inline-block;
        width: inherit;
        line-height: 17px;
        transition: all 0.3s ease-in-out;
        background-color: var(--krm_col_1);
        color: #0d48e2;
        text-decoration: none;
}

#Tree i.jstree-icon
{
        display: none;
}

#Tree .treeInnerNode
{
       font-size: 8pt;
}
#Tree .treeInnerNode em
{
        font-style: normal;
}

/*ul > .treeNodeCrt a*/
/*{*/
/*        color: var(--krm_col_1);*/
/*        background-color: var(--krm_col_2);*/
/*        border-radius: 5px;*/
/*}*/

#Files #dropAreaV2.areaSmall
{
        float: right;
        width: 280px;
        height: 47px;
        margin-top: -45px;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
}

#Files #dropAreaV2.areaSmall #dropZone
{
        height: 40px;
}

#Files #dropAreaV2.areaBig
{
}

#Files #dropAreaV2.areaSmall #dropZone span
{

}

#Files #dropAreaV2.areaSmall .uplMessage
{
        text-align: center;
        float: left;
        margin-top: 4px;
        height: 20px;
        /*opacity: 0;*/
        transition: all 0.5s ease-in-out;
}

#Files #dropAreaV2.areaSmall #dropZone.dragging .uplMessage
{
        transition: all 0.5s ease-in-out;
        opacity: 1 !important;
}

#Files #dropAreaV2.areaSmall #dropZone:hover
{
        background-color: #efefef;
}

/* BEN -> 12/04/2022 -> Drag & Drop effects */
#Files #dropZone
{
        transition: all 0.5s ease-in-out;
        border: 2px solid transparent;
        background-image: none;
        background-color: white;
}

#Files #dropZone.dragging
{
        border: 2px dashed #aaa;
        background-image: url("/IMGS/dropped.svg");
        background-size: 54%;
}

#Files #dropZone.dragging table, #Files #dropZone.dragging #gwForm
{
        opacity: 0.05 !important;
        transition: all 0.5s ease-in-out;
}

#Files #dropZone.hasItems table
{
        opacity: 0.75;
        /*margin-top: 20px;*/
        border-top: 4px solid #999;
}

#Files #imageUploaderBtnV2
{
        text-align: center;
        background-color: #cccccc21;
        border: 1px solid #dadada;
        border-radius: 5px;
        font-size: 10pt;
        padding-top: 8px;
        margin-bottom: 3px;
        height: 60px;
        transition: all 0.5s ease-in-out;
        flex: 1;
}

#Files #imageUploaderBtnV2 span
{
        width: 75%;
        font-size: 11pt;
        background-color: var(--krm_col_1);
        padding: 10px;
        border-radius: 10px;
        display: block;
        margin: auto;
        transition: all 0.5s ease-in-out;
}

#Files #imageUploaderBtnV2 span:hover
{
        color: #3668c9;
}
/* <---- */

#Files #dropAreaV2.areaSmall:hover .uplMessage
{
        display: block;
        opacity: 1 !important;
}


#Files #dropAreaV2.areaBig .uplMessage
{
        display: none;
        padding: 3px;
        color: black;
        width: 38%;
        margin: auto;
        margin-bottom: auto;
        margin-bottom: 10px;
        text-align: center;
        height: 40px;
        transition: all 0.5s ease-in-out;
}

#Files #dropAreaV2.areaBig .uplMessage:hover
{
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        /*background-image: url("/IMGS/dropped.svg");*/
}


#Files #dropAreaV2.areaSmall #dropZone
{
        min-height: inherit;
        max-height: inherit;
        width: initial;
        border-radius: 10px;
        border: none;
        background-image: url("/IMGS/upload_3.png");
        background-repeat: no-repeat;
        background-position: 0%;
        background-size: 11%;
        margin: auto;
        margin-top:4px;
        overflow: auto;
        padding-top: 0px;
        padding-left: 23px;
        cursor: pointer;
        background-color: white;
}

#Files #dropAreaV2.areaSmall #dropZone:hover
{
        left: 0px;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
}


#Files #dropAreaV2.areaBig #dropZone
{
        padding-right: 0px;
        height: inherit;
        width: inherit;
        /*background-image: url("/IMGS/upload_3.png");*/
        background-position: 95% 10px;
        background-size: 35px;
        transition: all 0.5s ease-in-out;
}

#Files #dropAreaV2.areaBig #dropZone:hover
{
        background-size: 40px;
}

#Files #dropAreaV2.areaBig #dropExplain
{
        background-image: url("/IMGS/upload_3.png");
        color: black;
        height: 64px;
        padding-top: 4px;
        background-position: bottom right;
        /*display: none;*/
}


#Files #dropAreaV2.areaBig #dropExplain:hover
{
        background-size: 17%;
        color: black;
}

#Files #dropAreaV2.areaBig #dropZoneUl #imageUploaderBtnV2
{
        text-align: center;
        background-color: white;
        border: 1px solid #dadada;
        border-radius: 5px;
        font-size: 10pt;
        padding-top: 8px;
        width: 48.5%;
        margin-bottom: 3px;
        height: 60px;
        transition: all 0.5s ease-in-out;
}

#Files #dropAreaV2.areaBig #dropZoneUl #imageUploaderBtnV2 span
{
        width: 75%;
        font-size: 11pt;
        background-color: var(--krm_col_1);
        padding: 10px;
        border-radius: 10px;
        display: block;
        margin: auto;
        margin-top:2px;
        transition: all 0.5s ease-in-out;
}

#Files #dropAreaV2.areaBig #dropZoneUl #imageUploaderBtnV2 span:hover
{
        color: #3668c9;
}


#Files #dropAreaV2.areaBig #dropZoneUl #imageUploaderBtnV2:hover
{
        background-size: 45px;
}


.pc_files_content .fileIdxDel
{
        display: block;
        padding: 3px;
        width: 14px;
        height: 13px;
        background-color: white;
        color: black;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        border: 1px solid var(--krm_col_2);
        font-size: 8pt;
        margin-left: 2px;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        margin: auto;
}

.pc_files_content .fileIdxDel:hover
{
        background-color: red;
        border: 1px solid red;
        border-radius: 2px;
        color: white;
}

.pc_files_content .neutral td
{
        /*background-color: #e8e8e8;*/
        padding: 3px;
}

.pc_files_content .neutral td div
{
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between;
        flex-wrap: wrap;
}

.pc_files_content .neutral .assignFile
{
        display: none;
        background-color: var(--krm_col_1);
}


#clf_rightSide span.user, .detFileTable span.user
{
        font-size: 9pt;
}

#clf_rightSide .gwDiv .initialsObj, .note_div .gwDiv .initialsObj
{
        margin-left: 28px;
}

#clf_rightSide span.date, .detFileTable span.date
{
        font-size: 8pt;
        margin-left: auto;
        word-break: keep-all;
        text-align: center;
}

#clf_rightSide td.date, .detFileTable td.date
{
        font-size: 8pt;
        margin-left: auto;
        word-break: keep-all;
        text-align: center;
        width: 70px;
}

#clf_rightSide td.size, .detFileTable td.size
{
        font-size: 7pt;
        word-break: keep-all;
}

#clf_rightSide span.dateShifted,  .detFileTable span.dateShifted
{
        transition: all 0.5s ease-in-out;
        margin-right: 40px;
}


#clf_rightSide .fieldSetUnattached
{
        background-color: #eaeaea;
        position: absolute;
        opacity: 0.95;
        width: 100%;
        height: 100%;
        /*min-height: 100px;*/
        z-index: 99;
        transition: all 0.5s ease-in-out;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-items: center;
        align-items: baseline;
        justify-content: space-around;
        padding-bottom: 5px;
}

#clf_rightSide .fieldSetUnattached:hover
{
        opacity: 0.98;
        transition: all 0.5s ease-in-out;

}

#clf_rightSide .innerUnattached
{
        font-size: 15pt;
        width: 400px;
        margin-top: 10px;
        color: #777;
        font-weight: bold;
        text-align: center;
}

#clf_rightSide .innerUnattachedSml
{
        font-size: 11pt;
        width: 330px;
        text-align: center;
        background-color: white;
        border: 2px solid rgba(16, 111, 180, 0.82);
        color: rgba(16, 111, 180, 0.82);
        padding: 5px;
        border-radius: 5px;
}

#clf_rightSide .innerUnattachedSml:hover
{
        background-color: #F2E65C3B;
        transition: all 0.5s ease-in-out;
}

#clf_rightSide .icon_add
{
        transition: all 0.5s ease-in-out;
        cursor: pointer;
        color: var(--krm_col_1);
        font-size: 20px;
        float: left;
        margin-right: 10px;
        margin-top: -3px;
}

#clf_rightSide .icon_add:hover
{
        color: white;
}

#clf_rightSide .icon_effect
{
        transition: all 0.5s ease-in-out;
        cursor: pointer;
        color: var(--krm_col_1);
        font-size: 20px;
        float: left;
        margin-right: 10px;
        margin-top: -3px;
}

#clf_rightSide .icon_effect:hover
{
        color: white;
}

#clf_rightSide .str_add
{
        transition: all 0.5s ease-in-out;
        cursor: pointer;
        color: var(--krm_col_1);
}

#clf_rightSide .str_add:hover
{
        color: white;
}


#clf_rightSide #tempAddNote
{
        width: 98%;
        margin-bottom: 20px;
        border: 3px solid var(--krm_col_1);
}

#clf_rightSide #tempAddNote #containerNoteFooter
{
        display: flex;
        justify-content: space-between;
        align-items: center;
}

#clf_rightSide #tempAddNote .containerSave
{
        width: 30%;
        min-width: 100px;
        float: right;
        margin-top: 10px;
        margin-right: 5px;
        margin-bottom: 10px;
}

#clf_rightSide .containerSave button
{
        background-color: transparent;
        border: none;
}

#clf_rightSide .containerSave:hover button
{
        transition: all 0.5s ease-in-out;
        color: #3668c9;
}

#clf_rightSide .containerSave:hover button:disabled
{
        transition: all 0.5s ease-in-out;
        color: #fb5a5a;
}

#clf_rightSide #tempAddNote #containerCounter
{
        min-width: 100px;
        margin-top: 10px;
        margin-left: 5px;
        margin-bottom: 10px;
}

#clf_rightSide #tempAddNote #containerCounter.note-update__start
{
        color: #2980B9;
}

#clf_rightSide #tempAddNote #containerCounter.note-update__limit-close
{
        color: var(--krm_col_1);
}

#clf_rightSide #tempAddNote #containerCounter.note-update__limit-exceeded
{
        color: #fb5a5a;
}

#clf_rightSide #tempAddNote #containerCounter span
{
        font-size: 9pt !important;
}

#clf_rightSide .ck-editor__editable_inline
{
        min-height: 150px;
}

.pc_notes_content .closeButton
{
        /*background-color: #fb5a5a;*/
        /*color: white;*/
        /*padding: 5px;*/
        width: 20px;
        cursor: pointer;
        text-align: center;
        margin-top: -38px;
        position: absolute;
        right: 3px;
        font-weight: bold;
        color: #fb5a5a;
        top: 0;
        background-color: initial;
        padding: 0;
}

.gwNoteContent .closeButton
{
        margin-top: 4px;
}

.pc_notes_content .closeButton:hover
{
        background-color: initial!important;
}

.pc_notes_content .closeButton a
{
        color: #fb5a5a;
}

.pc_notes_content .closeButton a:hover
{
        color: rgba(255,0,0,.5);
}

.pc_notes_content .closeButton a i
{
        font-size: 18px;
}


/* MARCEL -> 17/03/2022 */
#subsetDisplay, #usersHistMenu
{
        background-color: var(--krm_col_2);
        text-align: center;
        border-radius: 5px;
        width: 60px;
        align-self: center;
        padding: 1px 5px;
}

#subsetDisplay .dropbtn, #usersHistMenu .dropbtn
{
        cursor: pointer;
        color: white;
        font-size: 17px;
        padding: 7px 0px 6px 0px;
        border-radius: 5px;
        /*background-color: var(--krm_col_1);*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-width: 30px;
}

#subsetDisplay .dropbtn i.fa-lg, #usersHistMenu .dropbtn i.fa-lg
{
        margin-right: 6px;
}
#subsetDisplay .dropbtn i:nth-of-type(2), #usersHistMenu .dropbtn i:nth-of-type(2)
{
        font-size: 16px;
}

#subsetDisplay .dropbtn:hover, .dropbtn:focus, #usersHistMenu .dropbtn:hover, .dropbtn:focus
{
        color: white;
}

#subsetDisplay .dropdown, #usersHistMenu .dropdown
{
        position: relative;
        display: inline-block;
}

#subsetDisplay .dropdown-content, #usersHistMenu .dropdown-content
{
        display: none;
        position: absolute;
        right: 0px;
        background-color: #f1f1f1;
        min-width: 200px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        border: 1px solid #cecdcd;
        border-radius: 3px;
}

#subsetDisplay .dropdown-content a, #usersHistMenu .dropdown-content a
{
        color: black;
        padding: 12px 10px;
        text-decoration: none;
        display: flex;
        align-items: center;
        font-size: 11pt;
}

#subsetDisplay .dropdown a:hover, #usersHistMenu .dropdown a:hover
{
        background-color: #ddd;
}

#subsetDisplay .dropdown-content a i, #usersHistMenu .dropdown-content a i
{
        width: 22px;
        margin-right: 6px;
}

#subsetDisplay .dropdown-content .dropdown-close-content, #usersHistMenu .dropdown-content .dropdown-close-content
{
        /*display: flex;*/
        /*justify-content: right;*/
        float: right;
}

#subsetDisplay .dropdown-content button, #usersHistMenu .dropdown-content button
{
        margin: 4px;
        /*border: 1px solid #c5c5c5;*/
        /*background: #f6f6f6;*/
        /*color: #777777;*/
        /*font-weight: 600;*/
        background-image: url("images/ui-icons_777777_256x240.png");
        background-position: -96px -128px;
        width: 22px;
        height: 22px;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        display: inline-block;
}

#subsetDisplay .dropdown button:hover, #usersHistMenu .dropdown button:hover
{
        /*background-color: #f1f1f1;*/
        /*transition: all 0.2s ease-in-out;*/
        /*color: #000;*/
        background-image: url("images/ui-icons_555555_256x240.png");
}

#subsetDisplay .show, #usersHistMenu .show
{
        display: block;
}

.initialsObj
{
        display: block;
        padding: 4px;
        width: 14px;
        height: 13px;
        background-color: var(--krm_col_2);
        color: white;
        border-radius: 50%;
        text-align: center;
        font-weight: normal ;
        font-size: 8pt;
        word-break:keep-all;
        margin: auto;
}

.initialsObjSml
{
        display: block;
        padding: 4px;
        width: 11px;
        height: 10px;
        background-color: var(--krm_col_2);
        color: white;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        font-size: 7pt;
        word-break: keep-all;
        margin: auto;
}

.fnVersion, .fnVersion__action
{
        display: inline-block;
        padding: 1px;
        min-width: 14px;
        height: 13px;
        background-color: transparent;
        color: #1f48b2;
        border-radius: 5px;
        text-align: center;
        font-size: 8pt;
        word-break:keep-all;
        border: 1px solid #1f48b2;
}

.fnVersion:hover
{
        background-color: #cecece;
}



/* HIST */
#histContent
{
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
}

#histContent .statsOneHist:nth-child(odd) div
{
        background-color: white !important;
}

.statsOneHist
{
        background-color: white;
        opacity: 1;
        max-height: 270px;
        margin-bottom: 1px;
        min-width: 320px !important;
        /*padding: 0px !important;*/
        width: 100%;
        padding: 3px 0;
        overflow: auto;
}

.statsOneHist .statsDiv {
        background-color: #edf8f0;
        color: black;
        border-top: none;
        min-height: 25px;
        overflow: auto;
        /*padding: 3px;*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
}

.statsOneHist .histIdx
{
        display: block;
        padding: 4px;
        /*width: 14px;*/
        height: 13px;
        background-color: var(--krm_col_2);
        color: white;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        border: 1px solid var(--krm_col_2);
        /*margin-top: 4px;*/
        font-size: 8pt;
        margin-left: 2px;
}
#clf_rightSide .statsOneHist span.date
{
        width: 15%;
        margin-left: 0;
}
/*.statsOneHist .histDetails*/
/*{*/
/*        transition: all 0.5s ease-in-out;*/
/*        padding-top: 10px;*/
/*}*/

.statsOneHist .statsDiv:hover
{
        background-color: #F2E65C3B;
        transition: all 0.5s ease-in-out;
}

.statsOneHist .statsHistContent
{
        overflow: auto;
        max-height: 230px;
        transition: all 0.5s ease-in-out;
        padding-top: 10px;
}

.statsOneHist .histName
{
        display: flex;
        justify-content: space-between;
        align-items: center;
        /*padding-bottom: 2px;*/
        width: 80%;
        flex-wrap: wrap;
}

.statsOneHist .histName .histAction
{
        font-weight: bold;
}

.statsOneHist .histName .histAction b
{
        font-weight: bold;
        background-color: #f4efef;
        border-radius: 5px;
        padding: 2px;
}

.statsOneHist .histName .showMoreHist
{
        align-self: flex-end;
        padding: 0 5px;
        font-size: 20px;
        color: #9a9a9a;
}

.statsOneHist .histName .showMoreHist:hover
{
        color: #000;
}

.statsOneHist .histName .showMoreHist.hide
{
        display: none;
}

.statsOneHist .histName .hShowButton
{
        display: block;
}

.statsOneHist .histName .hHideButton
{
        display: none;
}

.statsOneHist .histDetails
{
        display: none;
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
}

.statsOneHist .histDetails .hDiffTable
{
        width: 100%;
        font-size: 8pt;
        text-align: center;
}

.statsOneHist .histDetails .hDiffTable th
{
        background-color: #dadada4d;
}

.pc_notes_content .highlightFromStats
{
        background-color: rgb(242, 230, 92);
}

#clf_dialog tr.highlightFromStats
{
        background-color: rgb(242, 230, 92) !important;
}

#clf_dialog .pc_container
{
        position: relative;
}

#clf_dialog #Files
{
        position: relative;
}

.tabFields .krmFormTdLegend
{
        width: 25%;
        max-width: 200px;
}

.faSelTable
{
        word-break: break-word;
        width: 100%;
}

#krm_tree_org
{
        /*max-height: 351px;*/
        /*overflow: auto;*/
        position: relative;
        margin-top: 60px;
}

#krm_tree_org li, #krm_tree_org a
{
      color: #8e8d8d;
}

#krm_tree_org li:hover, #krm_tree_org a:hover
{
        color: black !important;
}

#krm_tree_org .treeShown a
{
        color: black !important;
}

#krm_tree_org .jstree-clicked
{
        color: black !important;
}

.krmFormTdLegend[data-url]:not([data-url=""])
{
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        text-decoration: underline dotted white;
}

.krmFormTdLegend[data-url]:not([data-url=""]):hover
{
        color: rgba(232, 228, 188, 0.99) !important;
}

.krmFormTdData input[type='text']:read-only
{
        background-color: #f1f0e2;
}

.krmFormTdLegend a
{
        color: white !important;
}

.pc_tree
{
        overflow-x: hidden;
        padding-left: 10px;
        position: relative;
}



th.th__col0, td.td__col0
{
        width: 3%;
        /*overflow: hidden;*/
        text-align: center;
}

th.th__col1, td.td__col1
{
        width: 10%;
        /*overflow: hidden;*/
        text-align: center;
}

th.th__col2, td.td__col2
{
        width: 7%;
        /*overflow: hidden;*/
        text-align: center;
}

th.th__col3, td.td__col3
{
        width: 30%;
        /*overflow: hidden;*/
        text-align: center;
}

.highLightSaveBtn
{
        color: red;
}



.copyFromToTable
{
        width: 100%;
}

.copyFromToHead
{
        width: 100%;
        text-align: center;
        color: white;
        font-weight: bold;
        background-color: var(--krm_col_2);
        margin: 20px 0;
}

.copyFromToHead i
{
        color: var(--krm_col_1);
}

.copyFromToTable tr:nth-child(odd)
{
        background-color: #eaeaea;
}

.copyFromToTable td
{
        padding: 4px;
        border: 1px solid white;
}

.copyFromToTable td.labelTd
{
        width: 15%;
        text-align: right;
}

.copyFromToTable td.fieldTd
{
        width: 40%;
        text-align: center;
}

.copyFromToTable td.checkboxTd
{
        width: 5%;

}

.copyFromToTable .clSubBtns
{
        display: none;
}

.copyFromToTable .clDep
{
        /*border: none;*/
        margin-top: 0;
        /*border-radius: 0;*/
        width: 472px;
        overflow: auto;
        height: 136px;
        position: relative;
}

.copyFromToTable .clDep .divDevActions
{
        display: none;
}

.copyFromToTable .clDep .tabDepContainer
{
        margin-left: 0;
        padding-right: 0;
}

.copyFromToTable .clDep .tabDepContainer tr:nth-child(odd)
{
        background-color: #edf8f0;
}

.copyFromToTable .clDep .tabDepContainer tr:first-child
{
        position: sticky;
        top: 0;
        height: 22px;
        color: white;
        background-color: var(--krm_col_2);
}

#copyEntSel
{
        flex-basis: 100%;
}

.clf_FlexWrap span
{
        flex-basis: 100%;
}

.hlt_btn_sml
{
        margin-top: 3px;
        align-self: center;
        padding: 4px;
}

.clf_innerBtn
{
        display: flex;
}

.hlt_btn_cal
{
        width: 14px;
        margin: auto;
        margin-top: auto;
}

.cal_legend
{
        align-self: center;
        flex: 1;
}

.clForm #copyEntDialogOpener
{
        float: left;
        position: relative;
        top: 44px;
        left: -28%;
        margin-bottom: 2px;
        cursor: pointer;
}

.clForm #copyEntDialogOpener:hover
{
        color: var(--krm_col_2);
}

.directClick
{
        float: right;
        width: 20px;
        background-color: transparent;
}

.tdSuffix
{
        margin-left: 2px;
        font-size: 70%;
        font-weight: 200;
        cursor: help !important;
}

.editFile
{
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 2px;
        padding-top: 2px;
}

.editFile a
{
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        text-decoration: none;
}

.editFile a i
{
        font-size: 16px;
        line-height: 16.5px;
}

.editFile a:hover
{
        text-decoration: none;
}

#clf_rightSide .containerSave a:hover
{
        text-decoration: none;
}

#clf_rightSide .edit__file_com__container .clf_edit.saveActivated a
{
        transition: all 0.5s ease-in-out;
        color: #3668c9!important;
}

#clf_rightSide .edit__file_com__container .clf_edit.saveActivated a:hover
{
        transition: all 0.5s ease-in-out;
        color: var(--krm_col_2)!important;
}

.edit__file_com__container .clf_edit.saveActivated
{
        transition: all 0.5s ease-in-out;
        border-color: red !important;
}

.edit__file_com__container .clf_edit img
{
        width: 18px;
        padding: 0;
}

.edit__file_com__container .edit__file_com__text_holder
{
        height: 25px;
        overflow-x: hidden;
        overflow-y: auto;
        border: 0.2px solid var(--krm_col_2);
}

.pc_files_content .fileName .edit__file_com__container span textarea
{
        /*height: 25px;*/
        resize: none;
        border: none;
}

.pc_files_content .fileName .fileName__content
{
        display: inline-block;
        width: 88%;
        /*text-align: center;*/
}

.pc_files_content .fileName .file_desc
{
        margin: 0;
        padding: 0;
        color: #323131;
}

.pc_files_content .fileName .file_desc em:hover
{
        color: black;
        transition: all 0.5s ease-in-out;
}

.pc_files_content .fileName
{
        position: relative;
}

#copy_from__compare_copy
{
        /*padding: 4px;*/
}

.copyFromToTable
{
        padding-bottom: 15px;
        /*box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);*/
        border-bottom: 1px solid var(--krm_col_2);
}

.editFile .efInput
{
        /*width: 80% !important;*/
        font-size: 9pt !important;
        /*width: calc(100% - 60px);*/
        width: calc(100% - 46px);
}

.gallery_files_height .editFile .efInput
{
        width: calc(100% - 46px);
}

.editFile section
{
        display: flex;
        width: 100%;
}

.editFile section .fnExtension
{
        margin-top: 3px;
        flex: 1;
}

.editFile .efTextarea
{
        /*width: 85% !important;*/
        height: inherit !important;
        /*flex: 1;*/
        font-size: 9pt !important;
        /*margin-right: 5px;*/
        margin-top: 3px;
        font-style: italic;
        color: black;
        resize: none !important;
        box-sizing: border-box;
        /*width: calc(100% - 54px);*/
        width: calc(100% - 40px);
}

.gallery_files_height .editFile .efTextarea
{
        width: calc(100% - 40px);
}

.editFile .efClose a
{
        transition: all 0.5s ease-in-out;
        color: #eb4141 !important;
}

.editFile .efSave a
{
        transition: all 0.5s ease-in-out;
        color: #474747 !important;
}

.editFile .efSave a:hover
{
        transition: all 0.5s ease-in-out;
        color: black !important;
}

.editFileBtn a
{
        font-size: 11pt;
        color: gray;
        vertical-align: top;
}

.editFileBtn a:hover
{
        transition: all 0.5s ease-in-out;
        color: #3668c9 !important;
}


.hDiffTable td, th {
        /*border: 1px solid #dddddd;*/
        padding: 7px;
}

.hDiffTable tr:nth-child(odd)
{
        background-color: #dadada4d;
}

.histAction img.wkfIcons
{
        margin-left: 0;
        width: 13.33px;
        margin-top: 0;
        margin-bottom: -2px;
}

/*.histActionContainer*/
/*{*/
/*        display: flex;*/
/*        width: 100%;*/
/*        align-items: center;*/
/*}*/

.histActionContainer .histActIcon
{
        margin-right: 10px;
}

/*.histActionContainer .histAction*/
/*{*/
/*        width: 30%;*/
/*}*/

/*.histActionContainer .histActionExtract*/
/*{*/
/*        width: 70%;*/
/*        text-align: center;*/
/*}*/

.pc_files_content .fileName
{
        position: relative;
}

.pc_files_content.fileMP
{
        background-color: #aaa;
        padding: 5px;
        width: 95%;
        border-radius: 5px;
        color: white;
        margin-top: 5px;
}

#fileOtherVersions img
{
        width: 70px;
}

#fileOtherVersions table
{
        width: 100%;
        background-color: transparent;
}

#fileOtherVersions table td
{
        color: black;
}

#Files legend
{
        float: left;
}

#Files .gallery_options
{
        /*float: right;*/
        font-size: 16px;
        /*position: absolute;*/
        /*right: 14px;*/
}

.files_gallery.krm__hidden, .files_minimize.krm__hidden, .files_maximize.krm__hidden
{
        display: none;
}

.files_max_content
{
        /*flex:1;*/
}

.files_max_content.files_height_content
{
        /*min-height: 750px;*/
}

.pc_files_content .image img.img_maximize_width
{
        width: 50px;
}

.pc_files_content .image img.img_auto_width
{
        width: 80%;
        object-fit: contain;
}

table.detFileTable tbody.gallery_table_flex
{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}

table.detFileTable tr.gallery_tr_column
{
        display: flex;
        flex-direction: column;
        box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);
        border-top: 1px solid #eaeaea;
        width: 300px;
        background-color: #eaeaea4a;
        margin: 8px 5px;
        flex-flow: wrap;
        padding: 2px;
}

table.detFileTable tr.gallery_tr_column td.image
{
        flex-basis: 100%;
        order: 10;
}

table.detFileTable tr.gallery_tr_column td.image img
{
        max-width: 100%;
}

table.detFileTable tr.gallery_tr_column td.fileName
{
        order: 11;
        flex-basis: 100%;
}

table.detFileTable tr.gallery_tr_column td.size
{
        order: 2;
}

table.detFileTable tr.gallery_tr_column td.date
{
        order: 3;
}

table.detFileTable tr.gallery_tr_column td.user
{
        flex: 1;
}

table.detFileTable tr.gallery_tr_column td.entity
{
        order: 9;
        margin-left: 10px;
}

table.detFileTable tr.empty-tr
{
        background: unset;
        width: 300px;
        margin: 8px 5px;
}

table.detFileTable tr .gallery_files_header
{
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
}

table.detFileTable tr .gallery_files_footer
{
        display: flex;
        justify-content: space-between;
        margin-top: 5px;
}

.pc_files_content.gallery_files_height, #dropZone.gallery_files_height
{
        min-height: unset;
        max-height: unset;
        overflow: unset;
}

#user__pass
{
        width: 100%;
}

.krmFormTdData .user_input_pass_group
{
        display: flex;
        align-items: center;
}

.krmFormTdData .user_input_group_addon
{
        margin-left: 4px;
}

#user__pass .clForm table.tabContainer td.fieldHolder:first-child
{
        width: unset;
}

#user__pass .clForm table.tabContainer td.fieldHolder
{
        width: unset;
        background-color: #AAAAAA;
}

#user__pass .clForm table.tabContainer td.fieldHolder
{
        padding: 10px 0;
}

#user__pass .clForm table.tabContainer td.td_btn_container
{
        padding-right: 5px;
}

#pass_change__title
{
        font-size: 16pt;
        font-weight: bold;
        padding: 10px 10px 0px 10px;
        margin-top: 10px;
        width: 97%;
}

.clf_edit.hlt_stats_btn
{
        margin-top: 3px;
}

.clf_edit.hlt_stats_btn img
{
        width: 13px;
        padding: 2px;
}

.users__status
{
        display: block;
        margin: 0 auto;
        width: 14px;
        height: 14px;
        border-radius: 50%;
}

.users__status.user_status__enable
{
        background-color: #0e960e8f;
}

.users__status.user_status__disable
{
        background-color: rgba(255,0,0,.3);
}

.user_act_content
{
        display: flex;
        align-items: center;
}

.user_act_content .td_user_act
{
        padding: 4px 6px;
}

.user_act_content .td_user_act.hlt_stats_btn
{
        padding: 0;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history legend
{
        background-color: unset;
        padding: unset;
        color: unset;
        border-radius: unset;
        width: 100%;
        overflow: initial;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container
{
        display: flex;
        justify-content: space-between;
        width: 98%;
        box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);
        border-top: 1px solid #eaeaea;
        padding: 10px 4px;
        margin-bottom: 10px;
        align-items: center;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legLeft, #clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .entity_history_legLeft
{
        display: flex;
        align-items: center;
        flex: 1;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legLeft .user_histTitle
{
        background-color: var(--krm_col_2);
        padding: 8px;
        color: white;
        border-radius: 5px;
        max-width: 150px;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legLeft .user_goToHistPage
{
        border: 1px solid transparent;
        padding: 7px;
        border-radius: 5px;
        margin-right: 4px;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legLeft .user_goToHistPage:hover
{
        border: 1px solid var(--krm_col_1);
        background-color: var(--krm_col_1);
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legRight .hDate, #clf_rightSide.clf_Details #Stats .hist__header_content .entity_history_legend_container .entity_history_legRight .hDate
{
        display: flex;
        align-items: center;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legRight, #clf_rightSide.clf_Details #Stats .hist__header_content .entity_history_legend_container .entity_history_legRight
{
        margin-right: 4px;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legRight .hDate fieldset, #clf_rightSide.clf_Details #Stats .hist__header_content .entity_history_legend_container .entity_history_legRight .hDate fieldset
{
        margin: 0;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legRight .btn_restore, #clf_rightSide.clf_Details #Stats .hist__header_content .entity_history_legend_container .entity_history_legRight .btn_restore
{
        border: 1px solid transparent;
        padding: 5px;
        border-radius: 5px;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legRight .hOpenInNew, #clf_rightSide.clf_Details #Stats .hist__header_content .entity_history_legend_container .entity_history_legRight .hOpenInNew
{
        display: flex;
}

#clf_rightSide.clf_Details #Stats .fieldset_user_history .user_history_legend_container .user_legRight .btn_restore:hover, #clf_rightSide.clf_Details #Stats .hist__header_content .entity_history_legend_container .entity_history_legRight .btn_restore:hover
{
        border: 1px solid var(--krm_col_1);
        background-color: var(--krm_col_1);
}

#clf_rightSide .detModule
{
        border-top: 2px solid var(--krm_col_1);
}

/* BEN -> 27/01/2023 -> CSS for tree displayed on the yellow left side banner */
#subsetDisplay.users_subsetDisplay, #usersHistMenu.users_subsetDisplay
{
        width: unset;
        padding: 4px 2px;
}

#subsetDisplay.users_subsetDisplay  .dropbtn, #usersHistMenu.users_subsetDisplay  .dropbtn
{
        min-width: unset;
        width: unset;
}

#subsetDisplay.users_subsetDisplay  .dropbtn i.fa-lg, #usersHistMenu.users_subsetDisplay  .dropbtn i.fa-lg
{
        margin-right: 0;
}

#clf_rightSide.clf_Details #Stats.userStatsContent
{
        min-height: 250px;
}

.clSub tbody tr.highlightConnectedUserInTable
{
        background-color: rgb(203, 221, 245);
}

#usersHistMenu .dropbtn
{
        padding: 6px 2px 13px;
}

.users__tooltiptext
{
        display: none;
        visibility: hidden;
}

.clSub tbody tr.disabled__user_highlight
{
        color: red;
}

.genDialog.genDialogDisabled
{
        border: 15px solid #E1AAAAD6 !important;
}

#edit_user__dialog #containerDisable, #edit_user__dialog #containerEnable
{
        width: 150px;
}

#edit_user__dialog #containerEnable.top_btn
{
        box-shadow: 0 2px 4px 1px #3668c9;
        border: 2px solid white;
}

#edit_user__dialog #containerEnable:hover
{
        color: #3668c9;
        border: 2px solid var(--krm_col_1);
        box-shadow: 0 2px 4px 1px var(--krm_col_1);
}

#edit_user__dialog #containerEnable:hover a
{
        color: #3668c9;
}

#form_USERS .krm_wysiwyg_manual, #edit_user__dialog .krm_wysiwyg_manual
{
        cursor: pointer;
}

#form_USERS .krm_wysiwyg_manual:hover, #edit_user__dialog .krm_wysiwyg_manual:hover
{
        text-decoration: underline;
}

.userStatsContent .clSub th
{
        color: black;
}

.userStatsContent .clSub tbody tr:nth-child(2n)
{
        background-color: initial;
}

#Stats .histEntry__alert_color .statsDiv
{
        color: red;
}

.krmFormTdData .user_input_pass_group .fa, .histActionContainer .histActIcon .fa, .histActionContainer .histActIcon .fa-light
{
        width: 18px;
}

.krmFormTdData .directImg
{
        max-height: 100px;
}

.user_history_legend_container .user_legLeft .radio_menu span
{
        border-radius: 5px;
        box-shadow: 3px 3px 3px 0 #c0c0c0;
        border-top: 1px solid #d7e1eb;
        border-left: 1px solid #d7e1eb;
        padding: 2px 10px;
        margin-right: 4px;
}

.user_history_legend_container .user_legLeft .radio_menu input
{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        border-radius: 50%;
        width: 12px;
        height: 12px;
        border: 1px solid #cecece;
        transition: 0.2s all linear;
        position: relative;
        top: 2px;
}

.user_history_legend_container .user_legLeft .radio_menu input:checked
{
        border: 4px solid var(--krm_col_2);
}

#clf_rightSide .user_history_legend_container .user_legRight input.datepicker
{
        max-width: 90px;
        text-align: center;
}

#histCounterContent
{
        width: 98%;
        text-align: right;
        text-align: end;
}

.hEntry_total
{
        color: #0056b3;
        font-weight: 500;
        font-size: 110%;
}

#Stats .hist__header_content .entity_history_legend_container
{
        display: flex;
        justify-content: space-between;
        /*width: 98%;*/
        /*box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);*/
        /*border-top: 1px solid #eaeaea;*/
        /*padding: 10px 4px;*/
        margin-bottom: 10px;
        align-items: center;
}

#Stats .hist__header_btn
{
        display: flex;
        align-content: center;
        align-items: center;
        background-color: var(--krm_col_2);
        padding: 8px;
        color: white;
        border-radius: 5px;
}

#Stats .hist__header_btn .hEntry_total
{
        color: white;
}

#Stats .hist__header_btn #histCounterContent
{
        margin: 0;
}

#Stats .pc_history legend
{
        width: 100%;
}

#Details [data-wkf-visibility='false']
{
        display: none;
}

.depFileNoThumbnail img
{
        max-width: 50px;
}

.noRulesFieldHighlight
{
        background-color: rgb(203, 221, 245);
}

.editFileBtn
{
        float: right;
	display: flex;
	flex-direction: column;
}

.editFileBtn .krmAiOnFile
{
	width: 15px;
}

.treeInnerVal
{
        color: #787878;
        transition: all 0.5s ease-in-out;
}

.treeInnerVal[data-fi='REF']
{
        color: black;
}

.tree_small_content
{
        width: inherit !important;
}

/*.notes_no_order*/
/*{*/
/*        order: 0 !important;*/
/*}*/

#clf_rightSide .fileName .fileUnavailable a
{
        text-decoration: line-through;
        color: darkred !important;
}

.gallery_table_flex .fileName
{
        text-align: center !important;
}

.gallery_table_flex .user .initialsObj
{
        margin: 0px;
}

.clForm table.tabFields td.krmFormTdData.noRulesFieldHighlight__color
{
        color: #339a61;
}

.clForm table.tabFields td.krmFormTdLegend.noRulesFieldHighlight__background
{
        background-color: #b3c7bc;
        color: #4d483b;
}

.tree__container
{
        display: flex;
        flex-wrap: wrap;
}

.tree__container #krm_tree_org
{
        flex: 1;
}

.tree__nav
{
        /*width: 5%;*/
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 0;*/
        float:right;
}

.tree__nav ul {
        display: flex;
        justify-content: space-between;
}

.tree__nav ul li
{
        list-style: none;
        margin-right: 4px;
}

.tree__nav ul li:last-of-type
{
        margin-right: 0;
}

.tree__nav ul li a
{
        /*font-size: 11pt !important;*/
        /*width: 22px;*/
        /*line-height: 22px;*/
}

.tree__nav ul li a.selectedHighlight
{
        background-color: #b3c7bc;
}

.tree__nav ul li a:hover
{
        transition: all 0.3s ease-in-out;
        background-color: var(--krm_col_1);
        color: #0d48e2;
        text-decoration: none;
}

#krm_tree_org .jstree-children li.showTreeNode
{
        display: block;
}

#krm_tree_org .jstree-children li.hideTreeNode
{
        display: none;
}

.clf_companyName .clf_entity__nav_container
{
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
}

.clf_companyName .clf_entity__nav_container.entNoLatNav
{
        justify-content: center;
}

.pc_notes_content .gwNoteContent a:hover
{
        text-decoration: underline;
}

.pc_notes_content .gwNoteContent a
{
        color: #1f48b2;
}

.pc_notes_content .closeButton a
{
        color: #b21f1f;
}



.clf_FlexWrap.flexEnd
{
        justify-content: flex-end;
}

.btn_container.clf_FlexWrap.spaceBetween
{
        justify-content: space-between;
}

.btn_container.clf_FlexWrap.align-items-center
{
        align-items: center;
}

.hlt_btn_sml.custom_btn
{
        text-align: center;
        border-radius: 5px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
        text-decoration: none;
        border: 1px solid rgba(0,0,0,.3);
        padding: 7.5px;
}

.pc_tree legend
{
        float: left;
}

.appCurrContainer
{
        background-color: #fff;
        border-radius: 5px;
}

.changeAppCurrTitle
{
        font-weight: 600;
}

.appCurrForm
{
        justify-content: space-between;
        align-items: center;
        /*width: 94%;*/
        /*box-shadow: 6px 4px 4px 0px rgba(0,0,0,.3);*/
        margin: 0 auto;
}

.currLbl
{
        text-align: right;
        font-weight: bold;
        background-color: var(--krm_col_2);
        min-width: 36%;
        padding: 4px;
        color: white;
        border-radius: 5px;
}

.currSel
{
        flex: 1;
}

.currSel select
{
        width: 100%;
}

span.currSaveBtn
{
        margin-top: 0;
        line-height: 1.2em;
        background-color: var(--krm_col_1);
        transition: all 0.5s ease-in-out;
        border: 1px solid var(--krm_col_1);
}

span.currSaveBtn:hover
{
        transition: all 0.5s ease-in-out;
        border-color: #3668c9;
        color: #3668c9;
}

span.currSaveBtn.saveActivated
{
        transition: all 0.5s ease-in-out;
        color: red;
}

span#appCurrFormCloser
{
        padding: 3px;
        width: 14px;
        height: 13px;
        background-color: white;
        color: black;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        border: 1px solid var(--krm_col_2);
        font-size: 8pt;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        position: absolute;
        top: -12px;
}

span#appCurrFormCloser:hover
{
        background-color: red;
        border: 1px solid red;
        border-radius: 2px;
        color: white;
}

.changeAppCurrCloseBtn
{
        justify-content: flex-end;
        justify-content: end;
        position: relative;
}

#Details .clSub table
{
        background-color: white;
}

.krmAva_completeField b
{
        color: #3668c9;
        /*border: 1px solid var(--krm_col_2);*/
        border-radius: 2px;
        padding: 2px 4px;
}

.AVA_highglight .krmFormTdLegend
{
        background-color: #3668c9b5 !important
}

.undoDelete__fileVersion.krm_d-none
{
        display: none;
}

.deletedFile__version.krm_d-none
{
        display: none;
}

.statsOneHist .histName .histAction .reactivateFile__version b
{
        background-color: white;
        cursor: pointer;
}

.fnVersion.deletedFile__version
{
        color: darkred;
        border-color: darkred;
}

.fVerTable .versionDeleted, .fVerTable .versionDeleted td, .fVerTable .versionDeleted td a
{
        text-decoration: line-through;
        color: rgba(16, 111, 180, 0.82);
}

p.fVerTable
{
        color: rgba(16, 111, 180, 0.82);
        border: 1px solid rgba(16, 111, 180, 0.82);
        border-radius: 3px;
        text-align: center;
}

#krmCalendarHolder__ava, #krmCalendarHolder__avaBtn
{
        font-weight: normal;
        transition: all 0.5s ease-in-out;
        padding: 3px;
        color: rgba(16, 111, 180, 0.82);
}

#krmCalendarHolder__ava:hover, #krmCalendarHolder__avaBtn:hover
{
        cursor: pointer;
        background-color: #F2E65C3B;
}

#krmCalendarHolder__ava
{
        width: 100%;
}

.avaExisting
{
        background-color: #f0f0f0;
        border: 0px;
        text-align: center;
        /*font-size: 90%;*/
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        min-width: 30%;
        padding: 0px;
        margin: 2px;
        display: flex;
}

.avaExisting:hover
{
        color: rgba(16, 111, 180, 0.82);
}

.avaExisting em
{
        font-style: normal;
        font-size: 80%;
        color: #aeaeae;
}

.avaExpired
{
        margin-top: 10px;
        width: 100%;
        font-size: 9pt;
        align-content: center;
}

.avaExistingHolder {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
        justify-content: space-between;
        max-height: 250px;
        overflow: auto;
        width: 100%;
}

.avaContainerFW {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 15px;
        text-align: center;
        font-size: 80%;
}

.avaExistingContainer
{
        display: flex;
        width: 100%;
        margin-top: 5px;
        flex-wrap: wrap;
        flex-direction: row;
}

.avaExistingContainerAction
{
        margin-bottom: 20px;
        text-align: left;
        font-size: 80%;
}

.avaPast
{
        opacity: 0.55;
        transition: all 0.5s ease-in-out;
}

.avaPast:hover
{
        opacity: 1;
}


.avaUnsaved, .avaUnsaved em
{
        color: darkred;
}

.avaCurrent
{
        margin-top: 10px;
}

.avaCurrent, .avaCurrent em
{
        color: #178c55;
}

.avaDates
{
        background-color: #9f9f9f;
        color: white;
        padding: 5px;
        font-size: 90%;
        min-width: 100px;
}

.avaServ
{
        display: flex;
        padding: 5px;
        justify-content: center;
        align-items: center;
        flex: 1;
        flex-wrap: wrap;
        flex-direction: column;
}

.wForm_buttons
{
        cursor: pointer;
        opacity: 0.8;
        background-color: #0c5460;
        color: white;
        padding: 10px;
        text-decoration: none;
        transition: all 0.5s ease-in-out;
}

.wForm_buttons:hover
{
        opacity: 1;
        text-decoration: none;
}

#addNew__reservation
{
        display: block;
        line-height: 17px;
}

#wForm_save
{
        background-color: #0c5460;
        color: white;
}

#wForm_resend
{
        background-color: #c1c1c1;
        display: none;
}

.krm_inlineCal
{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: baseline;
        /*min-height: 500px;*/
        position: relative;
}

#krmCalendarHolder__avaBtn:hover
{
        background-color: #F2E65C3B;
}



/* SCENARIO S1 css stuff */
.S1_thanks
{
        width: 100%;
}

.S1_done
{
        font-size: 50px;
        text-align: center;
}

.S1_thanks
{
        text-align: center;
        font-size: 15px;
}

.S1_redo
{
        margin-top: 30px;
}

/*.fc-v-event .fc-event-main:hover*/
/*{*/
/*        color: inherit !important;*/
/*        overflow: visible;*/
/*        background-color: inherit;*/
/*        min-height: 54px;*/
/*        height: auto;*/
/*        opacity: 0.8;*/
/*}*/

/* Specific CSS for AVA calendars */
#krmCalendarHolder__ava .fc .fc-toolbar-title
{
        font-size: 1.2em;

}

#krmCalendarHolder__ava .fc .fc-button
{
        padding: 0px !important;

}

#krmCalendarHolder__ava #krmCalendar
{
        max-width: 100% !important;
}

.krmTdMakePlaceHolder
{
        display: none;
}

.krmCalendarHolder__static
{
        text-align: center;
        border: 1px solid black;
        float: left;
        padding: 5px;
}

.swalModifier
{
        text-align: left;
}

.calResa table
{
        margin-bottom: 10px;
}

.calResa table td:first-child
{
        width: 50%;
}

.calResa table td:not(first-child), .calResa table th:not(first-child)
{
        text-align:center;
}

.calResa table.calT1 th
{
        background-color: #6c836c;
}

.calResa table.calT2 th
{
        background-color: #cacaca;
        color: black;
}

.fiMultipleDropZone
{
        padding: 10px;
        text-align: center;
        border: 1px dashed #99b3cc;
        box-sizing: border-box;
        background-color: #fff4e6;
        transition: all 0.5s ease-in-out;
}

.fiMultipleDropZone:hover
{
        cursor: pointer;
        background-color: #ffe4bf;
}

.fiMultipleDropZone.dragging
{
        border: 5px dashed #aaa;
}

.inFormFilesUl
{
        padding: 5px;
        width: 99%;
        box-sizing: border-box;
        /*background-color: #fcfcf0;*/
}

.inFormFilesUl li:nth-child(even)
{
        background-color: #f5f5f5;
}


.inFormFilesUl li
{
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        width: 99% !important;
        padding: 0px !important;
}

.inFormFilesUl .ifDelBtn
{
        width: 15px !important;
}

.inFormFilesUl .ifFileSize
{
        min-width: 50px;
}

.inFormFilesUl .ifFileName
{
        flex: 1;
        word-break: break-all;
        margin-left: 3px;
        position: relative;
}


.inFormFilesUl .ifFileName table
{
        width: 100%;
        background-color: white;
        font-style: normal;
        text-align: center;
        border: 1px solid gray;
        border-radius: 5px;
}

.inFormFilesUl .ifFileName table td, .inFormFilesUl .ifFileName table th
{
        text-align: center !important;
}



.inFormFilesUl .ifFileName table caption
{
        margin-bottom: 5px;
}

.inFormFilesUl .ifFileName .overlay
{
        background-color: #f000;
        position: absolute;
        min-width: 100%;
        height: 25px;
        opacity: 0.6;
        background-image: url("/IMGS/krm_preloader1.gif");
        background-size: 100%;
}

.inFormFilesUl .ifExtension
{
        width: 30px !important;
}

.inFormFilesUl .inFormBuildUp
{
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        padding-right: 10px;
        align-items: center;
}

.inFormFilesUl .inFormBuildUp a
{
        color: rgba(16, 111, 180, 1);
        padding: 3px;
}


.genericUploaderBtn
{
        background-color: var(--krm_col_1);
        padding: 8px 0px;
        border-radius: 5px;
        flex: 1;
        text-align: center;
        transition: all 0.5s ease-in-out;
        cursor: pointer;
}

.genericUploaderBtn:hover
{
        color: #3668c9;
}

#krm_tree_org .defaultClosed ul
{
        height: 110px;
        overflow: auto;
}

#krm_tree_org .defaultClosed
{
        background-color: #fff3f3;
        display: flex;
        flex-direction: column;
}

#krm_tree_org .defaultClosed .jstree-anchor:nth-child(1)
{
        background-color: #cac5c5;
}

#eFacturaBtn img
{
        opacity: 0.7;
        border-radius: 5px;
        transition: all 0.5s ease-in-out;
        width: 90px;
}

#eFacturaBtn img:hover
{
        opacity: 1;
}

#edit_user__dialog #tabForm_USERS input.HighlightOnFieldChange
{
        border: none;
        border: 0.5px solid #92929f;
        padding: 2px 3px;
}

.foundZone
{
        width: 100%;
        margin-bottom: 5px;
        border-radius: 0px 0px 5px 5px;
        background-color: #c9d6d0cc;
        table-layout: fixed;
        width: 100%;
        word-wrap: break-word;
}

.foundZone td.zoneTdVal
{
        text-align: left;
        font-weight: bold;
        width: 168px;
}

.foundZone td.zoneTdSep
{
        width: 5px;
}

.foundZone caption
{
        text-align: right;
        font-size: 80%;
        font-weight:bold;
        padding: 3px 5px;
        font-variant: small-caps;
}

.foundZone tr:nth-child(even)
{
        background-color: rgba(255, 255, 255, 0.55);
}

#Tree .treeInnerNode
{
        font-size: 8pt;
        min-width: 69px;
        display: inline-block;
}


.editFile .efTagInput
{
        /*width: 84%;*/
        margin-top: 3px;
        display: block;
        /*width: calc(100% - 54px);*/
        width: calc(100% - 40px);
}

.gallery_files_height .editFile .efTagInput
{
        width: calc(100% - 40px);
}

.editFile aside
{
        width: inherit;
}

.pc_files_content .neutral td div.file_metas
{
        justify-content: initial;
}

.pc_files_content .neutral td div.file_metas span, table.detFileTable .neutral td div.file_metas span
{
        background-color: var(--krm_col_sort);
        margin-right: 4px;
        border-radius: 5px;
        padding: 2px 4px;
        font-style: normal;
        font-size: 80%;
        font-weight: 500;
        border: 1px solid var(--krm_col_sort);
        cursor: pointer;
}

.pc_files_content .neutral td div.file_metas span.file_tag.krm_f-bold, table.detFileTable .neutral td div.file_metas span.file_tag.krm_f-bold
{
        background-color: var(--krm_col_1);
        font-weight: bold;
        border: 1px solid var(--krm_col_1);
}

.pc_files_content .neutral td div.file_metas span:hover, table.detFileTable .neutral td div.file_metas span:hover
{
        background-color: #f4efef;
}

div.fileTagFilter_container
{
        display: inline-block;
        /*width: 50%;*/
        margin-left: 10px;
        /*margin-right: 20px;*/
        flex: 1;
}

div.fileTagBtn_container
{
        margin-right: 10px;
        /*text-align: center;*/
}

div.fileTagFilter_container .selectize-input
{
        line-height: 14px;
        font-size: 8pt;
}

.pc_files_content .neutral td div.selectize-input {
        border: 1px solid #d0d0d0;
        padding: 8px 8px;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
        border-radius: 3px;
}

.pc_files_content .neutral td div.efTextareaWrapper, .pc_files_content .neutral td div.efFileNameWrapper, .pc_files_content .neutral td div.efTagWrapper
{
        display: block;
        width: 92%;
        text-align: left;
}

.files_max_content .pc_files_content .neutral td div.efTextareaWrapper, .files_max_content .pc_files_content .neutral td div.efFileNameWrapper, .files_max_content .pc_files_content .neutral td div.efTagWrapper
{
        width: 95%;
}

.efDescSection
{
        align-items: end;
        align-items: flex-end;
}

.pc_files_content td.fileName
{
        /* width: 100%; */
}

.selectize-dropdown.wkfTagInput-filter
{
        z-index: 9999;
}

.tagFilterAndOr_container .lcs_wrap
{
        height: 14px;
        width: 42px;
}

.tagFilterAndOr_container .lcs_wrap .lcs_switch.lcs_off
{
        background: var(--krm_col_2);
        box-shadow: 0px 0px 2px var(--krm_col_2) inset;
}

.tagFilterAndOr_container .lcs_wrap .lcs_cursor
{
        width: 14px;
        height: 14px;
        margin-top: -7px;
}

.tagFilterAndOr_container .lcs_wrap .lcs_label
{
        top: 1px;
        font-size: 6pt;
        width: auto;
        line-height: 8pt;
}

.tagFilterAndOr_container .lcs_wrap .lcs_switch.lcs_off .lcs_label_off
{
        right: 5px;
}

.tagFilterAndOr_container .lcs_wrap .lcs_switch.lcs_on .lcs_label_on
{
        left: 7px;
}

.tagFilterAndOr_container .lcs_wrap .lcs_switch.lcs_on .lcs_cursor
{
        left: 25px;
}

#fileGallery_eml .fileTadFilter_container
{
        flex: 1;
}

.fileTagBtn_container a
{
        display: block;
        height: 14px;
        width: 42px;
        border-radius: 30px;
        box-shadow: 0px 0px 2px var(--krm_col_2) inset;
        text-align: center;
        font-size: 8pt;
}

.fileTagBtn_container a:hover
{
        background: var(--krm_col_2);
        color: white;
}

.krmFormTdLegend .appendedCounter
{
        font-size: 75%;
        margin-top: 5px;
        font-weight: normal;
}

.detGDriveTable .trIdHolder b
{
        display: block;
        padding: 3px;
        width: 14px;
        height: 13px;
        background-color: white;
        color: black;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        border: 1px solid var(--krm_col_2);
        font-size: 8pt;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        margin: auto;
}

.detGDriveTable .fileName
{
        text-align: left;
        font-size: 9pt;
}

.detGDriveTable img
{
        width: 20px;
}

.detGDriveTable .gDriveEmptyDir
{
        color: rgba(128, 128, 128, 0.34);
}

.detGDriveTable .gDriveEmptyDir a
{
        color: inherit !important;
}

.krmInnerPreloader
{
        position: relative;
        opacity: 0.9;
        margin-top: 60px !important;
        background-color: white;
        padding: 100px;
}

.krmInnerPreloader .ki_actualPreloader
{
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #C9C37D;
        color: #C9C37D;
        clip-path: inset(-52px);
        animation: d8 2s infinite linear;
        margin: auto;
}

/* KRM AI GPT popup */

.KAI_holder
{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}

.KAI_holder fieldset
{
	border: 1px solid grey;
}

.KAI_holder fieldset legend
{
	font-weight: bold;
	font-variant: small-caps;
	color: var(--krm_ai_bkg_1);
}



.KAI_options2
{
	flex: 1;
}

.KAI_criteria
{
}

.KAI_options
{
	width: 60%;
}

.KAI_rules
{
}

.KAI_buttons
{
	padding: 5px;
	backogrund-color: rgba(128, 128, 128, 0.3);
	width: 100%;
	text-align: right;
	padding-bottom: 20px;
}

.KAI_files_refresh
{
        width: 16px;
        color: black;
        cursor: pointer;
}

.KAI_files_refresh:hover
{
        color: inherit;
}

#selAnalystDetails, #incomingRules, #filePaths
{
	display: none;
}

#Anchors .spawnedLegendAnchor
{
        padding: 5px;
        cursor: pointer;
        background-color: white;
        border-radius: 5px;
        flex-grow: 1;
}

#Anchors:has(.spawnedLegendAnchor)
{
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 5px;
}


.krmTimeAgo-recent
{
        margin-top: 3px;
        font-weight: bold;
}

.recentVariant-5
{
        background-color: green;
        color: white;
        font-size: 9pt !important;
        border-radius: 5px;
        padding: 2px;
}

.recentVariant-4
{
        color: #338d27;
        font-size: 9pt !important;
        font-weight: bold;
}

.recentVariant-3
{
        color: #2e71ff;
        font-size: 9pt !important;
        font-weight: bold;
}

.recentVariant-2
{
        color: #f2895c;
}

.detFileTable .krm_ft_variant1
{
        background-color: var(--validated) !important;
        color: white !important;
}

.detFileTable .krm_ft_variant2
{
        background-color: var(--krm_tags_3) !important;
}

.editModeStr
{
        padding: 6px 4px;
        border-radius: 3px;
        float: right;
        margin-left: 10px;
        margin-top: 3px;
        transition: all 0.3s ease-in-out;
        color: red;
}

.editModeStr:hover
{
        text-decoration:none;
        background-color: #f85c5c;
}

.editLock, .editLock:hover
{
        background-color: #d63d3d !important;
        color: white;
}

#depShortcuts a
{
        font-size: 9pt !important;
        background-color: var(--krm_col_1);
        border-radius: 5px;
        text-align: center;
        padding: 4px;
        width: 40px;
        display: inline-block;
        line-height: 17px;
        transition: all 0.3s ease-in-out;
        margin-left: 10px;
}

#depShortcuts a:hover
{
        transition: all 0.3s ease-in-out;
        background-color: var(--krm_col_sel);
        color: #0d48e2;
        text-decoration: none;
}