/* DEFAULTS
----------------------------------------------------------*/

html {
    height : 100%;
    overflow: hidden;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* * { 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
  } */

body   
{
    height : 100%;
    background: #ffffff;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: none;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 5px;
    line-height: 1.4em;
}


/* HEADINGS   
----------------------------------------------------------*/

/* h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #333333;
    text-transform: none;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
} */

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
    text-align: left;
    margin-bottom: 0px;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
	-ms-touch-action: none;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.0em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

#topDiv
{
	position: absolute;
	top: 10px;
	width: 100%; 
	text-align: center;
}

div#selectRooms
{
	text-align: left;
}

table.createRooms 
{ 
  margin : 1em; 
  border-collapse: collapse; 
  text-align: left;
}

td.createRoomsCell 
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	width: 20%;
}

th.createRooms
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	background: #ddd; 
}

table.selectedRooms 
{ 
	border: 1px #ccc solid; 
	/* margin: 1em; */
	border-collapse: collapse; 
    text-align: left;
}

td.selectedRoomsCell 
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
}

th.selectedRooms
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	background: #ddd; 
}

th {
    text-align: left;
}


/* table.unfixedRoomTable 
{
  border-collapse: collapse; 
  text-align: left;
}

td.unfixedRoomCell 
{ 
	padding: .3em; 
	text-align: left;
	width: 20%;
}

td.unfixedRoomCellSelected 
{ 
	padding: .3em; 
	text-align: left;
	width: 20%;
	color: Red;
}

th.unfixedRoomTable
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	background: #ddd; 
} */

a.standardBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#222222;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	margin:10px 24px 24px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width:40px;
}

a.standardBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
a.standardBtn:active {
	position:relative;
	top:1px;
}


/* Divisions */


#outerDiv {
    background-color: #FFFFFF;
    margin: 0px;
    padding : 0px;
    overflow : hidden;
    
	/* Don't want user to highlight div blue on Chrome */
    -webkit-touch-callout : none;
    -webkit-user-select : none;
    -khtml-user-select : none;
    -moz-user-select : none;
    -ms-user-select : none;
    user-select : none;
}

#controlDiv {
    width: 130px;
    height: 100%;
    background-color: #FFFFFF;
    padding: 5px;
    padding-bottom: 30px;
    float: left;
    margin: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

#stairsControlDiv 
{
	width : 150px;
	height : 100%;
	background-color: #FFFFFF;
	padding : 5px;
	float:left;
}

#stairGraphicControlsDiv
{
	margin : 0;
	padding : 0;
}

#roomZoomControlsDiv
{
	margin : 0;
	padding : 0;
}

#middleDiv 
{
	float:left;
	background-color: #FFFFFF;

	/* Don't want user to highlight div blue on Chrome */
    -webkit-touch-callout : none;
    -webkit-user-select : none;
    -khtml-user-select : none;
    -moz-user-select : none;
    -ms-user-select : none;
    user-select : none;
	-ms-touch-action: none;
}

/* #topDiv 
{
    background-color: #FFFFFF;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: left;
    padding: 5px; 
} */

#canvas_container {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-top-style: none;
    border-bottom-style: none;
    /* Don't want user to highlight div blue on Chrome */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Don't want MS panning on touch */
    -ms-touch-action: none;
    text-shadow: 0;
    text-decoration: none;
}
        
#roomDiv {
    background-color: #FFFFFF;
    width: 150px;
    float: left;
    padding: 5px 0px 5px 5px;
    margin: 0px;
    height: 100%;
	color: #000000;
    border: solid 1px #CCCCCC; 
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    /* overflow: hidden; */
    overflow-y: auto;
    /* -webkit-overflow-scrolling: touch; */
}
        

#bottomDiv 
{
    background-color: #FFFFFF;
    height: 100px;
    position: absolute;
    top: 652px;
    left: 0px;
    text-align: left;
}

#selectRooms {
    padding: 3px; 
}
        
/* #rectShapeBtn
{
	background-image: url('../Images/Rect.JPG');
	width : 50px;
	height : 40px;
	border : none;
}

#lShapeBtn
{
	background-image: url('../Images/L.JPG');
	width : 50px;
	height : 40px;
	border : none;
} */

#stairsContainer 
{
    border: solid 1px #CCCCCC; 
    border-top-style: none;
    border-bottom-style: none;
    background-color: #FFFFFF;
    height: 100%;
}

#stairsGraphicDiv {
    height: 100%;
    color: #fff;
    position: static;
}

table.stairPieceTable 
{ margin: 1em; 
  border-collapse: collapse; 
  text-align: left;
}

td.stairPieceCell 
{ 
	padding: .3em; 
	text-align: left;
	width: 20%;
}

td.stairPieceCellSelected 
{ 
	padding: .3em; 
	text-align: left;
	width: 20%;
	color: Red;
}

th.stairPieceTable
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	background: #ddd; 
}

table.availableStairPieces 
{ 
  margin : 1em; 
  border-collapse: collapse; 
  text-align: left;
}

td.availableStairPiecesCell 
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	width: 20%;
}

th.availableStairPieces
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	background: #ddd; 
}

table.selectedStairPieces 
{ 
	border: 1px #ccc solid; 
	/* margin: 1em; */
	border-collapse: collapse; 
    text-align: left;
}

td.selectedStairPiecesCell 
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
}

th.selectedStairPieces
{ 
	padding: .3em; 
	border: 1px #ccc solid;
	text-align: left;
	background: #ddd; 
}

.stairPieceI
{
	width:40px;
}

.flightDetailTable td
{ 
	padding: 5px; 
}

td.flightDetailCell
{ 
	padding: 5px;
}

#stairsDimensionGuideDiv {
	border: solid 1px #000000;
	position: absolute;
	z-index:100;
	height:220px;
	background: #ffffff;
}

.stairDimI
{
	width:40px;
	height:17px;
	border: 1px solid;
}

.stairDimI:focus
{
	border: 2px solid;
}


.treadNoDiv
{
	font-size: 15px;
	color: #00ff00;
}

#confirmRiserEntry {
    padding: 5px; 
	text-align: left;
}

#confirmRiserEntryTbl {
    padding: 5px; 
	text-align: left;
}

.guidanceP
{
	color: #008800;
	text-align: left;
}

.bullnoseGuidanceP
{
	color: #000088;
	text-align: left;
	margin-top: 0.1em;
	width: 220px;
}

.enterDimensionsP
{
	color: #008800;
	text-align: left;
	margin-top: 0.1em;
	width: 200px;
}

/* #stairwayBuilder 
{
	overflow:scroll;
	position:absolute;
} */

#builderTitleDiv 
{
	padding: 0px 5px 5px 5px;
	text-align: left;
	width: 100%;
	height: 30px;
} 

#builderOptionsDiv 
{
	padding: 5px;
	text-align: left;
	width: 100%;
	/* height: 370px; */
}

.builderOptionDiv 
{
	border-style:solid;
	border-width:2px;	
	border-color:#58aa00;	

	padding: 10px;

	margin: 5px 10px 5px 0px;
	text-align: left;
	width: 240px;
	height: 350px;
	float:left;
	overflow: hidden;
	
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* text-shadow: 1px 1px #666; */

}
.builderOptionDiv:hover {
    background-position: 0 -48px;
}
.builderOptionDiv:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}


#builderFooterDiv 
{
	padding: 5px 5px 5px 5px;
	text-align: left;
	width:100%;	
	height:60px;	
	float:left;
}

#builderNoOfStepsDiv 
{
	padding: 5px;
	text-align: left;
	width:100%;	
	height:15px;	
	float:left;
}

#stairwaySoFarTitleDiv 
{
	padding: 10px;
	text-align: left;
	width: 100%;
	height: 30px;
} 

#stairwaySoFarMainDiv 
{
	padding: 10px;
	text-align: left;
	width: 100%;
}

#builder3dControlDiv
{
	position: absolute;
	top: 90px;
	left: 420px;
	text-align: left;
	width: 100%;
	height : 30px;
	z-index : 100;
}

#builderConfirmationQuestionsDiv 
{
	padding: 10px;
	text-align: left;
	width:400px;
    text-shadow: 0px;	
}


.builderImage 
{
	height: auto;
	width: auto;
	max-width:100%;
	max-height:100%;
}

.builderNoOfTreadsI
{
	width: 50px;
	height: 25px;
	background-color: #afa;
	z-index:200;
    font-size: 1.5em;	
}

