@import url('typeWidget.css');
@import url('front.css');
@import url('collectionBuilder/results-with-fa.css');


body {
    overflow: auto;
    margin: 0;
    padding: 0;
}

img {
    border: none;
    vertical-align: middle;
}

input {
    vertical-align: middle;
}

a {
    text-decoration: none;
}

a.mailto, a[href^=mailto],
a.linkInSimpleText {
	cursor: pointer !important;
}

a:hover {
    text-decoration: underline;
}

textarea {
    overflow: hidden;
}

html.wmPfAdmin #queryCont textarea#xmlQuery {
	overflow: auto;
}


select {
	/*width: 100% !important;*/
	/*
	revert commit version 9349. use !important on generic selector here make all specificities rules failed.
	There is no way override this rule without '!important'. If we must use !important, please limit to specific selector.
	https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
	*/
}


.hideForLoading {
    visibility: hidden;
}

.hideForClone {
    display: none;
}

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

.invisibleForHover {
    visibility: hidden;
}

.hideForMode {
    display: none;
}

.hideForModeRead {
    display: none;
}

.hideForModeWrite {
    display: none;
}

.top-buffer{
    margin-top: 15px;
}

.bottom-buffer{
    margin-bottom: 15px;
}

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
/*************** round or square buttons *******************/
img.bt7,
input.bt7 {
    width: 7px;
    height: 7px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt9,
input.bt9 { /* image input */
    width: 9px;
    height: 9px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt10,
input.bt10 {
    width: 10px;
    height: 10px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt11,
input.bt11 { /* image input */
    width: 11px;
    height: 11px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt12,
input.bt12 { /* image input */
    width: 12px;
    height: 12px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt13,
input.bt13 {
    width: 13px;
    height: 13px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt14,
input.bt14 {
    width: 14px;
    height: 14px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt15,
input.bt15 {
    width: 15px;
    height: 15px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt16,
input.bt16 { /* image input */
    width: 16px;
    height: 16px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

img.bt17,
input.bt17 {
    width: 17px;
    height: 17px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

/*******************  pageDiv  ***********************/
.pageDiv,
.pageInnerDiv {
    display: table;
}

.pageDiv {
    width: 100%;
}

/* --- test --- */
/*
form[name="psFormView"] .pageDiv {
    display: table;
    overflow: visible;
    position: relative;
    min-width: 1010px;
    width: auto;
}
*/

form[name="psFormView"] .pageDiv table.viewData,
form[name="psFormView"] .pageDiv table.viewData tr td {
    white-space: nowrap;
}

/* --- test --- */

.pageInnerDiv {
    min-width: 840px;
}


.pageDiv > div,
.pageInnerDiv > div {
    display: table-row;
}

.pageInnerDiv {

}

.wm_dbViewPage.wm_dbViewAsMosaicPage {
	padding-top: 0 !important;
}

.wm_dbViewPage.wm_dbViewAsMosaicPage .wm_topTitleBar,
.wm_dbViewPage.wm_dbViewAsMosaicPage .wm_toolbar {
	position: sticky !important;
}

.wm_dbViewPage.wm_dbViewAsMosaicPage .wm_toolbar {
    top: 22px !important;
}

.pageInnerDiv .titleBar {
    position: relative;

}

.pageInnerDiv .titleBar .title {
    display: inline-block;
    min-height: 25px;
}

.pageInnerDiv .titleBar .close {
    top: 5px;
    right: 5px;
    position: absolute;
    display: inline-block;
    background: none;
}

.FileSelectionPanel {

}

.FileSelectionPanel .titleBar {
    position: relative;

}

.FileSelectionPanel .titleBar .title {
    display: inline-block;
    min-height: 25px;
}

.FileSelectionPanel .titleBar .close {
    top: 5px;
    right: 5px;
    position: absolute;
    display: inline-block;
    background: none;
}

/*******************  titleBar  ***********************/
.titleBar {
    font-weight: bold;
    letter-spacing: 0.063em;
    white-space: nowrap;
}

.titleBar .title {
    padding: 0.25em 0.5em 0.25em 0.5em;
}

.titleBar .title > span {
    padding: 0 0.125em;
}

.titleBar .controls {
    text-align: right;
    padding: 0 0.5em;
}

.titleBar .close {
    text-align: right;
    padding: 0 0.5em;
}

.titleBar a.scrollToRelatedElements,
.titleBar a.scrollToPageTop,
.titleBar a.toggleAllFields {
    text-decoration: none;
}

/* TODO A Tester*/
.titleBar .actions a {
    text-decoration: none;
    padding: 3px 6px;
    display: block;
    border: 1px solid #FFFFFF;
    border-bottom: none;
    white-space: nowrap;
}

.titleBar .actions a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.titleBar .hideForHover {
    display: none;
}

.titleBar div.viewsMenu {
    visibility: visible;
}

.titleBar .TitleBarView .subHorizontal .menuItem.separateLeft {
    margin-left: 8em;
}

.titleBar .TitleBarView .subHorizontal .menuItem.separateRight {
    margin-right: 8em;
}

.titleBar .TitleBarView .subHorizontal .menuItem.wm_viewMenu.has-sub .menuHeader,
.titleBar .TitleBarView .subHorizontal .menuItem.wm_viewMenu.has-sub .menuHeader * {
    cursor: pointer;
}

.titleBar .TitleBarView .subHorizontal .menuItem.wm_viewMenu.has-sub .menuHeader {
    padding-left: 16px;
}

.titleBar .TitleBarView .subHorizontal .menuItem.wm_viewMenu.has-sub.closed > .menuHeader {
    background: url('/rsrc/img/bt_16_right.png') no-repeat 0px 3px;
}

.titleBar .TitleBarView .subHorizontal .menuItem.wm_viewMenu.has-sub.open > .menuHeader {
    background: url('/rsrc/img/bt_16_down.png') no-repeat 0px 3px;
}


.collectionView .ToolBarView .menuHeader  {
     text-align: left;
}

.collectionView .ToolBarView .subHorizontal .menuItem.RootTableLabel > .menuHeader::after {
    margin-left : 5px;
    content: '|';
}

/*******************  toolbar  ***********************/
.toolbar {
    background: url(/rsrc/img/bg_menu1x25.png) repeat-x top #fff;
    color: #000;
    letter-spacing: 0.063em;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.toolbar .buttstb {
    display: table-cell;
    padding: 0.25em 0.5em;
    white-space: nowrap;
}

.toolbar .buttstb>a {
    text-decoration: none;
}

.toolbar .buttstb>a>span {
    display: table-cell;
    padding: 0em 0.25em;
}

/* TODO A Tester*/
.toolbar .nav b {
    color: #333333;
}

.toolbar .goto a, .toolbar .nav a, .toolbar .nav b {
    text-decoration: none;
    padding: 0 5px;
}

.toolbar .goto a:hover, .toolbar .nav a:hover {
    color: #000000;
    border-top: 1px solid #b7c2ec;
    background-color: #F7F7F7;
}

.toolbar .hideForHover {
    display: none;
}

.toolbar .hideForDisplaySize {
    display: none;
}

.toolbar .quickSearch>span {
    display: table-cell;
    border: 1px solid #A5ACB2;
    background-color: #EFEFEF;
}

.toolbar .quickSearch img {
    width: 0.625em;
    height: 0.625em;
}

.toolbar .quickSearch input {
    border: none;
    font-size: 12px;
}

.toolbar .quickSearch .iconContainer {
    border-left: none;
    padding: 0 0.25em;
    cursor: pointer;
}

.toolbar .N1>.menuItem:hover {
    color: inherit;
}

.toolbar .menuItem.wm_muteMenu {
	pointer-events: none;

	opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
}


/****************  Submit Buttons  ********************/
.formButtons {
    display: table;
    margin: 2em 0 4em 0;
}

.panel div.formButtons {
    margin: 0;
}

.panel .divRecordInfoHeaderHtml div.formButtons {
    margin: 2em 0 4em 0;
}

.wm_recordPageContentWrapper .divRecordInfoHeaderHtml div.formButtons {
	display: inline-flex;
	margin-bottom: 0 !important;
	margin-top: 1em;
}


.formButtons .actionButton,
.formButtons .formButton {
    /*background-image: url("/rsrc/img/bg_menu1x25.png");*/
    background-color: #FFF;
    padding-left: 0.5em;
    padding-top: 0.25em;
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    font-size: 0.688em;
    white-space: nowrap;
    letter-spacing: 0.1em;
    color: #555555;
    border: 1px solid #b7c2ec;
    border-bottom: 1px solid #8493CC;
    display: table-cell;
}

.formButtons .space {
    display:table-cell;
    width: 0.5em;
}

.formButtons .formButton:hover {
    color: #000000;
    border: 1px solid #7287DE;
    border-bottom: 1px solid #b7c2ec;
}

.formButtons .formButton span.text {
    padding: 0.25em;
    display: inline-block; /* In order to make the "text-transform: capitalize" works (it works on block elements, SPAN tag isn't one of this type)*/
}

.formButtons .formButton span.text:first-letter {
    text-transform: capitalize;
}

.formButtons .formButton a {
    text-decoration: none;
    background-image: none;
}

/* TODO A Tester*/
.buttons a {
    font-size: 11px;
    white-space: nowrap;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #555555;
    border: 1px solid #b7c2ec;
    border-bottom: 2px solid #8493CC;
    padding: 2px 9px 2px 5px;
}

.buttons a:hover {
    color: #000000;
    border: 1px solid #7287DE;
    border-bottom: 1px solid #b7c2ec;
}

.buttons img {
    /*margin-right: 6px; SW : Please do not use this!!! It creates a problem with a:hover. Use   instead. */
    vertical-align: middle;
    border: none;
}
/*****************  record fields  *********************/
.modFields .value textarea {
    overflow: hidden;
    vertical-align: middle;
    width: 35em;
}

.modFields .value select {
    vertical-align: middle;
    width: 35.2em;
}

.recFields .modFields .value {
    text-align: left;
    padding-left: 0.625em;
    word-wrap: break-word;
}

.recFields .modFields .value > div {
    clear: both;
}

.recFields .modFields .value .info {
    /*background-color: #EEEEEE;*/
    padding: 3px 6px;
    margin-top: 2px;
}

.viewData .divPlusDetail .group,
.recFields .group {
    /*
    border-top: 1px solid #EFEFEF;
    background-color: #F7F7F7;
    */
    min-height: 18px;
    height: max-content;
    clear: both;
}

.viewData .divPlusDetail .group span,
.recFields .group span {
	float: none !important;
}

.viewData .divPlusDetail .group,
.recFields .group,
.viewData .divPlusDetail .group span,
.recFields .group span {
	padding: 0.15em 0.5em
}







.modFields {
    /*display: table-row;*/
    display: block;
    margin-top: 0.5em;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.modFields div {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.modFields div .RichTxtViewHold pre {
    white-space: pre-line;
}

.modFields > div {
    display: table-cell;
    padding: 1em 0.5em;
    vertical-align: middle;
}

.divPlusDetail .modFields > div {
    padding: 0 0.5em 0.25em;
}


.divPlusDetail .modFields .fieldValue span{
    display: inline-block;
}

.showcaseObjetInfo .divPlusDetail .modFields .fieldValue span{
  padding-top: 1em;
  padding-bottom: 1em;
}


.modFields .fieldLabel {
    width: 15em;
}

.divPlusDetail {
    margin-bottom: 0.5em;
}


.divPlusDetail .modFields .fieldLabel,
.divPlusDetail .displayFields .displayField .fieldLabel {
    width: 12em;
}

.modFields .fieldLabel .name {
    vertical-align: top;
    display: table;
    width: 100%;
}

.modFields .fieldLabel .name > span{
    display: table-cell;
}

.modFields .fieldLabel .name .text {
    min-width: 9em;
    text-align: right;
    padding: 0 0.25em;
    vertical-align: bottom;
}

.modFields .fieldLabel .name .space{
    width: 0.25em;
    min-width: 0.25em;
    max-width: 0.25em;
    vertical-align: bottom;
}

.modFields .fieldLabel .name .space {
    padding: 0 0.25em;
}

.modFields .fieldValue .recordDisplayDiv .divPlusDetail .displayFields .displayField .label .space {
  width: 0.25em;
  min-width: 0.25em;
  max-width: 0.25em;
  vertical-align: bottom;
  padding: 0 0.5em;
}

.modFields .fieldValue {
    /*max-width: 60em;*/
    word-wrap: break-word;
    vertical-align: bottom;
}

.modFields .fieldValue .recordDisplay {
    display: table;
}

.modFields .fieldValue .recordDisplay.richDate {
    display: block;
}

.recFields .group a img {
    margin-right: 6px;
    float: left;
}

.recFields .modFields .boolean input {
    border: none;
    vertical-align: middle;
}

.recFields .modFields .close {
    padding: 0px;
}

.recFields .modFields .help {
    width: auto;
    vertical-align: top;
    padding-top: 6px;
    padding-bottom: 6px;
}



.recFields .modFields .disp input,
.recFields .modFields .hide input {
    /*padding: 0 1px;*/
    border: none;
    /*display: block;
    vertical-align: middle;*/
}

.recFields .modFields .blockValue {
    margin-bottom: 5px;
}

.wmPageRecordDisplay .wm_recordPageContentWrapper {
	padding-bottom: 1em;
}





.FKeyViewHold .fKeyDisplayContainer {
	margin-bottom: 0;
}

/* --- "Add an new record from a linked table" functionality in recordDisplay.jsp --- */

.addRecordToDirectLinkedTableUIContainer {
	text-align: right;
	margin: 0;
	margin-top: 1em;
	right: 0;
	width: max-content;
	display: inline-block;
	float: right;
	clear: both;
	position: relative;
}

#addRecordToDirectLinkedTableUI {
	display: inline-block;
	font-size: inherit;
	height: auto;
	letter-spacing: 0.1em;
	margin: 0;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: right;
	width: auto;
}


#addRecordToDirectLinkedTableUIBt {
	background-color: transparent;
}

#addRecordToDirectLinkedTableUI .addNewLinkedObject {
    cursor: pointer;
}

#objectsList {
    padding-top: 10px;
}

#objectsList li {
    padding-left: 16px; /* = width ot the image */
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 3px;
    font-size: 11px;
    letter-spacing: 0.1em;
    background: transparent url('/rsrc/img/bullet_black.gif') no-repeat;
    list-style-type: none;
}


/*******************************************************/
/* Pages with instructions
(Delete Confirm, Create record on related table, ...) */
/******************************************************/
.instruction {
    padding: 0.5em;
    line-height: 1.5em;
}

.instruction,
.instruction span {
    text-align: center;
}


#filesImporterTool .instruction span.genericMsgImport {
	display: inline-block;
	margin-top: 1em;
	margin-bottom: 1em;
}

#filesImporterTool .instruction,
#filesImporterTool .instruction span {
    text-align: left;
    vertical-align: inherit;
}

#filesImporterTool .instruction span.optionLabel,
#filesImporterTool .instruction span.examplesLabel,
#filesImporterTool .instruction span.example,
#filesImporterTool .instruction span.genericMsgImport  {
	font-weight: normal;
}

#filesImporterTool .instruction span.examplesLabel {
	text-decoration: underline;
}

#filesImporterTool .instruction span.optionLabel,
#filesImporterTool .instruction span.tableLabel,
#filesImporterTool .instruction span.example {
	font-style: italic;
}

#filesImporterTool .instruction span.tableLabel,
#filesImporterTool .instruction span.searchFieldLabel {
	font-weight: bold;
}

#filesImporterTool .instruction span.optionLabel,
#filesImporterTool .instruction span.tableLabel,
#filesImporterTool .instruction span.searchFieldLabel,
#filesImporterTool .instruction span.examplesLabel,
#filesImporterTool .instruction span.example {
	padding: 0;
}

/*
#filesImporterTool .instruction span.examplesLabel {
	padding-left: 0.5em;
}

#filesImporterTool .instruction span.example {
	padding-left: 1em;
}
*/


#filesImporterTool .instruction img {
    padding: 0 0.25em 0 0;
}

