@charset "utf-8";
/* CSS Document */

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

header {
	background-color: aliceblue;
}

footer {
	padding: 20px 30px;
	background-color: #dbecf1;
}

body {
	margin-left: auto;
	margin-right: auto;
	background: #e6f4f8;
	scale: 1.0;
	font-size: 18px;
	min-height: 1240px;
}

main {
	content: "";
	clear: both;
	display: table;
}

#error{
	background: #FFF;
	font-weight: bold;
	color: #F00;
/*	border: solid 1px #F00; */
/*	border-radius: 3px; */
	text-align: center; 
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 192px;
}
	
.style-nav ul {
	text-align: center;
	list-style-type: none;
}

.style-nav ul li {
		display: inline-block;
		cursor: pointer;
		text-transform: uppercase;
		text-align: center;
		color: #2F322A;
	}



.style-nav ul li a {
	text-decoration: none;
	color: #2F322A;
	display: block;
	padding: 8px;
}

.style-nav ul li form {
	text-decoration: none;
	color: #2F322A;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}

.compact{
	width:85px;
	font-size: 16px;
	color:#1A1EC0;
	text-transform: uppercase;
}

form {
	margin: 0,0,0,0;
	padding: 0,0,0,0;
}

.row {
	margin-bottom: 0px;
}*/

.col {
	width: 100%;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

.zoomHolder
{
   width:100%;
   height:auto;
   position:relative;
   overflow:hidden;
	max-height:300px;
}

#appcontainer{
/*	background: #CCCCFF;*/
}

#pagetitle{
	display:block;
	margin-top: 50px;
	font-size:16px;
	font-weight:bold;
	width: 380px;
}

#equipAddForm{
}

.equipForm input, 
.equipForm select,
.equipForm textarea,
.equipForm label
{
	display:block;
	width: 90%;
	font-size:18px;
}

.equipForm fieldset{
	border: dotted 1px #330000;
	border-radius: 4px;
	background:#eeFFFF;
}


.equipForm input, 
.equipForm select{
	height: 30px;
}
.equipForm input, 
.equipForm select,
.equipForm textarea{
	height: 30px;
	font-size:18px;
	background: #FFFF99;
}

.equipForm input[type="submit"] {
	margin-bottom:6px;
	margin-top: 4px;
	height: 50px;
}


fieldset{
	border: dotted 1px #000;
	border-radius: 3px;	
	background: url("/images/BG/Vecteezy-16-6230-27c.jpg");

}
legend{
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.fieldval{
/*background:#00CCFF;*/
font-weight:bold;
}
.fieldlabel{
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #555;
}

.pgsection{
	border: dotted 1px #000;
	border-radius: 3px;	
	background: url("/images/BG/Vecteezy-16-6230-27c.jpg");
	margin-bottom: 3px;
}
.secheader{
	font-weight: bold;
	font-size: 11px;
}
#eqQuickPick{
	width: 100%;
	height: 75px;
	overflow-x: hidden;
}
#eqQuickPick .eqQPitem{
	display: inline-block;
	float:left;
	width: 60px;
	height: 65px;
	overflow: hidden;
	border: solid 1px #000;
	border-radius: 3px;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	padding-top: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	cursor: pointer;
	background: #FFFFFF
	;
}
#eqQuickPick img{
	width: 40px;
}
#eqQuickPick div{
	height: 30px;
	overflow: hidden;
/*	background: #FF0000;*/
}

#eqIcon{
	border: solid 1px #000;
	border-radius: 6px;
	background: #FFF;
	text-align: center;
	padding: 3px;
	display: inline-block;
}
#classification{
	text-align: center;
}
#eqType,
#eqQC{
	font-weight: bold;
	font-size: 14px;
}

#eqSvcLinks{
/*	background: #EEE;*/
}
#eqSvcLinks a{
	display: block;
	border: dotted 1px #222;
	border-radius: 3px;
	padding:2px;
	margin: 2px;
	background: #FFF;
}

#results{
	max-width: 800px;
/*	background: #FFFFCC;*/
}

.equipTitle{
	display: inline-block;
	width: 125px;
	background:#666666;
	color:#FFFFFF;
	font-weight:bold;
/*	margin: 0px;*/
/*	padding: 0px;*/
}
/*.equipSegment{
	display: inline-block;
	width: 125px;

}*/
/*.equipDetail{
	border-top: dotted 1px #ccc;

}*/
.equipDetail{
	border: solid 1px #333;
	border-radius: 3px;
	display: inline-block;
	width: 80px;
	height: 125px;
	overflow: hidden;
	text-align: center;
	margin: 1px;
	padding: 2px;
	font-size: 11px;
	background: #ffffff;
}
.eqIcon img{
	width: 55px;
}
.eqType{
}
.eqModel{
	font-size: 9px;
}
.eqQC{
	font-weight: bold;
}
.unitDetail{
	background:#CCCCCC;
	font-weight: bold;
}
.propertyName{
	display:block;
	background:#FFFFCC;
	color:#000000;
	font-weight: bold;
	height:35px;
	font-size: 18px;
}

