/**** Branding ****/
@import url('../fonts/akrobat/akrobat.css');

.gray-bg {
    background: #F3F3F4 url('../brand/line_right.svg') bottom right no-repeat fixed;
    background-size: 21%;
}

#login-form {
    margin-top: -25%;
}

.user-reg #login-form {
    margin-top: 0px;
}

.user-reg-form {
    padding: 10px;
}

#airbit-logo {
    width: 150px;
}

#app-name {
    font-family: 'Akrobat';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.9rem;
    color: #172B47;
}

#copyright, #version {
    font-size: 0.75rem;
}

.liked,
.favi:hover,
.favi:focus,
.actions.favi a:hover,
.actions.favi a:focus,
td .favi a.text-primary:focus,
td .favi a.text-primary:hover,
.favi a:hover,
.favi a:focus {
    color: #f32f44 !important;
}

.data-direct {
    font-size: 1.15rem !important;
    vertical-align: middle !important;
}

.invalid-converter {
    font-size: 1rem !important;
    vertical-align: middle !important;
    color: #ed5565 !important;
}

.short-cname {
    display: inline-block;
    max-width: 120px;
}

.short-url {
    display: inline-block;
    max-width: 27vw;
}

/* Disabled links */
a.disabled {
    pointer-events: none;
    cursor: default;
}

a.disabled .fas,
a.disabled .fad,
a.disabled .fal,
a.disabled .far {
    color: #aaa !important;
}

/* Dsiabled forms */
fieldset[disabled] .input-group-text,
fieldset[disabled] select,
fieldset[disabled] select option {
    background-color: rgb(233, 236, 239) !important;
}

/* Animation duration */
.animated {
    -webkit-animation-duration: 0.6s !important;
    animation-duration: 0.6s !important;
}

/* Logo in left collapsed menu */
.logo-element {
    padding: 12px 0 11px 0;
}

.logo-element a {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    background: transparent;
}

.logo-element img {
    width: 25px;
}

.badge-medium, .label-medium {
    font-size: 0.85rem !important;
}

/* Left navbar */
body {
    background-color: #172b47;
}

.nav-header, body.mini-navbar .nav-header {
    background-color: #172b47;
    background-image: none;
}

.nav > li > a > i.fas,
.nav > li > a > i.far,
.nav > li > a > i.fal,
.nav > li > a > i.fad,
.nav > li > a > i.fab {
    font-size: 0.85rem; /* icons size */
}

.nav > .nav-item > i.fas,
.nav > .nav-item > i.far,
.nav > .nav-item > i.fal,
.nav > .nav-item > i.fad,
.nav > .nav-item > i.fab {
    font-size: 1.1rem; /* icons size */
}

.nav > li.active,
ul.nav-second-level,
.mini-navbar .nav .nav-second-level {
    /*rgba(38, 59, 88, 0.5)*/
    background-color: #263b58;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    /*rgba(38, 59, 88, 0.5)*/
    background-color: #263b58;
}

/* Static top navbar paddings and margins */
.navbar.navbar-static-top {
    margin-bottom: 0;
}

.navbar-top-links li a {
    padding: 17px 10px;
}

/* Top navbar logo and product name */
.navbar-static-top .navbar-top-links .logo {
    font-family: 'Akrobat';
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-top: 7px;
    padding-bottom: 2px;
    float: left;
}

.navbar-static-top .navbar-top-links .logo img {
    width: 100px;
    height: 35px;
    vertical-align: middle;
    margin-right: 7px;
}

.navbar-static-top .navbar-top-links .logo span {
    display: inline-block;
    vertical-align: middle;
}

/* Select company */
.nav-select-company {
    display: block;
    float: left;
    min-width: 250px;
    max-width: 320px;
    margin: 14px 5px 5px 12px;
}

.nav-select-company .input-group-append {
    min-width: 250px;
    max-width: 250px;
}

.nav-select-company .chosen-container-single .chosen-single {
    padding: 2px 12px;
}

.nav-select-company .form-control-sm {
    height: 30px !important;
    padding: 4px 12px 4px 8px !important;
}

/*** Custom styles ***/
/* Default element */
textarea {
    min-height: 4.1rem;
}

.CodeMirror-lint-tooltip {
    z-index: 3000 !important;
}

.colorpicker {
    z-index: 3000 !important;
}

/* Breadcrubm top padding */
.page-heading-workspace {
    padding: 10px;
}

/* Leaflet */
.leaflet-tooltip {
    width: 250px !important;
    white-space: normal !important;
}

/* Spinner */
.sk-spinner-double-bounce.sk-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.panel-body > .sk-spinner {
    display: none;
}

.panel-body.sk-loading {
    position: relative;
}

