body {
  font-family: var(--font-family);
  font-size: var(--font-size);
}

body:not(.wsScroll):not(.wsBlank):not(.wsPopup):not(.wsLogon) {
  background-color : var(--layout-main-background-color);
}

/**************************
     Migration bootstrap
***************************/   
/*
body {
  font-size: 14px;
}

.btn {
  white-space: nowrap;
}

.navbar {
  display: block;
}

span.badge {
  border-radius: 50%;  
  
}

.media-right,
.media>.pull-right {
 padding-left:10px
}
.media-left,
.media>.pull-left {
 padding-right:10px
}
.media-body,
.media-left,
.media-right {
 display:table-cell;
 vertical-align:top
}
*/
/**************************/

::placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}

.wsSmallDevice ::placeholder {color: #aaa}

/* US044 */
html, body {
  height: 100%;
  overflow: hidden;
  color: var(--color) !important;
  -ms-touch-action: none !important;
  touch-action: none !important;
}

body {
  position: relative;
}

body.libertyPopup {
  position: inherit;
}

body,
textarea,
select {
  /* background: none repeat scroll 0 0 #FFFFFF; */
  /* font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; */
  margin: 0;
  padding: 0;
}

frame {
  border: 1px solid #C0C0C0;
}

td,
b,
a,
p,
th,
input,
textarea,
ul,
li,
select,
password {
  /* font-size: 13px; */
}

* {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

td.elDisplay span, 
td.elList0_RO span, 
td.elListPages span, 
td.elTitle span, 
th.elTitle span, 
td.elTreeLine span, 
td.elTreeLineDisabled span, 
td.elTreeLineSel span, 
td.titleText span, 
tr.elTRowCurrent span, 
tr.elTRowEven span, 
tr.elTRowOdd span, 
.elDataList th.elTHead span, 
.quickSearchInf span, 
.search-item h3 span, 
.treeLineSelected a span, 
.treeLineUnused a span, 
.wsLogon td.elTitle span, 
span.edMailFieldOn, 
span.edMailLabelOn, 
span.edMailFieldOff, 
span.edMailLabelOff, 
#HomeQuickSearchOptionsGrThm span {
  
}




.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

html,
body,
div {
  margin: 0;
  padding: 0;
}

table,
tbody,
thead,
tfoot,
th,
tr,
br,
img,
span,
a,
button {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
  vertical-align: baseline;
}

input[type="hidden"] {
  display: none;
}

input[type="password"] {
  border: 0 none;
}

table {
  width: 100%;
}

#topInfo {
  color: #9E9E9E;
  font-size: 12px;
  overflow: hidden;
  padding: 0px 2px;
  margin:0;
}

#topInfo:empty {
  display: none;
}

#topInfo i,
#topInfo a {
  text-decoration:none;
  color: #fff;
  font-size: 12px;
}  

.x-panel-body {
  border: 0 solid var(--border-color);
}

div.wsLogon {
  height: 100%;
  padding-top: 10%;
  vertical-align: middle;
  width: 100%;
}

table.wsLogon {
  height: 350px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  width: 520px;
}

body.wsCommon {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  margin:0px;
}

table.wsCommon {
  height: 100%;
  width: 100%;
}

.wsBlank {
  width: 100%;
}

.wsScroll form {
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}

.wsGrid {
  height: 100%;
  overflow: scroll;
}

.wsNoScroll {
  height: 100%;
  overflow: hidden;
}

.noScroll {
  overflow: hidden;
}

.wsTHPopup {
  height: 100%;
  overflow: hidden;
}

.elPageLayout,
.elMainLayout {
  height: 100%;
  vertical-align: top;
}

.elPageLayoutRcmp {
  height: 100%;
}

#PageLayoutGrpThm_rcmp {
  height: 100%;
}

td.elTreeLnk a {
  /* width: 100% !important; */
  
}

td.elTreeImg {
  text-align: left;
  vertical-align: middle;
  width: 18px;
}

td.elTreeLnk {
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

td.elTreeImgSel {
  background: none repeat scroll 0 0 #CCCCFF;
  text-align: left;
  vertical-align: middle;
  width: 18px;
}

td.elTreeLnkSel {
  background: none repeat scroll 0 0 #CCCCFF;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

div.elZoneLogin {
  
}

div.elZoneError {
  
}
/* le bouton Ok de la page d'erreur ne doit pas s'afficher si la page d'erreur est en popup */
#error-iframe-id #ConveyorMessage .elButton button.btn-primary {
  display:none;
}
div.elZoneMain {
  height: auto;
  z-index: 1;
}

.wsCommon .elPageHeader {
  /* padding-bottom: 5px; */
  
}

.elGrpThmPopupTH .elGrpThmPageHeader {
  display: none;
}

.elGrpThmPopupTH .elPageHeader {
  display: none;
}

table.elZoneMain,
td.elZoneFull,
td.no {
  height: auto;
  width: 100%;
}

div.elZoneFull,
div.no {
  height: auto;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  z-index: 0;
  background: white;
}

div.elZoneFull.transparent,
div.no.transparent {
  background: transparent !important;
}

table.elZoneFull,
table.no {
  height: auto;
  width: 100%;
}

td.elZoneD,
div.elZoneD,
table.elZoneD {
  height: auto;
  width: 100%;
}

table.elZoneD {
  height: auto;
  vertical-align: top;
}

td.elZoneL {
  width: 100%;
}

div.elZoneL {
  width: 100%;
}

table.elZoneL {
  vertical-align: top;
  width: 100%;
}

td.elZoneS {
  width: 100%;
}

div.elZoneS {
  height: auto;
  visibility: visible;
  width: 100%;
  z-index: 1;
}

table.elZoneS {
  vertical-align: top;
  width: 100%;
}

td.elZoneFull,
td.elContainer,
td.elGrpThmWithBorder,
td.elGrpThmWithTitleWithBorder,
td.elGrpThmWithTitle {
  padding-bottom: 0;
}

td.elZoneFull .titleText span,
td.elContainer .titleText span,
.elZoneL .titleText span,
.elZoneS .titleText span,
td.elGrpThmWithTitle .titleText span,
td.elGrpThmWithTitleWithBorder .titleText span,
div.elGrpThm .titleText span {
  font-size: 21px; /*1.15em ?*/
  padding-right: 5px;
}


td.elZoneFull .titleBullet i,
td.elContainer .titleBullet i,
.elZoneL .titleBullet i,
.elZoneS .titleBullet i,
td.elGrpThmWithTitle .titleBullet i,
div.elGrpThm .titleBullet i {
  font-size: 1.4em !important;
  font-weight: normal;
  color: #060606;
}

table.level2 td.titleText span {
  font-size: 12px;
}
table.level2 .titleBullet i {
    font-size: 1em !important;
}



div.elGrpThm .titleBullet i,
td.elGrpThmWithTitle .titleBullet i {
  vertical-align: text-top;
}
.titleBullet i.fa-chevron-right {
  padding-top: 2px;
}

.elZoneLWithBorder .titleText span,
.elZoneSWithBorder .titleText span {
  font-size: 11px;
}

table.elGrpThmWithTitleWithBorder table {
  /* border-spacing: 2px !important;*/
  
}

div.elGrpThmWithBorder,
div.elZoneSWithBorder,
div.elZoneLWithBorder,
div.elGrpThmWithTitleWithBorder {
  border: 1px solid var(--border-color);
  overflow: hidden;
  width: auto;
}

.elToolboxDrawer div.elZoneL {
  width: 247px !important;
}

#ConveyorTaskMainSearch {
  border: 0 none;
  border-radius: 0;
}

div.elZoneL,
div.elZoneS,
div.elGrpThmWithBorder,
div.elGrpThmWithTitle {
  padding-bottom: 0px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

div.elZoneS div.elZoneS,
div.elZoneL div.elZoneL,
div.elGrpThmWithTitle div.elGrpThmWithTitle {
  padding-bottom: 0px
}

div.elZoneL,
div.elZoneS,
td.elGrpThmWithBorder,
td.elGrpThmWithTitle,
td.bulletOnly {
  padding-bottom: 20px !important;
  /* box-sizing: border-box; */
}

div.elZoneS div.elZoneS,
div.elZoneL div.elZoneL,
div.elGrpThmWithTitle div.elGrpThmWithTitle,
div.elGrpThmWithTitle div.elZoneL {
  padding: 0px !important;
}

table.elGrpThmWithTitle tbody,
table.elGrpThmWithTitleWithBorder tbody,
table.elZoneS tbody {
  padding-top: 2px;
}

div.elScrollBox {
  height: 100%;
  position: relative;
}

td.noScroll,
div.noScroll,
table.noScroll {
  height: 100%;
  width: 100%;
}

div.noScroll {
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  vertical-align: top;
  visibility: visible;
  z-index: 0;
}

td.elGrpThmBody,
div.elGrpThmBody,
table.elGrpThmBody {
  height: auto;
  overflow: hidden;
  vertical-align: top;
  width: 100%;
  z-index: 1;
}

td.elPageBody {
  vertical-align: top;
}

div.elAutoResize {
  height: auto;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 1;
}

div.elPageBody {
  height: 1000px;
  width: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: top;
  /*transition: height 1s;*/
}
div.elPageBody.bordered{
  border: 1px solid var(--main-default);
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  background: white;
}
/* affichage de la scrollbar horizontal en layout grid */
.grid.elPageBody {
  overflow: initial;
}

div.elPageBody div.elPageBody {
  height: auto !important;
  width: auto !important;
}

#ZoneEcranPaneChildsObjects,
#ZoneEcranPaneProperties {
  overflow: auto;
}

div.elPopupPageBody,
.elAjaxTHPageBody {  
  margin: 0;
  overflow: auto;
  padding: 0;
  position: relative;
}

div.elTHPageBody {
  margin: 0;
  overflow: auto;
  position: relative;
}

.wsSmartPhone div.elTHPageBody {
  padding: 0px;
}  

.x-window div.elPopupPageBody {
  padding: 5px;
  height: 1000px;
  box-sizing: border-box;
}

div.elPageBodyPadding {
  position: relative;
  width: 100%;
  vertical-align: top;
}

.wsPopup  div.elPageBodyPadding {
  padding:20px;
}

.noPadding>div.elPageBodyPadding {
  padding: 0px;
}

#ParametresV5PaneParamsV5_pd {
  padding: 10px;
}

#ConveyorParamScriptCaseExecutionDetail div.elPageBodyPadding,
#ConveyorParamScriptFileExecutionDetail div.elPageBodyPadding {
  padding: 0px 10px;
  box-sizing: border-box;
}

#ParamScriptFileExecutionGrpThmBody,
#ParamScriptCaseExecutionGrpThmBody {
  /* height: auto !important; */
}

#ZoneEcranPaneProperties_pd,
#ZoneEcranPaneChildsObjects_pd {
  padding-left: 1px;
  padding-right: 1px;
}

#MultipleFileUploadFilesPane_pd {
  padding-top: 0;
}

#MultipleFileUploadFilesPane_pd td.elContainer {
  border-bottom: 0 none;
  border-left: 1px solid #C7D0D8;
  border-right: 1px solid #C7D0D8;
}

#AccessDirectoryGrpThmBody_pd {
  padding-left: 0;
  padding-right: 0;
}

div.elSmartHeader {
  height: auto;
  vertical-align: middle;
}

div.elPageBodySmart {
  /* border-bottom: 1px solid #EEEEEE; */
  /* height: 150px !important; */
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

table.elPageBody {
  vertical-align: top;
}

table.elPopupPageBody {
  height: auto;
}

#YesNoCancelDialogGrpThmBody table.elPopupPageBody {
  height: 100%;
}

td.elPageFooter {
  height: auto;
  overflow: visible;
  width: 100%;
}

div.elPageFooter {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

table.elPageFooter {
  background-position: center top;
  overflow: hidden;
  width: 100%;
}

/* ERGO - US060 */
div.elPageFooter.withButtons {
  padding : 8px 5px;
  box-sizing: border-box;
}

div.elPageFooter.withButtons table.elPageFooter {
  overflow: visible;
}

.wsLogon td.elSubmitButton,
.wsLogon td.elQuitButton {
  border-width: 0;
  text-align: right;
  vertical-align: middle;
}

.wsLogon td.elSubmitButton input {
  margin-right: 12px;
  margin-top: 20px;
}

div.elSubmitButtonHidden {
  height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
}

.wsLogon td.elQuitButton button {
  margin-top: 5px;
}

.wsLogon td.elContextInfos,
.wsLogon td.elContextInfos table {
  height: 1px;
  width: 1px;
}

.wsLogon td.elPassword,
.wsLogon td.elList {
  text-align: left;
}

td.elError {
  vertical-align: middle;
}

img.coheris-img-disabled,
.elBtnAction.disabled .elBtnLabel,
.elBtnAction.disabled i {
  opacity: 0.5;
}

select.disabled{
  opacity:0.5;
  pointer-events:none;
}

img.coheris-img-disabled:hover {
  opacity: 0.4 !important;
}

td.elLink {
  text-align: left;
  vertical-align: middle;
}

.elGrpThmPageHeader {
  height: 52px;
  overflow: hidden;
}

.wsPopup div.elPageHeader,
.wsPopup div.elGrpThmPopupHeader {
  height: 50px;
  margin-bottom: 10px;
  overflow: inherit;
}

.wsPopup td.elGrpThmPopupHeader {
  height: 50px;
}


td.elInput, 
td.elLink, 
td.elTextArea, 
td.elList, 
td.elList0, 
td.elList1, 
td.elList3, 
td.elList4, 
td.elMs, 
td.elDisplay, 
td.elPassword, 
td.elFile, 
td.elPicker, 
td.elCheckBox,
td.elDateTime {
  vertical-align: top;
  padding-bottom: 5px;
  /* width: 100%;*/
}

.grid div.elInput, 
.grid div.elLink, 
.grid div.elTextArea, 
.grid div.elList, 
.grid div.elList0, 
.grid div.elList1, 
.grid div.elList3, 
.grid div.elList4, 
.grid div.elMs, 
.grid div.elDisplay, 
.grid div.elPassword, 
.grid div.elFile, 
.grid div.elPicker, 
.grid div.elCheckBox,
.grid div.elDateTime {
  vertical-align: top;
  padding-bottom: 5px !important;
  width: 100%;
}

.grid div.elInput.hidden, 
.grid div.elLink.hidden, 
.grid div.elTextArea.hidden, 
.grid div.elList.hidden, 
.grid div.elList0.hidden, 
.grid div.elList1.hidden, 
.grid div.elList3.hidden, 
.grid div.elList4.hidden, 
.grid div.elMs.hidden, 
.grid div.elDisplay.hidden, 
.grid div.elPassword.hidden, 
.grid div.elFile.hidden, 
.grid div.elPicker.hidden, 
.grid div.elCheckBox.hidden,
.grid div.elDateTime.hidden {
  padding: 0px !important;
  margin: 0px !important;
}

.grid.elGrpThmLstCol div.elInput, 
.grid.elGrpThmLstCol div.elLink, 
.grid.elGrpThmLstCol div.elTextArea, 
.grid.elGrpThmLstCol div.elList, 
.grid.elGrpThmLstCol div.elList0, 
.grid.elGrpThmLstCol div.elList1, 
.grid.elGrpThmLstCol div.elList3, 
.grid.elGrpThmLstCol div.elList4, 
.grid.elGrpThmLstCol div.elMs, 
.grid.elGrpThmLstCol div.elDisplay, 
.grid.elGrpThmLstCol div.elPassword, 
.grid.elGrpThmLstCol div.elFile, 
.grid.elGrpThmLstCol div.elPicker, 
.grid.elGrpThmLstCol div.elCheckBox,
.grid.elGrpThmLstCol div.elDateTime {
  padding-bottom: 1px!important;
}

td.elMs {
  padding-top: 5px;
}


td.elTextArea {
  height: auto;
}

td.elInput table, 
td.elLink table, 
td.elTextArea table, 
div.elTextArea table, 
td.elList table, 
td.elList0 table, 
td.elList1 table, 
td.elList3 table, 
td.elList4 table, 
td.elDisplay table, 
td.elPassword table, 
td.elFile table, 
td.elPicker table, 
table.elDateTime {
  border-collapse: separate;
  /*border-spacing: 0px;*/
  width: 100%;
  padding: 0px;
  height: 100%; /* activ� pour bouton des listes IHMRulesConditions */
}
@keyframes bg-scrolling {
  100% { background-position: 12px 12px; }
}
#ConveyorZoneEcranApercu td.hidden::before,
#ConveyorZoneEcranApercu div.hidden::before  {
  content: 'HIDDEN';
  top: -100px;
  position: fixed;
}
#ConveyorZoneEcranApercu td.hidden,
#ConveyorZoneEcranApercu div.hidden {
  visibility: visible;
  background: url("../../res_coheristouch/fonds/stripe_6x6.png") round;
  animation: bg-scrolling 3s infinite;
  animation-timing-function: linear;
  text-align: center;
  vertical-align: middle;
  border-radius:15px;
  font-size:10px;
  font-weight: 800;
  height:4px;
}
#ConveyorZoneEcranApercu .elGrpThmLstCol .hidden {
  min-width: 4px !important;
}
#ConveyorZoneEcranApercu .elGrpThmLstCol div.hidden {
  min-height: 4px;
  height: 100%;
  width: 100% !important;
}
.designerApercuSelector {
  z-index:1000;
  position:fixed;
  top:-30px;
  visibility:visible;
  width:2px;
  height:0px;
  border-bottom:2px dashed #0767b9;
  text-align: center;
  font-size: 11px;
}
.designerObjNom label {
  width:100%;
  color:black;
  font-weight:800;
  font-size:14px;
}
#ConveyorZoneEcranChildsObjects_tbody div.elImg {
  padding: 3px 0px 0 5px;
}
.paramFormEditor .designerObjInfo {
  display:none;
}

