.md-form > input[type]:-webkit-autofill:not(.browser-default):not([type='search']) + label {
    transform: translateY(-14px);
}

.thumb {
    height: 100px;
    display: block;
    position: relative !important;
    border-radius: 10px;
    border: solid 1px #ccc;
}

.k-state-focused, .k-combobox .k-state-active, .k-combobox > .k-state-focused {
    border: solid 1px rgba(33,37,41,.15) !important;
    box-shadow: none !important;
}



.control-label {
    font-size: .8rem;
    color: #757575;
    padding: 0 10px;
}

.k-datetimepicker {
    min-width: 200px;
}

    .k-datetimepicker .k-picker-wrap .k-icon {
        margin: 0 10px !important;
    }

html, body {
    background-color: #f8f9fa;
    line-height: 1em;
}

.h1 {
    line-height: 1em;
}

.bottom-padding {
    padding-bottom: 100px;
}

div {
    line-height: 1.4em;
}

.label-text {
    font-size: .8em;
}

.flex-even {
    flex: 1;
}

.form-check-label {
    font-size: .9em;
}

.puck {
    border-radius: 19px;
    background-color: #333;
    color: white;
    padding: 5px 10px;
    margin: 0 0 0 10px;
}

.label-small {
    font-size: .8em;
}

.label-smaller {
    font-size: .7em;
}

.k-arcgauge-label {
    top: 35px !important;
}

.control-label {
    margin-bottom: 0;
}

    .control-label.active {
        font-size: 1rem;
        transform-origin: 0% 100%;
        transform: scale(.8);
        color: #757575;
        margin-bottom: 5px;
    }

#inspection-status {
    width: 18px;
    height: 18px;
    border-radius: 18px;
}

    #inspection-status.leaking {
        background-color: DarkRed;
    }

    #inspection-status.passed {
        background-color: Green;
    }

    #inspection-status.repair-completed {
        background-color: Orange;
    }

@media (min-width: 576px) {
    .modal-dialog {
        width: 800px;
        max-width: 75%;
    }
}

.fixed-action-btn {
    height: auto;
}

.scroll-top {
    position: fixed;
    bottom: -200px;
    right: 20px;
}

    .scroll-top.show {
        bottom: 24px;
    }

#resize-sensor {
    height: calc(100% - 73.88px);
}

a {
    color: #007bff;
}

.custom-scrollbar {
    overflow-y: auto;
}

.k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-state-focus.k-pager-nav.k-link, .k-state-focus.k-pager-refresh {
    box-shadow: none;
}

.k-pager-numbers .k-link.k-state-selected {
    border-color: #ccc;
    background-color: #ddd;
    color: #333;
}

.k-pager-numbers .k-link.k-state-selected, .k-pager-wrap .k-link, .k-pager-wrap .k-state-selected {
    border-radius: 4px;
}

.k-dropdown, span.k-colorpicker, .k-combobox, .k-combobox .k-input, .k-datepicker, .k-datepicker .k-input, .k-datetimepicker, .k-datetimepicker .k-input, .k-timepicker, .k-timepicker .k-input {
    display: block;
}

    .k-combobox > .k-dropdown-wrap > .k-select > .k-i-arrow-60-down {
        margin-top: 5px;
    }

ul.k-pager-numbers {
    margin-bottom: inherit;
    margin-top: inherit;
}

.k-grid.k-grid-display-block {
    border-radius: 3px;
}

.hide {
    visibility: hidden;
}

.hidden {
    display: none !important;
}

.view img {
    position: absolute;
}

h1.card-title {
    margin-bottom: 0;
}

.card-title {
    margin-left: 1rem;
    margin-right: 1rem;
    font-family: 'ttnorms-bold';
    font-size: 1.1em;
}

.card-description {
    font-size: .9em;
    margin-left: 1rem;
    margin-right: 1rem;
    line-height: 1.2em;
}

.form-check {
    padding-left: 0;
    padding-right: 20px;
}

.dropdown .dropdown-menu, .dropup .dropdown-menu, .dropleft .dropdown-menu, .dropright .dropdown-menu {
    padding-left: 0;
    padding-right: 0;
}

.k-auto-scrollable {
    height: auto !important;
}

.k-list .k-item.k-state-focused, .k-list .k-item:focus, .k-list-optionlabel.k-state-focused, .k-list-optionlabel:focus {
    box-shadow: none;
}

.k-combobox .k-dropdown-wrap .k-clear-value {
    top: 18px;
}

#mainAlertContainer {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1051;
    max-width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.card {
    overflow: visible;
}

.card-body {
    padding: inherit;
}

.card.card-cascade .view.view-cascade {
    box-shadow: none;
    border-radius: 2px;
    overflow: visible;
}

.side-nav {
    box-shadow: none;
    background-color: #f8f9fa;
    border-right: solid 1px black;
}

    .side-nav .fa-angle-down.rotate-icon:before {
        display: none;
    }

    .side-nav a {
        color: white !important;
        background-color: transparent !important;
    }

        .side-nav a:hover {
            background-color: #222 !important;
        }

        .side-nav a.active, .side-nav a.active:hover {
            background-color: #222 !important;
        }

    .side-nav:not(.slim) a.collapsible-header.waves-effect, .side-nav .collapsible-body a {
        margin-right: 25px !important;
        border-top-right-radius: 25px !important;
        border-bottom-right-radius: 25px !important;
        overflow: hidden !important;
    }

        .side-nav .collapsible-body a:hover {
            background-color: #444 !important;
        }

.collapsible .active .rotate-icon {
    top: .7rem;
}

h1 {
    font-size: 1.4em;
    font-family: 'ttnorms-bold';
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.2em;
}

