/* app css stylesheet */
.cardBtnDisabled, .disabled{
  pointer-events: none;
}

.pointer {
  cursor: pointer;
}

.error {
  color: red;
}

.display-none {
  display: none;
}

.gcw-toggle {
  left: 10px;
  cursor: pointer;
}

.gc-nav-icon {
  font-size: 20px !important;
  padding-top: 5px;
}

.gc-nav-pad {
  padding: 10px !important;
}

.gc-nav-pad svg {
  height: 27px;
  width: 24px;
  padding-top: 3px;
}

.gc-nav-pad path {
  fill: #9d9d9d
}

.gc-nav-pad:hover path {
  fill: #fff;
}


/***********************/
/* batch table styling */
/***********************/

#batchTable {
  overflow-y: scroll;
  overflow-x: hidden;
}

#batchTable thead tr th {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#batchTable tbody tr td {
  cursor: pointer;
}

/**********************/
/* notification badge */
/**********************/

.badge1 {
  position:relative;
}
.badge1[data-badge]:after {
  content:attr(data-badge);
  position:absolute;
  top:0px;
  right:0px;
  font-size:.8em;
  background:#ec971f;
  color:white;
  width:40px;height:40px;
  text-align:center;
  line-height:40px;
  border-radius:50%;
}

.badge1-md[data-badge]:after {
  font-size: .66em;
}

.badge1-sm[data-badge]:after {
  font-size: .6em;
}

.badge1-xs[data-badge]:after {
  font-size: .5em;
}

/***********************/
/*drag and drop styling*/
/**********************/

.drop-list ul[dnd-list],
.drop-list ul[dnd-list] > li {
    position: relative;
}

.dndhandle {
  cursor: move;
  padding-left: 15px;
}

.drop-list ul[dnd-list] {
    height: 205px;
    padding-left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: -1px;

}

.drop-list-long ul[dnd-list] {
    height: 280px;
}

.drop-list ul[dnd-list] .dndDraggingSource,
.operation-list div.dndDraggingSource {
    display: none;
}

.drop-list ul[dnd-list] .dndPlaceholder,
.operation-list div.dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 41px;
}
.drop-list ul[dnd-list] li {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 10px 15px;
}

.drop-list ul[dnd-list] li.ghost {
    color: #aaa;
    font-style: italic;
    border-bottom: none;
    top: 40px;
}

.drop-list ul[dnd-list] li.ghost-long {
    top: 115px;
}

.drop-list ul[dnd-list] li.selected {
    background-color: #ECECEC;
    font-weight: 600;
}

.drop-list ul[dnd-list] li div.dnd-li-top {
  font-size: 12px;
  position:absolute;
  color: #AAA;
  top: 4px;
  right: 6px;
}

.drop-list ul[dnd-list] li div.dnd-li-bottom {
  font-size: 12px;
  position:absolute;
  color: #AAA;
  bottom: 2px;
  right: 6px;
}

.drop-trash li {
  display:none;
}

/*****************************/
/* process field tab styling */
/*****************************/

.list-group-item-text-mv {
    border-bottom: 1px solid #DADADA;
}

.list-group-item-text-mv > span {
    display: inline-block;
}

.doc-tab {
  margin-top: -1px !important;
}

.confidence-label {
  padding-top: 8px;
}

.confidence {
  padding-top: 3px;
}


/***********************/
/*context menu styling*/
/**********************/

.context-menu-fix {
  padding: 4px !important;
  margin: 2px 0 0 !important;
}

.dropdown-menu-fix{
  padding: 5px 0 !important;
}

#propTable i {
  opacity:0;
  transition: opacity .1s ease-in-out;
  position: absolute;
  right: 0px;
  margin-top: 2px;
  margin-right: 4px;
  padding: 2px 6px;
  cursor: pointer;
}

.panel-heading-input {
  width: 50px;
  text-align:center;
}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

div#_container1.atala-document-container div#_container1_wdv1_main div#_container1_wdv1_scroller div#_container1_wdv1_vp div#_container1_wdv1_ct div img{
  max-width: none !important;
  max-height: none !important;
}

div#_container1 TextArea
{
   line-height: 100%;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.menu > li:before {
  content: "|";
  padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
  content: "";
  padding: 0;
}

img.square9-logo{
  padding: 10px 0 10px 10px;
  cursor: pointer;
}

img.capture-logo {
  padding: 15px 0 11px 8px;
  cursor: pointer;
}

img.action-logo {
  padding: 15px 0 15px 8px;
  cursor:pointer;
}
img.analytics-logo{
  padding: 15px 0 7.5px 8px;
  cursor:pointer;
}

#dbSelect{
z-index: 1;
}

.copyArea{
position: fixed;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  z-index: 100;
  opacity: 0;

}

.copytxt{
width:1px;
  height:1px;

}

.notexpanded{
  max-height: 725px
}

.expanded{
  max-height: 340px
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

select.disabled {
    background-color: #DCDCDC;
    border-color: #DCDCDC;
}
.lg-modal
{
  width: 700px;
}

#docIndexContent {
    width: 40%;
}

#indexViewerToolbar{
   background-color: rgba(245, 245, 245, 0.6);
}

#contextMenu {
  position: absolute;
  display: none;
}

.keyFreeOn {
  text-shadow: black 0 0 2px;
  color: rgb(255, 255, 0);
}

.kfitext {
  position: absolute;
  color: transparent;
  opacity:0.1;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*background-color: yellow; *//* highlights found words in yellow for debug */
}

.shadow {
   -webkit-box-shadow: inset  0  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
-moz-box-shadow: inset  0  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
box-shadow: inset  0  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
border-collapse: separate;
}

.shadowLeft {
  -webkit-box-shadow: inset  8px  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
  -moz-box-shadow: inset  8px  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
  box-shadow: inset  8px  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
  border-collapse: separate;
}

.shadowRight {
  -webkit-box-shadow: inset  -8px  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
  -moz-box-shadow: inset  -8px  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
  box-shadow: inset  -8px  8px 8px -8px #696868, inset  0 -8px 8px -8px #696868;
  border-collapse: separate;
}

.indifferent {
      color: yellow;
      cursor:pointer;
}

.touched{
  cursor:pointer;
}

.kfiselected {
  background-color: #ff0000;
  opacity: 0.2;
}

.kfimultiselected{
  background-color: #8FB4E9;
  opacity: 0.2;
}

