@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
	--primary-font: 'robotoregular';
	--base-font-size: 13px;

	--white: 255,255,255;
	--dark: 37,47,74;
	--blue: 25,120,246;
	--red: 233,61,57;
	--orange: 242,123,57;
	--green: 44,166,89;
	--yellow: 247,184,53;
	--pink: 255,22,84;
	--dark-navy: 12,33,58;
	--purple: 111,66,193;
	
	--navy-blue: #084d9e;
	--mid-black: #293e57;
	--mid-grey: #607d8b;
	--semi-light-grey: #ddd;
	--semi-mid-grey: #555;
	--dark-mid-grey: #848f9e;
	--very-light-grey: #d7d7d7;
	--mid-light-grey: #9e9e9e;
	--mid-dark-grey: #777;
	--blakish-grey: #444;
	--semi-blakish-grey: #3b4355;
	--dark-purple: #9c27b0;
	--mid-dark-navy: #22344d;
	--light-yellow: #f7ca59;
	--dark-yellow: #947608;
	--bright-pink: #f532c6;
	--dark-pink: #e91e63;
	--blue-semi-dark: #2653d4;
	/*--sea-green: #00b0ca;*/
	--light-sea-green: #b0e8c4;
	--mid-green: #449c16;
	--dark-green: #1cc88a;
	--yellowsish-green: #cddc39;
	--semi-dark-red: #e7160c;

	--transition: all 0.5s ease;

	--shadow: 0 2px 4px 0 rgb(136 144 195 / 20%);
}

