/*
 * Global
 */
.bg-lightgray {
    background-color: #f5f5f5;
}

.small-caps {
    font-variant: small-caps;
}

ul.list-reversed, ul.list-reversed > li {
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
}

#reload-box a {
    text-decoration: underline;
    color: #444444;
}
#reload-box a:hover {
    color: #000000;
    background-color: #ffffff;
}

.loading-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.4;
    z-index: 1001;
}
.loading-overlay .fa-2x {
    margin-left: -14px;
    margin-top: -14px;
}
.loading-overlay .fa-3x {
    margin-left: -21px;
    margin-top: -21px;
}
.loading-overlay .fa-4x {
    margin-left: -28px;
    margin-top: -28px;
}
.loading-overlay .fa-5x {
    margin-left: -35px;
    margin-top: -35px;
}

hr {
    border-color: #E5E5E5;
}

/*
 * Items selection
 */
.select-col {
    width: 32px;
}
.select-col .pretty {
    margin-right: 0;
}

.select-tools div {
    display: inline-block;
}

.select-tools .select-count {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border: 1px solid #dddddd;
    border-right: none;
    font-weight: bold;
    line-height: 28px;
    margin-left: 15px;
    margin-right: -3px;
    min-width: 300px;
    padding: 0 28px 0 6px;
    position: relative;
    text-align: right;
    vertical-align: middle;
}
.select-tools .select-count > span {
    position: absolute;
    right: 7px;
    top: 7px;
}
.select-tools .select-count + a {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.select-tools .select-count.disabled {
    font-weight: normal;
    opacity: .65;
}

.select-tools .select-count.selected-all  {
    color: #a94442;
}

.select-tools .select-count.selected-many  {
    color: #8a6d3b;
}

.box-tools .select-tools .btn-default {
    border: 1px solid #dddddd !important;
}
.box-tools .select-tools .btn-default:hover {
    border-color: #AAAAAA !important;
}

.box-tools .dropdown {
    display: inline-block;
}
.box-tools .dropdown-toggle.btn-default {
    border: none !important;
    background-color: #FFFFFF !important;
}
.box-tools .dropdown-toggle.btn-default:hover {
    background-color: #E7E7E7 !important;
}
.box-tools span.label + span.label {
    margin-left: 5px;
}

#scroll-top {
    border-radius: 7px;
    bottom: 150px;
    opacity: 0.9;
    padding: 12px 15px;
    position: fixed;
    right: 15px;
    z-index: 1001;
}


/*
 * About
 */
.logos {
    margin: 60px;
    text-align: center;
}
img.logo {
    margin: 0 25px 25px 0;
    height: 100px;
}


/*
 * Dashboard
 */
.daemon-dashboard .box-bucket {
    height: 295px;
}

.daemon-dashboard .box-report {
    height: 297px;
}

.dashboard-buttons {
    min-height: 56px;
}
.dashboard-buttons .dashboard-manage {
    margin: 0;
}

.dashboard-buckets-placeholder {
    position: relative;
    height: 314px;
}
.dashboard-buckets-placeholder.collapsed {
    height: 64px;
}

.btn-box-toggle {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-toggle, .btn-box-toggle:hover {
    color: #606c84;
}
.btn-box-toggle.btn:active {
    box-shadow: none;
}

.box-bucket > .box-header.btn-bucket-toggle {
    cursor: pointer;
}

.box-bucket > .box-header > .box-tools {
    right: 5px;
    top: 9px;
}


.box-bucket ul.nav div.flags {
    position: absolute;
    right: 10px;
    top: 9px;
}
.box-bucket ul.nav div.flags span.label {
    text-transform: uppercase;
}
.box-bucket ul.nav div.flags span.label.status {
    display: inline-block;
    width: 120px;
    line-height: 13px;
}
.box-bucket ul.nav div.flags span.label + span.label {
    margin-left: 5px;
}

.box-events .box-body {
    height: 250px;
}

.row.chart > .col-chart {
    float: left;
    width: 220px;
    padding-right: 15px;
    padding-left: 15px;
}
.row.chart > .col-table {
    float: left;
    width: calc(100% - 220px);
    padding-right: 15px;
    padding-left: 15px;

}

#tasks-chart {
    height: 200px;
}