.kficurrentfield {
  background: #B0C4DE;
  border-color: rgba(104, 183, 239, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(104, 183, 239, 0.6);
  outline: 0 none;
}

.kfiShift:before {
  font-family: 'Glyphicons Halflings';
  font-size:1em;
  line-height:1em;
  font-weight: 100;
  text-align: center;
  content:"\e081";
  position: relative;
  float: left;
  display: block;
  top: -13px;
  left: -13px;
  margin-right: -16px;
  background-color: #fff;
  border: 2px solid #8FB4E9;
  border-radius: 12px;
  padding: 0 0 0 0;
}

.regExMatch {
  background-color: #0f0;
  opacity: 0.2;
}

.ui-selected{
  background-color: #8FB4E9;
  opacity: 0.2;
}

.bad {
      color: red;
      cursor:pointer;
}

.good {
      color: green;
      cursor:pointer;
}

.selectedshadow {
  background-color: white;
   -webkit-box-shadow: inset 0px 0px 4px 1px rgba(110,110,110,1);
-moz-box-shadow: inset 0px 0px 4px 1px rgba(110,110,110,1);
box-shadow: inset 0px 0px 4px 1px rgba(110,110,110,1);
}

input.ng-invalid-field-value,
select.ng-invalid-field-id,
#conditionNode select.ng-invalid-required,
#conditionNode input.ng-invalid-required,
.invalid{
  -webkit-box-shadow: 0px 0px 6px 1px rgba(214,0,0,1) !important;
-moz-box-shadow: 0px 0px 6px 1px rgba(214,0,0,1) !important;
box-shadow: 0px 0px 6px 1px rgba(214,0,0,1) !important;
}

input.gcw-warning,
select.gcw-warning {
    -webkit-box-shadow: 0px 0px 6px 1px rgba(255, 228, 88, 1) !important;
    -moz-box-shadow: 0px 0px 6px 1px rgba(255, 228, 88, 1) !important;
    box-shadow: 0px 0px 6px 1px rgba(255, 228, 88, 1) !important;
}

.settings-password.ng-invalid {
    -webkit-box-shadow: 0px 0px 6px 1px #e87722 !important;
    -moz-box-shadow: 0px 0px 6px 1px #e87722 !important;
    box-shadow: 0px 0px 6px 1px #e87722 !important;
}

.advancedbuttons {
  border-radius:4px !important;
}

/* style fixes for notifications */
.notificationsMenu {
    padding: 0 2px 2px 2px;
    width: 300px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;

}

.notificationsMenu a {
    white-space: normal;
    max-width: 300px;
    width: 100%;
    margin: 2px 0 0 0;
    padding: 5px 5px 5px 33px;
    text-align: left;
}

.ui-selecting {
  background-color: #8FB4E9;
  opacity: 0.2;
}

/* .ui-selectable-helper is injected to page to overrride jquery-ui's injection */

#tail {
    font-size: 12px;
    background-color: #fff;
    position: fixed;
    min-height: 30px;
    z-index: 1000;
/*     max-width: 400px; */
}

#currentfield {
  font-weight: 700;
  background-color: #8FB4E9;
  min-width: 100px;
  padding: 5px;
}

#currentvalue{
  background-color: #E3E4E3;
  padding: 5px;
  margin-top: 1px;
  white-space: pre;
}

.white-space-pre-line {
    white-space:pre-line;
}

.notification:before {
  font-family: 'FontAwesome';
  content:"\f06a";
  color: rgba(0,0,0,0.15);
  font-size: 20px;
  float: left;
  position: relative;
  top: 34px;
  margin-top: -30px;
  left: 9px;
  cursor: pointer;
  z-index: 1;
}

.notification:hover:before {
  color: rgba(0,0,0,0.25);
}

.notificationClearAll:before {
  font-family: 'FontAwesome';
  content:"\f0ca";
  color: rgba(0,0,0,0.35);
  font-size: 20px;
  float: left;
  position: relative;
  top: 34px;
  margin-top: -30px;
  left: 9px;
  cursor: pointer;
}

.notificationClearAll:hover:before {
  color: rgba(0,0,0,0.55);
}

/* end style fixes for notifications */

/* Archive & Queue Themes and Transitions */

.archiveButtons {
  color: #666;
  background-color: #ccc;
  padding-right: 6px;
  padding-left: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height:100%;
  margin: 0;
  box-shadow: -2px 0px 3px -2px #999;
}

.archiveListItem, .queueSearchItem {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 0;
  line-height: 1.75em;
  background-color: #fff;
  box-shadow: 1px 1px 6px #ddd;
  margin-bottom: 5px;
  cursor: pointer;
 }

.archiveListItem {
  min-height: 27px;
}

.listItemText {
  padding: 3px 3px 3px 10px;
}
.archiveListItem:hover {
  background-color: #f7f7f7;
}

.archiveListItemLink, .archiveListItemLink:link, .archiveListItemLink:hover, .archiveListItemLink:visited, .archiveListItemLink:active {
  text-decoration: none;
  color: #000;
}

.folderIconMain {
  margin-right: 5px;
}

.queuesIconMain {
  margin-right: 5px;
}

.queueSearchItemLink, .queueSearchItemLink:link, .queueSearchItemLink:hover, .queueSearchItemLink:visited, .queueSearchItemLink:active {
  text-decoration: none;
  color: #000;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
}

.queueSearchItem:hover {
  background-color: #f7f7f7;
}

.queueSearchItem.active {
  background-color: #428bca !important;
}

.navSubHeader {
  display: inline;
  font-style: italic;
  font-size: 0.6em;
  margin-top: -14px;
  margin-left: 2.2em;
  text-align: right;
  float: right;
  width:  100%;
  /* margin-left: auto; */
  /* margin-right: 0; */
}

.archiveItemWell {
  border-radius: 0;
  border-left-style: none;
  border-right-style: none;
  cursor: default;
}

.archiveActionButton {
  text-align: left;
  padding-left: 10px;
}

.expandedArchiveOptions, .expandedArchiveOptions:hover {
  background-color: #fff !important;
}

.archiveDropZone {
  color: #777;
  text-align: center;
  border-radius: 10px;
  border: 3px dotted #dadada;
  padding: 15px 0;
}

.previousArchiveButton {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 0;
  line-height: 1.75em;
  background-color: #fff;
  box-shadow: 1px 1px 6px #ddd;
  /* margin-bottom: 5px; */
}

.previousArchiveButton>a {
  padding: 3px 3px 3px 10px !important;
  color: #000;
}

.previousArchiveButton:hover, .previousArchiveButton>a:hover {
  background-color: #f7f7f7 !important;
}

