@media (max-width: 980px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0 !important;
  }
}

footer {
    margin: 15px 0;
}

footer .footer-content.footer-indent {
    margin-bottom: 70px;
}

@media (min-width: 768px) {
    .desktop-pull-right {
        float: right;
    }
}

blockquote small {
    display: inline;
}
blockquote {
    margin-bottom: 10px;
}
@media (max-width: 980px){
    blockquote{
        padding-left: 2px;
    }
}

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


.overcontent{
    overflow: visible;
}


.play_link_container {
    display: inline;
    position: relative;
    left: -85px;
    top: 5px;
}
.play_link {
    position: absolute;
    width: 45px;
}

@media (min-width: 768px){
    .play_link {
        margin-left: 20px;
    }
    *:not(:hover) > * > .play_link {
        /*display: none;*/
        visibility: hidden;
    }
}

.short_btn.active {
    max-width: 45px;
    overflow: hidden;
}

span.plugin_suggest_pop{
    cursor: pointer;
}

td.host_status div.popover{
    width: auto;
}

.info-table .popover {
    width: 300px;
}

td.tr_like {
    box-sizing: border-box;
}
@media (max-width: 980px){

    .label{
        padding: 1px 2px;
    }
}
@media (max-width: 768px){

    .short_btn.active {
        text-overflow: ellipsis;
    }

    td.tr_like {
        display: block!important;
        width: 100%;
    }
    td.tr_like.hide {
        display: none!important;
        width: 100%;
    }
    td.tr_like.hidden-phone {
        display: none!important;
        width: 100%;
    }

    td.tr_like.outage_comments {
        padding-bottom: 35px;
    }

    tr.event.visible-phone {
        display: block!important;
    }
    tr.event.visible-phone.hide {
        display: none!important;
    }
}

textarea.new_outage_comment{
    width: 99%;
    resize: vertical;
}


.login_divider {
    font-size: 1.3em;
}


pre code.diff {
    color: #d14;
}
.eval_help code{
    color: brown;
}
.eval_help dt{
    margin-top: 20px;
}
.eval_help dd{
    margin-top: 0px;
}
code.nowrap {
    white-space: nowrap;
}

.graph_config_form {
    margin-bottom: 0px;
}
.graph_config {
    font-family: monospace;
    width: 100%;
}
.graph_load_error{
    margin-left:25%;
    width:50%;
    text-align:left;
    color: black;
    background-color: #eee;
    padding: 10px;
    line-height: 150%;
}
div.graph_load_error code{
    color: black;
}
.graph_load_error_highlight{
    color:red;
    text-decoration: underline;
}


div.graph_event, div.graph_event > div {
    display: inline-block;
}
.graph_event * {
    white-space: pre-wrap;
}
.graph_event .onover {
    display: none;
}
.graph_event:hover .onover,
.graph_event.hovered .onover {
    display: inline-block;
}


.info-table {
     margin-top: 10px;
     margin-left: 0px!important;
     margin-right: 1%!important;
     text-align: center;
     overflow-x: auto;
}

.info-status {
    position: absolute;
    font-weight:bold;
    display:none;
    padding-top: 50px;
}

.large-graph {
     height: 300px;
     margin-top: 10px;
     margin-left: 0px!important;
     margin-right: 1%!important;
}
.highcharts-legend {
    font-weight: normal;
    font-size: x-small;
}

.highcharts-button {
    background-color: red;
    border: 1px solid black;
}
.highcharts-container:not(:hover) .highcharts-button {
    visibility: hidden;
}


.highcharts-legend-item .okellipsis{
    cursor: pointer;
}


.oktooltip {
    white-space: nowrap;
}

.okellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.tooltip_area,
.tooltip_line {
    padding: 0 3px 0 3px;
}

.highcharts-tooltip td > span{
    margin-right: 4px;
}

.padd-top {
    margin-top: 36px;
}

.go {
    cursor: pointer;
}
.prev, .next {
    font-size: 16px;
}

@media (max-width: 768px) {
    /*.highcharts-legend {
        display: none;
    }*/
    .large-graph {
        height: 200px;
    }
    .dygraph-axis-label {
        font-size: x-small;
    }
    .dygraph-label {
        font-size: x-small;
    }
    .full_version_only{
        display: none;
    }
}

.graph-pagination {
    margin: 0;
    margin-left: 5px;
}

.graph-pagination a {
    color: #333333;
}