/*
 * Mailbox
 */
#mailbox.box, #message.box {
    min-height: 250px;
}
#mailbox.box table {
    margin-bottom: 0;
}
#mailbox.box table tr {
    cursor: pointer;
}
#mailbox.box table tr td:first-child {
    padding: 0 0 0 15px;
    vertical-align: middle;
}
#mailbox.box table tr td:first-child > div.pretty {
    margin-right: 0;
}

#message-header {
    min-height: 80px;
}
#message-header dl.dl-horizontal dt {
    text-align: left;
    width: 60px;
}
#message-header dl.dl-horizontal dd {
    margin-left: 80px;
}
#message.box .box-title {
    font-weight: bold;
}
#message.box .box-body {
    font-family: monospace;
    font-size: 12px;
    white-space: pre-wrap;
}
#message.box .box-body::before {
    content: unset;
}

/*
 * Wizard
 */
.nav-wizard li.active a {
    background-color: #337ab7;
    color: #ffffff;
}

.wizard-step {
    background: #3c8dbc;
    border-radius: 2px;
    color: #eeeeee;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 27px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 27px;
}
li a:hover .wizard-step {
    border-color: #444444;
}
li.active .wizard-step,
li.active a:hover .wizard-step {
    background: #ffffff;
    color: #3c8dbc;
}
li.disabled .wizard-step,
li.disabled a:hover .wizard-step {
    background: #777777;
}


/*
 * Hack
 * Firefox has some awkward fieldset styling involving width that interferes with the responsive table
 */
@-moz-document url-prefix() {
  .table-responsive fieldset { display: table-cell; }
}

/*
 * Forms
 */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: #eeeeee;
    height: 6px;
    margin: 12px 0;
    border-radius: 3px;
}
input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-range-thumb {
    background: #3c8dbc; /* primary */
    border-radius: 16px;
    border: 1px solid #367fa9;
    cursor: pointer;
    height: 16px;
    width: 16px;
}
input[type=range]::-moz-range-progress {
    background: #777777;
    height: 6px;
}

.input-error:not(.form-error) {
    margin-left: 0;
    margin-bottom: 0;
    padding: 2px 2px 2px 12px;
    border-radius: 0;
    border-top: none;
}

.multiple-items .item {
    border-left: 5px solid #3c8dbc;
    padding-left: 10px;
    margin-bottom: 15px;
}
.multiple-items .add-item {
    margin-left: 15px;
}
.multiple-items .item .row:last-child .form-group {
    margin-bottom: 0;
}

label {
    cursor: pointer;
}
.checkbox label {
    padding-left: 0;
}
.no-label {
    padding-top: 20px;
}
.no-label > .pretty {
    margin-top: 13px;
}
.input-group-addon label {
    margin-bottom: 0;
}
.box-footer .pretty {
    margin-top: 6px;
}
.input-group-addon.input-group-addon-select {
    border: none;
    padding: 0;
}
.password {
    font-family: text-security-disc;
}

/*
 * Debug Toolbar
 */
#pDebug #pDebugToolbarHandle {
    border: none !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
}
#pDebug a#pShowToolBarButton {
    background-color: transparent !important;
    background-image: url(../../_debug_toolbar/static/toolbar/img/pyramid.png) !important;
    background-position: center center !important;
    border: none !important;
    height: 50px !important;
    width: 50px !important;
}


/*
 * Select2
 * overwritten box-shadow, border-color and border-radius to fit with Admin LTE theme
 * static/lib/select2-x.y.z/select2-bootstrap3.css
 */
.select2-drop {
    box-shadow: 0 !important;
    border-radius: 0 !important;
}
.select2-drop-active {
    border-color: #3C8DBC !important;
}
.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: #3C8DBC !important;
}

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
    border-color: #3C8DBC !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.select2-highlighted .text-muted {
    color: #eeeeee;
}

