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

body {
font-size:14px;
font-family:Lato;
overflow:hidden;
background-color:#fcfcfc;
margin:50px;
line-height:1
}

input[type="checkbox"] {
margin:5px
}

h1 {
color:#333;
font-size:24px;
font-weight:400;
margin:20px
}

h2 {
font-size:32px;
font-weight:400;
margin:20px
}

h3 {
font-size:16px;
font-weight:700;
margin:10px
}

h4 {
font-size:14px;
font-weight:700;
margin:10px
}

h5 {
font-size:12px;
font-weight:700;
margin:5px
}

h6 {
font-size:10px;
font-weight:400;
text-transform:uppercase;
margin:5px
}

table.infotable {
width:100%;
border-collapse:collapse;
margin-top:10px;
word-wrap:break-word;
background-color:#FFF
}

table.infotable table {
border-collapse:collapse;
margin:0;
padding:0
}

table.infotable th {
text-align:left;
padding:10px 5px;
background-color:#eee;
border-bottom:1px solid #ddd;
vertical-align:bottom
}

table.infotable > tbody > tr {
border-top:1px solid #eee
}

table.highlight > tbody > tr:nth-child(odd) {
background-color:#eee;
}

table.infotable > tbody > tr > td {
vertical-align:middle;
padding:5px 0;
}

table.infotable > tbody > tr > td.sorted {
vertical-align:middle;
padding:5px;
background-color:#eee
}

.infotable.summary-table tr > th:first-child {
    padding-left:10px;
}

.infotable.summary-table th {
    font-weight: 600;
}

.highlight-row {
    background-color: rgba(173, 216, 230, 0.3) !important;
}

.dock {
margin-top:-6px;
margin-right:-21px
}


.text-input {
    width: 255px;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 5px;
}

button {
border:0 solid #627181;
border-radius:5px;
padding:10px 15px;
margin:5px;
cursor:pointer;
color:#fff;
background-color:#3c75b2;
font-size:14px
}

button.heimdall-connect {
border-top-left-radius:0;
border-bottom-left-radius:0
}

button + button.heimdall-connect  {
border-top-left-radius:0;
border-bottom-left-radius:0;
margin-left:-10px
}

button:hover {
background-color:#3f82c2
}

button select {
padding:0;
border:0;
background-color:transparent;
color:inherit
}

button select > option {
color:#000
}

.dock button {
margin:0
}

button.heimdall-primary-button {
background-color:#4cab33;
border-color:#1f5721
}

button.heimdall-primary-button[disabled] {
    background-color: #8e8e8e;
    color: #ffffff;
    cursor: not-allowed;
}

button.heimdall-blue-small-button {
    background-color:#3c75b2;
    border:0 solid #627181;
    border-radius:2px;
    padding:3px 5px;
    margin:2px;
    cursor:pointer;
    color:#fff;
    font-size:14px
}

button.heimdall-blue-small-button:hover {
    background-color:#3f82c2
}

.surrounded-box {
    border: 2px solid black;
    border-radius: 10px;
    padding: 0px 10px 10px 10px;
}

button.heimdall-green-small-button {
    background-color:#4cab33;
    border-color:#1f5721;
    border-radius:2px;
    padding:3px 5px;
    margin:2px;
    cursor:pointer;
    color:#fff;
    font-size:14px
}

button.heimdall-green-small-button:hover {
    background-color:#56b53d
}

button.heimdall-red-small-button {
    background-color: var(--heimdall-danger-color);
    border-color:#584444;
    border-radius:2px;
    padding:3px 5px;
    margin:2px;
    cursor:pointer;
    color:#fff;
    font-size:14px
}

button.heimdall-red-small-button:hover {
    background-color:#da6262
}

button.heimdall-connect + button.heimdall-primary-button {
border-left:1px solid #0f2a0e
}

button.heimdall-primary-button:hover {
background-color:#56b53d
}

button.heimdall-primary-button[disabled]:hover {
    background-color: #8e8e8e;
    color: #ffffff;
    cursor: not-allowed;
}

button.heimdall-default-button {
background-color:#989898;
border-color:#5d5d5d
}

button.heimdall-connect + button.heimdall-default-button {
border-left:1px solid #2f2f2f
}

button.heimdall-default-button:hover {
background-color:#a9a9a9
}

button.heimdall-alert-button {
background-color:#edc62a
}

button.heimdall-connect + button.heimdall-alert-button {
border-left:1px solid #45390c
}

button.heimdall-alert-button:hover {
background-color:#f4cc2b
}

button.heimdall-danger-button {
background-color: var(--heimdall-danger-color);
border-color:#584444
}

button.heimdall-connect + button.heimdall-danger-button {
border-left:1px solid #381b1b
}

button.heimdall-danger-button:hover {
background-color:#da6262
}

button.heimdall-danger-button:disabled,
button.heimdall-danger-button[disabled] {
    background-color: #e28c8c;
    color: #ffffff;
    cursor: not-allowed;
    opacity: 0.65;
}

button.heimdall-danger-button {
margin-left:12px
}

input,select,textarea {
padding:5px 10px;
box-sizing:border-box;
border:1px solid transparent;
outline:0;
background-color:#eee
}

.select-server-properties {
    padding:5px 10px;
    margin-left: 200px;
    box-sizing:border-box;
    border:1px solid transparent;
    outline:0;
    background-color:#eee
}

