/*-
 * ~~~~~~licensing~~~~~~
 * entaxy-branding-plugin
 * ==========
 * Copyright (C) 2020 - 2025 EmDev LLC
 * ==========
 * You may not use this file except in accordance with the License Terms of the Copyright
 * Holder located at: https://entaxy.ru/eula . All copyrights, all intellectual property
 * rights to the Software and any copies are the property of the Copyright Holder. Unless
 * it is explicitly allowed the Copyright Holder, the User is prohibited from using the
 * Software for commercial purposes to provide services to third parties.
 * 
 * The Copyright Holder hereby declares that the Software is provided on an "AS IS".
 * Under no circumstances does the Copyright Holder guarantee or promise that the
 * Software provided by him will be suitable or not suitable for the specific purposes
 * of the User, that the Software will meet all commercial and personal subjective
 * expectations of the User, that the Software will work properly, without technical
 * errors, quickly and uninterruptedly.
 * 
 * Under no circumstances shall the Copyright Holder or its Affiliates is not liable
 * to the User for any direct or indirect losses of the User, his expenses or actual
 * damage, including, downtime; loss of bussines; lost profit; lost earnings; loss
 * or damage to data, property, etc.
 * ~~~~~~/licensing~~~~~~
 */

entaxy-header {
    width: 100%;
    position: relative;
    z-index: 2;
    background-color: white;
}

entaxy-header .pficon.pficon-info {
    color: #0088ce;
}

entaxy-header .pficon.pficon-info:hover {
    color: #0088cec9;
}

.entaxy-header {
    overflow-wrap: break-word;
    margin-left: 20px;
    margin-right: 20px;
}

.entaxy-header header {
    display: flex;
}

.entaxy-header h1.changed::before {
    color: #c00;
    content: "*";
}

.entaxy-header-popover {
    overflow-wrap: break-word;
}

/* jmx tree icons */

.entaxy-node-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-node-icon.png");
}

.entaxy-connectors-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-connectors-icon.png");
}

.entaxy-in-icon span.node-icon::before,
.entaxy-connectors-icon.in span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-connectors-in-icon.png");
}

.entaxy-out-icon span.node-icon::before,
.entaxy-connectors-icon.out span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-connectors-out-icon.png");
}

.ru-entaxy-esb-odata-folder span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-odata-icon.png");
}

.entaxy-connections-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-connections-icon.png");
}

.entaxy-adapters-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-adapters-icon.png");
}

.entaxy-routes-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-routes-icon.png");
}

.entaxy-routes-icon.aggregator span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-routes-aggregator-icon.png");
}

.entaxy-profiles-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-profiles-icon.png");
}

.entaxy-factories-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-factories-icon.png");
}

.entaxy-platform-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-platform-icon.png");
}

.entaxy-runtime-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-runtime-icon.png");
}

.entaxy-resource-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-resource-icon.png");
}

.entaxy-services-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-services-icon.png");
}

.entaxy-security-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-security-icon.png");
}

.entaxy-repositories-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-repositories-icon.png");
}

.entaxy-configs-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-configs-icon.png");
}

.entaxy-objects-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-objects-icon.png");
}

.entaxy-search-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-search-icon.png");
}

.entaxy-route-libraries-icon span.node-icon::before,
.entaxy-route-component-libraries-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-route-libraries-icon.png");
}

.entaxy-data-management-icon span.node-icon::before {
    background: url("../img/icons/cranberry-red/entaxy-data-management-icon.png");
}

.entaxy-cicd-projects-icon span.node-icon::before {
    background: url("../img/icons/cicd/entaxy-cicd-projects-icon.png");
}

.entaxy-cicd-applications-icon span.node-icon::before {
    background: url("../img/icons/cicd/entaxy-cicd-applications-icon.png");
}

.entaxy-cicd-storages-icon span.node-icon::before {
    background: url("../img/icons/cicd/entaxy-cicd-storages-icon.png");
}

.entaxy-cicd-versions-icon span.node-icon::before {
    background: url("../img/icons/cicd/entaxy-cicd-versions-icon.png");
}

.entaxy-cicd-build-info-icon span.node-icon::before {
    background: url("../img/icons/cicd/entaxy-cicd-build-info-icon.png");
}

.entaxy-cicd-revisions-icon span.node-icon::before {
    background: url("../img/icons/cicd/entaxy-cicd-revisions-icon.png");
}

.entaxy-node-icon span.node-icon::before,
.entaxy-connectors-icon span.node-icon::before,
.entaxy-in-icon span.node-icon::before,
.entaxy-connectors-icon.in span.node-icon::before,
.entaxy-out-icon span.node-icon::before,
.entaxy-connectors-icon.out span.node-icon::before,
.ru-entaxy-esb-odata-folder span.node-icon::before,
.entaxy-connections-icon span.node-icon::before,
.entaxy-adapters-icon span.node-icon::before,
.entaxy-routes-icon span.node-icon::before,
.entaxy-routes-icon.aggregator span.node-icon::before,
.entaxy-profiles-icon span.node-icon::before,
.entaxy-factories-icon span.node-icon::before,
.entaxy-platform-icon span.node-icon::before,
.entaxy-runtime-icon span.node-icon::before,
.entaxy-resource-icon span.node-icon::before,
.entaxy-services-icon span.node-icon::before,
.entaxy-security-icon span.node-icon::before,
.entaxy-repositories-icon span.node-icon::before,
.entaxy-configs-icon span.node-icon::before,
.entaxy-objects-icon span.node-icon::before,
.entaxy-search-icon span.node-icon::before,
.entaxy-route-libraries-icon span.node-icon::before,
.entaxy-route-component-libraries-icon span.node-icon::before,
.entaxy-data-management-icon span.node-icon::before,

.entaxy-cicd-projects-icon span.node-icon::before,
.entaxy-cicd-applications-icon span.node-icon::before,
.entaxy-cicd-storages-icon span.node-icon::before,
.entaxy-cicd-versions-icon span.node-icon::before,
.entaxy-cicd-build-info-icon span.node-icon::before,
.entaxy-cicd-revisions-icon span.node-icon::before {
    display: inline-block;
    min-width: 16px;
	min-height: 16px;
	background-size: 16px 16px;
	background-position: -1px center;
	background-repeat: no-repeat;
	content: "" !important;
	vertical-align: middle;
}

/* fonts */