.select2-search input {
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.no-search .select2-search {
    display: none;
}

.select2-result-selectable {
    font-weight: normal;
}
.select2-result-unselectable:not(.select2-disabled) {
    font-weight: bold;
}
.select2-results .select2-disabled {
    background: none;
    color: #999999;
}
.select2-results .select2-disabled .select2-result-label {
    cursor: not-allowed;
}


/*
 * Selectize
 */
.selectize-control.single .selectize-input:after {
    right: 7px !important;
    border-color: #888 transparent transparent transparent !important;
    border-width: 6px 3px 0 3px !important;
    cursor: pointer;
}
.selectize-control.single .selectize-input.dropdown-active:after  {
    border-color: transparent transparent #888 transparent !important;
    border-width: 0 3px 6px 3px !important;
}
.selectize-input {
    border-radius: 0 !important;
    min-height: 30px !important;
    padding: 4px 10px !important;
}
.selectize-input.focus {
    border-color: #3C8DBC !important;
    box-shadow: none !important;
}
.selectize-input.dropdown-active {
    border-bottom: none;
}
.selectize-dropdown, .selectize-dropdown.form-control {
    border-color: #3C8DBC !important;
    border-top: none !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15) !important;
    margin: 0 !important;
}
.selectize-dropdown [data-selectable] {
    margin: 0 4px;
    padding: 4px 6px !important;
}
.selectize-dropdown .active {
    background-color: #428BCA !important;
    color: #eee !important;
}

/*
 * Bootstrap
 */
.popover-content .dl-horizontal {
    margin-bottom: 0;
}

.text-monospace {
    font-family: monospace;
}

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

.navbar-nav > li > a.btn {
    display: inline-block;
    padding: 6px 12px;
}
.navbar-nav > li > a.btn-danger {
    color: #ffffff;
}
.navbar-nav > li > a.btn-danger:focus,
.navbar-nav > li > a.btn-danger:hover {
    color: #ffffff;
    background-color: #d33724;
    border-color: #dd4b39;
}

.btn-block.btn-lg.with-dropdown {
    width: calc(100% - 35px);
}

span + .caret {
    margin-left: 7px !important;
}


/*
 * AdminLTE
 */
.alert .alert-footer {
    border-top: 1px solid #d73925;
    margin: 30px -15px 0 -15px;
    padding: 15px 15px 0 15px;
}
.alert-danger .alert-footer {
    border-color: #d73925;
}
.alert-info .alert-footer {
    border-color: #00acd6;
}
.alert-success .alert-footer {
    border-color: #008d4c;
}
.alert-warning .alert-footer {
    border-color: #e08e0b;
}

.alert .btn-outline {
    text-decoration: none;
    background-color: transparent !important;
}

.badge.badge-danger {
    background-color: #dd4b39;
}
.badge.badge-default {
    background-color: #777777;
}
.badge.badge-primary {
    background-color: #3c8dbc;
}
.badge.badge-success {
    background-color: #00a65a;
}
.badge.badge-warning {
    background-color: #f39c12;
}

.btn-group + .btn-group {
    margin-left: 15px;
}

.btn-outline.btn-warning {
    background-color: #f39c12;
}
.btn-outline.btn-warning:hover {
    background-color: #e08e0b;
}

.btn-outline.btn-danger {
    background-color: #dd4b39;
}
.btn-outline.btn-danger:hover {
    background-color: #d73925;
}

.btn-social.btn-xs {
    padding-left: 25px;
}

.box-tools a.btn-default {
    background: transparent !important;
    border: none !important;
}
.box-tools a.btn-default:hover {
    background-color: #eeeeee !important;
}

.callout-about {
    background-color: #ffffff;
    border-left-color: #ddd;
}

.bg-info {
    color: #ffffff;
    background-color: #00c0ef;
}

.dl-horizontal.dl-xs > dt {
    width: 50px;
}
.dl-horizontal.dl-xs > dd {
    margin-left: 60px;
}

.dl-horizontal.dl-lg > dt {
    width: 200px;
}
.dl-horizontal.dl-lg > dd {
    margin-left: 210px;
}

.login-logo {
    margin-bottom: 45px;
}
.login-box-header {
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    border-radius: 3px;
    border-top: 3px solid #3c8dbc;
    padding: 25px 0;
    text-align: center;
}
.login-box-header a {
    color: #444;
    font-size: 30px;
    font-weight: 300;
}

.label.label-xs {
    font-size: 70%;
    padding: 1px 3px;
}
.label.label-lg {
    font-size: 100%;
    padding: 8px;
}
.label.label-block {
    display: block;
    margin-bottom: 15px;
}
.label.label-secondary {
    color: #ffffff;
    background-color: #6c757d;
}
.label.label-status {
    display: inline-block;
    line-height: 16px;
    width: 80px;
}