td.elMs table {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
  padding: 0px;
  height:auto;
}

td.elMs div {
  margin-top: 5px;
}

td.elMs div td.elData {
  vertical-align: top !important;
}

td > table.label-top,
div:not(.label-top) > table.label-top,
div.label-top {
  padding: 0px 10px 0px 10px !important;
  box-sizing: border-box;
}

/** Special case : padding not apply for table in div */
div:not(.label-top) > table.label-top {
  border-collapse: separate;
}

.elList2 table.label-top {
  padding: 0px 0px 0px 0px !important;
}


td.elRadio table.label-top,
td.elCheckBox table.label-top {
  display: block;
}

td.elList_RO table,
td.elPicker_RO table,
td.elList0_RO table,
td.elList1_RO table,
td.elList3_RO table,
td.elList4_RO table,
td.elInput_RO table,
td.elTextArea_RO table,
div.elTextArea_RO table {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
  padding: 3px;
}
/* US044*/
td.elInput_RO,
td.elPassword_RO,
td.elFile_RO,
td.elList_RO,
td.elList0_RO,
td.elList0_RO,
td.elList1_RO,
td.elList1_RO,
td.elList3_RO,
td.elList4_RO,
td.elTextArea_RO,
div.elTextArea_RO,
td.elList4_RO,
td.elPicker_RO,
input.elListUsers_RO,
input.elListGroups_RO,
td.elList0.elInput_RO td.elData span {
  /* height: 25px; */
  vertical-align: top;
  /*padding-bottom: 10px;*/
}

td.elPassword_RO table,
td.elFile_RO table,
td.elPicker_RO table,
table.elCheckBox {
  width: auto;
}

.elCheckBox table {
  width: auto;
}

/* US044 */
td.elInput td.elLabel, 
td.elInput_RO td.elLabel,
div.elInput_RO td.elLabel,  
td.elPassword td.elLabel,
td.elRadio td.elLabel, 
td.elList td.elLabel, 
td.elList0 td.elLabel, 
td.elList1 td.elLabel,
td.elList3 td.elLabel, 
td.elList4 td.elLabel, 
td.elMs td.elLabel, 
td.elList_RO td.elLabel, 
td.elList0_RO td.elLabel, 
td.elList1_RO td.elLabel, 
td.elList3_RO td.elLabel, 
td.elList4_RO td.elLabel, 
td.elDisplay td.elLabel, 
td.elFile td.elLabel, 
td.elPicker td.elLabel, 
td.elPicker_RO td.elLabel,
div.elPicker_RO td.elLabel, 
.elSTool td.elLabel, 
td.elLink td.elLabel, 
.elTextArea td.elLabel, 
.elTextArea_RO td.elLabel, 
.elDateTime_RO td.elLabel, 
.elDateTime td.elLabel, 
.elCheckBox td.elLabel, 
.elCheckBox_RO td.elLabel, 
td.elSearchLabel {
  font-size: var(--labels-font-size);
  /*height: 21px;*/
  padding-right: 5px;
  text-align: right;
  vertical-align: middle;
  width: 125px;
}

td.elLabel.labelOnlyIcon {
  width: 16px !important;
  font-size : inherit !important;
}

/* US044 */
.elLabel.top {
  width: 100% !important;
  text-align: left !important;
  padding-right: 0px !important;
}

.elDateTime .elLabel.top {
  width: auto !important;
}

td.elCheckBox td.elLabel {
  padding-left: 2px;
  text-align: right;
  vertical-align: middle;
  width: 125px;
}

td.elCheckBox.right td.elLabel {
  padding-left: 5px;
  padding-right: 0;
  text-align: left;
}

td.elTextArea td.elLabel, 
td.elTextArea_RO td.elLabel, 
td.elMs td.elLabel {
  padding-right: 5px;
  text-align: right;
  vertical-align: top;
  width: 125px;
}

td.elLabel:not(.top) label {
  float: left;
  width: 125px;
  margin-bottom: 0px;
}
/* US030 mise en forme des champs dans les GrpThmListColumn */
.elGrpThmLstCol td.elLabel:not(.top) label {
  width: auto;
  font-size: var(--font-size);
  font-weight: bold;
  color: var(--chapsvision-ink-black);
}

td.elInput td.elData, 
td.elPassword td.elData, 
td.elTextArea td.elData, 
div.elTextArea td.elData, 
td.elList td.elData, 
td.elList0 td.elData, 
td.elList1 td.elData, 
td.elList3 td.elData, 
td.elList4 td.elData, 
td.elMs td.elData, 
td.elPicker td.elData {
  /*padding-right: 5px;*/
  /* vertical-align: top; */
  width: auto;
  text-align: left;
  box-sizing: border-box;
  vertical-align: bottom;
}

td.elData table {
  border-spacing: 0px;
}

td.elData td.elData {
  padding: 0px;
}

td.elTextArea table.tableForExternalParticipantsTextArea td.elData, 
div.elTextArea table.tableForExternalParticipantsTextArea td.elData {
  display: block;
}

/* Suppression de la transparence pour ce textarea */
td.elTextArea table.tableForExternalParticipantsTextArea textarea:hover,
div.elTextArea table.tableForExternalParticipantsTextArea textarea:hover {
  background-color: #f6f6f6 !important;
}

td.elList0 td.elData {
  padding-right: 0;
}

td.elTextArea td.elData,
div.elTextArea td.elData {
  height: 100%;
  position: relative;
}

td.elCheckBox td.elData {
  /* float: left; */
  padding-left: 2px;
  padding-right: 2px;
  width: 15px;
}

td.elTextArea_RO td.elData,
div.elTextArea_RO td.elData,
td.elInput_RO td.elData,
div.elInput_RO td.elData {
  /*padding-right: 2px;*/
  vertical-align: middle;
  width: 100%;
}

td.elList_RO td.elData,
td.elList1_RO td.elData,
td.elList3_RO td.elData,
td.elList4_RO td.elData,
td.elDisplay td.elData,
td.elPicker_RO td.elData
{
  vertical-align: top;
  width: auto;
}

td.elInput_RO td.dataBorder,
td.elTextArea_RO td.dataBorder {
  
}

td.elPicker td.elData,
td.elPicker_RO td.elData {
  line-height: 0;
}

td.elList2 {
  vertical-align: top;
}

td.elSeparator {
  padding: 0;
  vertical-align: middle;
  width: 2px;
}

td.elData span.fakeInput, 
td.elList1 input, 
td.elList3 input, 
td.elList4 input, 
td.elPicker input, 
td.elPassword input, 
.elInput input, /* POC grid */
td.elFile input,
div.elDateTime input,
td.elDateTime input {
  box-sizing: border-box;
  height: 27px;
  line-height: 25px;
  margin-left: auto;
  padding: 0 0 0 5px;
  width: 100%;
  text-overflow: ellipsis;
  /* border: 0; */
  /* background-image: linear-gradient(#9C27B0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); */
  /* background-size: 0 2px, 100% 1px; */
  /* background-repeat: no-repeat; */
  /* background-position: center bottom, center calc(100% - 1px); */
  /* background-color: transparent; */
  /* transition: background 0s ease-out; */
  /* float: none; */
  /* box-shadow: none; */
  /* border-radius: 0; */
  /* font-weight: 400; */
}

/* affichage des DataList avec showMode=1*/
select {
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
}

td.elDataListBox select {
  height: auto;
  overflow: auto;
}

div.elDateTime input,
td.elDateTime input {
  /* width: auto; */
  padding-right: 14px;
}

td.elList0 textarea, 
.elTextArea textarea, 
td.elList1 textarea, 
td.elList4 textarea,
td.elMs textarea, 
td.elList3 textarea {
  /* border: 1px solid var(--border-color); */
  /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; */
  box-sizing: border-box;
  font-size: 13px;
  height: 100%;
  margin-left: auto;
  overflow: auto;
  padding: 0px 0px 0px 3px;
  width: 100%;
  vertical-align: bottom;
}

td.elMs textarea { 
  height: var(--input-height);
  line-height: var(--input-height);
  white-space: nowrap;
  overflow: hidden;
  padding-left: var(--input-padding);
  padding-right: var(--input-padding);

  -webkit-border-top-left-radius: var(--input-radius);
  -webkit-border-bottom-left-radius: var(--input-radius);
  -moz-border-radius-topleft: var(--input-radius);
  -moz-border-radius-bottomleft: var(--input-radius);
  border-top-left-radius: var(--input-radius);
  border-bottom-left-radius: var(--input-radius);
}

/* US044 */
span.fakeInput {
/*  background-color: #F2F2F2 !important; */
/*  background-image: none !important; */
/*  min-height: 28px; */
/*  padding: 2px 3px 1px; */
/*  width: 100%; */
/*  border: 1px solid var(--border-color); */
/*  box-shadow: 1px 1px 3px #dddddd inset; */
/*  box-sizing: border-box; */
/*  float: left; */
}

td.dataBorder input {
  border: 1px solid #97AFC7 !important;
  height: 16px !important;
  margin-left: auto !important;
  padding: 3px 0 0 !important;
  width: 100% !important;
}

td.dataBorder textarea {
  border: 1px solid #97AFC7 !important;
  margin-left: auto !important;
  padding: 3px 0 0 !important;
  width: 100% !important;
}

td.elCheckBox input,
td.elChkPropSetter input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  height: 20px;
  vertical-align: bottom;
}