input.required,select.required,textarea.required {
border-color:#d11415
}

ul#tabs {
list-style-type:none;
margin:30px 0 0;
padding:0 0 10px
}

ul#tabs li {
display:inline;
margin-right:5px
}

ul#tabs li a {
color:gray;
background-color:transparent;
border:1px solid #ddd;
border-bottom:none;
padding:10px 15px;
text-decoration:none
}

ul#tabs li a:hover {
background-color:#f0f0f0
}

ul#tabs li a.selected {
color:#ED1D25;
background-color:#fcfcfc;
border-top:2px solid #3c75b2;
padding:15px 13px 10px 15px
}

ul#tabs li a.changed:not(.selected) {
background-color:#edc62a;
color:#fff
}

div.dropdown {
display:inline-block
}

ul#tabs li a.changed.selected {
border-top:2px solid #edc62a
}

div.tabContent {
border:0;
padding:0;
background-color:transparent;
border-top:1px solid #ddd
}

div.tabContent.hide {
display:none
}

.title {
float:left;
color:#222
}

div.h1 {
background-color:transparent;
color:#fff;
padding-top:4px;
padding-bottom:4px;
margin-bottom:10px
}

div.h1_content {
padding-left:14px;
padding-right:7px;
font-weight:700;
font-size:1em
}

div.h1_body {
margin-top:7px;
margin-left:14px
}

div.h2 {
background-color:#606060;
color:#fff;
margin-top:20px
}

div.h2_top {
width:4px;
height:4px;
font-size:1px
}

div.h2_bot {
width:4px;
height:4px;
font-size:1px
}

div.h2_content {
padding-left:14px;
padding-right:7px;
font-weight:700;
font-size:1em
}

table.h3 {
color:#404040;
margin-top:14px;
width:100%;
padding-left:14px
}

td.h3 {
padding:0;
background-color:#d0d0d0;
vertical-align:middle
}

td.h3_indent {
width:14px
}

td.h3_mid {
background-color:#d0d0d0;
width:4px;
height:100%
}

td.h3_message {
color:red;
background-color:#d0d0d0;
padding-left:7px;
font-weight:700;
font-size:1em
}

td.h3_content {
background-color:#d0d0d0;
padding-left:7px;
font-weight:700;
font-size:1em;
height:25px
}

td.h3_arrow {
background-color:#d0d0d0;
width:17px;
padding-left:7px
}

td.h3_icon {
background-color:#d0d0d0;
padding-left:7px;
width:17px
}

td.h3_edit {
background-color:#d0d0d0;
padding-right:7px;
text-align:right;
vertical-align:middle
}

div.h3_tools {
margin-left:21px
}

div.h3_body {
margin-top:7px;
margin-left:28px
}

.enabled {
margin:9px
}

.round_box {
margin:5px;
border:1px #aaa solid;
border-radius:3px;
background-color:#f0f0f0;
padding:5px;
margin:10px 20px 10px 0
}

.visible {
display:block!important;
border:1px
}

.hidden {
display:none!important;
border:1px
}

.legalinfo {
text-align:right;
padding-right:5px;
padding-top:10px;
color:#aaa;
font-size:.8em;
clear:both;
margin-top:30px
}

.heimdallgray {
background-color:#404040
}

.heimdallblue {
background-color:#52606e
}

.heimdallred {
background-color:#772828
}

.deletable-boxes {
clear:both;
width:480px;
margin-left:212px;
margin-top:10px;
background-color:#eee;
padding:5px 10px;
box-sizing:border-box
}

.deletable-box {
    padding:2px 3px;
    display:inline-block;
    border:1px solid #aaa;
    background-color:#f8f8f8;
    margin:0 2px 1px 0;
    overflow: hidden;
}

.deletable-box > span:first-child {
    display:inline-block;
    margin-top:7px
}

.vdb-rules {
    clear:both;
    width:480px;
    margin-left:212px;
    margin-top:10px;
    background-color:#eee;
    padding:5px 10px;
    box-sizing:border-box
}

.vdb-rule {
padding:2px 3px;
display:inline-block;
border:1px solid #aaa;
background-color:#f8f8f8;
margin:0 2px 1px 0
}

.vdb-rule > span:first-child {
display:inline-block;
margin-top:7px
}

.visibility {
white-space:nowrap;
color:#222;
padding:10px 30px;
font-size:14px;
background-color:#fff;
border:1px solid #eee;
margin-right:20px
}

.heimdall-button {
cursor:pointer;
float:right;
text-transform:uppercase;
display:inline-block;
margin-left:10px;
font-family:monospace;
padding:5px 7px;
border-radius:2px;
width:30px;
text-align:center;
color:#fff;
line-height:initial
}

.heimdall-remove {
background-color: var(--heimdall-danger-color);
}

.heimdall-remove:hover {
background-color:#da6262
}

.heimdall-add {
background-color:#3c75b2
}

.heimdall-add:hover {
background-color:#3f82c2
}

.heimdall-alert {
background-color:#edc62a
}

.heimdall-alert-inline {
background-color:#edc62a;
margin:5px 5px -5px
}

.heimdall-alert:hover {
background-color:#f4cc2b
}

.heimdall-edit {
background-color:#3c75b2
}