#noOfTreadsDiv
{
	width: 100%;
}

.controlImg
{
	height: 20px;
	width: 20px;
	margin : 0px;
	padding : 0px;
}

.confirmStairwayControlBtn
{
	margin-top : 0px;
	height: 28px;
	position : relative;
	width : 150px;
}

/* P entry */
#promptP 
{
	padding: 10px;
	text-align: left;
} 

table.pTable 
{ margin: 1em; 
  border-collapse: collapse; 
  text-align: left;
}

td.pCell 
{ 
	padding: .3em; 
	text-align: left;
}

.pFailure
{
    color: Red;
}


.button {
    padding: 5px 10px;
    display: inline;
    /* background: #777 url(button.png) repeat-x bottom; */
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: none;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: none;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.grey { background-color: #777; }
.button.seethrugrey { background-color: #777; opacity: 0.5}
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

.button.stairwayGuidanceBtn 
{
	position : relative;
	left : 10;
	z-index: 50;
	margin: 5px;
	max-width : 300px;
}

.div.stairsGuidanceDiv 
{
	float: right;
	z-index: 50;
}

.builderConfirmQuestionDiv 
{
	border-style:solid;
	border-width:2px;	
	border-color:#fff;	
	
	padding: 5px 10px;
	margin: 10px 10px 10px 0px;
	text-align: left;
	float:left;
	width:360px;

    display: inline;
    /* background: #777 url(button.png) repeat-x bottom; */
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* text-shadow: 1px 1px #666; */
    
	/* background-color: #fff; */
	background-color: #58aa00; 
	color: #000; 
	/* text-shadow: 1px 1px #fff; */
	
	text-shadow: none;
}
.builderConfirmQuestionDiv:hover {
    background-position: 0 -48px;
    }
.builderConfirmQuestionDiv:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}

.stairwaySoFarHdr
{
    font-size: 1.5em;
    /* color: #58aa00; */
    color: white;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 0px;
}


.builderHdr
{
    font-size: 1.5em;
    color: #58aa00;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 0px;
}


.builderOptionFooterDiv 
{
	border-style:solid;
	border-width:2px;	
	border-color:#58aa00;	
		
	padding: 5px 10px;
	margin: 0px 10px 0px 0px;
	text-align: left;
	width:360px;
	height:40px;
	float:left;
	overflow: hidden;
	
    display: inline;
    /* background: #777 url(button.png) repeat-x bottom; */
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    
	background-color: #fff; 
	color: #000; 
	text-shadow: 1px 1px #fff;
}

.builderOptionFooterDiv:hover {
    background-position: 0 -48px;
}
.builderOptionFooterDiv:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
}

.builderNoOfTreadsWarnI 
{
	/* visibility: hidden; */
	position: absolute;
	background-color: white;
	color: #696969;
	z-index: 50;
	padding : 10px;
	border-style:solid;
	border-width:1px;	
	border-color:black;
	font-size: .80em;	
}

.noOfTreadsArrowImage
{
	height : 40px;
	width : 40px;
}

/*make the page element 100% height*/
#selectRoomsP {
    height : 100%;
}

td.selectRoomsHeader 
{ 
	text-align: center;
	font-weight: bold;
	width:25%; 
	vertical-align:top;
	padding:0;
}

.selectedRoomCell 
{ 
	text-align: center;
	width:25%; 
	vertical-align:top;
	padding:0;
	margin:0;
}

td.enterRoomNameCell 
{ 
	text-align: center;
	width:25%; 
	vertical-align:top;
	padding:0px 10px 0px 20px;
}

.selectRoomsLV {
    padding-top : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

.selectRoomsLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
}

#selectedRoomsLV1 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
}
#selectedRoomsLV2 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
}
#selectedRoomsLV3 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
}
#selectedRoomsLV4 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
}

#distinguishRoomsLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#roomDescriptionLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#roomDescriptionI 
{
    margin : 0px;
}

#levelRoomLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#levelLevelLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#availableLevelsUL .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 20px;
    padding : 1px;
    font-size : 14px;
    margin : 0px;
}

#showMoreRoomsBtn
{
	margin-top : 0px;
	margin-bottom : 0px;
    /* height : 23px;
    padding : 0px; */
}

.miniLV {
    padding-top : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
}

.miniLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
}

#availableLevelsPopup .ui-dialog-contain { margin: 0; padding : 0; } 

#helpOptionsPopup .ui-dialog-contain { margin: 0; padding : 0; } 

#roomsNotInJobDiv 
{
	height : 500px; 
	width : 700px; 
	overflow : scroll;
}

#swLevelsLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 20px;
    padding : 1px;
    font-size : 14px;
    margin : 0px;
}

.ui-header .ui-title {
    margin-right: 10%;
    margin-left: 10%;
    overflow : visible;
    white-space : normal;
}

.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset 
{
	margin-top: 0;
	margin-bottom: 0;
}

#noOfStepsLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#noOfStepsI 
{
    margin : 0px;
}

.noOfStepsI 
{
    margin : 0px;
    width : 100%;  
}

.noOfStepsTC 
{
	padding: 0px;
    margin : 0px;
}

.threeDControlBtn
{
	margin: 0px;
	padding: 15px;
}

#stairwayLevelsTbl .td
{
	vertical-align : top;
}

.stairwayLevelsTR
{
	vertical-align : top;
}

.stairwayLevelsTC
{
	vertical-align : top;
}


/* .spacedLI .ui-li {
   margin-bottom: 40px;
} */

.stepTypeImg 
{
	/* height: auto;
	width: auto;
	max-width:60%;
	max-height:60%; */
	height: 250px;
	width: 250px;
}

#mainRoomListUL .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 20px; 
    padding : 1px;
    font-size : 14px;
    margin : 0px;
}

#keypadWarningP 
{
	color : Red;
}

.keypadBtn
{
	-ms-touch-action: none; /* Prevents zoom on double-click */
    margin: 3px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom:15px;
    padding-left:20px;
}

#keypadEntry {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.keypadI {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

#selectRoomsSelectedRoomsP
{
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;	
}

.my-ui-btn {
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: inset 0 0 3px #8cc63f /*{global-active-background-color}*/, 0 0 9px #8cc63f /*{global-active-background-color}*/;
}


#clearBtn2 
{
	 width:50px;
	 position:relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
}

#undoBtn2 
{
	width:50px;
	position:relative;
    margin-left: 10px;
}

#roomInfoBtn 
{
	width:50px;
	position:relative;
    margin-left: 25px;
}

#roomUndoClearDiv 
{
	position:absolute;
	top:200px;
	left:200px;
	width:auto;
	height:auto;
}

#roomLabelDiv
{
	width:100%;
	text-shadow:0;
}

#roomInfoLabelDiv
{
    margin-top:10px;
	/* max-width:100px; */
	text-shadow:0;
}

#helpOptionsPopup .ui-dialog-contain { margin: 0; padding : 0; }

#scaRoomsLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#scasLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#applyToAllLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#scaOptionsLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 25px;
    padding : 3px;
    font-size : 14px;
}

#roomGuidanceBtn 
{
	margin-top : 5px;
	width : 150px;
	white-space: normal;
	display: block;
	height : auto;
}

#roomNameL
{
    font-size : 14px;
}

#roomInfoLabelL
{
    /* font-size : 10px; */
}

#planningT   
{
    font-size: 1.20em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

#allProjectsDiv .outOfDateSaveA {
    color: #cccccc;
}

#allProjectsDiv .inDateSaveA { }

.jobTitleHeader
{
    text-align : left;
    float : left;
}

.jobTitleHeader2
{
    text-align : left;
    float : left;
}

.ui-header .ui-title
{
    margin-left : 1%;
}

#stairwayBuilderDiv table {
    border-collapse: collapse;
    /* border-spacing:0 50px; */
    margin : 0px 0px 0px 0px;
}

#stairwayBuilderDiv tr {
    margin : 0px 0px 0px 0px;
}

#stairwayBuilderDiv td {
    border-collapse: collapse;
    /* height: 25px; */
    padding: 0px;
    margin: 0px;
    vertical-align:bottom;
}

#stairwayBuilderDiv td div {
    margin: 0px;
}

#stairwayBuilderDiv td div input {
    margin: 0px;
}

#stairwayBuilderDiv td div a {
    margin: 0px;
    color: black;
    vertical-align:bottom;
}