#rootArchiveSearchBtn {
  color: #aaa;
  padding-left: 10px;
  font-size: .75em;
  cursor: pointer;
}

.hoverBtnSkin:hover {
  color: #3a87ad;
}

.hoverBtnSkin:active {
  color: #2d6987;
}

.archiveButtons {
  -webkit-transition: opacity 0.5s linear 0, padding-right 0.5s linear 0, max-width 0.5s linear 0;
  transition: opacity 0.5s linear 0, padding-right 0.5s linear 0, max-width 0.5s linear 0;
  overflow: hidden;
  max-width: 6em;
  line-height:1.75em;
  opacity: 1;
  padding:1px 5px;
  height:27px;
}

.archiveButtonsMenuExpanded {
  border-bottom-right-radius: 0;
  border-bottom-color: #ccc;
  height: 26px;
}

.otherActionButton {
  -webkit-transition: margin 0 linear 0, opacity 0.5s linear 0, padding-right 0.5s linear 0, max-width 0.5s linear 0;
  transition: margin 0 linear 0, opacity 0.5s linear 0, padding-right 0.5s linear 0, max-width 0.5s linear 0;
  overflow: hidden;
  max-width: 6em;
  opacity: 1;
  line-height: 1.75em;
  margin: 0px 1px -1px 4px;
  display: inline;
}

.archiveButtons.ng-hide-add,
.archiveButtons.ng-hide-remove, .otherActionButton.ng-hide-add,
.otherActionButton.ng-hide-remove {
  display:block!important;
}

.archiveButtons.ng-hide, .otherActionButton.ng-hide {
  transition: none; /* disable transition on hide */
  line-height:0;
  opacity: 0;
  padding: 0;
  widht:0;
  height:0;
  margin:0;
  max-width: 0;
  display: block!important;
}

/* Thumbnail styles */

.pageThumbnail {
  -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    1px 1px 5px 0 rgba(50, 50, 50, 0.5);
  box-shadow:         1px 1px 5px 0 rgba(50, 50, 50, 0.5);
  background-color: #fff;
  background-image: url('../img/spin.gif');
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}

/* bootstrap overrides */
.navbar-default {
  /* because slightly different grays are slightly noticeable */
  background-color: #f5f5f5;
  border-color: #e3e3e3;
}
/* AtalaViewer Thumbnail Stylings */
.selectedThumbnail {
    border: 3px solid #95AFBA !important;
}

.tableselect{
  background-color: #FEDCC7;
}

.thumbnailWhenOn {
  width : 15%;
  border-radius:4px;
  border-width:1px;
  border-style:solid;
  border-color: rgb(227, 227, 227);
  background-color: #f5f5f5;
}

#_container2 {
      width : 100%;
  }

#_container1 {
    width : 100%;
}

 #editor {overflow:scroll; max-height:300px}

.position-fixed {
    position: fixed;
}

/* #_containerThumbs_wdv1_ct > div  ,#_containerThumbs2_wdv1_ct > div  {
  margin-bottom:40px !important;
}
*/
#_containerThumbs_wdv1_ct > div > div, #_containerThumbs2_wdv1_ct > div > div {
  bottom: -18.5px !important;
  right: 0 !important;
  left: 0 !important;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8em;
  font-weight: 700;
/*   background: #428bca; */
/*   color: white; */
  border-radius: 7px;
  min-width: 15px;
  padding: 0.5px 5px;
  text-align: center;
  z-index: 0;
}

/* #_container1_wdv1_ct > div > div:nth-child(2), #_container2_wdv1_ct > div > div:nth-child(2) , #_container1_wdv1_ct > div > div:nth-child(3), #_container2_wdv1_ct > div > div:nth-child(3){
  z-index: 1;
  bottom: 10px !important;
  right: 9px !important;
  font-size: 11px;
  background: #428bca;
  color: white;
  border-radius: 7px;
  min-width: 17px;
  padding: 0 4px;
  overflow: hidden;
  text-align: center;
} */