.heimdall-edit:hover {
background-color:#3f82c2
}

.heimdall-white {
background-color:#eee;
color:#222
}

.heimdall-white:hover {
background-color:#f0f0f0
}

.heimdall-transparent {
color:transparent;
background-color:transparent
}

.header {
  position: relative;
  height: 75px;
}

.banner {
  position: absolute;
  left: 30%;
  right: 30%;
  top: 0;
  background-color: transparent;
  color: red;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}

.item-list {
width:210px;
border-right:1px solid #ddd
}

.item-list > .list-item {
padding:10px 20px;
color:#222;
height:48px;
line-height:26px
}

.item-list > .list-item:not(.selected) {
cursor:pointer
}

.item-list > .list-item.selected {
background-color:#ddd
}

.item-list > .list-item:not(.selected ):hover {
background-color:#eee
}

.item-list-content {
padding:5px 20px;
border:1px solid #ddd;
border-top:5px solid #ddd;
width:870px;
margin-top:-10px;
margin-left:-1px;
background-color:#fff;
box-shadow:0 3px 5px 0 #ddd
}

.item-list-content > .list-content > .actions {
height:50px;
border-bottom:1px solid #ddd;
margin-left:-10px;
margin-right:-10px
}

.item-list-content > .list-content .content {
clear:both
}

.item-list-content > .list-content .content .heimdall-row {
padding:5px 10px;
margin-bottom:1px;
line-height:1.1
}

.item-list-content > .list-content .content .heimdall-row .btn {
margin:5px;
padding:10px 15px;
line-height: inherit;
border:inherit;
border-radius:inherit;
}

.item-list-content > .list-content .content .heimdall-row .btn-group > .btn:first-child {
margin-right: 0;
border-right:1px solid #627181;
border-radius: 5px 0 0 5px;
}

.item-list-content > .list-content .content .heimdall-row .btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
margin-left: -1px;
border-left:1px solid #627181;
border-radius: 0 5px 5px 0;
}

.item-list-content > .list-content .content .heimdall-row > label {
display:inline-block;
width:210px;
text-align:right;
vertical-align:top
}

.item-list-content > .list-content .content .heimdall-row > label:not(.editable) {
margin-top:7px
}

.item-list-content > .list-content .content .heimdall-row > .heimdall-input-notes {
display:block;
padding-left: 215px;
margin-bottom: 10px;
}

.item-list-content > .list-content .content .heimdall-row > .heimdall-notes {
display:block;
padding-left: 215px;
}

.item-list-content > .list-content .content .heimdall-row.heimdall-alert-row > label {
color:#ff9b00;
cursor:help
}

.item-list-content > .list-content .content .heimdall-row .input {
background-color:#eee;
width:511px;
padding:10px;
margin:-5px -15px -5px 0
}

.item-list-content > .list-content .content .heimdall-row .input[type="checkbox"] {
margin-top:8px
}

.item-list-content > .list-content .content .heimdall-row div.input {
display:inline-block
}

.item-list-content > .list-content .content .section .heimdall-row .input {
width:480px
}

.item-list-content > .list-content .content .section .section-group {
padding:5px 0;
border-top:1px solid #eee
}

.item-list-content > .list-content .content .section .section-group:nth-child(2n) {
background-color:#f8f8f8
}

.item-list-content .message {
padding:10px 20px;
font-style:italic
}

.item-list-content > .list-content .content .heimdall-row .input[disabled] {
background-color:transparent
}

.admin-list-content > .list-content .content .heimdall-row .input[disabled] {
    background-color:transparent
}

.item-list-content > .list-content .content .heimdall-row .input.short {
width:200px;
margin-right:2px
}

.admin-list-content > .list-content .content .heimdall-row .input.short {
    width:200px;
    margin-right:2px
}

.item-list-content > .list-content .content .heimdall-row .input.short {
    width:200px;
    margin-right:2px
}

.item-list-content > .list-content .content .heimdall-row > select {
width:420px;
padding:10px 10px 10px 7px;
margin:-5px -15px -5px 0px;
text-align:left
}

.item-list-content > .list-content .content .heimdall-row div> select {
    width:420px;
    padding:10px 10px 10px 7px;
    margin:-5px -15px -5px 0px;
    text-align:left
}

.item-list-content > .list-content .content .roles {
    margin: 20px 0px 15px 0px;
    padding-left: 183px;
}

.item-list-content > .list-content .content .roles .roles-container {
    margin-top: -26px;
    margin-left: 40px;
    width: 420px;
    max-height: 400px;
    overflow-y: auto;
}

.item-list-content > .list-content .content .section {
/* padding:10px; */
/* border:2px solid #ddd; */
margin:10px 0
}

.item-list-content > .list-content .content .section > .heimdall-row:first-child > .heimdall-button {
margin-top:5px
}

.item-list-content > .list-content .content .section > .heimdall-row:first-child > .left-icons > .heimdall-button {
margin-top:5px;
float:left
}

.section > .heimdall-row:first-child > .left-icons > .heimdall-button {
    margin-top:5px;
    float:left
}