.svclogitem{
	display: block;
	font-size:12px;
	border-bottom: dotted 1px #000;
	margin-bottom:1px;
}

.svclogitem .svclogType
{
	display:inline-block;
	width: 10%;
	vertical-align:top;
	overflow:hidden;
}
.svclogitem .svclogDate
{
	overflow:hidden;
	display:inline-block;
	width: 10%;
	vertical-align:top;
}
.svclogitem .svclogBy
{
	overflow:hidden;
	display:inline-block;
	width: 25%;
	vertical-align:top;
}
.svclogitem .svclogNote
{
	overflow:hidden;
	display:inline-block;
	width: 40%;
	vertical-align:top;
}

.attachItem{
	display: inline-block;
	width: 60px;
	height: 90px;
	overflow:hidden;
}
.attachItemImage {
	text-align: center;
}
.attachItemImage img{
	height: 60px;
}
.attachItemLabel{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.popAction{
	display: none;
}

.popAction label{
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #555;
	width: 100%
}
	
.popAction input,
.popAction select{
	display:block;
	width: 100%
}

.popAction .error{
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #F00;
}

/*****************************************

/*   ACCT MANAGEMENT

/***************************************/

.counterBox{
	display: inline-block;
	border: solid 1px #000;
	width: 88px;
	height: 100px;
	overflow-x: hidden;
}
.counterBox .counterTitle{
	text-align: center;
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #000;
	margin-bottom: 5px;
}
.counterBox .counterNumbers{
	display: block;
	text-align: center;
}
.counterBox .counterCount,
.counterBox .counterLimit{
	font-weight: bold;
	font-size: 20px;
	display: block;
}

#acct_usertable{
}
#acct_usertable td, 
#acct_usertable tr {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
#acct_usertable td{
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
#acct_usertable .acct_userrole{
	border: solid 1px #000;
	border-radius: 5px;
	color: #f00;
	background: #fff;
	font-weight: bold;
	padding: 2px;
	font-size: 10px;
}
#acct_usertable .acct_useractive{
	font-weight: bold;
	color: #099;
	font-size: 11px;
}
#acct_usertable .acct_userinactive{
	color: #333;
}


/********************************************

	LOCATION MANAGEMENT


*********************************************/



#locationManagement{
	width: 95%;
	margin-left: 2%;

}


#locationManagement .propInst,
#locationManagement .unitInst,
#locationManagement .roomInst{
	display: block;
	border: solid 1px #000;
	margin-bottom: 8px;
	border-radius: 3px;
	padding: 5px;
	background:url("/images/BG/1downarrow.png"), url("/images/BG/Vecteezy-16-6230-27c.jpg");
	background-repeat:no-repeat, repeat;
	background-position:right top, left;
	min-height: 40px;
	min-width: 75%;
}


#locationManagement .inactiveNode {
	background: #DDD;
}
#locationManagement .inactiveNode .unitInst,
#locationManagement .inactiveNode .roomInst{
	background: #DDD;
}

#locationManagement .propInstHead,
#locationManagement .unitInstHead,
#locationManagement .roomInstHead {
	height: 35px;
}

#locationManagement .propInstTitle,
#locationManagement .unitInstTitle,
#locationManagement .roomInstTitle{
	width:60%;
	display:inline-block;
	float:left;
/*	background:#00FFCC; */
/*	margin-right:20px; */
	font-size: 18px;
	font-weight: bold;
}


#locationManagement .propertyActions,
#locationManagement .unitActions,
#locationManagement .roomActions{
/*	width:30%;*/
	margin-right: 20px;
	display:inline-block;
	float:right;
	background:#fff;
	text-align: right;
	border: solid 1px #000;
	border-radius: 6px;
	padding-left: 6px;
	padding-right: 6px;
}


#locationManagement .propertyActions img,
#locationManagement .unitActions img,
#locationManagement .roomActions img{
	height: 25px;
}

#locationManagement .locationManagementAction,
#locationManagement .propBodyAction,
#locationManagement .unitBodyAction,
#locationManagement .roomBodyAction{
	border: dotted 2px #000;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	padding: 5px;
	height: 25px;
}