td.elDataChecker input {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

td.elDataChecker {
  padding-left: 5px !important;
  padding-right: 5px !important;
  width: 21px;
}

td.elFile input {
  cursor: pointer;
  height: 20px;
}

td.elList0 select.listBox {
  height: auto;
  margin-left: auto;
  width: 100%;
  visibility: visible !important;
}
td.elList0 select.dropDownList {
  visibility: visible !important;
}

td.elList1 input, 
td.elList3 input, 
td.elList4 input, 
td.elPicker input, 
td.elPassword input, 
.elInput input,
span.fakeInput {
  /* float: left; */
}

td.elData .x-form-field-wrap .x-form-trigger {
  position: relative;
}

td.elData .x-form-field-wrap .x-form-spinner-splitter {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

td.elMs select {
  height: calc(var(--input-height) * 4);
  margin-left: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}

td.elDisplay span.elDisplay_border {
  display: inline-block;
}
/* US044 */
td.elDisplay span.elDisplay_border, 
td.elList_RO select, 
td.elList0_RO input, 
td.elList1_RO input,
div.elList_RO select, 
div.elList0_RO input, 
div.elList0_RO td.elData, 
td.elList0_RO td.elData, 
div.elList1_RO input,
.elList1.elInput_RO input, 
td.elList3_RO input,
div.elList3_RO input,  
.elList3.elInput_RO input, 
td.elList4_RO input,
div.elList4_RO input, 
.elList4.elInput_RO input, 
td.elPicker_RO input, 
div.elPicker_RO input, 
td.elPassword_RO input, 
td.elInput_RO input, 
div.elInput_RO input,
td.elFile_RO input, 
div.elDateTime_RO input, 
td.elDateTime_RO input, 
div.elDateTime_RO td.elData:has(span), 
td.elDateTime_RO td.elData:has(span), 
/*td.elDateTime_RO span,*/ 
/*td.elDateTime_RO, --------------------------------------------------- cma cma cma*/
/*td.elList0.elInput_RO td.elData span {*/
div.elList0.elInput_RO td.elData,
td.elList0.elInput_RO td.elData {
  float: none;
  box-shadow: none;
  font-weight: 400;
  font-size: var(--input-font-size);
  opacity: 1;
  color: var(--read-only-color);
  /*line-height: var(--input-height);*/
  height: var(--input-height);

  border-width: var(--read-only-border-width);
  border-style: var(--read-only-border-style);
  border-color: var(--read-only-border-color);
  -webkit-border-top-left-radius: var(--input-radius);
  -webkit-border-bottom-left-radius: var(--input-radius);
  -moz-border-radius-topleft: var(--input-radius);
  -moz-border-radius-bottomleft: var(--input-radius);
  border-top-left-radius: var(--input-radius);
  border-bottom-left-radius: var(--input-radius);
  border-top-right-radius: var(--input-radius);
  border-bottom-right-radius: var(--input-radius);

  background-color:var(--read-only-background);

  padding-left: var(--input-padding);
  padding-right: var(--input-padding);
  
  min-width: calc((2 * var(--input-padding)) + 30px);
  width:100%;
  box-sizing: border-box;
  
}
div.elList3.elInput_RO span.select2-selection__rendered {
  padding-left: var(--input-padding)!important;
}
div.elGrpThmLstCol div.elList3.elInput_RO span.select2-selection__rendered {
  padding-left: 0!important;
}
div.elDateTime_RO input, 
div.elDateTime_RO span,
td.elDateTime_RO input, 
td.elDateTime_RO span {
  width: auto;
  padding-right: 5px;
  overflow: visible;
  /* display:table-cell; */
}

/* regle de calcul de la largeur en pixel 6*n+43 ou n est la taille en caracteres */
/*yyyy*/
.elSize4 {
  width: 67px !important;
}
/*$T*/
.elSize5 {
  width: 73px !important;
}
/*$D*/
.elSize10 {
  width: 103px !important;
}

/*$DT*/
.elSize16 {
  width: 139px !important;
}
/*$DTM   $DMT  */
.elSize19 {
  width: 157px !important;
}
/*$DTL*/
.elSize24 {
  width: 187px !important;
}

/*$DM*/
.elSize13 {
  width: 121px !important;
}
/*$DMTM*/
.elSize22 {
  width: 175px !important;
}
/*$DMTL*/
.elSize27 {
  width: 205px !important;
}

/*$DL*/
.elSize17 {
  width: 145px !important;
}
/*$DLT*/
.elSize23 {
  width: 181px !important;
}
/*$DLTM*/
.elSize26 {
  width: 199px !important;
}
/*$DLTL*/
.elSize31 {
  width: 229px !important;
}

/* US044 */
td.elList1_RO textarea, 
td.elList3_RO textarea, 
td.elList4_RO textarea, 
td.elTextArea_RO textarea, 
div.elTextArea_RO textarea {
  /* border-top: 1px solid #d2d2d2; */
  /* border-bottom: 0px none; */
  background-color: rgba(230, 230, 230, 1);
  /* border-left: 0px none; */
  /* border-right: 0px none; */
}

.elPageFooter td.elInput_RO input,
.elPageFooter td.elList_RO select,
.elPageFooter td.elList0_RO span,
.elPageFooter td.elList1_RO input,
.elPageFooter td.elList1_RO textarea,
.elPageFooter td.elList3_RO input,
.elPageFooter td.elList4_RO input,
.elPageFooter td.elPassword_RO input,
.elPageFooter td.elDateTime_RO input,
.elPageFooter td.elDateTime_RO span,
.elPageFooter div.elDateTime_RO input,
.elPageFooter div.elDateTime_RO span,
.elPageFooter td.elFile_RO input {
  background: transparent;
  box-shadow: none;
  border: 0px none;
}

/* US044 */
td.elList1_RO textarea,  
td.elList3_RO textarea, 
td.elList4_RO textarea, 
td.elTextArea textArea,
div.elTextArea textArea,
td.elTextArea_RO textarea, 
div.elTextArea_RO textarea { 
  /* background: #f6f6f6; */
  display: block;
  text-align: left;
  width: 100%; 
  /* border:0px none; */
  /* overflow: auto; */
  /* box-shadow: 1px 1px 3px #DDDDDD inset; */
  box-sizing: border-box;
  /* padding: 5px; */
  /* border-bottom: 1px solid var(--border-color); */

  border-width: var(--read-only-border-width); /* !important; */
  border-style: var(--read-only-border-style); /* !important; */
  border-color: var(--read-only-border-color); /* !important; */

  -webkit-border-top-left-radius: var(--input-radius); /* !important; */
  -webkit-border-bottom-left-radius: var(--input-radius); /* !important; */
  -moz-border-radius-topleft: var(--input-radius); /* !important; */
  -moz-border-radius-bottomleft: var(--input-radius); /* !important; */
  border-top-left-radius: var(--input-radius); /* !important; */
  border-bottom-left-radius: var(--input-radius); /* !important; */

  padding:calc(var(--input-padding) / 2) var(--input-padding) !important
}

td.elList1_RO textarea,  
td.elList3_RO textarea, 
td.elList4_RO textarea, 
td.elTextArea_RO textarea, 
div.elTextArea_RO textarea { 
  background:var(--read-only-background) !important;
}


/* US044 */
td.elTextArea .elData:last-of-type, 
div.elTextArea .elData:last-of-type, 
td.elTextArea .elData:last-of-type textarea, 
div.elTextArea .elData:last-of-type textarea, 
td.elTextArea_RO .elData:last-of-type,
div.elTextArea_RO .elData:last-of-type {
  -webkit-border-radius: var(--input-radius) !important;
  -moz-border-radius: var(--input-radius) !important;
  border-radius: var(--input-radius) !important;
}

.elDataList td.elInput_RO input,
.elDataList div.elInput_RO input,  
.elDataList td.elList_RO select,
.elDataList td.elList0.elInput_RO span,
.elDataList td.elList0_RO span, 
.elDataList td.elList1_RO input,
.elDataList td.elList1_RO textarea, 
.elDataList td.elList3_RO input,
.elDataList td.elList4_RO input, 
.elDataList td.elPassword_RO input,
.elDataList td.elFile_RO input, 
.elDataList td.elTextArea_RO textarea,
.elDataList td.elList4_RO textarea, 
.elDataList td.elDateTime_RO .elDateTime_RO,
.elDataList div.elDateTime_RO .elDateTime_RO,
.elDataList div.elDateTime_RO span,
.elDataList td.elDateTime_RO span {
  background: transparent; /*display: inherit;*/
  border: 0px none !important;
  height: auto;
  overflow: hidden;
  text-align: left;
  box-shadow: none;
  border: 0 none;
}
/* US044 */
td.elList0.elInput_RO td.elData  {
  display: grid;
  white-space: nowrap;
  height: var(--input-height);
  -webkit-border-radius: var(--input-radius); /* !important;*/
  -moz-border-radius: var(--input-radius); /* !important;*/
  border-radius: var(--input-radius); /* !important;*/
}

td.elPicker_RO input {
  border: 0 none;
  overflow: hidden;
  text-align: left;
  width: 100%;
}

#ParamTableGrpThmSelectTable .elGrpThmTH select {
  width: 245px !important;
}

textarea.extensible {
  text-align: left;
}

/* US044 */
td.elInput td.elBtn, 
td.elPassword td.elBtn, 
td.elList td.elBtn, 
td.elList0 td.elBtn, 
td.elList1 td.elBtn, 
td.elList3 td.elBtn, 
td.elList4 td.elBtn, 
td.elMs td.elBtn, 
td.elDisplay td.elBtn, 
td.elFile td.elBtn, 
td.elCheckBox td.elBtn, 
td.elPicker td.elBtn, 
td.elTextArea td.elBtn, 
td.elTextArea_RO td.elBtn, 
td.elInput_RO td.elBtn,
div.elInput_RO td.elBtn {
  height: 100%;
  text-align: center;
  vertical-align: top;
  width: 19px;
  /* overflow: hidden; */
}

td.elInput img,
td.elList img,
td.elList0 img,
td.elList1 img,
td.elList3 img,
td.elList4 img,
td.elTextArea a img,
td.elFile a img,
td.elPassword img,
td.elPicker img,
td.elInput_RO img,
td.elList_RO img,
td.elList0_RO img,
td.elList1_RO img,
td.elList3_RO img,
td.elList4_RO img,
td.elPassword_RO img,
td.elFile_RO img,
td.elPicker_RO img {
  vertical-align: top;
  width: auto;
}

.elTextArea img {
  vertical-align: top;
}

td.elInput_RO td.elBtn img,
td.elList_RO td.elBtn img,
td.elList0_RO td.elBtn img,
td.elList1_RO td.elBtn img,
td.elList3_RO td.elBtn img,
td.elList4_RO td.elBtn img,
td.elPassword_RO td.elBtn img,
td.elFile_RO td.elBtn img,
td.elPicker_RO td.elBtn img,
td.elTextArea_RO td.elBtn img {
  
}

input.elListUsers {
  
}

input.elListUsers_RO {
  border: 0 none;
  padding-left: 20px;
  vertical-align: bottom;
}

td.elPicker input.elListUsers_RO {
  background-color: rgba(0, 0, 0, 0);
  border: 0 none;
  padding-left: 20px;
  vertical-align: bottom;
}

input.elListGroups_RO {
  border: 0 none;
}

td.elPicker input.elListGroups_RO {
  background-color: rgba(0, 0, 0, 0);
  border: 0 none;
  padding-left: 20px;
  vertical-align: bottom;
}

span.mandatory,
td.mandatory {
  color: #cc0000 !important;
  font: normal normal normal 16px FontAwesome!important;
  vertical-align: middle !important;
  display: none;
}

td.mandatory {
  min-width: 8px;
  width: 8px;
  vertical-align: top;
  /* padding-top:9px; */
}

b.readonly {
  
}

td.elHidden {
  display: none;
  height: 0;
  width: 0;
}

.elHidden {
  display: none;
  height: 0;
  width: 0;
}

td.elButton table {
  width: auto;
}
td.elButton.btn-block table {
    width: 100%;
}

td.elButtonCenter img {
  padding-top: 2px;
  vertical-align: middle;
}

td.elImg img {
  border: 0 none;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

td.elList5 {
  padding-left: 3px;
  padding-right: 4px;
  vertical-align: middle;
  width: 30px;
}

td.elButton button {
  padding: 0px var(--button-padding);
  height: 35px;
  /*box-sizing: border-box;*/
}

td.elBtnAction {
  vertical-align: middle;
  /* width: 35px; */
  display: inline-block;
  padding: 0px var(--button-padding);
  /* height: 36px; */
  /* border: 2px solid green !important; */
}

.elBtnAction.btn-lg i {
  font-size: 1.7em !important;
}

td.elBtnListAction {
  /* border: 1px solid #000; */
  /* padding: 8px; */
  
}

.elGrpThmHeaderMenu td.elBtnAction {
  padding-left: 0;
}

td.elBtnAction img {
  border: 0 none;
  cursor: pointer;
}

td.elBtnAction i {
  border: 0 none;
  cursor: pointer;
  /* font-size:20px; */
  width: 35px;
}

td.elBtnTool img {
  padding-right: 2px;
  z-index: 2000;
}

td.elBtnTool img {
  border: 0 none;
  cursor: pointer;
}

td.elPageTitle {
  height: 50px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
#AffairesDetailGrpThmHeaderPageTitle td.elPageTitle {
  width: auto;
}

.wsPopup td.elPageTitle {
  padding-left: 2px !important;
}

.elGrpThmPopupHeader td.elPageTitle {
  
}

td.elPageTitle table {
  width: auto;
}

td.elPageTitle td.elPageTitleLeft,
td.elPageTitle td.elPageTitleCenter,
td.elPageTitle td.elPageTitleRight {
  height: 30px;
  vertical-align: top;
}

td.elPageTitle td.elPageTitleLeft,
td.elPageTitle td.elPageTitleRight {
  width: 9px;
}

td.elPageTitle td.elPageTitleCenter {
  /*font-size: medium;*/
  vertical-align: middle;
}

.elGrpThmPageHeader td.elPageTitle td.elPageTitleLeft,
  .elGrpThmPageHeader td.elPageTitle td.elPageTitleCenter,
  .elGrpThmPageHeader td.elPageTitle td.elPageTitleRight {
  height: 29px;
}

.elPageHeader td.elPageTitle td.elPageTitleLeft,
.elPageHeader td.elPageTitle td.elPageTitleCenter,
.elPageHeader td.elPageTitle td.elPageTitleRight {
  height: 29px;
}

/* US044 */
/*
.elTitle {
  font-size: small;
}
*/

td.titleBullet {
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 0px;
  text-align: left;
  vertical-align: middle;
  width: 16px;
  vertical-align: middle;
}

table.level2 td.titleBullet {
    padding-right: 0px;
}

.bulletOnly td.titleBullet {
  text-align: center;
  font-size: 1.6em;
  cursor: pointer;
}

td.titleBullet img {
  cursor: pointer;
}

td.titleText {
  /* height: 30px; */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
}

td.padding.center td.titleText {
    padding:10px 0px;
    width:100%;
    text-align:center;
}


table.loginConnexionGrpThm td.titleText {
  padding-right: 23px;
  text-align: right;
}

td.titleText span {
  cursor: pointer;
  font-weight: bold;
}

.elTitle table {
  height: 100%;
  width: 100%;
}

/* US044 */
td.titleSelectors {
  /*font-size: x-small;*/
  /* height: 23px; */
  padding-bottom: 2px;
  padding-right: 5px;
  text-align: center;
  width: 210px;
  display: inline-block;
}

/* US044 */
td.titleSelectors select {
  /*border: 1px solid #C0C0C0;*/
  /*width: 204px;*/
  border-radius: var(--input-radius);
  padding-left: var(--input-padding) !important;
}

td.titleIcon {
  text-align: right;
  width: 25px;
}
td.titleIcon.left {
  text-align: left;
}

th.elTitle {
  font-size: small;
  font-weight: bold;
  height: 18px;
}

div.elGrpThmWithTitle td.titleIcon.left.withIconClass,
div.elGrpThmWithTitleWithBorder td.titleIcon.left.withIconClass {
  float: none;
} 

div.elGrpThmWithTitle td.titleIcon.withIconClass,
div.elGrpThmWithTitleWithBorder td.titleIcon.withIconClass {
  width: 32px;
  text-align: center;
} 

div.elGrpThmWithTitle td.titleIcon.withIconClass i,
div.elGrpThmWithTitleWithBorder td.titleIcon.withIconClass i{
  font-size : 21px;
}


#ConveyorHomeToolbox {
  height: 100%;
}

#ConveyorHomeToolbox th.elTitle {
  padding-left: 2px;
}

th.elTitle span {
  height: 18px;
  vertical-align: middle;
}

th.elTitle img {
  border: 0 none;
  margin-right: 3px;
}

.elTree {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: left;
}

table.elTree a {
  cursor: pointer;
}

td.elTreeLine {
  border: 0 none;
  border-collapse: collapse;
  height: 16px;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

td.elTreeLineDisabled {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

td.elTreeLineDisabled img,
td.elTreeLine img {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  text-align: left;
  vertical-align: middle;
}

td.elTreeLine span {
  float: left;
  width: 19px;
}

td.elTreeLineDisabled span {
  float: left;
  width: 19px;
}

td.elTreeLineSel span {
  float: left;
  width: 19px;
}

td.elTreeLine a {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
}

td.elTreeLineSel {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

td.elTreeLineSel img {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

td.elTreeLineSel a {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
}

td.elIFrame {
  height: 100%;
  width: 100%;
}

.elIFrame iframe {
  height: 800px;
  width: 100%;
  border: 0px none;
}

.elIFrame #TargettingRequestiframeRequest,
.elIFrame #ParamEcransiframeTreeUnivers,
.elIFrame #ParamEcransiframeTreeEntityTemplates,
.elIFrame #ParamTraductionsiframeTreeEcrans,
.elIFrame #ParamTraductionsiframeTreeUnivers,
.elIFrame #ParamDeskiframeTreeDesks,
.elIFrame #ParamDataAccessiframeTreeDataAccess {
  border: 1px solid var(--border-color);
  width: 100%;
}

#TargettingRequestiframeRequest {
  height: 150px;
}

td.elGrpThm, 
td.elGrpThmWithTitle, 
td.elGrpThmWithTitleWithBorder, 
div.elGrpThm,
div.elGrpThmWithTitle, 
div.elGrpThmWithTitleWithBorder, 
table.elGrpThm,
table.elGrpThmWithTitle {
  text-align: left;
  vertical-align: top;
}

.grid.elGrpThm:not(.elGrpThmLstCol) {
/* 
   Ne pas appliquer de padding sur les grid.
   ceux-ci doivent s'appliquer sur le container de la grid 
*/
  padding: 0px; 
}

td.elGrpThm.hidden,
td.elGrpThmWithTitle.hidden {
  padding: 0px !important;
}

td.elGrpThmTH, table.elGrpThmTH,
.elGrpThmTHWithDivider {
  text-align: left;
  vertical-align: top;
}

td.elGrpThmTH td.sideBarLeft {
  /* padding-left: 5px; */
  
}


#ParamTableGrpThmSelectTable td.mandatory {
  display: none;
  width: 0;
}

div.elGrpThmTHWithDivider,
div.elGrpThmTH {
  overflow: hidden;
  text-align: left;
  vertical-align: top;
}

td.elList2 li.x-tree-node div {
  height: 30px;
  padding: 5px 5px 0 0;
  min-width: fit-content;
}

td.elList2 .x-panel-body li {
  width: auto;
}

td.elList2 div {
  width: auto;
}

td.elList2 div.x-tree {
  height: auto;
  width: auto;
}

td.elList2 #TH_Tree {
  overflow: auto;
}

td.elList2 div.x-tree-root-node {
  padding-top: 10px;
}

.notResizeTH .TH_Tree {
  width: 100% !important;
}

div.elTreeListTool {
  /* height: 57px; */
  padding: 0px 5px;
  /* margin-top: -13px; */
}

td.elGrpThmMainTHPopup {
  height: 100%;
}

div.elGrpThmMainTHPopup {
  height: 100%;
}

td.elGrpThmPopupTH {
  vertical-align: top;
  width: 100%;
}

div.elGrpThmPopupTH {
  
}

.elTHInfoContainer {
  width: auto;
}

.accordeonItemOff {
  display: none;
  height: 0;
}

.accordeonItemOn {
  display: table-row-group;
  float: left;
  height: 330px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 199px;
}

#TH {
  width: auto !important;
}
div#TableHierDetailGrpThmLeftColumn {
  border-top: 1px solid var(--border-color);
}
td.elGrpThmTH {
  width: 0;
}

td.elGrpThmTH table.sideBarLeft {
  width: 0;
}

div.elGrpThmTH {
  vertical-align: top;
}

td.elGrpThmTHWithDivider {
  width: 1px;
}





.elInputError_RO,
.elInputError {
  background-color: #f9e4e4 !important;
  border-color: #CC0700 !important;
}
.elTextAreaError_RO,
.elTextAreaError {
  background-color: #f9e4e4 !important;
  border-color: #CC0700 !important;
}

input.elListError {
  background: #f9e4e4 !important;
  border-bottom: 1px solid #dc5e5e !important;
}

td.elContainer {
  height: auto;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
}

.elTool td.elPipe,
.elGrpThmHeaderMenu td.elPipe,
.elTabPane td.elPipe {
  padding-left: 4px;
  padding-right: 4px;
  border-right: 1px solid var(--border-color);
}

td.elContainer {
  overflow: inherit !important;
}

.elSmartContainer #ConveyorClientsDetail_design {
  display: none;
}

td.elSmartClipper {
  /* vertical-align: middle; */ /* top ?*/
  width: 40px;
  opacity: 0.7;
}

td.elSmartClipper:hover {
  opacity: 1;
}

.elSmartClipper img {
  cursor: pointer;
  opacity: 0.3;
  filter: alpha(opacity = 30);
}

.elSmartClipper img:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
}

.elSmartClipper img {
  vertical-align: middle;
}

div.elSmartResume {
  font-weight: bold;
}

div.elSmartResume span {
  color: #777777;
  font-weight: bold;
}

td.elContainer div.elZoneD {
  height: auto;
  left: 0;
  position: relative;
  width: 100%;
}

td.elContainer div.elZoneMain {
  height: auto;
  overflow: visible;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  z-index: 1;
}

td.elContainer div.elPageBody {
  height: auto;
  position: relative;
}

td.elContainer div.elGrpThmBody {
  height: auto;
  overflow: visible;
  visibility: visible;
}

td.elContainer div.elScrollBox {
  height: 100%;
  position: relative;
}

table.elContainer {
  height: auto;
  width: 100%;
}

.div:not(.grid)>div.elContainer {
  left: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}