.admin-list-content-container {
    width: 955px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.admin-list-content {
    padding:5px 20px;
    border:1px solid #ddd;
    border-top:5px solid #ddd;
    width:955px;
    margin-top:-10px;
    margin-left:-1px;
    background-color:#fff;
    box-shadow:0 3px 5px 0 #ddd
}

.admin-list-content > .list-content .content {
    clear:both
}

.admin-list-content > .list-content .content .heimdall-row {
    padding:5px 10px;
    margin-bottom:1px;
    line-height:1.1
}

.admin-list-content > .list-content .content .heimdall-small-row {
    padding:2px 5px;
    line-height:1.0
}

.admin-list-content > .list-content .content .heimdall-row > label {
    display:inline-block;
    width:250px;
    text-align:right;
    vertical-align:top
}

.admin-list-content > .list-content .content .heimdall-row > label:not(.editable) {
    margin-top:7px
}

.admin-list-content > .list-content .content .heimdall-row > select {
    width:420px;
    padding:10px 10px 10px 7px;
    margin:-5px -15px -5px 0;
    text-align:left
}

.admin-list-content > .list-content .content .heimdall-row > input {
    width:420px;
    padding:10px;
    margin:-5px -15px -5px 0;
    text-align:left
}

.admin-list-content > .list-content .content .heimdall-row > input[type="checkbox"] {
    width:35px;
    margin-top:8px
}

.admin-list-content > .notification .content .heimdall-row .input[disabled] {
    background-color:transparent;
    border-color: lightgray;
}

.modal-body .heimdall-row > label {
width:20%!important
}

.modal-body .heimdall-row .input {
width:70%!important
}

.modal-body .heimdall-row .input.short {
width:90%!important
}

.rule.deleted i.message {
font-size:10px;
color:#ccc
}

.rule.deleted td {
background-color:#aaa;
color:#bbb
}

.notification.deleted td {
    background-color:#aaa;
    color:#bbb
}

.select-timeparam-column {
    margin-left: 10px
}

.select-ldap-timeparam {
    height: 30px;
    margin-left: 10px
}

.rule.deleted input,.rule.deleted select {
background-color:#bbb;
color:#ccc
}

.fixed-width {
width:70px!important
}

.align-right {
text-align:right
}

.align-center {
text-align:center
}

.altline-legend {
list-style:none;
height:20px
}

.altline-legend li {
display:inline-block;
position:relative;
margin-bottom:4px;
border-radius:5px;
padding:2px 8px 2px 28px;
font-size:14px;
cursor:default;
-webkit-transition:background-color 200ms ease-in-out;
-moz-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
transition:background-color 200ms ease-in-out
}

.altline-legend li span {
display:block;
position:absolute;
left:0;
top:0;
width:20px;
height:100%;
border-radius:5px
}

.chartsContainer {
padding:20px
}

.chartsContainer > .heimdall-charts-row > .col-md-4 {
width:33%;
float:left;
padding:20px;
box-sizing:border-box
}

.chartsContainer > .heimdall-charts-row > .col-md-4 > canvas {
max-height:300px
}

.filter {
padding:20px;
border:2px solid #ddd
}

.filter .filter-actions {
padding:10px;
height:100%;
float:right
}

.filter .filter-group {
float:left;
margin-right:10px;
margin-bottom:10px
}

.filter .regex-filter {
display: flex;
align-items: center;
}

.filter .filter-group label {
margin-right:5px
}

.pull-right {
float:right
}

.pull-left {
float:left
}

.log-type-METHOD_CALL {
color:#f2f5a9
}

.log-type-METHOD_COMPLETE {
color:#a9f5a9
}

.log-type-CONSTRUCTOR_CALL {
color:#00bfff
}

.log-type-CONNECTION_OPEN {
color:#9f81f7
}

.log-type-CONNECTION_CLOSE {
color:#f7be81
}

.log-type-CONNECTION_HANDSHAKE_TRACE {
    color: #0366d6
}

.log-type-START_SQL {
color:#facc2e
}

.log-type-DONE_SQL {
color:#31b404
}

.log-type-RESULT {
color:#819ff7
}

.log-type-TRACE {
color:#084b8a
}

.log-type-TRANSACTION_START {
color:#fa5882
}

.log-type-TRANSACTION_END {
    color: #da3e69
}

.log-type-TRANSACTION_SET {
    color: #ac2d4e
}

.log-type-READ_ONLY_SET {
    color: #ac2d66
}

.log-type-DEBUG {
color:#848484
}

.log-type-SQL_EXCEPTION {
color: #dc4c4c
}

.log-type-INTERNAL_EXCEPTION {
color: #ff0000
}

.log-type-ERROR {
color: #ad0000
}

.log-type-PROXY_START {
color: #04c27a
}

.log-type-AUTHENTICATION {
color: #6800ad
}

.infomarker {
font-weight:400;
width:5px!important;
font:italic bold
}

.popover {
max-width:100%
}

.query-info {
max-height:500px;
max-width:800px;
overflow:hidden;
}

.format-popover {
visibility:hidden;
cursor:pointer
}

.analytics-query {
    font-family: 'Roboto Mono', monospace;
}

.analytics-query:hover .format-popover {
visibility:visible
}

.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
}

@-webkit-keyframes yellow-fade {
0% {
background:#ffb928
}

100% {
background:none
}
}

@keyframes yellow-fade {
0% {
background:#ffb928
}

100% {
background:none
}
}

.rule.highlight {
-webkit-animation:yellow-fade 2s ease-in 1;
animation:yellow-fade 2s ease-in 1
}

