body, html {background:#fff !important;}

body {
	font-family: 'Lato', sans-serif;
    Font-Size: 14px;
	background:#fff;
	color:#333;
	font-weight:300;
}


h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;}

a, a:hover {transition:0.3s;}

.blue-primary {color:#021790;}
.blue-secondary {color:#545e94;}
.orange-primary {color:#de6a2e;}

.bg-blue-primary {background:#021790;}
.bg-blue-secondary {background:#545e94;}
.bg-blue-light {background:#dae0f3;}
.bg-blue-lightest {background:#ebeef8;}
.bg-blue-white {background:#f6f7fb;}
.bg-blue-primary-gradient {background: rgb(2,23,144); background: linear-gradient(135deg, rgba(2,23,144,1) 0%, rgba(68,84,172,1) 100%);}
.bg-blue-dark {background: rgb(17,47,71);}
.bg-orange-primary {background:#de6a2e;}
.bg-orange-primary-gradient {background: rgb(222,106,46); background: linear-gradient(135deg, rgba(222,106,46,1) 0%, rgba(228,146,104,1) 100%);}

.b--orange-primary {border-color:#de6a2e;}
.b--blue-primary {border-color:#021790;}
.b--blue-secondary {border-color:#545e94;}
.b--blue-light {border-color:#dae0f3;}

.btn-primary.bg-blue-primary-gradient {background-position: 100% 0 !important; background-size:200% 100% !important; background: rgb(84,94,148);
background: linear-gradient(90deg, rgba(84,94,148,1) 0%, rgba(2,23,144,1) 50%, rgba(84,94,148,1) 100%); transition: 0.3s;}
.btn-primary.bg-blue-primary-gradient:hover {background-position: 0 0 !important; background-size:200% 100% !important; transition:0.3s;}

.btn-primary.bg-blue-dark-gradient {background-color: rgba(17,47,71,1);}
.btn-primary.bg-blue-dark-gradient:hover {background-color: rgba(19,59,77,1); background-size:200% 100% !important; transition:0.3s;}

.hover-fade {transition:0.3s;}
.hover-blue-primary {transition:0.3s;}
.hover-blue-primary:hover {color:#021790;transition:0.3s;}
.hover-blue-secondary:hover {color:#545e94;transition:0.3s;}
.hover-orange-primary:hover {color:#de6a2e;}

.hover-blue-primary:hover .hover-blue-secondary {color:#545e94;transition:0.3s;}

.hover-bg-blue-secondary:hover {background:#545e94;}
.hover-bg-blue-lightest:hover {background:#e2e7f7;}

.bb-orange-active {position:relative;}
.bb-orange-active:before {content:''; position:absolute; bottom:0; left:3rem; width:50px; height:5px; border-top-left-radius:5px; border-top-right-radius:5px; background:#de6a2e;}


.hover-bg-blue-dk-cc:hover {background:#2f365b;}
.hover-bg-red-cc:hover {background:#d5393a;}

.border-box, a, article, aside, blockquote, body, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, select, input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], legend, li, main, nav, ol, p, pre, section, table, td, textarea, th, tr, ul {box-sizing:border-box !important;}

.neo-card {box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.05), -8px -8px 12px 0 rgba(255, 255, 255, 0.5);}
.br-tl-50 {border-top-left-radius:50px;}

.dh {display:none;}
.full-height { height: 100%; }

.square:after {content: ""; display: block; padding-bottom: 50%;}
img.object-cover {object-fit: cover; max-width:1000000%;}
img.object-contain {object-fit: contain;}

input[type=text], input[type=password], input[type=date], input[type=time], input[type=number], select, textarea, .kendo-input-wrap .k-dropdowntree .k-dropdown-wrap, .kendo-input-wrap .k-dropdowntree .k-multiselect-wrap, .kendo-input-wrap .k-multiselect .k-multiselect-wrap {border:none; background:#f5f5f5; border-radius:3px; padding:1rem; width:100%; -webkit-appearance: none; -moz-appearance: none; outline: none;}
select {background: url(../images/icon-arrow-d.svg) center right 5px no-repeat #f5f5f5; background-size: 20px; outline: none;}
select.bg-blue-md-cc {background: url(../images/icon-arrow-d-w.svg) center right 5px no-repeat #2c3d93; background-size: 20px; outline: none;}
.kendo-input-wrap .k-dropdowntree {width:100%;}
.kendo-input-wrap .k-dropdowntree .k-dropdown-wrap {box-sizing:border-box; display:flex; align-items:center;}
.kendo-input-wrap .k-dropdowntree .k-dropdown-wrap .k-select {display:flex; align-items:center;}
.kendo-input-wrap .k-dropdowntree .k-multiselect-wrap {box-sizing:border-box; display:flex; align-items:center;}
.kendo-input-wrap .k-dropdowntree .k-multiselect-wrap .k-select {display:flex; align-items:center;}
.kendo-input-wrap .k-multiselect .k-multiselect-wrap {box-sizing:border-box; display:flex; align-items:center;}
.kendo-input-wrap .k-multiselect .k-multiselect-wrap .k-select {display:flex; align-items:center;}
.kendo-input-wrap .k-picker-wrap {background:#f5f5f5; border-radius:3px; padding:0.6rem; width:100%; line-height:1.0; display:inline-block;}
.kendo-input-wrap .k-picker-wrap input, .kendo-input-wrap .k-picker-wrap .k-select  {background:#f5f5f5;}
.kendo-input-wrap .k-picker-wrap .k-select .k-icon {top:50%; transform:translateY(-80%);}
.k-datepicker .k-input {padding:.6rem;}
.k-datepicker .k-icon {top:50%; transform:translateY(-80%);}

.k-calendar td {border-radius:5px; border:none !important; box-shadow:none !important;}
.k-calendar .k-today {background:#ccc;}

#asset_grid.k-grid {border:none;}
#asset_grid .k-header.k-grid-toolbar {background:#ebeef8; border:none;}
#asset_grid .k-header .k-button {float:right; background-position: 100% 0 !important; background-size:200% 100% !important; background: rgb(84,94,148);
background: linear-gradient(90deg, rgba(84,94,148,1) 0%, rgba(2,23,144,1) 50%, rgba(84,94,148,1) 100%); transition: 0.3s; border-radius:5px; color:#fff; margin:10px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);}
#asset_grid .k-header .k-button:hover {background-position: 0 0 !important; background-size:200% 100% !important; transition:0.3s;}
#asset_grid th.k-header {padding-top:20px; padding-bottom:20px;}
#asset_grid td.gridcell, #asset_grid.k-grid td {border-right:none; border-left:none; padding:2px;}
#asset_grid.k-grid tr td {border-bottom:solid 2px #ebeef8;}
#asset_grid.k-grid tr td:last-child {font-size:10px;}
#asset_grid.k-grid tr:hover {background:#f5f5f5;}

.largeWindow .k-widget.k-window {width:calc(100% - 20px) !important; height:calc(100% - 20px) !important; position:fixed !important; overflow:auto !important; top:10px !important; bottom:10px !important; left:10px !important; right:10px !important;}

label {font-weight:300;}

.k-combobox-clearable .k-input, .k-dropdowntree-clearable .k-dropdown-wrap .k-input, .k-dropdowntree-clearable .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {line-height:1.0; font-size:11px; background:#f5f5f5; border-radius:3px; padding:0.6rem; border:none;}

.oh {overflow:hidden;}
.btn.bg-blue:hover, .btn.bg-blue:active, .btn.bg-blue:visited {color:#fff; background:#1758ae;}
.material-icons {display:inline-block; vertical-align: middle;}
.mdi {display:inline-block; vertical-align: middle;}
a:hover {text-decoration:none;}

.w25px {width:25px;}
.w30px {width:30px;}
.w100px {width:100px;}

.h100px {height: 100px;}
.h200px {height: 200px;}
.h25px {height: 25px;}
.h30px {height: 30px;}

.bg-image {width:100%; height:100%; object-fit: cover;}

h1, h2, h3, h4, h5 {margin:0; padding:0;}
h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}

.fs-14 {font-size:14px;}
.fs-12 {font-size:12px;}
.fs-10 {font-size:10px;}


.img-cover {width:100%; height:100%; object-fit: cover;}

/* LOGIN */

	#login {overflow:hidden;}
	.bg-image {width:100%; height:100%; display:inline-block; object-fit: cover;}
	#login-content {width:400px;  font-size:14px; background-color: #fafafa;}
	#login-content .logo {width:300px; display:inline-block; height:auto; overflow: hidden;}
	#login-content input {padding-left:45px; background-color: #dee2e6; color:#1c213e; transition:0.3s; border:none; color:#2f365b;}
    #login-content .user-wrap:before {z-index: 1; content:"\f2bd"; font-size:20px; height:24px; width:24px; position:absolute; top:50%; left:10px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; color:#545e94; font-weight:900;}
    #login-content .pw-wrap:before {z-index: 1; content:"\f023"; font-size:20px; height:24px; width:24px; position:absolute; top:50%; left:10px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; color:#545e94; font-weight:900;}

/* END LOGIN 8*/

/* SITE.MASTER LAYOUT */

.hamburger {
  display: inline-block;
  padding: 15px 15px;
  z-index: 999;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  width:25px;  
  transition:0.3s;    
}

.hamburger:hover .hamburger-inner {width:30px; transition:0.3s;  }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  height: 2px;
  background-color: #021790;;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
    width: 30px;
transition:0.3s;    
}
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
    width: 25px;
    transition:0.3s;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

.hamburger-inner.scrolled,
.hamburger-inner.scrolled::before,
.hamburger-inner.scrolled::after,
.is-active .hamburger-inner,
.is-active .hamburger-inner::before,
.is-active .hamburger-inner::after {
  background-color: #2c3d93;
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

nav {position:absolute; top:98px; left:20px; width:225px; height:0; overflow:auto; z-index: 5; transition:0.3s; overflow: auto; -webkit-overflow-scrolling:touch; border-bottom-right-radius:10px; border-bottom-left-radius:10px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);}
nav.active {height:calc(100% - 132px);}
section#topbar {float:left; width:100%;}
section#content {float:left; width:100%; min-height:calc(100vh - 100px); z-index: 1; position: relative; background:#ebeef8; border-top-left-radius: 50px;}

input[type=text].search-input-top {border:none; background:transparent; width:250px;}


section#content.nav-dashboard {position:fixed; top:0; left:0px; right:0; bottom:0; margin-top:70px; z-index:1;}

nav ul, nav ul li {list-style-type:none;}
nav ul {width:auto; max-width:320px;}
nav > ul > li {position:relative; width:100%;}
nav ul li .submenu {width:100%; transition:0.3s; overflow: hidden; padding-left:20px;}
nav a {min-width:170px; transition:0.3s; position:relative;}
nav a .material-icons, nav a i { transition:0.3s; opacity:0.5;}
nav a .text {font-size:14px; font-weight:bold; opacity:0.7; transition:0.3s;}
nav a:hover {text-decoration:none; color:#de6a2e;}
nav a:hover .material-icons, nav a:hover .i { transition:0.3s; opacity:1.0;}
nav a:hover .text, nav a.active .text {opacity:1.0;}
nav a.active, nav a.active:hover { color:#de6a2e;; opacity:1.0; transition:0.3s;}
nav a.active:before {content:''; background:#de6a2e; position:absolute; z-index: 1; top:0; left:0; bottom:0; height:100%; width:10px; border-top-right-radius:10px;  border-bottom-right-radius:10px;}
nav a .icon-wrap {width:35px; height:35px; display:inline-flex; align-items: center; justify-content: center;}
nav a.active .material-icons, nav a.active .icon-wrap {background: rgb(222,106,46); background: linear-gradient(135deg, rgba(222,106,46,1) 0%, rgba(228,146,104,1) 100%); color:#fff; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25); opacity:1.0;}
nav a:hover .icon-wrap i, nav a.active .icon-wrap i {opacity:1.0;}

.mobile-search {display:none;}

.settings-btn {min-width:200px;}

.top-drop {position:absolute; top:45px; right:0; z-index: 99; display:none; }
.top-drop.active {display: block;}

.settings-drop.top-drop {max-height:calc(100vh - 100px); overflow:auto !important;}

section#content .material-icons {transform: translateY(-3px);}
section#content .table-data a:hover {color:#ccc; background:rgba(255, 255, 255, .20);}

#search-box {position:fixed; top:0; left:0; right:0; z-index: 999; width:100%; height:100%; background:rgba(255, 255, 255, .8); display:none;}
#search-box .search-wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#search-box input.search {background:url(../images/icon-search-gray.svg) center left no-repeat; background-size:30px; background-position:10px 50%; font-size:24px; border-bottom:solid 2px #999; border-radius:0; -webkit-border-radius:0; padding-left:55px;}
#search-box input.search:focus {background:url(../images/icon-search-blue.svg) center left no-repeat; background-size:30px; background-position:10px 50%; border-bottom:solid 2px #2c3d93;}

#search-box-2 {background:transparent; border:none; border-bottom:solid 1px #ccc; transition:0.3s; color:#333; width:0px; padding:10px 0; height:40px; border-radius:0; -webkit-border-radius:0; margin-top:10px;}
#search-box-2.active {padding:10px; width:200px;}
#search-box-2:focus {border-bottom:solid 1px #2c3d93; background:#eee;}

.settings-btn.active:after, .alert-btn.active:after {content: ""; width:100%; height:3px; position:absolute; top:100%; left:0; background:#eee;}

.k-widget.k-window {max-height:calc(100% - 20px); max-width:calc(100% - 20px); border-radius:2rem; overflow:auto;}


.lb-wrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(2, 23, 144,0.25); z-index: 99;}
.lb-content {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; max-width:calc(100% - 20px); height:auto; max-height:calc(100% - 50px); overflow:auto;}

/* END SITE.MASTER LAYOUT */

/* LOGIN PAGE */

.max-vh-50 {max-height:50vh; overflow:auto;}

.tns-outer button {display:none;}
.logo-bottom-left {position:absolute; bottom:25px; left:25px;}
#person_carousel-ow {max-height:calc(43.75vh - 135px); overflow:hidden;}

#login .main-carousel {position:absolute; top:0; left:0; width:100%;}
#login .row-2 {position:absolute; bottom:-12px; left:0; width:100%;}
#login {}

/* DASHBOARD */

.icon-drop, .icon-shadow {box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);}
.icon-drop-lg, .icon-shadow-lg {box-shadow: 0 32px 24px -24px rgba(0, 0, 0, .25);}
.hover-icon-shadow:hover {box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);}
.nav-shadow {-webkit-box-shadow: 0 25px 25px -15px rgba(0,0,0,.15);
box-shadow: 0 25px 25px -15px rgba(0,0,0,.15);}

#dashboard-map {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0.7;}
.dash-data-left, .dash-data-right {position:absolute; z-index:2; top:10px;}
.dash-data-left {left:10px; width:300px; transition:0.3s;}
.dash-data-left.inactive {transform:translateX(-100%) translateX(-10px);}
.dash-data-right {right:10px; width:350px; transform:translateX(100%) translateX(10px); transition:0.3s;}
.dash-data-right.active {transform:translateX(0px);}

.dash-asset-info .asset-info-wrap {height:auto; max-height:calc(100vh - 180px); overflow:hidden; overflow-y: auto;}
.asset-list {max-height:calc(100vh - 515px); overflow-y: auto;}
.asset-list > div:nth-child(odd) {background:#eee;}
.asset-list > div.active {background:#7ba7bd;}

.k-chart, .k-stockchart {height:100%; background:transparent;}

.single-location.hover-shadow, .card.hover-shadow {transition:0.3s;}
.single-location.hover-shadow:hover, .card.hover-shadow:hover {box-shadow: 0 16px 12px -12px rgba(0, 0, 0, .15); transition:0.3s; }

/* END DASHBOARD */


/* ASSET PAGE */


.list-single-asset.active {position:relative; background:#fff; box-shadow: 0 16px 12px -12px rgba(0, 0, 0, .15); }
.list-single-asset.active:before {content:''; position: absolute; left:0; top:50%; transform:translateY(-50%); height:60px; width:8px; border-top-right-radius:10px; border-bottom-right-radius:10px; background:#de6a2e;}

.tabs-nav {overflow:auto; white-space: nowrap; justify-content:start;}
.tabs-nav li, .tabs-nav li:hover, .tabs-nav li:before {transition:0.3s;}
.tabs-nav li {color:#999; font-weight:bold; text-transform:uppercase; letter-spacing: 3px; font-size:1rem; cursor: pointer;}
.tabs-nav li:hover, .tab-nav li.active {color:#021790;}
.tabs-nav li.active {position:relative;}
.tabs-nav li.active:before {content:''; position:absolute; bottom:0; left:50%; transform: translateX(-50%); width:50px; height:5px; border-top-left-radius:5px; border-top-right-radius:5px; background:#de6a2e;}

.left-panel.vh-100 {position:absolute; top:0; left:0; bottom:0; height:calc(100vh - 70px); overflow-y:auto;}
.right-panel.vh-100 {position:absolute; top:0; right:0; bottom:0; height:calc(100vh - 70px);}

#asset-map {width:100%; height:calc(50vh - 70px);}
#recentTransactions.vh-50 {height:calc(50vh - 80px);}

#asset_grid {height:calc(100vh - 260px) !important; float:left; overflow:hidden;}
#report_grid {height:calc(100vh - 210px) !important; float:left; overflow:hidden;}
.k-grid .k-alt {background:#f1f1f1;}
.grid_highlight_red { background:rgba(242, 147, 133, 0.5) !important; }
.grid_highlight_green { background:rgba(147, 242, 133, 0.5) !important; }
.grid_highlight_yellow { background:rgba(240, 241, 133, 0.5) !important; }

.k-grid {min-width:900px;}

.vh-50-tabs {height:calc(50vh - 165px);}
.tab-btn {color:#2c3d93; cursor:pointer;}
.tabs-btn {cursor:pointer;}
.tab-btn.current {background:#2c3d93; color:#fff;}
.tab-content, .tabs-content {display:none;}
.tab-content.current, .tabs-content.active {display:block;}
.toptab-btn {color:#2c3d93;}
.toptab-btn.current {background:#2c3d93; color:#fff;}
.toptab-content {display:none;}
.toptab-content.current {display:block;}

#asset-data {background:#fff; border-radius:25px;}


#notificationButton {width:50px; height:50px;}
.notification-badge {
    position: absolute;
    right: -5px;
    top: -5px;
    width:25px;
    height:25px;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration:none;
}


/* END ASSET PAGE */

/* LOCATIONS PAGE */

.treeview-wrap > div > ul > li { border-bottom:solid 1px #ebeef8; box-sizing: border-box;}
.treeview-wrap li .k-icon {margin-left:0;}
.treeview-wrap li .k-in {width:calc(100% - 20px); padding:2rem; margin:2px; box-sizing: border-box;}

/* END LOCATIONS PAGE */



/* TABLET */

	@media (min-width:768px) and  (max-width:1200px) {
		body {
			font-size:12px;
		}
		
		section#topbar {float:left; width:100%;}
		section#content {float:left; width:100%; z-index: 1; position: relative;}
		
		.dash-data-left {width:250px;}
		.dash-data-right {width:250px;}
		section#content.dashboard .material-icons {font-size:20px;}
		
	}

/* END TABLET */


/* MOBILE */

	@media (min-width:300px) and  (max-width:767px) {
		.mh {display:none;}
		.ms {display:block;}
    
    h1 {}
    h2 {font-size:18px;}
    h3 {}
		
    section#topbar {padding-left:10px; padding-right:10px;}
		section#topbar .nav-logo-wrap {width:auto; margin-left:70px; height:70px;}
		section#topbar .nav-logo {height:70px; padding:10px;}
		section#topbar {position:fixed; top:0; left:0px; right:0; height:70px; z-index: 5;}
		section#topbar .material-icons.mr3 {margin-right:0;}
    
    section#topbar .settings-btn {min-width:20px;}
    section#topbar input[type=text].search-input-top {display:none;}
    section#topbar .settings-btn, section#topbar .search,  section#topbar .alert-btn {background:transparent;}
		
		section#content {float:left; margin-top:70px; margin-left:00px; width:calc(100% - 0px); z-index: 1; position: relative; border-radius:0;}
		
		section#content.dashboard {position:fixed; top:0; left:0px; right:0; bottom:0; margin-top:70px; padding:0; width:100%; z-index:1;}
		#dashboard-map {height:25% !important;}
		.dash-data-left, .dash-data-right {width:calc(100% - 20px); top:calc(25% + 10px); bottom;10px; height:calc(50% - 20px);}
    .asset-list {max-height:calc(50vh - 240px);}
		
    .locations-wrap {max-height:1500px !important;}
    
		.single-asset .left-panel.vh-100, .single-asset .right-panel.vh-100, .single-asset #asset-map, .single-asset .vh-50 {float:left; position:relative; width:100%; top:auto; left:auto; right:auto; height:auto; overflow: hidden;}
		.single-asset #asset-map {height:400px;}
    
    #login .main-carousel, #login .row-2 {position:relative;}
    #login .row-2 #caption,  #login .row-2 .caption {font-size:12px !important;}
    #login-content .logo {width:150px; margin-top:10px;}
    #login-content {padding:10px;}
    #login-form .orange-rule {height:5px !important; margin-top:10px !important;}
    #login-form .tagline {font-size:16px !important; margin-top:10px !important;}
    
    nav {position:fixed; top:65px; left:0;}
    nav.active {bottom:0; height:calc(100% - 65px);}
    
    span.k-datetimepicker {width:100%;}
    #asset_grid .k-header .k-button {float:left;}
    
    .mobile-search {display:none; transition:0.3s; top:0; left:0; right:0; bottom:0; z-index:100;}
    .mobile-search.active {display:flex; flex-wrap:wrap;}
    .mobile-search input[type=text].search-input-top {background:#f5f5f5; width:100%;}
    .settings-drop.top-drop {position:fixed; top:68px; right:0; width:220px;}
    .settings-btn.active:after, .alert-btn.active:after {background:transparent;}
		
	}



/* END MOBILE */


/* PORTRAIT */

	@media only screen and (orientation : portrait) {	

	}

/* END PORTRAIT */

/* LANDSCAPE */

	@media only screen and (orientation : landscape) {

	}

/* END LANDSCAPE */

/* PRINT */

@media print {
  #topbar {display:none;}
  #panelbar {border:none !important;}
  #panelbar .k-content, #panelbar .k-group.k-panel {display:block !important;}
  #panelbar .k-icon {display:none !important;}
  #panelbar .k-header {font-size:36px; font-weight:bold; border-bottom:none !important; margin-top:25px !important; padding-left:0; margin-left:0;}
  
}

/* END PRINT */


@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

.assetPie_stats {
    text-align: center;
}
.assetPie_pie-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.assetPie_pie-list li {
    display: inline-block;
    text-align: center;
    width: 34px;
    font-size: 10px;
}
.assetPie_li {
    display: block;
    width: 34px;
    line-height: 30px;
}

.too-cold {background:#3f6993; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); animation-name: toocold; animation-duration: 1s; animation-iteration-count: infinite;}
.cold {background:#73a5c8; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); animation-name: cold; animation-duration: 1s; animation-iteration-count: infinite;}
.perfect {background:#009d57; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); animation-name: perfect; animation-duration: 1s; animation-iteration-count: infinite;}
.hot {background:#cbb949; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); animation-name: hot; animation-duration: 1s; animation-iteration-count: infinite;}
.too-hot {background:#662c38; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); animation-name: toohot; animation-duration: 1s; animation-iteration-count: infinite;}
.no-temp {background: transparent; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); box-shadow:inset 0 0 0 2px rgba(0,0,0,.25); }

@keyframes toocold {
    from {background-color:#3f6993;}
    to {background-color: #1f4d7c;}
}

@keyframes cold {
    from {background-color:#73a5c8;}
    to {background-color:#4284b3}
}

@keyframes perfect {
    from {background-color:#009d57;}
    to {background-color:#009d57;}
}

@keyframes hot {
    from {background-color: #cbb949;}
    to {background-color: #cc883f;}
}

@keyframes toohot {
    from {background-color:#662c38;}
    to {background-color: #a5485b;}
}

.temp-settings label {display:inline-block !important; width:200px; overflow:hidden; text-align:left;}
.circle {width:30px; height:30px; -webkit-border-radius:50%; border-radius:50%; display:inline-block; margin:0 10px 0 0; overflow:hidden;}
.device-id {display:inline-block !important; text-align:center; padding:8px 5px; width:33px; height:33px; font-size:14px; font-weight:100; -webkit-border-radius:50%; line-height:1; border-radius:50%; border:solid 1px #2a3b96; color:#2a3b96;}