#filesImporterTool .instruction img[alt='Point'] {
    margin-left: -0.25em;
}


.wm_pageRecordDelete .confirmDelCascadeMsg {
    padding: 0.5em;
    text-align: center;
}

.instruction span,
.wm_pageRecordDelete .confirmDelCascadeMsg {
    font-weight: bold;
    vertical-align: middle;
}



.loading {
    padding: 0.5em;
}

.loading img {
    padding: 0 0.25em;
}

/*.wm_pageRecordDelete */.recordingList {
    text-align: justify;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.25em 0;
    max-height: 200px;
    overflow: auto;
}

/*.wm_pageRecordDelete */.recordingList .title {
    background-color: #83B8B7;
    padding: 0.125em 0 0.125em 0.25em;
}

/*.wm_pageRecordDelete */.recordingList .recordEven {
    background-color: #FFFFFF;
}

/*.wm_pageRecordDelete */.recordingList .recordOdd {
    background-color: #EEEEEE;
}

/*.wm_pageRecordDelete */.recordingList .recordEven:hover,
/*.wm_pageRecordDelete */.recordingList .recordOdd:hover {
    cursor: pointer;
}

/*.wm_pageRecordDelete */.recordingList .recordEven,
/*.wm_pageRecordDelete */.recordingList .recordOdd {
    display: table-row;
}

