:root {
    --font-family-sans-serif: Raleway, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: Raleway, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0D1261;
    text-align: left;
    background-color: #F5F5F5;
}

.clickable:hover {
    cursor: pointer;
}

.k-button,
.k-chart,
.k-column-title,
.k-table-td {
    font-family: Raleway, "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 0.9rem;
}

a {
    color: #3f84fc;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #0458eb;
        text-decoration: underline;
    }

    a.k-button {
        color: #000;
    }

        a.k-button:hover {
            color: #000;
        }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Raleway, sans-serif;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: 2.5rem;
    font-weight: normal;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 5px;
}

.card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    padding-top: 0.75rem;
}

.card-body-sm {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-bottom: 0rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    background-color: unset;
    border-bottom: unset;
    z-index: 1;
}

.card-header-sm {
    padding-top: 0.75rem;
    padding-left: 1.25rem;
    margin-bottom: 0;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    background-color: unset;
    border-bottom: unset;
    z-index: 1;
}

    .card-header-sm > p {
        margin-bottom: 0;
    }

.no-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.container,
.container-fluid {
    margin-top: 20px;
}

.donut-chart {
    text-align: center;
    max-height: 300px;
    margin-top: -65px;
    margin-left: 65px;
    background-repeat: no-repeat;
}

.k-chart {
    background: none;
    height: 300px !important;
}

.k-table-thead,
.k-grid-header,
.k-grid-header .k-link:hover,
.k-grid-header .k-link:active,
.k-grid-header .k-link:focus,
.k-grid-header .k-sorted,
.k-grid-header .k-icon {
    background-color: #0D1261;
    color: #FFFFFF !important;
}

.circle {
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    top: 5px;
    margin-right: 10px;
}

.no-top {
    top: 0px;
}

.on-circle,
.ok-circle {
    background-color: #28a745;
}

.off-circle,
.critical-circle {
    background-color: #DD0742;
}

.warning-circle {
    background-color: #FFA800;
}

.unknown-circle {
    background-color: #C0C0C0;
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #1B1B1A;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -2px;
        left: 110%;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -2px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent #1B1B1A transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.modal {
    padding-top: 50px !important;
}

.modal-footer {
    padding-top: 10px;
    text-align: center;
    border-top: none;
}

.modal-footer-working {
    padding-bottom: 16px;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #0D1261;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.update-btn-margin {
    margin-top: 8px;
}

.gutter-removed-right {
    padding-right: 0px;
}

.gutter-removed-left {
    padding-left: 0px;
}

.k-button-solid-base {
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.k-button-solid-primary {
    background-color: #0D1261;
    border-color: #0D1261;
    color: #FFFFFF;
}

    .k-button-solid-primary:hover {
        background-color: rgba(13, 18, 97, 0.7);
        /*  border: 1px solid rgba(255, 0, 0, .5);*/
        -webkit-background-clip: padding-box; /* for Safari */
        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
        color: #FFFFFF;
    }

.c-grid-container,
.h-grid-container,
.settings-grid-container,
.subscriptions-grid-container {
    margin-top: 5px;
}

.h-grid-container,
.settings-grid-container,
.subscriptions-grid-container {
    display: none;
}

.k-pager-md .k-pager-sizes .k-dropdownlist {
    width: 5.5em;
}

.k-loading-image {
    background-position: center 15px;
}

.k-arcgauge-label {
    font-size: 28px;
}

button.acc-btn {
    /* create a grid */
    display: grid;
    /* create colums. 1fr means use available space */
    grid-template-columns: 1fr max-content max-content;
    align-items: center;
    grid-gap: 10px;
}

.ac {
    background-color: #ebebeb;
    color: #0D1261;
}

    .ac:not(.collapsed) {
        background-color: #e0e0e0;
        color: #0D1261;
    }

    .ac::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230D1261'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .ac:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230D1261'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }

.ac-parent {
    background-color: #0D1261;
    color: #FFFFFF;
}

    .ac-parent:not(.collapsed) {
        background-color: rgba(13, 18, 97, 0.7);
        color: #FFFFFF;
    }

    .ac-parent::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .ac-parent:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }

    .ac-parent:focus,
    .ac:focus {
        border-color: none;
        box-shadow: none;
    }

.accordion-item {
    padding-bottom: 5px;
}

    .accordion-item:last-of-type .ac-parent.collapsed,
    .accordion-item:last-of-type .ac.collapsed {
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }

.highlight {
    background-color: #d1eaf9;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.no-internet-container {
    display: none;
    color: #DD0742;
}

.no-internet-container,
.timer-container {
    text-align: right;
    padding-top: 5px;
    padding-right: 15px;
}

.clear-filter {
    text-align: right;
    display: none;
}

.card-number {
    font-size: 132px;
    font-weight: 600;
    margin-bottom: 2px;
}

.critical-number {
    color: #DD0742;
}

.warning-number {
    color: #FFA800;
}

.unknown-number {
    color: #C0C0C0;
}

.critical-card-selected,
.critical-card-selected p {
    background-color: #DD0742;
    color: #fff;
}

.warning-card-selected,
.warning-card-selected p {
    background-color: #FFA800;
    color: #fff;
}

.unknown-card-selected,
.unknown-card-selected p {
    background-color: #C0C0C0;
    color: #fff;
}


.summary-tab-buttons {
    padding-top: 24px;
    padding-bottom: 8px;
    border-radius: 0;
    box-shadow: none;
}

table, td {
    color: #373736;
}

th {
    color: #0D1261;
}

thead {
    background: #FFFFFF;
    height: 52px;
    padding-bottom: 5px;
}

.table > :not(caption) > * > * {
    padding: .8rem 1.5rem;
}

.accordion-body {
    padding: 0;
}

th {
    border: none;
}

.k-input {
    font-family: Raleway;
    /*  border-color: ##373736;*/
}

.k-column-title {
    color: #FFFFFF;
}

button.close {
    border: none;
    background: none;
}

.control-label {
    color: #0D1261;
}

.k-input-inner {
    color: #DD0742;
    font-family: Raleway;
}

#name-input {
    border-color: #c0c0c0;
}

div.k-grid-norecords {
    display: unset;
}

.menu-admin-btn {
    display: none;
}

.control-label {
    padding-left: 5px;
}

.no-peripheral {
    text-align: center;
}

.exact-match {
    color: #1A9EE0;
}

#showConnectivity,
#showHealth,
#showSettings,
#showSubscriptions {
    color: #0D1261;
}

.float-right {
    text-align: right;
}

.form-control, .selectize-input {
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border: unset;
    padding-bottom: 20px;
}

.create-sub {
    margin-right: 22px;
}

.most-inner-thead {
    background-color: #DD0742;
}

    .most-inner-thead > tr > th {
        color: #FFFFFF !important;
    }

td {
    font-family: Montserrat !important;
}

.k-button {
    text-transform: none;
}

.k-input-value-text {
    color: #DD0742;
}

.identity-body {
    color: #FFFFFF;
    background-color: #0D1261;
}

    .identity-body h1 {
        color: #DD0742;
    }

    .login-container {
        margin:40px;
    }

.inner-login-container {
    margin: 60px;
}

.login-logo {
    padding-bottom: 50px;
}

.k-table-th,
.k-table-td {
    font-size: 13px;
    padding: 8px 20px !important;
    padding-block: 8px !important;
    padding-inline: 20px !important;
}

    .k-table-td > .k-button {
        padding: 6px 8px !important;
    }

.small-font,
.circle-text {
    font-size:11px;
}

#update-btn {
    float: right;
}