.panel-body.sk-loading:after {
    content: '';
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.panel-body.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

.loading-image {
    background: none;
}

.has-error .input-group .form-control,
.has-error .input-group .input-group-text,
.has-error .input-group .btn.dropdown-toggle,
.has-error .input-group .btn.btn-white {
    border-color: #ed5565;
}

.input-group .input-group-text {
    border: 1px solid #e5e6e7;
}

.input-group-text {
    background-color: transparent !important;
}

.input-group-text label {
    font-size: 0.7rem;
    margin: 0;
    padding: 0;
    cursor: pointer;
    margin-left: 3px;
}

.input-group.date .input-group-addon {
    cursor: default !important;
    border-right: 0px !important;
}

.form-control-sm, .input-group-sm > .form-control {
    border-radius: 1px;
}

label.required:after {
    content: "*";
    display: inline;
    color: #ed5565;
    margin-left: 5px;
}

.asterisk-input:after {
    content: "*";
    color: #ed5565;
    position: absolute;
    left: 0px;
    top: 7px;
}

.actions,
.actions * {
    font-size: 13px;
}

.actions a {
    margin-left: 1px;
    margin-right: 1px;
}

[data-toggle="fieldset"] a.text-primary:focus,
[data-toggle="fieldset"] a.text-primary:hover,
td a.text-primary:focus,
td a.text-primary:hover {
    color: #222 !important;
}

.actions a:focus,
.actions a:hover {
    color: #1ab394 !important;
}

.action-links a {
    color: #1ab394 !important;
}

select.form-control:not([size]):not([multiple]).select-per-page {
    height: 1.75rem;
    width: 45px;
    padding: 0px;
    font-size: 0.8rem;
}

.text-sm select.form-control:not([size]):not([multiple]).select-per-page {
    height: 1.5rem;
    font-size: 0.7rem;
}

.text-sm * {
    font-size: 0.7rem;
}

.text-muted {
    color: #aaa !important;
}

.table.td-align-middle tr td,
.table.th-align-middle tr th {
    vertical-align: middle !important;
}

.table.table-sm tr th,
.table.table-sm tr td {
    padding: 0.3rem 0.2rem;
    font-size: 0.75rem;
}

.label.label-sm {
    display: inline-block;
    font-size: 0.61rem !important;
    line-height: 0.61rem;
    padding: 4px 3px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.label-white.label-sm,
.badge-white.label-sm {
    border: 1px solid #ddd;
    padding: 1px 4px;
}

.bootstrap-tagsinput {
    width: 100%;
    border-radius: 1px;
}

.bootstrap-tagsinput .tag {
    color: inherit !important;
    line-height: 2.2;
}

.bootstrap-tagsinput .tag.label-danger {
    color: white !important;
}

.form-group .i-checks,
.form-group .icheckbox_square-green {
    margin-top: calc(.275rem + 1px);
}

.form-group .stacked .i-checks,
.form-group .stacked .icheckbox_square-green {
    margin-top: 0px;
    margin-right: 5px;
}

.popover {
    max-width: 500px !important;
    z-index: 2051 !important;
}

.popover-header {
    font-size: 0.8rem;
}

.popover-body {
    font-size: 0.7rem;
}

.popover-body ul {
    padding: 0;
    padding-left: 1rem;
    margin: 0;
}

[data-toggle='popover'] {
    cursor: pointer
}

.pagination-sm .page-link,
.pagination-sm .page-item span {
    padding: 5px 7px;
    font-size: 0.8rem;
    line-height: 0.8rem;
}

.table-scollable {
    display: block;
    overflow: auto;
    max-height: calc(100vh - 280px);
}

.modal-dialog.modal-im .table-scollable {
    max-height: calc(100vh - 200px);
}

*[data-tooltip] {
    cursor: pointer;
}

.tooltip {
    font-size: 0.8rem;
}

.modal-body .tooltip {
    font-size: 0.7rem;
}

.modal-dialog.modal-wide {
    max-width: calc(100vw - 80px);
}

.modal-dialog.modal-half {
    max-width: 70vw;
}

.modal-dialog.modal-fat {
    max-width: 96vw;
}

.onoffswitch .onoffswitch-label {
    margin-bottom: 0px;
}

.onoffswitch-field {
    padding-top: 30px;
}

.modal-content .btn-modal-close {
    position: absolute;
    z-index: 2100 !important;
    right: 1px;
    top: 1px;
    width: auto;
    border: 0;
    padding: 2px 4px;
    font-size: 1rem;
    line-height: 1rem;
    color: #878a8c;
    border-left: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    border-radius: 0 !important;
    border-bottom-left-radius: 5px !important;
}

.modal-content .btn-modal-close:hover {
    color: inherit;
    background-color: #f0f0f0;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

body.modal-open .animated {
    z-index: 1000;
}

/* Custom dropdown for show device measurements */
.aws-measurements .btn,
.aws-measurements .dropdown-item {
    padding: 0.15rem 0.25rem !important;
    line-height: 100% !important;
}

.aws-measurements .btn {
    border: 1px solid #1ab394 !important;
}

.aws-measurements .dropdown-menu {
    font-size: inherit !important;
    border: 1px solid #eb8567;
}

.aws-measurements .dropdown-divider {
    margin: 0 !important;
}

/* Table header links color (colum name) */
.table th a {
    color: inherit;
}

.ibox-content {
    overflow: hidden;
}

/* Tabs in modal forms */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-bottom: none;
}

.required .control-label:after {
    content: " * ";
    color: #a94442;
}

.table .bg-info.white {
    background-color: #fff;
}

/* Fullheight workspace and fullheight right block */
.fh-breadcrumb.fh-ws {
    height: calc(100% - 94px);
}

.fh-ws-content {
    min-height: calc(100vh - 134px);
    outline: none;
}

.ibox.fullheight {
    height: calc(100% - 25px);
    background-color: white;
}

.ibox.invert .ibox-title,
.ibox.invert .ibox-content {
    background-color: #f3f3f4;
}

.errorlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.7rem;
    color: #dc3545;
    text-align: left;
}

.errorlist li {
    padding-top: 3px;
}

.table.td-align-middle tr td,
.table.th-align-middle tr th {
    vertical-align: middle !important;
}

.table.table-sm tr th,
.table.table-sm tr td {
    padding: 0.3rem 0.35rem;
    font-size: 0.75rem;
}

.nav-tabs > li > a {
    color: #9E9E9E;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none !important;
}

/* List group redefine */
.list-group-item,
.list-group-item * {
    cursor: pointer !important;
}

.list-group-item.active,
.list-group-item.active a:hover {
    background-color: #1ab394 !important;
    border-color: #1ab394 !important;
    border-radius: 0 !important;
}

a > .fa.arrow:before {
    content: "\f106";
}

a.collapsed > .fa.arrow:before {
    content: "\f104";
}

/* Wide modal window */
.modal-dialog.modal-wide {
    width: auto;
    max-width: 80%;
}

/* CKEditor redefine */
.form-group .cke_textarea_inline {
    width: 100%;
    background: none;
    border: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    min-height: 2.05rem;
    padding: 6px 12px;
}

.form-group .cke_focus {
    border-color: #1ab394 !important;
}

/* Additional breadcrubm */
ul.breadcrubm {
    display: block;
    overflow: auto;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}

ul.breadcrubm li,
ul.breadcrubm li * {
    font-size: 105%;
}

ul.breadcrubm li {
    display: inline;
    margin-right: 5px;
}

ul.breadcrubm li.last {
    font-weight: bold;
}

ul.breadcrubm li .fa.arrow {
    margin-left: 5px;
    float: none;
}

ul.breadcrubm li .fa.arrow:before {
    content: "\f105";
}

.sort-handler {
    color: #0c52ad;
}

.sort-handler:hover {
    cursor: grab;
}

.sort-handler-disabled:hover {
    cursor: default;
}

.ui-sortable-placeholder-custom {
    border: 0;
    background-color: inherit;
    height: auto;
}

.ui-sortable-helper-custom {
    background-color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: auto;
    overflow: hidden;
}

.ui-shc-d-none > div {
    display: none;
}

div.wdt-expanded-content {
    overflow: hidden;
}

div.wdt-collapsed-content {
    /*max-height: 108px;*/
    overflow: hidden;
}

.wdt-background {
    background-color: #e7eaec;
}

.wdt-param {
    overflow: hidden;
    height: 100px;
    width: 94px;
    background-color: #e7eaec;
    padding: 5px;
    cursor: pointer;
    border-radius: 0.25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.wdt-param.wdt-param-error {
    background-color: #992530;
    cursor: auto;
    justify-content: center;
}

.wdt-param:hover:not(.wdt-param.wdt-param-error) {
    box-shadow: 0 0 0 2px #53B095;
}

.wdt-param.current {
    background-color: #263238;
    color: #ffffff;
}

.wdt-param .wdt-param-icon {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.wdt-param .wdt-param-icon .i-circle {
    border-radius: 50%;
    box-shadow: 0 0 1px 0 #263238;
    border: 1px solid #263238;
    color: #676a6c;
    background-color: #fff;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.wdt-param i {
    font-size: 14px;
}

.wdt-param .wdt-param-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 10px;
}

.wdt-param .wdt-param-value {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.wdt-param .wdt-param-date {
    font-size: 10px;
    font-weight: 400;
    color: #676A6C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-block-text {
    font-weight: 600;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(103, 106, 108, 0.5);
}

.text-break {
    word-break: break-word;
}

.color-inherit {
    color: inherit !important;
}

.text-gray {
    color: #676a6c !important;
}

.text-blue {
    color: blue !important;
}

.font-size-inherit {
    font-size: inherit;
}

.carousel .carousel-indicators .active {
    background-color: #676a6c;
}

.carousel .carousel-indicators li {
    background-color: #aaa;
}

.graph,
.subgraph {
    cursor: pointer;
    width: 326px;
    height: 100px;
}

.graph.no-data,
.subgraph.no-data {
    background-color: #e7eaec;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* dashboard favorite button in form card favorite */
.dbd-param {
    height: 100px;
    width: 100px;
    background-color: #e7eaec;
    border-radius: 4px;
    cursor: pointer;
}

.dbd-param .i-circle {
    border-radius: 50%;
    background-color: #676a6c;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.dbd-param .i-circle.active {
    background-color: transparent;
}

.dbd-param i {
    font-size: 18px;
}

.dbd-param:hover .i-circle.inactive {
    background-color: transparent;
    transition: background-color .5s;
}

.center {
    position: relative;
    display: flex;
    justify-content: center;
    bottom: 50%;
    transform: translateY(-50%);
}

.hover-outer,
.animated-outer {
    height: 100%;
    width: 100%;
    clip-path: circle(0%);
    background: #a4d7cf;
    border-radius: 4px;
    transition: clip-path .7s;
}

.hover-inner,
.animated-inner {
    height: 100%;
    width: 100%;
    clip-path: circle(0%);
    background: #5ac1b2;
    border-radius: 4px;
    transition: clip-path 1s;
}

.dbd-param:hover .hover-outer,
.dbd-param.inactive:hover .hover-outer {
    clip-path: circle(25%);
}

.dbd-param:hover .hover-inner,
.dbd-param.inactive:hover .hover-inner {
    clip-path: circle(20%);
}

.dbd-param.active .animated-inner {
    animation-duration: 1s;
    animation-name: animated-inner;
    height: 100%;
    width: 100%;
    clip-path: circle(75%);
    background: #5ac1b2;
}

.dbd-param.active .animated-outer {
    animation-duration: .7s;
    animation-name: animated-outer;
    height: 100%;
    width: 100%;
    clip-path: circle(75%);
    background: #a4d7cf;
}

.dbd-param.inactive .animated-inner {
    animation-duration: .7s;
    animation-name: animated-inner-reverse;
}

.dbd-param.inactive .animated-outer {
    animation-duration: 1s;
    animation-name: animated-outer-reverse;
}

@keyframes animated-inner {
    0% {
        clip-path: circle(20%);
    }
    100% {
        clip-path: circle(75%);
    }
}

@keyframes animated-outer {
    0% {
        clip-path: circle(25%);
    }
    100% {
        clip-path: circle(75%);
    }
}

@keyframes animated-inner-reverse {
    0% {
        clip-path: circle(75%);
    }
    100% {
        clip-path: circle(0%);
    }
}

@keyframes animated-outer-reverse {
    0% {
        clip-path: circle(75%);
    }
    100% {
        clip-path: circle(0%);
    }
}

/* Custom styles */
.cursor-pointer {
    cursor: pointer;
}

.widget-card {
    width: 448px;
    padding: 10px;
    border: 1px solid #e7eaec;
    box-shadow: 15px 15px 15px -15px rgba(34, 60, 80, 0.15);
}

.widget-card.widget-card-sm {
    width: 224px;
}

.widget-card.widget-card-md {
    width: 464px;
}

.widget-card.widget-card-lg {
    width: 944px;
}

.grid-masonry .grid-item.widget-card {
    margin-bottom: 16px;
}

.widget-content {
    margin-top: 16px;
}

.widget-map {
    outline: none;
    height: 249px;
}

.main-params-block {
    max-height: 334px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 12px;
}

.expand-params-block-btn {
    font-size: 11px;
    font-weight: 600;
}

.expand-params-block-btn:hover {
    color: #53B095;
}

.widget-graph-size {
    height: 241px;
}

.widget-graph-length-size {
    min-height: 20px;
    max-height: 100%;
}

.widget-graph-legend-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    overflow: hidden;
}

.modal-no-footer .modal-footer {
    display: none !important;
}

.flot-tooltip {
    position: absolute;
    display: none;
    border: 1px solid #333333;
    padding: 2px;
    background-color: #f7f7f7;
    opacity: 0.80;
}

.flot-x-axis > .flot-tick-label {
    transform: rotate(30deg);
}

@keyframes fill-fade {
    from {
        fill: #33a;
    }
}

.circle-marker-blink {
    animation: fill-fade 0.8s infinite alternate;
}

.circle-marker-ok {
    stroke: #090;
    fill: #090;
}

.circle-marker-fail {
    stroke: #900;
    fill: #900;
}

/* Tracking module */
.w-0 {
    width: 0;
}

.w-1 {
    width: 32px;
}

.w-2 {
    width: 64px;
}

.tracking-border-left {
    border-left: 1px solid #ddd;
}

.side-board {
    width: 236px;
    height: 100%;
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 18px;
    vertical-align: top;
    white-space: normal;
}

.side-board.is-collapsed {
    width: 33px;
    padding: 0 8px 0 8px;
}

.right-navbar {
    position: relative;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 250px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 18px;
}

.right-nav {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.right-nav > li {
    display: block;
    width: 100%;
    position: relative;
}

.right-nav > li > a {
    color: #a7b1c2;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    padding: 5px 20px;
    display: block;
}

.right-nav > li > a i.fa-angle-right {
    position: absolute;
    line-height: 18px;
    left: 0;
}

.right-nav > li.active > a {
    color: #676A6C;
}

.right-nav > li > a:hover:focus {
    color: #676A6C;
}

.side-board-base span > i {
    margin-right: 16px;
}

.side-board-base-shadow {
    box-shadow: -5px 0 5px 0 rgba(34, 60, 80, 0.13);
}

.side-board-base {
    right: 0;
    z-index: 2001;
    background-color: white;
    height: 100%;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
}

.side-board.is-collapsed .side-board-title-text > span {
    height: 16px;
    margin: calc(50% + 16px) 0;
    transform: rotate(90deg);
    transform-origin: center;
}

.side-board-header {
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.side-board.is-collapsed .side-board-header {
    height: 100%;
    width: 16px;
}

.side-board-title-main-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.side-board.is-collapsed .side-board-title-main-text {
    display: block;

}

.side-board.is-collapsed .side-board-title-text {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    margin: 0;
}

.side-board-title-text {
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.static-right-navbar {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 2001;
    width: 236px;
    overflow: hidden;
    padding-top: 18px;
    padding-bottom: 18px;
    border-left: 1px solid #ddd;
    display: grid;
    grid-template-rows: auto 1fr;
}

.static-right-navbar:not(:has(nav)) {
    padding-top: 0;
}

.rn-px {
    padding-left: 20px;
    padding-right: 20px;
}

.rn-mx {
    margin-left: 20px;
    margin-right: 20px;
}

.fh-ws-inner-content {
    display: -ms-flexbox !important;
    display: flex !important;
    min-height: inherit;
    margin-right: 236px;
}

.side-board.is-collapsed .side-board-title {
    flex-direction: column;
    height: 100%;
}

.side-board-title {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin: 0;
    font-size: 14px;
    padding: 0 0 18px 0;
}

.side-board.is-collapsed .side-board-body {
    display: none;
}

.side-board-body {
    height: 100%;
    overflow: hidden;
}

.side-board.is-collapsed > .side-board-inner {
    grid-template-rows: 1fr;
}

.side-board-inner {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    position: relative;
}

.btn-primary.ex-disabled {
    color: #fff;
    background-color: #18a689;
    border-color: #18a689;
    opacity: .65;
    cursor: default;
}

.tracking-font {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #676A6C;
}

.tracking-font.mini {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
}

.tracking-font.maxi {
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
}

.fs-5px {
    font-size: 5px !important;
}

.fs-8px {
    font-size: 8px !important;
}
.fs-10px {
    font-size: 10px !important;
}

.fs-13px {
    font-size: 13px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.fs-15px {
    font-size: 15px !important;
}

.fs-18px {
    font-size: 18px !important;
}

.fs-20px {
    font-size: 20px !important;
}

.lh-18 {
    line-height: 18px !important;
}

.lh-19 {
    line-height: 19px !important;
}

.tracking-font.light, .fas.light {
    opacity: 0.5;
}

.tracking-separator {
    border: solid #E5E6E7;
    border-width: 1px 0 0 0;
    height: 0;
}

.geozone-label {
    position: relative;
    width: 100%;
    line-height: 0;
}

.ws-confirm-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0.5rem;
    margin: 0 -14px -14px -14px;
}

.ws-confirm-footer > :not(:first-child) {
    margin-left: .25rem;
}

.ws-confirm-footer > :not(:last-child) {
    margin-right: .25rem;
}

.geozone-data {
    height: 30px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    width: 100%;
    border-bottom: inset 1px #E5E6E7;
    padding-right: 20px;
}
.geozone-data.highlight {
    background-color: #cae7df;
}

.geozone-data:hover {
    background-color: #e6f3ef;
}

.geozone-data.active {
    background: rgb(135, 199, 180);
    color: white;
}

.geozone-data.highlight .tracking-font {
    color: #607f78;
}

.geozone-data.active .tracking-font {
    color: white;
}

.tracking-sticky-wrapper {
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}

.tracking-sticky-right {
    height: 100%;
    width: 20px;
    background: linear-gradient(270deg, white 75%, rgba(255, 255, 255, 0%));
    position: sticky;
    right: 0;
}

.tracking-sticky-left {
    height: 100%;
    width: 20px;
    background: linear-gradient(90deg, white 75%, rgba(255, 255, 255, 0%));
    position: sticky;
    left: 0;
}

.geozone-data.highlight + .tracking-sticky-wrapper .tracking-sticky-right {
    background: linear-gradient(270deg, #cae7df 75%, rgba(255, 255, 255, 0%));
}

.geozone-data.highlight + .tracking-sticky-wrapper .tracking-sticky-left {
    background: linear-gradient(90deg, #cae7df 75%, rgba(255, 255, 255, 0%));
}

.geozone-data:hover + .tracking-sticky-wrapper .tracking-sticky-right {
    background: linear-gradient(270deg, #e6f3ef 75%, rgba(255, 255, 255, 0%));
}

.geozone-data:hover + .tracking-sticky-wrapper .tracking-sticky-left {
    background: linear-gradient(90deg, #e6f3ef 75%, rgba(255, 255, 255, 0%));
}

.geozone-data.active + .tracking-sticky-wrapper .tracking-sticky-right {
    background: linear-gradient(270deg, #87C7B4FF 75%, rgba(255, 255, 255, 0%));
}

.geozone-data.active + .tracking-sticky-wrapper .tracking-sticky-left {
    background: linear-gradient(90deg, #87C7B4FF 75%, rgba(255, 255, 255, 0%));
}

.ws-gz-data-triangle {
    width: 8px;
    height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    cursor: pointer;
    font-size: 7px;
    margin-left: 3px;
}

.ws-gz-data-name, .ws-gr-data-name {
    margin-left: 7px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}

.ws-gr-data-name {
    margin-left: 10px;
}

.ws-gz-group-color {
    width: 9px;
    height: 9px;
    border-radius: 1px;
}

.geozone-data input {
    display: none;
}

.ws-checkbox {
    background: #FFFFFF;
    border: 1px solid #D2CFC9;
    height: 12px;
    width: 12px;
    position: relative;
    pointer-events: auto;
    cursor: pointer;
}

.ws-description {
    color: #172b47;
}

.ws-description:hover {
    color: #1ab394;
}

.ws-checkbox:hover {
    background-color: #f0f0f0;
}

input:checked + .ws-checkbox {
    background-color: #499784;
    border: unset;
}

input:checked + .ws-checkbox:after {
    display: block;
}

.ws-checkbox:after {
    content: "";
    display: none;
    position: absolute;
    background: url("./images/checkmark.svg") no-repeat center center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3px;
}

.ws-checkbox.disable {
    background-color: rgba(40, 40, 40, 0.3);
    pointer-events: none;
    cursor: not-allowed;
}

.geozone-children {
    line-height: 0;
    width: 100%;
}

.geozone-data-manage {
    display: flex;
    align-items: center;
}

#geozone-table {
    display: inline-block;
    white-space: normal;
    line-height: 0
}

.map-public-wifi-beacon {
    --fa-primary-color: #793d0e;
    --fa-secondary-color: #676A6C;
    --fa-secondary-opacity: 1.0;
}

.map-wifi-beacon {
    --fa-primary-color: #b51eff;
    --fa-secondary-color: #676A6C;
    --fa-secondary-opacity: 1.0;
}

.map-i-beacon {
    --fa-primary-color: #1e98ff;
    --fa-secondary-color: #676A6C;
    --fa-secondary-opacity: 1.0;
}

.content-with-slimscroll-wrapper {
    display: grid;
    overflow: hidden;
    height: 100%;
    grid-template-rows: auto 1fr
}

.geozone-group-label {
    position: relative;
}

.geozone-group-label::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-bottom: inset 1px #E5E6E7;
    left: 20px;
    right: 20px;
    pointer-events: none;
}

.geozone-group-label .geozone-data {
    border: unset;
}

.datetime-container .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 185px;
}

.datetime-container {
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #E5E6E7;
    border-radius: 2px;
    line-height: 0;
    position: relative;
}

.ws-monitoring-param-wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px;
    margin: 5px 0;
}
.ws-monitoring-type-name {
    grid-column: 1 / -1;
}

.ws-monitoring-param-name {
    grid-column: 1;
    margin-left: 5px;
}

.ws-monitoring-param-value {
    grid-column: 2;
}

.ws-datetime-picker-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 4px;
}

.ws-datetime-picker-input {
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.ws-datetime-picker-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.ws-reject-plate {
    position: absolute;
    top: 45%;
    bottom: 45%;
    left: 30px;
    right: 30px;
    z-index: 400;
    padding: 30px;
    background: white;
    border: 1px solid #E5E6E7;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
}

.ws-reject-plate span {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.form-group .grid .i-checks,
.form-group .grid .icheckbox_square-green {
    margin-top: unset;
}

[data-toggle="fieldset-entry"] + [data-toggle="fieldset-entry"] {
    margin-top: 0.5rem;
}

.object-map-color {
    color: #676a6c;
}

.light-mode .object-map-color {
    color: white;
    border: solid 3px black;
    border-radius: 50%;
}

.console {
    background-color: #000;
    height: 75vh;
    border: 2px solid #000;
    overflow-y: scroll;
}

.console-btn-disabled {
    pointer-events: none;
    opacity: 0.35;
}

.console::-webkit-scrollbar {
    width: 3px;
    background-color: #a0a0a0;
}

.console::-webkit-scrollbar-thumb {
    background-color: #666666;
}

.console-highlight-grep .grep-message {
    background-color: white;
    color: #000;
}

.console-hide-grep .no-grep-message {
    display: none;
}

.console-msg {
    padding: 5px 0px 0px 5px;
    font-family: monospace;
    white-space-collapse: break-spaces;
}

.console-msg-debug {
    color: #ad30ad;
}

.console-msg-warning {
    color: #fec223;
}

.console-msg-error {
    color: #b8022a;
}

.console-msg-info {
    color: #44944A;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 30px;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default;
    color: #676A6C;
    font-weight: 600;
    padding-left: 6px;
}

.chosen-container .chosen-results li.group-result::after {
    content: ":";
}

.table-striped-odd tbody tr:nth-child(4n+1),
.table-striped-odd tbody tr.detail-row:nth-child(4n+2) {
    background-color: rgba(0, 0, 0, 0.05);
}

.dt-mk2.fine i {
    color: #1ab394 !important;
}

.dt-mk2.expired {
    color: #dc3545 !important;
}

.dt-mk2.expired_soon i {
    color: #f8ac59 !important;
}

.outline {
    outline: 1px solid #dee2e6 !important;
}

.outline-warning {
    outline-color: #ffc107 !important;
}

.loader-tab {
    height: 100px;
    margin: auto;
}

.loader-chart {
    height: 100px;
    margin: auto;
}

.btn-owen-cloud {
    background-image: url('../img/owc_logo.svg') !important;
    background-position: 25px center !important;
    background-size: 60px auto !important;
    background-repeat: no-repeat !important;
    min-width: 95px;
    text-align: left;
    color: #008f90;
}

.prevent-event,
.pace-running {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.arrow-pos {
    display: flex;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    right: 258px;
    height: 40px;
    width: 40px;
    background-color: rgba(103, 106, 108, 0.2);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.arrow-scroll {
    display: flex;
    position: absolute;
    bottom: 61px;
    z-index: 1;
    right: 61px;
    height: 40px;
    width: 40px;
    background-color: rgba(103, 106, 108, 0.28);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    opacity: 0.4;
}

.arrow-scroll:hover{
    opacity: 1;
}

.arrow-pos:hover {
    background-color: rgba(103, 106, 108, 0.28);
}

.d-grid {
    display: grid;
}

.tracking-model-list-entry {
    gap: 0.5rem;
    grid-template-columns: 1fr auto;
    align-items: baseline;
}

.invisible {
    opacity: 0 !important;
}

.d-grid {
    display: grid !important;
}

.font-size-18px {
    font-size: 18px !important;
}

.object-metric-grid {
    gap: 10px;
    grid-template-columns: auto 22px auto 4fr 2fr 4fr minmax(0, 2fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr) 4fr minmax(0, 4fr) 4fr;
}

.ibox.object-type-metric > .ibox-title,
.ibox.object-self-metric > .ibox-title {
    min-height: 25px;
}

.object-type-metric-row-grid {
    gap: 10px;
    grid-template-columns: auto auto 1fr minmax(0, 2fr) minmax(0, 5fr);
}

.object-type-metric-row-grid > .sort-handler {
    margin-top: 33px;
}

.object-type-metric-row-grid > .main-check {
    margin-top: 35px;
}

.object-type-metric-row-grid > .metric-title {
    margin-top: 33px
}

.object-metric-grid > .sort-handler {
    margin-top: 3px;
}

.object-metric-grid > .main-check {
    margin-top: 5px;
}

.object-metric-grid > .actions {
    margin-top: 7px;
}

.object-to-metric-grid {
    grid-template-columns: 0fr 1fr;
}

.object-to-metric-grid > .o2m-form {
    margin-left: 111px;
}

.object-metric-value-const-row {
    gap: 0.5rem;
    grid-template-columns: 2fr 1fr 18px 2fr;
}

.object-metric-value-const-row > .date-range {
    grid-template-columns: 1fr auto 1fr;
    gap: 4px;
}

.date-range-delimiter {
    border-bottom: 1px solid #000000;
    height: 0;
    width: 6px;
}

.object-metric-value-const-row > .actions {
    margin-top: 6px;
}

.object-metric-value-param-row {
    gap: 0.5rem;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) 1fr 18px;
}

.ws-daterange-content {
    grid-template-columns: 1fr auto 1fr;
    gap: 4px;
}

.object-metric-value-param-row > .actions {
    margin-top: 6px;
}

.object-metric-value-expr-row {
    gap: 10px;
    grid-template-columns: 2fr 2fr 18px 1fr;
}

.object-type-metric-row {
    grid-template-columns: auto 1fr 1fr 2fr 2fr 3fr 2fr;
    gap: 5px;
}

.object-metric-row {
    grid-template-columns: auto minmax(0, 2fr) 1fr 1fr minmax(0, 2fr) minmax(0, 8fr);
    gap: 5px;
}

.overflow-unset {
    overflow: unset !important;
}

.tracking-context-menu {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 3px 3px;
    padding: 0;
    min-width: 130px;
}

.tracking-context-menu .context-menu-item {
    color: #676A6C;
    padding: 0.2em 15px;
    height: 32px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 8px
}

.tracking-context-menu .context-menu-item.context-menu-hover {
    background: #e6f3ef;
}

.tracking-context-menu .context-menu-icon i {
    position: unset;
    color: inherit;
}

.tracking-context-menu .context-menu-hover.context-menu-icon i {
    color: inherit;
}

.ws-path-arrow-icon {
    height: 6px;
    width: 6px;
    background: url("./images/path_arrow_icon.svg") no-repeat center center;
}

/* Lighting control module */
#lctrl-right-bar-content {
    padding: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #676A6C;
}

#lctrl-right-bar-content i + span {
    margin-left: 3px;
}

#lctrl-right-bar-content .success i {
    color: #2FA88D;
}

#lctrl-right-bar-content .process i {
    color: #2FA88D;
}

#lctrl-right-bar-content .fail {
    color: #DC6068;
}

#lctrl-lighting-title {
    margin-bottom: 8px;
}

#lctrl-lighting-title span {
    display: flex;
    font-weight: bold;
    padding-left: 10px;
    align-items: center;
}

#lcrtl-lighting-main {
    margin-bottom: 8px;
    border-bottom: 1px solid #E5E6E7;
}

#lctrl-lighting-info-profile {
    margin-bottom: 8px;
}

#lctrl-lighting-info-profile .profile-title {
    padding-bottom: 6px;
}

