.bordertop {
  border-top: 0.1rem solid #d1c1ee;
}
#configDetailViewHolder .h100.bordertop.bfc{
  overflow: auto;
}
.h90 {
  height: 90%;
}
/*Temp*/
.h3rm {
  height: 1.8rem;
}
.appButtonImg {
  width: 30px;
}
.detailViewFilter {
  width: 80%;
  margin-top: 2%;
  height: 35%;
  max-height: 70%;
  border: 1px solid #d1c1ee;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.filterHeader {
  height: 25%;
  background-color: #d1c1ee;
}
.marginLeftAuto {
  margin-left: auto;
}
.pdnR2rm {
  padding-right: 2rem;
}
.openOxeNodeList {
  display: none;
  width: 1em;
}
.configAppIconContainer:hover > .openOxeNodeList {
  display: block;
  z-index: 999;
  cursor: pointer;
}
.liItemNodeList {
  height: 4rem;
  padding: 1rem;
  border-bottom: 1px solid;
  border-radius: 2px;
  background-color: #E6E6FA;
  transition: background-color 200ms ease;
  list-style: none;
  margin: 0rem;
  padding: 0rem;
  text-align: left;
  font-size: 11pt;
  color: grey;
}
.liItemNodeList .node-details{
  padding-left: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  float: left;
  width: 90%;
 }