#contextMenu {
    z-index: 300;
    position: absolute;
    left: 5px;
    border: 1px solid #444;
    background-color: #F5F5F5;
    display: none;
    box-shadow: 0 0 10px rgba( 0, 0, 0, .4 );
    font-size: 12px;
    font-family: sans-serif;
    font-weight:bold;
  }
  #contextMenu ul {
    list-style: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }
  #contextMenu li {
    position: relative;
    min-width: 60px;
  }
  #contextMenu a {
    color: #444;
    display: inline-block;
    padding: 6px;
    text-decoration: none;
  }

  req{
    color: #E42A00;
    font-size:14px;
  }

  reqtext{
    font-size:10px;
  }


  #contextMenu li:hover { background: #444; }

  #contextMenu li:hover a { color: #EEE; }

  .draggable {
  box-shadow: 4px 0px 5px #888888;
  border: 1px solid #CCC;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  background-color: whitesmoke;
  position: fixed !important;
  top: 143px;
  left: 28px;
  width: 180px;
}
.vertical {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.draggableInfo {
  box-shadow: -4px 0px 5px #888888;
  border: 1px solid #CCC;
  width: 270px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background-color: whitesmoke;
  position: fixed !important;
  right: 28px;
}
.draggableProperty {
  box-shadow: -4px 0px 5px #888888;
  border: 1px solid #CCC;
  width: 270px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background-color: whitesmoke;
  position: fixed !important;
  top: 143px;
  right: 28px;
}
.handle {
  margin-top:-3px;
  text-align: center;
  font: bold 12px;
}

.infobackground2{
  background:url("../img/flow/2.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.infobackground3{
  background:url("../img/flow/3.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground4{
  background:url("../img/flow/4.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground5{
  background:url("../img/flow/5.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground6{
  background:url("../img/flow/6.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground7{
  background:url("../img/flow/7.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground8{
  background:url("../img/flow/8.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground9{
  background:url("../img/flow/9.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground10{
  background:url("../img/flow/10.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground11{
  background:url("../img/flow/11.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground13{
  background:url("../img/flow/13.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground14{
  background:url("../img/flow/14.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground15{
  background:url("../img/flow/15.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground16{
  background:url("../img/flow/16.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground17{
  background:url("../img/flow/17.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground18{
  background:url("../img/flow/18.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground19{
  background:url("../img/flow/19.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground20{
  background:url("../img/flow/20.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground21{
  background:url("../img/flow/21.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.infobackground22{
  background:url("../img/flow/22.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.infobackground23{
  background:url("../img/flow/23.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.infobackground25{
  background:url("../img/flow/25.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.dropdownworkflow{
  background-color: #F5F5F5;
  min-width: 140px !important;
}

.dropHeader {
  background-color: #555;
  color:#F5F5F5;
  padding-left: 5px;
}

flowlink{
  color:#555;
  width:100%;
  font-size: 14px;
  cursor: pointer;
  display: block;
  padding-left:8px;
  padding-top:4px;
  padding-bottom:4px;
  padding-right: 4px;
}

flowlink:hover{
  color: #fff;
  background-color: #aaa;
}

.flowlinkactive{
  color: #fff !important;
  background-color: #428BCA;
}

.dropselecthover{
  color: #fff;
  background-color: #aaa;
}

settingsTitle{
  font-size: 24px;
  color:#F5F5F5;
  position: relative;
  bottom: 8px;
  left: 3px;
}
.preview{
  border-radius: 12px;
  border: 2px solid #ccc;
  -webkit-box-shadow: 4px 4px 17px -5px rgba(0,0,0,0.51);
  -moz-box-shadow: 4px 4px 17px -5px rgba(0,0,0,0.51);
  box-shadow: 4px 4px 17px -5px rgba(0,0,0,0.51);
  padding-left:0px;
}

@media print {

  br, #sample, .navbar {
    display: none;
  }

  images, images *{
    display: block !important;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }

  images br{
    display:none;
  }
  img {
    page-break-inside: avoid;

  }
}

@page {
  margin: 1cm;
}

.openitem{
  border-radius: 12px;
  border: 2px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 4px 17px -5px rgba(0,0,0,0.51);
  -moz-box-shadow: 0px 4px 17px -5px rgba(0,0,0,0.51);
  box-shadow: 0px 4px 17px -5px rgba(0,0,0,0.51);
}

.gshHeader {
  border-color: #e8f88e;
  font-size: 15;
  margin-bottom: 7;
}


.openitemactive{
  border: 2px solid #aaa;
  background-color: #ddd;
}

.modaltop{
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-width: 2px;
  border-bottom-color: #888;
}

#myInfo {
  overflow: auto;
  padding: 6px;
  margin-bottom:20px;
  padding-left: 10px;
  width: 100%;
  text-align: left;
  overflow: auto;
  height: 88% !important;
  position: absolute;
}
#myProperty {
  word-wrap: break-word;
  margin-bottom:20px;
  width: 100%;
  text-align: left;
  overflow-y:auto;
  height: 92.5% !important;
  position: absolute;
}
#myPalette {
  margin-top:20px;
  background-color: whitesmoke;
  width: 100%;
  height: 99.4%;
}
#paletteContainer {
  position: absolute !important;
  bottom: 14px;
  left: 0px;
  right: 0px;
  top: 14px;
}

.infoMax{
  height: 295px;
}

.proMax{
  height: 445px;
}

.Min{
  height: 35px;
}

.modalplus{
  z-index:600;
}

.note-link-dialog{
  overflow-y: hidden;
}

.progress-bar-processing {
background-color: #ccc;
}

.progress-bar-wait {
background-color: #5CC793;
}

.progress-bar-queue {
background-color: #ccc;
}
#TFC{
  z-index: 100;
}

.start-circle {
    background: #7BC900;
border: 2px solid #888;
border-radius: 50%;
color: #fff;
height: 32px;
left: 10px;
line-height: 28px;
position: absolute;
top: 45px;
-webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
width: 32px;
font-size: 18px;
z-index: 0;
text-align: center;

  }

  .end-circle {
    font-size: 18px;
    background: #FA5B4E;
border: 2px solid #999;
border-radius: 50%;
color: #fff;
-webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
line-height: 28px;
height: 32px;
right: 10px;
position: absolute;
top: 45px;
text-align: center;
width: 32px;
z-index: 0;

  }

  .progress-bar{
        border-top: 2px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
  }

  .progress{

    -webkit-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);
box-shadow: 3px 6px 5px 0px rgba(0,0,0,0.1);

  }

  .historyhover{
    background-color: #eee !important;
  }

  .frequencylabel{
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 9px;
    color: #bbb;
  }

  .noselection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.deletebutton{
  margin-left: 25px;
}

.userHistory{
  font-weight: bold;
  font-size: 10px;
  margin-top: 0px;
}

.OcrModeSliderBox
{
  /*border:2px solid #ccc;*/
  padding-bottom: 20px;
  padding-left: 20px;
  height: 50px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 275px;
}

.TT_Checkboxes
{
  border:2px solid #ccc;
  padding-left: 20px;
  height: 115px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 275px;
}

#deleteNodeSlide .slider-handle{
  background-image: linear-gradient(to bottom, #BA8160 0%, #BA8160 100%);
}

#separateSlide .slider-handle{
  background-image: linear-gradient(to bottom, #49A4DB 0%, #49A4DB 100%);
}

#validSlide .slider-handle{
 background-image: linear-gradient(to bottom, #389945 0%, #389945 100%);
}

#dxcSlide .slider-handle{
 background-image: linear-gradient(to bottom, #64B0A2 0%, #64B0A2 100%);
}

.datatypes{
  font-weight: bold;
  font-size: 10px;
  margin-top: -8px;
}

.fieldName {
  font-size: 12px;
}

.maxSlide{
  width: 100% !important;
}

.slider-track, .slider-selection {
      background-image: linear-gradient(to bottom, #eee 0%, #eee 100%) !important;
}

.licenseHeader{
  font-size:14px;
  font-weight: bold;
  background-color: #eee;
  border: 0px !important;
      vertical-align: middle !important;
}

.licenseHeaderPanel{
  font-size:14px;
  font-weight: bold;
  background-color: #fff;
  text-align: center;
  border: 0px !important;
      vertical-align: middle !important;
}

.licensetitles{
  font-size:15px;
  color:#eee;
  background-color: #444444;
}

.version {
  color: #ccc;
  font-size: .75em;
  padding-top: 19px;
  letter-spacing: 1px;
}

.showEditor{
  display:block !important;
}

.userFilter{
  width: 210px;
  margin-top: -7px;
  margin-right: -17px;
}

.userList{
  overflow-y:auto;
  overflow-x:hidden;
  height:300px !important;
}

.validateUserModal{
  width: 450px;
}

.leftSelectionPanel{padding-right: 0px;}
.rightSelectionPanel{padding-left: 0px;}

.validationPanel{border-radius:0px;}

.validBtn{font-size: 20px !important;}

.headerFont{
  font-size: 16px;
}

button,
button:focus,
button:active {
  text-decoration: none;
  outline: none !important;
  box-shadow: none;
}

.operation-divider {
  border-top: 1px solid lightgray;
  margin: 20px;
}

.modal-open .modal {
  overflow-y: scroll !important;
}

i.operation-btn {
  padding: 0px;
  font-size: 20px;
}

.vcenter {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.operation-list {
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -10px;
    padding-right: 10px;
    max-height: calc(100vh - 475px);
    min-height: 110px;
}

.dxc-node-modal-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    display: inline-block;
    max-height: calc(100vh - 650px);
    min-height: 100px;
}

@media (max-height: 700px) {
    .operation-list {
        max-height: 300px;
    }
}

@media (max-height: 800px) {
    .dxc-node-modal-scroll {
        max-height: 300px;
    }
}

/*Standard SVG Icon size*/
svg-data > svg {
    vertical-align: middle;
    top: auto;
    height: 24px;
    width: 24px;
}

/*Admin Node Card Area*/
admin-node-card ::placeholder {
    color: #959595;
    opacity: 1;
}

admin-node-card :-ms-input-placeholder  {
    color: #959595;
}

admin-node-card ::-ms-input-placeholder {
    color: #959595;
}


admin-node-card .cardName {
    margin-left: 40px;
}
.card-menu-info {
    cursor: default;
}

.card-menu-info:active {
    background-color: #fff !important;
}

.card-menu-info-inner {
    cursor: text !important;
    user-select: text;
    pointer-events: auto;
}

.admin-node-edit-open {
    top: -45px;
    left: -2px;
}


admin-node-main-icon svg-data,
admin-node-icon-shape svg-data,
admin-node-edit-icon svg-data
{
    text-align: center;
    left: -14px;
}

admin-node-edit-icon {
    position: absolute;
    left: 0;
    top: 0;
}

admin-node-edit-icon svg,
admin-node-main-icon svg {
    display: inline-block;
    fill: white !important;
    left: -39px;
    width: 17px;
    height: 17px;
}

admin-node-icon-shape svg {
    stroke: grey;
}

.admin-node-icons {
    position: absolute;
}

admin-node-icon-shape svg-data,
admin-node-main-icon svg-data,
admin-node-edit-icon svg-data,
admin-node-icon-shape svg {
    height: 50px;
    width: 50px;
}

.admin-node-edit-open admin-node-edit-icon svg-data,
.admin-node-edit-open admin-node-main-icon svg-data,
.admin-node-edit-open admin-node-icon-shape svg-data,
.admin-node-edit-open admin-node-icon-shape svg {
    width: 55px;
    height: 55px;
}

.admin-node-icons-menu li svg,
.admin-node-edit-open admin-node-edit-icon svg,
.admin-node-edit-open admin-node-main-icon svg {
    width: 20px;
    height: 20px;
}

.admin-node-edit-open admin-node-edit-icon svg {
    left: 17px;
}

.admin-node-icons-list svg {
    left: 0 !important;
}

.admin-node-edit-open admin-node-main-icon svg {
    left: -42px;
}

admin-node-edit-icon svg,
.admin-node-editable:hover admin-node-main-icon svg {
    opacity: 0;
    display: none;
}

.admin-node-editable:hover admin-node-edit-icon svg {
    opacity: .7;
    display: inline-block;
}

.admin-node-editable > admin-node-edit-icon{
    cursor: pointer;
}

.admin-node-icons svg path[fill],
.admin-node-icons svg path[style*="fill"] {
    fill: white !important;
    fill-opacity: 1 !important;
}

.admin-node-icons svg path[fill="none"] {
    fill: none !important;
}

.admin-node-icons svg path[style*="fill=none"] {
    fill: none !important;
}

.admin-node-hosted {
    margin-bottom: 10px;
}

.admin-node-hosted .cardName {
    margin-left: 40px;
}

.admin-node-hosted-content {
    font-size: 14px;
    line-height: normal;
    margin-left: -20px;
    margin-right: -5px;
    border-top: 1px solid #e5e5e5;
}

.admin-node-hosted-content .wfe-dl-card-main {
    justify-content: flex-end !important;
    padding: 15px 15px 0 15px;
}

.admin-node-hosted-content .wfe-dl-card-main > p {
    display: block;
    text-align: left;
    width: 100%;
    padding-right: 15px;
}

.admin-node-hosted-content .wfe-card-download-button.disabled {
    background-color: #f3f3f3;
}

.admin-node-hosted-content .wfe-card-download-button.disabled > .wfe-card-download-img {
    color: #111111;
}

.admin-node-hosted-content .wfe-card-download-button {
    height: 80px;
    width: 80px;
    padding-top: 5px;
}

#adminNodeCloudModal card-buttons {
    border-top: 1px solid #e5e5e5;
}

#adminNodeCloudModal .modal-title {
    width: 50%;
    display: inline-block;
}

#adminNodeCloudModal .modal-header input {
    margin: 0;
    text-align: right;
    width: 100%;
}

#adminNodeCloudModal .modal-body {
    background-color: #dddddd;
    height: calc(100vh - 200px);
    overflow-y: auto;
}

.admin-node-hosted-tags {
    padding: 10px;
}

.admin-node-hosted-tags span {
    margin: 0px 0px 5px 5px;
}

.admin-node-icons-popover {
    left: 32px !important;
    top: 5px !important;
    width: 250px !important;
}

.admin-node-icons-popover svg-data{
    position: relative !important;
    text-align: center;
    left: 0;
}

.admin-node-icons-popover svg {
    opacity: 1 !important;
    display: inline-block;
}

.admin-node-icons-popover .fullCardTextField {
    width: 200px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.admin-node-icons-popover,
.admin-node-icons-popover .fullCardTextField {
    background-color:  #444444;
}

.admin-node-icons-popover,
.admin-node-icons-popover .ninjaLabel,
.admin-node-icons-menu li svg,
.admin-node-icons-popover .fullCardTextField
{
    color: white;
    fill: white;
}

/*Remedy to Chrome autocomplete having a different style*/
.admin-node-icons-popover input:-webkit-autofill,
.admin-node-icons-popover input:-webkit-autofill:hover,
.admin-node-icons-popover input:-webkit-autofill:focus,
.admin-node-icons-popover input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #444444 inset !important;
    -webkit-text-fill-color: white !important;
}

.admin-node-icons-popover .cardBtn {
    margin: 10px 0;
    padding: 7px;
    line-height: normal;
}

.admin-node-icons-popover .cardBtn:hover {
    background-color: #616161;
}

.admin-node-icons-popover .header > input {
    display: none;
}

.admin-node-icons-popover .header > label {
    width: 199px;
}

.admin-node-icons-popover .header > i {
    cursor: pointer;
    text-align: right;
    display: inline-block;
}

.admin-node-icons-popover .fieldGroup {
    margin-top: 25px;
}

.admin-node-icons-menu > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 165px;
    width: 233px;
    overflow-y: auto;
    overflow-x: hidden;
}

.admin-node-icons-menu li {
    float: left;
    display: block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding: 10px;
    margin: 5px;
    width: 44px;
    height: 44px;
}

.admin-node-icons-menu li:hover {
    background-color: #22222291;
}

.admin-node-icons-menu .fa-search {
    top: -17px;
    cursor: pointer;
    float: right;
}

.colorpicker {
    margin-top: 58px;
}

.admin-node-icons-menu-colorpicker .fieldMsg {
    margin-top: -15px;
    right: 8px;
}

.admin-node-links-table .fieldMsg {
    margin-top: 0px;
    right: 10px;
}

.cursor-default {
    cursor: default !important;
}

admin-new-node-card {
    top: 50px;
}

admin-node-card .fieldTypeText {
    padding: 0;
}

.admin-node-edit {
    margin: 0 20px 20px 33px;
}

.admin-node-edit .row {
    width: calc(100% - 15px);
}

.admin-node-edit card-buttons {
    height: 80px;
    top: -20px;
}

admin-node-preview-tab,
.admin-node-links-table,
.admin-node-file-manager-table,
admin-node-file-manager-tab > div
{
    top:20px;
}

admin-node-file-manager-tab .row {
    padding:8px;
}

admin-node-file-manager-tab tr th:nth-child(1),
admin-node-file-manager-tab tr td:nth-child(1) {
    width: 100px;
    text-align: center;
}

admin-node-file-manager-tab tr th:nth-child(2),
admin-node-file-manager-tab tr td:nth-child(2) {
    /*width: 300px;*/
}

admin-node-file-manager-tab tr th:nth-child(3),
admin-node-file-manager-tab tr td:nth-child(3) {
    width: 110px;
    text-align: center;
}

admin-node-file-manager-tab tr td:nth-child(3) > i {
    padding: 0 10px;
    cursor: pointer;
}

label.admin-node-tab-nav-button > input[type="file"] {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    right: 0;
    float: right;
    position: absolute;
    cursor: pointer;
}

.admin-node-tab-nav-button {
    padding: 0 20px;
    margin: 0;
    cursor: pointer;
}

.admin-node-tab-nav-button > i,
.admin-node-tab-nav-button > span {
    cursor: pointer;
}

admin-node-file-manager-tab td > div {
    display: inline-block;
}

.admin-node-links-table,
.admin-node-file-manager-table {
    overflow-y: auto;
    height: 260px;
}

.admin-node-links-table th,
.admin-node-file-manager-table th {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
    padding: 0 !important;
    border: 0 !important;
}

.admin-node-links-table th > span,
.admin-node-file-manager-table th > span {
    padding: 11px;
    border-bottom: 2px solid #dddddd;
    display: block;
}

.admin-node-links-table td,
.admin-node-file-manager-table td {
    border: none !important;
    z-index: 0;
    vertical-align: middle !important;
}

.admin-node-links-table btn,
.admin-node-file-manager-table .btn {
    cursor: pointer;
}

.admin-node-links-table .btn:active,
.admin-node-file-manager-table .btn:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.admin-node-links-table input {
    width: 100%;
    margin: 0;
}

.admin-node-links-table tr th:nth-child(3),
.admin-node-links-table tr td:nth-child(3) {
    width: 110px;
    text-align: center;
}

.admin-node-default-button > i {
    opacity: 0;
    color: grey;
}

.admin-node-default-button:hover > i {
    opacity: .5;
}

.admin-node-default-file > i {
    color: #e87722;
    opacity: 1;
}

#admin-new-node-edit {
    padding-bottom: 20px;
}

#admin-new-node-edit textarea {
    resize: vertical;
    min-height:50px;
    height: auto;
    max-height: 125px;
}

#admin-new-node-edit .adminCheckbox {
    padding-top: 10px;
    padding-left: 13px;
    margin-bottom: -15px;
}

#admin-new-node-edit .fieldGroup .radio {
    display: block;
    padding-top: 10px;
    padding-left: 10px;
    line-height: 50px;
    margin-bottom: -15px;
}

.admin-node-specs {
    line-height: normal;
    min-height: 380px;
    font-size: 16px;
    padding-right: 25px;
}

.admin-node-specs .nav-tabs>li>a {
    color: #555555;
}

.admin-extraction .nav-tabs>li>button {
    color: #555555;
    border: 0;
    background-color: transparent;
    margin: 0px 12px;
}

.admin-extraction .nav-tabs>li>button:not([disabled]):hover  {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.04);
}

.admin-extraction .nav-tabs>li>a[disabled] {
    opacity: 0.3;
    cursor: default;
}

.admin-node-specs .nav-tabs>li.active>a,
.admin-extraction .nav-tabs>li.active>button {
    color: #222;
    border: 0;
    border-bottom: 3px solid #f3661b;
    background-color: transparent;
}

admin-node-preview-tab {
    display: block;
    text-align: center;
    padding-bottom: 15px;
}

admin-node-preview-tab iframe {
    border: 1px solid #dddddd !important;
}

admin-new-node-card .CodeMirror {
    font-size: 15px;
    line-height: normal;
    height: 340px;
    bottom: 10px;
    top: 0;
}

.admin-new-node-info .fieldGroup {
    min-height: 50px;
}

.admin-new-node-info .fieldGroup span {
    left: 10px;
}

admin-node-fab input[type="file"], admin-text-extraction-fab input[type="file"] {
    display: none;
}

.btn-group-fab {
    position: fixed;
    width: 50px;
    height: auto;
    right: 20px; bottom: 20px;
}
.btn-group-fab div {
    position: relative; width: 100%;
    height: auto;
}
.btn-group-fab .btn {
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    display: block;
    margin-bottom: 4px;
    width: 40px; height: 40px;
    margin: 4px auto;
}
.btn-fab .btn-main,
.btn-group-fab .btn-main {
    background-color: #e87722;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    margin: auto;
    -webkit-box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
    -moz-box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
    box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, .3);
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    border: none;
    z-index: 9;
}
.btn-fab .btn-info {
    color: #fff;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}
.btn-group-fab .btn-sub {
    bottom: 0; z-index: 8;
    right: 50%;
    margin-right: -10px;
    -webkit-transition: all 2s;
    transition: all 0.5s;
}
.btn-group-fab.active .btn-sub:nth-child(2) {
    bottom: 65px;
}
.btn-group-fab.active .btn-sub:nth-child(3) {
    bottom: 115px;
}
.btn-group-fab.active .btn-sub:nth-child(4) {
    bottom: 165px;
}
.btn-group-fab .btn-sub:nth-child(5) {
    bottom: 215px;
}

#adminConflictNotificationModal .modal-content {
    margin: auto;
    width: auto;
    display: table;
}

#adminConflictNotificationModal card-buttons {
    padding: 0 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.light-field-group {
    padding-top: 10px;
}

.light-ninja-label {
    font-size: 14px;
    color: #bbb;
    font-weight: 100;
    display: block;
}

.gcw-node {
    display: flex;
    height: 50px;
    font-size: large;
}

.gcw-node > * {
    margin-left: 20px;
}

.gcw-node > button {
    background-color: transparent;
}

.gcw-node > button > a {
    text-decoration: none;
    color: inherit;
}

.admin-node-download-button {
    background-color: #f3f3f3;
    border: 0px;
    transition-duration: 0.4s;
}

.admin-node-download-button:hover {
    background-color: #e87722;
    color: #f3f3f3;
}

.gcw-node-sort select {
    background: transparent;
    border: none;
    border-bottom: 2px solid rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgb(139, 139, 139);
    outline: none;
    padding: 6px 6px;
}

.admin-toastr {
    /*background-color: #dddddd;*/
    top: 50px;
    right: 12px;
}

.admin-toastr > div {
    opacity: 1 !important;
}

.admin-node-badges {
    left: 50px;
    height: 0;
}

.admin-node-tab-nav-area {
    height: 50px;
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    align-items: stretch;
    white-space: nowrap;
    line-height: 50px;
}

.admin-node-tab-contents {
    min-height: 340px;
    margin-bottom: 20px;
}

admin-node-drag-drop {
    position: absolute;
    width: calc(100% - 25px);
    top: 45px;
    height: 340px;
    z-index: 4;
    display: none;
    /* Drag and Drop - Burst File */
    background: rgba(0, 0, 0, 0.1);
    border: 3px dotted rgb(138, 138, 138) !important;
}

.custom-node-html-loading {
    display: block !important;
    text-align: center;
    top: 10px;
    height: 60px;
    z-index: 1;
}

/********************************/
/* Admin - Process Fields Modal */
/********************************/
#selectProcessFields .modal-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#selectProcessFields .radio {
    line-height: 20px;
    margin: 10px 0;
    font-size: 14px;
}

#selectProcessFields input[type=radio] {
    width: initial;
    height: initial;
    opacity: 1;
}

/**************************/
/* Admin - Batch Searches*/
/*************************/
#admin-batch-searches {
}

#admin-batch-searches .orange {
    color: #f3661d;
}

#admin-batch-searches .grey {
    color: #9d9d9d;
}

.admin-batch-search-input {
    display: flex;
}

.admin-batch-search-input div:nth-child(odd) {
    flex-grow:1;
}

.admin-batch-search-input div:nth-child(even) {
    width: 250px;
}

.admin-batch-search-input div:nth-child(even) > .btn {
    top: 5px;
    left: 10px;
    color: #fff
}

#admin-batch-searches .btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#admin-batch-searches .cardBox {
    max-width: 1200px;
}