/*.wm_pageRecordDelete */.recordingList .recordEven > div,
/*.wm_pageRecordDelete */.recordingList .recordOdd > div {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    /*
    padding: 0.125em 0 0.125em 1em;
    */
    display: table-cell;

    /*display: inline-block;*/
    vertical-align: middle;
}

.wm_pageRecordDelete .deleteNote {
    font-style: italic;
    padding: 0.5em;
}


/********************************/
/******** Page Tree View ********/
/********************************/
/*
.pageDiv .treeContent > table{
    width:99%;
    margin:auto;
}
*/


/*************copy from SpaceWebPage/css thumbnails.jsp*****************************************/

/*******************************************************/
/******** Start Widget FileSet *************************/
/*******************************************************/
.fileSetViewContainer .fileSetControl {
    width: 96%;
}

.fileSetViewContainer .btnDeleteAll {
  float: right;
}

.fileSetViewContainer .fileViewList {
  margin-top: 8px;
}

.fileSetViewContainer .hideOnModeDisplay,
.fileSetViewContainer .hideForEmtpyValue,
.fileSetViewContainer .hideForNotMultiModify,
.fileSetViewContainer .hideForDeleteAll {
    display: none;
}
/*******************************************************/
/******** END Widget FileSet ***************************/
/*******************************************************/