.liItemNodeList .node-details:hover {
  background-color: #199ccd;
  color: #f1f1f1;
}
.liItemNodeList .node-details:hover .nodelist-box {
  background-image: url('../../../images/sprite.svg#icon__system--active');
}
.nodelist-box {
  background-image: url(../../../images/sprite.svg#icon__system__grey);
  background-size: 24px;
  padding-left: 30px;
  background-repeat: no-repeat;
}
.logoutOxeIcon {
  background-image: url(../../../images/sprite.svg#icon__logout);
  background-size: 24px;
  background-repeat: no-repeat;  
  float: right;
  background-position-y: 50%;
  background-position-x: 50%;
  width: 10%;
  height: 100%;
}
.iconInList {
  width: 2rem;
  height: 2rem;
}

.handCursor {
  cursor: pointer;
  color: #6639b7;
}

.handCursor:hover > .iconInList {
  transform: scale(1.2);
  transition: transform .1s ease;
}

.iconInList:hover {
  transform: scale(1.2);
  transition: transform .1s ease;
}

.handCursor:hover > .logoutOxeIcon {
  background-image: url(../../../images/sprite.svg#icon__logout-white);
  background-color: red;
  background-size: 26px;
  transition: transform .1s ease;
}

.logoutOxeIcon:hover {
  background-image: url(../../../images/sprite.svg#icon__logout-white);
  background-color: red;
  background-size: 26px;
  transition: transform .1s ease;
}

.optionListUl {
  list-style: none;
  min-width: 31.1rem;
  font-size: 10pt;
  background-color: #e6e6fa;
  padding: 0px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, .15);
}
.attribute-sequence {
  position: relative;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.font-big {
  font-size: 0.8rem;
}
.attribute-header {
  position: absolute;
  top: -1.2rem;
  right: 2rem;
  margin: 0;
  padding: 0.5rem;
  text-transform: uppercase;
  color: #6f797b;
  background-color: #fff;
}
.firstLevel {
  padding: 1rem;
  border: 1px solid #ced4d9;
  border-radius: 0.4rem;
}
.selectwidth7 {
      color: #6639b7;
      width: 7.6%;
      padding-left: 4px;
      border-radius: 3px;
      outline: none;
      height: 2em;
      margin: -1px;
}
.gutter.gutter-horizontal {
  cursor: ew-resize;
  height: 100%;
}

.gutter::before {
  top: calc(50% - 7px);
  left:3px;
  margin: -10px 0 0 2.5px;
  border-left: none;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  position: relative;
  display: block;
  border-right: 7px solid #ccc;
}
.gutter::after {
  content: "";
  position: relative;
  display: block;
  border-left: 7px solid #ccc;
  top: calc(50% + 7px);
  left:3px;
  margin: -10px 0 0 3.5px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.dragIcons {
  content: "";
  position: absolute;
  display: block;
  border-left: 7px solid #ccc;
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
/* aligning attributes in config detail view*/
/* #configDetailViewHolder .detailviewoxe .flex-item-fluid{
  margin-left:58px;
} */

/* #configDetailViewHolder .detailviewoxe .firstLevel .flex-item-fluid{
  margin-left: -1.5rem;
}
#configDetailViewHolder .detailviewoxe .firstLevel .firstLevel .flex-item-fluid{
  margin-left: -3rem;
} */
/* #configDetailViewHolder .detailviewoxe .firstLevel .setof-container .flex-item-fluid{
  margin-left: 92px;
}
#configDetailViewHolder .detailviewoxe .firstLevel .setof-container .firstLevel .flex-item-fluid{
  margin-left: 69px;
}
#configDetailViewHolder .detailviewoxe .firstLevel .firstLevel .setof-container .flex-item-fluid{
  margin-left: 45px;
} */
#configDetailViewHolder .detailviewoxe .firstLevel .firstLevel .setof-container .mam.attribute-sequence{
  margin: 2rem 0;
  padding-left: 2rem;
  padding-right: 6px;
}
#configDetailViewHolder .deleteCategoryButton.tool-button-ergo.setof-remove-button{
  margin-left: 3px;
  padding: 0;
  height: 2.3rem;
}
.setof-container .attribute-sequence {
  width: 100%;
}
#configDetailViewHolder .detailviewoxe .Texter, #configDetailViewHolder .detailviewoxe .Texter-disabled, #configDetailViewHolder .detailviewoxe .r-ss-wrap{
  width: 340px;
  height: 100%;
}
#usersOxeConfig #configDetailViewHolder .detailviewoxe .Texter, #usersOxeConfig #configDetailViewHolder .detailviewoxe .Texter-disabled, 
#usersOxeConfig #configDetailViewHolder .detailviewoxe .r-ss-wrap{
  width: 300px;
}
#configDetailViewHolder .detailviewoxe .text-wrap{
  max-width: 210px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: auto;
  float: right;
}
#configDetailViewHolder .detailviewoxe .firstLevel .setof-container .firstLevel .flex-item-fluid .text-wrap {
  max-width: 157px;
}
#usersOxeConfig #configDetailViewHolder .detailviewoxe .text-wrap{
  max-width: 170px;
}
#configDetailViewHolder .detailviewoxe{
  padding-bottom: 1rem;
}
#configDetailViewHolder .verticalscroll{
  overflow-y: scroll;
}
#configDetailViewHolder .detailviewoxe .flex-item-fluid2 .single-pwd{
  width: 340px !important;
}
#configDetailViewHolder .detailviewoxe .flex-item-fluid2 .double-pwd{
  width: 168px !important;
}
#usersOxeConfig #configDetailViewHolder .detailviewoxe .flex-item-fluid2 .single-pwd{
  width: 300px !important;
}
#usersOxeConfig #configDetailViewHolder .detailviewoxe .flex-item-fluid2 .double-pwd{
  width: 148px !important;
}

.pagination-right {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination-right:hover {
  transform: rotate(180deg) scale(1.2);
  overflow: hidden;
}

.pagination-left:hover {
  transform: scale(1.2);
}

.pagination-select {
  line-height: 1.2em;
  display: flex;
  text-align-last: center;
  border-left: 1px solid rgb(206, 212, 217);
  border-radius: initial;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 1px solid rgb(206, 212, 217);
}

.pagination-span {
  float : right;
  color : #4d5b60;
  display : inline-flex;
  position: absolute;
  border-left:0.5em;
  border:1px solid #ced4d9;
  border-radius:2rem;
  margin-left: 1em;
}

.setof-add-button {
  margin-left : 0.5rem;
}

.setof-remove-button {
  text-align: center;
}

.setof-remove-text {
  display: none;
}

#usersOxeConfig .modal-content{
 width:1237px;
}

#usersOxeConfig .modal-dialog{
  margin-left:40px;
 }