.cardNameRoot {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 50px;
    height: 50px;
}

#admin-batch-searches form > hr {
    left: -20px;
    margin: 20px -25px 20px 0;
}

.admin-batch-search-stepper {
    display: flex;
    margin-right: 25px;
}

.admin-batch-search-stepper > div {
    cursor: pointer;
}

.admin-batch-search-stepper .fa {
    border: 1px solid #e0e0e0;
    padding:10px;
    border-radius: 50%;
}

.admin-batch-search-stepper .active {
    border-color: #e87722;
}

.admin-batch-search-stepper .active .fa {
    border: 2px solid #e87722;
}

.admin-line-grow {
    border-bottom: 1px solid #e0e0e0;
    flex-grow: 1;
    line-height: 25px;
    height: 25px;
    margin: 0px 10px;
}

.admin-batch-search-content {
    height: 500px;
    margin-left: -20px;
    margin-right: -5px;
    padding: 15px 30px 0 30px;
    overflow: auto;
}

.admin-batch-search-top-buttons {
    padding-bottom: 10px;
    height: 50px;
    width: 100%;
}

.admin-batch-search-top-buttons > button {
    float: right;
}

.admin-batch-search-criteria {
    font-size: 15px;
    line-height: normal;
}

.admin-batch-search-grid .admin-batch-search-table {
    float:none;
    margin:auto;
}
.admin-batch-search-table-criteria-head > th:nth-child(1) {
  min-width: 60px;
  max-width: 60px;
}
.admin-batch-search-table-criteria-head > th:nth-child(2),
.admin-batch-search-table-criteria-head > th:nth-child(3) {
  min-width: 160px;
  max-width: 220px;
}
.admin-batch-search-table-criteria-head > th:nth-child(4) {
  min-width: 135px;
  max-width: 140px;
}
.admin-batch-search-table-criteria-head > th:nth-child(5) {
  min-width: 180px;
  max-width: 230px;
}
.admin-batch-search-table-criteria-head > th:nth-child(6) {
  min-width: 195px;
  max-width: 205px;
}
.admin-batch-search-table-grid-body td:nth-child(1) {
  min-width: 200px;
  max-width: 300px;
}
.admin-batch-search-table-grid-body td:nth-child(n+2) {
  width: 100px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
}


