body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.isProcessing {
}

.error {
    color: red;
    font-size: .9em;
}


#content input.ng-dirty.ng-invalid {
    border: 1px solid red;
    background-color: rgb(255, 244, 244);
}

.preloader {
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 15px;
    z-index: 10000000;
}

.preloader-inner {
    position: relative;
    left: -50%;
    background-color: #fff;
    border: 3px solid #ccc;
    border-radius: 15px;
    padding: 15px;
}

.modal-xs {
    width: 120px;
}

.view-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.offline {
    border-radius: 15px;
    color: #ffffff;
    background-color: #ff0000;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9em;
}

.online {
    border-radius: 15px;
    color: #ffffff;
    background-color: #008000;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9em;
}

.cached-item {
    font-size: .8em;
    color: #ccc;
}

body {
    padding-top: 10px;
}


.two-line-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 32px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.one-line-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 32px; /* fallback */
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}


.gray-bg {
    background-color: #eee;
}

.bootbox.modal {
    z-index: 9999 !important;
}

    .bootbox.modal + .modal-backdrop.fade {
        z-index: 9998 !important;
    }