.main-header .navbar .nav.navbar-ribbon > li > a {
    background-color: rgba(0, 0, 0, 0.1);
    color: #eee;
}

.main-header .navbar .nav.navbar-ribbon > li > a:hover,
.main-header .navbar .nav.navbar-ribbon > .open > a,
.main-header .navbar .nav.navbar-ribbon > .open > a:focus,
.main-header .navbar .nav.navbar-ribbon > .active > a {
    background-color: #ecf0f5;
    color: #333;
    border-top: 5px solid #778;
    padding-top: 10px;
    z-index: 1001;
}
.main-header .navbar .nav.navbar-ribbon .dropdown-menu {
    background-color: #ecf0f5;
}

.nav-pills > li > .nav-tools {
    display: none;
    position: absolute;
    right: 15px;
    top: 10px;
}
.nav-pills > li:hover > .nav-tools {
    display: block;
}

.nav-tabs-custom > .nav-tabs {
    background: #fafafa;
}
.nav-tabs-custom > .nav-tabs > li > button {
    padding: 8px 12px;
    background: transparent;
}
.nav-tabs-custom > .nav-tabs > li > button:hover {
    background: #eee;
}

.box .box-tools > button {
    background: transparent;
}
.box .box-tools > button:hover {
    background: #eee;
}

.control-sidebar,
.control-sidebar-bg {
    right: -300px;
    width: 300px;
}
@media (min-width: 768px) {
    .control-sidebar-open .content-wrapper,
    .control-sidebar-open .right-side,
    .control-sidebar-open .main-footer {
        margin-right: 300px;
    }
}

.control-sidebar > .tab-content {
    padding: 0 0 15px 0;
}
.control-sidebar .control-sidebar-heading {
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    margin-bottom: 0;
}
.control-sidebar .box {
    box-shadow: none;
    background-color: transparent;
    margin: 0;
}
.control-sidebar .box .box-header {
    background-color: #eee;
}
.control-sidebar .box-header.with-border {
    border-bottom: 1px solid #ddd;
}
.control-sidebar .box a {
    padding: 5px 10px;
}
.control-sidebar-menu {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0 !important;
}
.control-sidebar-menu > .divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.control-sidebar-menu > li > a {
    padding: 5px 15px;
}
.control-sidebar-menu > li > a > i {
    width: 20px;
}

/* truly unclickable dropdown menu item */
.dropdown-menu > .disabled {
    cursor: not-allowed;
}
.dropdown-menu > .disabled > a {
    pointer-events: none;
}

.progress-header {
    background-color: #d2d6de;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 3px;
    left: 0;
    position: absolute;
    top: -3px;
    width: 100%;
}

div.timeline-item > img,
div.timeline-item > i.fa,
div.timeline-item > i.fab,
div.timeline-item > i.far,
div.timeline-item > i.fas {
    height: auto;
    max-width: 45px;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    background-color: #DDDDDD;
    border-radius: 50%;
    text-align: center;
}
div.timeline-item > i.fa,
div.timeline-item > i.fab,
div.timeline-item > i.far,
div.timeline-item > i.fas {
    height: 45px;
    line-height: 45px;
}
.timeline > li > .timeline-item > .timeline-body {
    min-height: 65px;
    padding-left: 65px;
}
.timeline-pager {
    margin-right: 25px;
    text-align: right;
}
.timeline-pager .pagination {
    margin-top: 0;
}

.text-expander {
    background-color: #EEEEEE;
    color: #555555;
    font-weight: bold;
    padding: 0 5px;
}
.text-expander:hover {
    background-color: #DDDDDD;
    color: #000000;
}

.partial-loadmore {
    margin-top: 40px;
}
.partial-loadmore i.fa-spinner {
    display: none;
}

.partial-loadmore.loading i.fa-spinner {
    display: block;
}
.partial-loadmore.loading span {
    display: none;
}

.sidebar-instance {
    padding: 0 10px 5px 10px;
    color: #4b646f;
    background: #1a2226;
    font-variant: small-caps;
}
.sidebar-instance::before, .sidebar-instance::after {
    content: " ";
    display: table;
}
.sidebar-instance::after {
    clear: both;
}