.admin-batch-search-advanced-grouping {
    margin-top: 25px !important;
}

.admin-batch-search-advanced-grouping > label {
    left: 0;
}

.admin-batch-search-table  {
    border-radius: 4px;
    border: 1px solid #444444;
    height: calc(100% - 100px);
    padding: 0;
    overflow: auto;
}

.admin-batch-search-table th > span {
    font-weight: 100;
    font-size: 16px;
}

.admin-batch-search-table thead {
    background-color: #444444;
    color: white;
    z-index: 2;
}

.admin-batch-search-table td {
    border-top: none !important;
    padding: 12px 5px !important;
}

.admin-batch-search-criteria .cardSelectMod,
.admin-batch-search-criteria .fullCardTextField {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

.admin-batch-search-table i {
    padding: 0 10px;
}

.admin-batch-search-security-root {
    height: calc(100% - 55px);
}

.admin-batch-search-security-top-buttons {
    width: 100%;
    height: 50px;
}

.admin-batch-search-security-top-buttons > button {
    float: right;
    margin: 0 5px;
    color: white !important;
}

.admin-batch-search-security > section > div {
    border: 1px solid #444444;
    border-radius: 4px;
    height: 100%;
}

.admin-batch-search-security-header {
    font-size: 16px;
    padding: 15px;
    line-height: normal;
    font-weight: bold;
    background-color: #444444;
    color: white;
}

.admin-batch-search-security-header .fa {
    float:right;
    cursor: pointer;
}

.admin-batch-search-security-list > div {
    font-size: 15px;
    padding: 15px;
    line-height: normal;
    display: flex;
}

.admin-batch-search-security-list > div:hover {
    background-color: #dbdbdb;
}

.admin-batch-search-security-list .admin-batch-search-label {
    flex-grow: 1;
}

.admin-batch-search-security-list .admin-batch-search-actions .fa {
    float:right;
    cursor: pointer;
    padding: 0 10px;
}

.admin-batch-search-security-list .admin-batch-search-actions .fa-trash {
    visibility: hidden;
    padding: 0 5px;
}

.admin-batch-search-security-list > div:hover > .admin-batch-search-actions .fa {
    visibility: visible;
}

.admin-batch-search-security-list {
    overflow: auto;
    height: calc(100% - 50px);
}


.admin-batch-search-grid,
.admin-batch-search-criteria,
admin-batch-searches,
.admin-batch-search-security,
.admin-batch-search-security > section {
    height: 100%;
}

#selectProcessFields .drop-list ul[dnd-list] li div.dnd-li-top {
    top: -30px;
    right: -5px;
}