#stairwayBuilderDiv td a {
    margin: 0px;
    padding: 5px;
    color: black;
    vertical-align:bottom;
}

#stairwayBuilderHeaderT {
    font-weight: bold;
    text-align: center;
}

#availableStairpiecesDiv table tbody td {
    column-count: 2;
        /* border-spacing:0 50px; */
}

#availableStairpiecesDiv td {
    padding : 0px;
    margin-top:10px;
}

.availableSPDiv {
    border: 1px solid grey;
    padding : 7px;
    background: white;
}

.stairpieceDiv {
    border: 1px solid grey;
    padding : 5px;
    margin : 0px;
    height : 20px;
}

#stairpieceDiv .ui-btn {
    margin-bottom : 0px;
}

#stairpieceDiv .ui-input-text {
    margin-bottom : 0px;
}

.stairpieceBetweenDiv {
    padding : 4px;
}

.sbFieldRequired {
    background: green;
}

.sbFieldComplete {
    background: white;
}

#stairpiecesInnerDiv {
    overflow: auto;
    margin: 0;
}    

.stairwayDropdown
{
    text-align : left;
    float : left;
}

select {
    color: black;
    border: 1px solid black;
    padding: 6px;
    border-radius: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#topRoomDiv {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#swBuilderOuterDiv {
    margin: 0px;
    width: 100%;
    padding: 0px;
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
}

#stairpiecesDiv {
    display: inline;
    /* position: relative; */
    float: left;
    padding: 5px;
    overflow:hidden;
    width: 55%;
    margin: 0px;
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
}

#swBuilderCentreDiv {
    display: inline;
    /* position: relative; */
    float:left;
    padding:5px;
    overflow:hidden;
    width:27%;
    margin: 0px;
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
}

#swBuilderSelectRoomDiv {
    /* display: inline;
    position: relative; */
    float:left;
    padding:5px;
    height:100%;
    overflow-y:auto;
    width:16%;
    margin: 0px;
    /*-moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;*/
}

.planningScaHdrDiv {
    width : 95%;
    border: 1px solid grey;
    padding : 1px;
    margin : 0px;
    margin-bottom:5px;
    height: 45px;
    background-color:#eeeeee;
}

.planDiv {
    border: 1px solid grey;
    padding : 5px;
    margin : 0px;
    margin-left : 1%;
    margin-bottom : 5px;
    width : 98%;
}

#planningMainDiv {
    margin-left: 1%;
    margin-bottom: 50px;
    overflow-y: scroll;
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.plansDiv {
    margin-left: 1%;
    width: 94%;
    float: left;
}

#scaT {
    width:100%;
    font-size: 1em;
    margin-bottom: 30px;
}

.planningScaHdrText {
    font-size: 1.20em;
    font-weight: bold;
}

.planT {
    table-layout: fixed;
}

.planT td {
    font-size: 1em;
    font-weight: normal;
    word-wrap:break-word; /* doesn't wrap cos its in a header cos we're using a JQM collapsible*/
    overflow: hidden;
}

.ui-collapsible-content {
    padding: 0 0 !important;
}

.requestNewPlanBtn {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.viewCuttingPlanBtn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 0;
    margin-bottom: 0;
}

.viewFloorPlanBtn {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.deletePlanBtn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 0;
    margin-bottom: 0;
    float:right;
}

.awaitingPlanningClass {
    color : red;
}

.planningCompleteClass {
    color : black;
}

.planDetailDiv {
    float : left;
    width : 25%;
}

.planRoomsDiv {
    float : left;
    width : 50%;
}

.planCutsDiv {
    float : left;
    width : 25%;
}

.planRoomsT th {
    text-align : left;
    vertical-align:top;
}

.planRoomsT td {
    text-align : left;
    vertical-align:top;
}

#planCutsT th {
    text-align : left;
}

#planMainDiv {
    float : left;
    width : 100%;
}

.keypadTable td {
    margin: 0px;
    padding: 2px 4px 2px 0px;
}

#jpgPlanIF {
    max-width: 1000px;
    /* overflow-y: scroll; */
}

.minWidthBtn {
    padding-left: 25px;
    padding-right: 25px;
}

#distinguishRoomsDiv {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

#scaRoomsDiv {
    width: 100%;
    height: 50%;
    overflow-y: scroll;
}

#scasDiv {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
}

#scasTable {
    width: 90%;
    margin: 0px;
    padding: 0px;
}

#scasTable td {
    margin: 0px;
    padding: 0px;
}

.scaWidthsI {
    margin : 0px;
    width : 100%;  
}

/* Floor plan */
#floorPlanOuterDiv {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#floorPlanControlDiv 
{
	width : 150px;
	height : 100%;
	background-color: #FFFFFF;
    margin: 0px;
	padding : 5px;
	padding-top : 10px;
	float:left;
    border-right: solid 1px #CCCCCC; 
}

#floorPlanMiddleDiv 
{
	width : 100%;
	height : 100%;
	background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
	float:left;
    overflow:hidden;
}

#floorPlanCanv {
    background-color: #FFFFFF;
    /* Don't want user to highlight div blue on Chrome */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Don't want MS panning on touch */
    -ms-touch-action: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#floorPlanFooter {
    margin:0px;
}

.fpScaPatternTD {
    width: 10px;
}

.fpScaPatternT {
    margin: 0px;
    padding: 0px;
}

.fpScaPatternT td {
    margin: 0px;
    padding: 0px;
}

.seamScaDiv {
    border: 1px solid grey;
    padding: 3px;
    margin: 2px;
    height: 26px;
    font-weight: bold;
    width: 60%;
    float: left;
}

.seamScaBtnDiv {
    width : 30%;
    float : left;
}

.savedSeamOptionTbl {
    padding-left : 10px;
    margin : 5px;
}

.newSeamOptionTD {
    text-align : right;
}

.scaTitleBtn {
    width: 120px !important;
    color: black !important;
}

#seamScaP {
    font-weight: bold;
    padding: 4px;
}

#fpScaLV .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
    height : 20px; 
    padding : 1px;
    font-size : 14px;
    margin : 0px;
    width : 100px !important;
}

#fpScaDiv {
    max-height: 300px;
    margin-top: 30px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#drScaDiv {
    position:absolute; bottom:100px
}

#startOverEmptyStairwayT td {
    padding : 2px 12px 2px 2px;
}

.seamOptionRoomTable {
    margin : 0px;
    padding : 0px;
}

.seamOptionRoomTable td {
    width : 35px;
    height : 30px;
    margin : 0px;
    padding : 0px 0px;
    /* border: 1px solid grey; */
    border-collapse: collapse; 
}

#customerDetailsMainDiv {
    padding : 10px;
    width : 100%;
}

#storeSel {
    width : 140px;
}

#storeSel-button {
    text-align:left !important;
}

#cdColLeft {
    width : 34%;
    float : left;
    padding-right : 10px;
}

#cdColCen {
    width : 34%;
    float : left;
    padding-right : 10px;
}

#cdColRight {
    width : 28%;
    float : left;
    padding-right : 10px;
}

#accessoriesTbl {
    touch-action: none;
}

#accessoriesTbl td {
    padding-right : 10px;
}

#emailToI {
    width : 600px;
}

#emailCCI {
    width : 600px;
}

#emailSubjectI {
    width : 600px;
}

#emailBodyTA {
    width : 600px;
}

#emailWarningP 
{
	color : Red;
}

/* .emailToI .ui-input-text {
    width : 600px !important
} */


#emailColLeft {
    width : 80%;
    float : left;
    padding-right : 10px;
}

#emailFormTbl td {
    padding-right : 10px;
}

#selectPlansTbl
{ 
    vertical-align : middle; 
}

#selectPlansTbl td
{ 
	padding-right: 10px;
    vertical-align : middle; 
}

#floorPlansDiv td
{ 
	padding-right: 5px; 
}

#floorPlansTbl {
    vertical-align: top;
}

#floorPlansTbl td {
    vertical-align:top;
}


.cuttingPlanNameDiv {
    display:inline;
    float:left;
    padding:5px;
    margin:2px;
    margin-right:5px;
}

#customerDetailsFooterLeft {
    float:left;
}

#customerDetailsFooterRight {
    float:right;
}

#fpCreatePdfBtn {
    padding-left:6px;
    padding-right:6px;
}

#fpViewPdfsBtn {
    padding-left:6px;
    padding-right:6px;
}

#mispoisitionedDoorwaysP {
	color : Red;
    display: none;
}

