/*FONTS*/
@font-face{font-family: "HELL-bold"; src: url('../../fonts/helveticaneueltstdhv.eot'); src: url('../../fonts/helveticaneueltstdhv.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstdhv.woff') format('woff'), url('../../fonts/helveticaneueltstdhv.ttf') format('truetype'), url('../../fonts/helveticaneueltstdhv.svg#helveticaneueltstdhv') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: "HELL-normal"; src: url('../../fonts/helveticaneueltstdroman.eot'); src: url('../../fonts/helveticaneueltstdroman.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstdroman.woff') format('woff'), url('../../fonts/helveticaneueltstdroman.ttf') format('truetype'), url('../fonts/helveticaneueltstdroman.svg#helveticaneueltstdroman') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: "HELL-thin";src: url('../../fonts/helveticaneueltstdth.eot'); src: url('../../fonts/helveticaneueltstdth.eot?#iefix') format('embedded-opentype'), url('../../fonts/helveticaneueltstdth.woff') format('woff'), url('../../fonts/helveticaneueltstdth.ttf') format('truetype'), url('../../fonts/helveticaneueltstdth.svg#helveticaneueltstdth') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'roboto-CB';src: url('../../fonts/robotocondensed-bold-webfont.woff2') format('woff2'), url('../../fonts/robotocondensed-bold-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'roboto-CR'; src: url('../../fonts/robotocondensed-regular-webfont.woff2') format('woff2'), url('../../fonts/robotocondensed-regular-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'roboto-T'; src: url('../../fonts/roboto-thin-webfont.woff2') format('woff2'), url('../../fonts/roboto-thin-webfont.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'walkway'; src: url('../../fonts/walkway_ultrabold-webfont.woff2') format('woff2'), url('../../fonts/walkway_ultrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
/*FONTS*/

/*RESET CSS*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}body{line-height:1;} ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;}
	.clearfix, .clear{clear:both;} h1, h2, h3, h4, h5{margin-top: 0px!important;}
	html, body{font-family: 'HELL-normal';color:#000;height: auto;min-height: 100%;/*opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;*/}
	textarea{resize: none;min-height:5em;} nav ul a{padding:0;} nav ul a:hover{background:none;} .fa-btn{float: left;margin-right: 10px;} body{overflow:visible;} body.hideEdge{overflow:hidden;} .hidden{display:none;} td,th{border-radius:0px!important;}
/*RESET CSS*/

/*STANDARDS*/
	h1{font-family: 'roboto-CB';color:#fff;padding:0;text-transform:uppercase;margin-bottom:5px!important;}
	h4{font-family: 'HELL-normal';color: #143a52;padding:0;text-transform:uppercase;margin-bottom:5px!important;}
	h4 span{font-family: 'HELL-bold';}
	.hideme{border: none;margin: 0;padding: 0;height: 0;position: absolute;top: -2000px;}
/*STANDARDS*/

/*BODY*/
  .fader{position: fixed;background-image: linear-gradient(rgba(38, 101, 166, 0.95) ,rgba(81, 20, 82, 0.4));
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    width:100%;
    height:100%;}
  .admin{background:url('http://tellutemp.com/app/assets/img/Demo.jpg') center 0% / cover no-repeat fixed!important;}
  .login{background:url('http://tellutemp.com/app/assets/img/cloud.jpg') center 0% / cover no-repeat fixed!important;}
  .Demo{background:url('http://tellutemp.com/app/assets/img/Demo.jpg') center 0% / cover no-repeat fixed!important;}
  .Pharma{background:url('http://tellutemp.com/app/assets/img/Pharma.jpg') center 0% / cover no-repeat fixed!important;}
  .Cold{background:url('http://tellutemp.com/app/assets/img/Cold.jpg') center 0% / cover no-repeat fixed!important;}
  .Biology{background:url('http://tellutemp.com/app/assets/img/Bio.jpg') center 0% / cover no-repeat fixed!important;}
  .Warehouse{background:url('http://tellutemp.com/app/assets/img/Warehouse.jpg') center 0% / cover no-repeat fixed!important;}
  .Agriculture{background:url('http://tellutemp.com/app/assets/img/Agriculture.jpg') center 0% / cover no-repeat fixed!important;}

	#admin{display:block;background-color:#fff;padding:40px 40px;margin:20px 0;}

	form table tr td{width: calc(100% / 2);}
	form table tr td label{color:#000;text-transform:uppercase;}
	form table tr td input{text-align:center;}
	form table tr td:nth-child(odd){padding:10px 40px 10px 0px;}
	form table tr td:nth-child(even){padding:10px 0px 10px 40px;}
	form table tr td:nth-child(odd){text-align:left;font-family: "HELL-bold";border-right:1px solid #ccc;}
/*BODY*/

/*LOGIN*/
.account-wall{padding: 40px!important;
    text-align: center;
    position: absolute;
    /* margin: 0 auto; */
    float: none!important;
    top: calc(50% - 126px);
    max-width: 500px;
    left: calc(50% - 150px)!important;
    width: 300px!important;
    background-color: #fff;}
/*LOGIN*/


/*NAVIGATION*/
/*.nav{width: 100%;position: relative;display: block;max-height: 50px;background-color: #1A5D7A;}
  .nav-logo{position:relative;margin:0 auto;display:inline-block;}
  .nav-logo img{}
  .nav-item{cursor: pointer;height: 50px;line-height: 54px;position: relative;display: inline-block;padding: 0 20px;background-color: #cbecff;}
  .nav-item-right{float: right;position: relative;display: inline-block;}
  .nav-item-right a{}*/
/*NAVIGATION*/

/*NAV*/
	#menu{display:none;}
	nav{ background-color:#fff;position:fixed;width:100%;height:80px;top:0px;z-index:50;}
	nav ul{height: 100%;text-transform:uppercase;}
	nav ul li, nav ul a li{letter-spacing: 2px;cursor:pointer;padding:0 12px;height: 100%;font-family:'Fjalla One', sans-serif;font-weight: 700; color:#143a52;}
	.active, .active *, nav ul li:hover, nav ul li *:hover{background-color:#143a52;color:#ded2bf;font-family:'Fjalla One', sans-serif;font-weight: 700; }
	nav *{width:auto;display: inline-block; float: left;}

	subnav{width:100%;height:25px;background-color:rgba(62,55,44,.9);display: table;color:#fff;position: fixed;top: 87px;z-index: 99;-moz-box-shadow: 0px 1px 9px #000000;-webkit-box-shadow: 0px 1px 9px #000000;box-shadow: 0px 1px 9px #000000;}
	.subnavInner{position:relative;display:block;margin:0 auto;width:100%;max-width: 1000px;line-height: 40px;color:#fff;font-family:'Oswald', sans-serif;font-weight: 100;}
	.subnavInner .legend{display: table-cell;float:left;vertical-align:middle;}
	.subnavInner .legend img{margin-left:20px;top: 3px;margin-right: 8px;position: relative;}
	.subnavInner .legend:first-child img{margin-left:0px;top: 3px;margin-right: 8px;position: relative;}

	section{position:relative;top:87px;}
	.pg{width:calc(100% - 40px);max-width:1000px;margin:0 auto;padding:0px 20px;position: relative;margin-bottom: 80px;}
	.pg-events, .pg-register, .pg-events-page, .pg-about, .pg-scoreboard, .pg-channel, .pg-rules{padding-top:20px;}
	/*NAV*/


/*HUBS*/
.hubs{}
  .hub{vertical-align: top;padding: 20px;background-color: #fff;margin: 20px;display:inline-block;position:relative;overflow:hidden;min-width: 280px;width:calc(100vw / 4);height:auto;}
  .hub.open{}

	.hub-num{font-family: "HELL-bold";}
		.hub-num span{font-family: roboto-CR;font-size: 16px;}
	.hub-name{font-family: roboto-CR;font-size: 20px;}
	.hub-servicedate{font-family: "HELL-bold";font-size: 10px;}
		.hub-servicedate span{font-family: roboto-CR;font-size: 10px;}

	.btn-controls{}
		.btn-controls button{width:100%;height: 35px;line-height: 35px;margin-bottom: 10px;}
		.btn-controls a button{color:#fff;}
		.btn-controls a button:hover{background-color: #143a52;color: #ded2bf;}
		.btn-controls a button:hover i{color: #ded2bf;}
		.btn-controls a button i{color:#fff;font-size: 1.2rem;margin-right: 10px;font-size: 18px;float: left;}

		.btns{clear: both;padding: 0;margin: 0;border-top: 1px solid #b7b7b7;padding-top: 10px;list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-around;-webkit-justify-content: space-around;flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}
		.btns a button{margin: 5px;text-align: center;height: 35px;line-height: 40px; white-space: nowrap;font-size: 80.5%;}
		.btns a button:hover{background-color: #143a52;color: #ded2bf;}

	/*CONTACTS*/
	#contacts{display:block;background-color:#fff;padding:40px 40px;margin:20px 0;}
  	.contacts{overflow:hidden;height:100%;width:100%;}
		.contacts table{}
		.contacts table td{font-family: 'roboto-CR';}
		.contacts table td span{font-family: 'roboto-CB';}
		.contacts table tr:nth-child(odd){background-color:#c2c2c2;}
    	.contacts table tr:nth-child(even){background-color:#c9c9c9;}
	/*CONTACTS*/

	/*SENSORS*/
	#sensors{display:block;background-color:#fff;padding:40px 40px;margin:20px 0;}
	.sensors{overflow:hidden;height:auto;width:100%;}
		.sensor{background-color:#d4e0e8;padding-bottom: 12px;margin-bottom: 10px;height: auto;clear: both;position: relative;display: inline-block;width: 100%;}
		.printSensor, .printSensor *{font-size:12px!important;}
			.sensor-title{}
				.sensor-title-number{font-family: 'roboto-CB';font-size: 80px;line-height: 70px;color: #266aa5;padding: 20px 20px 0px 20px;float: left;}
				.sensor-title-name{font-family: 'roboto-CR';padding: 20px 20px 20px 0;float: left;color: #143b52;font-size: 40px;}
				.sensor-temp{float: right;height: 75px;display: inline-block;padding: 0 20px;width: auto;}
				.sensor-temp-latest{float: left;display: table;text-align: center;height: 100%;position: relative;font-size: 40px;padding: 20px;margin: 0 20px;}
				.sensor-temp-latest p{font-family: 'roboto-CR';}
				.sensor-temp-latest p span{color: #266aa5;font-family: 'roboto-CB';}
				.sensor-temp-hi{float: right;clear: left;}
				.sensor-temp-hi p{color:#143c52;font-size:10px;font-family: "HELL-bold";letter-spacing:0px;text-align:center;}
				.sensor-temp-hi p span{color: #000;font-size:20px;font-family: "HELL-normal";text-align:center;}
				.sensor-temp-hi p span span{color: #266aa5;font-family: 'roboto-CB';}
				.sensor-temp-low{float:left;}
				.sensor-temp-low p{color:#143c52;font-size:10px;font-family: "HELL-bold";letter-spacing:0px;text-align:center;}
				.sensor-temp-low p span{color: #000;font-size:20px;font-family: "HELL-normal";text-align:center;}
				.sensor-temp-low p span span{color: #266aa5;font-family: 'roboto-CB';}
				.sensor-temp-latest-date{font-size:11px;float:left;clear:both;padding: 0 20px;letter-spacing: .5px;margin-top: 15px;margin-bottom: 20px;}
				.sensor-temp-latest-date span{font-family: "HELL-bold";font-size:11px;}
	/*SENSORS*/
/*HUBS*/

/*REPORTS*/
#print{display:block;background-color:#fff;padding:0px;margin:0px;}
#print *{color:#000;}
#reports{display:block;background-color:#fff;padding:40px 40px;margin:20px 0;}
.reportResult{position:relative;display:block;width:100%;}

.reportResult-titles{margin-bottom:20px;}
  .reportResult-title-type{margin:10px 0;}
  .reportResult-title-date{margin:10px 0;}
  .reportResult-title-hub{margin:10px 0;}
  .reportResult-title-sensor{margin:10px 0;}

  .reportResult table{width:100%;position:relative;display:block;}
  .reportResult table tbody{width: 100%;display: block;}
    .reportResult table tr{width: 100%;display: block;}
    .reportResult table tr:nth-child(odd){background-color:#c2c2c2;}
    .reportResult table tr:nth-child(even){background-color:#c9c9c9;}
	  #print .reportResult table tr th{background-color: #929292;color: #ded2bf;display: inline-block;text-align:center; font-family: "HELL-bold";min-height: 30px;border-bottom: 1px solid #898989;}
      .reportResult table tr th{background-color: #143a52;color: #ded2bf;display: inline-block;text-align:center; font-family: "HELL-bold";min-height: 30px;border-bottom: 1px solid #898989;}
      .reportResult table tr td{display: inline-block;text-align:center; font-family: "HELL-normal";min-height: 25px;font-size: 14px;}

      .DATAhourDetail{width: calc(100% / 2);}
	  .DATAcontact{width: calc(100% / 3);}
      .DATAhour{width: calc(100% / 5);}
      .DATAhour.detail{width: calc(100% / 6);}
      .DATAday{width: calc(100% / 5);}
      .DATAweekly{width: calc(100% / 6);}
      .DATAmonth{width: calc(100% / 7);}
      .reportSensor{text-align: left!important;}

      .dateSlots{min-height: 140px;clear: both;padding: 0;margin: 0;margin-bottom:40px;padding-top: 10px;list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-around;-webkit-justify-content: space-around;flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}
		.dateSlot{margin: 5px;text-align: center;height: 35px;line-height: 40px;min-width:80px;}
		.dateSlot label{color:#fff;}
/*REPORTS*/


/*NOTES*/
#notes{display:block;background-color:#fff;padding:40px 40px;margin:20px 0;}
.noteSet{display:block;clear:both;position:relative;}
	.note{width:100%;height:auto;display:block;clear:both;position:relative;}
	.note div{width:100%;font-family: 'roboto-CR';color: #266aa5;font-size: 15px;float: left;clear: right;padding: 20px 0;border-bottom: 1px dashed #ccc;}
	.note div p{font-family: 'roboto-CR';color: #266aa5;font-size: 15px;height: auto;position: relative;display: block;}
	.note p.noteDate{font-family: 'Hell-Bold';background-color: #143b52;float: left;color: #fff;padding: 10px;line-height: 18px;text-align: right;margin: 0 10px 10px 0}
	.note p.noteDate span{font-size:12px;letter-spacing:1px;}
	.note p.noteDate span span{font-size:9px;letter-spacing:1px;}

	.addNote{border-bottom:2px solid #266aa5;padding:0px 0 20px 0;}
/*NOTES*/


/*ADMIN*/
	.admin-menu{vertical-align: top;padding: 20px;background-color: #fff;margin: 20px;display:inline-block;position:relative;overflow:hidden;min-width: 280px;width:calc(100vw - 40px);height:auto;}
	.admin-menu-controls{}
		.admin-menu-controls button{width:100%;height: 35px;line-height: 35px;margin-bottom: 10px;}
		.admin-menu-controls button i{font-size: 1.2rem;margin-right: 10px;font-size: 18px;float: left;}

	/*UNITS*/
	#units{display:none;}
	#units.open{display:block;background-color:#fff;padding:40px 40px;margin:20px;}
	.DATAunits{width: calc(100% / 4);}
	/*UNITS*/

	/*CLIENTS*/
	#clients{display:none;}
	#clients.open{display:block;background-color:#fff;padding:40px 40px;margin:20px;}
	#clients button.mainAction{width:auto;height: 35px;line-height: 40px;margin-bottom: 10px;}
	#clients button.mainAction i{font-size: 1.2rem;margin-right: 10px;font-size: 18px;float: left;}

	.DATAclients{width: calc(100% / 6);}
		.DATAclients button{width: 100%;height: 20px;line-height: 24px;margin-top: -10px;}
		.DATAclients button i{font-size: 1.2rem;margin-right: 10px;font-size: 15px;line-height: 20px;float: left;}
	/*CLIENTS*/

/*ADMIN*/


@media screen and (max-width: 9999px) and (min-width: 865px){
	.desktop{display:flex;}
	.device{display:none;}
}

@media screen and (max-width: 864px) and (min-width: 0px){
	.desktop{display:none;}
	.device{display:block;}

	h1 {font-size: 2.4rem!important;line-height: 110%;margin: 2.1rem 0 1.68rem 0;}
	h4{font-size: 2rem!important;}

	.pg {width: 100%;max-width: 1000px;margin: 0 auto;padding: 0px 20px;position: relative;margin-bottom: 80px;}

	.hub{width:calc(100% - 40px);}

	#contacts {display: block;background-color: #fff;padding: 10px 10px;margin: 20px 0;}
	#sensors {display: block;background-color: #fff;margin: 20px 0;padding: 10px;}

	.sensor-title-number {font-family: 'roboto-CB';font-size: 40px;line-height: 40px;color: #266aa5;padding: 5px 5px 0px 5px;float: left;}
	.sensor-title-name {font-family: 'roboto-CR';padding: 13px 20px 5px 0;float: left;color: #143b52;font-size: 30px;}
	.sensor-temp {float: right;height: 100%;display: inline-block;padding: 0 20px;width: 100%;}
	.sensor-temp-latest {display: block;text-align: center;height: 100%;position: relative;font-size: 27px;padding: 15px 0 10px 0;margin: 0 auto;width: 100%;}
	.sensor-temp-latest-date {font-size: 11px;clear: both;padding: 0 20px;padding-top: 10px;letter-spacing: .5px;margin-top: 11px;margin-bottom: 12px;text-align: center;}
	.sensor-temp-low p, .sensor-temp-hi p {font-size: 8px!important;}
	.sensor-temp-low p span, .sensor-temp-hi p span {font-size: 15px;}
	.btns.device{margin: 0 20px;text-align: center;}
    .btns.device select{text-align-last:center;}
    .btns.device select option{margin: 0 20px;text-align: center;}

    #reports {display: block;background-color: #fff;padding: 10px 10px;margin: 20px 0;}
	.reportResult table{font-size: 1.2vw;}
	.reportResult table tr td {font-size: 2vw!important;}
}