.viewData .txtViewContainter {
  display: inline-block;
  white-space: normal;
}

/*****************css for display div in line start**************************/
.viewTable {
    display: table;
}

.viewRow {
    display: table-row;
}

.viewRow > div{
    display: table-cell;
}

.viewCell {
    display: table-cell;
}

/*****************css for display div in line end**************************/

/*****************css for display FKey widget start**************************/
.blockDisplayContainer .overall{
    border-spacing: 5px 0px;
}

.blockDisplayContainer .TextContainer{
    vertical-align: top;
}

.modFields .fieldValue .recordDisplay.blockSet .recordLabel .action {
    vertical-align: top;
}

.modFields .fieldValue .recordDisplay.block .recordLabel .action {
    vertical-align: top;
}

/*****************css for display FKey widget end**************************/


/* --- Correction for Boolean fields values display in the Advanced search --- */

.searchBody .searchFields table.boolean td {
    float: left;
    padding-left: 0.2em;
    padding-right: 0.2em;

}

.searchBody .searchFields table.boolean td.pad {
    margin-top: -0.2em;
}

/* --- */

body.wm_searchPage .wmCollectionAdvancedSearchForm .searchFields td.pad:not(:first-child) {
	padding-left: 0.7em;
}



#mainContainer.wm_detailsPage .showcaseObjetInfo .containerShowImages .containerIconInner {
    overflow-y: hidden;
}