.sidebar-menu li.header {
    font-size: 16px;
    font-variant: small-caps;
    font-weight: bold;
    color: #6b848f !important;
}

.sidebar-menu > li > ul > li.header {
    background: #1a2226 none repeat scroll 0 0;
    color: #7b949f;
    white-space: normal;
    padding-right: 10px;
}
.sidebar-menu > li > ul > li.header > .fa,
.sidebar-menu > li > ul > li.header > .fab,
.sidebar-menu > li > ul > li.header > .fas,
.sidebar-menu > li > ul > li.header > .far {
    width: 20px;
}

.main-header .navbar .nav > li > a > .label {
    top: 2px;
    right: 2px;
}
.main-header .navbar .nav .dropdown-menu {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-body {
    padding: 0;
}

li.user-body fieldset {
    margin-bottom: 10px;
}
li.user-body fieldset > legend {
    padding-left: 7px;
}
li.user-body .form-group {
    padding-left: 10px;
    padding-right: 10px;
}
li.user-body button {
    margin-top: 10px;
}

table td.row > .label {
    line-height: 16px;
}

.user-header i.fa-user-circle {
    color: #f6f6f6;
}
.user-menu > a > i.fa-user-circle {
    float: left;
    margin-top: -5px;
    padding-right: 5px;
}
.user-panel .pull-left.image i.fa-user-circle {
    color: #b8c7ce;
}


/*
 * Breadcrumbs
 */
section.content .breadcrumb li a {
    color: #555555;
}
section.content .breadcrumb li a:hover {
    color: #000000;
    text-decoration: underline;
}

.tab-content > .breadcrumb {
    margin-top: -11px;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;     /* Over the active tab */
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
    border-top: 1px solid #DDDDDD;
}


/*
 * Quick search form in sidebar
 */
.sidebar-form {
    overflow: visible;
}
.sidebar-form button.dropdown-toggle {
    padding: 4px;
}
.sidebar-form ul.dropdown-menu {
    background-color: #fafafa;
    border-color: #dbdbdb;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    margin-top: 0;
    padding: 10px;
    width: 209px;
}
.sidebar-form ul.dropdown-menu label {
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
}
.sidebar-form .btn.btn-default:hover {
    background-color: #fafafa!important;
}


/*
 * Searches
 */

#searches-info {
    border-left: 5px solid #dddddd;
    padding-left: 10px;
    margin-bottom: 20px;
}


/*
 * Sites
 */

table#equipment-ports td {
    padding: 0 2px;
}
table#equipment-ports .alert {
    padding: 0px 4px;
}

.equipment-ports-placeholder {
    position: relative;
    height: 314px;
}

table.indexes-list {
    width: 100%;
}
table.indexes-list td {
    text-align: center;
}
table.indexes-list td, table.indexes-list th {
    padding: 2px 20px 2px 4px;
    border-top: 1px solid #f4f4f4;
}
table.indexes-list td .label {
    display: inline-block;
    background: #777;
    color: #FFF;
    width: 60px;
}
table.indexes-list td .label.network {
    width: 120px;
}
table.indexes-list .indexes-list-group {
    background-color: #f5f5f5;
}

#equipments-accordion {
    margin-top: 15px;
}
#equipments-accordion h3 {
    border-bottom: 1px solid #eee;
    padding: 5px 25px;
    margin-bottom: 20px;
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 1.3em;
    color: #666;
}
#equipments-accordion .info-box {
    margin-bottom: 0;
}
#equipments-accordion .info-box.loading {
    position: relative;
    opacity: 0.8;
}

.info-box-sm {
    min-height: 50px;
}
.info-box-sm .info-box-icon {
    height: 50px;
    width: 50px;
    font-size: 25px;
    line-height: 50px;
}
.info-box-sm .info-box-content {
    margin-left: 50px;
}