#lctrl-lighting-info-status {
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 14px;
}

#lctrl-marker-status div.marker-status {
    padding-top: 6px;
}

#lctrl-lighting-info-profile {
    font-weight: normal;
    line-height: 15px;
}

div.manipulations-tabs-caption {
    display: inline-block;
    list-style: none;
}

div.manipulations-tabs-caption label {
    padding-right: 14px;
    cursor: pointer;
}

div.manipulations-tabs-caption label.active {
    color: #53B095;
}

.manipulations-tabs-content {
    display: none;
    margin-top: 5px;
}

.manipulations-tabs-content.active {
    display: block;
}

.manipulations-tabs-content.active .fail {
    color: #DC6068;
}

.manipulations-tabs-content.active .unknown {
    color: #A7B1C0;
}

#lctrl-set-profile {
    margin-bottom: 12px;
}

#lctrl-set-profile label {
    font-weight: normal;
}

#lctrl-set-profile .set-multi-select {
    font-weight: normal;
    color: #676A6C;
}

#lctrl-set-profile button {
    display: block;
    width: 196px;
    height: 27px;
    justify-content: center;
    margin-top: 10px;
    border-radius: 3px;
    border: none;
    background: #53B095;
    color: #FFFFFF;
}

#lctrl-set-profile .select-action ul {
    list-style-type: none;
    padding: 0px;
    margin-top: 10px;
    align-items: center;
}

