/* Header */
.main-header {
    align-items: center;
}

aside.sidebar {
    display: flex;
    flex-direction: column;
}

/* Project switcher */
.project-switcher {
    overflow: hidden;
    max-width: 100%;
    padding: 0 var(--sidebar-menu-items-padding-left);
}
.project-switcher:hover {
    overflow: visible;
}
.project-switcher form {
    min-width: 200px;
}

/* Navbar */

.navbar-custom-menu > #configuration-menu, .navbar-custom-menu > .user-menu-wrapper {
    display: inline-block;
}

.navbar-custom-menu > #configuration-menu.sidebar-menu .nav-link {
    padding: .5rem 1rem;
}

/* Menu */
ul.sidebar-menu li {
    margin-top: 2em;
}
ul.sidebar-menu li:first-child {
    margin-top: 0;
}
ul.sidebar-menu li span.menu-title {
    font-size: 1.125em;
    border-bottom: 1px solid rgba(41, 45, 66, 0.5);
    border-left: 5px solid rgba(41, 45, 66, 0.5);
    margin-bottom: 0.5em;
}

ul.sidebar-menu .dropdown-item.active {
    background: transparent;
    color: rgb(97, 116, 209);
}
ul.sidebar-menu .dropdown-item.active i {
    color: rgb(97, 116, 209);
}

/* List */

.action-viewOldDashboard {
    color: lightgrey;
}

.field-time .form-control.is-invalid {
    background: transparent;
    border: none;
}

/* LogType Form */

body.new-logtype .form-widget input.form-control,
body.new-logtype .form-widget select.form-control,
body.new-logtype .form-widget textarea.form-control,
body.edit-logtype .form-widget input.form-control,
body.edit-logtype .form-widget select.form-control,
body.edit-logtype .form-widget textarea.form-control {
    max-width: inherit;
}

body.new-logtype .form-widget textarea.form-control, body.edit-logtype .form-widget textarea.form-control {
    min-height: 400px;
}

/** Alert Form */

#alert_esfields .form-check {
    background-color: var(--color-primary);
    border-radius: var(--border-radius);
    display: inline-block;
    margin: 5px;
    padding: 5px;
}

#alert_esfields .form-check input {
    cursor: pointer;
    margin: 5px;
    position: relative;
}

#alert_esfields .form-check label {
    color: var(--text-on-primary);
    cursor: pointer;
    margin: 0;
}
pre {
    white-space: pre-wrap;
}

.field-alert_opsgenie_detail_embedded_form .field-text {
    float: left;
    width: 50%;
}

#alert_alert_opsgenie_details .field-alert_opsgenie_detail_embedded_form {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

#alert_alert_opsgenie_details .field-collection-item-action {
    position: absolute;
    right: 0;
}

.field-alert_opsgenie_detail_embedded_form + .field-alert_opsgenie_detail_embedded_form {
    border-top: 1px solid var(--border-color);
}

/** Heartbeat **/

.heartbeat-rules {padding-left: 5px;}

.heartbeat-status {font-size: 16px;}
.heartbeat-status .fa-check-circle {color: var(--color-success);}
.heartbeat-status .fa-times-circle {color: var(--color-danger);}

.form-widget-compound .form-group.field-heartbeat_rule_embedded_form {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.field-heartbeat_rule_embedded_form + .field-heartbeat_rule_embedded_form {
    border-top: 1px solid var(--border-color);
}

.field-heartbeat_rule_embedded_form .field-collection-item-action {
    position: absolute;
    right: 0;
}

.field-heartbeat_rule_embedded_form .field-choice {
    float: left;
    width: 50%;
}

.field-heartbeat_rule_embedded_form .field-textarea .form-widget textarea.form-control {
    max-width: inherit;
}

.centered-box {
    width: 360px;
    margin: 7% auto;
}

.logo {
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

.nav-item.separator {
    height: 1px;
    filter: opacity(10%);
    background-color: black;
    margin-bottom: 10px;
}

select[collection-readonly-input="collection-readonly-input"]:not([id*="collection-form"]),
input[collection-readonly-input="collection-readonly-input"]:not([id*="collection-form"]) {
    pointer-events: none;
    background-color: #e9ecef;
    opacity: 1;
}

.form-widget-compound .form-group.field-user_project {
    position: relative;
}

.field-user_project .field-collection-item-action {
    position: absolute;
    right: 0;
}

.field-user_project .field-choice {
    float: left;
    width: 50%;
}

.field-user_project + .field-user_project {
    border-top: 1px solid var(--border-color);
    padding-top: 15px;
}

.card-form-collection .form-group {
    padding-bottom: 0;
    padding-top: 0;
}

pre code {
    word-break: break-all !important;
    color: inherit;
}