/* US044 */
td.elDataList,
.elDataList table {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
/* US044 */
.elUploadContainer .elDataList table {
  height:0;
}
#ConveyorCCalendarClientList_content table.elDataList_content {
  table-layout: fixed;
}

.elDataList td.elTel,
.elDataList td.elLink,
.elDataList td.elLabel,
.elDataList td.elPicker,
.elDataList td.elPicker_RO,
.elDataList .elDateTime,
.elDataList div.elDateTime_RO,
.elDataList td.elDateTime_RO,
.elDataList td.elList0,
.elDataList td.elList0_RO,
.elDataList td.elList1_RO,
.elDataList td.elList1,
.elDataList td.elList3,
.elDataList td.elList3_RO,
.elDataList td.elList4_RO,
.elDataList td.elList4,
.elDataList td.elRadio,
.elDataList td.elImg,
.elDataList td.elInput,
.elDataList td.elInput_RO,
.elDataList td.elListUsers,
.elDataList td.elTextArea,
.elDataList td.elTextArea_RO,
.elDataList td.elCheckBox,
.elDataList td.elHtmlCode,
.elDataList .elList.tlast {
  padding: 5px 10px 5px 5px;
}
/* US030 mise en forme des champs dans les GrpThmListColumn */
.elGrpThmLstCol td.elTel,
.elGrpThmLstCol td.elLink,
.elGrpThmLstCol td.elLabel:not(.labelOnlyIcon),
.elGrpThmLstCol td.elPicker,
.elGrpThmLstCol td.elPicker_RO,
.elGrpThmLstCol .elDateTime,
.elGrpThmLstCol div.elDateTime_RO,
.elGrpThmLstCol td.elDateTime_RO,
.elGrpThmLstCol td.elList0,
.elGrpThmLstCol td.elList0_RO,
.elGrpThmLstCol td.elList1_RO,
.elGrpThmLstCol td.elList1,
.elGrpThmLstCol td.elList3,
.elGrpThmLstCol td.elList3_RO,
.elGrpThmLstCol td.elList4_RO,
.elGrpThmLstCol td.elList4,
.elGrpThmLstCol td.elRadio,
.elGrpThmLstCol td.elImg,
.elGrpThmLstCol td.elInput,
.elGrpThmLstCol td.elInput_RO,
.elGrpThmLstCol td.elListUsers,
.elGrpThmLstCol td.elTextArea,
.elGrpThmLstCol td.elTextArea_RO,
.elGrpThmLstCol div.elTextArea,
.elGrpThmLstCol div.elTextArea_RO,
.elGrpThmLstCol td.elCheckBox,
.elGrpThmLstCol td.elHtmlCode,
.elGrpThmLstCol .elList.tlast {
  padding: 1px 5px 0 0;
  color: #000;
  width: 125px;
}
.elGrpThmLstCol td.elLabel.labelOnlyIcon {
  padding: 1px 0px 0 0;
  color: #000;
}
.elGrpThmLstCol td.elLabel i {
  display: inline-block;
  width: 20px;
  text-align: left;
}
.elGrpThmLstCol .elList3 td.elData input  {
  height:20px;
}
.elGrpThmLstCol td.elData input.elListUsers,
.elGrpThmLstCol td.elData input.elListGroups {
  background-position-x:0!important;
  padding-left:20px!important;
}
.elGrpThmLstCol td.elLabel{
  white-space: nowrap;
}

.compactLabel td.elLabel {
  width:1px!important;
}

.elDataList .elDateTime{
    padding-left:5px;
}

.elDataList .elDateTime,
.elDataList .elDateTime_RO {
  padding-left: 0px
}

.elDataList td.elTel {
  width: 100px;
}

th.elTHead {
  width: auto;
}

th.elTHeadImg {
  width: 20px;
}

.elDataList td.elGridGroupBullet {
  padding-left: 5px;
  padding-right: 5px;
  color: #444;
}

.elDataList td.elImg,
.elDataList th.elImg {
  width: 20px;
  /* text-align: center; */
}

.elDataList tbody.elDataList_content tr td.hidden {
  visibility: visible;
}

.elDataList td.elGridGroupBullet img {
  cursor: pointer;
  vertical-align: middle;
  width: 10px;
}

th.elTHeadSel,
th.elTHeadSelColumns,
td.elDataChecker {
  width: 20px;
}

/* US044 */
.elDataList th.elTHead, 
.elDataList th.elTHeadSel {
  max-height: 30px;
  padding: 5px 15px 0px 5px !important;
  text-align: left;
  vertical-align: middle;
}
.elDataList th.elTHead.elTHeadSelColumns {
  padding-left: 6px!important;
}

/* US044 */
.elDataList th.elTHead i.btn-mini, 
.elDataList th.elTHeadSel i.btn-mini {
  height: inherit;
}

.elDataList th.elTHeadMenu,
.elDataList div.elTHeadMenu {
  padding: 0;
  width: 35px;
}

.elDataList th.elTHead img {
  padding-left: 2px;
  padding-top: 2px;
}

.elDataList .elDataSelector {
  max-width: 20px;
  min-width: 20px;
  padding: 0;
  width: 20px;
}

.elDataList td.elDataSelector img {
  width: 20px;
}

td.elDataSelector {
  border-right: 1px solid var(--border-color);
}

.elDataList th.elTHidden,
.elDataList td.elTHidden,
.elSearch td.elTNoDisplay {
  display: none;
}

.elDataList td.elTNoDisplay input,
.elDataList td.elTNoDisplay select,
.elDataList td.elTNoDisplay textarea,
.elDataList td.elTNoDisplay image,
.elDataList td.elTNoDisplay a {
  visibility: hidden;
}

th.elTHeadSelColumns {
  width: 40x;
  padding-left: 0px !important;
}
th.elTHeadSelColumns i {
  cursor:pointer;
}
th.elTHead th.elTHead {
  width: 400px;
}

tr.elTTool,
table elTool {
  width: 100%;
}

input.elSel {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  font-weight: bold;
}

.elTHead a,
.elDataList th.elTHead label {
  text-decoration: none;
  width: auto;
}

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

.elScrollableList {
  height: auto;
}

.elScrollableList tbody,
.elScrollableList .elDataList,
.elScrollableList .elDataList table,
.elScrollableList .elDataList tbody td,
.elScrollableList .elDataList tbody td div {
  height: auto;
}

.elScrollableList tbody.elDataList_content {
  height: auto;
}

.elZoneL tbody.elDataList_content {
  /* border-bottom: 1px solid var(--border-color); */
  /* border-left: 1px solid var(--border-color); */
  /* border-right: 1px solid var(--border-color); */
  
}

.elTHead a {
  text-decoration: none;
}

.elTHead input {
  border: 0 none;
}

tr.eltRowCurrent {
  background: none repeat scroll 0 0 #315DAD;
}

tr.elTRowCurrent .elInput input,  /* POC grid */
tr.elTRowCurrent .elInput_RO input,  /* POC grid */
tr.elTRowCurrent td.elList select, 
tr.elTRowCurrent td.elList0 select, 
tr.elTRowCurrent td.elList1 input, 
tr.elTRowCurrent td.elList3 input, 
tr.elTRowCurrent td.elList4 input, 
tr.elTRowCurrent td.elPassword input, 
tr.elTRowCurrent td.elFile input, 
tr.elTRowCurrent td.elPicker input, 
tr.elTRowCurrent td.elList_RO select, 
tr.elTRowCurrent td.elList0_RO span, 
tr.elTRowCurrent td.elList1_RO input, 
tr.elTRowCurrent td.elList3_RO input, 
tr.elTRowCurrent td.elList4_RO input, 
tr.elTRowCurrent td.elPassword_RO input, 
tr.elTRowCurrent td.elFile_RO input,  
tr.elTRowCurrent td.elPicker_RO input, 
tr.elTRowEven .elInput input, /* POC grid */ 
tr.elTRowEven .elInput_RO input, /* POC grid */
tr.elTRowEven td.elList select, 
tr.elTRowEven td.elList0 select, 
tr.elTRowEven td.elList1 input, 
tr.elTRowEven td.elList3 input, 
tr.elTRowEven td.elList4 input, 
tr.elTRowEven td.elPassword input, 
tr.elTRowEven td.elFile input, 
tr.elTRowEven td.elPicker input, 
tr.elTRowEven td.elList_RO select, 
tr.elTRowEven td.elList0_RO span, 
tr.elTRowEven td.elList1_RO input,
tr.elTRowEven td.elList3_RO input, 
tr.elTRowEven td.elList4_RO input,
tr.elTRowEven td.elPassword_RO input, 
tr.elTRowEven td.elFile_RO input,
tr.elTRowEven td.elPicker_RO input, 
tr.elTRowOdd .elInput input, /* POC grid */ 
tr.elTRowOdd .elInput_RO input, /* POC grid */ 
tr.elTRowOdd td.elList select,
tr.elTRowOdd td.elList0 select, 
tr.elTRowOdd td.elList1 input, 
tr.elTRowOdd td.elList3 input,
tr.elTRowOdd td.elList4 input, 
tr.elTRowOdd td.elPassword input, 
tr.elTRowOdd td.elFile input,
tr.elTRowOdd td.elPicker input, 
tr.elTRowOdd td.elList_RO select,
tr.elTRowOdd td.elList0_RO span, 
tr.elTRowOdd td.elList1_RO input, 
tr.elTRowOdd td.elList3_RO input,
tr.elTRowOdd td.elList4_RO input, 
tr.elTRowOdd td.elPassword_RO input,
tr.elTRowOdd td.elFile_RO input, 
tr.elTRowOdd td.elPicker_RO input {
  text-align: left;
  text-overflow: ellipsis;
}

.elTextArea_RO textarea,
.elInput_RO input {
  cursor: default;
}

.row-lg tr.elTRowOdd,
.row-lg tr.eltRowCurrent,
.row-lg tr.elTRowEven {
  height: 45px;
}

.eltCurrentRowParentToolbar {
  height: 1px;
  position: fixed;
  visibility: hidden;
  width: 98%;
}

div.eltCurrentRowToolbar {
  float: right;
  /* height: 37px; */
  margin-right: 34px;
  text-align: right;
  background: #5882a4;
  border: 1px solid #557a97;
  box-shadow: -4px 5px 13px 0px rgba(15, 15, 15, 0.48);
  margin-top: 0px;
  -webkit-border-radius: 0px 0px var(--main-radius) var(--main-radius);
  -moz-border-radius: 0px 0px var(--main-radius) var(--main-radius);
  border-radius: 0px 0px var(--main-radius) var(--main-radius);
}

.eltCurrentRowToolbar img {
  padding-top: 1px;
}

.eltCurrentRowToolbar table {
  width: auto;
}

td.eltCurrentRowToolbar {
  padding-left: 2px;
  padding-right: 2px;
  opacity: 1;
  /* max-width: 21px; */
  width: auto; /*?*/
}

td.eltCurrentRowToolbar:hover {
  opacity: 0.8;
}

td.eltCurrentRowToolbar i {
  width: 40px !important;
  color: #fff;
  cursor: pointer;
  padding: 10px 10px;
}

td.eltCurrentRowToolbarLeft {
  width: 1px;
  height: 35px;
}

td.eltCurrentRowToolbarRight {
  width: 1px;
  height: 35px;
}

tr.elTRRowGroupFildLevel1 td.elGridGroup {
  border-bottom: 2px solid #B0C4DE; /*?*/
  color: #12264B; /*?*/
  font-weight: bold;
  height: 25px;
  /* padding-bottom: 4px; */
  padding-top: 5px;
}

tr.elTRRowGroupFildLevelHidden {
  display: none;
  height: 0;
}

tr.elTRRowGroupFildLevel2 td.elGridGroup label {
  color: #12264B;
  font: bold 10px tahoma, arial, helvetica, sans-serif;
}

tr.elTRRowGroupFildLevel2 td.elDataChecker {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
}

tr.elTRRowGroupFildLevel2 {
  border-bottom: 0 none;
}

tr.elTRRowGroupFildLevel2 td.elGridGroup {
  background-color: #EEEEEE;
  border-bottom: 1px solid #B5B8BF;
  height: 20px;
}

tr.elTRRowGroupFildLevel2 td.elDataChecker,
tr.elTRRowGroupFildLevel1 td.elDataChecker
  {
  border: 0 none;
  display: none;
}

td.elGridGroupBullet {
  text-align: left;
  vertical-align: middle;
  width: 18px;
}

tr.elTRRowGroupFildLevel2 td.elGridGroupBullet {
  border-bottom: 1px solid #FFFFFF;
  padding-left: 15px;
}

th.elEmptyGridGroupColumn,
#Th_emptyColumn {
  width: 20px;
}

th.elEmptyGridGroupColumn img {
  cursor: pointer;
  padding-left: 2px;
  padding-top: 2px;
}

tr.elGridGroupTotalList {
  background-color: #F3F3F3;
}

td.elGridGroupTotal {
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid #F2F2F2;
  color: #505151;
  /* font: bold 10px tahoma,arial,helvetica,sans-serif; */
  height: 27px;
  padding-left: 5px;
}

tr.elTTool {
  /* height: 24px; */
  padding: 2px;
  text-align: left;
}

tr.elTToolCTI {
  height: 10px;
  padding: 0;
  text-align: left;
}

/*US044 */
td.elBtnListAction .elBtnLabel,
td.elButton .elBtnLabel {
/*  padding-right: 0;*/
}

.elGrpThmHeaderMenu td.elBtnAction,
td.elBtnListAction {
  vertical-align: middle;
  /* padding: 0px 5px 0px 3px; */
  box-sizing: border-box;
  overflow: hidden;
}




.elGrpThmHeaderMenu td.elBtnAction {
  padding-left: 0;
  padding-right: 0;
}

.elGrpThmHeaderMenu td.elLabel,
.elGrpThmHeaderMenu td.elBtnTool {
  /*padding: 0 0px 0 0;*/
  vertical-align: middle;
  /*width: 16px;*/
}

td.elBtnTool.btn-just-icon td.elBtnLabel{
  display:none;
}


td.elBtnTool.btn-just-icon td.btnMenu{
    margin-left: -40px;
    display: block;
    position: absolute;
    width: 40px;  
}

td.elBtnTool.btn-just-icon.btn-xs td.btnMenu{
    margin-left: -28px;
    display: block;
    position: absolute;
    width: 28px;  
}

td.elBtnTool.btn-just-icon td.btnMenu i{
  width: 100%;
  opacity: 0 !important;
}  

.btnMenu {
  vertical-align: middle;
}

.btnMenu i {
  font-size: 13px !important;
  vertical-align: middle;
  cursor: pointer;
  vertical-align: middle;
  padding: 3px 0px 3px 0px;
}

/* US044 */
.elTTool td.elBtnLabel a, 
.elGrpThmHeaderMenu td.elBtnLabel a,
td.elBtnListAction td.elBtnLabel a, 
  .elTTool td.elTQBtnLabel a {
  cursor: pointer;
  /* padding-left: 0px; */
  text-decoration: none;
  white-space: nowrap;
}

.elTTool td.elTQBtnLabel a {
  padding-left: 0 !important;
}

.elTreeImg img,
.elTreeImgSel img {
  padding-left: 8px;
  padding-right: 8px;
}

.elBtnLabel a:hover {
  text-decoration: none !important;
}

.elButton img:hover,
.elBtnTool img:hover,
.elBtnAction img:hover,
.elBtnListAction img:hover {
  opacity: 0.7;
}

td.elBtnListAction td.elBtnLabel a {
  cursor: pointer;
  /* font-size: 14px; */
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
  text-decoration: none !important;
}

/* US044 */
td.elBtnAction a, 
td.elBtnAction i, 
td.elBtnListAction a, 
td.elBtnListAction i {
  vertical-align: middle;
  margin: 0 auto;
  width: auto;
  text-align: center;
  box-sizing: border-box;
  /*padding: 5px 0px;*/
  /*width: 100%;*/
  display: flex;
  align-items: center;
  height:inherit;
}

/* US044 */
.elDataList td.elBtnAction a, 
.elDataList td.elBtnAction i, 
.elDataList td.elBtnListAction a, 
.elDataList td.elBtnListAction i {
  height: auto;
}

/* US044 */
.btn table i, 
td.elBtnAction table i, 
td.elBtnListAction table i {
  justify-content: center;
  margin-right: var(--button-padding);
}

/* US044 */
td.elBtnAction a, 
td.elBtnListAction a {
/*  padding: 0; /*0px 10px 0px 5px !important;*/
}

/* US044 */
.elGrpThmHeaderMenu td.elBtnTool .el-btn img, 
td.elBtnListAction .el-btn img, 
td.elBtnListAction .elBtnLabel a {
  /* padding: 0; */
  width: inherit;
}

