body {
    font-family: sans-serif !important;
}

.about-container {
    font-size: 1.5em;
    text-align: center;
}

form label {
    margin-top: 1em;
}

h2, div#message, div.alert {
    text-align: center;
}

.job-status-up {
    font-size: 28px;
    color: #49BE4F;
}

.job-status-down {
    font-size: 28px;
    color: #e1231a;
}

.job-status-pause {
    font-size: 28px;
    color: grey;
}

.job-status-unknown {
    font-size: 28px;
    color: grey;
}

.job-status-new {
    font-size: 28px;
    color: grey;
}

.job-list-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.job-list-table td {
    vertical-align: middle !important;
}

td.job-actions a:hover {
    color: #22A7F0;
}

.navbar {
    padding-left: 0;
}

.dropdown-menu {
    border: none;
}

.card {
    overflow: visible;
}

.app-container .side-body {
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
    max-width: 1200px;
}

.app-footer {
    left: 0 !important;
    width: auto !important;
    max-width: 1200px;
}

.app-footer .wrapper {
    padding: 0 !important;
    text-align: center;
}

td.job-link > small {
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'sans-serif';
}

div.job-actions {
    visibility: hidden;
}

div.job-actions i {
    font-size: 18px;
}

td.job-name {
    word-wrap: break-word;
    white-space: normal;
}

td.job-name {
    max-width: 225px;
}

span.actions-menu-title {
    display: inline-block;
}

i.actions-menu-icon {
    display: none;
}

div.job-actions {
    text-align: center;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.container-fluid {
    width: auto;
    max-width: 1120px;
}

th.last-ping, td.last-ping {
    text-align: left;
}

.about-img-mobile {
    display: none;
}

.about-img-medium {
    display: none;
}

.about-img-desktop {
    display: block;
}

div.about-image {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    padding: .3em .1em;
    box-shadow: 0 0 .7em darkgrey;

    width: 1020px;
}

.social-button-google {
    color: #DB4437 !important;
}

.social-button-github {
    color: #333 !important;
}

.social-button-facebook {
    color: #3B5998 !important;
}

.help-block {
    margin-top: 0;
    color: #9c9c9c !important;
}

.add-job-window .sub-title {
    margin-bottom: 0px !important;
}

#periodSlider, #alertDelaySlider {
    margin-top: -10px;
}

#periodSlider .noUi-connect {
    background: #49BE4F;
}

#alertDelaySlider .noUi-connect {
    background: #dfa3a3;
}


#periodSliderValue, #alertDelaySliderValue {
    font-size: 110%;
}

table.dataTable.no-footer {
    border-bottom: none;
}

table.dataTable span.highlight {
    background-color: #FFFF88;
    border-radius: 0.28571429rem;
}

table.dataTable span.column_highlight {
    background-color: #ffcc99;
    border-radius: 0.28571429rem;
}

div.tags {
    visibility: visible;
}

span.tag.label {
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'sans-serif';
    font-size: 75%;
}

span.tag.label-default {
    background-color: #eee !important;
    color: #555;
    font-weight: normal;
    display: inline-block;
}

.snippet-pane {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-top: none;
}

.snippet-pane code {
    background-color: #fff;
}

.snippet-pane span.comment {
    font-style: italic;
    color: grey;
}

.navbar .dropdown.profile .dropdown-menu {
    width: 206px;
    text-align: left;
    background-color: #fff !important;
}

.notifications-dropdown {
    min-width: 260px;
    background-color: #fff !important;
}

ul.account-links, ul.notification-links {
    margin-bottom: 0;

}

.account-links li, .notification-links li {
    border: none;
    padding: .2em .6em;
    font-size: 90% !important;
}

.notification-links a:hover, .account-links a:hover {
    color: #22A7F0 !important;
}

.social-button {
    font-size: 22px;
}

.color-black {
    color: #000;
}

.profile-info {
    font-family: sans-serif !important;
    padding: .5em !important;
}

div.form-buttons {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

div.form-buttons > div {
    padding: 10px 5px;
    flex: 1;
    -webkit-flex: 1;
}

div.form-buttons div.submit-button {
    text-align: left;
    padding-left: 0;
}

div.form-buttons div.sign-in-with {
    text-align: right;
}

div.form-buttons div.social-buttons {
    text-align: left;
}

div.form-buttons div.alt-action-button {
    text-align: right;
    padding-left: 0;
}

div.alert {
    color: white !important;
}

.alert-danger {
    background: #e1231a !important;
}

.alert-success {
    background: #64a33b !important;
}

.alert-warning {
    background: #dba029 !important;
}

.alert-info {
    background: #218cd1 !important;
}

.noUi-pips-horizontal {
    width: 90%;
    left: 20px !important;
}

.noUi-value.noUi-value-horizontal.noUi-value-large {
    margin-top: 5px;
}

.bootstrap-tagsinput span.tag {
    font-size: 100% !important;
}

.is-desktop {
    display: block;
    visibility: visible;
    height: 0px;
}

.job-form-buttons {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.job-form-buttons > div {
    padding: 10px 5px;
    flex: 1;
    -webkit-flex: 1;
    margin-top: 20px;
}

.job-form-buttons .alt-action-button {
    float: right !important;
    text-align: right;
}

div.docs {
    font-size: 150%;
}

.log-failed-ping, .log-alert-not-sent {
    background-color: #ffe4d6;
    color: #e1231a;
}

table.job-log-table .log-time {
    min-width: 30%;
    font-size: 88%;
}

input.job-link {
    width: auto;
    align-self: center;
    width: 240px;
    border: none;
}

.copy-tooltip {
    position: relative;
    display: inline;
    visibility: hidden;
}

.copy-tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}


.copy-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.copy-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

a.logo {
    display: inline-block;
}

.navbar-logo > img {
    width: 68px;
    height: 52px;
    margin-top: 5px;
}

.navbar-nav {
    margin-left: 20px;
}

.navbar-nav li {
    border-left: none !important;
}

ul.nav > li.active > a {
    background: transparent !important;
    color: #43a6ef !important;
    outline: none !important;
}


ul.nav > li > a, a.navbar-logo {
    outline: 0;
}

.show-job-ping-url {
    display: none;
}