.breadcrumb-item a, .breadcrumb-item.active {
    color: #3e4551;
}

.breadcrumb-item.active {
    color: #666;
}

th.k-header {
    font-family: 'ttnorms-bold';
}

#app-canvas {
    box-sizing: border-box;
    transition-duration: .55s;
    transition-property: padding-left;
    transition-timing-function: ease;
}

.bold {
    font-family: 'ttnorms-bold';
}

.home-logo {
    padding: 9px 0;
}

    .home-logo img {
        width: 40px;
        height: 40px;
        margin-right: 9px;
    }

    .home-logo a {
        padding-left: 11px;
        white-space: nowrap;
        overflow: hidden;
    }

    .home-logo span {
        line-height: 40px;
        display: inline-block;
    }

.main-button-collapse {
    display: none;
}

.btn-floating.btn-flat, .btn-floating.btn-flat:hover, .btn-floating.btn-flat i {
    background: transparent;
    color: black !important;
    box-shadow: none;
}

.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:active,
.dropup .dropdown-menu .dropdown-item:hover,
.dropup .dropdown-menu .dropdown-item:active,
.dropleft .dropdown-menu .dropdown-item:hover,
.dropleft .dropdown-menu .dropdown-item:active,
.dropright .dropdown-menu .dropdown-item:hover,
.dropright .dropdown-menu .dropdown-item:hover a,
.dropright .dropdown-menu .dropdown-item:active {
    background-color: #efefef;
    color: black !important;
    box-shadow: none;
}

.dropdown-item {
    box-sizing: border-box;
}

.close {
    line-height: inherit;
}

.k-grid tr td {
    white-space: nowrap;
}

text-field-for {
    display: block;
    margin-bottom: 1.5rem;
}

.md-form.md-outline {
    margin: 0;
}

.md-form, .select {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

    .md-form:last-child, .select-wrapper.mdb-select.md-form {
        margin-right: inherit;
    }

/*.control-label {
    font-family: 'ttnorms-bold' !important;
}*/

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    color: black;
}

.form-check-input[type="checkbox"]:checked:disabled + label:before, label.btn input[type="checkbox"]:checked:disabled + label:before {
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}

a.btn.disabled, fieldset:disabled a.btn {
    box-shadow: none;
}

.container.w-100 {
    max-width: inherit;
}

table[data-role="selectable"] tr {
    cursor: pointer;
}

.text-danger {
    line-height: 1.5em;
}

@media (min-width: 1025px) {
    .container, .container-md, .container-sm {
        max-width: 90%;
    }
}

@media (min-width: 1440px) {
    #app-canvas {
        padding-left: 60px;
    }
}

@media (max-width: 1440px) {
    #slide-out {
        transition-duration: .55s;
        transition-property: transform;
        transition-timing-function: ease;
    }
}

pre {
    background-color: #eaeaea;
}

.spinner-border-sm {
    width: 1em;
    height: 1em;
    border-width: .2em;
}

.k-treeview .k-in.k-state-selected {
    border-color: #666 !important;
    color: #000 !important;
    background-color: #eaeaea !important;
}

    .k-treeview .k-in.k-state-selected.k-state-focused {
        box-shadow: none !important;
    }

.trv-parameter-editor-boolean {
    opacity: 1 !important;
    margin-bottom: 3px !important;
    margin-left: 4px !important;
    margin-right: 3px !important;
    margin-top: 3px !important;
    pointer-events: auto !important;
    ;
}

.k-grid [type="checkbox"]:not(:checked), .k-grid [type="checkbox"]:checked {
    position: inherit;
    opacity: inherit;
    margin: 0 auto;
    display: block;
}

.alert-list {
    width: 100%;
}

    .alert-list tr td h2 {
        font-family: 'ttnorms-bold' !important;
        cursor: pointer;
        margin-bottom: 2px !important;
        margin-top: 2px !important;
    }

    .alert-list:hover {
        background-color: #666666;
    }

.warning {
    font-family: 'ttnorms-bold' !important;
    color: red !important;
    cursor: pointer;
}

.nodeChanged {
    position: relative;
    height: 150px;
}

.progress-card {
    position: relative;
}

.progress-title {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

checkbox-for {
    margin-bottom: 10px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .separator:not(:empty)::after {
        margin-left: .25em;
    }

/*xxxxxxxxxx DON'T ADD CODE BELOW HERE xxxxxxxxxx'*/

/* reset everything to the default box model */

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

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-splitbar.k-state-focused {
    background-color: black !important;
    border-color: black !important;
}

.trv-parameter-header.k-header {
    background-color: black;
    padding-left: 5px;
}

.k-chart-tooltip {
    background-image: none;
}

.k-pager-nav.k-link, .k-pager-refresh, .k-pager-numbers .k-link {
    border-color: transparent;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    height: calc(1em + 1rem);
}

.k-grid-pager {
    max-width: 100%;
    overflow: auto;
}

.k-dirty {
    display: none;
}

.k-list-optionlabel {
    padding: 3px;
}

.k-grid tbody .k-button {
    min-width: inherit;
    background-color: transparent !important;
    border: none;
    box-shadow: none;
}

.k-grid .k-command-cell, .k-grid .k-edit-cell td {
    text-overflow: inherit;
    text-align: center;
}

.k-filter-menu-container [type="radio"] {
    opacity: 1;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
}

.k-filter-menu-container label {
    margin: 0 10px 0 0;
}

.k-widget.k-combobox.form-control, .k-widget.k-numerictextbox {
    margin-bottom: 0.5rem;
}

.navbar-bkg {
    background-color: #333;
}

.k-pager-numbers .k-link {
    border-style: none !important;
    margin-right: 1px !important;
}