/* Reset */
body { font-family: var(--primary-font); font-size: var(--base-font-size); color: rgb(var(--dark)); position: relative; /*background: rgba(var(--blue),.1);*/ background: #e8edfa; }
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }
.ft-digital { font-family: var(--font-digital-7regular); }
.line-height-1 { line-height: 1; }
sub, sup { font-size: 70%; }
.hide-credits { width: 65px; height: 20px; background: rgb(var(--white)); position: absolute; bottom: 0; left: 0; z-index: 10; }
.space { height: 7.5px; }
.opacity-75 { opacity: 75%; }
.invert-color-25 { filter: invert(25%); }
.invert-color-50 { filter: invert(50%); }
.invert-color-70 { filter: invert(70%); }
.invert-color-100 { filter: invert(100%); }
.color-white { filter: brightness(0) invert(1); }
.valign-mid { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.margin-btm { margin-bottom: 15px; }
.dropdown-item { padding: .25rem 0.75rem; color: rgb(var(--dark)); }
.dropdown-divider { margin: .15rem 0; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background: transparent; color: rgb(var(--green)); }
.module-top-links .btn { background: rgba(var(--white),.2); transition: var(--transition); }
.module-top-links .btn:hover, .active-dashboard { background-color: rgb(var(--blue)) !important; }
.module-top-links .btn .icon-sm { position: relative; top: -1px; }
.navbar { padding: .5rem 15px; }
.shadow { box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important; }
.shadow-dark { box-shadow: -8px 12px 18px 0 rgb(21 21 62 / 30%) !important; }
.bdr-0 { border: 0 !important; }
.pad-3 { padding: 0 3px !important; }
#wrapper { height: 100%; }
#wrapper #content-wrapper { background: transparent; }

/* Anchor links */
a, a:hover, a:focus { outline: none; text-decoration: none; transition: var(--transition); }
.view-alerts-btn { color: rgb(var(--blue)); transition: var(--transition); }

/* Colors */
.text-dark { color: rgb(var(--dark)) !important; }
.text-mid-black { color: var(--mid-black) !important; }
.text-purple { color: rgb(var(--purple)) !important; }
.text-orange { color: rgb(var(--orange)) !important; }
.text-mid-grey { color: rgba(var(--dark-navy),.6) !important; }
.text-yellow { color: rgb(var(--yellow)) !important; }
.text-pink { color: rgb(var(--pink)) !important; }
.text-bright-pink { color: var(--bright-pink) !important; }
.text-primary, a.text-primary:hover, a.text-primary:focus { color: rgb(var(--blue)) !important; }
.text-info, a.text-info:hover, a.text-info:focus { color: var(--sea-green) !important; }
.text-success, a.text-success:hover, a.text-success:focus, .normal-capacity { color: rgb(var(--green)) !important; }
.text-warning, a.text-warning:hover, a.text-warning:focus, .mid-capacity { color: rgb(var(--yellow)) !important; }
.text-danger, a.text-danger:hover, a.text-danger:focus, .over-capacity, .clr_red.deldata { color: rgb(var(--red)) !important; }
.Normal { color: #1ab394; }
.Critical, .Alert { color: #d9534f; }
.Major { color: #f07c4e; }
.Minor { color: #f0ad4e; }
.Other { color: rgba(var(--blue),.75); }

/* HR lines */
hr { margin-top: 0.5rem; margin-bottom: 0.5rem; border-top: 1px solid var(--semi-light-grey); }
hr.thin { margin-top: 0.35rem; margin-bottom: 0.35rem; border-top: 1px solid var(--semi-light-grey); }

/* Fonts */
.text-xxxs { font-size: 70%; }
.text-xxs { font-size: 88%; }
.text-sm { font-size: 90%; }
.text-semi-large { font-size: 105%; }
.text-large { font-size: 120% !important; }
.text-thin { font-family: 'robotolight'; }
.text-normal { font-family: 'robotoregular'; }

.text-underline { text-decoration: underline; }
.font-semi-bold { font-family: 'robotobold'; }
b, strong, .font-weight-bold { font-family: 'robotobold'; font-weight: normal !important; }
.font-weight-normal { font-family: 'robotoregular'; }

/* Icon size */
.icon-xs { width: 12px; height: 12px; }
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }

/* Bootstrap elements */
.container-fluid { padding-right: 15px; padding-left: 15px; }
.row { margin-right: -7.5px; margin-left: -7.5px; }
.row.row-small { margin-right: -2.5px; margin-left: -2.5px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding-right: 7.5px; padding-left: 7.5px; }
.row.row-small > [class^="col-"], .row.row-small > [class^="col"] { padding-left: 2.5px; padding-right: 2.5px; }
.row.no-gutters { margin-right: 0; margin-left: 0; }
.row.no-gutters > .col, .row.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-05 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-right: 7.5px; padding-left: 7.5px; }

/* Form elements */
input:focus { outline: 0; }
button, .btn { box-shadow: none !important; border-radius: 0.15rem; }
.btn-shadow:hover { box-shadow: 0px 11px 14px -7px rgb(0 0 0 / 25%) !important; }
button:focus, .btn.focus, .btn:focus { outline: none; box-shadow: none; }
.btn-white { background: rgb(var(--white)); border: 1px solid rgb(var(--blue)); color: rgb(var(--blue)); }
.btn-white:hover { background: rgb(var(--blue)); color: rgb(var(--white)); }
.btn-primary { background-color: rgb(var(--blue)); border-color: rgb(var(--blue)); }
.btn-primary:hover { background-color: var(--blue-semi-dark); border-color: var(--blue-semi-dark); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: rgb(var(--blue)); border-color: rgb(var(--blue)); }
.btn-info, .btn-info:hover { background-color: var(--sea-green); border-color: var(--sea-green); }
.btn-success { background-color: rgb(var(--green)); border-color: rgb(var(--green)); }
.btn-danger { background-color: rgb(var(--red)); border-color: rgb(var(--red)); }
.btn-danger:hover { color: rgb(var(--white)); background-color: #e02d1b; border-color:#d52a1a; }
.btn-warning { background-color: rgb(var(--yellow)); border-color: rgb(var(--yellow)); }
.btn-sky, .btn-sky:hover { background: #c8ddf7; color: rgb(var(--blue)); }
.select2-container--default .select2-selection--single { height:32px; color:#999 !important; border-radius:0.15rem; border:1px solid #d1d3e2; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color:#999; }
.chosen-container-single .chosen-single { line-height:30px; }
.tour-btn { height: 41px; line-height: 41px; padding: 0 1rem; font-size: .75rem; }
.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .75rem; }
.btn-group-sm > .btn { padding-top: 0; padding-bottom: 0; }
.btn-group-sm > .btn:not(:last-child) { border-right: 1px solid var(--semi-light-grey); }
.btn-group-sm > .btn:hover, .btn-group-sm > .btn.active-day { /* background: #b4cdeb; */ color: rgb(var(--blue)); }

/* Fancy checkbox */
.fancy-checkbox { display: block; position: relative; padding-left: 25px; cursor: pointer; user-select: none; }
.fancy-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.fancy-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #c8ddf7; border-radius: 0.15rem; }
.fancy-checkbox:hover input ~ .checkmark { background-color: #c8ddf7; }
.fancy-checkbox input:checked ~ .checkmark { background-color: rgb(var(--blue)); }
.fancy-checkbox .checkmark:after { content: ""; position: absolute; display: none; }
.fancy-checkbox input:checked ~ .checkmark:after { display: block; }
.fancy-checkbox .checkmark:after { left: 6px; top: 2px; width: 6px; height: 10px; border: solid rgb(var(--white)); border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* Fancy radio button */
.fancy-radio { display: block; position: relative; padding-left: 25px; cursor: pointer; user-select: none; }
.fancy-radio input { position: absolute; opacity: 0; cursor: pointer; }
.fancy-radio .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #c8ddf7; border-radius: 50%; }
.fancy-radio:hover input ~ .checkmark { background-color: #c8ddf7; }
.fancy-radio input:checked ~ .checkmark { background-color: rgb(var(--blue)); }
.fancy-radio .checkmark:after { content: ""; position: absolute; display: none; }
.fancy-radio input:checked ~ .checkmark:after { display: block; }
.fancy-radio .checkmark:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--white)); }

/* Border */
.border { border: 1px solid #ccced7 !important; }
.rounded { border-radius: .25rem!important; }
.border-left-danger {  border-left: .25rem solid rgb(var(--red)) !important; }
.border-left-purple { border-left: .25rem solid rgb(var(--purple)) !important; }
.border-left-orange { border-left: .25rem solid rgb(var(--orange)) !important; }
.border-mid-grey { border-left: .25rem solid rgba(var(--dark-navy),.6) !important; }
.border-left-info { border-left: .25rem solid var(--sea-green) !important; }
.solid-border { height: 1.5px; border-top: 1px solid var(--very-light-grey); }
.dotted-border { height: 1.5px; border-top: 1px dashed var(--very-light-grey); margin: 2px 0; }

/* Background color */
.bg-pattern { background-image: url(../images/cta-pattern-dark.png); background-repeat: no-repeat; background-size: cover; }
.bg-blue-gradient { background-image: url(../images/cta-pattern-light.png),-webkit-gradient(linear, left top, left bottom, from(#4B72FA), to(#934BFA)); background-image: url(../images/cta-pattern-light.png),linear-gradient(-180deg, #4B72FA 0%, #934BFA 100%); background-size: cover; }
.bg-pink-gradient { background-image: url(../images/cta-pattern-light.png),-webkit-gradient(linear, left top, left bottom, from(#FF218E), to(#E36C0F)); background-image: url(../images/cta-pattern-light.png),linear-gradient(-180deg, #FF218E 0%, #E36C0F 100%); background-size: cover; }
.bg-gradient-primary { background: rgb(var(--dark-navy)); background-image: none; }
.bg-navy { background-color: rgb(var(--light-navy)) !important; }
.bg-dark-blue { background-color: rgb(var(--dark-blue)) !important; }
.bg-orange { background-color: rgb(var(--orange)) !important; }
.bg-success { background-color: rgb(var(--green)) !important; }
.bg-warning { background-color: rgb(var(--yellow)) !important; }
.bg-danger, a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(var(--red)) !important; }
.bg-purple { background-color: rgb(var(--purple)) !important; }
.bg-pink { background-color: rgb(var(--pink)) !important; }
.bg-primary { background-color: rgb(var(--blue)) !important; }
a.bg-primary, a.bg-primary, button.bg-primary, button.bg-primary { background-color: rgb(var(--blue)); }

/* Bullet style */
.dot, .square { padding-left: 20px; position: relative; }
.dot:before, .square:before, .dot .dot-color { content: ''; position: absolute; display: block; top: calc(50% - 8px); left: 0; width: 16px; height: 16px; border-radius: 100%; border: 4px solid transparent; }
.square:before { border-radius: 0; }
.dot.dot-primary:before, .square.square-primary:before { border-color: rgb(var(--blue)); }
.dot.dot-success:before, .square.square-success:before { border-color: rgb(var(--green)); }
.dot.dot-warning:before, .square.square-warning:before { border-color: rgb(var(--yellow)); }
.dot.dot-danger:before, .square.square-danger:before { border-color: rgb(var(--red)); }
.dot.dot-purple:before, .square.square-purple:before { border-color: rgb(var(--purple)); }
.dot.dot-orange:before, .square.square-orange:before { border-color: rgb(var(--orange)); }
.dot.dot-info:before, .square.square-info:before { border-color: var(--sea-green); }
.dot.dot-pink:before, .square.square-info:before { border-color: rgb(var(--pink)); }
.dot.dot-disable:before, .square.square-disable:before { border-color: var(--mid-light-grey); }
.dot .dot-span { display: block; width: 16px; height: 16px; background: rgb(var(--blue)); border-radius: 50%; position: absolute; left: 0; top: calc(50% - 8px); }
.dot .dot-span:after, .dot .dot-color:after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(var(--white)); position: absolute; top: calc(50% - 4px); left: 0; right: 0; margin: 0 auto; }
.dot.dot-danger .dot-span { background: rgb(var(--red)); }

/* Table */
.table { margin-bottom: 0; }
.table thead th { background: var(--mid-dark-navy); color: rgb(var(--white)); }
.table tbody td { font-size: 12px; vertical-align: middle; }
.data-table-wrapper .table td, .data-table-wrapper .table th { padding: .45rem; }
.data-table-wrapper .table th:focus { outline: 0; }
.data-table-wrapper .table th { font-family: 'robotomedium'; }
.data-table-wrapper .table td { vertical-align: middle; }
.data-table-wrapper .table td .dropdown-menu { margin: .15rem 0; left: auto !important; right: 0; transform: translate3d(0, 21px, 0px) !important; }
.data-table-wrapper .table td .dropdown-item { padding: .25rem .5rem; font-size: 13px; }
.data-table-wrapper .table td .dropdown-divider { margin: .15rem 0; border-color: #eaecf4 !important; }
.table.listing-table thead th { background: rgba(var(--dark),.05); color: rgb(var(--dark)); padding: 0.85rem 1.5rem; text-transform: uppercase; border-top: 1px solid #e3e6f0; }
.table.listing-table td { background: rgb(var(--white)); padding: 0.5rem 1.5rem; }

/* Google map */
a[href^="http://maps.google.com/maps"] { display: none !important; }
a[href^="https://maps.google.com/maps"] { display: none !important; }
.gmnoprint a, .gmnoprint span, .gm-style-cc  { display: none !important; }
.gmnoprint div { background:none !important; }
.gm-style-mtc-bbw .gm-style-mtc:first-child { margin-right: 5px; }
.gmnoprint.gm-bundled-control-on-bottom { bottom: 89px !important; }
.gmnoprint.gm-bundled-control-on-bottom button { margin-top: 4px !important; }
.mapLegend { display: flex; position: absolute; top: 10px; right: 10px; background: rgb(var(--white)); height: 40px; line-height: 40px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; padding: 0 10px; z-index: 1; }
.map-legend-item { display: flex; align-items: center; margin-right: 10px; color: #6e707e; }
.map-legend-color { width: 20px; height: 20px; margin-right: 5px; border-radius: 2px; }

/* Top bar */
.header-navbar { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; }
.topbar { background: rgb(var(--dark-navy)); height: 2.75rem; }
.navbar-container { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; margin-right: auto; margin-left: auto; width: 100%; }
.top-bar-main-menu ul { padding: 0; margin: 0; text-align: center; }
.top-bar-main-menu ul li { float: none; display: inline-block; margin: 0 2.5px; list-style: none; }
.top-bar-main-menu ul li a { display: inline-block; padding: 5px 10px; background: rgba(var(--white),0.1); border-radius: 0.15rem; color: rgba(var(--white),1); }
.top-bar-main-menu ul li svg { position: relative; top: -2px; }
.top-bar-main-menu ul li a:hover { background: rgb(var(--blue)); color: rgb(var(--white)); }
.topbar .navbar-nav a { font-size: 14px; }
.topbar .dropdown .dropdown-menu .sub-menu-items-wrapper div .dropdown-item { color: rgba(var(--dark),0.65); }
.topbar .top-links .nav-item .nav-link { padding-left: 0; padding-right: 1.25rem; }
.topbar .top-links .nav-item.active-top-links .nav-link { color: rgb(var(--yellow)); }
.topbar .alert-top-dropdown .alert-num { width: 18px; height: 18px; line-height: 18px; text-align: center; background: rgb(var(--red)); color: rgb(var(--white)); font-size: 9px; font-family: 'robotobold'; position: absolute; right: -7px; top: -7px; border-radius: 50%; }
.top-bar-right-menu { display: flex !important; }
.top-bar-right-container { display: flex !important; flex-basis: auto; flex-grow: 1; align-items: center; }
.top-bar-right-menu ul { padding: 0; margin: 0; text-align: center; flex-direction: row; align-items: center; display: flex; }
.top-bar-right-menu ul li { float: none; display: inline-block; list-style: none; }
.top-bar-right-menu ul li:not(:last-child) { margin-right: 1.25rem; }
.top-bar-right-menu ul .nav-item .alert-data-count { min-width: 25.5px; text-align: center; border-radius: 0.2rem; color: rgb(var(--white)); font-size: 11px; display: inline-block; padding: 6px 4px 3px; }
.top-bar-right-menu ul .nav-alerts .alert-data-count { background: rgb(var(--red)); }

.dashboard-top-menu.top-bar-main-menu { position:relative; top:0; background:transparent; display:block; margin-bottom:15px; }
.dashboard-top-menu.top-bar-main-menu ul { padding:0; }
.dashboard-top-menu.top-bar-main-menu ul li a { background:rgba(var(--dark),0.1); color:rgba(var(--dark),0.75); }
.dashboard-top-menu.top-bar-main-menu ul li svg { color:rgba(var(--dark),0.75) !important; }
.dashboard-top-menu.top-bar-main-menu ul li:hover a, .dashboard-top-menu.top-bar-main-menu ul li a.active-dashboard { background-color:rgb(var(--blue)); color:rgba(var(--white),1); }
.dashboard-top-menu.top-bar-main-menu ul li:hover svg, .dashboard-top-menu.top-bar-main-menu ul li a.active-dashboard svg { color:rgba(var(--white),1) !important; }

.sidebar { border-radius: 0.25rem; }
.sidebar .sidebar-brand { height: 2.75rem; padding: 1rem; background: rgba(23,97,253,0.3); }
.sidebar hr.sidebar-divider { margin: 0; }
.sidebar #sidebarToggle { margin-top: 1rem; }
.sidebar .nav-item .nav-link span { text-transform: capitalize; }
.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item { border-radius: 0.25rem; }
.sidebar-alert-panel { min-width: 300px; }
.sidebar.multi-level-menu .dropdown .dropdown-menu { font-size: var(--base-font-size); position: relative !important; transform: none !important; border-radius:0; background: transparent; }
.sidebar.multi-level-menu .dropdown .dropdown-menu a:hover, .sidebar.multi-level-menu .dropdown .dropdown-menu a:focus { color: rgb(var(--dark)); }

.rotate { animation: rotation 1.5s infinite linear; }
@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}
.rotate-medium { animation: rotation 1s infinite linear; }
@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}
.rotate-fast { animation: rotation 0.5s infinite linear; }
@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

.nav-select-dropdown label { font-size: 14px; color: rgb(var(--white)); font-weight: normal; }
.nav-select-dropdown select { border: 2px solid var(--dark-mid-grey); border-radius: 0.25rem; padding: 0.15rem; color: var(--semi-mid-grey); }
.nav-select-dropdown select:focus { outline: 0; }

.navbar-dropdown-arrow { /*background: transparent; padding: 0.1rem 0; border-bottom: 1px dashed rgb(var(--white)); border-radius: 0;*/ }
.navbar-dropdown-arrow .dropdown-toggle::after { margin-left: 1em; }

.topbar .brand-name { font-size: 1rem; color: rgb(var(--white)); }
.topbar .brand-name span { color: rgb(var(--red)); }
.topbar .nav-item .nav-link { height: 2.75rem; padding: 0; }
.topbar .nav-item .nav-link.active-nav-link { color: rgb(var(--red)) !important; }
.topbar ul ul ul ul { position: relative !important; top: 0 !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; }
.topbar .dropdown .dropdown-menu .sub-menu-items-wrapper:last-child .dropdown-divider { display: none; }
.topbar .dropdown .dropdown-menu .sub-menu-items-wrapper > div .dropdown-item:hover { color: rgb(var(--blue)); }

.header { position: relative; text-transform: capitalize; }

.topbar .nav-item .nav-link { height: 2.75rem; padding: 0; }
.topbar .nav-item .nav-link.active-nav-link { color: rgb(var(--green)) !important; }
.topbar ul ul ul ul { position: relative !important; top: 0 !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; }
.topbar .dropdown .dropdown-menu .sub-menu-items-wrapper:last-child .dropdown-divider { display: none; }
.topbar .dropdown .dropdown-menu .sub-menu-items-wrapper > div .dropdown-item:hover { color: rgb(var(--blue)); }

.header { position: relative; text-transform: capitalize; }

.search-form { text-align: center; }
.search-form .search-wrapper { width: 85%; margin: 0 auto; padding: 4px 8px; }
.search-form .search-wrapper .card-body { padding: 0; border-radius: 0; }
.search-form .searchBar { border: 0; border-radius: 0; box-shadow: none; }
.search-form .searchBar::placeholder { color: #b7b9cc; opacity: 1; }
.search-form .searchBar::-ms-input-placeholder { color: #b7b9cc; }

.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: rgb(var(--white)); text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; }
.tooltip:hover .tooltiptext { visibility: visible; }
.info-tooltip { position: relative; }
.info-tooltip .info-tooltip-message { display: none; }
.info-tooltip .info-tooltip-message strong { text-transform:uppercase; }
.info-tooltip:hover .info-tooltip-message { font-size: 11px; font-family: 'robotoregular'; display: block; position: absolute; bottom: 100%; left: 50%; right: 50%; margin: 0 auto; background: rgba(var(--dark-navy),.75); width: max-content; height: auto; padding: 6px 10px; border-radius: 0.2rem; z-index: 10; color: rgb(var(--white)); text-align: center; line-height: 15px; transform: translate(-50%, 0%); box-shadow: 0px 2px 5px 0 rgba(21,21,62,0.5) !important; }
.info-tooltip:hover .info-tooltip-message:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(var(--dark-navy),.6); position: absolute; bottom: -7px; left: 0; right: 0; margin: 0 auto; }

.card { border: 0; border-radius: .25rem; box-shadow: var(--shadow); }
.card.card-inactive { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.card.card-inactive:before { content: ""; background: rgba(var(--white),0.5); position: absolute; width: 100%; height: 100%; border-radius: 0.25rem; z-index: 100; }
.card-border { /*border: 1px solid var(--semi-light-grey);*/ border: 1px solid var(--very-light-grey); }
.card .card-title { font-size: 1rem; font-family: 'robotobold'; font-weight: normal; color: rgb(var(--blue)); text-transform: capitalize; padding: 0 0 5px; margin-bottom: 0; }
.card .card-title .card-header-icon { width: 35px; height: 35px; line-height: 35px; text-align: center; color: rgb(var(--white)); background: rgba(var(--dark-navy),.7); display: inline-block; border-radius: 50%; margin-right: 0.25rem; }
.card .card-title .card-header-icon .icon { width: 18px; height: 18px; position: relative; top: -2px; }
.card-header { background-color: rgb(var(--dark)); padding: 5px 10px; font-weight: normal; font-size: 13px; color: rgb(var(--white)); border-bottom: 0; }
.card-header img { height:17px; width:auto; }
.card-header.card-header-2 { line-height: 24px; }
.card-body { padding: 1rem; border: 0; border-radius: .25rem; position: relative; }
.card-body.card-small { padding: 0.6rem; }

.card-badge { border-radius: 35px; padding: 0 0.75rem; color: rgb(var(--white)); }
.badge-normal { background: var(--light-sea-green); color: var(--mid-green); }
.badge-warning { background: var(--light-yellow); color: var(--dark-yellow); }
.badge-danger { background: var(--semi-dark-red); color: rgb(var(--white)); }

.top-info-bar { position: relative; }
.top-info-bar .material-icons { position: relative; top: 3px; }
.topbar-right-group { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.topbar-right-group .block { padding: 0 0.25rem; }
.topbar-right-group .block:last-child { padding-right: 0; }
.top-info-bar .alert-blink { background: rgb(var(--red)); position: absolute; width: 350px; height: 60.73px; line-height: 60.73px; margin: 0 auto; left: 0; right: 0; border-radius: .25rem; color: rgb(var(--white)); font-size: 16px; font-family: 'robotobold'; font-weight: normal; text-align: center; animation: alertblink 1s infinite; }
@-webkit-keyframes alertblink {
	0%, 49% {
	    background-color: rgb(var(--red));
	}
	50%, 100% {
	    background-color: rgb(var(--purple));
	}
}

.navbar { margin-bottom: 15px; }
.nav-tabs { border-bottom: 0; }
.nav-tabs .nav-item { margin-bottom: 0; margin-right: 0.5rem; }
.nav-tabs .nav-item:last-child { margin-right: 0; }
.nav-tabs .nav-link { background: #dedede; color: var(--mid-dark-grey); border: 0; padding: .25rem 0.75rem; border-radius: .25rem; font-family: 'robotobold'; font-weight: normal; cursor: pointer; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: rgb(var(--orange)); color: rgb(var(--white)); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border: 0; }
.nav-tabs .nav-link a { color: var(--mid-dark-navy); }
.tab-content { background: rgb(var(--white)); padding: 0; border: 0; }
.navtab-wrapper {}
.navtab-wrapper .nav-tabs .nav-link { background: rgba(var(--dark),.15); border-radius: 0.2rem; text-transform: capitalize; padding: .4rem 1rem; }
.navtab-wrapper .nav-tabs .nav-link.active { background: rgb(var(--orange)); color: rgb(var(--white)); }
.navtab-wrapper.navtab-transparent { border-bottom: 0; }
.navtab-wrapper.navtab-transparent .nav-tabs .nav-link { padding-left: 0; padding-right: 0; font-weight: normal; text-transform: capitalize; }
.navtab-wrapper.navtab-transparent .nav-tabs .nav-link.active { background: transparent; color: rgb(var(--green)); font-family: 'robotobold'; font-weight: normal; }

.notification-panel { width: 325px; height: 100%; padding: 0.5rem; position: fixed; top: 0; right: -325px; box-sizing: border-box; z-index: 99; transition: all 0.5s ease; }
.notification-panel.notification-panel-open { right: 0; }
.notification-box { border-radius: 0; text-align: left; font-weight: normal; font-size: 12px; border: 1px solid var(--very-light-grey); padding: 8px; margin-bottom: 5px; }
.notification-box:last-child { margin-bottom: 0; }
.notification-box .dismiss { cursor: pointer; float: right; margin-right: 0; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; text-align: center; background: var(--mid-dark-grey); color: rgb(var(--white)); font-family: 'robotobold'; font-weight: normal; }
.notification-box .dismiss a { color: rgb(var(--white)); text-decoration: none; }
.notification-btn { padding: 3px 5px; font-size: 12px; }
.open-notification { position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 10; }
.notification-close { cursor: pointer; font-size: 16px; }

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item { padding: .5rem; font-size: 13px; }

.data-card { margin-bottom: 3px; }
.data-card .card-body { padding: 5px 10px; }
.data-card .val { font-size: 14px; }
.data-card .fas { font-size: 20px; position: relative; top: 1px; }

label { margin-bottom: .15rem; color: rgb(var(--dark)); font-family: 'robotomedium'; font-weight: normal; }
.form-group { margin-bottom: .5rem; }
.form-group .form-control { font-size: 0.75rem; padding: .5rem; border-radius: .15rem; }
select.form-control:not([size]):not([multiple]) { height: calc(2rem + 0px); }
.form-control:focus { outline: 0; box-shadow: none; }
.btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .75rem; }
.btn.focus, .btn:focus { outline: 0; box-shadow: none !important; }
.card .card-header .btn { padding: .1rem .5rem; }

.ddaction { padding: 0; font-size: 13px; }
.ddaction.dropdown-toggle::after { margin: 0; border: 0; }
.data-table-wrapper .table td .dropdown { text-align: center; width: 18px; margin: 0 auto; }

.heatmap { text-align: center; }
.heatmap img { max-width: 100%; height: auto; margin: 0 auto; }
.heatmap-grid-wrapper:hover { position: relative; z-index: 10; }
.heatmap-grid-wrapper a { color: var(--white); text-decoration: none; display: block; width: 100%; height: 100%; padding: 0.35rem; }
.heatmap-grid-wrapper .heatmap-grid-box { border-radius: 0.25rem; border: 2px solid rgb(var(--white)); }
.heatmap-grid-wrapper .heatmap-grid-box .zone-name-box { font-size: 11px; }
.heatmap-grid-wrapper .zone-occupancy { margin-bottom: 0.35rem; }
.heatmap-grid-wrapper .progress { height: 0.25rem; background: rgba(var(--dark),0.2); }
.heatmap-grid-wrapper .progress .progress-bar { background: rgb(var(--white)); }

.people-monitor-list { color: rgb(var(--white)); }
.people-monitor-list .h6 { font-size: 13px !important; }
.people-monitor-list .status-circle { position: relative; top: 1px; }

.status-circle { width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; padding: 3px; box-sizing: border-box; }
.status-circle span { width: 6px; height: 6px; border-radius: 50%; display: block; margin: 0 auto; background: rgb(var(--white)); }
.status-circle.capacity-normal { background-color: rgb(var(--green)); }
.status-circle.capacity-warning { background-color: rgb(var(--yellow)); }
.status-circle.capacity-danger { background-color: rgb(var(--red)); }

.status { margin: 0; padding: 0; position: absolute; right: 0; top: 5px; }
.status li { list-style: none; float: left; margin: 0 10px 0 0; }
.status li:last-child { margin-right: 0; }

.alert { border-radius: 0.25rem; /*box-shadow: -1px 5px 15px 0 rgb(21 21 62 / 20%);*/ padding: 1rem; font-size: 110%; }
.alert-success { color: var(--mid-grey); background: rgb(var(--white)); border: 0; border-bottom: 4px solid rgb(var(--green)); padding-left: 3rem; }
.alert-success:before { font-family: 'robotoblack'; content: "\f058"; font-family: 'Font Awesome 5 Free'; color: rgb(var(--green)); font-size: 20px; position: absolute; top: 12px; left: 1rem; }
.alert-danger { color: var(--mid-grey); background: rgb(var(--white)); border: 0; border-bottom: 4px solid rgb(var(--red)); padding-left: 3rem; }
.alert-danger:before { font-family: 'robotoblack'; content: "\f071"; font-family: 'Font Awesome 5 Free'; color: rgb(var(--red)); font-size: 20px; position: absolute; top: 12px; left: 1rem; }

.alert-tab-wrapper .nav-tabs .nav-item { text-align: center; color: rgb(var(--white)); font-size: 81%; margin-right: 0.75rem; }
.alert-tab-wrapper .nav-tabs .nav-item .nav-link { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 0; padding: 0; font-family: 'robotobold'; font-weight: normal; font-size: 14px; color: var(--blakish-grey); margin-bottom: 2px; }
.alert-tab-wrapper .nav-tabs .nav-item .nav-link.active { background: var(--yellowsish-green); color: rgb(var(--white)); }
.alert-tab-wrapper .tab-content { background: transparent; border: 0; padding: 8px 0 0; margin-top: 8px; }
.alert-tab-wrapper .dropdown-menu { min-width: 8rem; }
.alert-body-wrapper { position: absolute; top: 54px; right: 10px; width: 400px; }
.alert-overlay { position: fixed; width: 100%; height: 100%; background: rgb(0 0 0 / 20%); z-index: 10; top: 0; left: 0; }
.alert-body-wrapper .card { transition: var(--transition); }

.overall-alerts { margin: 0; padding: 0; }
.overall-alerts li { list-style: none; float: left; margin: 0 1.5rem 0 0; }
.overall-alerts li:last-child { margin-right: 0; }

.alert-list-height { height: auto; max-height: 350px; }

.mCSB_scrollTools { width: 2px;	}

.timeline { position: relative; }
.timeline:before { content: ""; position: absolute; left: 3px; width: 3px; top: 0; bottom: 0; background-color: var(--semi-light-grey); }
.timeline .timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 0.5rem; }
.timeline .timeline-loop { /*padding-right: 0.75rem;*/ }
.timeline .timeline-loop:last-child .timeline-item { margin-bottom: 0; }
.timeline .timeline-label { width: auto; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.85rem; font-family: 'robotobold'; font-weight: normal; position: relative; color: rgb(var(--dark-navy)); padding-left: 0; }
.timeline .timeline-item .timeline-badge { -ms-flex-negative: 0; flex-shrink: 0; background: white; width: 13px; height: 13px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; position: relative; margin-top: 1px; margin-left: -4px; padding: 3px; border: 6px solid rgb(var(--white)); }
.timeline .timeline-item .timeline-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 0.6rem; border-bottom: 1px solid var(--semi-light-grey); }
.timeline .timeline-loop:last-child .timeline-content { /*padding-bottom: 0;*/ }
.timeline .timeline-loop .timeline-badge i { color: rgba(var(--dark),1) !important; }
.timeline.tracking-timeline .timeline-loop .timeline-content { padding-left: 0.5rem; }
.timeline.tracking-timeline .timeline-loop .timeline-badge i { font-size: 25px; }
.timeline.tracking-timeline .timeline-loop.step-previous .timeline-badge i { color: rgb(var(--red)) !important; }
.timeline.tracking-timeline .timeline-loop.step-present .timeline-badge i { color: rgb(var(--green)) !important; animation: setppresentanimate 0.5s infinite; }
@keyframes setppresentanimate {
	from { color: #00dc70 !important; }
	to { color: #004792 !important; }
}

.progress { border-radius: 0.5rem; height: 0.5rem; }
.progress.progress-thin { height: 0.25rem; }
.progress-bar { background-color: rgb(var(--blue)); }

.progress-bar-vertical { width: 5px; height: 250px; background: rgba(var(--dark),.2); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; -webkit-align-items: flex-end; overflow: visible; margin: 0 auto; }
.progress-bar-vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease; position: relative; border-radius: 0 0 0.5rem 0.5rem; }
.progress-bar-vertical .progress-bar:before { /*content: ""; width: 8px; border-right: 2px solid var(--sea-green); height: 15px; background: var(--navy-blue); position: absolute; top: 0; z-index: 1; left: 50%; margin-left: -8px;*/ }
.progress-bar-vertical .progress-bar:after { /*content: ""; width: 8px; border-left: 2px solid var(--sea-green); height: 15px; background: var(--navy-blue); position: absolute; top: 0; z-index: 1; right: 50%; margin-right: -8px;*/ }
.progress-bar-vertical .progress-bar > div { position: absolute; width: 100%; top: 0; width: 25px; height: 25px; text-align: center; border-radius: 0.15rem; left: 50%; margin-top: 12px; margin-left: -12.5px; }
.progress-arrow { position: absolute; left: 0; top: 0; height: 0.25rem; }
.progress-arrow:after { content: ""; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(var(--red)); position: absolute; right: 0; top: -6px; }

.single-lift-wrapper { /*background: rgba(var(--dark),.03); border: 1px solid rgba(var(--dark),.1);*/ width: 46.34px; margin: 0 auto; padding: 0.75rem 0.5rem; /*background-image: linear-gradient(-180deg, #fff 0%, #fff 100%);*/ box-shadow: 0 -0.25rem 1.5rem rgb(105 139 207) inset, 0 0.75rem 0.5rem rgb(255 255 255 / 40%) inset, 0 0.25rem 0.5rem 0 rgb(221 223 231) inset; border-radius: 50px; }
.lift-floor-no { height: 250px; }
.lift-floor-no > div { height: 20%; text-align: center; display:flex; flex-direction:column; justify-content:space-around; border-bottom: 1px solid var(--very-light-grey); }
.lift-floor-no > div:last-child { border-bottom: 0; }
.lift-floor-no > div .active-floor { color: rgb(var(--dark)) !important; font-family: 'robotoblack'; }

.chnage-drodown { border: 0; padding: 0; color: var(--semi-mid-grey); }

.icon-box { width: 50px; height: 50px; text-align: center; line-height: 50px; }
.icon-box.icon-bg-purple { background: rgb(var(--purple)); }
.icon-box.icon-bg-orange { background: rgb(var(--orange)); }
.icon-box.icon-bg-info { background: var(--sea-green); }
.icon-box.icon-bg-danger { background: rgb(var(--red)); }
.icon-box.icon-bg-warning { background: rgb(var(--yellow)); }
.icon-box.icon-bg-success { background: rgb(var(--green)); }

.aqi-box { width: 42px; height: 42px; line-height: 42px; border-radius: 0.25rem; text-align: center; }
.aqi-box img { filter: invert(100); }
.aqi-box.aqi-good img { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.search-assets-box-wrapper { position: relative; }
.assets-search-icon { position: absolute; right: 0; top: 0; }
.assets-search-icon i { color: rgb(var(--purple)); }
.search-assets-box { width: 125px; background: transparent; border: 0; border-bottom: 1px solid rgb(var(--dark),.25); padding-left: 0; padding-right: 25px; padding-top: 2px; padding-bottom: 2px; outline: 0; }
.search-assets-box-wrapper.top-search .search-assets-box { width: 150px; }
.search-assets-box-wrapper.top-search .search-assets-box { border-color: rgb(var(--white)); color: rgb(var(--white)); }
.search-assets-box-wrapper.top-search .assets-search-icon .icon-sm { color: rgb(var(--white)); }
.assets-live-location-wrapper { /*height: 222px;*/ height: 324px; overflow: hidden; }
.assets-row { background: rgb(250,250,250); /*border-bottom: 1px solid var(--semi-light-grey); padding-bottom: 0.35rem; margin-bottom: 0.35rem;*/ }
.assets-row:last-child { /*border-bottom: 0;*/ padding-bottom: 0; margin-bottom: 0; }
.search-assets-box-wrapper.top-search .search-assets-box::placeholder { color: rgb(var(--white)); opacity: 1; }
.search-assets-box-wrapper.top-search .search-assets-box:-ms-input-placeholder { color: rgb(var(--white)); }
.search-assets-box-wrapper.top-search .search-assets-box::-ms-input-placeholder { color: rgb(var(--white)); }

.fancy-select { width: 91px; background: rgba(var(--dark),.1) !important; border-radius: 0.15rem; /*border: 1px solid #d1d3e2;*/ border: 0; color: rgba(var(--dark),.65); padding: 0.23rem 0.15rem; box-sizing: border-box; font-size: 11px; box-shadow: 0 1px 0px 0 rgba(0,0,0,0.25); }
.fancy-select:focus { outline: 0; }
.card .card-body div.header .fancy-select { width: 91px; }

.progress-actual { height: 4px; margin-bottom: 1px; }

.border-success { border: 1px solid rgb(var(--green)) !important; }
.border-warning { border: 1px solid rgb(var(--yellow)) !important; }
.border-danger { border: 1px solid rgb(var(--red)) !important; }
.border-info { border: 1px solid var(--sea-green) !important; }

.progress-title { font-family: 'robotobold'; color: rgba(var(--dark-navy),.6); text-transform: uppercase; margin: 0 0 25px; }
.progress.productivity { height: 6px; background: transparent; border-radius: 15px; margin-bottom: 10px; overflow: visible; position: relative; z-index: 2; }
.progress.productivity:after { border: 7px solid var(--semi-light-grey); left: auto; right: 0; }
.progress.productivity .progress-bar { box-shadow: none; border: none; border-radius: 15px; position: relative; -webkit-animation: animate-positive 1s; animation: animate-positive 1s; }
.progress.productivity .progress-value { width: 60px; height: 25px; line-height: 21px; border-radius: 20px; background: rgb(var(--white)); font-weight: 600; position: absolute; top: -12px; right: -1px; z-index: 2; }
.productivity-employee:before { border: 7px solid rgb(var(--red)); }
.productivity-security:before { border: 7px solid var(--dark-purple); }
.productivity-facility:before { border: 7px solid rgb(var(--blue)); }
.productivity-employee .progress-value { border: 3px solid rgb(var(--red)); color: rgb(var(--red)); }
.productivity-security .progress-value { border: 3px solid var(--dark-purple); color: var(--dark-purple); }
.productivity-facility .progress-value { border: 3px solid rgb(var(--blue)); color: rgb(var(--blue)); }

.productivity-outer { position: relative; background: #ccd7dc; border-radius: 15px; }
.expected-productivity { width: 80%; border-radius: 15px; position: absolute; left: 0; height: 6px; background: rgb(var(--green)); top: 0; z-index: 1; }

.act-tab { font-family: 'robotobold'; color: rgb(var(--dark-navy)); }

.goto-heatmap { cursor: pointer; }

.assets-topclass-distribution .row:last-child hr { display: none; }
.assets-subclass-loop .assets-subclass-listing:last-child .space { display: none; }

.modal-backdrop { background-color: rgba(var(--dark),.5); z-index: 99995; }
.modal-backdrop.show { opacity: .9; }
.modal { z-index: 99996; }
.modal-full-width-container { padding-left: 17px; padding-right: 17px; }
.modal-full-width-container .modal-full-width { width: 100%; max-width: none; }
.modal-header { padding: 0.75rem 1rem; }
.modal-title { font-size: 1.1rem; color: rgb(var(--blue)); }
.modal-content { border: 0; }
.modal .modal-content.shadow-dark { box-shadow: 0 0 25px rgba(var(--dark),.5) !important; }
.modal-header-circle { background: rgb(255,255,255,0.5); width: 80px; height: 80px; line-height: 60px; padding: 10px; text-align: center; border-radius: 50%; position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; }
.modal-header-circle span { width: 60px; height: 60px; border-radius: 50%; display: inline-block; }
.modal-header-circle .modal-icon { width: 40px; height: 40px; }
.modal-body { background-color: var(--white); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0.25rem; }
.modal-body .text-purple { color: rgb(var(--purple)) !important; }
.modal-body .btn { border-radius: 0.15rem; }
.modal-body .btn .modal-btn-icon { width: 16px; height: 16px; }
.modal textarea { resize: none; }
.modal.fade .modal-dialog.modal-dialog-zoom { -webkit-transform: translate(0,0)scale(.75); transform: translate(0,0)scale(.75); }
.modal.show .modal-dialog.modal-dialog-zoom { -webkit-transform: translate(0,0)scale(1); transform: translate(0,0)scale(1); }
.modal-tab button { background: rgba(var(--dark),.1); border: 0; height: 30px; }
.modal-tab button.active-day { background: rgb(var(--blue)); color: rgb(var(--white)); }
.modal form button { height: 30px; }
body.modal-open .fancybox__container { visibility: hidden; }

.sos-alert-btn { margin-left: 0.5rem; }
.sos-btn { background: rgb(var(--red)); color: rgb(var(--white)) !important; height: 41px; line-height: 41px !important; padding: 0 1rem; }
.sos-btn:hover { background-color: #e02d1b; border-color:#d52a1a; }
.sos-btn .alert-icn { display: inline-block; border-right: 1px solid #bf0001; height: 39px; background: #d70304; padding: 0 0.75rem; margin-right: 0.75rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }
.refresh-btn { background: rgb(var(--green)); color: rgb(var(--white)) !important; }

.heatmap-grid { display: grid; grid-template-columns: repeat(auto-fit, 10%); grid-row-gap: 0; grid-column-gap: 0; justify-content: center; }
.heatmap-grid > .item { padding: 13.25px 5px; color: rgb(var(--white)); text-align: center; border: 1px solid rgb(var(--white)); border-radius: 0.25rem; }

.alerts-list-wrapper .alert-loop { margin-bottom: 10px; }
.alerts-list-wrapper .alert-loop:last-child { margin-bottom: 0; }
.alerts-list-wrapper .alert-loop .alert-type { position: relative; }
.alerts-list-wrapper .alert-loop .alert-type .alert-icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.alerts-list-wrapper .alert-loop .card { border-width: 1px; border-style: solid; }

.equipment-icon-group span { cursor: pointer; color: rgba(var(--dark-navy),.6); }
.equipment-icon-group .active { font-family: 'robotobold'; color: rgb(var(--dark-navy)); }

[data-lite-tooltip] { cursor: help; }
.tooltip-container { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; display: inline-block; }
#tooltip a { color: rgb(var(--white)); }
.lite-tooltip { opacity: 0; top: 0; left: 0; position: absolute; z-index: 1; background-color: var(--semi-blakish-grey); color: rgb(var(--white)); font-color: 14px; padding: 1.4rem 2rem; border-radius: 3px; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.lite-tooltip:before { content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid;
  border-width: 6px 6px 0 6px; border-color: var(--semi-blakish-grey) transparent transparent transparent; display: inline-block; }
.lite-tooltip.lite-tooltip-bottom:before { bottom: auto; top: -6px; left: 50%; transform: translateX(-50%); border-width: 0 6px 6px 6px; border-color: transparent transparent var(--semi-blakish-grey) transparent; }
.lite-tooltip.lite-tooltip-right:before { bottom: auto; left: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 6px 6px 0; border-color: transparent var(--semi-blakish-grey) transparent transparent; }
.lite-tooltip.lite-tooltip-left:before { bottom: auto; left: auto; right: -6px; top: 50%; transform: translateY(-50%); border-width: 6px 0 6px 6px; border-color: transparent transparent transparent var(--semi-blakish-grey); }

.clock .timer-wrapper .time-ticker { display: inline-block; background-color: rgb(var(--purple)); color: rgb(var(--white)); padding: 0.05rem 0.25rem; border-radius: 0.15rem; }

.room-grid { background: #ebebf1; border: 1px solid #c8c8db; cursor: pointer; }
.room-grid .room-name { color: rgb(var(--blue)); }
.room-grid .room-device-no { color: #5a5b64; }
.room-grid.active-room { border: 1px solid rgb(var(--purple)); background: rgb(var(--purple)); color: rgb(var(--white)); }
.room-grid.active-room .room-name { color: rgb(var(--white)); }
.room-grid.active-room .room-device-no { color: rgb(var(--white)); }
.room-grid.active-room .invert-color-25 { filter: invert(100%); }

.data-number-outer-wrapper .data-number-wrapper .data-number-loop .data-number { border-bottom: 1px solid var(--semi-light-grey); padding-bottom: 0.5rem; margin-bottom: 0.5rem; }
.data-number-outer-wrapper .data-number-wrapper:last-child .data-number-loop .data-number { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

.table-responsive { position: relative; overflow: visible; }
.dataTable .head-dropdown { position: absolute; right: 0; }
.dataTable .dt-buttons { text-align: right; }
.dataTable .dt-buttons .dt-button { padding: 0.25rem 0.75rem; font-size: .82rem; background-color: rgb(var(--pink)); border: 1px solid rgb(var(--pink)); line-height: 1.5; color: rgb(var(--white)); display: inline-block; font-family: 'robotoregular'; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; margin-right: 0.15rem; }

.alert-slide-panel { position: fixed; right: -400px; width: 400px; transition: all 0.5s ease; z-index: 999; }
.alert-slide-panel.alert-panel-moved { right: 4px; }
.alert-slide-panel .alert-loop-list { margin-bottom: 4px; }
.alert-slide-panel .alert-loop-list:last-child { margin-bottom: 0; }
.alert-data-wrapper { position: relative; padding-left: 20px; }
.alert-data-wrapper .alert-data-icon { position: absolute; left: 0; top: 3px; }

.slider-labels { margin-top: 10px; }
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-target { position: relative; direction: ltr; }
.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; }
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-handle { position: relative; z-index: 1; }
.noUi-stacking .noUi-handle { z-index: 10; }
.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s,top .3s; transition: left 0.3s,top .3s; }
.noUi-state-drag * { cursor: inherit !important; }
.noUi-base, .noUi-handle { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.noUi-horizontal { height: 4px; }
.noUi-horizontal .noUi-handle { width: 15px; height: 15px; border-radius: 50%; left: -7.5px; top: -6px; background-color: rgb(var(--blue)); }
.noUi-background { background: var(--semi-light-grey); }
.noUi-connect { background: rgb(var(--red)); -webkit-transition: background 450ms; transition: background 450ms; }
.noUi-origin { border-radius: 0px; }
.noUi-target { border-radius: 0px; margin: 0 0.5rem; }
.noUi-target.noUi-connect { }
.slider-labels .slider-range-val { display: inline-block; background: rgb(var(--purple)); color: rgb(var(--white)); padding: 0.05rem 0.35rem; border-radius: 0.15rem; }
.noUi-draggable { cursor: w-resize; }
.noUi-vertical .noUi-draggable { cursor: n-resize; }
.noUi-handle { cursor: default; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; }
.noUi-handle:active { border: 8px solid rgb(var(--blue)); border: 8px solid rgba(53,93,187,0.38); -webkit-background-clip: padding-box; background-clip: padding-box; left: -14px; top: -14px; }
[disabled].noUi-connect, [disabled] .noUi-connect {}
[disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; }

.InputSliderRange {	position: relative; }
.InputSliderRange-Scale { background: var(--very-light-grey);	cursor: pointer; height: 4px; position: absolute; width: 100%; }
.InputSliderRange-Goto { height: 100%; left: 0; position: absolute;	top: 0;	width: 100%; }
.InputSliderRange-Fill { background: var(--sea-green); height: 100%;	width: 0; }
.InputSliderRange-Handler {	-webkit-box-shadow: 0 2px 3px 0 rgba(18, 41, 62, .4); background-color: rgb(var(--white)); border: 4px solid var(--sea-green); border-radius: 100px; box-shadow: 0 2px 3px 0 rgba(18, 41, 62, .4); cursor: -webkit-grab; cursor: grab; height: 30px; left: 0;	margin-left: -15px;	margin-top: -15px; position: absolute; top: 50%; width: 30px; z-index: 2; }
.InputSliderRange-Grid { height: 24px; margin-top: 10px; position: relative; }
.InputSliderRange-Label { -webkit-transform: translateX(-50%); font-size: 12px;	left: 0; line-height: 1em; position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
.InputSliderRange-Label_position_last { left: 100%; }
.InputSliderRange-WrapInput { position: relative; }
.InputSliderRange-Placeholder { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.InputSliderRange-Thumb { height: 100%; position: absolute; right: 0; top: 0; width: 40px; }
.InputSliderRange-ThumbInfo { -webkit-transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); }
.InputSliderRange-Input { width: 100%; }
.InputSliderRange.dragged .InputSliderRange-Handler { cursor: -webkit-grabbing; cursor: grabbing; }
.InputSliderRange_disabled .InputSliderRange-Input {}
.InputSliderRange_disabled .InputSliderRange-Fill, .InputSliderRange_disabled .InputSliderRange-Goto, .InputSliderRange_disabled .InputSliderRange-Scale { display: none; }
.InputSliderRange_grid_inwardly .InputSliderRange-Label_position_first { -webkit-transform: translateX(0); transform: translateX(0); }
.InputSliderRange_grid_inwardly .InputSliderRange-Label_position_last {	-webkit-transform: translateX(-100%); transform: translateX(-100%); }
.ui-slider-horizontal { background: rgb(var(--red)); height: 4px; border: 0; border-radius: 0; margin: 0 0.5rem; }
.ui-slider .ui-slider-handle { width: 15px; height: 15px; border-radius: 50%; left: -7.5px; top: -6px; background: rgb(var(--blue)); border: 0; outline: none; cursor: default; border-radius: 50% !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-radius: 0 !important; }

.steps { padding: 0; margin: 0; list-style: none; display: flex; overflow-x: auto; }
.steps .step:first-child { margin-left: auto; }
.steps .step:last-child { margin-right: auto; }
.step:first-of-type .step-circle::before { display: none; }
.step:last-of-type .step-content { padding-right: 0; }
.step-content { box-sizing: content-box; display: flex; align-items: center; flex-direction: column; /*width: 8rem; min-width: 8rem; max-width: 8rem;*/ padding-top: 0; padding-right: 2rem; width: 8rem; }
.step-circle { position: relative; display: flex; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; color: #adb5bd; border: 2px solid #adb5bd; border-radius: 100%; background-color: #adb5bd; }
.step-circle::before { content: ""; display: block; position: absolute; top: 50%; left: -2px; width: calc(9.25rem + 1rem - 1.5rem); height: 2px;
	transform: translate(-100%, -50%); color: #adb5bd; background-color: currentColor; }
.step-text { word-break: break-all; margin-top: .25em; font-size: 12px; }
.step-active .step-circle { color: #fff; background-color: #007bff; border-color: #007bff; }
.step-active .step-circle::before { color: #007bff; }
.step-active .step-text {}
.step-error .step-circle { color: #fff;	background-color: #e40001; border-color: #e40001; }
.step-error .step-circle::before { color: #e40001; }
.step-error .step-text {}
.step-success .step-circle { color: #00dc70; background-color: #00dc70; border-color: #00dc70; }
.step-success .step-circle::before { color: #00dc70; }
.step-success .step-text {}
.step-success .icon-sm, .step-warning .icon-sm, .step-error .icon-sm { color: #fff; width: 22px; height: 22px; }
.step-content .step-circle .icon-sm { width: 35px; height: 35px; }
.step-warning .step-circle { color: #fff; background-color: #ffaf00; border-color: #ffaf00; }
.step-warning .step-circle::before { color: #ffaf00; }
.step-warning .step-text {}
.step-content a:hover { color: var(--navy-blue); }
.setp-inner-wrapper .timeline:before { left: 160px; }
.setp-inner-wrapper .timeline .timeline-label { font-size: 1rem; width: 219px; }
.setp-inner-wrapper .timeline .timeline-label span { font-family: 'robotoregular'; }
.setp-inner-wrapper .timeline .step-content { width: auto; min-width: 0; max-width: none; padding: 0; }
.setp-inner-wrapper .timeline .timeline-item .timeline-badge { margin-top: 14px; }
.setup-wrapper-inner { height: calc(100vh - 44px); position: relative; }
.step-bottom-row { width: 100%; position: absolute; bottom: 12px; }
.setup-wrapper-inner-last { position: relative; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%); }
.step-previous .step-circle { background-color: #e40001; border-color: #e40001; }
.step-present .step-circle { background-color: #00dc70; border-color: #00dc70; animation: setpanimate 0.5s infinite; }
@keyframes setpanimate {
	from { background-color: #00dc70; border-color: #00dc70; }
	to { background-color: #004792; border-color: #004792; }
}

.alerts-grouping a img { opacity: 0.65; }
.alerts-grouping a:hover img { opacity: 0.85; }

.fancybox-bg { background-color: rgb(var(--dark-navy)); opacity: .9; }
.fancybox-content { border-radius: 0.25rem; padding: 2rem; }
.fancybox-iframe { border-radius: 0.25rem; padding: 0; box-shadow: 0 0.15rem 1.75rem 0 rgb(37 37 43) !important; }

.lift-wrapper { position: relative; }
.events { margin: 0; width: 100%; padding: 0; /*height: 432px;*/ overflow: hidden; }
.events li { display: flex; }
.events span { position: relative; padding: 12px 0; background: transparent; /*border-right: 4px solid rgba(var(--dark),.3);*/ width: 85%; font-family: 'robotobold'; font-weight: normal; margin: 0 auto; text-align: center; }
.events li span strong { position: relative; z-index: 50; }
.events li.moving-up span strong, .events li.moving-down span strong, .events li.stopped span strong { font-size: 0; color: rgb(var(--white)); }
.events li:first-child span { border-radius: 25px 25px 0 0; }
.events li:last-child span { border-radius: 0 0 25px 25px; }
.events li.moving-up span, .events li.moving-down span, .events li.stopped span { font-family: 'robotobold'; font-weight: normal; }
.events span .lift-moving-direction { position: absolute; right: 0; left: 0; margin: 0 auto; color: rgb(var(--white)); z-index: 10; top: 12px; width: 15px; height: 15px; }
.events span:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid rgba(var(--dark),.1); }
.events li:last-child span:before { border-bottom: 0; }
.events span:after { content: ""; position: absolute; z-index: 2; right: 0; left: 0; top: 50%; margin: -21.5px auto 0; /*transform: translateX(50%);*/ border-radius: 25px; background: #e5e5eb; width: 25.78px; height: 43px; opacity: 0; transition: var(--transition); }
.events li span i { /*font-size: 0 !important;*/ }
.events li.moving-up span:after, .events li.moving-down span:after, .events li.stopped span:after { opacity: 1; }
.events li.moving-up span { color: rgb(var(--blue)); }
.events li.moving-down span { color: rgb(var(--green)); }
.events li.stopped span { color: rgb(var(--red)); }
.events li.moving-up span:after { background: rgb(var(--blue)); }
.events li.moving-down span:after { background: rgb(var(--green)); }
.events li.stopped span:after { background: rgb(var(--red)); }
.events, .events *:before, .events *:after { box-sizing: border-box; }
.lift-current-floor-num { height: 48px; text-align: center; font-family: 'digital-7regular'; font-size: 2rem; font-family: 'robotobold'; font-weight: normal; }

.package-holder { position: relative; padding: 25px; text-align: center; overflow: hidden; }
.package-holder .plan-pricing { font-size: 50px; }
.package-holder ul { margin: 0; padding: 0; }
.package-holder ul li { padding-bottom: 10px; margin-bottom: 0; text-align: center; font-size: 16px; list-style: none; font-family: 'robotolight'; }
.package-holder ul li span { position: relative; padding-left: 25px; }
.package-holder ul li span:before { content: ""; position: absolute; top: 1px; left: 0; width: 15px; height: 15px; background: url(../images/check-solid.svg) center center no-repeat; background-size: 100%; }
.package-holder .plan-pricing sub { display: inline-block; vertical-align: bottom; margin-bottom: 22px; font-family: 'robotoregular'; font-size: 15px; line-height: 1;
}

.slider-container { height: 0.25rem; margin: 0 auto; background-color: #eaecf4; border-radius: 0.25rem; }
.dragger { width: 16px; height: 16px; color: rgb(var(--white)); background: rgb(var(--dark-navy)); border-radius: 50%; font-size: 0; position:relative; }
.dragger:before { content: ''; position: absolute; display: block; top: calc(50% - 4px); left: 0; right: 0; width: 8px; height: 8px; border-radius: 100%; background: rgb(var(--white)); margin: 0 auto; }
.dragging { background: rgb(var(--dark-navy)); }

ul.tree, ul.tree * { list-style-type: none; margin: 0; padding: 0 0 5px 0; }
ul.tree { padding-bottom: 0; }
ul.tree img.arrow { padding: 2px 0 0 0; border: 0; width: 20px; }
ul.tree li { padding: 0.5rem 0 0 0; }
ul.tree li:first-child { padding: 0; }
ul.tree > li:not(:last-child) { border-bottom: 1px solid var(--semi-light-grey); padding: 0.75rem 0; }
ul.tree > li > label { /*margin-bottom: 0.5rem;*/ font-family: 'robotobold'; font-weight: normal; color: #6f42c1; }
ul.tree li ul { padding: 0.65rem; margin: 1rem 0 0; background: #e3eef9; clear: both; }
ul.tree > li > ul { margin-top: 1.75rem; }
ul.tree > ul > li:not(:last-child) { border-bottom: 1px solid var(--semi-light-grey); }
ul.tree li ul ul { background: #e3eef9; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-bottom: 0; }
ul.tree label { cursor: pointer; padding: 0; float: left; width: 73%; }
ul.tree li ul label { font-family: 'robotobold'; font-weight: normal; }
ul.tree > li > ul > li:not(:last-child) { padding-bottom: 0.5rem; border-bottom: 1px solid rgba(var(--dark),.15); }
ul.tree li ul ul label { font-weight: normal; font-size: 13px; color: rgba(var(--dark),.75); }
ul.tree li .arrow { width: 16px; height: 15px; padding: 0; margin: 0; cursor: pointer; float: right; background: transparent no-repeat 0 2px; background-size: 16px 15px; }
ul.tree li .collapsed { background-image: url(../images/right.svg); background-repeat: no-repeat; }
ul.tree li .expanded { background-image: url(../images/down.svg); background-repeat: no-repeat; }
ul.tree li .checkbox { width: 22px; height: 18px; padding: 0; margin: 0; cursor: pointer; float: left; background: url(../images/square.svg) no-repeat 0 0px; }
ul.tree li .checked { background-image: url(../images/check.svg); }
ul.tree li .half_checked { background-image: url(../images/square-minus.svg); }

.alertModal .modal-dialog { max-width: 500px; width: 500px; }
.alertModal .modal-body { padding: 2rem; text-align: left; }
.alertModal .modalAlertIcon { width: 43px; height: 43px; text-align: center; line-height: 40px; display: inline-block; border-radius: 50%; background: rgba(var(--red), 0.1); }

@media (min-width: 1600px) {
	.sidebar-alert-panel { min-width: 325px; }
}

@media (min-width: 768px) and (max-width: 1599px) {
	.alertbox-title span { display: block; }
}

@media (min-width: 1200px) {
	.top-info-bar .top-right-date .sos-alert-btn { order: 1; }
	.top-info-bar .top-right-date .date-group { order: 2; /*margin-left: .5rem; margin-right: .5rem;*/ }
	.top-info-bar .top-right-date .refresh-data-btn { order: 3; }
	.top-info-bar .top-right-date .refresh-data-btn span { display: none; }
	.top-info-bar .top-right-date .date-group .clock { /*position: relative; top: 2.25px;*/ line-height: 18px; }
}

@media (min-width: 992px) {
	.hide-large { display: none; }
	.margin-bottom-desktop { margin-bottom: 8px !important; }
	.topbar .module-top-links .mobile-menu-btn { display: none; }
	.dd-select-floor .dd-select-floor-header { display: none; }
	.modal-dialog.modal-lg { max-width: 800px; }
	.modal-dialog.modal-xl { max-width: 960px; }
}

@media (max-width: 991px) {
	.hide-small { display: none; }
	.hide-welcome { display: none; }
	.sidebar { min-height: 0; }
	.sidebar .nav-item .nav-link { width: 100%; text-align: left; }
	.sidebar .nav-item .collapse { position: relative; left: 0; top: 0; }
	.sidebar .nav-item .nav-link span { display: inline; font-size: 100%; }
	.sidebar .nav-item .collapse .collapse-inner { box-shadow: none; border-radius: 0; }
	.hide-mobile { display: none; }
	.align-items-top-mobile { align-items: normal !important; -webkit-box-align: normal !important; -ms-flex-align: normal !important; }
	.margin-bottom-mobile { margin-bottom: 8px !important; }
	.margin-bottom-mobile.h-100 { height: auto !important; }
	.margin-bottom-small { margin-bottom: 0.25rem; }
	.no-float .float-left, .no-float .float-right { width: 100%; float: none !important; }
	.card-title-mobile { position: relative !important; margin-bottom: 7px !important; }
	.card .card-body .header .float-left, .card .card-body .header .float-right { width: 100%; float: none !important; }
	.topbar .module-top-links { float: left; margin-right: 0.5rem; cursor: pointer; } 
	.topbar .module-top-links .module-links-wrapper { display: none; position: absolute; width: 100%; left: 0; top: 100%; z-index: 10; background: var(--mid-black); padding: 0.5rem 0.5rem 0; }
	.topbar .module-top-links .module-links-wrapper .btn { width: 48.5%; margin: 0 0.5rem 0.5rem 0 !important; text-align: left; position: relative; padding-left: 1.5rem; }
	.topbar .module-top-links .module-links-wrapper .btn .icon-sm { position: absolute; left: 5px; top: 6px; }
	.topbar .module-top-links .module-links-wrapper .btn:nth-child(2n+2) { margin-right: 0 !important; }
	.topbar .navbar-nav .link-settings-config-menu { /* display: none; */ }
	.overall-alerts li { margin-bottom: 0.5rem; }
	.top-info-bar .float-right, .top-info-bar .float-right.text-right { text-align: left !important; float: left !important; width: 100%; }
	.occupancy-utilization-alerts, .visitor-monitor-chart, .facility-monitor-chart, .aqi-violations-alerts { left: 0 !important; width: 250px; margin: 0 auto; }
	.visitor-monitor-chart-wrapper, .facility-monitor-chart-wrapper { height: auto !important; }
	.dd-select-floor { background: rgb(var(--light-navy)); padding: 0.5rem; color: rgb(var(--white)); overflow: hidden; }
	.dd-select-floor .dd-select-floor-header { cursor: pointer; }
	.card .header .dd-select-floor .dd-select-floor-header .float-right { width: auto !important; float: right !important; }
	.dd-select-floor .nav-tabs .nav-item { width: 33.3333%; float: left; margin: 0; }
	.dd-select-floor .nav-tabs .nav-item .nav-link { padding-left: 0; padding-right: 0; color: rgb(var(--white)); }
	.navtab-wrapper .dd-select-floor .nav-tabs .nav-link.active { color: #ffef00; }
	.dd-select-floor .nav-tabs { display: none; }
	.assets-live-location-wrapper .assets-row .first-col > div, .assets-live-location-wrapper .assets-row .second-col > div, .assets-live-location-wrapper .assets-row .third-col > div, .assets-live-location-wrapper .assets-row .fourth-col > div { border-bottom: 1px solid var(--semi-light-grey); padding-bottom: 5px; margin-bottom: 5px !important; }
	.assets-live-location-wrapper .assets-row .first-col > div:before { content: "Assets: "; color: rgb(var(--orange)); font-weight: normal; width: 90px; display: inline-block; }
	.assets-live-location-wrapper .assets-row .second-col > div:before { content: "Present Zone: "; color: rgb(var(--orange)); font-weight: normal; width: 90px; display: inline-block; }
	.assets-live-location-wrapper .assets-row .third-col > div:before { content: "Last Zone: "; color: rgb(var(--orange)); font-weight: normal; width: 90px; display: inline-block; }
	.assets-live-location-wrapper .assets-row .fourth-col > div:before { content: "Active Time: "; color: rgb(var(--orange)); font-weight: normal; width: 90px; display: inline-block; }
	.assets-live-location-wrapper .assets-row .fifth-col > div:before { content: "Staus: "; color: rgb(var(--orange)); font-weight: normal; width: 90px; display: inline-block; }
	.assets-live-location-wrapper .assets-row .fifth-col .text-right { text-align: left !important; }
	.search-assets-box-wrapper { margin: 0 0 8px !important; }
	.search-assets-box { width: 100%; }
	.alert-db-top-right.text-right { text-align: left !important; }
	.company-welcome { margin-bottom: 0.5rem; }
	.alert-db-top-right .clock { margin-top: 10px; }
	.top-right-date { display: block !important; }
	.top-right-date .date-group { width: 100%; margin: 0 !important; }
	.top-right-date .page-refresh-btn { width: 100%; margin: 0.6rem 0 0 !important; }
	.top-right-date .page-refresh-btn a { width: 100%; }
	.sos-btn, .refresh-btn { margin: 0.6rem 0 0 !important; width: 100%; }
	.alerts-list-wrapper { height: 280px !important; }
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: left; }
	div.dataTables_wrapper div.dataTables_paginate { text-align: center; }
	.alert-slide-panel { right: 4px; bottom: 4px; width: calc(100% - 4px - 4px); }
}

@media (max-width:960px) {
	.InputSliderRange-Label_position_first { -webkit-transform: translateX(0); transform: translateX(0);	}
	.InputSliderRange-Label_position_last {	-webkit-transform: translateX(-100%); transform: translateX(-100%);	}
}

@media (min-width: 768px) {
	.sidebar { width: 11rem !important; }
	.sidebar.toggled { width: 2.75rem !important; }
	.sidebar.toggled .sidebar-brand .sidebar-brand-text { display: block; }
	.sidebar.toggled .nav-item .nav-link { width: 2.75rem; padding: .75rem .25rem; }
	.sidebar.toggled .nav-item .nav-link span { font-size: 12px; }
	.sidebar .nav-item .nav-link { width: 11rem; }
	.sidebar .nav-item .nav-link { padding: 1rem .5rem; }
	.sidebar .nav-item .collapse, .sidebar .nav-item .collapsing { margin: 0 ; }
	.sidebar.toggled .nav-item .collapse { left: calc(2.21rem + 1.5rem / 2); }
}

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