#conversionStatusSel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#floorPlanDetailTbl td {
    padding-bottom: 15px; 
    padding-right: 15px; 
}

#manualPlanDetailTbl td {
    padding-bottom: 15px;
    padding-right: 15px;
}

#saveWarningDiv {
    position: absolute;
    padding:10px;
    width:130px;
    z-index: 10;
    background-color:white;
    border: 1px solid black;
}

#stairwayAllowanceT {
    padding-top:20px;
}

#stairwayAllowanceT td {
    vertical-align: middle;
    padding: 5px;
}


#otherSeamOptionsDiv {
    /*max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; */
}

#selectPlansDiv {
    max-height: 550px;
    overflow-y: scroll;
}

#savedSeamOptionsDiv {
    max-height: 550px;
    overflow-y: scroll;
}

.offlineSpan
{
    text-align : right;
    float : right;
}

.offlineBtn
{
    margin : 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.checkConnectionBtn
{
    margin : 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#doorwayOptionsUL {
    max-height: 450px;
    overflow-y: scroll;
}


#scaOptionsPopup {
    max-height: 550px;
    overflow-y: scroll;
}

.roomListA {
    height: 30px;
    vertical-align: middle;
    /* padding-top: 40px;
    padding-bottom:40px; */
}

.costBreakdownT {
    max-width: 1000px;
    color: black;
    margin : 10px;
    padding :0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow:0 0 0 !important; 
}

.costBreakdownT thead th {
    padding-left: 5px;
}

.costBreakdownT tbody td {
    padding: 4px;
    margin: 0px;
	border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow:0 0 0 !important; 
}

.costBreakdownT td a {
        color: black;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-weight: normal;
        text-decoration: none;
        text-shadow:0 0 0 !important; 
 }

.costBreakdownT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important;
    width: 75px; 
}

.costBreakdownT td .ui-btn {
    margin: 0px !important;
    text-shadow: 0 0 0 !important;
}

#costBreakdownT td .ui-body-c, .ui-overlay-c { text-shadow:0 0 0; }

.costBreakdownT tbody td .ui-input-text { margin: 0px; }

.materialsT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important;
    width:100px;
}

.matNameTD {
    padding: 0px;
}

.matProductTR {
background-attachment:fixed !important;
background: rgba(214,221,250,1);

background: -moz-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,221,250,1)), color-stop(100%, rgba(150,162,243,1)));

background: -webkit-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);

background: -o-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);

background: -ms-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);

background: linear-gradient(to right, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ddfa', endColorstr='#96a2f3', GradientType=1 );

}

.accProductTR {
background-attachment:fixed !important;
background: rgba(214,234,250,1);
background: -moz-linear-gradient(left, rgba(214,234,250,1) 0%, rgba(150,196,243,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,234,250,1)), color-stop(100%, rgba(150,196,243,1)));
background: -webkit-linear-gradient(left, rgba(214,234,250,1) 0%, rgba(150,196,243,1) 100%);
background: -o-linear-gradient(left, rgba(214,234,250,1) 0%, rgba(150,196,243,1) 100%);
background: -ms-linear-gradient(left, rgba(214,234,250,1) 0%, rgba(150,196,243,1) 100%);
background: linear-gradient(to right, rgba(214,234,250,1) 0%, rgba(150,196,243,1) 100%);
}

.discountProductTR {
    background-attachment: fixed !important;
    background: rgba(250,180,100,0.5);
    /* background: -moz-linear-gradient(left, rgba(250,180,100,1) 0%, rgba(250,180,100,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,180,100,1)), color-stop(100%, rgba(250,180,100,1)));
    background: -webkit-linear-gradient(left, rgba(250,180,100,1) 0%, rgba(250,180,100,1) 100%);
    background: -o-linear-gradient(left, rgba(250,180,100,1) 0%, rgba(250,180,100,1) 100%);
    background: -ms-linear-gradient(left, rgba(250,180,100,1) 0%, rgba(250,180,100,1) 100%);
    background: linear-gradient(to right, rgba(250,180,100,1) 0%, rgba(250,180,100,1) 100%); */
}

.fitProductTR {
background-attachment:fixed !important;
background: rgba(214,250,221,1);
background: -moz-linear-gradient(left, rgba(214,250,221,1) 0%, rgba(150,243,172,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,250,221,1)), color-stop(100%, rgba(150,243,172,1)));
background: -webkit-linear-gradient(left, rgba(214,250,221,1) 0%, rgba(150,243,172,1) 100%);
background: -o-linear-gradient(left, rgba(214,250,221,1) 0%, rgba(150,243,172,1) 100%);
background: -ms-linear-gradient(left, rgba(214,250,221,1) 0%, rgba(150,243,172,1) 100%);
background: linear-gradient(to right, rgba(214,250,221,1) 0%, rgba(150,243,172,1) 100%);
}

.ui-body-c, .ui-overlay-c { text-shadow:0 0 0 !important; }

.incompleteProjectTR {
    background: rgba(200,200,200,1);
}

.completeProjectTR {
    background: rgba(214,221,250,1);
}

.materialsT {
    table-layout: fixed;
    color: black;
    margin-top: 5px;
    margin-bottom: 0px;
    padding: 0px;
    text-shadow: 0 0 0 !important;
}

.materialsT thead th {
    padding: 0px 5px 0px 0px;
    margin: 0px;
    color: black;
    vertical-align: middle;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 0 0 0 !important;
}

.materialsT tbody td {
    padding: 0px 5px 0px 0px;
    margin: 0px;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    vertical-align: middle;
    text-shadow: 0 0 0 !important;
}

.materialsT td a {
        color: black;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-weight: normal;
        text-decoration: none;
        text-shadow:0 0 0 !important; 
 }

.materialsT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important; 
}

.materialsT td .ui-input-btn {
    margin: 0px !important;
    text-shadow:0 0 0 !important; 
}

.materialsT td .ui-btn {
    margin: 0px !important;
    text-shadow:0 0 0 !important; 
}

#materialsT td .ui-body-c, .ui-overlay-c { text-shadow:0 0 0; }

#materialsDiv .ui-input-text {
    margin: 0px; !important;
}

.planSelect {
    width: 250px;
}

#costBreakdownDiv {
    margin-top:0px; 
    margin-left:0px;
    padding-top:0px;
    padding-left:0px; 
}

#costBreakdownTDiv {
    overflow-y: scroll;
    height: 100%;
    width: 800px;
    float: left;
    touch-action: pan-y;
}

#costBreakdownNavDiv {
    float:left;
    width: 100px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 40px;
}

#costBreakdownNavInnerDiv {
    float:right;
    width: 100px;
    padding: 5px;
    margin: 0px;
}

#costBreakdownTotalsDiv {
    float:right;
    padding: 5px;
    padding-bottom: 0px;
    width: 110px;
    margin: 0px;
	/* border: 1px #ccc solid; */
    position: absolute;
}

#costBreakdownButtonsDiv {
    float: left;
    padding: 5px;
    padding-right: 10px;
    margin: 0%;
    width: 120px;
    position: absolute;
}


#costBreakdownNavDiv .ui-btn {
    margin-bottom: 15px;
}

#materialsNavDiv .ui-btn {
    margin-bottom: 15px;
}

#reportingDiv {
    float:left;
    margin-top:0px;
    padding: 5px;
    padding-top:0px;
    overflow: scroll;
}

#materialsDiv {
    float:left;
    margin-top:0px;
    padding: 5px;
    padding-top:0px;
    overflow: scroll;
}

#materialsNavDiv {
    float:right;
    width: 100px;
    padding: 5px;
    position: absolute;
    top: 40px;
}

#reportingNavDiv {
    float:right;
    width: 100px;
    padding: 5px;
    position: absolute;
    top: 40px;
    left: 2000px;
}

#reportingNavDiv .ui-btn {
    margin-bottom: 15px;
}


#cbTotalsT {
    margin: 2px 2px 2px 2px;
}

#cbTotalsT td {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.cbTotalsT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important;
}

.allUpTotalL {
    font-weight: bold;
}

.cbTotalsT .ui-input-text {
    font-weight: bold;
}

.allUpTotalTD .ui-input-text {
    font-weight: bold;
    color: black;
}

#fitInsContainerDiv {
    padding: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#estContainerDiv {
    padding: 10px;
    padding-right: 55px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.fpPlanNameTD {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#conversionStatusDiv {
    margin : 5px;
}