.page-header {
    display: inline-block;
    font-size: 1.5em;
    margin: 16px 0;
    margin-left: 5px;
    border-bottom: none;
}
.page-header small {
    font-size: 0.6em;
}
.page-header small,
.page-header small a {
    color: lightgray;
}



.accordion-group {
    border: none !important;
}

.label.label-critical{
    background-color: #E60000;
}

.label.label-setup {
    background-color: #4bb1cf;
}

.label.label-setup a {
    color:#FFFFFF;
    text-decoration: none;
}

.label-group>.label{
    border-radius:     0px;
}
.label-group>.label:last-child {
    border-top-right-radius:    3px;
    border-bottom-right-radius: 3px;
}
.label-group>.label:first-child{
    border-top-left-radius:     3px;
    border-bottom-left-radius:  3px;
}

.onboarding .nav li {
    width: 30%;
}
.onboarding .nav li.disabled a {
    color: #999;
}
.onboarding .nav li a {
    color: #468847;
}
.onboarding .nav li.active a {
    color: white;
    background-color: #468847;
}

.navbar .nav .caret {
    margin-top: 8px;
    border-top: 6px solid white;
}

.navbar .nav .dropdown-toggle {
    padding-left: 0px;
    padding-right: 5px;
}

.navbar .nav > li > a:hover {
    opacity: 1;
}

.navbar-fixed-fixed {
    position: fixed;
    margin: 0px;
}

.navbar ul.scrollable {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
    margin-left: 0;
}

@media (max-width: 979px){
    .nav-collapse .dropdown-menu strong {
        color: white;
    }
    .nav-collapse .nav .dropdown-toggle .caret{
        display: none;
    }

    .nav-collapse .nav .nav-header {
        background-color: #4d4d4d;
    }
}

.nav-ipad .nav {
    display: none;
}
@media (max-width: 979px){
    .nav-ipad .nav {
        display: block;
    }

    .nav-ipad .nav > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.nav-ipad .nav .initial{
    display: none;
}
.nav-ipad .nav .active .full{
    display: inline;
}
.nav-ipad .nav .active .initial{
    display: none;
}

@media (max-width: 480px){
    .nav-ipad .nav .initial{
        display: inline;
    }

    .nav-ipad .nav .full{
        display: none;
    }
}

.nav-outages {
    margin-top: 36px;
}
@media (max-width: 979px){
    .tab-content {
        overflow: visible;
    }
}

.with_overflow{
    overflow: visible;
}

.comment_form{
    margin: 10px;
}

td.event {
    border-top: none;
}
td.outage_comments {
    border-top: none;
    width: 40%;
}
.event_actions * {
    line-height: 17px;
}

.outages .event_actions.btn-group {
    display: inline-flex;
}


/*fixme for unknow custom severity */
.table tbody tr.active td.event,
.table tbody tr.active.error td.event,
.table tbody tr.active.warning td.event,
.table tbody tr.active.info td.event {
    background-color: gold;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%,
        rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-repeat: repeat;
    background-size: 40px 40px;
}


td.event {
    border-left: 16px solid #ddd;
}
div.event {
    margin: -8px;
    padding: 8px;
}

div.event.last {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div.event.first {
    margin-top: 0px;
    padding-top: 0px;
}

tr>td.event{
    border-top: 1px dashed #ccc;
}

tr>td.outage_comments {
    border-left: 1px solid #bbb;
}

tr>td.event.last ,
tr>td.outage_comments {
    border-bottom: 1px solid #bbb;
}
tr>td.event.first,
tr>td.outage_comments {
    border-top: 1px solid #bbb;
}
@media (max-width: 768px){
    tr>td.event.last {
        border-bottom: none;
    }
    tr>td.outage_comments {
        border-left: none;
        border-top: none;
    }
}

.event_times {
    display: inline-block;
}


.outage_comments blockquote,
.event_msg span,
.event_related_text span{
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
}

.event_related_text {
    margin-left: 1em;
}

a.text_metric {
    text-decoration: none;
    color: black;
    border-bottom: 1px dotted #999999;
}


.outage_comments blockquote > small:first-child{
    display: block;
}
.outage_comments blockquote small:first-child:before{
    content: none;
}

a.outage_like{
    text-decoration: underline;
    white-space: nowrap;
}


.resolve_outage.dropdown-menu{
    right: 0;
    left: auto;
}

/*.table tbody tr.resolved,
.table tbody tr.resolved td,
.table tbody tr td.resolved{
    background-color: #eee;
}
*/

/*.table tbody tr td.elses{
    opacity: 0.7;
}
*/
.table tbody.outages,
.table tbody.outages tr,
.table tbody.outages tr td,
.table tbody.outages tr th{
    background-color: #f8f8f8;
}
/*.table tbody.outages tr td.event.muted div span a{
    color: #5C8599;
}*/

td.event.info.unresolved {
    border-left-color: #3a78ad;
}
td.event.info.unresolved.falsepositive {
    border-left-color: #3a78ad80;
}

td.event.warning.unresolved {
    border-left-color: #f89406;
}
td.event.warning.unresolved.falsepositive {
    border-left-color: #f8940680;
}

td.event.error.unresolved {
    border-left-color: #b94a48;
}
td.event.error.unresolved.falsepositive {
    border-left-color: #b94a4880;
}

td.event.setup.unresolved {
    border-left-color: #4bc2cf;
}

.report .hero-unit h5 {
    color: gray;
    line-height: 1.1;
    margin: 0 0 6px;
    text-transform: uppercase;
}
.report .hero-unit p {
    line-height: 0.7
}
.report .hero-unit p.report-value {
    font-size: 40px;
    font-weight: bold;
}


.CodeMirror {
    height: auto;
}
.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
    height: auto;
}

.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 5px 15px;
  margin: -15px -15px 15px;
  font-size: 17.5px;
  font-weight: 500;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 10px 15px;
  margin: 15px -15px -15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel>.table, .panel>.table-responsive>.table {
      margin-bottom: 0;
}

.demo-container {
    position: relative;
}

.demo-thumbnail {
    opacity: 0.3;
}

.demo-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 140px;
    height: 21px;
}