.info-box.bg-gray {
    color: #333;
}
.info-box .info-box-content {
    position: relative;
}
.info-box.bg-light-blue .info-box-number a {
    color: #fff;
}
.info-box.bg-gray .info-box-number a {
    color: #333;
}
.info-box .info-box-toolbox {
    position: absolute;
    top: 10px;
    right: 10px;
}
.info-box.bg-gray .info-box-toolbox a.btn-outline {
    color: #333;
    border-color: #333;
}
.info-box.bg-gray .info-box-toolbox a.btn-outline:hover {
    color: #666;
    border-color: #666;
}
.info-box .equipment-info .progress-description{
    padding-bottom: 2px;
}
.info-box.bg-light-blue .equipment-info .label-info,
.info-box.bg-light-blue .equipment-info .label-secondary,
.info-box.bg-light-blue .equipment-info .label-success,
.info-box.bg-light-blue .equipment-info .label-warning {
    border: 1px solid #aaa;
}
.info-box.bg-light-blue .equipment-info .label-default {
    border: 1px solid #999;
}
.info-box.bg-gray .equipment-info .label-default {
    border: 1px solid #aaa;
}
.info-box.bg-gray .equipment-info .label-info,
.info-box.bg-gray .equipment-info .label-secondary,
.info-box.bg-gray .equipment-info .label-success,
.info-box.bg-gray .equipment-info .label-warning {
    border: 1px solid #999;
}
.info-box.bg-gray .progress .progress-bar {
    background: #666;
}

table tr.detail-view:hover {
    background: inherit !important;
}
table tr.detail-view td {
    padding: 5px 0;
}
table tr.detail-view td dl {
    margin-bottom: 10px;
}
table tr.detail-view td h5 {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    color: #666;
}

#network-help .btn {
    margin-right: 5px;
    margin-top: 5px;
    min-width: 24%;
}

#state .row .text-right {
    visibility: hidden;
}
#state .row .text-body {
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 3px;
}
#state .row .text-body .text-right a {
    color: #555555;
    text-decoration: underline;
    font-family: monospace;
    font-size: 12px;
}
#state .row .text-body .text-right a:hover {
    color: #000000;
}
#state .row:hover .text-body {
    background-color: #fcfcfc;
    border-color: #eeeeee;
}
#state .row:hover .text-right {
    visibility: visible;
}

/* Network visualisation (vis.js) */
#vis-network {
    color: #444444;
    position: relative;
    border-radius: 3px;
}
#vis-network-form {
    background: #ffffff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border: 1px solid #d2d6de;
    bottom: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #444444;
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    width: 300px;
    z-index: 1010;
}
#vis-network-vis {
    background-color: #f9fafb;
    border: 1px solid #d2d6de;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
#vis-network-form:not(.hidden) + #vis-network-vis {
    border-left: none;
    margin-left: 300px;
}
#vis-network-form:not(.hidden) + #vis-network-vis .loading-overlay {
    left: calc(50% + 150px);
}
#vis-network-title {
    background-color: #f9fafb;
    left: 1px;
    padding: 4px 8px;
    position: absolute;
    top: 1px;
    z-index: 1;
}
#vis-network-tools {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 1010;
}
#vis-network-tools > * + * {
    margin-left: 7px;
}
#vis-network.fullscreen,
#vis-network.fullscreen #vis-network-form {
    border-radius: 0;
}
#vis-network-edge-popup, #vis-network-path-popup {
    border: 1px solid #d2d6de;
}


/*
 * Equipments
 */
span.equipment-status > *:first-child {
    margin-left: 7px;
}

/*
 * Batches
 */

.batch-list > li > a {
    display: block;
    min-height: 42px;
    color: #555;
}
.batch-list > li > a:hover {
    color: #000;
}
.batch-list .list-group-item-flags {
    position: absolute;
    top: 5px;
    right: 5px;
}
.batch-list .list-group-item-heading,
.batch-list .list-group-item-text {
    padding-left: 65px;
}


/*
 * Commits
 */
.commit-item .commit-message {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    border-bottom: 1px solid #eee;
}
.commit-item:last-child .commit-message {
    border-bottom: none;
    padding-bottom: 0px;
}
.commit-item .commit-body {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: -5px;
    margin-right: -5px;
}
.commit-item .commit-date {
    padding-top: 10px;
}
.commit-item .commit-details {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 5px;
}
.commit-item .commit-message > a {
    color: #555555;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 60px);
}
.commit-item .commit-message > a:hover {
    color: #000000;
}

.commit-item .commit-details:not(:hover) a.create-tag {
    visibility: hidden;
}

