.web-app .button.app-selector img { padding-right: 0; }

.web-app .button.app-selector h2 { font-size: 20px; }

.web-app .app-header {
	background: #7195bb url(/graphics/webapps/strongwallshearwallselector/swss-header-2x.jpg) no-repeat;
	background-image: url(/graphics/webapps/strongwallshearwallselector/swss-header-2x.jpg);
	background-size: 950px 175px;
}

.web-app .app-header:after {
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(60%, #7195bb), color-stop(80%, rgba(0, 0, 0, 0)));
	background-image: -moz-linear-gradient(left, #7195bb 60%, rgba(0, 0, 0, 0) 80%);
	background-image: -webkit-linear-gradient(left, #7195bb 60%, rgba(0, 0, 0, 0) 80%);
	background-image: linear-gradient(to right, #7195bb 60%, rgba(0, 0, 0, 0) 80%);
}

.web-app #productLinksSection { display: none; }

.web-app #EULAmodal .modal-body {
	max-height: 600px;
	overflow: auto;
}

.web-app select { display: none; }

.web-app #divOptimizedShear { display: none; }

.web-app #divManualShear { display: none; }

.web-app .input-group-addon { width: 1px; }

.web-app input[type="text"],
.web-app .input-group { margin: 0 0 0; }

.web-app .box { line-height: 0; }

.web-app .modal-about .modal-content {
	background: #7195BB; /* header background */
	/*background: #b8c4d1;*/ /* Sampled from header cloud background */
}



.web-app .modal-about .modal-footer {
	box-shadow: 0 -5px 15px #7195BB;
}


/***************************File Uploader Starts**************************/

#file-uploader {
	padding: 0;
}

.qq-uploader {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.qq-upload-button {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 15px;
}

.qq-upload-button input {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.qq-upload-button-hover { /*background: #cc0000;*/ }
.qq-upload-button-focus { /*outline: 1px dotted black;*/ }

.qq-upload-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 70px; z-index: 2; background: #FF9797; text-align: center; }
.qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px; }
.qq-upload-drop-area-active { background: #FF7171; }

.qq-upload-list { margin: 15px 35px; padding: 0; list-style: disc; }
.qq-upload-list li { margin: 0; padding: 0; line-height: 15px; font-size: 12px; }
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }

.qq-upload-file { }
.qq-upload-spinner { display: inline-block; background: url("loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom; }
.qq-upload-size, .qq-upload-cancel { font-size: 11px; }

.qq-upload-failed-text { display: none; }
.qq-upload-fail .qq-upload-failed-text { display: inline; }
.qq-upload-list {display:none;visibility:hidden}

.boldstyle {
		font-weight:bold !important;
		font-size:11px !important;
}



/***************************File Uploader Ends**************************/

.web-app .app-output table td {
	cursor: pointer;
}

.web-app table td.selected_row,
.web-app table#gvManualSelectedSoln td,
.web-app table#gvManualSelectedSolnTSS td {
	background-color: rgba(204, 66, 7, 0.25) !important;
	pointer-events: none;
}

.web-app table td.selected_row input,
.web-app table td.selected_row label { pointer-events: none; }

.web-app table tr.zebra-test td {
	background: rgba(148, 169, 138, 0.25);
}

/* Hack to make Chrome re-paint the checkbox fonts after being selected or unselected */
.web-app table td input[type="checkbox"] + label:before {
	transform: translateZ(0); 
	animation: repaint 1000s infinite linear;
}

@keyframes repaint {
    from { zoom: 1; }
    to { zoom: 0.99999; }
}
	
.web-app tr.highlighter_row {
	cursor:pointer;
	background: rgba(195, 208, 222, 0.35);
}

.web-app table tr.zebra-test td.highlighter_row {
	cursor:pointer;
	background: rgba(0,138,152,0.35);
}

#app table#tblResult td {
	padding: 6px 4px;
}

#app table#tblResult th {
	padding: 6px 4px;
	/*white-space: nowrap;*/
}

#app table#tblResult th .icon-sort,
#app table#tblResult th .icon-sort-up,
#app table#tblResult th .icon-sort-down {
	font-family: 'StrongtieWebFont';
	float: right;
	font-size: inherit;
	padding-left: 2px;
}




#app #hm-flange-thickness,
#app #jm-flange-thickness,
#app #divApplicationSkewedAngle_Section,
#app #divApplicationSlopedAngle_Section,
#app #divApplicationTFOptionAngle_Section,
#app #divApplicationTFSlopedDownAngle_Section,
#app #divLowHighCenter {
	display: none;
}

#app .dk_container { width: 100%; }

#app a.dk_toggle { width: 100% !important; }

#app #txtApplicationSlopedAngleError.error-message {
	left: 25px;
}

#app #txtApplicationSlopeRiseError.error-message {
	left: 0;
}

#app #txtApplicationSlopeRunError.error-message {
	left: 0;
}

#app table#tblResult tr > td:first-child {
	white-space: nowrap;
}

#app table#tblResult tr > td:nth-child(2):after,
#app table#tblResult tr > td:nth-child(3):after,
#app table#tblResult tr > td:nth-child(4):after { content: '"'; }

#app table#tblResult tr > td:nth-child(2):empty:after,
#app table#tblResult tr > td:nth-child(3):empty:after,
#app table#tblResult tr > td:nth-child(4):empty:after { content: ''; }

#Icost_Result_help { white-space: pre-wrap; }