#selectProcessFields .drop-list ul[dnd-list] li div.dnd-li-bottom {
    bottom: -5px;
    right: -5px;
}

.dnd-directive-0-div {
  display: flex
}

.dnd-directive-0-div>h3 {
  white-space: nowrap
}

.dnd-directive-0-div>input {
  margin: 0 0 0 10px;
  color: #444444;
  font-size: 14px;
}

.admin-batch-search-table th {
    position: sticky;
    top: 0;
    background-color: #444444;
    z-index: 1;
    border: 0 !important;
}

.admin-batch-search-table .pointer {
    cursor: pointer;
}

.admin-batch-search-table .dndPlaceholder {
    background-color: #ddd;
}

/*
.admin-batch-search-table .dndPlaceholder td{
    padding: 20px 5px !important;
}
*/

.admin-batch-search-table .handle {
    cursor: move;
}

.admin-batch-search-table .dndDraggingSource {
    display: none;
}

.admin-batch-search-table .fieldMsg {
    right: 0;
    margin-top: 0;
}

.admin-batch-search-editable > label {
    font-weight: normal;
}

.admin-batch-search-editable > .btn {
    color: white;
}

.admin-batch-search-criteria-date-head {
    display: flex;
}

[admin-batch-search-criteria-date] .input-group-addon {
    padding: 0;
    border: 0;
    width: 0;
    background-color: transparent;
}