#mainContainerForIntegration.wm_detailsPageForIntegration .showcaseObjetInfo .conInfo .imgContent .mainImgBox .containerIconInner {
	display: inline-block;
}

.recordInput.recordButtons .radioLabel {
    margin: 0;
    /*
    margin-right: 0.1em;
    margin-left: 0.25em;
    margin-bottom: 1em;
    */
    cursor: pointer;
    display: inline-block;
    padding: 0 1.5em 0 0.5em;
    vertical-align: middle;
}

.panelEditTerm input[type="text"].ui-corner-all {
    -webkit-border-radius : 0;
    -moz-border-radius : 0;
    border-radius : 0;
}

.modalWindowOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
}

.modalWindow {
    position: absolute;
    display: table-cell;
}

.modalWindow .modalWindowTitle {
    position: relative;
    padding: 0.3em 0.3em 0.4em 0.4em;
    font-weight: bold;
    min-height: 20px;
}

.modalWindow .modalWindowTitle .btClose {
    position: absolute;
    right: 0px;
    margin-right: 5px;
}

.modalWindow .modalWindowBody input[type='text'] {
    min-width: 25em;
}

.SelectableComoBox .displayItem {
    position: relative;
}

.clickable {
    cursor: pointer;
}

.TwoColumnSelctionView select{
    width: 100%;
}

.TwoColumnSelctionView select.fieldSelector option:before {
    content: attr(data-content) ;
}

.EnumViewHolder .enumItemView {
    display: inline-block;
}

.EnumViewHolder .enumItemView+.enumItemView {
    margin-top: 0;
    margin-left: 30px;
}

.EnumViewHolder .enumItemView .itemContainer {
    text-align: center;
}

.EnumViewHolder .enumItemView .itemContainer img,
.EnumViewHolder .enumItemView .itemContainer input,
.EnumViewHolder .enumItemView .itemContainer span {
    display: inline-block;
}
.EnumViewHolder .enumItemView .itemContainer img,
.EnumViewHolder .enumItemView .itemContainer span {
    margin-top: 0.5em;

}

.menuItem .plainLabel {
    pointer-events: none;
}

.wm_collectionFolderManagerContainer {
    display: table;
}

.wm_collectionFolderManagerContainer > div {
    display: table-row;
}

.wm_collectionFolderManagerContainer .wm_treeviewContainer,
.wm_collectionFolderManagerContainer .wm_folderManageMainFrameContainer {
    display: table-cell;
    vertical-align: top;
    height: 1px;
}


.wm_collectionFolderManagerContainer .wm_treeviewContainer {
  max-width: 500px;
}


.wm_collectionFolderManagerContainer .wm_resizable  {
    height: 100%;
}

.wm_collectionFolderManagerContainer .wm_treeContent  {
    height: 100%;
}

.wm_collectionFolderManagerContainer .ui-resizable-e {
    width: 5px;

    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
}

.wm_collectionFolderManagerContainer .ui-widget-content {
    border: 0;
}

.wm_collectionFolderManagerContainer .ui-resizable-helper {
    border: 2px dotted;

    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
}


.wm_contentBody .wm_printDataView{

}