#repfloorPlansDiv {
    margin: 5px;
}

#reportingControlsDiv {
    margin: 5px;
}

#reportingPdfsTbl {
    vertical-align: top;
}

#reportingPdfsTbl th {
    padding: 5px;
}

#reportingPdfsTbl td {
    vertical-align:top;
}

#pdfCuttingPlanList {
    vertical-align: middle;
    margin: 0px;
    border-collapse: collapse;
}

#pdfCuttingPlanList td {
    padding-right: 10px;
    height:40px;
    vertical-align: middle;
	border: 1px #ccc solid;
}

#pdfCuttingPlanList td:nth-child(1) {
    padding: 5px;
}

#pdfCuttingPlanList td:nth-child(2) {
    width: 80px;
    padding: 5px;
}

#pdfCuttingPlanList td:nth-child(3) {
    padding: 5px;
}

#reportingTotalsDiv {
    position: absolute;
    float:left;
    top : 50px;
    padding: 5px;
    padding-bottom: 0px;
	/* border: 1px #ccc solid; */
    width: 200px;
    margin: 0px;
}

#estimatorStoresDiv {
    width: 500px;
    height: 540px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

#estimatorStoresT td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.estimatorStoresBtn
{
    margin : 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#colourMatchT {
    margin-top: 30px;
    margin-bottom: 40px;
}

#colourMatchDiv {
    width: 100%;
    overflow:auto; 
}

#colourMatchWidthsDiv {
    width: 100%;
    float: left;
}

#colourMatchAdvisoryDiv {
    width: 100%;
    float: left;
}

#colourMatchWidthsT {
    margin: 10px;
    padding-right: 10px;
	border: 1px #ccc solid;
}

#colourMatchWidthsT td {
    padding-top: 10px;
    padding-bottom: 10px;
}

#colourMatchWidthsP {
    color: red;
}

#seamOptionsInnerDiv {
    overflow-y: auto;
}

#closeSeamOptionsBtn {
    width: 70px;
}

#cancelSeamOptionsBtn {
    width: 70px;
}

#closeSeamOptionsTD {
    width: 50%;
    overflow: hidden;
}

#cancelSeamOptionsTD {
    width: 50%;
    overflow: hidden;
}

#addOwnProductT {
    margin: 5px;
}

#addOwnProductT td {
    padding: 5px;
}

.ui-mobile label, div.ui-controlgroup-label {
    font-size: 13px;
}

.ui-popup-screen {
    position: relative;
}

ui-panel-dismiss {
	display: none;
}

#distinguishRoomsDiv {
    float:left;
    margin-top:0px;
    padding: 5px;
    padding-top:0px;
    overflow: scroll;
}

#roomDistinguishingNavDiv {
    float:right;
    width: 100px;
    padding: 5px;
    position: absolute;
    top: 40px;
    left: 2000px;
}

#roomDistinguishingNavDiv .ui-btn {
    margin-bottom: 15px;
}

#productLibTDiv {
	height: 100%;
	overflow-y: scroll;
	float: left;
    -webkit-overflow-scrolling: touch;
}

.productLibT {
    max-width: 1000px;
    color: black;
    margin : 10px;
    margin-bottom: 50px;
    padding :0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow:0 0 0 !important; 
}

.productLibT thead th {
    padding-left: 5px;
}

.productLibT tbody td {
    padding: 5px;
    margin: 0px;
	border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow:0 0 0 !important; 
}

.productLibT td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow:0 0 0 !important; 
 }

.productLibT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important;
    width: 80px; 
}

.prSortPriorityTD {
    font-size: 24px;
    font-weight: bold;
}

#productLibT td .ui-body-c, .ui-overlay-c {
    text-shadow: 0 0 0;
}

.productLibT tbody td .ui-input-text { margin: 0px; }


.addLibProductT td {
    padding: 5px;
    vertical-align: top;
}

.addLibProductT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important;
}

#applyByDefaultT {
    border: 1px gray solid;
    vertical-align: top;
    padding-right:30px;
    width: 400px;
}

#matTypesApplicableToT {
    border: 1px gray solid;
    vertical-align: top;
    padding-right: 30px;
    width: 200px;
}


.libProductPriceI {
    width: 80px;
}

.libProductPriceIncVatI {
    width: 80px;
}

.libProductCostI {
    width: 80px;
}

.libProductCostIncVatI {
    width: 80px;
}

.libProductLengthI {
    width: 80px;
}

.libPackSizeI {
    width: 80px;
}

.libProductWidthI {
    width: 80px;
}

#productNameSel {
    min-width : 250px;
}

#addLibProductMainDiv {
    float: left;
    width: 85%;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#addLibProductButtonsDiv {
    float: left;
    text-align: right;
    width: 15%;
    margin-left: 0px;
    margin-right: 0px;
    padding:0px;
}

#selectedOfferT td {
    padding-right: 10px;
}

#offerTbl td {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    vertical-align: top;
}

#createAllPdfsBtn {
    margin-right: 100px;
}

#costBreakdownReportBtnDiv {
    width: 100%;
    margin-top: 40px;
}

/*#offerTbl .printReportBtnSpacerTD {
    padding-left: 200px;
}*/


#materialLibTDiv {
	height: 98%;
	width: 100%;
	overflow-y: scroll;
	overflow-x: scroll;
	float: left;
    -webkit-overflow-scrolling: touch;
}

.materialLibT {
    /* max-width: 1500px; */
    color: black;
    margin : 10px;
    padding :0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow:0 0 0 !important;
}

.materialLibT thead th {
    padding-left: 5px;
}

.materialLibT tbody td {
    padding: 5px;
    margin: 0px;
	border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow:0 0 0 !important; 
}

.materialLibT td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow:0 0 0 !important; 
 }

.materialLibT td .ui-input-text {
    margin: 0px !important;
    text-shadow:0 0 0 !important;
    width: 80px; 
}

#materialLibT td .ui-body-c, .ui-overlay-c { text-shadow:0 0 0; }

.materialLibT tbody td .ui-input-text { margin: 0px; }

.selectedLibMaterialTR {
    background-attachment:fixed !important;
    background: rgba(214,221,250,1);
    background: -moz-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,221,250,1)), color-stop(100%, rgba(150,162,243,1)));
    background: -webkit-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -o-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -ms-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: linear-gradient(to right, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ddfa', endColorstr='#96a2f3', GradientType=1 );
}

#matNameFilterI {
    width: 200px;
}

#matColourFilterI {
    width: 150px;
}

#materialLibFiltersT  { display: block; }
#materialLibFiltersT td {
    display: inline-block; 
    padding: 2px 4px 2px 4px; 
}

#wastageDataTbl td {
    padding: 5px;
}

/* #textI {
  -webkit-user-select:text !important;
  -moz-user-select:text !important;
  -ms-user-select:text !important;
  user-select:text !important;
} */

/* .startOverBtn
{ 
	align: 5px; 
} */

.unownedUndrawnTR {
    background: #ededed;
}

.unownedUndrawnTR td a {
    opacity: 0.5;
}

.unownedIncompleteTR {
   background: #dddddd;  
}

.unownedIncompleteTR td a {
   opacity: 0.5;
}

.unownedCompleteTR {
   background: #bbb;  
}

.unownedCompleteTR td a {
   opacity: 0.5;
}

.storeNoEstAssignedTR{
   background: #fff;
}

.storeEstAssignedTR {
   background: #cce5ff;
}

.storeProgressingTR {
   /* background: #99ccff; */
   background: #cce5ff;
}

.storeOffersCreatedUnacceptedTR {
   /* background: #99ccff; */
   background: #cce5ff;
}

.storeOffersCreatedAcceptedTR {
   background: #66b2ff;
}

.storeHasOpenedJobTR {
   background: #aab2ff;
}

.estProgressingTR {
    background: #cce5ff;
}

.estCompleteTR {
   background: #66b2ff;  
}

/* .estExportedToOrderSysTR {
    background: #3392ff;
} */


@media print {

    /*body > *:not(#estimateP) {
      display: none;
    }*/
 
    #estimateP > *:not(#estDiv) {
      display: none;
    }
 
    #estDiv > *:not(#estContainerDiv) {
      display: none;
    }

    #estContainerDiv {
        height: auto;
        overflow: visible;
    }

    #mainEstDiv {
        padding-right: 20px;
    }

}