#lctrl-set-profile .select-action ul li input {
    margin-right: 6px;
    border-radius: 15px;
    border: 1px solid #A7B1C0;
    vertical-align: middle;
    color: #2FA88D;
}

#lctrl-set-profile .select-action ul li input + label {
    display: inline-block;
}

#lctrl-set-profile .select-action ul li label {
    display: flex;
    align-items: center;
    line-height: 19px;
}

#lctrl-base-commands ul {
    list-style-type: none;
    padding-left: 0px;
}

#lctrl-base-commands {
    margin-top: 20px;
}

#lctrl-base-commands .clear {
    margin-top: 24px;
}

#lctrl-base-commands li {
    margin: 2px;
    line-height: 19px;
}

#lctrl-base-commands li a i {
    margin-right: 6px;
    opacity: 0.7;
}

.manipulations-tabs-content.active dl {
    margin-bottom: 0;
}

.manipulations-tabs-content.active dt, dd {
    display: inline;
    margin: 0;
}

.manipulations-tabs-content.active dt::after {
    content: ':';
}

.manipulations-tabs-content.active dt {
    margin-right: 2px;
}

.manipulations-tabs-content.active dd {
    font-weight: bold;
}

.manipulations-tabs-content.active dd.temp {
    color: #2FA88D;
}