.wm_contentBody .wm_printDataView .wm_achieve_job_section_header {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.wm_contentBody .wm_printDataView .wm_print_job_label,
.wm_contentBody .wm_printDataView .wm_print_job_size,
.wm_contentBody .wm_printDataView .wm_print_job_date,
.wm_contentBody .wm_printDataView .wm_print_job_view_btn {
    padding: 0.5em;
}

.wm_contentBody .wm_collectionBasketContent{

}

.wm_contentBody .wm_collectionBasketContent .basketContentFrame {

}

.wm_hideForSelection {
    display: none;
}



.wm_TabItemContainer {
    position: relative;
    clear: both;
}


.wm_ActionInfoContainer {
    text-align: center;
    padding: 1em;
}

.wm_ActionInfoContainer .wm_ActionIcon {
    margin-right: 1em;
}

.wm_ActionInfoContainer .wm_ActionDescription {
    font-weight: bold;
}

/***************** Static CSS for panels and widget start **************************/
.panel .timeset input[type="image"],
.panel .calNav input[type="image"] {
    margin: 1em;
}

/***************** Static CSS for panels and widget end **************************/



/***************** CSS for RecordRules start **************************/

.fieldValue.daValue.lockedByRule {
    cursor: not-allowed;
}

.lockedByRule * {
    pointer-events: none;
}


/* Correction on elements which don't get the default behavior aspect,
So we force it with the default values.
(from Google Chrome's but so this aspect will be the same on each browser, which give more homogeneity). */
input[readonly=readonly],
input[disabled],
[disabled]/*,
.lockedByRule */ /* (background also all behind the field value) */,
.lockedByRule .mceText,
.lockedByRule .mceListBox,
.lockedByRule .mceListBoxEnabled,
.lockedByRule .mce_formatselect {
    color: rgb(84, 84, 84);
    background-color: rgb(235, 235, 228) !important;
    /*border: 1px solid;*/
    cursor: not-allowed;
}

.fieldValue.daValue.lockedByRule .modFields .fieldValue .recordDisplay .recordLabel .action,
.modFields .fieldValue.daValue.lockedByRule  /*.control*/ input[type='image'],
.modFields .fieldValue.daValue.lockedByRule  /*.control*/ input[type='button'] {
    pointer-events: none;
    display: none !important;
}

.fieldValue.daValue.lockedByRule .recordDisplayDiv .displayButton {
    pointer-events: auto;
    cursor: pointer;
}

.fieldValue.daValue.lockedByRule {
    /*border: rgba(0, 0, 255, 0.5) 1px dashed;*/
    border: #D1D2FC 1px dashed;

    /*
    opacity: 0.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    */
}

.fieldValue.daValue.lockedByRule input[type='image'].lockedByRule,
.fieldValue.daValue.lockedByRule input[type='button'].lockedByRule {
    display: none;
}

.actionLockedByRule {
    visibility: hidden;
}
/***************** CSS for RecordRules end **************************/
.pageInnerDiv .wm_recordModifContarintMsgContainer,
.pageInnerDiv .wm_pageErrorMsgContainer {
    margin: 1em 2em;
    border: 1px #990000 solid;
}

.pageInnerDiv .wm_recordModifContarintMsgContainer {
    display: block;
    color : #990000;
    padding : 1em;
}

.wm_invisible {
    visibility: hidden;
}

.recordMaskPage .wmMaskEditDescription .wmMandatory,
.recordMaskPage .option_item.mandatory {
    color : red;
}
.recordMaskPage .wmMaskEditDescription .wmPresent,
.recordMaskPage .option_item.present {
    color : orange;
}
.recordMaskPage .wmMaskEditDescription .wmInfo,
.recordMaskPage .option_item.info {
    color : blue;
}


#viewCaptionEditSearch {
    display: inline-block;
    vertical-align: inherit;
}

.wm_mmrDataView {

}


.wm_printDataView .btnToggleRunning,
.wm_printDataView .btnToggleDone ,
.wm_mmrDataView .btnToggleRunning,
.wm_mmrDataView .btnToggleDone {
    margin-right: 8px;
}

.wm_mmrDataView .wm_count_success{
    color: green;
}

.wm_mmrDataView .wm_count_success::after {
    content: "/";
}
.wm_mmrDataView .wm_count_success::before {
    content: "(";
}
.wm_mmrDataView .wm_count_fail{
    color: red;
}

.wm_mmrDataView .wm_count_fail::after {
    content: "/";
}

.wm_mmrDataView .wm_count_total{
    color: blue;
}
.wm_mmrDataView .wm_count_total::after {
    content: ")";
}




.wmJs-pageWithSharedKeyword .showcaseObjetContainer {
    padding-left: 200px !important;
    min-height: 50px;
    position: relative;
}

.l-wmSharedKeyContainer {
    width: 150px;
    position: absolute;
    top: 0px;
    left: 20px;
}

.l-wmSharedKeyContainer .signet {
    display: inline-block;
    background-color: #EF4123;
    color: white;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.5em;
    padding: 0.25em;
    margin-top: 0;
}

.l-wmSharedKeyContainer .addNewSharedKeywordBtLink {
    cursor: pointer;
}

.l-wmSharedKeyContainer .addNewSharedKeyword {
    background: url("/rsrc/img/bt_add.png") no-repeat scroll left center transparent;
    margin-left: 3px;
    margin-bottom: 5px;
    padding: 0 15px 0 20px;
    line-height: 16px;
}

iframe#wmCollectionSpecificHeaderIframe,
iframe#wmCollectionSpecificFooterIframe{
    width:100% ;
}

/* --- fix for PowerZoom: --- */
#ddPowerZoomer img {
    max-width: none;
}
/* --- fix for PowerZoom (end) --- */

/* ------------------------------------------------------------------------------------------- */
/* --- This is a "full CSS cross-browser text-overflow ellipsis on several lines" feature: --- */
/* ------------------------------------------------------------------------------------------- */
/* styles for '...' */
.textEllipsisOnSeveralLines {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 3.6em;
	/* fix problem when last visible word doesn't adjoin right side  */
	text-align: justify;

	/* */
	margin-right: -1em;
	padding-right: 1em;

	display: inline-block;
	text-overflow: initial !important;
    white-space: normal !important;
}
.textEllipsisOnSeveralLines:before {
	/* points in the end */
	content: '...';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of block */
	right: 0;
	bottom: 0;
}
.textEllipsisOnSeveralLines:after {
	/* points in the end */
	content: '';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of text */
	right: 0;
	width: 1em;
	/* set width and height */
	height: 1em;
	margin-top: 0.2em;
}
/* --------------------------------------------------------------------------------------------- */
/* --- Ends of the "full CSS cross-browser text-overflow ellipsis on several lines" feature. --- */
/* --------------------------------------------------------------------------------------------- */