/* You can customise the styles of your application here. */
@font-face {
    font-family: 'PatternFlyIcons-webfont';
    src: url('../../../console/fonts/PatternFlyIcons-webfont.eot');
    url('../../../console/fonts/PatternFlyIcons-webfont.woff') format('woff'),
    url('../../../console/fonts/PatternFlyIcons-webfont.ttf') format('truetype'),
    url('../../../console/fonts/PatternFlyIcons-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../../../console/fonts/OpenSans-Regular-webfont.eot');
    url('../../../console/fonts/OpenSans-Regular-webfont.woff') format('woff'),
    url('../../../console/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
    url('../../../console/fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Uses ActiveMQ colors in broker diagram*/
svg text {
   font-family: PatternFlyIcons-webfont;
}

.pf-topology-svg g.ThisBroker circle {
   stroke: #801944;
   fill: #c12766;
}

.pf-topology-svg g.MasterBroker circle {
   stroke: #801944;
   fill: #c12766;
}

.pf-topology-svg g.SlaveBroker circle {
   stroke: #82171b;
   fill: #cf242a;
}

.pf-topology-svg g.Address circle {
   stroke:  #2b326e;
   fill: #3e489f;
}

.pf-topology-svg g.Queue circle {
   stroke:  #50621d;
   fill: #78932c;
}

.pf-topology-svg g.InternalAddress circle {
   stroke:  #2b326e;
}

.pf-topology-svg g.InternalQueue circle {
   stroke:  #50621d;
}

/*Adds a border to top of page*/
.pf-c-page__header {
    border-top: 3px solid #BF0224;
}

/* Change the background image for Login page and About modal as well as text color etc*/

.color_scheme_default .pf-c-login,
.color_scheme_default .pf-c-about-modal-box__hero {
    --pf-c-form__label--Color: #535353;
}

.color_scheme_dark .pf-c-login,
.color_scheme_dark .pf-c-about-modal-box__hero {
    --pf-c-form__label--Color: white;
}

.pf-c-login, .pf-c-about-modal-box__hero {
    background-size: cover;
}

.color_scheme_default .pf-c-login,
.color_scheme_default .pf-c-about-modal-box__hero {
    background-color: white;
}

.color_scheme_dark .pf-c-login,
.color_scheme_dark .pf-c-about-modal-box__hero {
    background-color: #151515;
}

.pf-c-login, .pf-c-about-modal-box__hero {
    background-image: url("../img/bg-intro.png");
    background-repeat: no-repeat;
    background-position: calc(50% + 120px) -300px;
    background-size: auto;
}

.pf-c-about-modal-box__hero {
    background-position: calc(50% + 720px) -300px;
}

.pf-c-login__main {
    grid-area: main;
    background-color: transparent;
}

.color_scheme_default .pf-c-login__footer,
.color_scheme_default .pf-c-login__footer .pf-c-list a {
    color: #535353;
}

.color_scheme_dark .pf-c-login__footer,
.color_scheme_dark .pf-c-login__footer .pf-c-list a {
    color: white;
}

.pf-c-login__footer p {
    font-size: 150%;
}

.color_scheme_default .pf-c-login__main-body label {
    color: #535353;
}

.color_scheme_dark .pf-c-login__main-body label {
    color: white;
}

.color_scheme_default .pf-c-login__main-header {
    color: #535353;
}

.color_scheme_dark .pf-c-login__main-header {
    color: white;
}

/*These change the color of the buttons*/
.btn-link {
    color: #BF0224;
}

.btn-link:hover,
.btn-link:focus {
    color: #DF667B;
}

.btn-add-modal {
    font-size: 14px;
}

.btn-add-modal:focus {
    outline: none;
}

.btn-add-modal:active:focus {
    outline: none;
}

.pf-c-button.pf-m-primary {
    background-color: #BF0224;
}

.pf-c-button.pf-m-primary.pf-m-hover, .pf-c-button.pf-m-primary:hover {
    background-color: #DF3A57;
    background-image: linear-gradient(to bottom,#DF3A57 0,#DF3A57 100%);
    background: #DF3A57;
    border-color: #DF3A57;
}

.color_scheme_default .pf-c-title.pf-m-3xl {
    color: #535353;
}

.color_scheme_dark .pf-c-title.pf-m-3xl {
    color: white;
}

.btn-primary {
    background-color: #8F2538;
    background-image: linear-gradient(to bottom,#8f2538 0,#8F2538 100%);
    background-repeat: repeat-x;
    border-color: #8F2538;
    color: #fff;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-primary.focus,
.open .dropdown-toggle.btn-primary:focus,
.open .dropdown-toggle.btn-primary:hover {
    background-color: #BF0224;
    border-color: #B21054;
}

.btn-primary .caret:before {
    color: #fff;
}

/*These change the row in a table when hovered over*/
.table-hover>tbody>tr:hover {
    background-color: #DF667Bb3;
    color: #fff;
}

.table-hover>tbody>tr:hover td {
    background-color: #DF667Bb3;
    border-bottom: 1px solid #BF0224;
}

select>option:hover,
select>option:active {
    background: #DF667B !important;
    background-color: #DF667B !important;
}

tbody>tr:hover {
    background-color: #DF667B;
}

/*This controls the color of the buttons when clicked, hovered or visited*/
.btn-primary:hover,
.btn-primary.hover
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:visited,
.btn-primary.visited{
    background-color: #DF3A57;
    background-image: linear-gradient(to bottom,#DF3A57 0,#DF3A57 100%);
    background: #DF3A57;
    border-color: #DF3A57;
}

/*This changes the color of the hover item in the JMX Tree*/
.treeview-pf-hover .list-group-item:hover {
    background-color: #DF667B!important;
    border-color: #DF667B!important;
}

/*This changes the color of the chosen selection in the JMX Tree*/
.treeview-pf-select .list-group-item.node-selected {
    background: #DF667B!important;
    border-color: #DF667B!important;
    color: #fff!important;
}

.list-view-pf .list-group-item:hover {
    background-color: #D2D2D2;
}

.list-view-pf .list-group-item.active {
    background-color: #DF667B;
    color: #fff;
}

.toast-pf-content {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
}

.entaxy-result-table,
.entaxy-notification-main-message,
.entaxy-cicd-unremoved-info-table {
    width: 300px;
}

.entaxy-cicd-unremoved-info-table th,
.entaxy-cicd-unremoved-info-table td {
    border: 1px solid #d1d1d1;
    padding: 0 5px;
}

.entaxy-notification-main-message a {
    color: #1A6351;
}

.entaxy-notification-main-message a:hover {
    color: #018464e3;
}

/* This changes the color of the underline in the main left menuLeft hand menu tab underline*/
.pf-c-nav__list .pf-m-current.pf-c-nav__link::after, .pf-c-nav__list .pf-m-current>.pf-c-nav__link::after {
    background-color: #BF0224;
}

.pf-c-nav__list .pf-c-nav__link.pf-m-hover::after, .pf-c-nav__list .pf-c-nav__link:hover::after {
    background-color: #BF0224;
}

.card-pf.card-pf-accented {
    border-top-color: #BF0224;
}

/*This changes the hover color in all the tables*/
.table-hover tbody tr:hover td.focus {
  background-color: #DF667B;
}

/*This changes the color of the sort column header*/
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    color: #BF0224!important;
    position: relative;
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
    background: #BF0224!important;
}

/* CSSs for entaxy modal window are below */
.modal-xl {
    width: 70%;
    min-width: 900px;
}

.modal-xxl {
    width: 90%;
    min-width: 900px;
}

.modal-body-without-header iframe {
    width: 100%;
    margin: 0;
}

.modal-body-header {
    height: 70px;
    max-height: 70px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: whitesmoke;
    border-bottom: 1px #bbbbbb solid;
    border-top: 1px #bbbbbb solid;
}

.entaxy-modal-container .modal-body {
    height: calc(100vh - 270px);
    max-height: calc(100vh - 270px);
    padding: 0px;
}

.entaxy-modal-container .modal-body-without-header {
    height: calc(100vh - 230px);
    max-height: calc(100vh - 230px);
    padding: 0px;
    margin-top:15px;
}

.entaxy-modal-container .modal-footer {
    background-color: whitesmoke;
    border-top: 1px #bbbbbb solid;
    margin-top: 0px;
}

.entaxy-simple-modal-container .modal-header {
    background-color: #fff;
}

.entaxy-simple-modal-container .modal-body-small {
    padding: 20px;
    height: 57px;
}

.entaxy-simple-modal-container .modal-footer {
    margin-top: 0px;
}

.entaxy-simple-modal-container.message-modal-container .modal-header {
    background-color: #f5f5f5;
}

.entaxy-simple-modal-container.message-modal-container .modal-body-small {
    height: auto;
}

.simple-modal-message {
    word-wrap: break-word;
}

.modal-sm-custom {
    width: 500px;
}

.modal-description-title {
    display: flex;
}

.modal-description-title-direction {
    margin-right: 20px;
}

.modal-description-title-direction input {
    margin: 0 3px 0 5px;
}

.modal-description-title-deprecated input {
    margin: 4px 10px 0 0;
}

.modal-list-with-description-container entaxy-modal-list {
    display: block;
    height: calc(100% - 47px);
}

.modal-list-container {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    height: 100%;
}

.modal-list-toolbar-container {
    flex: initial;
    padding-left: 20px;
    padding-right: 20px;
}

.modal-groups-list-container .modal-list-toolbar-container .toolbar-pf {
    background-color: #D2D2D2;
    border-bottom: 1px solid #ffffff;
    padding-top: 15px;
}

.modal-list-toolbar-container .toolbar-pf .form-group {
    border-right: none;
}

.group-list .modal-list-toolbar-container .toolbar-pf-results {
    border-top: none;
}

.modal-list-list-container {
    min-height: 200px;
    overflow: hidden auto;
    flex: initial;
}

.modal-list-list-container .list-view-pf .list-group-item {
    border-color: #ededed;
}

.modal-list-list-container .list-view-pf .list-group-item.active {
    border-color: #DF667B;
}

.modal-list-list-container .list-view-pf-view,
.expandable-list-container .list-view-pf-view {
    margin-top: 0;
}

.modal-list-list-container .list-group,
.expandable-list-container .list-group {
    margin-bottom: 0;
}

.operation-table-request-modal .modal-body {
    padding: 15px;
}

/* This changes the size of the list-view item */
/*.list-group-item*/
.modal-list-list-container .list-view-pf-main-info,
.expandable-list-container .list-view-pf-main-info {
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.group-list .modal-list-list-container .blank-slate-pf {
    background-color: #D2D2D2;
    border: none;
}

.modal-group-fields-container,
.modal-list-with-description-container {
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.modal-list-with-description-list-container {
    width: 50%;
    border-right: #d1d1d1 solid 1px;
}

.modal-description-container {
    width: 50%;
}

.modal-description-title {
    height: 47px;
    padding: 15px;
    border-bottom: #d1d1d1 solid 1px;
}

.modal-description-body {
    padding: 15px;
}

.modal-groups-list-container {
    width: 335px;
    background-color: #D2D2D2;
}

.modal-groups-list-container .list-group-item {
    background-color: #D2D2D2;
    border-width: 0px;
}

.modal-groups-list-container .list-group-item:first-child {
    border-top: 0px;
}

.modal-groups-list-container .list-group-item:hover {
    background-color: #DF667B;
    color: #fff;
}

.modal-groups-list-container .list-group-item.active {
    background-color: #fff !important;
    color: #363636;
}

.modal-group-fields-form-container {
    overflow-y: auto;
    flex: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal-group-fields-form-container .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.expandable-list-container .list-view-pf-actions {
    margin-top: 2px;
    margin-bottom: 2px;
}

.expandable-list-container .list-view-pf-actions .btn {
    box-shadow: none;
}

.expandable-list-container .list-view-pf-actions .btn.disabled {
    display: none;
}

.expandable-list-container .list-view-pf-expand {
    margin-top: 5px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.expandable-list-container .list-group-item-container {
    border-top: none;
    padding: 0;
    width: 110%;
}

.expandable-list-container .list-group-item-container.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.expandable-list-container .list-view-pf .list-group-item.list-view-pf-expand-active {
    border: none;
    box-shadow: none;
    background-color: #D2D2D2;
}

.expandable-list-container .list-group-item-header {
    padding: 0 20px 0 10px;
}

.expandable-list-container .list-group-item.list-view-pf-expand-active .list-group-item-header {
    color: #363636;
}

.expandable-list-container .list-view-pf-checkbox {
    border-right: none;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: -1px;
}

.nested-list .list-group-item {
    padding-left: 25px;
}

/*
.modal {
  text-align: center;
  padding: 0!important;
}

.modal::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
*/

.modal-top-margin-override {
    padding-top: 40px;
  /*top: 40px;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;*/
}

.modal-top-margin-center-override {
    align-content: center;
    /*top: 35%;*/
}

.entaxy-modal-container.simple-modal-content .modal-body {
    padding-top: 20px;
    height: auto;
}

/* Styles for labels and popovers in modal */

.label-col {
    text-align: right;
}

.label-col .control-label {
    display: unset;
}

.form-group .popover {
    width: max-content;
    max-width: 200%;
}

.label-description-popover {
    padding: 2px 0px 2px 2px;
}

.label-description-popover:focus {
    outline: none;
}

.label-description-popover:active:focus {
    outline: none;
}

.form-group .extra-actions {
    padding-left: 0px;
    padding-top: 4px;
    margin-left: -10px;
}

.form-group .extra-actions .reset-button {
    cursor: pointer;
}

.form-group .extra-actions .reset-button:hover {
    color: #DF667B;
}

/*These are for custom forms*/

.entaxy-xml-form {
    width: 100%;
    height: 26px;
}

button.btn-std,
.has-error button.btn-std.btn-std-ignore-error {
    background-color: #efefef;
    border: 1px solid #767676;
    border-radius: 2px;
    padding: 2px 7px;
}

button.btn-std:hover,
.has-error button.btn-std.btn-std-ignore-error:hover {
    background-color: #dfdfdf;
    border-color: #535353;
}

.has-error button.btn-std {
    background-color: #f3dede;
    border: 1px solid #c00;
    border-radius: 2px;
    padding: 2px 7px;
}

.has-error button.btn-std:hover {
    background-color: #f1cece;
    border-color: #900;
}

button[disabled].btn-std,
button[disabled].btn-std:hover {
    background-color: #efefef;
    color: #8b8d8f;
    border-color: #d1d1d1;
}

.input-with-button,
.input-with-extension,
.password-input {
    display: flex;
}

.input-with-button button {
    height: 26px;
}

entaxy-url-input .input-with-button input,
entaxy-inner-object-input .input-with-button input {
    padding-right: 25px;
}

entaxy-url-input .input-with-button .pficon.pficon-delete,
entaxy-inner-object-input .input-with-button .pficon.pficon-delete {
    margin: 6px 5px 0 -20px;
    cursor: pointer;
}

.input-with-extension .extension-input {
    width: 70px;
    border-left: 0px;
}

.password-input input {
    padding-right: 24px;
}

.password-input span {
    margin-left: -20px;
    margin-top: 6px;
    cursor: pointer;
}

.confirmation-password-input {
    margin-top: 15px;
}

.btn-select {
    font-size: 13.5px;
    border-radius: 0;
    text-align: left;
    vertical-align: middle;
    padding: 0px 6px;
    display: flex;
    overflow: hidden;
}

.btn-select:focus,
.btn-select:active:focus {
    outline: none;
}

.custom-select .selected-option {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-select .caret {
    float: right;
    margin-top: 6px;
}

.custom-select .caret:before {
    color: #363636;
    font-weight: 800;
    font-size: 15px;
    margin-left: 4px;
}

.custom-select .dropdown-menu {
    font-size: 13.5px;
    max-height: 100px;
    overflow-y: auto;
    left: auto;
    width: calc(100% - 40px);
}

.form-group.has-error .custom-select .dropdown-menu {
    margin-top: -28px;
}

.custom-select .dropdown-menu li {
    line-height:26px !important;
}

.dropdown-option-new {
    background-color: whitesmoke;
}

.dropdown-option-new span {
    margin-right: 5px;
}

select.form-control {
    font-size: 13.5px;
}

.form-control:hover {
    border-color: #DF667Bb3;
}

.form-control:focus {
    border-color: #DF667Bb3;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(223 102 123 / 60%);
}

.simple-modal-content textarea {
    height: 200px;
}

/*Margin for health checks*/
.health-checks-status {
    margin-right: 10px;
}

/* Fixes artemis preferences form margin */
.artemis-preferences-form {
    margin-top: 20px;
}

.route-source-header-container,
.properties-header-container,
.modal-body-header.form-header {
    display: flex;
}

.route-source-header-container div {
    display: flex;
    width: 100%;
}

.route-source-header-container button,
.properties-header-container button {
    height: 26px;
    margin-top: 18px;
    margin-left: 5px;
}

.xml-route-source-container {
    height: calc(100vh - 270px);
    margin-bottom: 15px;
}

.properties-header-container div {
    width: 100%;
    display: flex;
}

.route-source-header-container div span,
.properties-header-container div span,
.modal-body-header.form-header span {
    margin-top: 24.5px;
    color: #cc0000;
}

.modal-body-header.form-header span {
    margin-top: 23px;
}

.route-source-header-container div span:before,
.properties-header-container div span:before,
.modal-body-header.form-header span:before {
    content: "*";
    margin-left: 10px;
}

.properties-container {
    height: calc(100vh - 270px);
    border-top: 1px #bbb solid;
    border-bottom: 1px #bbb solid;
    margin-bottom: 15px;
}

.modal-resources-viewer-container {
    padding: 10px 0;
    height: inherit;
}

.modal-resources-viewer-container .modal-resources-viewer-header-container {
    padding: 0 10px;
}

.modal-resources-viewer-container .file-panel {
    height: calc(100% - 17px);
    overflow: hidden auto;
    padding-right: 0 !important;
    padding-left: 5px;
    padding-bottom: 20px;
}

.modal-resources-viewer-header-container {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.modal-resources-viewer-header-container .provider-selector {
    display: flex;
}

.modal-resources-viewer-header-container .provider-selector > span {
    font-size: 13.5px;
    margin-top: 2px;
    margin-right: 10px;
}

.modal-resources-viewer-header-container .provider-selector > select {
    width: 180px;
    margin-bottom: 5px;
}

.modal-resources-viewer-header-container .navigation-creation {
    display: flex;
}

.modal-resources-viewer-header-container entaxy-crumbs {
    width: 100%;
}

entaxy-resource-viewer-modal .modal-body-without-header {
    margin-top: 0 !important;
}

.modal-body-without-header.entaxy-resource-save-mode {
    height: calc(100vh - 256px);
    max-height: calc(100vh - 256px);
}

.modal-footer.entaxy-resource-save-mode {
    display: flex;
}

.modal-footer.entaxy-resource-save-mode .entaxy-resource-save-mode-labelled-field-container {
    display: flex;
    width: 100%;
    margin-right: 20px
}

.modal-footer.entaxy-resource-save-mode .entaxy-resource-save-mode-field-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 52px;
    margin-right: 20px;
}

.modal-footer.entaxy-resource-save-mode .entaxy-resource-save-mode-field-container entaxy-input-with-extension {
    width: 100%;
    margin-left: 20px;
}

.modal-footer.entaxy-resource-save-mode span.help-block {
    text-align: left;
    margin-left: 20px;
}

.modal-footer.entaxy-resource-save-mode .btn {
    height: 26px;
    align-self: end;
}

/* css for resource loading ui */

.highlighted {
    border: 2px #DF667B solid !important;
    border-radius: 5px;
    background-color: #DF667B08 !important;
    padding: 2px;
}

.upload-notification {
    width: 300px;
    height: 80px;
    position: fixed;
    top: calc(100% - 100px);
    z-index: 1000;
    background-color: #DF667B;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 22px;
    color: #fff;
}

.file-panel {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.file-panel.tile-theme {
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-right: 10px;
}

.file-panel.list-theme {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.file-panel .list {
    width: 100%;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
}

.file-panel .list:hover,
.file-panel .list.active {
    background-color: #d5d5d5;
}

.file-panel .list .icon {
    width: 40px;
    height: 40px;
    margin: 5px;
    margin-right: 15px;
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: center;
    -webkit-justify-content: center;
}

.file-panel .list .icon .fa.fa-folder {
    font-size: 40px;
    margin-bottom: -2px;
    color: #edc243;
}

.file-panel .list .icon .fa.fa-file {
    font-size: 35px;
    margin-bottom: 2px;
    color: #8fbde4;
}

.file-panel .list .name {
    line-height: 14px;
}

.file-panel .list .error {
    margin-top: -29px;
}

.file-panel .list .error .pficon.pficon-info {
    margin-left: -20px
}

.file-panel .error .pficon.pficon-info {
    color: #c00;
    cursor: pointer;
}

.file-panel .tile {
    width: 100px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
}

.file-panel .tile:hover,
.file-panel .tile.active {
    background-color: #d5d5d5;
}

.file-panel .tile.empty:hover {
    background-color: #fff0;
}

.file-panel .tile .icon {
    width: 90px;
    height: 90px;
    margin: 5px;
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: center;
    -webkit-justify-content: center;
}

.file-panel .tile .icon .fa.fa-folder {
    font-size: 70px;
    color: #edc243;
}

.file-panel .tile .icon .fa.fa-file {
    font-size: 65px;
    margin-bottom: 10px;
    color: #8fbde4;
}

.file-panel .tile .name {
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    line-height: 14px;
    word-break: break-word;
}

.file-panel .tile .name.has-error {
    margin-top: 68px;
}

.file-panel .tile .error {
    margin-top: -90px;
}

.file-panel .tile .error .pficon.pficon-info {
    margin-left: 65px;
}

.crumbs {
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    color: #535353;
    cursor: pointer;
    margin-bottom: 5px;
    margin-left: 4px;
}

.crumbs .crumb {
    display: flex;
    flex-direction: row;
    -webkit-flex-direction;
    align-items: center;
    -webkit-align-items: center;
}

.crumbs .crumb .crumb-info:hover {
    color: #363636;
}

.crumbs .fa-angle-right {
    padding: 0 7px 0 7px;
}

.no-selection {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.resources-header-container {
    display: flex;
}

.resources-header-container h2 {
    margin-right: 20px;
}

.resources-header-container button {
    width: 26px;
    height: 26px;
    margin-top: 19px;
    margin-left: 5px;
}

.resources-header-container button[disabled] {
    color: #8b8d8f;
}

.resources-header-container .divider {
    width: 1px;
    height: 26px;
    margin-top: 19px;
    margin-left: 5px;
    background-color: #d1d1d1;
}

.resources-header-container p {
    width: 100%;
    margin-top: 24.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resources-header-container input {
    display: none;
}

.resources-file-drop-zone {
    width: 100%;
    height: 85%;
    min-height: 85%;
    padding: 4px;
    display: flex;
}

.file-panel-container {
    width: 100%;
    min-width: 325px;
    height: 100%;
    overflow-y: auto;
}

.meta-info {
    border-left: 1px #D2D2D2 solid;
}

.meta-info .content {
    padding: 5px;
}

.meta-info .tab-content {
    height: calc(100% - 35px);
    overflow-y: auto;
}

.meta-info .meta-tabs {
    height: 100%;
}

.meta-info .json-formatter {
    width: max-content;
    padding: 5px;
}

.meta-info .rg-left {
    width: 14px;
    margin-left: -7px;
}

.meta-info .rg-left span {
    border-width: 1px;
    background-color: #fff;
    top: 50%;
    margin: -15px 0 0 3.5px;
    height: 30px;
    width: 7px;
}

.dropdown-menu .divider {
    background-color: #b6b6b6;
}

/* json-formatter css */

.json-formatter-row {
    font-family: monospace;
}

.json-formatter-row a,
.json-formatter-row a:hover {
    color: black;
    text-decoration: none;
}

.json-formatter-row .json-formatter-row {
    margin-left: 1em;
}

.json-formatter-row .children .empty {
    opacity: 0.5;
    margin-left: 1em;
}

.json-formatter-row .children .empty .object:after {
    content: "No properties";
}

.json-formatter-row .children .empty .array:after {
    content: "[]";
}

.json-formatter-row .string {
    color: green;
    white-space: pre;
    word-wrap: break-word;
}

.json-formatter-row .number {
    color: blue;
}

.json-formatter-row .boolean {
    color: red;
}

.json-formatter-row .null {
    color: #855A00;
}

.json-formatter-row .undefined {
    color: rgb(202, 11, 105);
}

.json-formatter-row .function {
    color: #FF20ED;
}

.json-formatter-row .date {
    background-color: fade(black, 5%);
}

.json-formatter-row .url {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.json-formatter-row .bracket {
    color: blue;
}

.json-formatter-row .key {
    color: #00008B;
    cursor: pointer;
}

.json-formatter-row .constructor-name {
    cursor: pointer;
}

.json-formatter-row .toggler {
    font-size: 0.8em;
    line-height: 1.2em;
    vertical-align: middle;
    opacity: 0.6;
    cursor: pointer;
}

.json-formatter-row .toggler:after {
    display: inline-block;
    transition: transform 100ms ease-in;
    content: "►";
}

.json-formatter-row .toggler.open:after{
    transform: rotate(90deg);
}

.json-formatter-row > a >.thumbnail-text {
    opacity: 0;
    transition: opacity .15s ease-in;
    font-style: italic;
}

.json-formatter-row &:hover > a > .thumbnail-text {
    opacity: 0.6;
}

/* these ones are to hide svg lines of profile diagram */

jmx-header,
entaxy-navigation {
    position: relative;
    z-index: 1;
    background-color: white;
}

.pf-c-page__header {
    background-color: #151515;
}

.sidebar-pf {
    z-index: 1;
}

/* profile diagram styles */

.profile-diagram-with-palette-container {
    display: flex;
    padding: 10px 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.profile-diagram-container {
    display: flex;
    height: fit-content;
    width: 100%;
    padding-left: 20px;
}

.profile-diagram-palette {
    min-width: 138px;
    width: 138px;
    margin-left: 20px;
}

.profile-diagram-palette-group-container {
    height: 470px;
    overflow: hidden auto;
}

.profile-diagram-palette-group-container::-webkit-scrollbar {
    width: 3px;
    background-color: #f1f1f1;
}

.profile-diagram-palette-group-container::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    outline: 1px solid #f1f1f1;
}

.profile-diagram-palette uib-accordion {
    position: fixed;
    width: inherit;
    margin-top: 62px;
}

.profile-diagram-palette-title {
    position: fixed;
    width: inherit;
    padding: 5px;
    border: 1px solid #bbb;
    background-color: #f5f5f5;
    color: #363636;
    text-align: center;
    cursor: default;
}

.profile-diagram-palette-title span {
    font-weight: 600;
}

.profile-diagram-palette-title input {
    margin-top: 5px;
}

.profile-diagram-palette .panel-heading {
    height: 26px;
    background-image: none !important;
    display: flex;
    align-items: center;
}

.profile-diagram-palette-items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.profile-diagram-palette .profile-diagram-palette-item {
    border: 1px #535353 solid;
    height: 50px;
    min-width: 64px;
    width: 64px;
    display: flex;
    align-items: center;
    padding: 3px;
    margin-bottom: 3px;
    cursor: move;
    background-color: #fff;
}

.profile-diagram-palette .profile-diagram-palette-item span {
    height: 50%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-diagram-palette .panel-body {
    padding: 3px 3px 0 3px;
    background-color: #f5f5f5;
}

.blocks-container {
    display: flex;
    flex-direction: column;
}

.external-system-point-block,
.default-route-block,
.integrations-block {
    display: flex;
    align-items: center;
    border: 1px #535353 solid;
    width: 97px;
    min-width: 97px;
    height: 56px;
}

.default-route-block {
    flex-direction: column;
    border-width: 2px;
    border-radius: 10px;
}

.external-system-point-block {
    margin-right: 20px;
    flex-direction: column;
}

.default-route-block,
.integrations-block {
    margin-left: 20px;
}

.default-route-block {
    cursor: pointer;
}

.external-system-point-block > span {
    padding-top: 7px;
}

.external-system-point-block div {
    width: 100%;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.external-system-point-block > span,
.default-route-block .default-route-title,
.integrations-block > span {
    width: 100%;
    text-align: center;
}

.default-route-block .default-route-title-container {
    padding: 2px;
}

.external-system-point-block .connector-info {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.external-system-point-block .left-bracket:before {
    content: "(";
}

.external-system-point-block .right-bracket:after {
    content: ")";
}

.external-system-point-block span,
.integrations-block span {
    cursor: default;
}

.profile-block {
    display: flex;
    flex-direction: column;
    border: 2px #535353 solid;
    border-radius: 10px;
    align-items: center;
    padding: 10px;
    min-width: 560px;
    width: 100%;
    cursor: pointer;
}

.profile-block:hover {
    background-color: #D2D2D214;
}

.profile-block.has-changes,
.connector-block.has-changes,
.default-route-block.has-changes {
    border-color: #BF0224;
}

.profile-block.has-changes:hover {
    background-color: #DF667B14;
}

.profile-title-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.profile-title-container .profile-title {
    width: 100%;
    text-align: center;
}

.profile-title-container .pficon.pficon-save,
.default-route-title-container .pficon.pficon-save,
.connector-block .connector-info .pficon.pficon-save {
    color: #BF0224;
}

.profile-title-container .pficon.pficon-save:hover,
.default-route-title-container .pficon.pficon-save:hover,
.connector-block .connector-info .pficon.pficon-save:hover {
    color: #7C0117;
}

.profile-title-container .profile-diagram-support-span {
    width: 12px;
}

entaxy-connectors-with-flow {
    width: 100%;
}

.connectors-group-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.connectors-group-title {
    margin-bottom: 10px;
}

.connectors-with-flow-container {
    display: flex;
    width: 90%;
    align-items: center;
    justify-content: space-between;
}

.connectors-container {
    width: 40%;
    min-width: 250px;
}

.connector-block,
.flow-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 10px;
}

.connector-block {
    border: 2px #535353 solid;
}

.flow-block {
    width: 30%;
    min-width: 185px;
    border: 2px #535353 dashed;
}

.connector-block:hover,
.flow-block:hover,
.default-route-block:hover {
    background-color: #D2D2D245;
}

.connector-block.has-changes:hover,
.flow-block.has-changes:hover,
.default-route-block.has-changes:hover {
    background-color: #DF667B1c;
}

.connector-block .connector-info {
    width: 100%;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.connector-block .connector-info .connector-title,
.connector-block .connector-info .connector-classifier {
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.connector-block .connector-info .connector-title-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.connector-title-container .profile-diagram-support-span {
    width: 2px;
}

.connector-block .connector-info .pficon.pficon-save {
    margin-right: -10px;
}

.flow-block span {
    text-align: center;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customization-point-block {
    border: 1px #535353 solid;
    margin-bottom: 10px;
    height: 22px;
    text-align: center;
    background-color: #D2D2D2;
}

.out-flow-customization-points-container,
.custom-connector-customization-points-container {
    display: flex;
    justify-content: space-between;
}

.custom-connector-customization-points-container .customization-point-block {
    width: 90px !important;
}

.customization-point-block.connector-selector {
    width: 40px !important;
}

.customization-point-block.pre-route {
    width: 85px !important;
}

.flow-block span.connector-selector-icon::before {
    background: url("../img/icons/connector-selector.png");
    display: inline-block;
    min-width: 26px;
    min-height: 15px;
    background-size: 26px 15px;
    background-position: -1px center;
    background-repeat: no-repeat;
    content: "" !important;
    vertical-align: middle;
    margin-bottom: 1px;
}

.connector-block .customization-point-block,
.custom-connector-customization-points-container {
    width: 200px;
}

.flow-block .customization-point-block,
.out-flow-customization-points-container {
    width: 150px;
}

.default-route-block .customization-point-block {
    width: 70px;
    margin-bottom: 0;
}

.customization-point-block:hover {
    background-color: #BDBDBD!important;
}

/* ************************************** */
/* Mandatory CSS required for ng-sortable */
/* ************************************** */

.as-sortable-item, .as-sortable-placeholder {
    display: block;
}

.as-sortable-item {
    -ms-touch-action: none;
    touch-action: none;
    /* to disable context menu on iOS devices */
    -webkit-touch-callout: none;
}

.as-sortable-item-handle {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

.as-sortable-placeholder {
}

.as-sortable-drag {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.as-sortable-hidden {
    display: none !important;
}

.as-sortable-un-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ******************************************* */
/* Optional CSS, default style for ng-sortable */
/* ******************************************* */

.as-sortable-item, .as-sortable-placeholder {
    min-height: 20px;
    margin: 1px 2px 5px 1px;
    border-radius: 10px;
}

.as-sortable-item {
    border: solid 1px darkgrey;
    background-color: #ffffff;
}

.as-sortable-item-handle {
}

.as-sortable-placeholder {
    border: 1px dashed darkgrey;
    box-sizing: border-box;
    background-color: #dbdbdb;
}

.as-sortable-drag {
    opacity: .8;
}

.as-sortable-hidden {
}

/* styles for field's extra info */

.entaxy-field-extra-info-container {
    display: flex;
    align-items: center;
    margin: 0 0 5px 0;
    padding: 5px 10px;
}

.entaxy-field-extra-info-container .pficon {
    margin-right: 10px;
    font-size: 16px;
}

.entaxy-field-extra-info-container .entaxy-field-extra-info-message {
    font-weight: 700;
}

.entaxy-field-extra-info-container.info {
    border: 2px solid #0088ce;
    background-color: #0088ce1a;
}

.entaxy-field-extra-info-container.info .pficon,
.entaxy-field-extra-info-container.info .entaxy-field-extra-info-message {
    color: #0088ce;
}

/* styles for entaxy empty state */

.entaxy-empty-state {
    padding: 5px 10px;
    border: 2px solid #bbbbbb;
    background-color: #f5f5f5;
    color: #363636;
    text-align: center;
    cursor: default;
}

/* styles for entaxy input list */

.list-input-item-has-error {
    border: 1px solid #c00;
}

.list-input-item {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}

.list-input-item-heading,
.list-input-item-heading label {
    cursor: pointer;
}

.list-input-item-heading span {
    margin-right: 5px;
}

.list-input-item-heading label {
    margin: 0;
    font-weight: normal;
    display: initial;
}

.list-input-item-heading label.new-item::after {
    color: #c00;
    content: "*";
}

.changed .node-icon::after {
    color: #c00;
    content: "*";
    font-family: 'Open Sans';
    font-size: 12px;
    margin-left: 5px;
    margin-right: -5px;
}

.to-removal {
    text-decoration: line-through;
}

.list-input-item.disabled .list-input-item-heading label.new-item::after {
    color: #8b8d8f;
}

.list-input-item.disabled {
    color: #8b8d8f;
    background-color: #f5f5f5;
    border-radius: 10px;
}

.list-input-item.disabled .list-input-item-heading label {
    cursor: default;
}

.list-input-item.disabled .list-input-item-heading span {
    display: none;
}

.list-input-item-controls {
    display: flex;
}

.list-input-item-controls .remove-icon,
.list-input-item-controls .restore-icon {
    color: #535353;
    cursor: pointer;
}

.list-input-item-controls .remove-icon {
    margin: 3.5px 0 0 0;
}

.list-input-item-controls .restore-icon {
    margin: 4px 0 0 0;
}

.list-input-item-controls .remove-icon:hover,
.list-input-item-controls .restore-icon:hover {
    color: #8F2538;
}

.list-input-item-controls .move-icon {
    margin: 3px 0 0 5px;
    color: #535353;
}

.list-input-item-content {
    border-top: 1px solid darkgray;
    padding-top: 10px;
}

.list-input-item-content .nav-tabs {
    margin-left: 20px;
    margin-right: 20px;
}

.list-input-item-content .tab-pane {
    padding-top: 15px;
}

.add-item-to-list-block {
    border: dashed 1px darkgrey;
    background-color: #ffffff;
    min-height: 20px;
    margin: 1px 2px 5px 1px;
    border-radius: 10px;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
}

.add-item-to-list-block:hover {
    background-color: #D2D2D245;
}

/* map input styles */

.entaxy-map-input-table > table {
    width: 100%;
}

.entaxy-map-input-table .input-cell {
    width: 50%;
}

.entaxy-map-input-table button {
    height: 26px;
    width: 26px;
}

.entaxy-map-input-add-button {
    width: 100%;
}

.entaxy-map-input-table .form-control.has-error {
    border-color: #c00 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.entaxy-map-input-table .form-control.has-error:hover {
    border-color: #900;
}

.has-error .entaxy-map-input-table .form-control {
    border-color: #bbb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.has-error .entaxy-map-input-table .form-control:hover {
    border-color: #DF667Bb3;
}

.entaxy-map-input-table tbody>tr:hover {
    background-color: unset;
}

/* inner object input styles */

entaxy-inner-object-input-modal .entaxy-modal-container .modal-body {
    padding-top: 15px;
}

/* User management styles */

.entaxy-users-container {
    display: flex;
    margin-right: -5px;
}

.entaxy-users-container .filter-pf.filter-fields .form-group {
    width: 170px;
}

.entaxy-users-container .toolbar-pf .form-group {
    border-right: none;
    padding-right: 0;
}

.entaxy-users-container .blank-slate-pf {
    height: 100px;
    padding: 20px 60px;
}

.entaxy-users-container .blank-slate-pf h4 {
    margin-top: 0;
}

.entaxy-users-table-container {
    min-width: 300px;
    width: 300px;
    margin-right: 15px;
}

.entaxy-user-details-container {
    min-width: 380px;
    width: 380px;
}

.entaxy-user-details-container select {
    margin-bottom: 5px;
}

.entaxy-resource-input {
    border: 2px solid #bbb;
    border-radius: 5px;
    background-color: #bbbbbb21;
    color: #8c8e90;
    /*height: 50px;*/
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5px 5px 1px 5px;
    font-size: medium;
    cursor: pointer;
}

.entaxy-resource-input.highlighted {
    color: #DF667B;
}

.entaxy-resource-input .upload-notification {
    display: none;
}

.entaxy-resource-input input {
    display: none;
}

entaxy-groups-and-roles-list .expandable-list-container {
    min-height: 0;
    max-height: 200px;
    overflow: hidden auto;
}

/* Styles of operationTableRequestModal content */

.operation-table-request-modal .operation-affected-table-container {
    max-height: 300px;
    overflow-y: auto;
}

/* Styles for extended data component */

entaxy-extended-data {
    background-color: white;
    z-index: 1;
}

.entaxy-extended-data {
    margin: 0 20px 10px 20px;
}

.entaxy-extended-data .panel {
    border: 2px solid #0088ce;
    box-shadow: none;
}

.entaxy-extended-data .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 2px solid #0088ce;
    padding: 10px;
}

.entaxy-extended-data .panel-group {
    margin-bottom: 0;
}

.entaxy-extended-data .panel-group .panel-heading {
    background-color: #0088ce1a;
}

.entaxy-extended-data .panel-group .panel-title>a {
    color: #0088ce;
}

.entaxy-extended-data-short-message {
    display: inline;
    background-color: #0088ce4d;
    color: #0088ce;
    border-radius: 10px;
    padding: 0 10px 2px;
    margin: 0 1px;
}

.entaxy-extended-data-short-message.warning {
    background-color: #ec7a084d;
    color: #ec7a08;
}

.entaxy-extended-data-short-message.error {
    background-color: #cc00004d;
    color: #cc0000;
}

.entaxy-extended-data .entaxy-extended-data-messages-container .panel-group .panel-title>a:before {
    content: unset;
}

.entaxy-extended-data-messages-container .panel-group .panel-title>a:after {
    content: "\f107";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    margin-left: 5px;
    text-align: center;
    vertical-align: 0;
    width: 8px;
    color: #cc0000;
}

.entaxy-extended-data .entaxy-extended-data-message-container {
    border: 2px solid #0088ce;
    box-shadow: none;
    margin-top: 10px;
}

.entaxy-extended-data-message-container:first-child {
    margin: 0;
}

.entaxy-extended-data-message-container .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 2px solid #0088ce;
    padding: 10px;
}

.entaxy-extended-data-message-container .panel-group {
    margin-bottom: 0;
}

.entaxy-extended-data-message-container .panel-group .panel-heading {
    background-color: #0088ce1a;
}

.entaxy-extended-data-message-container .panel-group .panel-title>a {
    color: #0088ce;
}

.entaxy-extended-data-message-container .pficon {
    margin-right: 10px;
    font-size: 16px;
    color: #0088ce;
}

.entaxy-extended-data-message-container.warning {
    border: 2px solid #ec7a08;
}

.entaxy-extended-data .panel-group .entaxy-extended-data-message-container.warning .panel-heading {
    background-color: #ec7a081a;
}

.entaxy-extended-data .panel-group .entaxy-extended-data-message-container.warning .panel-collapse>.panel-body {
    border-top: 2px solid #ec7a08;
}

.entaxy-extended-data-message-container.warning .pficon {
    color: #ec7a08;
}

.entaxy-extended-data-message-container.warning .entaxy-extended-data-message {
    color: #ec7a08;
}

.entaxy-extended-data-message-container.error {
    border: 2px solid #cc0000;
}

.entaxy-extended-data .panel-group .entaxy-extended-data-message-container.error .panel-heading {
    background-color: #cc00001a;
}

.entaxy-extended-data .panel-group .entaxy-extended-data-message-container.error .panel-collapse>.panel-body {
    border-top: 2px solid #cc0000;
}

.entaxy-extended-data-message-container.error .pficon,
.entaxy-extended-data-message-container.error .pficon.pficon-warning-triangle-o:before {
    color: #cc0000;
}

.entaxy-extended-data-message-container.error .entaxy-extended-data-message {
    color: #cc0000;
}

.entaxy-extended-data-message-container .text-muted {
    cursor: auto;
    color: unset;
}

.entaxy-extended-data-message-container.disabled .panel-title>a:after {
    content: unset;
}

.entaxy-extended-data-message-extra-info-container pre {
    height: 200px;
    margin: 0;
}

/* Styles for entaxy ci/cd */

entaxy-ci-cd-navigation {
    margin-top: 10px;
}

entaxy-ci-cd-contents {
    height: 100%;
}

.entaxy-cicd-content-with-title-container {
    padding: 0 20px;
}

.entaxy-cicd-zero-revision-note .entaxy-field-extra-info-container {
    margin: 10px 20px 0 20px;
}

.entaxy-cicd-header-container {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

entaxy-ci-cd-configuration .entaxy-cicd-header-container {
    padding: 0;
}

.entaxy-cicd-content-container {
    padding: 0 20px 10px 20px;
    height: calc(100vh - 185px);
    overflow-y: auto;
}

.entaxy-cicd-content-container > h2.first {
    margin-top: 10px;
}

.entaxy-cicd-title-with-info-container,
.entaxy-cicd-title-with-info-container > div {
    display: flex;
}

.entaxy-cicd-title-with-info-container > span,
.entaxy-cicd-title-with-info-container > div {
    padding-left: 20px;
    margin-top: 24px;
}

.entaxy-cicd-title-with-info-container > span,
.entaxy-cicd-title-with-info-container > div > span {
    font-weight: 600;
    margin-bottom: 5px;
}

.entaxy-cicd-title-with-info-container > span.first {
    padding-left: 0;
}

.entaxy-cicd-title-with-info-container > span.lead {
    letter-spacing: -1px;
    font-weight: normal;
    font-family: "Overpass", sans-serif;
    font-size: 22px;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

.entaxy-cicd-title-with-info-container > div > entaxy-select-from-enum,
.entaxy-cicd-title-with-info-container > div > entaxy-copy-to-clipboard-button {
    padding-left: 10px;
    margin-top: -6px;
}

.entaxy-cicd-title-with-info-container > div .dropdown {
    margin-top: -6px;
}

.entaxy-cicd-title-with-info-container > div .dropdown .dropdown-menu {
    margin-top: -9px;
}

.entaxy-cicd-title-with-info-container > div .dropdown > button {
    height: 26px;
    min-width: max-content;
}

.entaxy-cicd-header-buttons-container {
    margin-top: 10px;
    min-width: fit-content;
    padding-left: 10px;
}

.entaxy-cicd-header-buttons-container.dropdown .dropdown-menu {
    margin-top: -19px;
}

.entaxy-cicd-subtitle-info-container {
    margin-bottom: 5px;
}

.entaxy-cicd-subtitle-info-container span {
    padding-right: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.entaxy-toolbar .toolbar-pf-include-actions {
    margin: 0;
}

entaxy-ci-cd-objects .entaxy-toolbar .toolbar-pf-include-actions {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #d1d1d1;
}

.entaxy-toolbar actions .dropdown .dropdown-menu {
    margin-top: 6px;
}

.entaxy-table-with-inputs .field-input-cell {
    padding: 0;
}

.entaxy-table-with-inputs .field-input-cell.field-input-checkbox-cell {
    padding: 0 10px;
}

.entaxy-table-with-inputs .field-input-cell input {
    height: 25px;
    font-size: 12px;
}

.entaxy-table-with-inputs .field-input-cell input[type="checkbox"] {
    height: inherit;
    margin: 6px 0 0;
}

.entaxy-cicd-content-container .blank-slate-pf,
.entaxy-cicd-content-with-title-container .blank-slate-pf {
    height: 70px;
    padding: 20px 60px;
}

.entaxy-cicd-content-container .blank-slate-pf h4,
.entaxy-cicd-content-with-title-container .blank-slate-pf h4 {
    margin-top: 0;
}

.entaxy-cicd-configuration-container > p {
    margin-top: 10px;
}

entaxy-ci-cd-add-objects-modal .entaxy-modal-container .modal-body {
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
}

.entaxy-cicd-objects-table-container {
    max-height: calc(100% - 88px);
    overflow: hidden auto;
}

entaxy-ci-cd-configurations .entaxy-cicd-objects-table-container {
    max-height: 200px;
}

.entaxy-cicd-table .pficon-arrow:before,
.entaxy-cicd-table .pficon-error-circle-o.blue:before {
    color: #0000ff;
}

.entaxy-cicd-table .pficon-warning-triangle-o:before {
    color: #cc0000;
}

entaxy-ci-cd-applications-table td > span > div > div > span {
    background-color: #bbb;
    border-radius: 10px;
    padding: 0 10px;
    margin: 0 1px;
}

entaxy-ci-cd-applications-table td > span > div > div > span.entaxy-cicd-installed {
    background-color: #8fe16c;
}

entaxy-ci-cd-add-objects-modal entaxy-expandable-list .expandable-list-container {
    max-height: calc(100vh - 233px);
    overflow: hidden auto;
}

entaxy-ci-cd-add-objects-modal entaxy-expandable-list .list-view-pf .list-group-item:first-child {
    margin-top: 1px;
    border-top: 0;
}

.add-objects-message-container {
    padding: 5px 10px;
    background-color: whitesmoke;
    border-top: 1px solid #d1d1d1;
}

/* atlasmap console */

.entaxy-atlasmap-console {
    width: calc(100% + 52px);
    height: 100%;
    margin: 0 -20px -6px -32px;
    overflow: scroll;
    border: none;
}

/* atlasmap console modal */

.modal-body-without-header.entaxy-atlasmap-console-modal {
    margin: 0;
    height: calc(100vh - 170px);
    max-height: calc(100vh - 170px);
}

.modal-body-without-header.entaxy-atlasmap-console-modal .entaxy-atlasmap-console-container {
    height: 100%;
}

/* atlasmap create instance modal, create resource modal */

.entaxy-resource-editor-container,
.entaxy-create-resource-fields-container {
    padding: 0 20px 10px 20px;
}

.entaxy-create-resource-fields-container .entaxy-create-resource-name-field-container {
    display: flex;
    margin-bottom: 10px;
}

.entaxy-create-resource-fields-container .entaxy-create-resource-name-field-container .control-label {
    margin-right: 20px;
}

.entaxy-editor-container .entaxy-editor.has-error .CodeMirror,
.entaxy-resource-editor-container .entaxy-editor.has-error .CodeMirror {
    border-color: #c00;
}

/* edit resource modal */

.syntax-highlighting-container {
    padding: 0 20px 10px 20px;
    display: flex;
}

.syntax-highlighting-container label {
    margin-right: 20px;
    white-space: nowrap;
}

.syntax-highlighting-container entaxy-select-from-enum {
    width: 100%;
}

/*This is the original css from HawtIO 1,leaving as is as somemay be used*/
* {
  font-family: "Open Sans";
}

body {
  font-family: "Open Sans";
}

#log-panel-statements li {
  font-family: DroidSansMonoRegular;
}

#log-panel-statements li pre span {
  font-family: DroidSansMonoRegular;
}

div.log-stack-trace {
  font-family: DroidSansMonoRegular;
}

div.log-stack-trace p {
  font-family: DroidSansMonoRegular;
}

.log-stack-trace > dd > ul > li > .stack-line * {
  font-family: DroidSansMonoRegular;
}

pre.stack-line {
  font-family: DroidSansMonoRegular;
  font-size: 12px;
}

div.stack-line {
  font-family: DroidSansMonoRegular;
  font-size: 12px;
}

.log-table *:not('.icon*') {
  font-family: DroidSansMonoRegular;
}

.log-table > li > div > div {
  font-family: DroidSansMonoRegular;
}

fs-donut svg g text.units {
  font-family: DroidSansMonoRegular;
}

/* colors */
#log-panel {
  background: inherit;
  background-color: none;
  border: 1px solid #d4d4d4;
  transition: bottom 1s ease-in-out;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#log-panel #log-panel-statements {
  background: #252525;
}

#log-panel-statements li pre {
  color: white;
  background-color: inherit;
  border: none;
}

#log-panel-statements li:hover {
  background: #111111;
}

#log-panel-statements li.DEBUG {
  color: dodgerblue;
}

#log-panel-statements li.INFO {
  color: white;
}

#log-panel-statements li.WARN {
  color: yellow;
}

#log-panel-statements li.ERROR {
  color: red;
}

#log-panel #close {
  background: #131313;
  border-top: 1px solid #222222;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
  color: #eeeeee;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#log-panel #copy {
  background: inherit;
  color: white;
}

ul.dynatree-container {
  background: inherit;
}
ul.dynatree-container li {
  background: inherit;
}

.axis line {
  stroke: #000;
}

.axis.top {
  border-bottom: 1px solid #d4d4d4;
}

.axis.bottom {
  border-top: 1px solid #d4d4d4;
}

.horizon {
  border-bottom: solid 1px #eeeeee;
}

.horizon:last-child {
  border-bottom: none;
}

.horizon + .horizon {
  border-top: none;
}

.horizon .title,
.horizon .value {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.line {
  background: #000;
  opacity: .2;
}

.CodeMirror {
  border: 1px solid #d4d4d4;
}

.entaxy-editor-container {
  margin-left: 20px;
  margin-right: 20px;
}

.entaxy-editor-container .editor-autoresize .CodeMirror-scroll {
  height: calc(100vh - 240px);
}

.entaxy-resource-editor-container .editor-autoresize .CodeMirror-scroll {
    height: calc(100vh - 276px);
}

entaxy-create-resource-modal .entaxy-resource-editor-container .editor-autoresize .CodeMirror-scroll {
    height: calc(100vh - 312px);
}

.xml-route-source-container .editor-autoresize .CodeMirror-scroll {
  height: calc(100vh - 320px);
}

.CodeMirror-hints {
  position: absolute;
  z-index: 2000;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #DF667B;
  color: white;
}

i.expandable-indicator {
  color: #666;
}

span.dynatree-expander {
  color: #728271;
}

span.dynatree-icon {
  color: #EECA7C;
}
span:not(.dynatree-has-children) .dynatree-icon:before {
  color: gray;
}

.table-hover tbody tr:hover td.details {
  background-color: #ffffff;
}

tr td.focus {
  background-color: #d9edf7;
}

.table-hover tbody tr:hover td.focus {
  background-color: #d9edf7;
}

.table-striped tbody tr:nth-child(odd) td.focus {
  background-color: #d9edf7;
}
/*
.red {
  color: red !important;
}

.orange {
  color: orange !important;
}

.yellow {
  color: yellow !important;
}

.green {
  color: green !important;
}

.blue {
  color: dodgerblue !important;
}
*/

.gridster ul#widgets .gs_w {
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 6px;
}
.gridster ul#widgets .gs_w.dragging {
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.12);
}
.gridster ul#widgets .preview-holder {
  border-radius: 6px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
}

.widget-title {
  background-color: #FAFAFA;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F2F2', GradientType=0);
  border-bottom: 1px solid #d4d4d4;
  color: #777777;
  text-shadow: 0 1px 0 #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.widget-title:hover {
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
  border-bottom: 1px solid #d4d4d4;
  background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
}

.ep[ng-show=editing] {
  background: white;
  border-bottom: 1px solid #d4d4d4;
  border: 1px solid #cecdcd;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.ep > form > fieldset > input {
  border: 0;
}

.ngFooterPanel {
  background: inherit;
}
.ngTopPanel {
  background: inherit;
}
.ngGrid {
  background: inherit;
}

.ngCellText:hover i:before {
  text-shadow: 0px 0px 8px #969696;
}

.ACTIVE:before {
  color: #777777;
}
.RESOLVED:before {

}
.STARTING:before {

}
.STARTING {

}
.STOPPING:before {

}
.STOPPING {

}
.UNINSTALLED:before {

}
.INSTALLED:before {

}
.table-bordered {
  border: none;
  border-radius: 0px;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 0px;
  border-left: none;
}
.table-bordered th {
  border-bottom: 1px solid #d4d4d4;
}
.table-bordered th,
.table-bordered td {
  border-left: none;
  border-top: none;
  border-right: 1px solid #d4d4d4;
}
.table-bordered th:last-child,
.table-bordered td:last-child {
  border-left: none;
  border-top: none;
  border-right: none;
}
table.table thead .sorting {
  background: inherit;
}
/*
table.table thead .sorting_asc:after {
  background: url('../img/datatable/sort_asc.png') no-repeat top center;
}
table.table thead .sorting_desc:after {
  background: url('../img/datatable/sort_desc.png') no-repeat top center;
}
*/

div#main div ul.nav {
  border-radius: 0 0 4px 4px;
  border: 1px solid #d4d4d4;
  border-top: 1px transparent;
  background-color: #FAFAFA;
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .btn-navbar span {
  color: #777777;
  text-shadow: 0 1px 0 #FFFFFF;
}

div#main div ul.nav li.active a, div#main div ul.nav li.active span.a {
  border: 1px;
  border-radius: 2px;
  background-color: #E5E5E5;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  text-shadow: 0 1px 0 #FFFFFF;
}

div#main div ul.nav li.active a:hover, div#main div ul.nav li.active span.a:hover {
  border: 1px;
  border-radius: 2px;
  background-color: #E5E5E5;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
  text-shadow: 0 1px 0 #FFFFFF;
}

div#main div ul.nav li a, div#main div ul.nav li span.a {
  border: 1px;
  border-radius: 2px;
  background: inherit;
  color: #777777;
  text-shadow: 0 1px 0 #FFFFFF;
}

div#main div ul.nav li div.separator {
  padding: 6px 12px;
  line-height: 20px;
}

div#main div ul.nav li a:hover {
  border: 1px;
  border-radius: 2px;
  background: inherit;
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
}

#main div div div section .tabbable .nav.nav-tabs {
  border-radius: 0 0 4px 4px;
  border: 1px solid #d4d4d4;
  border-top: 1px transparent;
  background-color: #FAFAFA;
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

#main div div div .nav.nav-tabs:not(.connected) {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}

.logbar {
  background: white;
  border-bottom: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  top: 106px;
}

.ui-resizable-se {
  height: 10px;
  width: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: inherit;
  box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.1) inset;
  font-size: 32px;
  z-index: 50;
  position: absolute;
  display: block;
  right: 0px;
  bottom: 0px;
  border-radius: 6px;
  border: 1px solid #d4d4d4;
  cursor: se-resize;
}

.innerDetails {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #d4d4d4;
  display: none;
  background: #ffffff;
}

.odd {
  background-color: #f9f9f9;
}

#main .logbar[ng-controller='Wiki.NavBarController'] .wiki.logbar-container .nav.nav-tabs,
#main .logbar-wiki .wiki.logbar-container .nav.nav-tabs {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: inherit;
}

.help-display img:not(.no-shadow) {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.text-shadowed {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

.bundle-item-details {
  background: white;
}

.bundle-item > a {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  display: block;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(34%, #ffffff), color-stop(76%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 34%, #f4f4f4 76%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

.bundle-item.in-selected-repository > a {
  background: #ddeeff;
  background: -moz-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddeeff), color-stop(34%, #ddeeff), color-stop(76%, #e3e3f4));
  background: -webkit-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: -o-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: -ms-linear-gradient(top, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  background: linear-gradient(to bottom, #ddeeff 0%, #ddeeff 34%, #e3e3f4 76%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeff', endColorstr='#e3e3f4', GradientType=0);
}

.bundle-item > a:hover {
  text-decoration: none;
}

.bundle-item a span {
  background: inherit;
  border-radius: 4px;
  border: 0px;
  color: #404040;
  text-shadow: none;
}

.bundle-item a span.badge::before {
  border-radius: 3px;
  background: #737373;
}

.bundle-item a span.badge-success::before {
  background: #1cd11d;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49);
}

.bundle-item a span.badge-inverse::before {
  background: #737373;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}

.bundle-item a span.badge-important::before {
  background: #ee0002;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(195, 6, 0, 0.47);
}

.bundle-item a span.badge-info::before {
  background: #3a87ad;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(45, 105, 135, 0.47);
}

.bundle-item a span.badge-warning::before {
  background: #f89406;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(198, 118, 5, 0.47);
}

.bundle-item a.toggle-action {
  border-radius: 0;
  border: none;
  opacity: 0.2;
  color: inherit;
  box-shadow: none;
}

.bundle-item a.toggle-action .icon-power-off {
  color: orange;
}

.bundle-item a.toggle-action .icon-play-circle {
  color: green;
}

div.hawtio-form-tabs div.tab-content {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

div.hawtio-form-tabs ul.nav-tabs {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: inherit;
  background-color: inherit !important;
  background-image: inherit !important;
  border-top: none !important;
}

div.hawtio-form-tabs ul.nav-tabs li {
  border: 1px solid #d4d4d4 !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: inherit;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.08) !important;
}

div.hawtio-form-tabs ul.nav-tabs li.active {
  border-bottom: 1px solid white !important;
  background-color: white;
  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) !important;
}

div.hawtio-form-tabs ul.nav-tabs li.active a {
  box-shadow: none !important;
  text-shadow: none !important;
  background-color: inherit !important;
}


.slideout {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d4d4;
  background: white;
}

.slideout > .slideout-content {
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid white;
  background: white;
}

.slideout.right {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.slideout.left {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.slideout.left > .slideout-content {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.slideout.right > .slideout-content {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.slideout > .slideout-content > .slideout-body {
  background: white;
}

.slideout .slideout-title a {
  color: #d4d4d4;
}

.ngHeaderCell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0) !important;
}

.color-picker .wrapper {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}

.selected-color {
  width: 1em;
  height: 1em;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.color-picker-popout {
  transition: opacity 0.25s ease-in-out;
  background: white;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.popout-open {
  border: 1px solid #d4d4d4;
}

.color-picker div table tr td div {
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.color-picker div table tr td div.color-picker-selected {
  border-color: #474747;
}

.clickable {
  color: #787878;
}

.canvas {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0);
}

.container-group-header {
  background: #fdfdfd;
  border-bottom: 1px solid #d4d4d4;
}

.box {
  background: none repeat scroll 0 0 white;
  border-top: 1px solid #d4d4d4;
}

.container-group-header:not([style]) + div > .box {
  border-top: 1px solid transparent;
}

.selected,
.box.selected {
  background-color: #DF3A57 !important;
}

.dropdown-menu>.selected>a {
    background-color: #DF3A57;
}

.box.selected .box-right i {
  text-shadow: none;
}

.box > .box-left > div {
  border-radius: 4px;
}

.section-header {
  background: none;
  background-color: transparent;
  background-image: none;
}

.section-header .dropdown-menu {
  border-top: 1px solid #d4d4d4;

}

.section-controls > a,
.section-controls > span > span > span > span > span > .hawtio-dropdown {
  color: #4d5258;
}

.section-controls > a.nav-danger {
  color: IndianRed !important;
}

.section-controls > a.nav-danger:hover {
  text-shadow: rgba(205, 92, 92, 0.6) 0 0 20px !important;
}

td.deleting {
  background-color: IndianRed !important;
}

td.adding {
  background-color: Aquamarine !important;
}

.input-prepend .progress {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/** highlight required fields which have no focus */
.color_scheme_default input.ng-invalid,
.color_scheme_default textarea.ng-invalid,
.color_scheme_default select.ng-invalid {
  border-color: #535353;
  -webkit-box-shadow: 0 0 6px #535353;
  -moz-box-shadow: 0 0 6px #535353;
  box-shadow: 0 0 6px #535353;
}

.color_scheme_dark input.ng-invalid,
.color_scheme_dark textarea.ng-invalid,
.color_scheme_dark select.ng-invalid {
  border-color: #ffb7be;
  -webkit-box-shadow: 0 0 6px #ffb7be;
  -moz-box-shadow: 0 0 6px #ffb7be;
  box-shadow: 0 0 6px #ffb7be;
}

/** Use bigger and darker border on checkboxes as its hard to see since they already have a shadow */
input[type="checkbox"].ng-invalid {
  -webkit-box-shadow: 0 0 12px #e5e971;
  -moz-box-shadow: 0 0 12px #e5e971;
  box-shadow: 0 0 12px #e5e971;
}

input[type="checkbox"]:checked {
    background: #BF0224;
}

.profile-details div .tab-pane ul li:nth-child(even):not(.add) {
  background-color: #f3f3f3;
}

.fabric-page-header {
  border-bottom: 1px solid #d4d4d4;
}

pre.stack-line {
  color: #333333;
  background: inherit;
  border: none;
  border-radius: 0;
}

.directive-example {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}

div#main div ul.nav li a.nav-primary.active {
  color: rgba(255, 255, 255, 0.75);
}

div#main div ul.nav li a.nav-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #0044cc;
}

div#main div ul.nav li a.nav-primary:hover,
div#main div ul.nav li a.nav-primary:active,
div#main div ul.nav li a.nav-primary.active,
div#main div ul.nav li a.nav-primary.disabled,
div#main div ul.nav li a.nav-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
}

div#main div ul.nav li a.nav-primary:active,
div#main div ul.nav li a.nav-primary.active {
  background-color: #003399 \9;
}

div#main div ul.nav li a.nav-primary .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.main-nav-upper {
  background-image: none;
  background-color: white;
}

.main-nav-upper .nav li a {
  border-radius: 0;
}

.file-list-toolbar .nav {
  border: none !important;
  border-bottom: 1px solid #d4d4d4 !important;
  border-radius: 0 !important;
  background: inherit !important;
  box-shadow: none !important;
}

.file-list-toolbar .nav li a {
  background: inherit !important;
}

.file-icon i.icon-folder-close {
  color: #EECA7C;
}

.status-icon {
  color: inherit;
}

.active-profile-icon {
  color: green !important;
}

.mq-profile-icon {
  color: green !important;
}

i.mq-master {
  color: orange;
}

.mq-broker-rectangle, .mq-container-rectangle {

  border-left-width: 10px;
  border-right-width: 10px;
  border-top-width: 10px;

  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.mq-group-rectangle:nth-child(odd) .mq-group-rectangle-label {
  background-color: #f3f3f3;
}

.mq-group-rectangle-label {
  border-radius: 4px;
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.mq-profile-rectangle {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.mq-container-rectangle {
  border-radius: 4px;
}

.mq-container-rectangle.master {
  background-color: #DFFFB9;
  background-image: -moz-linear-gradient(top, #efffdd, #CCFF99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efffdd), to(#CCFF99));
  background-image: -webkit-linear-gradient(top, #efffdd, #CCFF99);
  background-image: -o-linear-gradient(top, #efffdd, #CCFF99);
  background-image: linear-gradient(to bottom, #efffdd, #CCFF99);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefffdd', endColorstr='#ffCCFF99', GradientType=0);
  border-color: #CCFF99 #CCFF99 #CCFF99;
  *background-color: #CCFF99;
}

.mq-broker-rectangle {
  background-color: #bbddff;
  background-image: -moz-linear-gradient(top, #bbddff, #88bbdd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbddff), to(#88bbdd));
  background-image: -webkit-linear-gradient(top, #bbddff, #88bbdd);
  background-image: -o-linear-gradient(top, #bbddff, #88bbdd);
  background-image: linear-gradient(to bottom, #bbddff, #88bbdd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff88bbdd', GradientType=0);
  border-color: #88bbdd #88bbdd #002a80;
  *background-color: #88bbdd;
}

a.dashboard-link {
  color: black;
}

.provision-list ul li:nth-child(even) {
  background-color: #f3f3f3;
}

.zebra-list > li:nth-child(even),
ol.zebra-list > li:nth-child(even):before {
  background-color: #f3f3f3;
}

.add-link {
  background: white;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}

.log-table > .table-row.selected:before {
  color: green;
}

.log-table > li:nth-child(odd) > div > div:not(.stack-line) {
  background-color: white;
}

.log-table > li:nth-child(even) > div > div:not(.stack-line) {
  background-color: #f3f3f3;
}

.log-table > li > div > div:nth-child(2) {
  border-right: 1px solid #d4d4d4;
}

.log-table > li > div > div:nth-child(3) {
  border-right: 1px solid #d4d4d4;
}

.log-table > li > div > div:nth-child(4) {
  border-right: 1px solid #d4d4d4;
}

.log-table > li > div > div:nth-child(6) {
  background: white;
}

.log-info-panel {
  background: white;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.log-info-panel > .log-info-panel-frame > .log-info-panel-header {
  border-bottom: 1px solid #d4d4d4;
}

.log-info-panel > .log-info-panel-frame > .log-info-panel-body > .row-fluid > span {
  margin-right: 7px;
  white-space: nowrap;
}

.ex-node {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  background: white;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.dozer-mapping-node {
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.wiki-grid {
  border-right: 1px solid #d4d4d4;
}

.wiki-file-list-up {
  color: black;
}

.fabric-page-header.features {
  margin-top: 10px;
}

.profile-selector-name a:not(.profile-info) {
  color: #333333;
}

.profile-selector-name.abstract {
  color: #888888;
}

.file-name {
  color: #333333;
}

i.expandable-indicator.folder {
  color: #EECA7C;
}

.camel-canvas {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
  background-image: url('../img/img-noise-600x600.png')
}

/*
 * jquery.tocify.css 1.8.0
 * Author: @gregfranko
 */
/* The Table of Contents container element */
.tocify {
  /* top works for the wiki, may need customization
     elsewhere */
  border: 1px solid #ccc;
  webkit-border-radius: 6px;
  moz-border-radius: 6px;
  border-radius: 6px;
  background-color: white;
}

.tocify li a {
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.tocify li a:hover {
  background-color: #FAFAFA;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.tocify li a.active {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-color: #FAFAFA;
}

.health-displays .health-display {
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}

.health-details {
  background: white;
}

.health-status {
  background: white;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.health-message-wrap {
  border-top: 1px solid #d4d4d4;
}

.health-details-wrap dl {
  border-bottom: 1px solid #f3f3f3;
}

.health-details-wrap table tr {
  border-bottom: 1px solid #f3f3f3;
}

.health-display-title {
  border-radius: 4px;
  background-color: #eaeaea;
  border: 1px solid #d3d3d3;
}

.health-display-title.ok {
  background-color: lightgreen;
}

.health-display-title.warning {
  background-color: darkorange;
}

.toast-pf {
  max-width: 50%;
}

.toast.toast-warning * {
  color: black;
}

.hawtio-toc .panel-title {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}

.hawtio-toc .panel-title a {
  border-radius: 3px;
  background: #cceeff;
}

.camel-canvas-endpoint svg circle {
  fill: #346789;
}

tr.selected,
tr.selected .ngCell,
tr.selected .ngCellText i,
.table-striped tbody tr.selected:nth-child(odd) td {
  background-color: #DF667B;
  border-bottom: 1px solid #BF0224;
}

table.dataTable tbody>tr.selected>td {
     border-bottom-color: #BF0224;
}

input.ng-invalid-pattern {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

input.ng-invalid-pattern:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.runnable {
  color: green;
}

.timed-waiting {
  color: orange;
}

.waiting,
.darkgray {
  color: darkgray;
}

.blocked {
  color: red;
}

strong.new,
.lightgreen {
  color: lightgreen;
}

.terminated,
.darkred {
  color: darkred;
}

.monitor-indicator {
  border-radius: 6px;
}

.monitor-indicator.true {
  background: #1cd11d;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49);
}

.monitor-indicator.false {
  background: #737373;
  box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}

.table-header {
  color: black;
}

.table-header:hover {
  background-color: #f3f3f3;
}

.table-header.asc,
.table-header.desc {
  background-color: #f3f3f3;
}

.dropdown-menu {
  border-radius: 0;
}

.main-nav-upper .dropdown-menu {
  border-radius: 0;
}

.main-nav-lower .dropdown-menu {
  border-top: none;
}

.submenu-caret:before {
  color: #53595f;
}

.hawtio-dropdown > ul > li.item:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.hawtio-dropdown > ul > li:hover > span > ul.sub-menu > li {
  color: #333333;
}

.dropdown-menu .sub-menu {
  border-top: 1px solid #d3d3d3;
}

.caret:before {
  color: #53595f;
}

.hawtio-breadcrumb .caret {
  border: 0;
  width: 17px;
  margin-right: 2px;
  margin-left: 0;
}

.hawtio-breadcrumb .caret:before {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 2px 0 2px   rgba(0, 0, 0, 0.3);
}

.component {
  background-color: white;
  color: black;
}

.window,
.node > rect {
  stroke-width: 2px;
  stroke: #346789;
  border: 2px solid #346789;
  box-shadow: 2px 2px 19px #e0e0e0;
  -o-box-shadow: 2px 2px 19px #e0e0e0;
  -webkit-box-shadow: 2px 2px 19px #e0e0e0;
  -moz-box-shadow: 2px 2px 19px #e0e0e0;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.window-inner.from,
.node > .from {
  background-color: lightsteelblue;
  fill: lightsteelblue;
}

.window-inner.choice,
.node > .choice {
  background-color: lightblue;
  fill: lightblue;
}

.window-inner.when,
.node > .when {
  background-color: lightgreen;
  fill: lightgreen;
}

.window-inner.otherwise,
.node > .otherwise {
  background-color: lightgreen;
  fill: lightgreen;
}

.window-inner.to,
.node > .to {
  background-color: lightsteelblue;
  fill: lightsteelblue;
}

.window-inner.log,
.node > .log {
  background-color: lightcyan;
  fill: lightcyan;
}

.window-inner.setBody,
.node > .setBody {
  background-color: #d3d3d3;
  fill: #d3d3d3;
}

.window-inner.onException,
.node > .onException {
  background-color: lightpink;
  fill: lightpink;
}

.window-inner.delay,
.node > .delay {
  background-color: lightgrey;
  fill: lightgrey;
}

.window-inner.bean,
.node > .bean {
  background-color: mediumaquamarine;
  fill: mediumaquamarine;
}

.window:hover {
  border-color: #5d94a6;
  background-color: #ffffa0;
}

.window.selected {
  background-color: #f0f0a0;
}

.window.selected > .window-inner {
  background: inherit;
}

img.nodeIcon:hover {
  opacity: 0.6;
  box-shadow: 2px 2px 19px #a0a0a0;
  background-color: #a0a0a0;
}

.hl {
  border: 3px solid red;
}

.discovery > li > div:last-child > div > i,
.discovery > li > .lock > i {
  color: lightgreen;
}

.discovery > li > .lock > i {
  color: lightgrey;
}

html, body {
  font-size: 13.5px;
}

small {
  font-size: 11.5px;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -1px;
  font-weight: normal;
  font-family: "Overpass", sans-serif;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #BF0224;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

table.jmx-attributes-table td {
    color: #B21054;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a {
  color: #BF0224;
  text-decoration: none;
}

a:focus, a:hover {
    color: #DF667B;
}

table a:focus, table a:hover {
    color: #DF3A57;
}

a:hover {
  text-decoration: underline;
}

#tree-ctrl {
  top: 0;
}


#main {
  margin-top: 106px!important;
}

#main-nav {
  max-height: 106px !important;
}

#main-nav .main-nav-upper .nav {
  max-height: 106px !important;
}

#main-nav .main-nav-upper .nav li {
  max-height: 106px !important;
}

#main-nav .main-nav-upper .nav li a {
  max-height: 106px !important;
}

#main-nav .main-nav-upper .nav li a i.fixme:before {
  top: 0 !important;
}


#main-nav > .navbar-inner {
  background-color: inherit;
  background-image: linear-gradient(to bottom, #3f4349 0%, #464c51 100%);
}

.navbar-inner {
  height: auto;
  min-height: 0;
}

.main-nav-upper {
  height: auto;
  min-height: 0;
}

#main-nav > .main-nav-upper {
  filter: none;
  border-top: 3px solid #B21054;
  border-bottom: none;
  height: 60px !important;
  min-height: 60px !important;
  box-shadow: none;
}

#main-nav > .main-nav-lower {
  border-top: 1px solid #53565b;
  box-shadow: none;
  background: #3f4349;

  background: -moz-linear-gradient(top, #3f4349 0%, #464c51 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4349), color-stop(100%,#464c51));
  background: -webkit-linear-gradient(top, #3f4349 0%,#464c51 100%);
  background: -o-linear-gradient(top, #3f4349 0%,#464c51 100%);
  background: -ms-linear-gradient(top, #3f4349 0%,#464c51 100%);
  background: linear-gradient(to bottom, #3f4349 0%,#464c51 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4349', endColorstr='#464c51',GradientType=0 );

  padding: 0px;
  height: 42px;
  max-height: 42px;
  min-height: 42px;
  border-bottom: none;

}

/*
.prefs > .row-fluid > .tabbable > .nav.nav-tabs {
  margin-top: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  max-height: 45px !important;
  min-height: 45px !important;
  border-bottom: 1px solid #cecdcd !important;
}
*/

.prefs > .row-fluid > .tabbable > .nav.nav-tabs > li {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

.prefs > .row-fluid > .tabbable > .nav.nav-tabs > li > a {
  background-image: none;
  background: #f6f6f6;
  color: #4d5258;
  border-radius: 0;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 6px;
  padding-bottom: 5px;
}

.prefs > .row-fluid > .tabbable > .nav.nav-tabs > li.active a {
  border: none;
  border-bottom: 1px solid #B21054 !important;
}

#main-nav > .navbar-inner.main-nav-upper > .container > .pull-left > .brand {
  text-shadow: none;
}

#main-nav > .navbar-inner.main-nav-lower .nav {
  width: 100%;
  float: none;
  position: relative;
  top: -1px;
  height: 42px;
  background: inherit;
  background-color: inherit;
  background-image: inherit;
  background-image: linear-gradient(to bottom, #474d52, #3f4349 100%);
  border-top: 1px solid #565b60;
}

.main-nav-lower > .container > ul > .dropdown.overflow {
  margin-right: 0;
}

@media (max-width: 767px) {
  .navbar .container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .main-nav-lower > .container > ul > .dropdown.overflow {
    margin-right: 45px;
  }

}

.main-nav-lower > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#main-nav > .main-nav-lower > .container .nav > li.overflow > ul > li > a {
  font-weight: normal;
  color: #4D5258;
}

#main-nav > .main-nav-lower .nav > li.overflow.open > a {
  color: #ffffff;
  text-shadow: none;
  border-top: 1px solid #949699;
  background-color: inherit;
  background-image: linear-gradient(to bottom, #72757a 0%, #64686C 100%);
  font-weight: bold;
  border-bottom: none;
}

.dropdown-menu {
  border-radius: 0;
}

#main-nav > .navbar-inner .nav > li > a {
  margin-top: -1px;
  border-top: 1px solid #53565B;
  color: #ffffff;
  text-shadow: none;
  height: 32px;
  padding-bottom: 0;
}

#main-nav > .navbar-inner .nav > li:hover > a {
  color: #ffffff;
  border-top: 1px solid #949699;
  text-shadow: 1px 0 0 white;
  background-color: inherit;
  background-image: linear-gradient(to bottom, #5c6165, #4b5053 100%);
}


#main-nav .navbar-inner .nav li.active a {
  color: #ffffff;
  text-shadow: none;
  border-top: 1px solid #949699;
  background-color: inherit;
  background-image: linear-gradient(to bottom, #72757a 0%, #64686C 100%);
  font-weight: bold;
}

#main-nav .navbar-inner.main-nav-upper .nav {

}

#main-nav .navbar-inner.main-nav-upper .nav > li {
  height: 60px;
  border-left: 1px solid #585b5e;
}

#main-nav .navbar-inner.main-nav-upper .nav > li > a {
  position: relative;
  top: 1px;
  padding-top: 1px;
  border-radius: 0;
  border: none;
  height: 60px;
  max-height: 60px;
  color: #ffffff;
}

#main-nav .navbar-inner.main-nav-upper .nav > li:hover a {
  color: #ffffff;
  text-shadow: none;
}

#main-nav .navbar-inner.main-nav-upper .nav li a i:before {
  position: relative;
  top: 2px;
}

#main-nav .navbar-inner.main-nav-upper .nav li.dropdown a.dropdown-toggle span:not(.caret) {
  display: inline-block;
  margin-top: 2px;
}

#main-nav .navbar-inner.main-nav-upper .nav li.dropdown a.dropdown-toggle span.caret {
  margin-top: 10px;
  margin-left: 1px;
}

#main-nav .main-nav-upper .nav li.dropdown.open a.dropdown-toggle {
  color: #ffffff !important;
  text-shadow: none;
  background-color: inherit;
  background-image: linear-gradient(to bottom, #72757a 0%, #64686C 100%);
  border-bottom-color: inherit !important;
}

#main-nav .main-nav-upper .nav li.dropdown .dropdown-menu li {
  border: none !important;
}

#main-nav .main-nav-upper .nav li.dropdown .dropdown-menu li a {
  color: #4D5258;
  border: none !important;
  padding-top: 2px !important;
  height: 22px;
}

#main-nav .main-nav-upper .nav li.dropdown .dropdown-menu li:hover a {
  border: none;
  color: white;
}

#main-nav .navbar-inner.main-nav-upper .nav li.active a {
  border-top: none;
  color: #ffffff
}

.navbar .nav > li > .dropdown-menu:before {
  display: none;
}

.navbar .nav > li > .dropdown-menu:after {
  display: none;
}

#main.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

#main.container-fluid div .nav {
  background-image: none;
  background: #f6f6f6;
  border-radius: 0;
  line-height: 18px;
  padding: 0;
  max-height: 31px;
  min-height: 31px;
  border-top: none;
  border-bottom: 1px solid #cecdcd;
}

#main.container-fluid div .nav li {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

#main.container-fluid div .nav li a {
  background-image: none;
  background: #f6f6f6;
  color: #4d5258;
  border-radius: 0;
  border: 1px solid inherit;
  padding: 6px 20px 5px 20px;
}

#main.container-fluid div .nav li a:hover {
  border-radius: 0;
  padding-top: 6px;
  padding-bottom: 5px;
}

#main.container-fluid div .nav li.overflow a:hover  {
  background-image: none;
  background-color: #B21054;
  color: #4d5258
}



div#main div ul.nav li a:hover[disabled] {
  border: 1px;
  border-radius: 2px;
  background: inherit;
  color: #4d5258;
  cursor: default;
}

#main.container-fluid div .nav li.active a {
  border-radius: 0;
  background-color: inherit;
  background-image: none;
  color: #B21054;
  box-shadow: none;
  border-bottom: 1px solid #B21054;
}

#main.container-fluid div .nav li.active a:hover {
  border-radius: 0;
  background-color: inherit;
  background-image: none;
  color: #B21054;
  box-shadow: none;
  border-bottom: 1px solid #B21054;
  padding-top: 6px;
  padding-bottom: 5px;
}

/*
div[ng-include][src='viewPartial'] .row-fluid {
  padding-left: 10px;
  padding-right: 10px;
  width: auto;
}
*/

.nav li a {
  cursor: pointer;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  font-size: 13.5px;
  border-radius: 0;
  /*
  color: #555555;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
  vertical-align: middle;
  */
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #DF667B;
  background-image: -moz-linear-gradient(top, #DF667B, #DF667B);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DF667B), to(#DF667B));
  background-image: -webkit-linear-gradient(top, #DF667B, #DF667B);
  background-image: -o-linear-gradient(top, #DF667B, #DF667B);
  background-image: linear-gradient(to bottom, #DF667B, #DF667B);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF667B', endColorstr='#DF667B', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #DF667B;
  background-image: -moz-linear-gradient(top, #DF667B, #DF667B);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DF667B), to(#DF667B));
  background-image: -webkit-linear-gradient(top, #DF667B, #DF667B);
  background-image: -o-linear-gradient(top, #DF667B, #DF667B);
  background-image: linear-gradient(to bottom, #DF667B, #DF667B);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF667B', endColorstr='#DF667B', GradientType=0);
}

code {
    color: #7C0117;
    background-color: #DF667Bb3;
}

.logbar {
  width: 100%;
  left: 0;
  background: inherit !important;
  border-bottom: none !important;
  box-shadow: none;
  border-left: none;
  border-right: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.logbar-container > .control-group {
  margin-bottom: 0;
}

.logbar-container > .control-group:first-child {
  padding-left: 20px;
}

.logbar-container > .control-group:last-child {
  padding-right: 20px;
}

.logbar-container {
  margin-top: 4px;
  margin-bottom: 4px;
}

.threads.logbar {
  background-color: #F6F6F6 !important;
  border-bottom: 1px solid #CECDCD !important;
}

.threads.logbar > .logbar-container {
  margin-bottom: 2px;
}

.threads.logbar > .logbar-container > .state-panel {
  margin-left: 10px;
  margin-top: 2px;
}

.threads.logbar > .logbar-container > .support-panel {
  margin-right: 10px;
}

.wiki.logbar-container {
  margin-top: 0;
  margin-bottom: 0;
}

.wiki.logbar-container > .nav.nav-tabs {
  background-color: #F6F6F6 !important;
  border-bottom: 1px solid #CECDCD !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  margin-top: 0 !important;
}

div#main div ul.nav li a.nav-primary:hover, div#main div ul.nav li a.nav-primary:active, div#main div ul.nav li a.nav-primary.active, div#main div ul.nav li a.nav-primary.disabled, div#main div ul.nav li a.nav-primary[disabled] {
  background-color: inherit;
  color: #0044CC;
}

div#main div ul.nav li a.nav-primary {
  background-color: inherit;
  background-image: inherit;
  background-repeat: repeat-x;
  border-color: inherit;
  color: #0044CC;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.nav.help-sidebar {
  /*
  background: none;
  border-bottom: 0;
  */
  max-height: inherit !important;
  position: relative;
  left: -10px;
}

.nav.help-sidebar li:first-child {
  padding-top: 3px;
}

.nav-tabs .dropdown-menu {
  border-radius: 0;
}

.perspective-selector {
  border-right: 1px solid #65696e;
  background-color: inherit;
}

.perspective-selector:hover > a {
  border-top: 1px solid #65696e;
}

.perspective-selector > a {
  border-top: 1px solid #64696d !important;
  background-image: linear-gradient(to bottom, #585d62 0%, #4e5257 100%);
}

#main-nav .dropdown-toggle > .caret:before {
  color: white;
}

#main-nav li.dropdown.open > a.dropdown-toggle {
  border-bottom: 1px solid #585b60;
}

#main-nav .dropdown.open,
li.dropdown.open > a.dropdown-toggle {
  color: white;
  border-bottom: none;
  background-color: inherit;
  background-image: linear-gradient(to bottom, #DF667B 0%, #DF667B 100%);
  text-shadow: 1px 0 0 white;

}

.dropdown-menu {
  border: 1px solid #b6b6b6;
  border-top: 0;
  margin-top: 0;
  padding: 0;
  background-color: white;
}

.dropdown-menu > .divider {
  margin: 0 !important;
  border: 0;
  color: #E5E5E5;
}

.dropdown-menu > li > a {
  background: inherit;
  text-shadow: none;
  line-height: 22px;
  font-size: 14px;
  border: 0 !important;
  padding: 0 !important;
  max-height: 22px;
}

.dropdown-menu > li:hover {
  color: #ffffff !important;
  border-top: 1px solid #DF667B;
  background-color: #DF667B !important;
  background-image: linear-gradient(to bottom, #DF667B 0%, #DF667B 100%) !important;
  cursor: pointer;
}

.dropdown-menu > li:hover > span > ul.sub-menu > li {
  color: #333333 !important;
}

.dropdown-menu > li:hover > span > ul.sub-menu > li:hover {
  color: #ffffff !important;
}

.ngRow:hover {
  background-color: lightyellow;
}

.ngRow.selected {
  color: #ffffff !important;
  background-color: #B21054 !important;
  border-bottom: 1px solid #d4d4d4;
}

.ngRow.selected .ngCell {
  color: #ffffff !important;
  background-color: #B21054 !important;
  border-bottom: 1px solid #d4d4d4;
}

.ngRow.selected .ngCellText i {
  color: #ffffff !important;
  background-color: #B21054 !important;
}

.dropdown-menu > .divider:hover {
  border-top: 0;
  background-image: none !important;
}

.dropdown-menu > li:hover > a {
  color: white !important;
  text-shadow: 0px 0px 1px white;
}

.dropdown-menu > li {
  padding-left: 10px !important;
  padding-right: 10px !important;
  line-height: 60px !important;
  border-top: none;
  max-height: 60px;
}

li.dropdown.open > a.dropdown-toggle .caret:before {
    color: #fff;
}

.main-nav-upper .container .pull-right .nav.nav-tabs .dropdown .caret:before {
  color: white !important;
}

.wiki > ul > li[ng-repeat='link in breadcrumbs']:first-child {
  padding-left: 20px !important;
}

.wiki > ul > li[ng-repeat='link in breadcrumbs'] {
  padding-left: 5px !important;
  padding-right: 5px !important;
  white-space: nowrap;
}

.wiki > ul > li[ng-repeat='link in breadcrumbs'] a {
  display: inline-block;
}

.wiki > ul > li[ng-repeat='link in breadcrumbs']:after {
  position: relative;
  top: 1px;
  content: '/';
}

.wiki > ul > li[ng-repeat='link in breadcrumbs'].active:after {
  content: '';
}

.wiki > ul > li.pull-right.dropdown {
  padding-right: 20px;
}

.tabbable > .nav-tabs {
  min-height: inherit !important;
  max-height: inherit !important;
}

.tabbable li a {
  background-color: inherit !important;
}

.tabbable li.active a {
  border-bottom: 0 !important;
}

.no-bottom-margin .control-group {
  margin-bottom: 10px;
}

div.hawtio-form-tabs ul.nav-tabs li:first-child {
  margin-left: 3px;
}

div.hawtio-form-tabs ul.nav-tabs li.active:first-child {
  margin-left: 3px;
}

.instance-name {
  border-top-left-radius: 0;
  padding: 0;
  padding-left: 3px;
  padding-top: 3px;
  box-shadow: none;
}

ng-include[src="'app/jmx/html/subLevelTabs.html'"] .nav.nav-tabs {
  border-radius: 0 !important;
  margin-top: 0 !important;
}

div.wiki-fixed[ng-controller] .row-fluid .span12 .nav.nav-tabs {
  border-radius: 0 !important;
  margin-top: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: inherit !important;
  border-bottom: 1px solid #cecdcd !important;
  position: relative;
  top: -8px;
  margin-bottom: 0 !important;
}

div.wiki-fixed[ng-controller] .row-fluid .span12 .nav.nav-tabs li a {
  background: inherit !important;
}

.controller-section {
  padding-left: 20px;
  padding-right: 20px;
}

@media(max-width: 849px) {
  .controller-section {
    padding-left: 5px;
    padding-right: 5px;
  }

}

#jmxtree {
  margin-left: 20px;
}

#activemqtree {
  margin-left: 20px;
}

#cameltree {
  margin-left: 20px;
}

.span9 #properties {
  margin-right: 20px;
}

.wiki-fixed {
  margin-left: 20px;
  margin-right: 20px;
}

.CodeMirror * {
  font-family: monospace;
}

.fabric-page-header .span4 h2 {
  margin-top: 0px;
}

div[ng-controller="Log.LogController"] .logbar {

}

div[ng-controller="Log.LogController"] .logbar .logbar-container {
  background: white;
  margin :0px;
  padding-top: 4px;
  padding-bottom: 3px;
  border-bottom: 1px solid #cecdcd !important;
}

.help-header {
  background-color: #43484D;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 4px;
}

.help-header img {
  position: relative;
  margin-right: 7px;
  margin-left: 3px;
  height: 50px;
  top: -2px;
}

.about-display {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

.about-display > .about-header {
  text-align: center;
  background-color: #DF667B;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
}

.about-display > .about-header > img {
  position: relative;
  margin-right: 7px;
  margin-left: 3px;
  height: 22px;
  top: -2px;
}

.camel-tree > .section-filter {
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 10px;
}

.dropdown-menu .sub-menu {
  left: 190px;
  top: -5px;
}

.hawtio-breadcrumb {
  margin-top: 5px;
  display: inline-block;
}

.hawtio-breadcrumb > li:first-child {
  padding-left: 10px !important;
}

.hawtio-breadcrumb > li:last-child {
  padding-right: 10px !important;
}

.hawtio-breadcrumb > li {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.nav.nav-tabs li .hawtio-dropdown .dropdown-menu {
  margin-top: 7px;
  border-top: none;
}

.dropdown.perspective-selector .dropdown-menu > div > p,
.hawtio-dropdown p {
  color: #333333;
}

.can-invoke > .dynatree-icon:before,
.icon-cog.can-invoke {
  color: green !important;
}

.cant-invoke > .dynatree-icon:before,
.icon-cog.cant-invoke {
  color: red !important;
}

.pane-bar {
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  background: white;
}

.pane {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
  background: #fff;
  top: 106px;
}

.pane-header-wrapper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
  display: none;
  border: none;
}

.dropdown.perspective-selector .dropdown-menu > div > p,
.hawtio-dropdown p {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-image: linear-gradient(to bottom, #fff, #e5e5e5);
}
.dropdown.perspective-selector .dropdown-menu li.clear-recent {
  border-top: 1px dashed #d4d4d4;
}

.dropdown-kebab-pf .btn-link:hover,
.dropdown-kebab-pf .btn-link:active,
.dropdown-kebab-pf .btn-link:focus {
    color: #BF0224 !important;
}

.list-view-pf-expand.active,
.list-view-pf-expand:hover {
    color: #BF0224;
}

.list-view-pf .list-group-item.list-view-pf-expand-active {
    background-color: #DF3A57;
}

.list-group-item.list-view-pf-expand-active .list-group-item-header,
.list-group-item.list-view-pf-expand-active .dropdown-kebab-pf .btn-link {
    color: #fff;
}

ng-include > .nav.nav-tabs {
  border-left: none;
  border-right: none;
}

.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
