div.servicesButtons {
	position: relative;
	top: -34px;

	.button {
		background-color: #181f50;
		color: #fff;
		border: none;
		border-radius: 4px;
		text-align: center;
		line-height: 24px;
		margin: 2.5px;
		outline: none;
	}
}

div#serviceCalculationsList {
	width: 100%;
	min-width:1000px;

	table.calculationsList{
		border: solid 4px #ffffff;
		width: 99%;
		>thead {
			background-color:#e6e6e6;

			>tr >th {
				font-weight:bold;
				color: #181f50;
				border: 0;
			}
		}

		>tbody.borderBody >tr {
			color: #181f50;
			height: 10px;
			width: 99%;
		}

		>tbody {
			>tr >td {
				border: 0;
			}
			>tr >td.serviceDetails {
				vertical-align: middle;
				font-size: 13px;
				font-weight: bold;
				line-height: 13px;
				text-align: left;

				div.serviceName {
					color: #333333;
				}

				div.serviceGroup {
					color: #a6a6a6;
				}
			}

			>tr div.addButton{
				border:  1px solid #e6e6e6;
				width: 26px;
				height: 26px;
				margin-bottom: -2px;
			}

			>tr td {
				background-color:#FFFFFF;
				padding: 5px;
				vertical-align: top;
				&.serviceName {
					width: 1%;
					white-space: nowrap;
				}
				table.simpleList {
					margin: 1px 0px;
					width: 100%;
					background-color: #ffffff;
					border: solid 1px #cecece;

					>tbody >tr td {
						&.calculationName {
							font-weight: bold;
							line-height: 24px;
							border-right:0;
						}

						div.optionsBox.sectionRow {
							height: 24px !important;

							>ul >li .opaqueIcon {
								opacity: 0.3;
							}
						}

					}
				}
			}

			&:hover {
				>tr >td table.simpleList div.optionsBox.sectionRow {
					>ul >li .opaqueIcon {
						opacity: 1;
					}
				}
			}
		}
	}
}