/* --- Dedicated part for #mainContainer.wm_resultsAsSlideshowPage --- */

#mainContainer.wm_resultsAsSlideshowPage #maskMenu {
	position: absolute;
	z-index: 1;
}

#tooltip,
[role=tooltip],
.ui-tooltip {
	z-index: 100001 !important;
}

#tooltip span.titre,
#tooltip span.infosSuppl,
[role=tooltip] span.titre,
[role=tooltip] span.infosSuppl,
.ui-tooltip span.titre,
.ui-tooltip span.infosSuppl {
	color: inherit;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer,
#mainContainer.wm_resultsAsSlideshowPage #currentObject {
	text-align: center;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #data-enlargeable {
	cursor: zoom-in;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged {
	display: none;
    width: 100%;
    height: 95%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    /*cursor: zoom-out;*/
    cursor: pointer;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged-close-bt {
	display: none;
    width: 16px;
    height: 16px;
    position: fixed;
    z-index: 10003;
    top: 5px;
    right: 5px;
    /*cursor: zoom-out;*/
    cursor: pointer;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged-close-bt:before {
	content: '[x]';
    width: inherit;
    height: inherit;
}


#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged.hasThumbnail {
    background-size: contain !important;
}



#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged-title {
    background-size: contain !important;
    display: none;
    width: 100%;
    height: 5%;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    left: 0;
    cursor: pointer;
    text-align: center;
    padding: 1%;
	line-height: 16px;
	font-size: 16px;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged-title .makeMeMyToolTip,
#mainContainer.wm_resultsAsSlideshowPage #currentObject .makeMeMyToolTip {
	display: inline-block;
	margin-left: 0.5em;
	height: 16px;
	width: 16px;
	float: none;
}

#mainContainer.wm_resultsAsSlideshowPage #slideshowViewContainer #img-enlarged-title .makeMeMyToolTip .tooltipIcon,
#mainContainer.wm_resultsAsSlideshowPage #currentObject .makeMeMyToolTip .tooltipIcon {
	cursor: help;
	display: inline-block;
}

#sliderNavLeft,
#sliderNavRight {
	z-index: 10002;
	position: fixed;
	width: 75px;
	height: 95%;
	top: 0;
}

#sliderNavLeft {
    left: 0;
}

#sliderNavRight {
    right: 0;
}

#sliderNavLeft.slideNavCnt .slide_prev,
#sliderNavRight.slideNavCnt .slide_next {
    position: absolute;
    top: 50%;
    width: 75px;
    height: 75px;
    cursor: pointer;
    z-index: 2;
    display: table;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}


.ui-tooltip .ui-tooltip-content .titre.noLabel:before,
#sliderNavLeft.slideNavCnt .slide_prev:before,
#sliderNavRight.slideNavCnt .slide_next:before {
	speak: none;
    font-family: nosign;
    font-style: normal;
    font-weight: 400;

    font-variant: normal;
    text-align: center;
    text-decoration: none;
    text-transform: none;

    display: table-cell;
    vertical-align: middle;
    content: '\00b7';
}

#sliderNavLeft.slideNavCnt .slide_prev:before,
#sliderNavRight.slideNavCnt .slide_next:before {
    font-size: 75px;
    font-size: 7.5rem;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-tooltip .ui-tooltip-content .titre.noLabel:before {
	font-size: 10px;
    font-size: 1rem;
    padding-right: 0.5em;
}

#sliderNavLeft.slideNavCnt .slide_prev.off,
#sliderNavRight.slideNavCnt .slide_next.off {
    opacity: 0.2;
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    filter: alpha(opacity=20);

    cursor: default;
}

#sliderNavLeft.slideNavCnt .slide_prev:hover:before,
#sliderNavRight.slideNavCnt .slide_next:hover:before {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}


#startSlideShow {
	display: block;
	padding: 0.25em;
	margin-top: 1em;
 	margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
	-webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.75);
}

#mainImgContainer {
    width: 410px;
    height: 410px;
    padding: 5px;
    margin-top: 1em;
 	margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}


#controllers,
#mainImgInnerContainer {
    height: 400px;
    width: 400px;
   }

#mainImgInnerContainer {
	display: table-cell;
    vertical-align: middle;
   }

#controllers {
    z-index: 1;
    position: absolute;
}

#ctrlStartSlideshow {
	display: block;
	width: 50%;
    height: inherit;
    position: absolute;
    left: 0;
    background: url("/rsrc/img/wm-jc-slideshowResultPageStartBt-v2.png") center center no-repeat;
}

#ctrlGoToObjectDetails {
	display: block;
    width: 50%;
    height: inherit;
    position: absolute;
    right: 0;
    background: url("/rsrc/img/wm-jc-slideshowResultPageGoToDetailsBt.png") center center no-repeat;
}

#controllers {
	opacity: 0;
}

#controllers::before,
#ctrlStartSlideshow::before,
#ctrlGoToObjectDetails::before {
	content: "";
	display: block;
    width: 100%;
    height: inherit;
    position: absolute;
	background-color: #eee;
	opacity: 0.5;
  	}

