@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.u-spin {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@font-face {
  font-family: 'Signika-Regular';
  src: url("skin/fonts/Signika-Regular.eot");
  src: local('☺'), url("skin/fonts/Signika-Regular.woff") format('woff'), url("skin/fonts/Signika-Regular.ttf") format('truetype'), url("skin/fonts/Signika-Regular.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Signika-Semibold';
  src: url("skin/fonts/Signika-Semibold.eot");
  src: local('☺'), url("skin/fonts/Signika-Semibold.woff") format('woff'), url("skin/fonts/Signika-Semibold.ttf") format('truetype'), url("skin/fonts/Signika-Semibold.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('skin/fonts/glyphicons-halflings-regular.eot');
  src: url('skin/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'), url('skin/fonts/glyphicons-halflings-regular.woff') format('woff'), url('skin/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('skin/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'iconfont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SDjEAAAC8AAAAYGNtYXDxQvCVAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZtmFjp4AAAF4AAACcGhlYWQDmhHnAAAD6AAAADZoaGVhBzADyAAABCAAAAAkaG10eAskAFgAAAREAAAAHGxvY2EBMgIoAAAEYAAAABBtYXhwAAoAhgAABHAAAAAgbmFtZeKPCgAAAASQAAABTnBvc3QAAwAAAAAF4AAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxBwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAEAAAAAMAAgAAgAEAAEAIPAT8Qf//f//AAAAAAAg8BPxBv/9//8AAf/jD/EO/wADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAAAAANuA24AcgCDAAATNTQ3Nj8BNjcmJyY1NDc2NzYzMh8BNjc2NzY7ATIXFh8BFhc3NjMyFxYXFhUUBwYHBgcWHwEWFxYdARQHBg8BBgcWFxYVFAcGBwYjIi8BBgcGBwYrASInJjUnJicHBiMiJyYnJjU0NzY3NjcmLwEmJyY1JRQXFjMyNzY1NCcmIyIHBhUABQQGawgOFyYGBQ8qKQ0HB08ZGwkIBBB/CAYGARAcF1EGCAgGShUEBQgVFQoPCWgIBAUFBAdqCwsUKQYGDykpDQcITxkbCQcEEX8IBgYQHBhQBggIB0gWBAUIFRQLEAhoCAQFASUqKz08KysrKzw9KyoBeX4HBwYBEBobIC4HBwYHFSkpBj0NCE4dEAUFB2oJDD0GBkQdBQgHBgwaGg4dGxABBgYIfwcGBgEQHxUdMgcHCAYVKCkFPg0JTR0QBQUHaQkMPQUGQh4GCAYHDBoaDh0cDwEGBgg+PSsqKis9PCsrKys8AAAAAAEALADjAmYCLwAaAAATNDcBNjMyFwEWFRQPAQYjIi8BBwYjIi8BJjUsBgEKBgcIBQELBQUdBgcIBeHgBggHBhwGARIIBQELBQX+9QUIBwYcBgbg4AYGHAYHAAAAAQAsAPUCZgJCABoAABM0PwE2MzIfATc2MzIfARYVFAcBBiMiJwEmNSwGHAYHCAbg4QUIBwYdBQX+9QUIBwb+9gYCEggFHQYG4eEGBh0FCAcG/vYGBgEKBgcAAAABAAAAAQAAmAivzV8PPPUACwQAAAAAANCG5r4AAAAA0IbmvgAAAAADbgNuAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAANuAAEAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAgAAAAQAAAACkgAsApIALAAAAAAACgAUAB4A3AEKATgAAQAAAAcAhAACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABAAAAABAAAAAAACAA4ATgABAAAAAAADABAAJgABAAAAAAAEABAAXAABAAAAAAAFABYAEAABAAAAAAAGAAgANgABAAAAAAAKADQAbAADAAEECQABABAAAAADAAEECQACAA4ATgADAAEECQADABAAJgADAAEECQAEABAAXAADAAEECQAFABYAEAADAAEECQAGABAAPgADAAEECQAKADQAbABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdGljb25mb250AGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}
html {
  min-height: 100%;
  position: relative;
}
html,
body {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
  margin-bottom: 35px;
  margin-top: 35px;
}
body.marginFree {
  margin-bottom: 0;
  margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2c3e50;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
label {
  font-weight: normal;
}
section {
  padding: 5px;
}
@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
.process-details > .actions,
.visualization-page > .actions {
  padding: 30px 0 10px 0;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.SubHeading {
  border-bottom: 1px #e1e4e8 solid;
  padding-bottom: 8px;
  margin-bottom: 20px;
  color: #2c3e50;
}
.ToolBar {
  padding-top: 20px;
  padding-bottom: 10px;
}
.btn {
  border-radius: 3px;
}
.object-attribute-list {
  display: flex;
}
.object-attribute-list .object-attribute-icon {
  font-size: 1.4em;
  margin: 10px;
}
.object-attribute-list .object-attribute-icon.glyphicon-calendar,
.object-attribute-list .object-attribute-icon.glyphicon-user {
  color: #2c3e50;
}
.object-attribute-list dt {
  color: #2c3e50;
}
.object-attribute-list dl {
  flex-grow: 1;
}
.glyphicon.text-success {
  color: green;
}
#id-wrong,
#id-not-provided {
  margin-top: 10px;
}
.no-space-left {
  padding-left: 0;
  margin-left: 0;
}
[class*="col-centered"] {
  float: none;
}
.col-centered-text {
  text-align: center;
}
.clickable {
  cursor: pointer;
}
[class*="btn-action-icon"] {
  font-family: 'iconfont';
}
[class*="btn-action-"] {
  margin-top: -5px;
  background-color: transparent;
  border: 0;
  line-height: 2em;
  cursor: pointer;
  transition: color 0.2s ease-in;
}
.btn-action-icon-sort-up::before {
  content: "\f106";
}
.btn-action-icon-sort-down::before {
  content: "\f107";
}
.btn {
  text-transform: uppercase;
}
.btn.dropdown-toggle {
  text-transform: none;
}
.btn-section-action {
  float: right;
}
.table thead {
  background-color: #fff;
}
.table[resizable-column] thead th {
  border-left: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
}
.table[resizable-column] thead th:first-child {
  border-left: 1px dotted transparent;
}
.table[resizable-column] thead th:last-child {
  border-right: 1px dotted transparent;
}
.resizable {
  table-layout: fixed;
}
.resizable th,
.resizable td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-column-xs {
  width: 10%;
}
.table-column-small {
  width: 120px;
}
.table.table-bordered > thead {
  background-color: #eeeeee;
}
.td-small {
  width: 10%;
}
.table-column-large {
  width: 35%;
}
.table-row .btn-action-sethome {
  opacity: 0;
  transition: opacity .3s linear;
}
.table-row:hover .btn-action-sethome {
  opacity: 1;
}
.table-row.page-is-home .btn-action-sethome {
  opacity: 1;
  color: #71A900;
  pointer-events: none;
}
[aria-hidden="true"] {
  display: none;
}
.label-choice-inline {
  margin-right: 40px;
}
.label-choice-inline:last-child {
  margin-right: 0;
}
label {
  overflow-wrap: break-word;
}
.dropdown-menu li {
  cursor: pointer;
}
.page {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}
.panel {
  border-radius: 3px;
}
.panel-default {
  border-color: #e1e4e8;
}
.panel-default > .panel-heading {
  padding: 5px 10px;
  background-color: #f6f8fa;
  border-bottom: 1px solid #e1e4e8;
}
.panel-title {
  color: #2c3e50;
}
.list-group > .list-group-item-action {
  min-height: 55px;
}
.list-group > .list-group-item-action .glyphicon {
  margin-right: 4px;
}
callout {
  margin-bottom: 10px;
  padding: 10px;
  border-left: 3px solid #eee;
  color: #333;
}
callout h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 120%;
}
callout ul {
  padding-left: 50px;
}
callout ul li {
  list-style: disc;
}
callout > p a {
  margin-left: 10px;
  color: #337AB7;
}
callout > p a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.callout-danger h4 {
  color: #B94A48;
}
.callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.callout-warning h4 {
  color: #C09853;
}
.callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}
.callout-info h4 {
  color: #3A87AD;
}
.AvatarUpload {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.AvatarUpload-preview img {
  max-height: 180px;
  max-width: 180px;
}
.AvatarUpload-btn {
  position: relative;
  overflow: hidden;
  margin-top: .5rem;
}
.AvatarUpload-btn input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  opacity: 0;
}
.AvatarUpload-preview--default {
  height: 150px;
  width: 150px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  display: flex;
}
.AvatarUpload-preview--default:before {
  content: url('../portal-theme/icons/default/icon_user.png');
  margin: auto;
}
.AvatarUpload-error {
  color: red;
}
.AvatarUpload-preview--busy {
  position: relative;
}
.AvatarUpload-preview--busy:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.AvatarUpload-preview--busy:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  animation: spinner 2s infinite linear;
  border-radius: 0.5em;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
bootstrap-form-control .form-group {
  padding-bottom: 20px;
}
bootstrap-form-control label::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 88;
}
bootstrap-form-control label::after {
  top: 32px;
  right: 42px;
  height: 20px;
  width: 20px;
  background: white;
  border: 1px solid white;
}
.field-upload-container label::after {
  display: none;
}
.select-form-container label::after {
  top: 26px;
  right: 1px;
  width: 65px;
  height: 32px;
  border: 0;
  background: transparent url("skin/images/form-select.png") no-repeat right center;
  pointer-events: none;
}
.isBrowser-ie .select-form-container label::after {
  background-color: white;
}
.application-actions {
  width: 180px;
  text-align: center;
}
.bo-SortButton:focus {
  outline: 1px solid #c7c7c7;
}
.app-container-list th .bo-SortButton {
  font-weight: bold;
}
.table-header-actions {
  text-align: center;
}
.app-details-flex-display .app-details-col {
  margin: 0;
  display: flex;
  align-items: center;
}
.app-details-flex-display .app-details-col > div {
  display: flex;
  align-items: center;
}
.app-details-flex-display .app-details-col > div > dd {
  margin-left: 20px;
}
.app-details-flex-display .app-details-col > dl {
  margin-bottom: 0;
}
.app-details-flex-display .app-details-col > dl > div {
  margin: 10px 0;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.list-group-item .default-cursor {
  cursor: default;
}
.bonitasoft-default-logo {
  width: 14px;
  margin-top: -5px;
}
#look-n-feel-edit-section .editable-buttons > button {
  margin-top: 2px;
  min-width: 30px;
  min-height: 30px;
  padding: 0 0 0 0;
}
#look-n-feel-edit-section .editable-input {
  max-width: 280px;
}
#app-details-container .actions {
  padding-top: 20px;
}
#app-details-information {
  margin-bottom: 15px;
}
#app-edit-btn {
  float: none;
}
#case-list .table-responsive {
  min-height: 370px;
}
#case-list-tab-content {
  padding: 25px 0px 0 0px;
}
#case-list .case-list-refresh {
  padding-left: 10px;
  cursor: pointer;
}
#case-list .column-visibility-name {
  cursor: grab;
}
#case-list .column-visibility-checkbox {
  padding: 0 0 0 10px;
}
#case-list li[draggable=true]:hover {
  background: url("skin/images/dragndrophover.gif") repeat-y left;
}
#case-list div.popover ul,
#case-list div.popover ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#case-list .popover-error {
  background-color: #f2dede;
  color: #a94442;
}
#case-list .popover-error.top > .arrow:after {
  border-top-color: #f2dede;
}
#case-list .popover-error.left > .arrow:after {
  border-left-color: #f2dede;
}
#case-list .popover-error.right > .arrow:after {
  border-right-color: #f2dede;
}
#case-list .popover-error.bottom > .arrow:after {
  border-bottom-color: #f2dede;
}
#case-list a.open-link {
  color: inherit;
  /* blue colors for links too*/
  text-decoration: inherit;
  /* no underline */
}
#case-list .case-column.st-sort-ascent:after {
  content: '\25B2';
}
#case-list .case-column.st-sort-descent:after {
  content: '\25BC';
}
#case-list .case-checkbox {
  padding-left: 15px;
  width: 40px;
}
#case-list .case-selected {
  background-color: blue;
}
#case-list .case-action {
  height: 28px;
}
#case-list .case-link {
  white-space: nowrap;
}
#case-list #case-filters .button-filter {
  padding-top: 4px;
}
#case-list #case-filters .button-filter .btn-group {
  padding-left: 9px;
}
#case-list .title {
  font-size: 18px;
}
#case-list h1 {
  margin-bottom: 5px;
}
#case-list .cases-nb-results {
  border: 0;
}
#case-list .pagination {
  margin: 0 0;
}
#case-list #cases-results {
  font-weight: normal;
}
#case-list #cases-results-size-bottom {
  margin: 7px 20px;
}
#case-list #cases-results-size-top {
  margin: 4px 20px;
}
#case-list button {
  text-transform: capitalize;
  min-width: 60px;
}
#case-list .dropdown-menu {
  overflow-y: auto;
  max-height: 315px;
}
#case-list .dropdown-menu.bo-TableSettings-content {
  overflow-y: auto;
}
#case-list .glyphicon-none:before {
  content: "\2122";
  color: transparent !important;
}
#case-list .pointer {
  cursor: pointer;
}
#case-list .glyphicon-chevron-down,
#case-list .glyphicon-chevron-up {
  font-size: 10px;
}
#case-list .glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
#case-list .table-buttons {
  padding-bottom: 3px;
}
#case-list .bo-TableSettings-content {
  min-width: 250px;
  overflow: visible;
}
#case-list .bo-TableSettings-columns {
  max-height: none;
}
#case-list .table > thead > tr:nth-child(1) > th {
  border: none;
}
#case-list .table > thead > tr:nth-child(2) > th {
  border-top: none;
}
#case-list .table > thead th .bo-SortButton {
  font-weight: bold;
}
#case-list case-visu {
  margin-right: 5px;
}
.monitoring-page #infoPopover {
  color: #808080;
}
.monitoring-page #totals {
  font-size: 20px;
}
.alertBox {
  position: absolute;
  z-index: 10000;
  width: 400px;
  margin-left: -200px;
  margin-top: 15px;
  left: 50%;
}
.process-details #process-details-actors h2:first-child,
.process-details #process-details-information h2:first-child,
.process-details #process-details-params h2:first-child,
.process-details #process-details-connectors h2:first-child,
.process-details #process-details-forms h2:first-child,
.process-details #process-details-script h2:first-child {
  margin-top: 0;
}
.process-details #process-details-form-mapping td.xeditable {
  width: 70%;
}
.process-details #process-details-form-mapping td.xeditable .editable-buttons {
  vertical-align: middle;
}
.process-details #process-details-form-mapping td.xeditable-nullable .editable-empty {
  color: #6e6f6b;
}
.process-details #process-details-form-mapping td.xeditable-nullable .editable-empty:hover,
.process-details #process-details-form-mapping td.xeditable-nullable .editable-empty:focus {
  color: #6e6f6b;
}
.process-details #process-details-form-mapping td.xeditable-nullable .editable-click {
  border-bottom: 1px dashed #6e6f6b;
}
.process-details .sidebar-nav .submenu {
  padding-left: 20px;
  font-size: 14px;
}
.process-details .sidebar-nav .navbar-header {
  float: none;
}
.process-details span.label {
  font-size: 100%;
}
.process-details ul.nav > li > a {
  color: #6e6f6b;
}
.process-details .actorMappingList,
.process-details .processManagerMappingList {
  table-layout: fixed;
}
.process-details .actorMappingList td.actorName,
.process-details .processManagerMappingList td.actorName {
  vertical-align: middle;
}
.process-details .members,
.process-details .managers {
  padding-bottom: 0;
}
.process-details .members a.member,
.process-details .managers a.member,
.process-details .members a.manager,
.process-details .managers a.manager,
.process-details .members span.member,
.process-details .managers span.member,
.process-details .members span.manager,
.process-details .managers span.manager {
  margin-right: 0.5em;
  display: inline-block;
  margin-bottom: 0.5em;
}
.process-details .members .glyphicon,
.process-details .managers .glyphicon {
  cursor: pointer;
}
.process-details .mappingEdition-actions > td {
  padding: 0 0 0 0 ;
  border-top: 0;
}
.process-details .mappingEdition-actions {
  border-top: 0;
}
.process-details .mappingEdition-actions .cellFooter {
  margin-right: 10px;
}
.process-details .categories {
  padding-top: 10px;
}
.process-details .mapped-categories {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  flex-direction: row;
}
.process-details .mapped-categories > div:first-child {
  flex: 2;
}
.process-details .mapped-categories > div:nth-child(2) {
  flex: 1;
}
.process-details .mapped-categories > div .glyphicon-info-sign {
  font-size: 0.85em;
}
.process-details .mapped-categories .add-category-input-container {
  display: flex;
  gap: 5px;
}
.process-details .mapped-categories .add-category-input-container .category-list-container {
  width: 100%;
}
.process-details .mapped-categories .add-category-input-container .category-list-container input[list="categoryList"] {
  position: relative;
  padding-left: 0.5em;
  width: 100%;
  height: 100%;
}
.process-details .category-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.process-details .category-alert > .glyphicon {
  font-size: 1.5em;
}
.process-details .button-action {
  display: inline-block;
  cursor: pointer;
  line-height: 1.2;
  padding-bottom: 0.2em;
}
.process-details .tags-suggestion-list {
  overflow: hidden;
}
.process-details .toggle.btn {
  min-height: 25px;
}
.process-details .metatags-label {
  padding-right: 20px;
  display: inline-block;
  vertical-align: middle;
}
.process-details .table {
  margin-bottom: 0px;
}
.process-details span.edit-categories {
  top: 0;
  font-size: 0.6em;
  color: #000000;
}
.process-details #params td.xeditable {
  width: 10%;
}
.process-details #params .btn {
  min-width: 30px;
}
.process-details td {
  color: #6e6f6b;
}
.process-details .multiSelect button {
  margin: 0 5px 0 5px;
}
.process-details .processDetails-formList p {
  padding: 10px;
}
.process-details .processDetails-formList {
  padding-top: 10px;
}
.process-details .ace_editor {
  height: 300px;
}
#manage-categories-modal .tags .tag.editable {
  background-color: black;
}
#manage-categories-modal ul.tags-suggestion-list.dropdown-menu {
  overflow-x: hidden;
  width: 100%;
}
.fade {
  opacity: 1;
}
/* The starting CSS styles for the enter animation */
.fade.ng-enter {
  transition: 0.5s linear all;
  opacity: 0;
}
/* The starting CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
  opacity: 1;
}
/* now the element will fade out before it is removed from the DOM */
.fade.ng-leave {
  transition: 0.5s linear all;
  opacity: 1;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.slide.ng-enter,
.slide.ng-leave {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
.slide.ng-leave.ng-leave-active,
.slide.ng-enter {
  opacity: 0;
  width: 100%;
  height: 0px;
}
.slide.ng-enter.ng-enter-active,
.slide.ng-leave {
  opacity: 1;
  width: 100%;
  height: 100px;
}
.popover-item-def {
  margin: 0 0 .5em;
  color: #666;
  font-weight: normal;
}
.popover-item-def dt {
  font-size: 1.2em;
}
/* Import */
.field-upload-container {
  position: relative;
  height: 50px;
  margin-bottom: 20px;
}
.field-upload-container label {
  min-width: 150px;
}
.field-upload-container .form-group.has-feedback {
  position: relative;
}
.upload-field {
  position: relative;
  height: 37px;
  padding: 0;
}
.upload-field input {
  position: absolute;
  top: 5%;
  z-index: 42;
  border: 0;
  width: 100%;
  height: 90%;
  opacity: 0;
}
.isBrowser-ie .upload-field input {
  font-size: 999px;
}
.upload-field-content {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: white;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.3);
  pointer-events: none;
  line-height: 35px;
  text-indent: 1em;
}
.upload-field-content::after {
  position: absolute;
  content: '';
  background: url("skin/images/form-input-file.png") transparent no-repeat right center;
  display: block;
  height: 35px;
  width: 35px;
  right: 0;
  top: 0;
}
.upload-field-content.upload-success::after {
  background: url("skin/images/form-input-file-ok.png") transparent no-repeat right center;
}
.container-menubuilder .list-group-item {
  border: 0;
  border-radius: 0;
}
.menu-choice-container {
  padding: 0;
}
.angular-ui-tree-node,
.angular-ui-tree-placeholder {
  display: block;
  position: relative;
  padding: .4em 1em;
  list-style: none;
}
.angular-ui-tree-node,
.list-group-item.angular-ui-tree-node {
  border-top: 1px solid #ddd;
}
.angular-ui-tree-drag {
  position: absolute;
  list-style: none;
  pointer-events: none;
  z-index: 999;
  opacity: .8;
}
.angular-ui-tree-placeholder {
  background-color: rgba(0, 0, 0, 0.1);
}
.angular-ui-tree-hidden {
  display: none;
}
.angular-ui-tree-handle {
  cursor: move;
  cursor: -webkit-grab;
  /* Mac OS ... */
  text-decoration: none;
  font-weight: 700;
}
li.angular-ui-tree-handle {
  margin-bottom: 0.6em;
}
.menucontainer-submenu-exist {
  margin-top: .6em;
  margin-right: -1em;
  padding-left: 1em;
}
.angular-ui-tree-node {
  padding-left: 2em;
}
.angular-ui-tree-node.menucontainer-has-submenu-items {
  border: 1px solid #ddd;
  border-bottom: 0;
  border-left: 0;
  padding-bottom: 0;
  margin-bottom: .6em;
  padding-left: 2em;
  position: relative;
}
.menucontainer-no-submenu-items::before,
.menucontainer-has-submenu-items::before {
  content: '';
  display: block;
  width: .8em;
  height: .8em;
  position: absolute;
  background: #D5D5D5;
  border-radius: 1em;
  left: 0;
  top: .85em;
}
.hidden-submenu + .menucontainer-submenu-exist {
  display: none;
}
/*.menucontainer-submenu-exist li {padding-left: 1.6em}*/
.menu-creator {
  border-left: 1px dashed #ddd;
  padding-right: 0;
}
.container .menu-creator .jumbotron {
  padding: 2em;
}
.menucontainer-submenu-exist .angular-ui-tree-node::before,
.menucontainer-submenu-exist .angular-ui-tree-node:last-child::before {
  content: '';
  display: block;
  width: 15px;
  height: 20px;
  border-left: 1px solid #ddd;
  float: left;
  margin-left: -25px;
  margin-right: 12px;
}
.menucontainer-submenu-exist .angular-ui-tree-node:last-child::before {
  height: 15px;
  border-bottom: 1px solid #ddd;
}
.menucontainer-submenu:empty {
  padding: 1em 0;
  background: rgba(235, 235, 235, 0.6);
  margin-top: 10px;
  margin: 10px 0 0 2em;
}
.menucontainer-has-submenu-items .btn-action-toggle {
  visibility: visible;
}
.form-menu-pages {
  margin-bottom: 0;
}
.modal-menu-footer {
  margin-top: 0;
}
@media (min-width: 768px) {
  .modal-sm {
    width: 350px;
  }
}
.UserTitle {
  margin-bottom: .62rem;
}
.UserDetails .SubHeading {
  margin-top: 0;
}
.UserDetails .SubHeading ~ .SubHeading {
  margin-top: 3rem;
}
.UserDetails .UserMetadata {
  display: flex;
  margin-bottom: 1rem;
  font-size: .9em;
  color: #586069;
}
.UserDetails .UserMetadata > *:not(:first-child) {
  margin-left: 6rem;
}
@media (max-width: 480px) {
  .UserDetails .UserMetadata > *:not(:first-child) {
    margin-left: 2rem;
  }
}
.UserDetails .UserCard {
  margin-top: 2rem;
}
.UserDetails .Memberships,
.UserDetails .Profiles {
  border-collapse: separate;
  border-spacing: 1rem .5rem;
}
.UserDetails .Memberships {
  margin-bottom: 1.5rem;
}
.UserDetails .CustomInformation-guidance {
  font-size: .9em;
}
.UserDetails .memberships-title-section {
  margin-top: 1rem;
  display: flex;
}
.UserDetails .AddMembershipsBtn {
  margin-left: 1rem;
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**
 * Popup & import page
 */
.modal-body-scrollable {
  overflow-y: auto;
  max-height: 768px;
}
/**
  * Styles of directive content
 */
.status-container {
  display: inline-block;
  padding-bottom: 10px;
}
.status-container .glyphicon {
  font-size: 1.5em;
  float: left;
  margin-right: 5px;
}
.status-container .error {
  color: red;
}
.status-container .warning {
  color: #f89728;
}
.status-container span {
  vertical-align: middle;
}
.status-context {
  list-style-position: inside;
}
.context-third-level {
  font-style: italic;
}
.validation-status-group {
  margin-bottom: 20px;
}
.validation-status-section h4 {
  margin-top: 0px;
}
.validation-status-section h5 {
  font-size: 16px;
}
.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.message-status-animation.ng-enter,
.message-status-animation.ng-leave {
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -ms-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
}
.message-status-animation.ng-enter,
.message-status-animation.ng-leave.ng-leave-active {
  opacity: 0;
}
.message-status-animation.ng-leave,
.message-status-animation.ng-enter.ng-enter-active {
  opacity: 1;
}
/* ------------------------------------------------------------------------- */
/* Process Monitoring & Process Visu
/* ------------------------------------------------------------------------- */
.monitoring-page .totalMonitoring,
.process-details .totalMonitoring,
.monitoring-page .processDetails-monitoringStatus-counters,
.process-details .processDetails-monitoringStatus-counters {
  font-size: 20px;
}
.monitoring-page .totalMonitoring .label.ready-bg-color,
.process-details .totalMonitoring .label.ready-bg-color,
.monitoring-page .processDetails-monitoringStatus-counters .label.ready-bg-color,
.process-details .processDetails-monitoringStatus-counters .label.ready-bg-color {
  background-color: #267F00;
}
.monitoring-page .totalLabel,
.process-details .totalLabel {
  font-weight: bold;
  margin: 5px 0px 10px;
}
.monitoring-page {
  width: 100%;
  width: 100vw;
}
.monitoring-page .table td {
  padding: 5px 8px;
}
.monitoring-page #total-panel {
  margin-top: 20px;
}
.monitoring-page .col-lg-offset-1_5 {
  margin-left: 12.5%;
}
.monitoring-page .panel-default > .panel-heading {
  color: #333;
}
.monitoring-page .panel-default > .panel-heading .panel-title {
  line-height: 26px;
}
.monitoring-page .panel-body {
  padding-bottom: 10px;
}
.monitoring-page .center {
  margin: 10px 0px 10px 0px;
  text-align: center;
}
.monitoring-page .right {
  margin: 0px 0px 5px 0px;
  /*text-align: right;*/
  float: right;
}
.monitoring-page .selectField {
  display: inline-block;
  width: auto;
  margin: 0px 10px 0px 3px;
}
.monitoring-page .filterFieldProcess {
  display: inline-block;
  max-width: 300px;
  margin-right: 20px;
}
.monitoring-page .filterFieldFailed {
  display: inline-block;
  width: auto;
  margin-right: 20px;
}
.monitoring-page .totalMonitoring .label {
  font-size: inherit;
}
.monitoring-page img {
  vertical-align: bottom;
}
.monitoring-page .filterFieldVersion {
  margin-right: 20px;
}
.monitoring-page .refreshBlock {
  position: relative;
  font-size: 14px;
}
.monitoring-page .glyphicon-chevron-up,
.monitoring-page .glyphicon-chevron-down {
  font-size: 10px;
}
.monitoring-page .pagination-results {
  margin: 18px 20px 0;
}
.monitoring-page .paginationBlock {
  font-size: 14px;
  font-weight: normal;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
  display: inline-block;
}
.monitoring-page tbody {
  color: #6e6f6b;
}
.monitoring-page button.dropdown-toggle {
  text-transform: capitalize;
}
.monitoring-page .refreshBlock button.dropdown-toggle {
  text-transform: none;
}
.monitoring-page .pagination > .disabled > span,
.monitoring-page .pagination > .disabled > span:hover,
.monitoring-page .pagination > .disabled > span:focus,
.monitoring-page .pagination > .disabled > a,
.monitoring-page .pagination > .disabled > a:hover,
.monitoring-page .pagination > .disabled > a:focus {
  cursor: default;
}
.monitoring-page .dropdown-menu {
  overflow-y: auto;
  max-height: 315px;
}
.monitoring-page .center {
  margin: 10px 0 5px;
}
.monitoring-page .table {
  margin-bottom: 0px;
}
.monitoring-page h1 {
  margin-bottom: 5px;
}
.monitoring-page h1 .refreshBlock {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.monitoring-page h1 .refreshBlock span.refreshLabel {
  font-size: 14px;
  font-weight: normal;
  color: #6e6f6b;
}
.monitoring-page .pagination {
  margin-top: 10px;
  margin-bottom: 0;
}
.monitoring-page #process-list .panel-body {
  padding-top: 5px;
}
.monitoring-page th .ng-binding {
  cursor: pointer;
}
.monitoring-page div[dropdown] {
  margin-left: 0.5em;
}
.monitoring-page div[dropdown] button {
  min-width: 60px;
}
.monitoring-page .glyphicon-refresh-animate {
  width: 14px;
  height: 14px;
  position: absolute;
  left: -20px;
  top: 4px;
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
.monitoring-page .number-column {
  width: 150px;
}
.monitoring-page .version-column,
.monitoring-page .action-column {
  width: 100px;
}
.monitoring-page .icons-column {
  width: 1%;
  white-space: nowrap;
}
.monitoring-page .totals-panel .panel-heading {
  border-bottom: none;
  position: relative;
}
.monitoring-page .totals-panel .panel-heading h4 {
  position: absolute;
  top: 0;
  color: #333;
}
.monitoring-page .clickable {
  color: inherit;
}
.monitoring-page .clickable:hover {
  color: inherit;
  text-decoration: inherit;
}
.monitoring-page .clickable:focus {
  outline: none;
}
.monitoring-page .popover-error {
  background-color: #f2dede;
  color: #a94442;
}
.monitoring-page .popover-error.top > .arrow:after {
  border-top-color: #f2dede;
}
.monitoring-page .popover-error.left > .arrow:after {
  border-left-color: #f2dede;
}
.monitoring-page .popover-error.right > .arrow:after {
  border-right-color: #f2dede;
}
.monitoring-page .popover-error.bottom > .arrow:after {
  border-bottom-color: #f2dede;
}
@media (max-width: 1500px) and (min-width: 1199px) {
  .monitoring-page .col-1500-10 {
    width: 83.333333333%;
  }
  .monitoring-page .col-1500-offset-1 {
    margin-left: 8.3333333333%;
  }
}
.visualization-page {
  /* Zoom plugin styles */
  /* Styles for SVG element */
}
.visualization-page .browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.visualization-page .thumbnail {
  height: 200px;
}
.visualization-page .thumbnail img.pull-right {
  width: 50px;
}
.visualization-page .participant {
  fill: lightgray;
  stroke: black;
}
.visualization-page .lane {
  fill: white;
  stroke: black;
}
.visualization-page .activities {
  text-anchor: middle;
  font-size: 14px;
}
.visualization-page .Task,
.visualization-page .ReceiveTask,
.visualization-page .SendTask,
.visualization-page .Activity,
.visualization-page .ServiceTask,
.visualization-page .ScriptTask,
.visualization-page .CollapsableSubprocess {
  text-anchor: start;
  font-size: 10px;
}
.visualization-page .events {
  text-anchor: middle;
  font-size: 14px;
}
.visualization-page .SubProcessEvent path {
  fill-opacity: 0;
  /* To show elements within */
  stroke-width: 1px !important;
}
.visualization-page svg {
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.visualization-page svg:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.visualization-page .activityClicked svg:not(.boundary) text {
  text-decoration: underline;
}
.visualization-page .activityArchived path {
  fill: black;
  fill-opacity: 0.2;
}
.visualization-page .edge {
  stroke: black;
  fill: none;
}
.visualization-page .label-text {
  text-anchor: middle;
  font-size: 10px;
  font-weight: bold;
  fill: white;
}
.visualization-page .no-padding {
  padding: 0 !important;
}
.visualization-page .zoom-range {
  width: 100% !important;
  display: block;
  margin: auto;
}
.visualization-page .zoom-buttons .reset {
  margin-left: 1em;
}
.visualization-page .zoom-buttons-container {
  padding-top: 10px;
  border: 1px solid #dddddd;
}
.visualization-page .reset {
  margin-left: 10px;
}
.visualization-page .panzoom {
  width: 100%;
  height: 100%;
  margin: 0;
  /* No blur on zooming - just for webkit browsers */
  -webkit-backface-visibility: initial !important;
  /*-webkit-transform-origin: 50% 50%;*/
}
.visualization-page .panzoom-parent {
  overflow: hidden;
  position: relative;
  border: solid 1px #ddd;
  min-height: 100%;
  min-height: 100vh;
}
.visualization-page svg .label-failed {
  fill: red;
}
.visualization-page svg .label-ready {
  fill: #267F00;
}
.visualization-page svg .label-open {
  fill: #727272;
}
.visualization-page svg .label-executed {
  fill: #000000;
}
.visualization-page svg .label-inProgress {
  fill: #2C6DA3;
}
.visualization-page svg .label-cancelled {
  fill: #515151;
}
.visualization-page svg .default-edge-strike {
  stroke: black;
}
.visualization-page svg .conditional-diamond {
  fill: white;
  stroke: black;
}
.visualization-page.diagram-only .back {
  display: none;
}
.visualization-page.diagram-only h1 {
  display: none;
}
.visualization-page .collapse-btn {
  position: absolute;
  top: 3px;
  right: 1.25em;
  font-size: 130%;
  z-index: 999;
  cursor: pointer;
}
.visualization-page .collapsed-add.collapsed-add-active,
.visualization-page .expanded-add {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  width: 20px;
  height: 20px;
}
.visualization-page .collapsed-add.collapsed-add-active *,
.visualization-page .expanded-add * {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  opacity: 0;
}
.visualization-page .collapsed-add.collapsed-add-active .collapse-btn,
.visualization-page .expanded-add .collapse-btn {
  opacity: 1;
}
.visualization-page .expanded-add.expanded-add-active,
.visualization-page .collapsed-add {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  width: 130px;
  height: auto;
}
.visualization-page .collapsed {
  width: 20px;
  height: 20px;
  border: none;
}
.visualization-page .collapsed * {
  opacity: 0;
  visibility: hidden;
}
.visualization-page .collapsed .collapse-btn {
  opacity: 1;
  visibility: visible;
}
.visualization-page .visu-key-container .visu-key {
  cursor: pointer;
  font-size: 110%;
  display: block;
  border-top: 1px solid #ddd;
  padding-top: 6px;
  margin: 10px auto;
}
.visualization-page #key-modal .modal-content {
  margin-top: 20%;
}
.no-footer .footer {
  display: none;
}
[orient="vertical"] {
  -webkit-appearance: slider-vertical;
  writing-mode: bt-lr;
}
/* Fix overflow of tooltip */
.tooltip-inner {
  word-break: break-all;
}
/* ------------------------------------------------------------------------- */
/* Tasks List
/* ------------------------------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src: url('skin/fonts/icomoon.eot');
  src: url('skin/fonts/icomoon.eot') format('embedded-opentype'), url('skin/fonts/icomoon.ttf') format('truetype'), url('skin/fonts/icomoon.woff') format('woff'), url('skin/fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-assigned:before {
  content: "\e900";
}
.icon-unassigned:before {
  content: "\e901";
}
.u-Spacer-left {
  margin-left: .5em;
}
/**
 * TaskApp
 */
.TaskListPage {
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
  vertical-align: top;
  table-layout: fixed;
}
.TaskListPage .panel-heading {
  padding: 5px 10px;
}
.TaskListPage--small {
  overflow: auto;
  display: block;
}
.OffcanvasMenu {
  position: relative;
  display: table-cell;
  width: 2.5em;
  min-height: 100%;
  background-color: #eee;
  z-index: 1;
  vertical-align: top;
}
.navbar {
  border-radius: 0;
}
.OffcanvasMenu-title {
  display: none;
}
.TaskListPage--withMenu .OffcanvasMenu-title {
  display: block;
  margin: .3em .35em 1.5em;
}
.TaskListPage--withMenu .OffcanvasMenu {
  width: 200px;
  border: none;
}
.TaskListPage--small .OffcanvasMenu {
  display: block;
  min-height: 0;
  width: 100%;
  padding-bottom: 0;
  border-right: 0;
  padding-top: 1em;
}
.AppWrapper {
  display: table-cell;
  width: auto;
  vertical-align: top;
  height: 100%;
  margin-left: 0;
  padding-left: 2.5em;
}
.TaskListPage--small .AppWrapper {
  padding-top: 0;
  display: block;
}
/**
 * Header
 */
.AppHeader .well {
  margin-bottom: 0;
}
.well {
  font-size: 2em;
  font-weight: 300;
  line-height: 2em;
  margin: 0;
  padding: 0 .5em;
  border-radius: 0;
}
.TitleIcon {
  font-size: 1.2em;
  display: inline-block;
  vertical-align: text-bottom;
  line-height: 1.1;
  margin-right: .25em;
}
.LayoutSwitch {
  margin-top: -0.125em;
  margin-right: .5em;
}
/**
 * list Settings
 */
.Settings {
  width: 100%;
  display: table;
  border-bottom: 1px solid #ccc;
  padding: .58em 1em;
  font-size: 0.85em;
}
.Settings-filter {
  vertical-align: middle;
  display: table-cell;
}
.ProcessList {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.ProcessList-label {
  display: block;
  max-width: 14em;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/**
 * SearchBox
 */
.SearchBox .help-block {
  margin-top: 0;
  font-size: .8em;
  color: lightgrey;
}
.SearchBox-input {
  padding-left: 1.2em;
  padding-right: 0;
}
.SearchBox-input::-ms-clear {
  display: none;
}
.SearchBox-icon {
  position: absolute;
  top: 50%;
  left: .25em;
  margin-top: -0.5em;
  color: #999;
}
.Loading {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background: no-repeat;
  background-image: url('data:image/gif;base64,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');
  width: 20px;
  height: 20px;
  margin-top: 6px;
  margin-right: 7px;
}
/**
 * ngToast
 */
.ng-toast .ng-toast__message {
  text-align: left;
}
/**
 * button in dropdown
 */
.open > .dropdown-menu li > .btn {
  text-align: left;
  border-radius: 0;
  min-width: 100%;
  padding: 0.3em 1em;
}
.btn-default.btn-sm {
  padding: 3px 6px;
}
/**
 * angular-boostrap
 */
.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}
.TaskDetailsPanel {
  box-shadow: -5px 0 2px -2px #ddd;
  display: table-cell;
  vertical-align: top;
}
.TaskDetailsPanel .panel,
.TaskDetailsPanel .panel-heading,
.TaskDetailsPanel .Settings,
.TaskDetailsPanel .list-group-item {
  border: none;
  box-shadow: none;
}
.TaskDetailsPanel.TaskDetailsPanel--collapsed {
  width: 2.5em;
}
.TaskDetailsPanel.TaskDetailsPanel--collapsed .SizeBar-expand {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.TaskDetailsPanel .SizeBar-expand,
.TaskDetailsPanel .SizeBar-reduce,
.TaskDetailsPanel .Toolbar-button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: none;
  text-align: center;
}
.TaskDetailsPanel .SizeBar-expand:hover,
.TaskDetailsPanel .SizeBar-reduce:hover,
.TaskDetailsPanel .Toolbar-button:hover {
  background-color: #eee;
}
.TaskDetailsPanel .Toolbar-button {
  padding: 5px;
  font-size: 1.4em;
}
.TaskDetailsPanel .SizeBar-expand,
.TaskDetailsPanel .SizeBar-reduce {
  font-size: 1.7em;
  float: left;
  padding: 15px 10px 5px;
}
.TaskDetailsPanel .nav-tabs {
  margin-left: 40px;
  margin-right: 80px;
}
.TaskDetailsPanel .nav-tabs #form-tab {
  margin-left: 1%;
}
.TaskDetailsPanel .Resize-full {
  font-size: 1.5em;
}
.TaskDetailsPanel .panel .panel-heading {
  background-color: transparent;
}
.panel .panel-title {
  margin: .33em 0;
  font-weight: 700;
}
/**
 * iframe viewer
 */
iframe {
  background: #fff;
}
.Context-title {
  margin-top: 0;
}
.Viewer-wrapper {
  position: relative;
  display: block;
  clear: both;
}
.Viewer-frame {
  min-height: 300px;
}
.Viewer-overlay {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.TaskForm {
  position: relative;
}
.TaskForm:hover .Viewer-overlay,
.TaskForm:hover .FormOverlay-message {
  opacity: 1;
  visibility: visible;
}
.FormOverlay-message {
  position: absolute;
  z-index: 999;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 1em;
  line-height: 2em;
}
.FormOverlay-message .FormOverlay-text {
  display: inline;
  margin: 0 0.5em 0 0;
}
.FormOverlay-message .FormOverlay-button {
  display: inline;
}
.FormOverlay-message.ng-leave,
.Viewer-overlay.ng-leave {
  transition: none;
}
.tab-content {
  padding-top: 1em;
}
.TaskDetails {
  position: relative;
  z-index: 1;
  height: 100%;
}
.TaskDetails .tab-content {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em;
}
.TaskDetails .tab-pane,
.TaskDetails .FormViewer,
.TaskDetails .TaskForm,
.TaskDetails .CaseViewer {
  height: 100%;
}
.TaskDetailsPanel-content {
  height: 100vh;
  padding-top: 1em;
}
.TaskDetailsPanel-content--empty {
  text-align: center;
  font-size: 1.5em;
  color: #ACB6C0;
  padding: 2em;
}
.TaskDetailsPanel-toolbar {
  position: relative;
  z-index: 2;
  margin-right: 1em;
}
.TaskDetailsModal .modal-dialog {
  width: 95vw;
  height: 94vh;
  margin: 3vh auto;
}
.TaskDetailsModal .modal-content,
.TaskDetailsModal .modal-body {
  height: 100%;
}
.TaskDetailsModal .modal-body {
  padding-bottom: 80px;
}
.TaskDetailsModal .modal-footer {
  border-top: 1px solid #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.TaskDetailsModal-backdrop {
  transition: opacity 0.2s ease-in;
}
.TaskDetailsModal-backdrop:not(.in) {
  opacity: 0;
}
.TaskDetailsModal {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.TaskDetailsModal.in {
  opacity: 1;
}
.Modal-dismiss {
  position: relative;
  z-index: 2;
}
/**
 * Tasks Filter
 */
.FilterToggle {
  float: right;
  padding: 15px 10px 10px;
  font-size: 1.7em;
  background-color: #eee;
  border: none;
}
.FilterToggle:hover {
  background-color: #ddd;
}
.FilterToggle-expend {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/** increase selector specificity to override bootstrap **/
.TaskFilters {
  display: none;
}
.TaskListPage .TaskFilters {
  margin: 0 0 0 .5em;
  overflow: visible;
}
.TaskListPage--small .TaskFilters,
.TaskListPage--withMenu .TaskFilters {
  display: block;
  margin-top: 5em;
}
.TaskFilters {
  padding-left: 0;
  margin: .5em;
}
.TaskFilters .TaskFilters {
  margin: 0;
}
.nav-pills > li > a {
  color: #666;
}
.TaskListPage .nav-pills > li > a {
  color: #2c3e50;
  border-radius: 4px 0 0 4px;
}
.TaskListPage .nav-pills > li.active > a,
.TaskListPage .nav-pills > li.active > a:hover,
.TaskListPage .nav-pills > li.active > a:focus {
  color: #2c3e50;
  background-color: #fff;
}
.TaskListPage .nav-pills > li > a:hover {
  background-color: #b4b9c2;
}
.nav-pills > .active > a > .badge {
  background-color: #6CBFEE;
  color: #fff;
  box-shadow: 0 1px 1px #999 ;
}
.badge {
  background: #777;
  color: #fff;
}
/**
 * TaskList
 */
.TaskList {
  height: 100vh;
  overflow: auto;
}
.TaskList .TaskList-filters,
.TaskList .TaskList-table {
  margin: 15px;
}
.TaskList .TaskFilter--leftPadding,
.TaskList .Filter-process {
  padding-left: 9px;
}
.TaskList .TaskFilter-caseIdInput {
  width: 110px;
  padding-left: 9px;
}
.TaskList .panel-heading {
  font-size: 18px;
}
.TaskList .TaskList--paddingTop {
  padding-top: 10px;
}
.TaskList-refresh i {
  font-size: 0.9em;
}
.TaskList-refresh:focus {
  outline: 0;
}
.TaskList-loadingText {
  color: #9d9d9d;
  font-size: 0.8em;
}
.TaskList-loadingIcon {
  color: #9d9d9d;
}
.PaginationInfo {
  white-space: nowrap;
  float: right;
}
/** Pagination **/
.PaginationInfo-summary {
  padding: 0.55em .5em;
  font-size: .9em;
  vertical-align: middle;
}
.PaginationInfo-pagination {
  font-size: .9em;
  vertical-align: middle;
  margin-top: 0 !important;
}
/**
 * .Table -settings (from bo-settings)
 */
.bo-TableSettings {
  float: none !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.bo-TableSettings-content {
  padding: .5em;
  min-width: 20em;
}
.bo-TableSettings-columns {
  max-height: 10em;
  overflow: auto;
  list-style-type: none;
  padding-left: 0;
}
.bo-TableSettings-column {
  cursor: pointer;
}
/**
 * Table
 */
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
.alert-noresult {
  margin-top: 1.5em;
  background-color: #EEE;
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.pagination {
  margin: 0 0;
}
/**
 * SortButton
 */
.bo-SortButton {
  border: none;
  font-weight: normal;
  background-color: transparent;
  min-width: 100%;
  text-align: inherit;
  padding: 1px 0;
  white-space: nowrap;
}
.bo-SortButton-icon {
  visibility: hidden;
}
.bo-SortButton--active .bo-SortButton-icon,
.bo-SortButton:hover .bo-SortButton-icon {
  visibility: visible;
}
.bo-SortButton-label {
  font-weight: 700;
  margin-right: .3em;
}
.table > thead > tr > th {
  border-bottom-color: #666;
}
/* override bootstrap selector specificity */
.table > tbody > tr > td.Cell--with-actions {
  padding: 0 5px;
  vertical-align: middle;
  min-width: 3em;
  width: 3em;
}
.Cell--assignee {
  width: 2em;
}
.Cell--checkbox {
  width: 2em;
  text-align: center;
}
.Cell--number {
  text-align: right;
}
.Cell--with-actions .btn-default {
  padding: .15em .3em;
  font-size: 1.15em;
}
/* override bootstrap selector specificity */
.table > tbody > tr > td.Cell--sortable {
  padding-right: 1.5em;
}
.Ellipsis {
  max-width: 100px;
}
.Ellipsis > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
.Line {
  cursor: pointer;
}
.Line td {
  white-space: nowrap;
}
.TaskTable td > div {
  display: inline-block;
}
.TaskTable .TaskTable-displayName,
.TaskTable .TaskTable-displayDescription,
.TaskTable .TaskTable-processName {
  word-wrap: break-word;
  white-space: normal;
}
.TaskTable-filterDone .TaskTable-dueDateHeader .bo-SortButton:hover {
  cursor: default;
}
.TaskTable-filterDone .TaskTable-dueDateHeader .bo-SortButton-icon {
  display: none;
}
.TaskTable-line--overdue .TaskTable-dueDate::before {
  font-family: 'Glyphicons Halflings';
  content: '\e023';
  margin: 5px;
  color: #a94442;
}
.Comments {
  position: relative;
  height: 100%;
  padding: 0;
}
.Comments .Comments-header {
  font-size: 1.3em;
}
.Comments .Comments-content {
  position: absolute;
  top: 30px;
  bottom: 140px;
  left: 0;
  right: 0;
  overflow: auto;
  padding: 10px 0;
}
.Comments .Comments-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.Comment {
  padding: 10px;
}
.Comment:last-child {
  border: none;
}
.Comment .Comment-header {
  font-size: 90%;
}
.Comment .Comment-icon {
  float: left;
  max-height: 32px;
  max-width: 32px;
  border-radius: 3px;
}
.Comment .Comment-content,
.Comment .Comment-header {
  margin-left: 40px;
}
.Comment .Comment-content {
  padding-top: 2px;
  white-space: pre-wrap;
}
.CommentForm .CommentForm-disabledMsg {
  color: #727272;
  margin-left: .2em;
}
.CommentForm textarea {
  resize: none;
}
.CommentForm-help {
  color: #c2c2c2;
  margin-top: 0;
  font-size: .8em;
}