.manipulations-tabs-content.active dd.temp_min {
    color: #3399FF;
}

.manipulations-tabs-content.active dd.temp_max {
    color: #DC6068;
}

.manipulations-tabs-content.active div.history.list {
    font-weight: normal;
    line-height: 14px;
    border-bottom: 1px solid #E5E6E7;
}

.manipulations-tabs-content.active div.history.point {
    border-bottom: 1px solid #E5E6E7;
    margin-bottom: 0.3rem;
}

.manipulations-tabs-content.active div.history.point div {
    padding-bottom: 0.3rem;
}

.manipulations-tabs-content .metrics-list dt {
    font-weight: normal;
}

.manipulations-tabs-content.active div.history.full {
    position: sticky;
    bottom: 0px;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 15px;
}

#lctrl-history-list div.history.full a {
    display: inline-block;
    color: #676A6C;
    border-bottom: 1px dashed #2FA88D !important;
    padding-bottom: 2px;
}

.manipulations-tabs-content.active .history span.history-time {
    color: #A7B1C0;
}

/* Modal form with full history */
.modal-dialog.modal-middle {
    max-width: 60vw;
}

#add-form-modal-no-footer-middle i + span {
    margin-left: 3px;
}

#add-form-modal-no-footer-middle table td span.fail {
    color: #DC6068;
}