#controllers:hover {
	opacity: 1;
}


#ctrlStartSlideshow:hover::before,
#ctrlGoToObjectDetails:hover::before {
	background-color: #ccc;
}



#currentObject .currentObjectLink.makeMeMyToolTip {
	width: auto !important;
}

/* --- End of the dedicated part for #mainContainer.wm_resultsAsSlideshowPage --- */


.wmPageRecordModify body,
.wmPageRecordDisplay body{
  min-width : 100%; // TODO Teng a quick hack for solve bnf record popup window change body width
}

.wmPageRecordModify #divRecordInfoHeaderHtml,
.wmPageRecordDisplay #divRecordInfoHeaderHtml {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}


.wm_recordModifyPage .wm_recordPageContentWrapper,
.wmPageRecordDisplay .wm_recordPageContentWrapper {
  display: block;
}

.wmPageRecordDisplay .hiddenDisplay,
.wmPageRecordModify .hiddenDisplay {
    display: none!important;
}

.defaultSystemPageMsg .wm_buttonsContainer {
  display : flex;
  flex-flow:  row wrap;
  justify-content: center;
}


/* --- for unlinkRelatedRecords wizard: --- */
.wm_mmrURRPage main {
	padding: 1em;
}

.wm_mmrURRPage .fieldLabel {
	font-weight: bold;
}

.wm_mmrURRPage .fieldTypeInfo {
	font-weight: normal !important;
}

.wm_mmrURRPage .fieldLabel,
.wm_mmrURRPage .fieldTypeInfo {
	font-style: italic;
	font-size: inherit !important;
	padding: 0;
}

.wm_mmrURRPage .formButtons {
    margin: 1em auto;
}

.wm_mmrURRPage .formButtons a.wmFormButton.formButton {
    margin: 0 1em;
    display: inline-block;
    text-decoration: none;
}
/* --- */

#filesImporterTool.container #uploader_container .plupload_filelist_footer {
    height: 32px !important;
    line-height: 18px !important;
}


#filesImporterTool .instruction{
  padding: 2rem;
  line-height: 2;
}


.WidgetViewHold .wmBtnIcon, /* Info pour Alexis avant d�placement dans fichiers SCSS: surtout pour ".WidgetViewHold .wmBtnIcon" dans affichage view simplifi�e */
.IntViewHold .wmBtnIcon,
.DoubleViewHold .wmBtnIcon,
.EmailViewHold .wmBtnIcon,
.HLinkViewHold .wmBtnIcon,
.ScaledQuantityViewHold .wmBtnIcon,
.TxtViewHold .wmBtnIcon,
.TimezoneViewHold .wmBtnIcon,
.TimeViewHold .wmBtnIcon,
.TimeStampViewHold .wmBtnIcon {
    font-size: inherit !important;
}


body.wm_detailsPage .WidgetViewHold .wmBtnIcon.wmBtnToggleCloseOrOpenAll {
	display: none;
}


.FKeySetViewHold .wmThumbActionWrapper .wmBtnIcon,
.FKeyViewHold .wmThumbActionWrapper .wmBtnIcon {
    margin: 0.05em !important;
}

.viewData tbody tr.recordDataLine .FKeySetViewHold .wmThumbActionWrapper,
.viewData tbody tr.recordDataLine .FKeyViewHold .wmThumbActionWrapper {
    background: transparent !important;
}

/*
.viewData .containerShowImages .containerThumb ~ .containerInfo .title {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}
*/

.wmDefaultCollecPageHeader .wmFrontHeader .headTitleImgContainer .wmIconLink .wmHeaderLinkTextWrapper{
	line-height: inherit;
}
.wmDefaultCollecPageHeader .wmFrontHeader .headTitleImgContainer .wmIconLink {
	align-items : center;
}


.wmCollectionAdvancedSearchForm .wmLinkTypeInputJoin,
.wmCollectionAdvancedSearchForm .wmTxtTypeInputJoin {
    margin-right: 0.5rem;
}

/* --- Start of some little specific enhancements for the Lang's icon displaying in the Record Detail Page of the CollectionBuilder, for the Front-end, on RichTextInter fields. */

body.wm_detailsPage aside.textContainer.col .RichTxtInterViewHold .wmRichTextInterReadContainer .wmRichTxtInterItemWrapper {
	padding-top: 0;
}

body.wm_detailsPage aside.textContainer.col .RichTxtInterViewHold .wmRichTextInterReadContainer .wmRichTxtInterItemWrapper .wmLangIcon {
    width: 40px;
}

body.wm_detailsPage aside.textContainer.col .RichTxtInterViewHold .wmRichTextInterReadContainer .wmRichTxtInterItemWrapper .wmLangIcon ,
body.wm_detailsPage aside.textContainer.col .RichTxtInterViewHold .wmRichTextInterReadContainer .wmRichTxtInterItemWrapper .wmRichTxtViewContainer {
    top: 0;
}

/* --- End of specific enhancements for the Lang's icon / Front-end ... */