div.wizard-section-label {
border-bottom:1px solid gray;
margin-bottom:2px
}

.disabled-label {
    color: #888;
}

fieldset.time-input {
display:inline
}

fieldset.time-input.required input {
border-color:#d11415
}

.modal fieldset.time-input {
width:70%
}

.modal fieldset.time-input input {
    padding:10px;
    margin:-5px 0
}

.modal fieldset.time-input select {
    margin:-5px 0
}

.tabs-top {
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-top:30px
}

.tabs-top > ul {
border-bottom:0!important;
display:inline!important
}

.tabs-top > select {
margin-top:-10px
}

html,body {
height:100%;
margin:0;
padding:0;
}

#outer {
min-height:100%;
position:relative
}

#main {
padding-bottom:32px;
margin:0 32px
}

#footer {
bottom:0;
height:24px;
text-align:center;
width:98%;
color:#bbb;
z-index:-1;
margin-top:24px
}

#header img {
margin:16px 18px
}

div.tabContent {
border:0
}

h2 {
margin-left:0;
margin-right:0
}

ul#tabs {
border-bottom:1px solid #ccc
}

ul#tabs li a {
border:0
}

ul#tabs li a.selected {
border:0;
font-weight:600;
border-bottom:3px solid #61a4ff;
padding-bottom:7px
}

.logout-link {
display:block;
margin:20px 20px 0 0
}

@media (min-width: 992px) {
#summaryCharts .col-md-3:nth-child(1) {
width:200px
}

#summaryCharts .col-md-3:nth-child(2) {
width:200px
}

#summaryCharts .col-md-3:nth-child(3) {
width:600px
}

#summaryCharts {
margin-bottom:32px
}
}

.deletable-box,.vdb-rule {
border-radius:32px;
padding:0 0 0 12px;
border:solid 1px #ccc
}

.deletable-box > span:first-child,.vdb-rule > span:first-child {
margin-top:5px
}

.security-tag-input-box {
    padding: 0.9rem;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.heimdall-remove {
background:transparent;
color: var(--heimdall-danger-color);
}

.heimdall-remove:hover {
background-color:#da6262;
color:#fff
}

#login-bg-container {
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
background-size:cover
}

#login-container {
top:0;
left:0;
margin:0;
width:30%;
height:100%;
max-width:350px;
min-width:350px;
position:absolute;
padding:20px 30px;
background-color:#fff
}

#login-container .title {
color:#70808f;
font-size:19px;
line-height:normal;
padding-bottom:20px
}

#login-container .form-group {
margin-bottom:20px
}

#login-container .form-input {
width:100%;
outline:none;
border-radius:4px;
box-sizing:border-box;
padding:6px 0 6px 7px;
border:1px solid #55616f
}

#login-container .form-submit {
margin:0;
width:100%;
height:38px;
border:none;
color:#fff;
text-align:left;
border-radius:4px;
padding-left:15px;
background-color:#70808f
}

div.h1 {
padding-top:0;
margin:0;
margin-bottom:10px;
/* width:100%!important; */
/* padding-right:20px */
}

h2.title {
margin:10px
}

select.input.ng-pristine.ng-valid {
/*width:200px!important;*/
/*margin-left:20px*/
}

.h2_body.ng-scope {
margin-bottom:10px;
margin-left:10px
}


.header-username {
margin:15px;
font-size:20px;
cursor:pointer
}

.header-filter {
    color: black;
    margin:20px;
    font-size:20px;
    padding-left: 15px;
}

#main-sidebar {
background-color:#eee;
min-height:calc(100vh);
width:200px!important
}

#main-sidebar > ul {
list-style-type:none;
padding-left:15px;
font-size:14px
}

#main-sidebar > ul > li {
height:18px;
border-left:4px solid #eee;
margin-left:-30px;
padding-left:30px;
margin-bottom:15px
}

#header img,#logo {
width:230px
}

#main-sidebar > ul > li.selected,#main-sidebar > ul > li:hover {
border-left-color:#ED1D25
}

#main-sidebar > ul > li.menu-grouper {
color:#222;
font-size:15px;
margin-left:-35px;
height:40px;
border:none;
padding-top:20px
}

.item-list-content {
/* width:calc(100vw - 500px)!important */
}

#main-sidebar > ul > li > a,#main-sidebar > ul > li > .glyphicon {
color:#444;
text-decoration:none;
margin-right:10px;
vertical-align:middle
}

.glyphicon-container {
    display: inline-block;
    cursor: pointer;
}

.greyed-out {
    color: #aaa;
    fill: #aaa;
}

.item-list > .list-item {
overflow:hidden;
padding:5px;
line-height:14px
}

#main-sidebar > ul > li > .glyphicon {
font-size:24px
}

#main-sidebar > ul > li.selected > a,#main-sidebar > ul > li:hover > a,#main-sidebar > ul > li.selected > .glyphicon,#main-sidebar > ul > li:hover > .glyphicon {
color:#ED1D25;
    font-weight: bold;
}

div.tabContent {
padding-left:20px;
padding-right:20px;
overflow-y:auto;
width:calc(100vw - 220px);
height:calc(100vh - 30px);
top:-10px
}

#createPDF {
display:none
}

#login-container {
width:400px;
height:100%;
padding:30px;
min-width:400px;
max-width:400px
}