.elDataList_content tfoot {
  /* border: 1px solid var(--border-color); */
  height: 30px;
}
.elDataList_content tfoot:empty{
  height: 0px;
}

.elDataList_content tfoot .elTTool td.elBtnListAction {
  padding-left: 5px;
}

div.elTotalTHead {
  border-top: 1px solid var(--border-color);
  color: #333333;
  height: 30px;
  padding: 4px 4px 4px 5px;
}

div.elTotalTHead label {
  font-size: 15px;
  font-variant: normal;
  font-weight: 500;
}

tr.elTotalList {
  border-top: 1px solid var(--border-color);
  line-height: 30px;
}

td.elTotal {
  background-color: #F1F2F4;
  color: #333333;
  text-align: left;
}

td.elTotalLabel label {
  font-weight: 600 !important;
  font-size: 16px;
  font-family: inherit;
}

/* US044 */
td.elListPages {
  text-align: center;
  vertical-align: middle;
  width: 1px;
  padding-bottom: 5px;
}

.elListPages label {
  /* color: #3D3D3D; */
  font-size: 12px;
  /* padding-right: 2px; */
  margin-bottom: 2px;
}

td.elListPages .mandatory {
  min-width: 2px !important;
  width: 2px;
}

td.elListPages label {
  white-space: nowrap;
}

td.elListPages div.pagin {
  float: right;
  margin: 0 auto;
  width: 250px;
}

tr.elTTool {
  padding: 2px;
}

tr.elTToolCTI {
  height: 10px;
  padding: 0;
  text-align: left;
}

td.elBtnListAction,
td.elBtnListActionOn,
td.elBtnListActionOff {
  vertical-align: middle;
}

td.elBtnListAction img {
  border: 0 none;
  cursor: pointer;
  vertical-align: middle;
}

td.elBtnListAction>i,
td.elBtnListAction>img {
  padding:10px;
  
}

td.elBtnListAction>i {
  border: 0 none;
  cursor: pointer;
  font-size: 1.3em;
  /* width: 40px; */
  vertical-align: middle;
  /* padding: 1px 0px; */
}

td.elImage img {
  cursor: pointer;
}

td.elImage {
  min-width: 21px;
}

td.elSearch,
td.elSearch table {
  text-align: left;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}

td.elSearch tr.elSTool td:first-child {
  width:auto;
  text-align:right;
}
.wsSmallDevice td.elSearch tr.elSTool td:first-child {
  width: 0;
  text-align: left;
}
.wsSmallDevice tr.elSTool .elSFiller {
    width: 100%;
}
td.elDataList div.elDataList_content {
  overflow: hidden;
  /* padding-left: 2px; */
  /* padding-right: 2px; */
  height: auto !important;
}

.elToolboxDrawer td.elDataList div.elDataList_content {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 0;
}

.elSearch table.elDataList_content {
  border-collapse: separate;
  border-spacing: 1px;
}

.elSearch img {
  vertical-align: bottom;
}

tr.elSRowEven,
tr.elSRowOdd {
  /* text-align: left; */
  vertical-align: middle;
}


td.elSearchLabel {
  /* padding-right: 5px; */
  /* padding-top: 2px; */
  text-align: left;
  width: auto;
  display: inline-block;
  position: absolute;
  margin-top: 2px;
}
.ext-safari td.elSearchLabel {
  margin-top: -13px;
}
/* US044 */
td.elSearchCmp {
  padding-right: 0px;
  text-align: left;
  width: 25%;
  vertical-align: bottom;
}

.elSearchCmp div {
  position: relative;
  width: 100%;
}

/* US044 */
.elSearch td.elInput,
.elSearch td.elInput_RO, 
.elSearch td.elPicker, 
.elSearch td.elList0,
.elSearch td.elList1, 
.elSearch td.elList3, 
.elSearch td.elList4,
.elSearch td.elDisplay, 
.elSearch div.elDateTime,
.elSearch td.elDateTime {
/*  text-align: left;*/
/*  width: 350px;*/
  padding-left: 25px;
  vertical-align: bottom;
  padding-top: 21px;
  padding-bottom: 0px;
}
/* US044 */
.elSearch .labelsLeft td.elInput, 
.elSearch .labelsLeft td.elPicker, 
.elSearch .labelsLeft td.elList0,
.elSearch .labelsLeft td.elList1, 
.elSearch .labelsLeft td.elList3, 
.elSearch .labelsLeft td.elList4,
.elSearch .labelsLeft td.elDisplay, 
.elSearch .labelsLeft div.elDateTime,
.elSearch .labelsLeft td.elDateTime {
  padding-top: 0px; 
}
.operators-hidden{
    margin-left: -25px;
    width: calc(100% + 25px) !important;
}

/* US044 */
.elSearch td.elSearchCmp {
    padding-left: 0px;
    /*max-width: 180px;*/
}

.elSearch td.elList td.elBtn, 
.elSearch td.elList0 td.elBtn, 
.elSearch td.elList1 td.elBtn, 
.elSearch td.elList3 td.elBtn, 
.elSearch td.elList4 td.elBtn, 
.elSearch td.elMs td.elBtn, 
.elSearch td.elDisplay td.elBtn, 
.elSearch td.elFile td.elBtn, 
.elSearch td.elCheckBox td.elBtn, 
.elSearch td.elPicker td.elBtn, 
.elSearch td.elTextArea td.elBtn, 
.elSearch td.elTextArea_RO td.elBtn, 
.elSearch td.elInput_RO td.elBtn {
    vertical-align: bottom;
}

#ConveyorTaskMainSearch td.elSearchCmp {
  width: auto;
}

.x-toolbar table {
  width: auto;
}

table.elSearchVal td.mandatory {
  width: 21px;
}

tr.elSTool {
  border: 0 none;
  padding-top: 3px;
  text-align: left;
}

td.elChkPropSetter {
  /* width: 180px; */
  padding-left: 4px;
  vertical-align: baseline;
  /* text-align: right; */
}

tr.elSTool td.elChkPropSetter td.elData {
  padding-right: 5px;
  text-align: right;
  width: 144px;
}

tr.elSTool .elChkPropSetter td.elLabel {
  padding-top: 2px;
  text-align: left;
  width: 100%;
}

tr.elSTool table.el-btn {
  /* height: 20px; */
  width: auto;
  /* padding: 8px 8px 8px 8px; */
  padding: 0px;
  margin: 0px 2px;
}

tr.elSTool td.flat-btn{
  display: block;
  width: 100%;
  text-align: center;
}

tr.elSTool td.flat-btn table.el-btn{
  width:100%;
  text-align: center;
  margin: 5px;
}

tr.elSTool td.flat-btn table.el-btn td.elBtnImage{
  width: 0%;
  text-align: right;
  padding-right: 10px;
  
}

tr.elSTool td.flat-btn table.el-btn td.elBtnLabel{
  width: 100%;
  text-align: left;
  
  text-align:center;
}


tr.elSTool td.elButton,
tr.elSTool td.elImage {
  /* height: 20px; */
  width: 100px;
  padding-left: 10px;
}

tr.elSTool td.elImage i {
  padding: 8px 0px 10px 8px;
  height: 100%;
  display: inline-block;
}

tr.elSTool .elBtnLabel a {
  padding: 5px 13px 8px 0px;
}
tr.elSTool .elSFiller {
  width:4px;
}
.elSearch tr.elSTool td.elBtnImage {
  /* height: 33px; */
  /* width: 16px; */
  
}

.elSearch tr.elSTool {
  height: 45px;
  vertical-align: bottom;
}

.elSearch tr.elSTool td.elBtnImage img {
  padding-left: 10px;
  padding-right: 5px;
}

.elSearch tr.elSTool td.elBtnLabel { /* vertical-align: top; */
  height: 100%;
}

.elSearch tr.elSTool a {
  color: inherit;
  display: inline-block;
  /* height: 17px; */
  /* padding-bottom: 7px; */
  padding-left: 7px;
  margin-top: 3px;
  text-decoration: none !important;
  vertical-align: text-bottom;
  white-space: nowrap;
}
.elSearch .elSTool .elChkPropSetter label {
  margin-top: 4px;
}
/*
.selectPage {
    background-image: url("../../res_base/toolbar/iSelectPage.gif") !important;
}
.deselectPage {
    background-image: url("../../res_base/toolbar/iDeselectPage.gif") !important;
}
.selectAll {
    background-image: url("../../res_base/toolbar/iSelectAll.gif") !important;
}
.deselectAll {
    background-image: url("../../res_base/toolbar/iDeselectAll.gif") !important;
}*/
.elBtnListActionOn {
  cursor: pointer;
  margin: 0;
  padding: 5px;
  vertical-align: middle;
  white-space: nowrap;
}

.elBtnListActionOff {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin: 0;
  padding: 1px;
  vertical-align: middle;
}

.elDesignerContainer {
  background: none repeat scroll 0 0 #DDDDFF;
  border: 1px solid #EEEEEE;
  height: 70px;
  margin: 5px;
  width: 100%;
}

div.elGrpThmAgenda {
  height: 100%;
  left: 0;
  padding: 0;
  top: 100px;
  width: 100%;
  box-sizing: border-box;
}

table.eltAgendaTable {
  border: 1px solid var(--border-color);
  width: 100%;
}

tr.eltAgenda {
  text-align: center;
}

tr.eltAgenda td {
  text-align: center;
}

tr.eltAgenda a {
  color: #2D6CD6;
  text-decoration: none;
  vertical-align: middle;
}

tr.eltAgenda img {
  border: 0 none;
}

.eltAgendaCalendarContainer {
  height: 220px;
  padding: 10px;
}

.eltAgendaHeaderTitle {
  
}

.eltAgendaHeaderTitle tr {
  height: 47px;
}

.eltAgendaHeaderTitle td {
  vertical-align: middle;
}

td.eltAgendaTitle {
  font-size: 20px;
}

tr.eltAgendaRow {
  text-align: center;
}

tr.eltAgendaRowHeader {
  background: none repeat scroll 0 0 #C6DFFE;
}

tr.eltAgendaRowHeader a {
  color: #2D6CD6;
  text-decoration: none;
  vertical-align: middle;
}

tr.eltAgendaRowHeader td {
  text-align: center;
}

tr.eltAgendaRowHeaderTop {
  background: none repeat scroll 0 0 #554295;
  color: #FFFFFF;
}

tr.eltAgendaRowHeaderTop a {
  color: #FFFFFF;
  text-decoration: none;
  vertical-align: middle;
}

tr.eltAgendaRowHeaderTop td {
  text-align: center;
}

tr.eltAgendaRow a {
  color: #2D6CD6;
  text-decoration: none;
  vertical-align: middle;
}

tr.eltAgendaRow td {
  text-align: center;
  vertical-align: top;
}

td.eltAgendaRowYearFound {
  background: none repeat scroll 0 0 #CF0B0B;
}

td.eltAgendaCellYearFound {
  background: none repeat scroll 0 0 #F8DBDB;
}

td.eltAgendaRowYearFound a {
  color: #FFFFFF;
}

td.eltAgendaWeekHeader {
  background: none repeat scroll 0 0 #C6DFFE;
}

div.eltInfo {
  background: none repeat scroll 0 0 #F8DBDB;
  border: 1px solid #000000;
  vertical-align: middle;
}

.elInput .elInputStateInherited {
  background: none repeat scroll 0 0 #E6F0F7;
  color: #0000FF;
}

.elInput .elInputStateOverrided {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
}

.elInputStateInherited {
  background: none repeat scroll 0 0 #E6F0F7;
  color: #0000FF;
}

td input.elInputStateDisabled,
td input.elInputStateOverrided,
td input.elInputStateDeprecated,
td input.elInputStateInherited {
  text-align: left;
  width: 100%;
}

.elInputStateDisabled,
.elInputStateDisabled_RO {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  color: #FF0000;
}

td input.elInputStateDisabled_RO,
.elInputStateDisabled {
  border: 0 none;
  color: #FF0000;
}

td input.elInputStateDeprecated_RO,
.elInputStateDeprecated {
  color: #CCCCCC;
  text-decoration: line-through;
  width: 300px;
}

.elInputLabelStateDeprecated {
  color: #CCCCCC;
  text-decoration: line-through;
}

.elInputStateOverrided {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
}

td input.elInputStateDisabled {
  color: #FF0000;
}

td.elInputStateInherited {
  background: none repeat scroll 0 0 #E6F0F7;
}

tr a.elInputLabelStateInherited {
  color: #000000;
}

td input.elInputStateDisabled_RO {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px none;
  color: #FF0000;
}

td input.elInputLabelStateDisabled,
td input.elInputLabelStateOverrided,
td input.elInputLabelStateInherited {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px none;
  color: #000000;
}

div.elGrpThmLogs {
  left: 20%;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 130px;
  vertical-align: top;
  width: 60%;
}

table.elGrpThmLogs {
  text-align: left;
  vertical-align: top;
  width: 100%;
}

th.elGrpThmLogsName {
  width: 33%;
}

th.elGrpThmLogsLevel {
  width: 25%;
}

th.elGrpThmLogsChangeLevel {
  width: 42%;
}

td.elMenu {
  padding: 10px 20px 0px 20px;
  vertical-align: top;
  width: 200px;
}

div.elMenu {
  height: 100%;
  width: 200px;
}

.elMenu dt {
  border-bottom: 1px solid #e2e2e2;
}

.elSubMenu {
  height: 100%;
  margin: 1px;
}

dd {
  margin-left: 10px;
  margin-right: 10px;
}

dl dt a {
  font-weight: normal;
  height: 100%;
  text-decoration: none;
  width: 100%;
  display: inline-block;
  padding: 5px 5px 5px 5px;
}

dl dt a:hover {
  text-decoration: underline;
}

dl dt a.elMenuSelected:hover {
  text-decoration: underline;
}

dl dt a img {
  border: 0 none;
  margin: 5px;
  text-decoration: none;
  vertical-align: middle;
}

.elMenu ul li {
  height: 30px;
  list-style-type: none;
  vertical-align: middle;
}

.elMenu ul li a {
  display: inline-block;
  padding-left: 20px;
  box-sizing: border-box;
}

.elMenu ul li a:hover {
  background: #E6F0F7;
}

ul li a {
  height: 100%;
  text-decoration: none;
  width: 100%;
}

ul li a:hover {
  text-decoration: underline;
  border-color: transparent !important;
  /* color: #fff; */
}

ul li a.elMenuSelected:hover {
  text-decoration: underline;
}

ul li a img {
  border: 0 none;
  margin: 5px;
  text-decoration: none;
  vertical-align: middle;
}

.THSidebar {
  vertical-align: top;
  width: 7px;
}

.THSidebar0 {
  cursor: pointer;
  height: 56px;
  width: 7px;
}

.THSidebar1 {
  cursor: pointer;
  height: 56px;
  width: 7px;
}


td.elPageCTI {
  height: 100%;
  vertical-align: top;
  width: 100%;
}

div.elPageCTI {
  height: 100%;
  overflow: auto;
  position: relative;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  z-index: 1;
}

table.elPageCTI {
  width: 100%;
}

.elCTIComTimer {
  position: absolute;
  top: 1px;
  width: 225px;
}

.elCTIComTimer td.elData {
  background-color: rgba(0, 0, 0, 0);
  padding-right: 4px;
}

.elCTIComTimer input {
  border: 0 none;
  float: right;
  padding-left: 10px;
  width: 83px;
}

td.elPageAlert {
  height: 100%;
  vertical-align: top;
  width: 100%;
}

div.elPageAlert {
  height: 100%;
  position: relative;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  z-index: 1;
}

table.elPageAlert {
  
}

.elAppointmentsEnhComponent {
  min-width: 800px;
  width: 100%;
}

table.elAppointmentsEnhNavBar {
  height: 30px;
  width: 100%;
}

table.elAppointmentsEnhNavBar td {
  font: 10px Arial, sans-serif;
  text-align: left;
}

table.elAppointmentsEnhNavBar img {
  padding-right: 10px;
  vertical-align: middle;
}

td.elAppointmentsEnhRefresh {
  padding-left: 5px;
}

td.elAppointmentsEnhPrev,
td.elAppointmentsEnhNext {
  width: 25px;
}

div.elAppointmentsEnhBody {
  overflow: hidden;
  width: 100%;
}

tr.elAppointmentsEnhRow td {
  border-bottom: 1px solid #B0B0B0;
}

div.elAppointmentsEnhBody table {
  table-layout: fixed;
}

td.elAppointmentsEnhOverCol {
  background-color: #C6D4FF;
}

td.elAppointmentsEnhOver {
  background-color: #8CA8FF;
}

tr.elAppointmentsEnhRoleAttendee.elAppointmentsEnhFirstRow td.elAppointmentsEnhAttendeeCell
  {
  background: url("../../res_coheristouch/Icomoon/16/coh-check.png")
    no-repeat scroll right center #CAFFAF;
}