#add-form-modal-no-footer-middle table td span.unknown {
    color: #A7B1C0;
}

#add-form-modal-no-footer-middle table td.source-name {
    font-weight: 600;
}

.fw-6 {
    font-weight: 600;
}

.fw-7 {
    font-weight: 700;
}

.fw-8 {
    font-weight: 800;
}

.radio {
    margin-top: calc(.175rem + 1px);
    padding-left: 15px;
}

.radio label {
    top: 4px
}

.radio input[type="radio"] + label::after {
  background-color: #42969C;
}

.radio input[type="radio"]:checked + label::before {
  border-color: #42969C;
}

.radio input[type="radio"]:checked + label::after {
  background-color: #42969C;
}

.radio label::before {
    width: 13px;
    height: 13px;
    left: 3px;
    top: 3px;
}

.radio label::after {
    width: 7px;
    height: 7px;
    left: 6px;
    top: 6px;
}

.weekdays-green-list {
    padding-left: 0;
    display: flex;
    display: -webkit-box; /* Android 4.3-, Safari без оптимизации */
    -webkit-box-pack: justify; /* Android 4.3-, Safari без оптимизации */
    display: -webkit-flex; /* оптимизация для Safari */
    -webkit-justify-content: space-between; /* оптимизация для Safari */
    justify-content: space-between;
	text-align: justify; /* IE10-, Firefox 12-22 */
}