.admin-batch-search-table .dropdown-menu {
    overflow-y: auto;
    max-height: 150px;
    max-width: 200px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.admin-batch-search-table .toggled {
    background-color: #f3661d;
    color: #fff;
}

.admin-batch-search-table .untoggled:hover {
    background-color: #efefef;
}

#selectProcessFields .panel-heading,
dnd-directive .panel-info>.panel-heading {
    background-color: #444;
    color: #fff;
}

dnd-directive .panel-info {
    border-color: #dddddd;
}

dnd-directive .panel-body {
    padding:0;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop into it once it's empty
 */
dnd-directive ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
    margin: 0;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
dnd-directive ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

dnd-directive ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    /* border-top-right-radius: 4px; */
    /* border-top-left-radius: 4px; */
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    border-left: 0;
    border-right: 0;
}

dnd-directive ul[dnd-list] li.selected {
    background-color: #ffd3bd;
    color: #ff5700;
}

dnd-directive-modal > .modalBackboard {
  overflow: auto;
}

#selectProcessFields .modal-header,
dnd-directive-modal .modal-header {
    display: flex;
    align-items: baseline;
}

#selectProcessFields .modal-header > i,
dnd-directive-modal .modal-header > i {
    padding: 5px;
}

.admin-batch-search-criteria-multi-select {
    max-width: 250px;
    display: flex;
}
.admin-batch-search-criteria-multi-select > span {
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: grey;
}


/* IE Only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .colorpicker {
        margin-top: 5px;
    }
}

/* Microsoft Edge Browser 12-18 (All versions before Chromium) */
@supports (-ms-ime-align:auto) {
    .colorpicker {
        margin-top: 5px;
    }
}

/* Firefox Only */
@-moz-document url-prefix() {
    .colorpicker {
        margin-top: 115px;
    }
}

.gcw-portal-options {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 60px 0 10px;
}

.gcw-portal-password {
  display: flex;
}

.gcw-portal-password > .fieldGroup {
  flex-grow: 1;
}

.gcw-portal-password > .fieldGroup > input:disabled {
  cursor: not-allowed;
}

.gcw-portal-password > .gcw-toggle {
  left: -45px;
}

.gcw-portal-password > .gcw-toggle > i {
  padding: 10px;
}

@media (max-width: 1000px) {
  .gcw-portal-options {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
  }
}

.gcw-portal-hostname input {
    width: 100%;
}

.no-border {
    border: none;
}

/*Standard SVG Icon size*/
svg-src > svg {
    height: 24px;
    width: 24px;
}

.gcw-portal-sort {
    font-size: 18px;
}

.gcw-portal-sort select {
    background: transparent;
    border: none;
    border-bottom: 2px solid rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgb(139, 139, 139);
    outline: none;
    padding: 6px 6px;
}

.gcw-smtp-test-email .cardBtnRight {
    float: right;
    margin-right: 35px;
}

.test-smtp-email {
    width: calc(100% - 10px);
    margin-right: -10px;
    background-color: #dddddd;
    margin-left: -15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    display: flex;
}

.test-smtp-email .ninjaLabel {
    color: #444444;
}

.test-smtp-email .fullCardTextField {
    width: 100%;
    color: #222222;
    background: transparent;
}

.test-smtp-email-button-div {
  display: flex;
  align-items: end;
  padding-bottom: 10px;
}

.test-smtp-email-button-div > button {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    width: 100%;
}
.password-msg {
  position: relative;
  right: 51px;
  float: right;
  font-size: 12px;
  color: #e87722;
}