#login-form .title {
color:#70808f;
font-size:19px;
line-height:normal;
padding-bottom:20px
}

#login-bg-container {
background-position:400px 0
}

.dropdown.selector .selected {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown.selector {
    cursor: pointer;
}

#dashboardInfo h3 {
    font-weight: 500;
}

.infotable.JColResizer th {
    border-left: solid lightgray 1px;
    padding-left: 4px !important;
}

.infotable.JColResizer th:first-child {
    border-left: 0;
    padding-left: 4px !important;
}

.test-button-check {
    font-size: 30px;
    vertical-align: middle;
}
.test-button-check.green {
    color: #008000;
}

.test-button-check.red {
    color: #FF0000;
}

.test-button-check.hidden {
    display: none;
}

.separator {
    height: 1px;
    width: 100%;
    background-color: #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rule-reorder {
    visibility: hidden;
    cursor: row-resize;
    color: lightgray;
}

.infotable tr:hover .rule-reorder {
    visibility: visible;
}

.license-info {
    margin-top: 20px;
}

.license-info td {
    padding: 5px;
}

.empty-list {
    color: grey;
    text-align: center;
    width: 350px;
    padding: 10px;
    line-height: 16pt;
}

.btn-group>.btn+.dropdown-toggle {
    border-left-color: #5E83AD;
}

.btn:hover {
    color: inherit;
}

.alert .alert-message {
    white-space: pre-wrap;
    line-height: 1.5;
    padding: 20px 10px 10px;
}

.alert .modal-dialog {
    width: 500px;
    position: absolute;
    top: 0;
    margin-left: -250px;
}

.alert .close {
    top: 5px;
    right: 5px;
    position: absolute;
}

.sidebar-expander {
    color: gray;
    position: fixed;
    top: 15px;
    left: 200px;
    background-color: #eee;
    padding: 10px 5px;
    cursor: pointer;
    border-bottom-right-radius: 15%;
    border-top-right-radius: 15%;
}

#outer.collapsed .sidebar-expander {
    left: 40px;
}

.sidebar-expander .glyphicon-chevron-left {
    display: inline;
}

.sidebar-expander .glyphicon-chevron-right {
    display: none;
}

#main-sidebar .menu-grouper .glyphicon {
    display: none;
}

#outer.collapsed .sidebar-expander .glyphicon-chevron-left {
    display: none;
}

#outer.collapsed .sidebar-expander .glyphicon-chevron-right {
    display: inline;
}


#outer.collapsed #main-sidebar .glyphicon {
    pointer-events: all;
}

#outer.collapsed #main-sidebar li {
    visibility: hidden;
}

#outer.collapsed #main-sidebar .glyphicon {
    visibility: visible;
    font-size: 16px;
}

#outer.collapsed #main-sidebar {
    width: 40px !important;
}

#outer.collapsed div.tabContent {
    width: calc(100vw - 60px);
}

#outer.collapsed .menu-grouper .glyphicon {
    display: inherit;
    padding-left: 8px;
}

#outer.collapsed #main-sidebar > ul > li {
    padding-left: 8px;
}

#main-sidebar > ul > li.sidebar-server-version {
    margin-left:-35px;
    height:25px;
    border:none;
    padding-top:10px;
    overflow: hidden;
}

#main-sidebar > ul > li.sidebar-server-version > .glyphicon {
    font-size:14px;
    float: right;
    color: red;
    font-weight: normal;
}

#outer.collapsed .sidebar-server-version .glyphicon {
    display: inherit;
    padding-left:8px;
    color: red;
    font-weight: normal;
}

.button {
    border:0 !important;
    border-radius:5px;
    padding:10px 15px;
    margin:5px;
    cursor:pointer;
    color:#fff;
    font-size:14px
}

.heimdall-danger-button {
    background-color: var(--heimdall-danger-color);
    border-color:#584444
}

.heimdall-danger-button {
    border-left:1px solid #381b1b
}

.heimdall-danger-button:hover {
    color:#fff;
    background-color:#da6262
}

.heimdall-danger-button {   
    margin-left:0
}

.text-black {
    color: #000;
}

.table-software-managment td {
    display: inline-block;
}
.table-software-managment td:first-child {
    width:260px; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;      
}

.table-software-managment select {
    width:255px;
}

.inline {
    display: inline;
}

.img-indicator{
    margin-right: 5px;
}

.server-version {
    margin-left: 12px;
}

.glyphicon-burger-white {
    color: var(--heimdall-danger-color);
    background:#fcfcfc;
}

.glyphicon-burger-white:hover {
    color:#fcfcfc;
    background: var(--heimdall-danger-color)
}

.popup{
    display: flex;
    height: 100vh;
    margin: 0 auto;
    max-width: 20em;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    background-color: white;
    font-size: 30px;
}

.popup.h1-popup{
    margin: 0;
    padding: 40px;
    border-bottom: 1px solid black;
}

.popup > ul{
    list-style-type: none;
    padding: 0;
    margin: 20px;
}

.popup > ul > li > *{
    text-decoration: none;
}

.valid {
    border:1px solid red;
    color:red;
}

.cert-list-content{
    padding:5px 20px;
    border:1px solid #ddd;
    border-top:5px solid #ddd;
    width:600px;
    margin-top:-10px;
    margin-left:-1px;
    background-color:#fff;
    box-shadow:0 3px 5px 0 #ddd
}