.oklogo {
    background: url(../img/okmeter_inv_logo.svg) no-repeat 0 0;
    background-size: 100%;
    margin: 5px 20px 5px 0px;
    background-position: bottom center;

    width: 110px;
    height: 24px;

    display: block;
    float: left;

}

.navbar .nav [class^="icon-"],
.navbar .nav [class*=" icon-"]{
    opacity: 0.7;
    vertical-align: middle;
    margin-top: 0;
}

.navbar .nav *:hover [class^="icon-"],
.navbar .nav *:hover [class*=" icon-"]{
    opacity: 1
}


.intercom-blocker {
    background-color: #07669C; /*synced with intercom collor*/
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    margin: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999
}

    .intercom-blocker_hidden,
    .intercom-blocker_dismissed {
        display: none;
    }

.intercom-blocker-howto,
.intercom-blocker-help {
    display: none;
}
.intercom-blocker-helpme .intercom-blocker-howto,
.intercom-blocker-helpme .intercom-blocker-help {
    display: block;
 }
 .intercom-blocker-helpme .js-help-me{
    display: none;
 }
.intercom-blocker-helpme .intercom-blocker-howto {
    height: 300px;
    background-image: url('/static/img/intercom_unblock.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.intercom-blocker-button {
    border: 0;
    font-size: inherit;
    background: none;
    color: inherit;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    vertical-align: inherit;
}

.intercom-blocker-message {
    font-size: 1.3em;
    line-height: 1.2em;
}

section:first-child {
    padding-top: 0;
}

.bs-docs-sidenav {
    margin: 0;
}

table>caption {
    color: gray;
    font-size: 1.3em;
    max-height: 40px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    padding: 0px 10px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}

.expandable-cell {
    max-height: 3em;
    overflow: hidden;
}

.expandable-code {
    max-height: 10em;
    overflow-y: scroll;
}

.dashboards ul {
    list-style: none;
    margin: 0 0 0 20px;
}

.dashboards ul.first-level {
    margin-left: 0;
}

.btn-disabled {
    cursor: not-allowed;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
}

.nav-host {
    margin-left: 5px;
}

.well.form-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.well.form-search input.search-query {
    width: 100%;
    margin-right: 19px;
    height: 28px;
    border-radius: 4px;
}

.config-list td.config-list__create-btn {
    padding: 8px 0;
}

.config-list input.search-query {
    border-radius: 4px;
    width: 100%;
}

@media (min-width: 768px) {
    .config-list input.search-query {
        max-width: 180px;
    }
}

.config-list .config-list__header {
    display: flex;
}

.config-list-item .config_slug_value {
    max-width: 370px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.config_slug {
    display: flex;
    align-items: center;
}

.config_slug span {
   margin-right: 5px; 
    
}
@media (max-width: 1200px) {
    .config-list-item .config_slug_value {
        max-width: 150px;
    }
}

@media (max-width: 768px) {
    .config-list-item .config_slug_value {
        max-width: 100%;
    }
    
}