#locationManagement .compressed{
/*	background:url("/images/BG/1rightarrow.png"), url("/images/BG/Vecteezy-16-6230-27c.jpg");
	background-repeat:no-repeat, repeat;
	background-position:right top, left;*/
/*	background:url("/images/BG/1rightarrow.png");
	background-repeat:no-repeat;
	background-position:right top;*/
}


#locationManagement .propInstBody,
#locationManagement .unitInstBody,
#locationManagement .roomInstBody{
	margin-left: 10px;
	margin-right: 10px;
/*	padding-left: 5px;*/
	display: block;
/*	border: solid: 1px #000;
	clear:both;*/
}

#locationManagement .compressed .propInstBody,
#locationManagement .compressed .unitInstBody,
#locationManagement .compressed .roomInstBody{
	display:none;
}

#locationManagement .propBlock,
#locationManagement .unitBlock,
#locationManagement .roomBlock{

}



.addEditPop{
	border:solid 2px #000;
	border-radius: 4px;
	background: #fff;
	max-width: 500px;
/*	max-width: 90%;*/

  position: fixed;
  top: 15%;
  left: 50%;
  display:none;
  margin-left: -250px; /* Negative half of width. */

}

/*.addEditPop .addEditTitle{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border-bottom: solid 1px #000;
}

.addEditPop form{
	padding: 5px;
}
.addEditPop label{
	display: inline-block;
	width: 100px;
	clear: both;
}

.addEditPop input,
.addEditPopd select{
	display: inline-block;
	width: 300px;
}*/


		.QRScan_noshow{
			height: 0px;
			width: 0px;
			position:inherit;
			visibility: hidden;
		}
		
		.QRScan_yesshow{
			height: 100%;
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			background: #BFBFBF;
		}


/********************************************

	MENU PAGE CURTAIN TILES


*********************************************/


.curtainTile{
	display: inline-block;
	width: 100%;
/*	min-height: 100px;*/
	border:solid 1px #000;
/*	vertical-align:top;
	vertical-align:middle;*/
/*	overflow:hidden;*/
	background:url("../images/BG/Vecteezy-16-6230-27c.jpg");
	background-repeat:repeat;
	background-position:left;
	border-radius: 2px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 13px;
}
.curtainTile:before, .curtainTile:after{
/*	content: "";*/
/*	display: table;*/
}
/*.curtainTile:after{
	clear: both;
}*/

.curtainTile .curtain{
	display: none;
	text-align:center;
	vertical-align:middle;
/*	position:fixed; */
/*	position:static;*/
	height:100px;
	width: 100%;
/*	background:#99FF00;*/
}
.curtainTile .scrim{
	text-align:center;
	vertical-align:middle;
/*	position:fixed;
	position:static;*/
	height:100%;
	width: 100%;
}
.curtainTile .bigImg img{
	height: 100px;
}
.curtainTile .listItem{
	display:inline-block;
	width: 47%;
	height: 37px;
	vertical-align: middle;
	border: solid 1px #000;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom 1px;
	margin-top: 2px;
	background: #eee;
	border-radius: 2px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.curtainTile input {
	width: 75%;
}
.curtainTile a{
	vertical-align: middle;
	text-decoration: none;
}
.curtainTile .counterBox{
	border: solid 1px #000;
}


/****************************************************


Stickersheet


****************************************************/

#results{
	border: solid 1px #000;
}

#resultheader{
	display: block;
}

#resultheader div{
	display: inline-block;
	width: 22%;
	text-align: center;
/*	float:left; */
}

#resultset{
	display: block;
}

#resultset .sheetblock{
	display: block;
	border-bottom: dotted 1px #000;
}

#resultset .sheetblock div{
	display: inline-block;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 22%;

	font-size: 11px;
	font-weight: bold;
/*	float:left;	*/
}




/*Tablet View*/

@media (min-width: 768px){
	
	body {
		max-width: 778px;
		min-height: 1240px;
	}
	
	h1 {
		font-size: 40px;
		margin-bottom: 90px;
	}
	
	h2 {
		margin-bottom: 16px;
	}
	
	.col-md-one-half {
		width: 50%;
	}
	
	.col-md-40 {
		width: 40%;
	}
	
	.col-md-60 {
		width: 60%;
	}
	
	.col {
		float: left;
		padding: 0px 7px 14px;
	}
	
	.curtainTile{
		float:left;
		width: 49%;
		min-height:350px;
		margin-right: 4px;
	}
}

/*Desktop View*/

@media (min-width: 1200px){
	
	body {
		max-width: 1200px;
	}
	#pagetitle{
		width: 1000px;
	}
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	.col-lg-one-fourth {
		width: 25%;
	}
}