.cert-list-content > .list-content .content .heimdall-row {
    padding:5px 10px;
    margin-bottom:1px;
    line-height:1.1
}

.cert-button-bar{
    padding-top: 5px;
}

.cert-content {
    padding: 10px;
}

.cert-content > div {
     padding: 10px;
 }

.warning-message-box {
    padding: 10px 0 0;
}

.cert-content > div:nth-child(odd) {
    background-color: #e6e6e6;
}

.cert-content > div:nth-child(even) {
    background-color: #d4d4d4;
}

.svg-loader {
    animation: 2s linear infinite svg-animation;
    max-width: 100px;
}

@keyframes svg-animation {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg)
    }
}

   circle {
       animation: 1.4s ease-in-out infinite both circle-animation;
       display: block;
       fill: transparent;
       stroke: #b8b8b8;
       stroke-linecap: round;
       stroke-dasharray: 283;
       stroke-dashoffset: 280;
       stroke-width: 10px;
       transform-origin: 50% 50%;
   }

@keyframes circle-animation {
    0%,
    25% {
        stroke-dashoffset: 280;
        transform: rotate(0);
    }

    50%,
    75% {
        stroke-dashoffset: 75;
        transform: rotate(45deg);
    }

    100% {
        stroke-dashoffset: 280;
        transform: rotate(360deg);
    }
}

.loader-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-file-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    display: inline;
}

.upload-file-field{
    padding: 10px;
    display: flex;
    width: 100%;
    align-items: center;
}

.cert-content > div > p{
    margin: 10px 10px;
}

.cert-status-message-failed{
    color: #FA113D;
    font-weight: bold;
}

.cert-status-message-success{
    color: #408140;
    font-weight: bold;
}

.pcap-config-modal {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}

.pcap-config-modal .modal-title {
  font-size: 18px;
}

.pcap-config-modal .control-label {
  font-size: 14px;
}

.pcap-form {
    color: #222;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px;
}

.clean-outer-border-list > li {
    border-left: 0;
    border-right: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1.4;
}

.clean-outer-border-list > li:first-child {
    border-top: 0;
}

.clean-outer-border-list > li:last-child {
    border-bottom: 0;
}

.arrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    float: right;
}

.clean-outer-border-list > li *[aria-expanded="false"] > .arrow{
    transform: rotate(45deg);
    padding: 3px;
}

.clean-outer-border-list > li  *[aria-expanded="true"] > .arrow{
    transform: rotate(-135deg);
    padding: 3px;
}

.certs-delete-button {
    display: flex;
    margin-top: 10px;
    margin-bottom: 15px;
}

.browser {
    padding-left: 0.5rem;
}

.browser-section {
    padding: 0 0.9rem;
}

.browser-item {
    list-style-type: none;
    margin: 0.3rem 0 0 0;
}

.server-role-section {
    border-top: 1px solid black;
}

.group-role-section {
    border-top: 1px solid black;
}

.browser-box {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-top: 5px solid #ddd;
    background-color: #fff;
    box-shadow: 0 3px 5px 0 #ddd;
}

.browser-structure-box {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 3px;
    padding: 10px 20px;
}

.browser-privileges-box {
    border-top: 1px solid black;
    display: flex;
    justify-content: space-evenly;
    padding-top: 6px;
}

.browser-item-name {
    margin: 0;
    width: 100%;
}

.browser-permissions {
    overflow-y: scroll;
    min-height: 178px;
    max-height: 178px;
    border-bottom: 1px solid black;
}

.browser-server-permissions {
    overflow-y: scroll;
    max-height: 700px;
    border-bottom: 1px solid black;
}

.privilege-change-description {
    border-bottom: 1px solid #e5e5e5;
    padding: 0.8rem 0.8rem;
}

.browser-item-name:before {
    font-size: 16px;
    padding: 0 1px;
    width: 7px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
}

.browser-box-role-explorer {
    flex: 3;
    padding-left: 1em;
    border-left: 1px solid black;
    max-height: 860px;
    display: inline-block;
}

.browser-database-role {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom:1px solid black;
}

.browser-database-role table {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 80px;
    border-collapse: collapse;
}

.browser-database-role thead {
    display: table;
    table-layout: fixed;
}

.browser-database-role tbody {
    display: block;
    overflow-y: auto;
    height: calc(80px - 1em); /* Adjust for thead height and border */
}

.browser-database-role td {
    width: 20%;
}

.scrollable-browser-section {
    overflow-y: scroll;
    max-height: 530px;
}

.scrollable-modal-section {
    overflow-y: scroll;
    max-height: 300px;
}

div *[aria-expanded="false"] > .browser-item-name:before {
    content: "+";
}

div *[aria-expanded="true"] > .browser-item-name:before {
    content: "-";
}

.role-item .role-item:hover {
    text-decoration: none !important;
    color: black !important;
}

.role-item:focus {
    color: red;
}

.role-container {
    position: relative;
    display: inline-block;
}


.database-browser-icon {
    padding: 0 1rem;
}

.centered-scripts {
    flex-direction: column;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: text-top;
}

sup,
sub {
    top: 0;
    bottom: 0;
    line-height: 1;
    font-size: .5em;
}

.browser-item > p {
    margin: 0;
}