.commit pre {
    background-color: #FFFFFF;
    border-radius: 0;
}

/*
 * Audit diff
 */
#diff table td.line-content,
#diff table td.line-delta-op,
#diff table td.line-no {
    font-family: "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.5;
    padding: 0px;
}
#diff table td.line-content {
    white-space: pre-wrap;
}


/*
 * Diff
 */
.diff-file .diff-header,
.diff-files .diff-stats {
    background-color: #F7F8FA;
    padding: 10px;
    border-bottom: 1px solid #DDDDDD;
}
.diff-files .diff-stats {
    border-top: 1px solid #DDDDDD;
    padding-bottom: 20px;
    padding-top: 20px;
}
.diff-file .diff-header .label {
    display: inline-block;
    width: 100px;
    line-height: 16px;
    font-size: 12px;
}
.diff-file p {
    background-color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 0;
    padding: 10px;
}
.diff-file table {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
}
.diff-file table > tbody > tr > td {
    border-top: none;
}
.diff-file table td.content,
.diff-file table td.delta-op,
.diff-file table td.line-no,
.diff-file table td.old-line,
.diff-file table td.new-line {
    font-family: "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.5;
    padding: 0px;
}
.diff-file table td.delta-op,
.diff-file table td.line-no,
.diff-file table td.old-line,
.diff-file table td.new-line {
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #F7F8FA;
    border-right: 1px solid #DDDDDD;
    color: #AAAAAA;
    width: 35px;
    text-align: right;
    padding-right: 5px;
}
.diff-file table td.line-no span,
.diff-file table td.old-line span,
.diff-file table td.new-line span {
    display: block;
}
.diff-file table td.content {
    background-color: #FFFFFF;
    white-space: pre-wrap;
    padding-left: 5px;
}
.diff-file table td.content.text-muted {
    background-color: #F9F9F9;
    color: #DDDDDD;
}
.diff-file table tr.blame-hunk {
    border-bottom: 1px solid #DDDDDD;
}
.diff-file table tr.blame-hunk td.commit {
    background-color: #FFFFFF;
}
.diff-file table tr.blame-hunk td.content,
.diff-file table tr.blame-hunk td.commit div {
    min-width: 300px;
}
.diff-file table tr.blame-hunk td.content div {
    background-color: #F9F9F9;
}
.diff-file table tr.blame-hunk td.commit div a {
    color: #555555;
}
.diff-file table tr.blame-hunk td.commit div a:hover {
    color: #000000;
    text-decoration: underline;
}

.diff-file table tr.diff-replace td.delta-op {
    padding: 0;
}
.diff-file table tr.diff-replace td.delta-op a.btn.btn-default {
    background-color: #fcf8e3;
}
.diff-file table tr.diff-replace td.delta-op a.btn.btn-default:hover {
    background-color: #f7be64;
    color: #ffffff;
}

.diff-file table tr.diff-delete td.content.highlight {
    background-color: #e9897e;
    color: #ffffff;
}
.diff-file table tr.diff-insert td.content.highlight {
    background-color: #59c593;
    color: #ffffff;
}
.diff-file table tr.diff-replace td.content.highlight {
    background-color: #f7be64;
    color: #ffffff;
}

.diff-file table tr.diff-replace + tr,
.diff-file table tr.diff-replace + tr + tr {
    display: none;
}
.diff-file table tr.diff-replace.show-diff + tr,
.diff-file table tr.diff-replace.show-diff + tr + tr {
    display: table-row;
}

.diff-file.diff-matrix table td.content,
.diff-file.diff-plan table td.content {
    white-space: normal;
}

.summary.loading {
    position: relative;
    opacity: 0.8;
}
.summary .box-body {
    padding-top: 0;
}
.summary .box-body p {
    margin: 0;
}
.summary .box-footer .badge {
    border: 1px solid transparent;
}
.summary .box-footer .badge.bg-info {
    border-color: #00acd6;
}
.summary .box-footer .badge.bg-green {
    border-color: #008d4c;
}
.summary .box-footer .badge.bg-yellow {
    border-color: #e08e0b;
}
.summary .box-footer .badge.bg-light-blue {
    border-color: #367fa9;
}
.summary .box-footer .btn-xs {
    padding: 1px 8px;
}