@media print {
 
    #fitInsP > *:not(#fitInsDiv) {
      display: none;
    }
 
    #fitInsDiv > *:not(#fitInsContainerDiv) {
      display: none;
    }

    #fitInsContainerDiv {
        height: auto;
        overflow: visible;
    }

    #mainFitInsDiv {
        padding-right: 20px;
    }

}

@media print {
 
    #reportingP {
        display: none;
    }

    #pdfPlanDlg > *:not(#pdfFrameContainer) {
      display: none;
    }
 
    #pdfFrameContainer > *:not(#pdfPlanIF) {
      display: none;
    }

    #pdfPlanIF {
        height: auto;
        overflow: visible;
        /*-ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); */
    }

}



/*@page {
    size: 25cm 35.7cm;
    margin: 5mm 5mm 5mm 5mm;
}*/

.planImgRotated { 
    transform:rotate(90deg); 
    -webkit-transform:rotate(90deg); 
}

/* .storeNoEstAssignedTR{
   background: #8F8;
}

.storeEstAssignedTR {
   background: #AFA;
}

.storeProgressingTR {
   background: #CFC;
}

.storeOffersCreatedUnacceptedTR {
   background: #edffed;
}

.storeOffersCreatedAcceptedTR {
   background: #FFF;
}

.estProgressingTR {
   background: #efe;  
}

.estCompleteTR {
   background: #fff;  
} */

#pileHeightRangeI {
    width: 30px;
}

#tuftsI {
    width: 40px;
}

#tuftsRangeI {
    width: 30px;
}

.sampleTakenT td {
    padding: 3px 10px 3px 10px;
}

.insMaterialValidationT th {
    padding: 3px 10px 3px 10px;
}

.insMaterialValidationT td {
    padding: 3px 10px 3px 10px;
}

.insMaterialValidationT td .ui-input-text {
    width: 80px; 
}

#seamOptionsNotAvailable {
    color: red;
}

#selectedOfferTotalsT td {
    padding: 2px 15px 2px 2px;
    vertical-align: middle;
}

.estTotTD {
    font-weight: bold;
}

#selectedOfferTotalsT .estTotLTD {
    padding: 2px 15px 2px 40px;
}

#estControlsDiv {
    float : left;
}

#fitInsControlsDiv {
    float : left;
}

#cdSourceSel {
    min-width : 150px;
}

#ownProductFooterDiv {
    text-align: right;
}

#titleAndInitTbl td {
    padding: 0px;
    padding-right: 10px;
    margin: 0px;
    vertical-align: middle;
}

#cdPostcodeTbl td {
    padding: 0px;
    padding-right: 10px;
    margin: 0px;
    vertical-align: middle;
}

#refreshBtn {
    margin-top: 40px;
}

#estimateSignatoryTextTA {
    resize : none;
    height: 100px;
    max-height: 100px;
    overflow-y: scroll;
}

#invoiceSignatoryTextTA {
    resize : none;
    height: 100px;
    max-height: 100px;
    overflow-y: scroll;
}

#signatureCvs {
    height: 200px;
    width: 900px;
}

#signatureCvsDiv {
    height: 200px;
    width: 900px;
    border: 1px solid black;
    margin-top : 5px;
}

.signatureFooterT td .ui-input-text {
    width: 250px; 
}

#signatureDiv {
    width: 900px;
}

#sigFooterDiv {
    width: 100%;
}

#customersEmailT {
    margin-bottom: 10px;
    margin-top: 0px;
}

#manualPlanOuterDiv {
    width: 100%;
    clear: both;
    height: auto;
}

#manualPlanControlDiv {
    float: left;
    width: 105px;
}

#mplMiddleDiv {
    width: 100%;
    height: 100%;

    float: right;
}

#mplCanv {
    border: 2px;
    /* Don't want user to highlight div blue on Chrome */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Don't want MS panning on touch */
    -ms-touch-action: none;
    margin: 0px;
    padding: 0px;
}

.replanBtn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 0;
    margin-bottom: 0;
}

.alterAutoplanBtn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 0;
    margin-bottom: 0;
}

#mPlanCutsT th {
    text-align: left;
}

#mPlanMainDiv {
    float: left;
    width: 100%;
}

.viewPlanBtn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

.manualPlanPdfBtn {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

.mplZoomImg {
    height: 15px;
    width: 15px;
    margin: 0px;
    padding: 0px;
}

.mplZoomBtn {
    margin: 0px;
    margin-right: 10px;
    padding: 5px;
}

#mplPanLabel {
    margin: 0px;
    padding: 0px;
}

.mplPanCG {
    margin: 0px;
    padding: 0px;
}

#mplZoomToFitBtn {
    margin-top: 5px;
}

#mplZoomDiv {
    margin: 0px 0px 5px 0px;
    padding: 4px;
    border: 1px solid grey;
    border-radius: 10px;
}

#mplRollControlDiv {
    margin: 0px;
    padding: 4px;
    border: 1px solid grey;
    border-radius: 10px;
}

.mplRollControlDiv button {
    margin-top : 4px;
    margin-bottom: 4px;
}


#imageViewerImg {
    position: relative;
}

#signatureAcceptanceText {
    font-size: 14px;
}

#signaturePaymentDiv {
    font-size: 14px;
}

.awaitingPdfsTD {
    color: red;
}

#signatureScrollDiv {
    height: 400px;
    overflow-y: scroll;
}

#checkOffTbl td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

#signatureInfo {
    color: red;
}

#selectDoorbarTbl td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

#noColourMatchAdvisoryP {
    color: red;
}

#reportDiv {
    height: 100px;
    overflow-y: scroll;
}

#deleteProjectNameSp {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}

#transProjectNameSp {
    font-size: 1.2em;
    font-weight: bold;
}

.keypadI::selection {
    background: blue;
}

.keypadMI::selection {
    background: blue;
}

#keypadHdr {
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

.altAddressT td .ui-input-text {
    width: 300px;
}

#altAddressT td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 5px;
}

#noMatsFoundT {
    margin-top: 2px;
    font-size: 14px;
}

.noMatsFoundT td {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.noMatsFoundT td .ui-btn-inner {
    margin: 0px !important;
    padding: 0px !important;
    text-shadow: 0 0 0 !important;
}

#acceptedOfferSel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.matPriceI {
    width: 80px;
}

.matPriceIncVatI {
    width: 80px;
}

.matCostI {
    width: 80px;
}

.matCostIncVatI {
    width: 80px;
}

.matMarginI {
    width: 80px;
}

.matMarkupI {
    width: 80px;
}

.matPackSizeI {
    width: 80px;
}

.matTileLengthI {
    width: 80px;
}

.matTileWidthI {
    width: 80px;
}

.matNoOfTilesInPackI {
    width: 80px;
}

.prodPriceI {
    width: 80px;
}

.prodPriceIncVatI {
    width: 80px;
}

.prodCostI {
    width: 80px;
}

.prodCostIncVatI {
    width: 80px;
}

.prodMarginI {
    width: 80px;
}

.prodMarkupI {
    width: 80px;
}

.productCostErrorTD {
    background-attachment: fixed !important;
    background: rgba(253, 4, 4, 0.65);
}

.productCostWarningTD {
    background-attachment: fixed !important;
    background: rgba(253, 187, 5, 0.65);
}

.uI {
    width: 300px;
}

.pI {
    width: 300px;
}

#uPDiv {
    max-width : 600px;
}

#orgSettingsMainDiv {
    float: left;
    width: 95%;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 20px;
    height: 500px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#dragSPDiv {
    opacity: 0.8;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#edMatOuterDiv {
    overflow-y: scroll;
    width: 95%;
    float: left;
    padding: 10px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#edMatLeftDiv {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#edMatProductsT {
    margin-top: 10px;
    margin-bottom: 20px;
    border-collapse: collapse;
    text-align: left;
}

#edMatProductsT th {
    padding: 1px 4px 1px 4px;
    /* border: 1px #ccc solid;
    border-collapse: collapse; */
}

#edMatProductsT td {
    padding: 0px 4px 0px 4px;
    /* border: 1px #ccc solid;
        border-collapse: collapse;  */
 }


#notesWarning {
    color: red;
}

#fitterNotesWarning {
    color: red;
}

.allocationScaNameTD {
    font-weight: bold;
}

#mainAllocationDiv {
    overflow-y: scroll;
    width: 95%;
    float: left;
    padding: 10px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    -webkit-overflow-scrolling: touch;
}

#previsitControlsDiv {
    float: left;
    width: 120px;
}