tr.elAppointmentsEnhRoleOwner.elAppointmentsEnhFirstRow td.elAppointmentsEnhAttendeeCell
  {
  background: url("../../res_coheristouch/Icomoon/16/coh-person.png")
    no-repeat scroll right center #9EFF66;
}

tr.elAppointmentsEnhRoleNone td.elAppointmentsEnhSelected {
  background-color: #FFE5D8;
}

tr.elAppointmentsEnhRoleAttendee td.elAppointmentsEnhSelected {
  background-color: #FFBA8C;
}

tr.elAppointmentsEnhRoleOwner td.elAppointmentsEnhSelected {
  background-color: #FF9451;
}

tr.elAppointmentsEnhRoleNone td.elAppointmentsEnhSelected.elAppointmentsEnhOver
  {
  background-color: #F4EDF0;
}

tr.elAppointmentsEnhRoleAttendee td.elAppointmentsEnhSelected.elAppointmentsEnhOver
  {
  background-color: #E3D9E2;
}

tr.elAppointmentsEnhRoleOwner td.elAppointmentsEnhSelected.elAppointmentsEnhOver
  {
  background-color: #E9C4B9;
}

td.elAppointmentsEnhBusy {
  background-color: #DCCBFF !important;
}

td.elAppointmentsEnhBusy.elAppointmentsEnhOverCol {
  background-color: #B593FF !important;
}

td.elAppointmentsEnhBusy.elAppointmentsEnhOver {
  background-color: #5974FF !important;
}

tr.elAppointmentsEnhRoleAttendee td.elAppointmentsEnhSelected.elAppointmentsEnhBusy,
  tr.elAppointmentsEnhRoleOwner td.elAppointmentsEnhSelected.elAppointmentsEnhBusy
  {
  background-color: #FF4F4F !important;
}

td.elAppointmentsEnhCurrent {
  background-color: #93E2A2 !important;
}

div.elAppointmentsEnhBody th+th,
div.elAppointmentsEnhBody td+td {
  width: 10px;
}

span.elAppointmentsEnhEventSubject,
span.elAppointmentsEnhEventLocation {
  float: left;
  height: 19px;
  overflow: hidden;
  position: absolute;
  width: 130px !important;
}

span.elAppointmentsEnhEventSubject {
  left: 5px;
  top: 0;
  font-size: 11px;
  color: #777;
}

span.elAppointmentsEnhEventLocation {
  font-style: italic;
  font-size: 10px;
  left: 10px;
  top: 11px;
  color: #209DD7;
}

.elAppointmentsEnhDayTitle,
.elAppointmentsEnhDayTitleFirst {
  border-right: 1px solid var(--border-color);
  height: 15px;
  text-align: center;
  vertical-align: bottom;
  white-space: pre-line;
}

.elAppointmentsEnhDayTitleFirst,
.elAppointmentsEnhHourValue {
  border-bottom: 1px solid #B0B0B0;
  box-shadow: 0 3px 3px #eeeeee;
}

.elAppointmentsEnhHourEnd {
  border-right: 1px dotted var(--border-color);
  height: 30px;
}

.elAppointmentsEnhDayEnd {
  border-right: 1px solid #B0B0B0;
}

div.elAppointmentsEnhDayCell {
  height: 26px;
  overflow: hidden;
  width: 100%;
}

td.elAppointmentsEnhAttendeeCell {
  border: 1px solid #B0B0B0;
  overflow: hidden;
}

td.elAppointmentsEnhAttendeeCell div {
  height: 100%;
  position: relative;
  width: 100%;
}

span.elAppointmentsEnhAttendeeName,
span.elAppointmentsEnhAttendeeNameNoData {
  float: left;
  font: 10px Arial, sans-serif;
  margin-top: 1px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

span.elAppointmentsEnhAttendeeName {
  font-weight: bold;
  white-space: normal;
}

span.elAppointmentsEnhAttendeeNameNoData {
  font-style: italic;
  white-space: normal;
}  

#HomeQuickSearchPrincipalZoneGrThm td.elInput td.elData {
  padding-left: 0;
}

.search-item h3 {
  font-size: 12px;
  padding-bottom: 5px;
}

.search-item h3 span {
  clear: none;
  display: block;
  float: right;
  width: 300px;
}

.search-item h3 img {
  vertical-align: sub;
  width: auto !important;
  height: auto !important;
}

ext-ie .x-form-text {
  position: static;
}

.x-combo-list .x-combo-selected {
  cursor: pointer;
}

.search-item {
  border: 0 none;
  padding: 3px 10px;
  position: relative;
  z-index: 200;
}

.search-item .qs-res-img {
  width: 20px;
}

.search-item .qs-res-date {
  text-align: right;
  vertical-align: top;
  width: 100px;
}

.search-item .qs-res-cont {
  color: #777777;
  vertical-align: top;
}

/*.search-item .qs-res-name {
    background: url("../../res_base/pipe.png") no-repeat scroll left center;
    color: #50628C;
    font-weight: bold;
    padding-left: 5px;
}*/
.x-combo-list iframe {
  height: 98%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 99%;
}

div.quickSearchInf {
  height: 17px;
  overflow: hidden;
  width: 183px;
}

div.quickSearchInf input {
  font-size: 9px;
}

td.quickSearchInf {
  padding-left: 2px;
}

.x-panel-body li {
  height: auto;
}

.elToolboxDrawer td.elData .x-form-field-wrap .x-form-trigger {
  visibility: hidden;
  width: 1px;
}

#HomeQuickSearchPrincipalZoneGrThm_content .x-form-field-wrap .x-form-trigger
  {
  visibility: hidden;
  width: 1px;
}

div.tagcloud {
  margin-left: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}

div.tagcloud .cloud_extralarge a {
  cursor: pointer;
  font-size: 2em;
}

div.tagcloud .cloud_large a {
  cursor: pointer;
  font-size: 1.5em;
}

div.tagcloud .cloud_normal a {
  cursor: pointer;
  font-size: 1em;
}

div.tagcloud .cloud_small a {
  cursor: pointer;
  font-size: 0.9em;
}

div.tagcloud .cloud_extrasmall a {
  cursor: pointer;
  font-size: 0.8em;
}

.rating {
  background: url("../../res_base/rating-stars.png") repeat scroll 0 -8px;
  border: 0 none;
  height: 15px;
  padding: 0;
  width: 105px;
  margin-bottom: 3px;
  min-height: 15px !important;
}

.rating0 {
  background-position: 0 -8px;
}

.rating05 {
  background-position: 0 -30px;
}

.rating10 {
  background-position: 0 -52px;
}

.rating15 {
  background-position: 0 -73px;
}

.rating20 {
  background-position: 0 -95px;
}

.rating25 {
  background-position: 0 -117px;
}

.rating30 {
  background-position: 0 -139px;
}

.rating35 {
  background-position: 0 -161px;
}

.rating40 {
  background-position: 0 -184px;
}

.rating45 {
  background-position: 0 -206px;
}

.rating50 {
  background-position: 0 -228px;
}

.highlight {
  background-color: #FFFF00;
}

.bigTitleInSelect {
  font-style: italic;
  font-weight: bold;
  padding: 0;
}

.elHtmlCode h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

.elHtmlCode h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}

.elHtmlCode h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}

.elHtmlCode h4 {
  font-size: 1em;
  margin: 1.12em 0;
}

.elHtmlCode h5 {
  font-size: 0.83em;
  margin: 1.5em 0;
}

.elHtmlCode h6 {
  font-size: 0.75em;
  margin: 1.67em 0;
}

.elHtmlCode h1,
.elHtmlCode h2,
.elHtmlCode h3,
.elHtmlCode h4,
.elHtmlCode h5,
.elHtmlCode h6,
.elHtmlCode b,
.elHtmlCode strong {
  font-weight: bolder;
}

.elHtmlCode i,
.elHtmlCode em,
.elHtmlCode address {
  /* font-style: italic; */
  
}

em strong {
  font-style: italic;
  font-weight: bold;
}

.elHtmlCode ul,
.elHtmlCode ol {
  list-style-position: inside;
}

.elHtmlCode li {
  height: auto;
}

.elHtmlCode ul li {
  list-style-type: disc;
}

.elHtmlCode ol li {
  list-style-type: decimal;
}

#quickSearchCmp {
  
}

#ConveyorFieldsToUpdateDetail {
  height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
}

div.dragDrop {
  background: none repeat scroll 0 0 #008000;
  display: block;
  height: 20px;
  position: absolute;
  width: 5px;
  z-index: 2;
}

.draggable th.elTHead div.ddColumn {
  background: none repeat scroll 0 0 #C0C0C0;
  cursor: move;
  height: 8px;
  width: 100%;
  z-index: 1;
}

.draggable th.elTHead {
  vertical-align: top;
  z-index: 2;
}

.draggable th.elTHead {
  padding: 0;
}

.imgDropColumn {
  position: absolute;
  z-index: 20000;
}

#HomeFullTextSearchGrpThm {
  padding-top: 5px;
}

#HomeFullTextSearchGrpThm_content .elData {
  padding: 2px;
}

#HomeFullTextSearchGrpThm_content .mandatory {
  display: none;
}

.fullTextHighlight {
  font-weight: bold;
}

.coheris-info {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  /*background: url("info-bg.gif") repeat-x scroll 0 0 #ECF5FE;*/
  border-color: #DCEAFB #C3DAF9 #C3DAF9 #DCEAFB;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  font-size: 10px;
  padding: 8px;
  width: 150px;
}

pre.code {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #F8F8F8;
  border-color: #E8E8E8;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  font-size: 12px !important;
  line-height: 14px !important;
  margin: 10px 10px 10px 0;
  padding: 10px;
}

.msg .x-box-mc {
  font-size: 14px;
}

#msg-div {
  left: 35%;
  position: absolute;
  top: 10px;
  width: 300px;
  z-index: 20000;
}

#msg-div .msg {
  background: none repeat scroll 0 0 #F6F6F6;
  -webkit-border-radius: var(--main-radius-medium);
  -moz-border-radius: var(--main-radius-medium);
  border-radius: var(--main-radius-medium);
  color: #555555;
  margin-top: 2px;
  padding: 1px;
}

#msg-div .msg h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 8px;
}

#msg-div .msg p {
  margin: 0;
}

.x-grid3-row-body p {
  margin: 5px 5px 10px !important;
}

.feature-list {
  margin-bottom: 15px;
}

.feature-list li {
  list-style: disc outside none;
  margin-bottom: 4px;
  margin-left: 17px;
}

.curtain {
  background-color: #FFFFFF;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: middle;
  z-index: 900000000;
  cursor: progress;
}

.curtainText {
  background: rgb(255, 255, 255);
  color: #a09999;
  font-size: 9px;
  line-height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 200011;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  box-shadow: 0px 0px 6px 1px rgba(48, 49, 50, 0.09);
  opacity: 0.9;
  text-align: center;
  width: var(--curtain-container-size);
  z-index: 900000001;
}

.curtainTextProcessing {
  width: 184px;
  margin: 10px 35px 0 0;
  font-size: 12px;
  padding: 5px;
}

.curtainText img{
z-index: 900000002;
}  

/* US044 */
.loader {
  border-width: var(--curtain-border-size);
  border-style: solid;
  border-left-color: var(--curtain-border-left-color);
  border-top-color: var(--curtain-border-top-color);
  border-bottom-color: var(--curtain-border-bottom-color);
  border-right-color: var(--curtain-border-right-color);
  border-radius: 50%;
  width: var(--curtain-size);
  height: var(--curtain-size);
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  margin: 10px auto 0px auto;
  text-align: center;
}

.curtainTextProcessing .loader {
  margin: 10px 35px 8px 75px;
}

.ccalendar-not-movable-or-resizable-or-openable {
  background-image: none;
  cursor: default !important;
}

.ccalendar-not-movable-or-resizable-but-openable {
  background-image: none;
  cursor: pointer !important;
}

.x-event-title-default,
.x-legend-title-b,
.x-whole-title-b {
  cursor: move;
}

td.selectedAttendee {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #DFF2DC !important;
  background-image: url("../../res_coheristouch/Icomoon/16/coh-check.png");
  background-origin: padding-box;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto;
  opacity: 1 !important;
}

div.selectedTimeSlot,
td.selectedTimeSlot {
  background-color: #8EC5FA !important;
  opacity: 1 !important;
}

div.plannedTimeSlot,
td.selectedOwner {
  background-color: #F9A679 !important;
  opacity: 1 !important;
}

td.selectedOwner {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #FFE6D9 !important;
  background-image: url("../../res_coheristouch/Icomoon/16/coh-person.png");
  background-origin: padding-box;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto;
}

.actionPlayerCurtain {
  opacity: 0.5;
  z-index: 2000;
}

#ConveyorPlayerMain img {
  vertical-align: middle;
}

#ConveyorPlayerMain .elActionPlayerListGrpThm td,
#ConveyorPlayerMain .elActionPlayerListGrpThm th {
  color: #696969;
  padding: 0;
  text-align: center;
}

#ConveyorPlayerMain .elActionPlayerListChild table.elDataList_content td,
#ConveyorPlayerMain .elActionPlayerListChild table.elDataList_content th {
  padding: 3px;
}

#ConveyorPlayerMain .elActionPlayerCurrentActionGrpThm .elImg {
  text-align: right;
}

#ConveyorPlayerMain div.elActionPlayerControllerGrpThm {
  padding: 3px;
}

#ConveyorPlayerMain div.elActionPlayerCurrentActionGrpThm {
  height: 25px;
}

#ConveyorPlayerMain .elActionPlayerInfosDisplayGrpThm .elData {
  text-align: center;
  vertical-align: middle;
}

#ConveyorPlayerMain div.elActionPlayerListGrpThm {
  margin: auto;
  padding: 0;
  width: 90%;
}

#ConveyorPlayerMain .elActionPlayerCurrentActionGrpThm td {
  padding: 0 5px;
}

#ConveyorPlayerMain .elActionPlayerListTopToggleGrpThm .elBtnAction,
  #win_ActionPlayer .elActionPlayerToggleListGrpThm .elBtnAction {
  line-height: 0;
  padding: 0;
  text-align: center;
}

#ConveyorPlayerMain {
  margin: auto;
  width: 400px;
  z-index: 2001;
}

.trDefaultIconTree {
  
}

.trClassificationIconTree {
  background-image: url("../../res_coheristouch/Clients.gif") !important;
}

.trClassificationCMIconTree {
  background-image: url("../../res_coheristouch/folder-cib-mkt.png")
    !important;
}

.trClassificationSQLIconTree {
  background-image: url("../../res_coheristouch/folder-sql.png")
    !important;
}

.trClassificationListIconTree {
  background-image: url("../../res_coheristouch/folder-list.png")
    !important;
}

.trClassificationListAPIIconTree {
  background-image: url("../../res_coheristouch/folder-list-api.png")
    !important;
}

.trClassificationListBIIconTree {
  background-image: url("../../res_coheristouch/folder-list-bi.png")
    !important;
}

.trClassificationIconCSTree {
  background-image: url("../../res_coheristouch/folder-cib.png")
    !important;
}

.trClassificationCrossIconTree {
  background-image: url("../../res_coheristouch/crosssearch.png")
    !important;
}

.trStandardTargetTarIconTree {
  background-image: url("../../res_coheristouch/targeting.png") !important;
}

.trArchivedStandardTargetIconTree {
  background-image: url("../../res_coheristouch/targeting.png") !important;
}

.trStaticStandardTargetIconTree {
  background-image: url("../../res_coheristouch/targeting-nonedit.png")
    !important;
}

.trSQLIconTree {
  background-image: url("../../res_coheristouch/sql.png") !important;
}

.trArchivedSQLIconTree {
  background-image: url("../../res_coheristouch/sql.png") !important;
}

.trStaticSQLIconTree {
  background-image: url("../../res_coheristouch/sql-nonedit.png")
    !important;
}

.trListIconTree {
  background-image: url("../../res_coheristouch/list.png") !important;
}

.trArchivedListIconTree {
  background-image: url("../../res_coheristouch/list.png") !important;
}

.trStaticListIconTree {
  background-image: url("../../res_coheristouch/list-nonedit.png")
    !important;
}

.trMarketingTargetIconTree {
  background-image: url("../../res_coheristouch/mkttargeting.png")
    !important;
}

.trMarketingTargetPublishedWithListIconTree {
  background-image: url("../../res_coheristouch/mkttargeting-publist.png")
    !important;
}

.trMarketingTargetPublishedWithDynamicChildrenIconTree {
  background-image: url("../../res_coheristouch/Enfant.gif") !important;
}