/*
 * Logs
 */
.logs table td.message {
    font-family: monospace;
    font-size: 12px;
    white-space: pre;
}


/*
 * Tree
 */
table.tree {
    font-family: monospace;
    font-size: 12px;
}
table.tree a {
    color: #555555;
}
table.tree a:hover {
    color: #000000;
    text-decoration: underline;
}
table.tree .tree-path {
    white-space: nowrap;
}
table.tree .tree-path i.fa,
table.tree .tree-path i.fab,
table.tree .tree-path i.far,
table.tree .tree-path i.fas {
    font-size: 16px;
}


/*
 * Modals
 */
.modal.inline-modal {
    background: none;
    bottom: auto;
    display: block;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
    z-index: 1;
}

.modal-content .modal-header i.fa-circle-notch {
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-xl {
    width: 90%;
    max-width: 1200px;
}

.modal-maxheight .modal-body {
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.modal-maxheight .modal-body pre {
    max-height: 100%;
}

/*
 * Commit form
 */
.commit-form h5 {
    font-weight: bold;
}
.commit-form ul {
    list-style: none;
}


/*
 * Reports
 */
table.table-report td.report-actions {
    vertical-align: middle;
    text-align: right;
    min-width: 120px;
}
table.table-report td.report-collapse {
    text-align: center;
    width: 20px;
}
table.table-report td.report-flag {
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 80px;
}
table.table-report pre {
    border-radius: 0;
    border-top: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    white-space: pre-wrap;
}
table.table-report td {
    white-space: nowrap;
}

.report-run-selector {
    overflow-y: auto;
    padding-bottom: 5px;
    white-space: nowrap;
}


/*
 * Library
 */
.list-depth-2 {
    padding-left: 20px !important;
}
.list-depth-3 {
    padding-left: 40px !important;
}
.list-depth-4 {
    padding-left: 60px !important;
}
.list-depth-5 {
    padding-left: 80px !important;
}


/*
 * Custom navbar dropdown menu
 */
.nav .custom-menu > a {
    border: none;
}
.custom-menu {
    position: relative;
}
.custom-menu > .dropdown-menu {
    width: 500px;
    padding: 0 0 0 0!important;
    margin: 0!important;
    top: 100%;
    z-index: 10000;
}
.custom-menu > .dropdown-menu > li {
    position: relative;
}
.custom-menu > .dropdown-menu > li.header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}
.custom-menu > .dropdown-menu > li.footer {
    border-top: 1px solid #dddddd;
    background-color: #f5f5f5;
    padding: 10px;
}
.custom-menu > .dropdown-menu > li .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.custom-menu > .dropdown-menu > li .menu > li  {
    position: relative;
}
.custom-menu > .dropdown-menu > li .menu > li + li {
    border-top: 1px solid #f4f4f4;
}
.custom-menu > .dropdown-menu > li .menu > li:hover {
    background-color: #f4f4f4;
}
.custom-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
}
.custom-menu > .dropdown-menu > li .menu > li a {
    color: #777;
}
.custom-menu > .dropdown-menu > li .menu > li a.searches-del:hover {
    color: #dd4b39;
}
.custom-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
    color: #333;
    text-decoration: none;
}
.custom-menu > .dropdown-menu > li .menu > li > a:not(.searches-del) {
    display: block;
    overflow: hidden;
    padding: 11px 91px 11px 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.custom-menu > .dropdown-menu > li .menu > li .menu-tools {
    position: absolute;
    top: 13px;
    right: 16px;
    color: #777;
}
.custom-menu > .dropdown-menu > li .menu > li .menu-tools * + * {
    margin-left: 5px;
}


/*
 * Online help
 */
#help-modal img {
    max-width: 100%;
}

.btn-help:hover i {
    cursor: pointer;
}


/*
 * Pyramid Helpers
 */
.ph-pages + .ph-limit {
    margin-left: 15px !important;
}

table tr th a {
    color: #444444;
    display: block;
}
table tr th a:hover {
    color: #000000;
}
table tr th a span.fa {
    color: #3c8dbc;
    float: right;
    font-size: 16px;
    line-height: 20px;
}
table tr th a span.fa-sort {
    color: #dcdcdc;
}
table tr th a:hover span.fa {
    color: #72afd2;
}