.weekdays-green-list .weekdays-green-day {
    position: relative;
    display: block;
    line-height: 14px;
    color: black;
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 50%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding-top: 7px;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
}

.weekdays-green-list .weekday-selected {
    background-color: #53B095;
    border: 1px solid #53B095;
    color: white;
}

.weekDays-green-rounds {
    padding-left: 0 !important;
    display: flex !important;
    display: -webkit-box !important;
    -webkit-box-pack: justify !important;
    display: -webkit-flex !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
	text-align: justify !important;
    font-family: inherit !important;
}

.weekDays-green-rounds a {
    position: relative !important;
    display: block !important;
    line-height: 14px !important;
    color: #676A6C !important;
    background-color: #fff !important;
    border: 1px solid #E5E6E7 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    width: 30px !important;
    height: 23px !important;
    padding-top: 7px !important;
    font-size: 10px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.weekDays-green-rounds .selectedDay {
    background-color: #53B095 !important;
    border: 1px solid #53B095 !important;
    color: white !important;
}

.weekDays-green-rounds a:hover {
    text-decoration: none !important;
}

.boolean-top-label {
    width: 100%
}
.tracking-tabs {
    overflow: hidden;
}

.tracking-tab {
    width: 100%;
    height: 100%;
}

.tracking-tabs-wrapper {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 134px);
}

.tracking-tab-table {
    padding: 23px 0 32px;
}

.tracking-table > thead > tr > th {
    padding: 9px 10px;
}

.tracking-table > tbody > tr > td {
    padding: 10px;
}

.tracking-table > thead > tr > th:first-child,
.tracking-table > tbody > tr > td:first-child {
    padding-left: 11px;
}

.tracking-table > thead > tr > th:last-child,
.tracking-table > tbody > tr > td:last-child {
    padding-right: 11px;
}

.tracking-table > tbody td {
    border-top: unset !important;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px !important;
}

.tracking-table > tbody > tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.tracking-table > thead th {
    border-bottom: unset !important;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px !important;
}

.tracking-table-tab-scroll ~ .slimScrollRailY {
    border: 1px solid #E5E6E7;
}

.tracking-table-tab-fixed {
    margin-left: 24px;
    margin-right: 24px;
    height: 40px;
}

.tracking-tab-header {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
}

.tracking-table-tab-scroll .tracking-tab-header {
    margin-left: 11px;
    margin-right: 11px;
}

.tracking-table-tab-scroll {
    padding: 0 28px 0 13px
}

.tracking-header {
    text-align: center;
}

.tracking-tabs-wrapper > nav > ul{
    margin-top: 8px;
    padding-left: 8px;
}

.tracking-link {
    border-bottom: 1px dashed #53B095;
}

.js-row-container.text-muted a {
    color: #aaa;
}

.chosen-container .chosen-drop {
    width: 100%;
}

.chosen-results > .highlighted-option {
    background-color: #ffeeba
}
.chosen-choices > .search-choice.highlighted-option {
    background-color: #ffeeba !important;
}

.bg-light-warning {
    background-color: #ffeeba !important;
}

ul.list-group.elements-list tr.separator {
    border-top: 2px solid #999;
}

.disabled-action {
    pointer-events: none;
}

.trigger-table-block {
    margin: 14px 0px 0px 0px;
    border: solid #E5E6E7;
}

.trigger-table-content {
    padding-top: 14px;
}

.trigger-table-bool {
    padding-right: 0px;
}

.trigger-table-elem {
    padding-right: 0px;
}

.trigger-block-bool {
    max-width: 11.5%;
    padding: 0px;
    margin: 14px 14px 0px;
}

.trigger-create-block-button {
    margin: 12px 0px;
    padding: 4px 18px;
}

.forbidden-interval {
    background-color: #DC6068 !important;
}

.warning-interval {
    background-color: #E78741 !important;
}

.chosen-disabled {
    opacity: 1 !important;
}

.chosen-disabled > .chosen-choices {
    background-color: #e9ecef !important;
}

.chosen-disabled > .chosen-single {
    background-color: #e9ecef !important;
}

.ws-geofence-search, .ws-search {
    background-color: #FFFFFF;
    border: 1px solid #e5e6e7;
    border-radius: 2px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    margin: 25px 20px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    outline: none;
    height: 26px;
    width: 100%;
}

.ws-geofence-search:focus {
    border-color: #1ab394;
}

.gap-10 {
    gap: 10px;
}

.side-board-body .ws-geofence-search {
    margin-top: 0;
}

.pointer-events-none {
    pointer-events: none !important;
}

.mw-161 {
    max-width: 161px;
}

.df-view-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 7px;
    overflow: hidden;
}

.device-view-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 7px;
    overflow: hidden;
}

.df-view-container > .metric,
.device-view-container > .metric {
    display: grid;
    grid-template-columns: auto 1fr auto;
}

.bottom-dashed {
    border-bottom: 1px dashed #686A6C;
}

.metric > .bottom-dashed {
    opacity: 40%;
}

.object-device-view-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 2fr) auto auto;
    align-items: end;
}

.device-view-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) auto auto;
    align-items: end;
}

.object-device-graph-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 1fr;
    align-items: end;
}

.device-graph-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 1fr;
    align-items: end;
}

.modal-dialog.modal-fix-height {
    overflow-y: initial !important;
}

.modal-dialog.modal-fix-height > .modal-content {
    max-height: 90vh;
    overflow: hidden;
}

.modal-dialog.modal-fix-height  > .modal-content > .modal-body {
    overflow: hidden;
    display: grid;
}

.tab-content-with-slimscroll-wrapper {
    display: grid;
    overflow: hidden;
    height: 100%;
    /*min-height: 30vh;*/
}

.overflow-auto {
    overflow: auto;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-12px {
    font-size: 12px !important;
}

#device-view-content .short-url {
    display: inline-block;
    max-width: 15vw;
}

#device-view-content .content-title-grid {
    display: grid;
    grid-template-columns: minmax(0, 3fr) 1fr;
    align-items: center;
}

#device-view-content .loader-chart {
    height: 100px;
    margin: auto;
}

#device-view-content #container-wrapper,
#device-view-content .full-height-scroll {
    min-height: 225px;
}