.trMarketingTargetPublishedAsSelfIconTree {
  background-image: url("../../res_coheristouch/mkttargeting-pub.png")
    !important;
}

.trArchivedMarketingTargetIconTree {
  background-image: url("../../res_coheristouch/mkttargeting-pub.png")
    !important;
}

.trArchivedMarketingTargetPublishedWithListIconTree {
  background-image:
    url("../../res_coheristouch/mkttargeting-publist-arch.png") !important;
}

.trArchivedMarketingTargetPublishedWithDynamicChildrenIconTree {
  background-image: url("../../res_coheristouch/EnfantUpd.gif") !important;
}

.trArchivedMarketingTargetPublishedAsSelfIconTree {
  background-image: url("../../res_coheristouch/mkttargeting-pub.png")
    !important;
}

.trStaticMarketingTargetIconTree {
  background-image: url("../../res_coheristouch/mkttargeting-nonedit.png")
    !important;
}

.trStaticMarketingTargetPublishedWithListIconTree {
  background-image: url("../../res_coheristouch/lock-list.png") !important;
}

.trStaticMarketingTargetPublishedWithDynamicChildrenIconTree {
  background-image: url("../../res_coheristouch/EnfantNew.gif") !important;
}

.trStaticMarketingTargetPublishedAsSelfIconTree {
  background-image:
    url("../../res_coheristouch/mkttargeting-pub-nonedit.png") !important;
}

.tdcInLibrary {
  background-image: url("../../res_coheristouch/menu_sfa.png") !important;
}

.elRichText em span {
  color: inherit !important;
}
/* US044 */
#ConveyorHomeGDPRTxtCtrlDefectsList_tbody td.elRichText {
  scrollbar-color: #ccc #efefef;
  scrollbar-width: thin;
  padding: 0px 0px 0px 5px;
}

.elButton_sum {
  text-align: center;
  vertical-align: middle;
  width: 20px;
}

td .elButton_sum img {
  cursor: pointer;
  margin: 10px;
}

td.elDisplay table,
.elListGroups_RO table,
.elListUsers_RO table,
td.elPassword_RO table,
td.elList_RO table,
td.elList0_RO table,
td.elList1_RO table,
td.elList3_RO table,
td.elList4_RO table,
td.elTextArea_RO table,
div.elTextArea_RO table,
td.elInput_RO table,
div.elInput_RO table,
td.elDisplay_RO table {
  height: 100%;
  width: 100%;
}

td.elDisplay td.elData,
td.elInput_RO td.elData,
div.elInput_RO td.elData,
td.elPassword_RO td.elData,
td.elFile_RO td.elData,
td.elList_RO td.elData,
td.elList0_RO td.elData,
td.elList1_RO td.elData,
td.elList3_RO td.elData,
td.elList4_RO td.elData,
td.elDisplay_RO td.elData,
td.elTextArea_RO td.elData,
div.elTextArea_RO td.elData,
td.elPicker_RO td.elData,
.elListUsers_RO td.elData,
.elListGroups_RO td.elData {
  overflow: hidden;
  vertical-align: middle;
  width: auto;
}

td.elDisplay>table:not(.label-top) .elData{
  padding-left: 5px
}

td.elTextArea_RO td.elData, 
div.elTextArea_RO td.elData {
  vertical-align: top;
}

td.elTextArea_RO td.elData textarea,
div.elTextArea_RO td.elData textarea {
  height: 100%;
  min-height: 40px;  
}

.elDataList td.elDisplay td.elData, 
.elDataList td.elInput_RO td.elData,
.elDataList td.elPassword_RO td.elData,
.elDataList td.elFile_RO td.elData,
.elDataList td.elList_RO td.elData,
.elDataList td.elList0_RO td.elData,
.elDataList td.elList1_RO td.elData,
.elDataList td.elList3_RO td.elData,
.elDataList td.elList4_RO td.elData,
.elDataList td.elTextArea_RO td.elData,
.elDataList td.elPicker_RO td.elData,
.elDataList .elListUsers_RO td.elData,
.elDataList td.elDisplay td.elData,
.elDataList .elListGroups_RO td.elData {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  width: auto;
}

td.elInput_RO td.elBtn img,
td.elPassword_RO td.elBtn img,
td.elFile_RO td.elBtn img,
td.elList_RO td.elBtn img,
td.elList0_RO td.elBtn img,
td.elList1_RO td.elBtn img,
td.elList3_RO td.elBtn img,
td.elList4_RO td.elBtn img,
td.elTextArea_RO td.elBtn img,
td.elPicker_RO td.elBtn img,
.elListUsers_RO td.elBtn img,
.elListGroups_RO td.elBtn img {
  /*border: 0 none;*/
}

.container .nav {
  display: inline-block;
  text-align: left;
  width: 120px;
}

.nav {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 0;
  width: 120px;
}

.nav-list {
  background: linear-gradient(to bottom, #FFFFFF, #E1E2EB) repeat scroll 0
    0 #F4F5F7;
  height: 34px;
  padding: 0 6px;
}

.nav-link {
  color: #555555;
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 34px;
  margin-top: -8px;
  padding: 0 14px;
  position: relative;
  text-decoration: none;
}

.nav-link:hover {
  color: #333333;
  text-decoration: underline;
}

.nav-counter {
  background: var(--layout-notifications-background-color);
  border: 1px solid var(--layout-notifications-background-color);
  color: #FFFFFF;
  font-size: 12px;
  margin-left: 9px;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 5px;
  -webkit-border-radius: var(--main-radius-large);
  -moz-border-radius: var(--main-radius-large);
  border-radius: var(--main-radius-large);
  cursor: pointer;
  padding: 3px 7px;
  font-weight: 700;
  line-height: 1;
}

.notificationViewAll {
  color: #777777;
  text-decoration: none;
}

.nav-counter-green {
  background: linear-gradient(to bottom, #8EC15B, #689739) repeat scroll 0
    0 #75A940;
  border: 1px solid #42582B;
}

.sectionNotification2 {
  background-color: #DDDDDD;
  background-image: linear-gradient(#E5E5E5, #CFCFCF);
  border: 1px solid rgba(172, 175, 175, 0.63);
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  line-height: 1.5em;
  margin: 5px;
  padding: 5px;
}

.sectionNotification {
  margin-left: -15px;
  margin-top: 10px;
}

.titleNotification {
  font-size: 15px;
  margin-left: -35px;
  padding: 4px;
  text-align: center;
}

.titleNotification a:link {
  color: #046380;
}

.titleNotification a:visited {
  color: #046380;
}

.sectionNotification a:link {
  color: #046380;
}

.sectionNotification a:visited {
  color: #046380;
}

.nav-counter-blue {
  background: linear-gradient(to bottom, #67A7E9, #2580DF) repeat scroll 0
    0 #3B8DE2;
  border: 1px solid #215A96;
}

dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
pre,
form,
fieldset,
p {
  margin: 0;
  padding: 0;
}

.noMandatory td.mandatory {
  display: none;
}

.elDataList  .label-sm {
  display: none;
}

img {
  position: relative;
  zoom: 1;
}

.emptyCell {
  display: none;
}

#ParamDataAccessHeaderEditorPaneGeneral_pd,
#ParamDataAccessHeaderEditorPaneGeneral_pd table {
  height: 100%;
  padding-top: 0;
}

.x-window-dlg .ext-mb-input {
  height: 25px;
}

.x-window-dlg .x-btn {
  height: 27px;
}

.x-window-dlg .x-window-body {
  border: 1px solid var(--border-color) !important;
}

.gdpr-about-window .x-window-bl {
  display:none;
}

#ConveyorQuotationLineList td.elTextArea_RO td.elData textarea,
#ConveyorQuotationLineList div.elTextArea_RO td.elData textarea {
  height: auto !important;
  max-height: 40px;
  overflow: hidden;
}

.entityLinkSummary .elData {
  border-bottom: 1px solid var(--border-color);
  box-shadow: 0 2px 2px #eeeeee;
  color: #4d7496 !important;
  font-size: 18px;
}

.CodeMirror {
  height: auto;
  border: 1px solid var(--border-color);
}
.CodeMirror-dialog-top {
  background-color: #eee!important;
}
.CodeMirror-dialog input {
  background: white!important;
}
.elTextArea_RO .CodeMirror-scroll {
  background-color: #f7f7f7;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  font-size: 13px!important;
  line-height: 1.4em!important;
}
textarea.CodeMirror {
  margin-left: 26px;
  line-height: 1.4em;
  width: calc(100% - 26px) !important;
}
progress {
  width: 200px;
  height: 13px;
  padding: 2px 4px 3px 3px;
  border-color: var(--main-default-dark); /* rgb(165, 165, 165); */
  margin-top: 10px;
}

progress.green {
  color: var(--main-success-dark); /* green; */
}

progress.green::-moz-progress-bar {
  background-color: var(--main-success-dark); /* green; */
}

progress.red {
  color: var(--main-danger-dark); /* rgba(220, 94, 94, 1); */
}

progress::-webkit-progress-bar {
  background: transparent;
}

progress.red::-moz-progress-bar {
  background-color: var(--main-danger-dark); /* rgba(220, 94, 94, 1); */
}

progress.red::-webkit-progress-bar {
  background-color: var(--main-danger-dark); /* rgba(220, 94, 94, 1); */
}

#TargettingCriteriaEditorBody input.elSel {
  display: none;
}

#ConveyorTargetingCriteriaEditor .elSel {
  display: none;
}

#ConveyorCriteriaEditorValues input.x-tree-node-cb {
  min-width:23px;
  padding: 0;
}
#ConveyorCriteriaEditorValues input.x-tree-node-cb:after{
  padding-top:0px;
}

#ConveyorOverrideCriteriaCSList #Th_emptyGridGroupColumn,
#ConveyorOverrideCriteriaCSList #imgemptyGridGroupColumn,
#ConveyorCriteriaBlock1List #Th_emptyGridGroupColumn,
#ConveyorCriteriaBlock1List #imgemptyGridGroupColumn,
#ConveyorCriteriaBlock2List #Th_emptyGridGroupColumn,
#ConveyorCriteriaBlock2List #imgemptyGridGroupColumn,
#ConveyorOverrideCriteriaCMListBloc1 #Th_emptyGridGroupColumn,
#ConveyorOverrideCriteriaCMListBloc1 #imgemptyGridGroupColumn,
#ConveyorOverrideCriteriaCMListBloc2 #Th_emptyGridGroupColumn,
#ConveyorOverrideCriteriaCMListBloc2 #imgemptyGridGroupColumn,
#ConveyorCampaignOverrideCriteriaCSList #Th_emptyGridGroupColumn,
#ConveyorCampaignOverrideCriteriaCSList #imgemptyGridGroupColumn,
#ConveyorCampaignOverrideCriteriaCMListBloc1 #Th_emptyGridGroupColumn,
#ConveyorCampaignOverrideCriteriaCMListBloc1 #imgemptyGridGroupColumn,
#ConveyorCampaignOverrideCriteriaCMListBloc2 #Th_emptyGridGroupColumn,
#ConveyorCampaignOverrideCriteriaCMListBloc2 #imgemptyGridGroupColumn {
  width: 0px;
  padding: 0;
}

.fa.fa-fw.fixe-blur {
  width: 19px;
}

#OSKOption {
  position: absolute;
  top: 10px;
  left: 45px;
  background-color: #fff;
  opacity: 0.9;
  -webkit-border-radius: var(--main-radius-medium);
  -moz-border-radius: var(--main-radius-medium);
  border-radius: var(--main-radius-medium);
  padding: 5px;
  margin-right: 45px;
  z-index: 2000;
}

i.gdprPersonalInfosBtn {
    cursor: pointer;
    color: #2c2c2c;
    padding-left: 3px;
    font-size: 17px;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
}

/* Elt en RO, pas d'icone GDPR */
/* .elDisplay i.gdprPersonalInfosBtn,  */
/* .elList_RO i.gdprPersonalInfosBtn,  */
/* .elList0_RO i.gdprPersonalInfosBtn,  */
/* .elList1_RO i.gdprPersonalInfosBtn,  */
/* .elList3_RO i.gdprPersonalInfosBtn,  */
/* .elList3.elInput_RO i.gdprPersonalInfosBtn,  */
/* .elList4_RO i.gdprPersonalInfosBtn,  */
/* .elPicker_RO i.gdprPersonalInfosBtn,  */
/* .elPassword_RO i.gdprPersonalInfosBtn,  */
/* .elInput_RO i.gdprPersonalInfosBtn,  */
/* .elFile_RO i.gdprPersonalInfosBtn,  */
/* .elDateTime_RO i.gdprPersonalInfosBtn,  */
/* .elDateTime_RO i.gdprPersonalInfosBtn,  */
/* .elList0.elInput_RO i.gdprPersonalInfosBtn  { */      
/*       color: #fff; */
/*       display: none; */
/* }  */



/* iAdvize : Text envoye par l'operateur */
.ConversationType1 {
  background-color: #f9f9f9;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  padding: 10px 15px !important;
  float:right;
  margin: 15px 0px 15px 45px;
  border: 1px solid #eee;
}

/* iAdvize : Contenu riche envoye par l'operateur */
.ConversationType6 {
  background-color: #f9f9f9;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  padding: 10px 15px !important;
  text-decoration-line: underline;
  float:right;
  margin:10px 0px 10px 45px;
  border: 1px solid #eee;
}
.ConversationType6  a{
  color : #333
}

/* iAdvize : Text envoye par le visiteur */
.ConversationType2 {
  background-color: rgba(151, 178, 211, 0.25);
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  padding: 10px 15px !important;
  float:left;
  margin: 15px 45px 15px 0px;
}
/* iAdvize : Notification logicielle */
.ConversationType3 {
  background-color: #ffffff;
  text-align: center !important;
  font-weight: bold;
  display: grid;
}


.ConversationType3  span{
  background-color: #f9f9f9;
  padding: 10px !important;
  border:1px solid #eee;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ConversationType3  span:before{
     margin-right: 5px;
     content: "\f0a4";
     font: normal normal normal 14px/1 FontAwesome;
     font-size:22px;
     color: #000;
}  


/* iAdvize : Lien URL */
.ConversationType5 {
  background-color: rgba(238, 238, 238, 0);
  float: left;
  padding: 5px 10px 5px 10px !important;
  border: solid white;
  /* border-width: 10px 0px 10px 0px; */
  width: 100%;
  display: grid;
}
.ConversationType5  a{
  color : #000;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ConversationType5  a:before{
     margin-right: 5px;
     content: "\f08b";
     font: normal normal normal 14px/1 FontAwesome;
     font-size:22px;
     color: #000000;
}    

/* iAdvize : Contenu riche envoye par le visiteur */
.ConversationType7 {
  background-color: #eeeeee;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  padding: 10px 15px !important;
}
.ConversationDate {
  font-size: 13px;
  width: 60px;
  font-weight: 500;
  color: #9b9b9b;
}
.ratingOutOf3 {
    background: url("../../res_base/rating-stars.png") repeat scroll 0 -8px;
    border: 0 none;
    height: 18px!important;
    padding: 0;
    width: 64px!important;
    margin-bottom: 1px;
  border-top: 0px !important;
  color: transparent;
}
.rating0OutOf3 {
    background-position: 0 245px;
}
.rating3OutOf3 {
    background-position: 0 200px;
}
.rating2OutOf3 {
    background-position: 0 157px;
}
.rating1OutOf3 {
    background-position: 0 113px;
}
.refreshIndicators {
  background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    box-shadow: 0 1px 1px #dddddd;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 3px;
    position: absolute;
    top: 8px;
    z-index: 20000;
}


.subscriptionsActivities .refreshIndicators {
box-shadow: 0 1px 1px #cccccc;
left: 6;
padding: 3px;
top: 74px;
margin-left: 14px;
}

.refreshIndicators:hover {
border: 1px solid #adadad;
}

.row-bg:hover{
 background-color: #eeeeee;
}

.subscriptionsActivities:hover .refreshIndicators, 
.row-bg:hover .refreshIndicators{
   opacity:1;
   filter: alpha(opacity=100);
} 

.coherisCounterIndicator input,
.coherisCounterIndicator .elInput_RO input,
.coherisCounterIndicator td.elInput_RO input {
  box-shadow: none;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  color: #434d55;
}

.coherisCounterIndicator {
  padding:3px;
  text-align:center;
}

.btn.disabled{
  pointer-events: none;
} 


/* Liste Historique des modifications payload */
table.fieldHistoryList_content tr {
  border: 0 var(--border-color) solid !important;
}
table.fieldHistoryList_content tr:first-child {
  color: #33A0DA !important;
  border-bottom:1px solid var(--border-color) !important;
}
table.fieldHistoryList_content tr:first-child span {
  color: #33A0DA !important;
}