#previsitContainerDiv {
    padding: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

@media print {

    #previsitP > *:not(#previsitDiv) {
        display: none;
    }

    #previsitDiv > *:not(#previsitContainerDiv) {
        display: none;
    }

    #previsitContainerDiv {
        height: auto;
        overflow: visible;
    }
}

.mscaNotesTR {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mscaNotesTA {
    background-color: #eee;
}

.matScaName {
    font-weight: bold;
}

.materialsT tr {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.materialsT td {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.materialsT .ui-input-text {
    margin-bottom: 0px;
}

#allocationScaT td {
    vertical-align: top;
}

.prUnderlayWarningL {
    color: red !important;
}

#planViewerControlsDiv {
    float: left;
}

#planViewerDiv {
    height: 200px;
    /* overflow: scroll;
    -webkit-overflow-scrolling: touch; */
}

#planViewerContainerDiv {
    padding: 10px;
    /*overflow: scroll;
    -webkit-overflow-scrolling: touch; */
}

#planViewerImg {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}


@media print {
    #planViewerP > *:not(#planViewerDiv) {
        display: none;
        overflow: visible;
    }

    #planViewerDiv {
        height: 1000px;
    }

    #planViewerDiv > *:not(#planViewerContainerDiv) {
        display: none;
        overflow: visible;
    }

    #planViewerContainerDiv {
        overflow: visible;
    }

    #planViewerImg {
        overflow: visible;
    }

}

#swMoistureReadingT td {
    padding-right: 5px;
}

#stairwayProductsMainDiv {
    padding-left: 10px;
}

#stairwayProductsWarningP {
    color: red;
}

#manuallyAdjustSeamsDiv {
    position: absolute;
    padding: 10px;
    width: 200px;
    z-index: 10;
    background-color: transparent;
    border: none;
}

#salespersonLibTDiv {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    float: left;
    -webkit-overflow-scrolling: touch;
}

.salespersonLibT {
    color: black;
    margin: 10px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow: 0 0 0 !important;
}

.salespersonLibT thead th {
    padding-left: 5px;
}

.salespersonLibT tbody td {
    padding: 5px;
    margin: 0px;
    border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 0 0 0 !important;
}

.salespersonLibT td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 !important;
}

.salespersonLibT td .ui-input-text {
    margin: 0px !important;
    text-shadow: 0 0 0 !important;
    width: 80px;
}

#salespersonLibT td .ui-body-c, .ui-overlay-c {
    text-shadow: 0 0 0;
}

.salespersonLibT tbody td .ui-input-text {
    margin: 0px;
}

.selectedLibSalespersonTR {
    background-attachment: fixed !important;
    background: rgba(214,221,250,1);
    background: -moz-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,221,250,1)), color-stop(100%, rgba(150,162,243,1)));
    background: -webkit-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -o-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -ms-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: linear-gradient(to right, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ddfa', endColorstr='#96a2f3', GradientType=1 );
}

#sourceLibTDiv {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    float: left;
    -webkit-overflow-scrolling: touch;
}

.sourceLibT {
    color: black;
    margin: 10px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow: 0 0 0 !important;
}

.sourceLibT thead th {
    padding-left: 5px;
}

.sourceLibT tbody td {
    padding: 5px;
    margin: 0px;
    border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 0 0 0 !important;
}

.sourceLibT td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 !important;
}

.sourceLibT td .ui-input-text {
    margin: 0px !important;
    text-shadow: 0 0 0 !important;
    width: 80px;
}

#sourceLibT td .ui-body-c, .ui-overlay-c {
    text-shadow: 0 0 0;
}

.sourceLibT tbody td .ui-input-text {
    margin: 0px;
}

.selectedLibSourceTR {
    background-attachment: fixed !important;
    background: rgba(214,221,250,1);
    background: -moz-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,221,250,1)), color-stop(100%, rgba(150,162,243,1)));
    background: -webkit-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -o-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -ms-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: linear-gradient(to right, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ddfa', endColorstr='#96a2f3', GradientType=1 );
}

#editSourceT {
    padding: 3px;
}

#offerTbl #deletedEstimateTD {
    color: red;
    vertical-align: middle;
    font-weight: bold;
}

#paymentsOuterDiv {
    margin: 10px;
}

#stairwayDimensionEntryMethodDiv {
    float: left;
}

#saveProjectAsDiv {
    width: 500px;
}

#edFitterOuterDiv {
    padding: 10px;
    height: 600px;
    overflow-y: scroll;
}

#edFitterStoresDiv {
    padding: 10px;
}

#edFitterStoresT {
    border: 1px solid black;
    margin-top: 5px;
    margin-bottom: 15px;
}

#edFitterStoresT td{
    padding: 5px;
}

.emailAboutL {
    color: #008800;
}

#tooManyResultsP {
    color : red;
    font-weight : bold;
    display : none;
}

#packInfoOuterDiv {
    padding: 10px;
    height: 600px;
    overflow-y: scroll;
}

#packInfoTbl td {
    height: 30px;
    text-align : left;
}

.planningColourMatchText {
    font-weight : bold;
}

#jobProductsP {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

.jobProductsTbl {
    color: black;
    margin: 10px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow: 0 0 0 !important;
}

.jobProductsTbl thead th {
    padding-left: 5px;
    padding-right: 20px;
    margin-right: 20px;
}

.jobProductsTbl tbody td {
    padding: 4px;
    margin: 0px;
    border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 0 0 0 !important;
    vertical-align: top;
}

.jobProductsTbl td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 !important;
}

.jobProductsTbl td .ui-input-text {
    margin: 0px !important;
    text-shadow: 0 0 0 !important;
    width: 75px;
}

.jobProductsTbl td .ui-btn {
    margin: 0px !important;
    text-shadow: 0 0 0 !important;
}

#jobProductsTbl td .ui-body-c, .ui-overlay-c {
    text-shadow: 0 0 0;
}

.jobProductsTbl tbody td .ui-input-text {
    margin: 0px;
}

#jobProductsTbl th {
    margin-right: 20px;
}

.rProductSel {
    width: 100%;
}

#jobProductsOuterDiv {
    overflow-y: auto;
}

#jobProductApplyToAllT {
    display: block;
}

#jobProductApplyToAllT td {
    display: inline-block;
}

.addDiscountScaT tbody{
    border: 1px;
}

.addDiscountScaT tbody td {
    margin: 0px;
    padding: 5px;
    /* border: 1px black solid;
border-collapse: collapse; */
}

#discountLibT {
    margin-bottom: 100px;
}

#addDiscountValidationTD {
    color : red;
}

#ajPostcodeTD {
    max-width: 90px;
}

#cdPostcodeTD {
    max-width: 90px;
}

.fpDetailCB {
    transform: scale(2);
    transform-origin: left;
}

#pdfPlanDlgWarningL {
    color: red;
}

#planViewerWarningL {
    color: red;
}

#ignoreFirstXWhenCalculatingReqITD {
    width: 80px;
}

#editLibMinChargeThresholdTD {
    width: 80px;
}

.piMaterialDiv {
    border: 1px solid black;
    margin-top: 3px;
    padding-left: 5px;
}

.piAllowancedAreaTD {
    font-weight: bold;
}

.piCoverageTD {
    font-weight: bold;
}

.piWastageTD {
    font-weight: bold;
}

.piMaterialAreaTbl td {
    padding: 5px;
}

.piMaterialTbl td {
    padding: 0px 5px 0px 5px;
}

.piMaterialNoOfPacksTbl td {
    padding: 0px 5px 0px 5px;
}

#piMainMaterialTD {
    font-weight: bold;
}

#orgSettingsT td {
    padding: 2px;
}

#targetProductLibWarningL {
    color: red;
}

#piTileDesignDDLTD {
    padding-right: 10px;
}

#piStrippingSel {
    margin-right: 10px;
}

#piKeySquaresSel {
    margin-right: 10px;
}

.piPerimeterDepthTD {
    width: 80px;
}

#piPerimeterDepthTilesTD {
    width: 130px;
}

#piPerimeterLengthTD {
    padding-right: 30px;
}

#piBorderDepthTD {
    padding-right: 30px;
}

#piPerimeterDiv {
    margin-bottom: 50px;
}

#piLayUniformityWarningSp {
    color : red;
}

#piMainMaterialNameI {
    background-color: #f0f0f0;
}

#piMainMaterialColourI {
    background-color: #f0f0f0;
}

#roomShapesDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

#ballparkShapesDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

#photosDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

#pdfViewerDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

#fittingEventsDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

#edFittingEventsDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

#sendEmailDiv {
    margin-top: 2px;
    margin-left: 5px;
    width: 100%;
    overflow: hidden;
}

/* General */
.warningSp {
    color: red;
}

.checkboxTD {
    padding-right: 30px; /* Prevent JQM checkboxes from overflowing */
}

.validationP {
    color: red;
}


/* SaveAs panel */
.saveAsJobnameValidationL {
    color: red;
}

#saveAsOrderSysRefValidationP {
    color: red;
}


/* All Jobs */
#allProjectsTDiv {
    overflow-x: scroll;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 1400px;
    height: 800px;
}

#allProjectsT thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    white-space: nowrap;
}

#allProjectsT {
    vertical-align: top;
    table-layout: fixed;
    color: black;
    text-shadow: 0 0 0 !important;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    border-spacing: 0px;
    border-collapse: collapse;
    min-width: 2000px;
}

.allProjectsT th {
    padding: 8px 1px 8px 1px;
    background-color: #ffffff;
    opacity: 1;
}

.allProjectsT td {
    padding: 8px 1px 8px 1px;
    white-space: nowrap;
}

.allProjectsT td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 !important;
}

.allJobsI {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#allProjectsT td {
    padding-right: 10px;
}

.openProjectBtn {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.transferProjectBtn {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
}

.deleteProjectBtn {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

#logoutBtn {
    margin-left: 50px;
}

.privacySp {
    text-align: right;
    float: right;
    padding-right: 5px;
}

#refTD {
    width: 100px;
}

#orderSysRefTD {
    width: 100px;
}

#invoiceNoFilterTD {
    width: 70px;
}

#estimateNoFilterTD {
    width: 60px;
}

#estimateNoFilterTD {
    width: 80px;
}

#projectIdFilterTD {
    width: 70px;
}

/* Settings */
#settingsWarningTD {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

#smsNoOfSmsTextsSentSp {
    font-weight: bold;
    float: right;
}


/* Edit discount */
#edDiscountOuterDiv {
    padding: 10px;
    height: 600px;
    overflow-y: scroll;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.edDiscountMatTypesApplicableToTR {
    vertical-align: top;
    border: 1px;
    padding-top: 10px;
}

#edDiscountT {
    margin-bottom: 70px;
}

.edDiscountMatTypesApplicableToT {
    border: 1px;
    padding: 5px;
}

.edDiscountMatTypesApplicableToT td {
    padding: 5px;
    vertical-align: top;
    border: 1px;
}

.edDiscountAmountTD .ui-input-text {
    width: 80px;
}

/* Clause library */
#clauseLibTDiv {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    float: left;
    -webkit-overflow-scrolling: touch;
}

.clauseLibT {
    color: black;
    margin: 10px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    text-shadow: 0 0 0 !important;
}

.clauseLibT thead th {
    padding-left: 5px;
}

.clauseLibT tbody td {
    padding: 5px;
    margin: 0px;
    border: 1px black solid;
    border-collapse: collapse;
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    text-shadow: 0 0 0 !important;
    word-wrap: break-word;
}

.clauseLibT td a {
    color: black;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 !important;
}

.clauseLibT td .ui-input-text {
    margin: 0px !important;
    text-shadow: 0 0 0 !important;
    width: 80px;
}

#clauseLibT td .ui-body-c, .ui-overlay-c {
    text-shadow: 0 0 0;
}

.clauseLibT tbody td .ui-input-text {
    margin: 0px;
}

.selectedLibClauseTR {
    background-attachment: fixed !important;
    background: rgba(214,221,250,1);
    background: -moz-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,221,250,1)), color-stop(100%, rgba(150,162,243,1)));
    background: -webkit-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -o-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: -ms-linear-gradient(left, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    background: linear-gradient(to right, rgba(214,221,250,1) 0%, rgba(150,162,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ddfa', endColorstr='#96a2f3', GradientType=1 );
}

.edClauseNameTD .ui-input-text {
    width: 300px;
}

.edClauseCodeTD .ui-input-text {
    width: 80px;
}

/* Customer details */
#customerDetailsMainDiv {
    padding: 10px;
    width: 100%;
}

.cdCustomersBtn {
    margin: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.confirmStoreBtn {
    margin: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

#cdColCen table {
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 0px;
    vertical-align: middle;
}

#cdColCen table td {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle;
}

#cdColCen table td select {
    margin-top: 0px;
    margin-bottom: 0px;
}

#titleAndInitDiv {
    width: 100%;
}

#cdStoreDiv {
    width: 100%;
}

#cdStoreT {
    width: 100%;
}

#cdMyStoresTD {
    width: 99%;
    text-align: right;
}

#cdBallparkCostingDiv {
    width: 100%;
    float: left;
}

.cdBallparkCostingLabelsTH {
    width: 250px;
}

.cdBallparkCostingFieldsTH {
    width: 150px;
}

#cdBallparkCostingT {
    margin: 2px;
}

#cdBallparkCostingT tbody td {
    padding: 5px;
}

#cdNeedsMeasureScheduledAtDiaryL {
    width: 200px !important;
}

/* Alt address panel */
#altAddressValidationP {
    color: red;
}

/* Notes panel */
#notesTextP {
    color: red;
}

#notesTitleP {
    color : black;
    font-weight: bold;
}

/* Stairway builder */
#swAdvancedControlsTbl {
    margin-top: 5px;
    margin-bottom: 5px;
}

#swAdvancedControlsTbl td {
    padding-right: 5px;
    padding-top: 5px;
    vertical-align: middle;
}

.swMoistureReadingLblTD {
    vertical-align: middle !important;
}

.swMoistureReadingITD {
    width: 70px;
}

#swPhotosBtnTD {
    text-align: right;
}

.stairwayWizardBtn {
    width: 100px !important;
}

/* Main */
#closeBtn2 {
    position: absolute;
    width: 50px;
    z-index: 100;
    display: none;
}

#mainRezingTitleP {
    font-weight: bold;
}

#mainFurnitureTitleP {
    font-weight: bold;
}

/* Floor plan */
#fpScaT {
    border: solid 1px #CCCCCC;
    border-collapse: collapse;
    width: 100%;
    font-weight: bold;
}

#fpScaT td {
    /* border: solid 1px #CCCCCC; */
    padding: 3px;
}

.fpScaRepeatLTD {
    width: 65px;
    padding-right: 0px;
    padding-left: 0px;
}

.fpScaRepeatTD {
    width: 35px;
    padding-right: 0px;
    padding-left: 0px;
}

.fpScaRepeatI {
    padding: 5px;
    width: 45px;
}

#doorwayPatternMatchP {
    font-weight: bold;
}

#doorwayPatternMatchValidationP {
    color: red;
}

.validationP {
    color: red;
}


/* Cost Breakdown */
#cbPricingConfirmedDiv {
    /* width: 100%; */
    padding: 5px;
    float: left;
}

#cbPricingConfirmedLDiv {
    width: 200px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-shadow: none;
    float: left;
}

#cbGetPricingBtnDiv {
    float: left;
}

.cbGetPricingBtn {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

#cbYouPayL {
    font-size: 1.2em;
}

#cbSalesQuoteDiv {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#cbSalesQuoteT {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cbSalesQuotePdfBtn {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

/* AddDoorbar */
#cbDoorbarGuidanceTD {
    color: blue;
}

/* Offers */
.exportToOrderSysT tbody td {
    padding: 8px;
    padding-right: 30px;
}

#exportToOrderSysDiv {
    max-height: 550px;
    overflow-y: scroll;
}

.previouslyAcceptedOffersT thead th {
    padding: 8px;
    padding-right: 30px;
}

.previouslyAcceptedOffersT tbody td {
    padding: 8px;
    padding-right: 30px;
}

#previouslyAcceptedOffersDiv {
    max-height: 550px;
    overflow-y: scroll;
}

#previouslyAcceptedOffersWarningL {
    color: red;
}

#lastEmailToStoreOuterDiv {
    max-height: 550px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

/* Estimate Cfg popup */
#estCfgClausesDiv {
    margin-top: 10px;
    max-height: 400px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#estCfgClausesT {
    border: solid 1px #CCCCCC;
    width: 100%;
}

#estCfgClausesT td {
    padding-top: 5px;
    padding-bottom: 5px;
}

* {
    touch-action: manipulation;
}