.form-control[readonly].iconpicker-input {
    background-color: #FFFFFF;
}

.widget-label{
    max-width: 120px;
}

.object-graph-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-items: end;
}

.grid-item.ui-draggable-dragging,
/* Packery adds class while transitioning to drop position */
.grid-item.is-positioning-post-drag {
    outline: 2px solid #53B095 !important;
    z-index: 5000; /* keep dragged item on top */
}

.grid-item.ui-draggable-dragging .grab-block {
    color: #53B095;
}

.packery-drop-placeholder:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f067";
    /*font-weight: 400;*/
    font-size: 17px;
    color: #53B095;
    position: absolute;
    top: 50%;
    left: 50%;
}

.packery-drop-placeholder {
    outline: 2px solid #53B095 !important;
    /*outline-offset: -6px;*/
    border-radius: 0.25rem !important;
    background-color: #fff;
    /* transition position changing */
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}

.cursor-grab {
    cursor: grab;
}

.widget-card > .header-block {
    display: grid;
    grid-template-areas:
        "grab name actions"
        ". address address";
    grid-template-rows: auto;
    grid-template-columns: auto 1fr auto;
}

.name-block {
    grid-area: name;
}

.address-block {
    grid-area: address;
    font-weight: 600;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(103, 106, 108, 0.5);
}

.actions-block {
    grid-area: actions;
}

.grab-block {
    grid-area: grab;
}

.plot-widget > .header-block {
    display: grid;
    grid-template-areas: "grab name actions";
    grid-template-rows: auto;
    grid-template-columns: auto 1fr auto;
}

.overflow-hidden {
    overflow: hidden;
}

.highcharts-lock-height {
    max-height: 400px;
}

.tabs-container .nav-tabs .nav-name {
    max-width: 200px;
}

#summary-data-container {
    min-height: 400px;
}

.text-error {
    color: #f32f44 !important;
}

.df-bind-template {
    grid-template-columns: auto 1fr 1fr;
    gap: 0.5rem;
}
.df-bind-template > .actions {
    margin-top: 6px;
}

.df-bind-template-entry {
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
}
.df-bind-template-entry > .actions {
    margin-top: 6px;
}

.table-hover-mod tbody tr:not(.detail-row):hover {
  background-color: rgba(0, 0, 0, 0.075);
}


.object-device-states-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 1fr;
    align-items: end;
}

.device-states-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-template-columns: minmax(0, 1fr) 2fr;
    align-items: end;
}

.df_name {
    max-width: 60%;
}


a.inactive {
    color: rgb(170, 170, 170);
}

.row .object-tab-buttons {
    margin-left: auto;
}

.text-average {
    color: #fc7523 !important;
}

.text-disaster {
    color: #c71d1d !important;
}

.label-average {
    background-color: #fc7523;
    color: #FFFFFF;
}

.label-disaster {
    background-color: #c71d1d;
    color: #FFFFFF;
}

.label-secondary {
    background-color: #d1dade;
    color: #FFFFFF;
}

.toggle-fields-container {
    position: relative;
}

.manage-toggle-fields {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.toggle-fields-btns {
    opacity: 0.5;
}

.json-field {
    padding: 1rem;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    height: 600px;
    overflow: auto;
    white-space: nowrap;
    background-color: #eff2f3;
    border: 1px solid #d1dade;
    border-radius: 2px;
}

.table-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 4fr 6fr 2fr 4fr 4fr 4fr 4fr 4fr;
    gap: 0.25em;
    align-items: start;
}

.table-row-elem-wrap {
    display: flex;
    align-items: center;
}

.table-row .form-control-sm,
.table-row .table-row-elem-wrap {
    height: 31px !important;
}


.contact-table-row {
    grid-template-columns: 60px auto;
    gap: 1em;
    align-items: start;
    margin-bottom: 1rem !important;
}

.contact-grid{
    gap: 1rem;
    align-items: start;
}

.column-grid-1-2 {
    grid-template-columns: 1fr 2fr ;
}

.column-grid-1-1{
    grid-template-columns: 1fr 1fr ;
}

.contact-grid-time {
    grid-template-columns: 1fr auto 1fr ;
    gap: 4px;
    align-items: start;
}

.contact-table-row .form-control-sm,
.contact-table-row .table-row-elem-wrap {
    height: 35px !important;
}

.contact-table-row label {
    margin-bottom: 0;
}

.form-control[readonly].clockpicker {
    background-color: #FFFFFF;
}

.label-notification {
    --label-padding-x: 0.45em;
    --label-padding-y: 0.3em;
    --label-margin-top: -0.5rem;
    --label-margin-left: -0.75rem;
    position: absolute;
    padding: var(--label-padding-y) var(--label-padding-x);
    margin-top: var(--label-margin-top);
    margin-left: var(--label-margin-left);
}

.notification-item {
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #e5e6e7;
}


.case-metric-model-list-entry {
    gap: 0.5rem;
    grid-template-columns: 1fr auto;
    align-items: baseline;
}

.case-temp-var-model-list-entry {
    gap: 0.5rem;
    grid-template-columns: 1fr auto auto auto;
    align-items: baseline;
}

.case-temp-var-value {
    display: grid;
    gap: 2rem;
    grid-template-columns: 2fr 2fr 1fr 1fr;
}

.gap-1 {
    gap: 0.3rem;
}

.history-cluster-icon {
    background-color: white;
    color: black;
    border-radius: 50%;
    border: 2px solid #808080;
    text-align: center;
    font-size: 13px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

.ntf_bell .dropdown-menu {
    z-index: 10000;
}

.widget-map.leaflet-container .ws-monitoring-param-wrapper.leaflet-slimscroll {
    max-height: 150px;
}

.carousel-item {
    min-height: 330px;
}

.carousel-inner .carousel-item .item-content {
    min-height: 300px;
    align-content: center;
    margin-bottom: 5%;
}

.carousel-inner .carousel-item[data-type="2"] .item-content{
    align-content: unset;
}

.carousel-control-next, .carousel-control-prev {
    width: unset;
}

.carousel-item .main-params-block {
    max-height: 225px;
}

.carousel .carousel-indicators li {
    background-color: #1ab394;
    opacity: .5;
}

.carousel .carousel-indicators .active {
    background-color: #1ab394;
    opacity: unset;
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-indicators {
    bottom: -10px;
}

.carousel-item-head {
    font-weight: 600;
    color: #9E9E9E;
    text-align: center;
}

.carousel-item {
    opacity: 0;
}

.carousel-item.active {
    animation-name: fadeIn;
    animation-duration: 3s;
    animation-fill-mode: both;
}

.w40px {
    width: 40px;
}

.w75px {
    width: 75px;
}

#widget-graphic-tooltip {
    z-index: 1500;
}