td.procedurestatus {
  text-align: center !important;
}

td.procedurestatus span{
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  padding: 5px 12px;
  text-transform: uppercase;
  font-size: 10px;
  background-color: #9e9e9e;
  color: white;
}

td.procedurestatus.signed span{
  background-color: #5cb85c;
}

td.procedurestatus.refused span{
  background-color: #ff3333;
}

td.procedurestatus.tobesigned span{
  background-color: #f0ad4e;
}

.simplebar-track .simplebar-scrollbar.visible::before {
  opacity: .3;
}
 .simplebar-track .simplebar-scrollbar:hover::before{
  opacity: .6;
}

/** Hack pour cacher le bouton de promotion de TinyMCE sans revoir les configuration */
.tox.tox-tinymce .tox-promotion {
  display: none !important;
}

@supports not (-ms-high-contrast: none){
  div.loginConnexionGrpThm i.fa-eye,
  div.loginConnexionGrpThm i.fa-eye-slash {
    right: 7px;
    position: absolute;
    padding: 11px 0px 12px 0px;
    width: 30px;
  }
}

@media (max-width: 499px){
  table.smNoSelectLine th.elTHeadSelColumns,
  table.smNoSelectLine td.elDataChecker {
    display:none;
  }
}

table.noSelectLine th.elTHeadSelColumns,
table.noSelectLine td.elDataChecker {
  display:none;
}

/*** enquete de satisfaction ***/

#ConveyorSurveyDetail {
  padding: 5px 5px 0 0;
}
#ZoneEcranPropertiesGrpThm,
#ParamFormSurveyHeaderGrpThm {
  border-bottom: 1px solid var(--input-border-color);
  padding-bottom: 10px;
}
table.elSurvey {
  max-width: 700px;
}
.elSurvey td.elData {
  padding-top:5px
}
.elSurvey td.elData td:not(.elRadioSmiley) span {
  padding-right: 20px;
}
.elSurvey td.elRadioSmiley {
  text-align: center;
}
.elSurvey td.elRadioGrid,
.elSurvey td.elRadio,
.elSurvey td.elTextArea {
  font-size: var(--labels-font-size);
}
.elSurvey table.elRadioGrid {
  display: block;
  padding: 10px 10px;
}
.elSurvey table.elRadioGrid th,
.elSurvey table.elRadio th {
  white-space: nowrap;
  text-align: center;
}
.elSurvey table.elRadioGrid th {
  padding: 0px 10px 5px;
  min-width: 20px;
}
.elSurvey table.elRadio th,
.elSurvey table.elRadioGrid th {
  padding: 5px 10px 0px;
  min-width: 35px;
}

.elSurvey table.elRadioGrid .elData td {
  border: 1px solid #d4d9e0;
  border-left: 0;
  border-right: 0;
  padding: 5px 0;
}
.elSurvey table.elRadio td.elData span {
  display: table-cell; 
}
/* label des questions */
.elSurvey table.label-top td.elLabel.top label {
  padding-top: 20px;
  font-weight: 800;
}
/* label des sous questions */
.elSurvey td.elLabel label {
  width: auto; 
  text-align: left;
}
.elSurvey input[type="radio"] {
  margin: auto;
}
 
#ParamFormSurveyHeaderGrpThm td.elList0 table:not(.label-top) {
  padding-right: 10px;
}
#ParamFormSurveyHeaderGrpThm td.elList0 td.elLabel,
#ParamFormSurveyHeaderGrpThm td.elList0 td.elLabel label{
  width:10px;
  white-space: nowrap;
}

.surveyQuestion .elImg {
  vertical-align: top; padding-top: 5px; font-size: 20px;
}
.surveyQuestion .elImg i.coh.icon-coh-close {
  cursor: pointer;
}

/* Bouton Ajouter une ligne */
#ConveyorSurveyQuestions .elSelectAsBtn  .select2-selection__arrow {
  left: 1px;
}
#ConveyorSurveyQuestions .elSelectAsBtn  .select2-container--coheris .select2-selection--single .select2-selection__arrow b {
  border-color: transparent !important;
}
#ConveyorSurveyQuestions .elSelectAsBtn  {
  border-color: transparent !important;
  background-color: transparent;
}
#ConveyorSurveyQuestions .elSelectAsBtn  .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 20px!important;
}
#ConveyorSurveyQuestions .elSelectAsBtn  .select2-selection__arrow::after{
  font-family: 'icomoon' !important;
  content: "\e902";
}
td.surveyQuestion {
  background: white;
}
#ConveyorSurveyQuestions tr {
  border:0;
}
td.surveyQuestion >div {
  border: 1px solid #bbb;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  box-shadow: 1px 3px 15px 0px rgba(0,0,0,0.16);
  margin:10px;
}
.surveyQuestion td > table.label-top {
  padding: 0px!important;
}

.smiley1 {
	background-image: url("../../res_coheristouch/smiley1.svg") !important;
}

.smiley2 {
	background-image: url("../../res_coheristouch/smiley2.svg") !important;
}

.smiley3 {
	background-image: url("../../res_coheristouch/smiley3.svg") !important;
}

.smiley4 {
	background-image: url("../../res_coheristouch/smiley4.svg") !important;
}

.smiley5 {
	background-image: url("../../res_coheristouch/smiley5.svg") !important;
}

.elRadioSmiley label, 
.elRadioStar label {
	background-repeat: no-repeat;
	height: 30px;
	cursor: pointer;
	width: 30px;
	margin-bottom: 0;
}
.elRadioSmiley span {
  line-height: 0 !important;
  vertical-align: bottom;
}
.elRadio td.elRadioSmiley  {
  padding-right: 10px;
}
.elRadioSmiley input, 
.elRadioStar input {
	position: absolute;
	right: 500000px;
}

.elRadioSmiley input[type=radio]:checked+label {
	border: solid #3571df;
	border-radius: 50%;
}

.surveyQuestion td.elQuestionHeader {
  background-color: #061a34;
  -webkit-border-radius: var(--main-radius) var(--main-radius) 0 0;
  -moz-border-radius: var(--main-radius) var(--main-radius) 0 0;
  border-radius: var(--main-radius) var(--main-radius) 0 0;
}
.surveyQuestion td.elQuestionHeader div.elQuestionHeader {
  margin: 5px 5px 0 0;
 }
.surveyQuestion i.coh.icon-coh-alert-category1,
.surveyQuestion i.coh.icon-coh-emoji,
.surveyQuestion .icon-coh-delete {
  cursor: pointer;
}

.surveyQuestion .icon-coh-delete {
  font-size: 23px;
  padding: 0 15px;
  border-right: 1px solid #8887;
}
.surveyQuestion .elQuestionHeader .fa.fa-arrow-up,
.surveyQuestion .elQuestionHeader .fa.fa-arrow-down {
  color: #a5a5a5;
  cursor:pointer;
}
.surveyQuestion .elQuestionHeader .coh.icon-coh-location-searching {
  font-size:24px;
  font-weight: 800;
  color: #a5a5a5;
  cursor:pointer;
  position:relative;
  top:-3px;
}
.surveyQuestion .select2-container {
  min-width:70px;
}
td.elQuestionFooter {
  padding: 5px 10px 5px 0;
  border-top: 1px solid #8887;
}
div.elGrpThmLstCol.surrounded .surrounded{
  gap:0;  
  height:42px;
}
.elGrpThmLstCol.surrounded .surrounded:has(div i) {
  border:1px solid #8887;
  border-radius: 50px;
}
div.elGrpThmLstCol.surrounded div.surrounded i {
  padding:0px 10px;
}
div.elGrpThmLstCol.surrounded div.surrounded div.elImg:hover {
  background:#8885;
  border-radius: 20px;
}
#ConveyorSurveyLineList:has(>table) {
  border:1px solid var(--border-color);
  -webkit-border-radius: var(--main-radius-large);
  -moz-border-radius: var(--main-radius-large);
  border-radius: var(--main-radius-large);
  width: 800px;
  margin: auto;
}
#ConveyorSurveyLineList tbody tr {
  border:none;
  height:20px;
}
#ConveyorSurveyLineList tbody tr td:not(.elBtn) {
 padding:0 5px;
}
#ConveyorSurveyLineList  tbody tr td.titleText {
  padding: 10px 0 0 25px
}
#ConveyorSurveyLineList tbody tr td.elList0 td {
 padding-top:15px;
}
#ConveyorSurveyLineList div.elTextArea_RO {
 width:100%;
}
#ConveyorSurveyLineList div.elTextArea_RO table {
 padding:3px 0;
}
#ConveyorSurveyLineList div.elTextArea_RO tbody tr td {
 padding:0;
}
#ConveyorSurveyLineList tbody tr td textarea{
  border:0;
  background-color: white !important;
  font-size: 12px;
  line-height: 17px;
  resize: vertical;
  padding: 5px 3px !important;
}
.surveyConditionMsg {
  float: right;
  position: relative;
  top: 7px;
  right: 15px;
  color: #686868;
  height: 0;
  font-style: italic;
}

#ConveyorSurveyLineList .x-progress-text div {
  display:none;
}
#ConveyorSurveyLineList .x-progress-wrap {
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  border-color: transparent;
  padding-top: 6px;
}
#ConveyorSurveyLineList .x-progress-inner,
#ConveyorSurveyLineList .x-progress-inner div {
  height: 8px !important;
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
}
#ConveyorSurveyLineList .x-progress-inner{
  background-color: var(--default-button-background);
}
#ConveyorSurveyLineList .grid.elGrpThmLstCol {
  margin: 0px;
}
#ConveyorSurveyLineList .grid.elGrpThmLstCol >div:not(.elTextArea_RO){
  padding: 5px 0 0 0;
}
#ConveyorSurveyLineList .grid.elGrpThmLstCol div.elLink{
  height: 30px;
}
table[data-show-when] {
  background-color: #f5fafa;
}
table[data-show-when] td.elData {
  padding-bottom: 15px;
}
#SurveyElement_content > tr {
  border-top: 10px solid transparent;
}
@keyframes outlineBlink {
  0%, 100% {outline: 8px solid #2e8ff066;}
  50% {    outline: 0px solid #2e8ff066;}
}

@media(width<=572px) {
	 .elSurvey td.elData td:not(.elRadioSmiley) span {
    padding-right: 5px;
  }
  .elSurvey table.elRadio th,
  .elSurvey table.elRadioGrid th {
    padding: 0 3px;
    min-width: 20px;
    white-space: break-spaces;
    word-wrap: anywhere;
    hyphens: auto;
  }
  .elSurvey input[type="radio"] {
    margin: 0 3px;
  }
  .elSurvey .elRadioGrid .elData input[type="radio"],
  .elSurvey .elRadioGrid .elRadioSmiley label {
    margin-top: 25px;
  }
  div.container {
    padding:0;
  }
  .elSurvey td.elLabel label {
    white-space: break-spaces;
  }
  .elSurvey table.elRadioGrid .elData td.elLabel{
    border: 0;
    position: absolute;
  }
  .elSurvey .elRadio  td.elData td:not(.elRadioSmiley) span label {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  .wsForm div.elPageBody {
    height: auto;
  }
}

td.elInput.elFTFilter {
  float: right;
  padding: 0;
  margin: 2px 0px 6px 0;
}
.elInput.elFTFilter td.elLabel {
  padding: 0;
  width: 160px;
}
.elInput.elFTFilter td.elLabel label {
  font-size: 11px;
  width: 145px
}
.elInput.elFTFilter td.elData {
  text-align: right;
  white-space: nowrap;
}
.elInput.elFTFilter.lonely td.elData {
  padding-left: 0;
}
.elFTFilter td.elData input {
  max-width: 185px;
  height: var(--button-list-action-height);
  padding-left: 22px !important;
  padding-right: 22px !important;
  border-radius: var(--input-radius);
}
td.elInput.elFTFilter.lonely,
td.elInput.elFTFilter.lonely tr {
  width: 100%
}
.elFTFilter.lonely td.elData input {
  max-width: 500px;
}
.elInput.elFTFilter td.elData::before {
  content: "\f002";
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  color: var(--placeholder-color);
  left: 6px;
  top: 1px;
  width: 0;
  display: inline-block;
}
.elInput.elFTFilter td.elBtn {
  right: 28px;
  position: relative;
  width: 0;
  float: inline-end;
  top: 6px;
}
.elInput.elFTFilter td.elBtn i.elFTFilter {
  min-width: 5px;
  min-height: 20px;
  border: none;
  padding: 0;
  font-style: normal;
  font-weight: 800;
  margin-left: 0!important;
  line-height: 20px;
}
.elInput.elFTFilter td.elBtn i.elFTFilter::after {
  content: "\00d7";
  color: transparent;
  padding: 0 6px;
}
.elInput.elFTFilter:hover td.elBtn i.elFTFilter {
  background: transparent;
}
.elInput.elFTFilter:hover td.elBtn i.elFTFilter::after {
  color :black;
}
@media (pointer:coarse) {
  .elInput.elFTFilter td.elBtn i.elFTFilter::after {
    color: #999;
    font-size: 19px;
    font-weight: normal;
  }
}

/** popup standby */
#popupStandbyOverlay{
  position:fixed;
  opacity: 0.3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 1;
}

#popupStandbyMessage{
  z-index: 2;
  background-color: #fff;
  width: 200px;
  position: fixed;
  top: calc(100vh /2 - 100px);
  left: calc(100vw /2 - 110px);
  padding: 20px;
  -webkit-border-radius: var(--main-radius-large);
  -moz-border-radius: var(--main-radius-large);
  border-radius: var(--main-radius-large);
}
#popupStandbyMessage .message{
  padding-top : 10px;  
}
/* popup abonnements (alertes) */
div#ConveyorRhinoAlertsSubscriptionList .elDataList {
  padding: 5px 20px;
}
div#ConveyorRhinoAlertsSubscriptionList tbody.elDataList_content tr {
  border: 0;
}
div#ConveyorRhinoAlertsSubscriptionList .elInput.elFTFilter {
  float: none;
  padding: 15px 0;
}
div#ConveyorRhinoAlertsSubscriptionList .elInput.elFTFilter .elData {
  padding: 0;
}
div#ConveyorRhinoAlertsSubscriptionList .elInput.elFTFilter .elData input {
  max-width: none;
}
div#ConveyorRhinoAlertsSubscriptionList .elCheckBox {
  text-align: right;
  width: 80px;
  padding:0 3px;
}
div#ConveyorRhinoAlertsSubscriptionList textarea {
 color: var(--main-default-dark);
 font-size: 12px;
 min-height: unset;
 padding: 0!important;
}
div#ConveyorRhinoAlertsSubscriptionList .elTextArea_RO,
div#ConveyorRhinoAlertsSubscriptionList .elTextArea_RO table {
  padding: 0;
}
div#ConveyorRhinoAlertsSubscriptionList .elLink {
  padding-top: 10px;
}
div#ConveyorRhinoAlertsSubscriptionList .elTextArea_RO .elData {
  height: 32px!important;
}

.borderedContainer {
  padding-bottom: 10px;
}

.borderedContainer div.elZoneMain, 
.borderedContainer div.elZoneS,
.borderedContainer div.elZoneL,
.borderedGrpThm {
  padding: 12px !important;
  border: 1px solid var(--main-default);
  -webkit-border-radius: var(--main-radius);
  -moz-border-radius: var(--main-radius);
  border-radius: var(--main-radius);
  background: white;
}

.borderedGrpThm {
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
  width: inherit;
  margin-bottom: 12px;
}
div#schedulerHebdoGrpThm table.elGrpThm {
  height: var(--input-height);
}
div#schedulerHebdoGrpThm table.elGrpThm .elCheckBox {
  padding: 0;
}

/** ************************* */
/** Patch de CSS pour tinyMCE */
/** ************************* */
/* correction taille du textarea dans la source */
.tox-tinymce-aux .tox-form .tox-textarea-wrap,
.tox-tinymce-aux .tox-form .tox-textarea-wrap .tox-textarea{
  height:100%;
}


/***** BUG 36405 & 36664 *****/
span.elAppointmentsEnhEventTimeRange, 
span.elAppointmentsEnhEventSubject,
span.elAppointmentsEnhEventLocation {
  position: relative;
  left: 0;
  top: 0;
  width: max-content !important;
  max-width: 164px;
  height: min-content;
  font-size: 12px;
  padding: 0 2px;
  text-align: justify;
}

span.elAppointmentsEnhEventTimeRange {
  padding-top: 2px !important;
  color: #777;
  float: left;
  overflow: hidden;
  font-weight: bold;
}
span.elAppointmentsEnhEventLocation {
  padding-bottom: 2px !important;
}
/*********************/