span.wrappable {
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.no-content-indicator {
    margin: 0 !important;
    padding-left: 13px;
}

.database-browser-filters {
    margin: 10px 0;
    padding: 10px 20px;
    border-bottom: 1px solid black;
}

.database-browser-text-filters {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.filters-box {
    max-width: 17%;
}

.database-browser-text-filters input{
    margin: 0 5px;
    padding: 5px 5px;
    max-width: 80%;
}

.database-browser-databases {
    padding-right: 1em;
    overflow-y: scroll;
    max-height: 746px;
    width: 40%
}

.database-browser-expandable {
    display: flex;
    align-items: center
}

.sensitive-column-input:hover, .sensitive-column-input:focus {
    opacity: 1;
}

.sensitive-column-input {
    opacity: 0;
    transition-duration: 0.3s;
    margin: 0;
    max-width: 40%;
}

#auditTable th,
#auditTable td,
#auditSessionUserActivity th,
#auditSessionUserActivity td,
#sessionsTable th,
#sessionsTable td {
    text-align: center;
    vertical-align: middle;
}

#auditTable ul,
#auditSessionUserActivity ul,
#sessionsTable ul {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}

.audit-container {
    z-index: 99;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.audit-timestamp-filter,
.audit-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 1300px;
}

.audit-timestamp-filter label,
.audit-filter label {
    width: 100px;
    text-align: right;
}

.audit-timestamp-filter input,
.audit-filter select,
.audit-filter input[type="text"] {
    padding: 5px 5px;
    width: 220px;
}

.audit-buttons-container {
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}

.audit-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.audit-buttons button {
    z-index: 99;
    margin-bottom: 20px;
}

.horizontal-button-group {
    display: flex;
    gap: 10px;
}

.session-id-cell {
    position: relative;
    cursor: pointer;
}

.session-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 10;
    white-space: nowrap;
    margin-top: -10px;
    max-width: 320px;
}

.rolled-field {
    display: block;
    max-width: 280px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.hidden-reset-button {
    visibility: hidden;
}

.download-container {
    display: flex;
    align-items: center;
}

.download-container label {
    margin-left: 10px;
}

.page-item {
    cursor: pointer;
}

.sort-asc::after {
    content: ' \2191'; /* Unicode for upward arrow */
}

.sort-desc::after {
    content: ' \2193'; /* Unicode for downward arrow */
}

.indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
}

:root {
    --created-color: blue;
    --approved-color: green;
    --denied-color: red;
    --terminated-color: #7c0707;
    --canceled-color: #c43c3c;
    --expired-color: #660973;
    --heimdall-danger-color: #d05858;
}

.notifications-sections {
    display: flex;
    justify-content: space-evenly;
    padding: .5rem;
    border-bottom: 1px solid #ddd;
}

.notifications-sections > .selected {
    text-decoration: underline;
}

.clicked {
    background: #315d8c;
    outline: none;
    -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
    -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
    box-shadow: inset 0px 0px 5px #c1c1c1;
}

.insecure-connection-warning {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.error {
    border: 1px solid red;
}

.error-text {
    color: red;
}

.checkmark {
    color: green;
}

.xmark {
    color: red;
}

.mapping-container {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mapping-item {
    display: flex;
    align-items: center;
}

.mapping-original-value {
    margin-right: 10px;
    font-weight: normal;
}

.arrow-container {
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}

.mapped-values {
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.mapped-value {
    padding: 3px 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.highlight-role {
    font-weight: bold;
}

.approved-role {
    color: green;
}

.url-container {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.url-container:hover .shortened-url {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

.custom-input {
    width: 50px;
}

/*hide arrows-incrementators in input number type*/
.custom-input::-webkit-outer-spin-button,
.custom-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-input {
    -moz-appearance: textfield;
}

.page-size {
    cursor: pointer;
    margin-left: 10px;
}

.page-size:hover {
    text-decoration: underline;
}

.page-size.selected {
    text-decoration: underline;
    cursor: default;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
    background-color: #f0f0f0
}

.object-used {
    display: flex;
    align-items: center
}

.object-name {
    padding: 0 1px;
    width: 7px;
    text-align: center;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

.override-button {
    float: none !important;
    margin-left: 25px
}

.disable-span {
    opacity: 0.5;
    pointer-events: none;
    color: #f0f0f0;
    background-color: #8e8e8e;
    cursor: not-allowed;
}

.end-session-icon {
    display: inline-block;
    padding: 4px;
    font-size: 25px;
    color: #c00;
    cursor: pointer;
    user-select: none;
    background: none;
    border: none;
    border-radius: 4px;
    transition: background 0.2s ease, color 0.2s ease;
}

.end-session-icon:hover {
    color: red;
    background-color: rgba(0, 0, 0, 0.05);
}

.end-session-icon.disabled {
    color: gray;
    cursor: default;
    pointer-events: none;
    background: none;
}

.portal-wizard-groups {
    width: 250px;
    height: 38px;
    margin-bottom: 2px;
}

.invalid-span {
    color: #ff0000;
    margin-left: 18px;
}

.selected-audit {
    background-color: #007bff;
    color: white;
    font-weight: bold;
    border-radius: 0.25rem;
}

.heimdall-notification-alias-row {
    display: flex;
    align-items: center;
    margin-left: 10%
}