.calculator-page {
  background-color: #efefef;
}
.calculator-page .calculator-summary-container {
  background: white;
  padding: 20px;
}
.calculator-page .calculator-summary-container .table-description {
  margin: 10px 0 25px 0;
}
.calculator-page .calculator-summary-container .calculator-summary-table.table {
  width: 920px;
}
.calculator-page .calculator-summary-container .calculator-summary-table.table thead {
  background-color: #f6f6f6;
  height: 50px;
}
.calculator-page .calculator-summary-container .calculator-summary-table.table thead tr th {
  vertical-align: top;
  padding: 10px 20px 10px 10px;
}
.calculator-page .calculator-summary-container .calculator-summary-table.table thead tr th .muted {
  font-weight: normal;
}
.calculator-page .calculator-summary-container .calculator-summary-table.table td {
  padding-top: 15px;
}
.calculator-page .dot {
  height: 3px;
  width: 3px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
}
.calculator-page .metered-agent-tip {
  margin: 10px;
}
.calculator-page .calculator-account-selector-title,
.calculator-page .calculator-tests-selector-title {
  position: absolute;
  margin-top: -20px;
}
.calculator-page .account-selector {
  width: 220px;
  margin-right: 20px;
}
.calculator-page .cloud-tip {
  margin: 10px;
}
.calculator-page .calculator-tabs {
  background: white;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
  border-bottom: 1px solid #efefef;
  position: relative;
}
.calculator-page .calculator-tabs .primary-tab-pills {
  display: inline-block;
}
.calculator-page .calculator-tabs .breakdown-buttons {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 0;
}
.calculator-page .calculator-tabs .tab-content {
  overflow: visible;
}
.calculator-page .calculator-tabs .nav.nav-pills > li {
  margin-right: 0;
}
.calculator-page .calculator-tabs .nav.nav-pills .calculator-tab-button {
  margin-left: 20px;
}
.calculator-page .calculator-tabs .nav.nav-pills .calculator-tab-button .account-group-name {
  color: #999999;
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
  font-size: 12px;
}
.calculator-page .inconsistent-tests {
  background: white;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 20px;
  border-bottom: 1px solid #efefef;
}
.calculator-page .inconsistent-tests .error-description {
  font-size: 14px;
}
.calculator-page .inconsistent-tests .errors-list {
  padding: 10px;
}
.calculator-page .target-tetip {
  z-index: 999999;
  background-color: #ffffff;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  padding: 10px;
}
.calculator-page .assign-ea-modal .modal-body {
  max-height: 460px;
  padding-bottom: 0;
}
.calculator-page .assign-ea-modal .modal-body .nav {
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.calculator-page .assign-ea-modal .modal-body .nav.nav-pills .disabled-link a {
  cursor: not-allowed !important;
}
.calculator-page .assign-ea-modal .modal-body .nav.nav-pills > li > a {
  font-size: 12px;
  display: flex;
  align-items: center;
}
.calculator-page .assign-ea-modal .modal-body .nav.nav-pills > li > a .target-agent-name {
  color: #999999;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  margin-left: 5px;
}
.calculator-page .assign-ea-modal .modal-body .create-placeholder {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}
.calculator-page .assign-ea-modal .modal-body .create-placeholder hr {
  margin: 0;
  border-top: 1px solid #efefef;
}
.calculator-page .assign-ea-modal .modal-body .create-placeholder .teicon {
  margin: 8px 10px 8px 0;
  display: inline-block;
  vertical-align: middle;
}
.calculator-page .assign-ea-modal .modal-body .create-placeholder .create-placeholder-link {
  color: #336699;
  margin: 8px 0 8px 0;
  display: inline-block;
  vertical-align: middle;
}
.calculator-page .assign-ea-modal .target-error-text {
  color: #ca1f26;
  position: absolute;
  left: 30px;
}
.calculator-page .assign-ea-modal .search-field {
  background-position: -40px -21px;
}
.calculator-page .create-placeholders-modal .modal-body .form-container {
  margin-top: 15px;
}
.calculator-page .create-placeholders-modal .modal-body .form-container .input-row {
  margin-bottom: 10px;
}
.calculator-page .create-placeholders-modal .modal-body .form-container .input-row .name {
  width: 150px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
  line-height: 26px;
  height: 26px;
}
.calculator-page .create-placeholders-modal .modal-body .form-container .input-row input {
  margin: 0;
}
.calculator-page .create-placeholders-modal .modal-body .form-container .input-row .input-description {
  display: inline-block;
  max-width: 360px;
  margin-top: 5px;
  color: #999999;
}
.calculator-page .agent-warning {
  color: #999999;
  margin-top: 3px;
  line-height: 15px;
  max-width: 350px;
}
.calculator-page .ea-tip {
  margin-bottom: 20px;
}
.calculator-page .ea-tip .popover-inner {
  max-height: 150px;
  overflow: scroll;
}
.calculator-page .ea-tip .popover-inner hr {
  margin: 0;
}
.calculator-page .ea-tip .popover-inner .ea-tooltip-title {
  font-weight: bold;
  margin: 10px;
}
.calculator-page .ea-tip .popover-inner .ea-tooltip-content {
  margin: 10px;
}
.calculator-page .ea-tip .popover-inner .ea-tooltip-content .sup {
  font-size: 0.9em;
  vertical-align: text-top;
  display: inline;
}
.calculator-page .ea-tip .popover-inner .ea-tooltip-content .ea-tooltip-item {
  margin: 5px 0;
}
.calculator-page .ea-tip .popover-inner .ea-tooltip-content .ea-tooltip-item.inline {
  display: inline;
}
.calculator-page .ea-tip .popover-inner .ea-tooltip-content .target-agents {
  margin-bottom: 5px;
}
.calculator-page .calculator-description-modal {
  width: 960px;
  margin-left: -480px;
}
.calculator-page .calculator-description-modal .modal-header {
  height: 25px;
}
.calculator-page .calculator-description-modal .modal-body {
  padding-left: 40px;
  padding-right: 40px;
}
.calculator-page .calculator-description-modal .modal-body .initial-description {
  margin-bottom: 10px;
  font-size: 14px;
}
.calculator-page .calculator-description-modal .modal-body .formula-section {
  background: #f5f7f7;
  display: flex;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .section {
  display: flex;
  align-content: center;
  flex-direction: column;
  width: 274px;
  padding: 40px 50px;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .section .formula-title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .section .formula-body {
  color: #999999;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .section .formula-body .formula {
  color: black;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .divider {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 40px 10px;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .divider .vertical-line {
  box-sizing: border-box;
  height: 30px;
  width: 1px;
  border: 1px solid #cccccc;
}
.calculator-page .calculator-description-modal .modal-body .formula-section .divider .times {
  margin: 10px 0;
  font-weight: bold;
}
.calculator-page .calculator-description-modal .modal-body .before-table-description {
  margin: 30px 0 10px 0;
  font-size: 14px;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid hr {
  margin: 0;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row {
  margin-left: 0;
  height: 57px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row.header {
  background: #f5f7f7;
  height: 36px;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row .test-type {
  width: 475px;
  display: inline-block;
  margin-left: 10px;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row .cloud-agent {
  width: 200px;
  display: inline-flex;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row .enterprise-agent {
  width: 200px;
  display: inline-flex;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row .cloud-agent .teicon-info,
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row .enterprise-agent .teicon-info {
  margin-left: 5px;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .row .bgp-description {
  width: 350px;
  display: inline-block;
}
.calculator-page .calculator-description-modal .modal-body .test-type-grid .description {
  color: #999999;
}
.calculator-page .calculator-description-modal .modal-body .enterprise-agents-title {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.calculator-page .calculator-description-modal .modal-body .enterprise-agent-description {
  display: inline-block;
  width: 460px;
  vertical-align: top;
}
.calculator-page .calculator-description-modal .modal-body .enterprise-agents-image {
  display: inline-block;
  width: 350px;
  height: 150px;
  margin-left: 30px;
}
.calculator-page .description-tip {
  background: white;
  max-width: 600px;
  max-height: 400px;
  padding: 15px;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.35);
  margin-left: 30px;
  overflow: auto;
}
.calculator-page .description-tip .description-tip-item:not(:first-child) {
  margin-top: 7px;
}
.calculator-page .rz-bar-wrapper {
  cursor: pointer;
}
.calculator-page .subtext {
  color: #a0a4a7;
}
.calculator-page .calculator-top-header {
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.calculator-page .calculator-top-header .left-top-header {
  display: flex;
  align-items: center;
}
.calculator-page .calculator-top-header .left-top-header .display-div div {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.calculator-page .calculator-top-header .hero-view {
  width: 40%;
}
.calculator-page .calculator-top-header .pricing-model-dropdown {
  width: 150px;
}
.calculator-page .calculator-top-header .right-top-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calculator-page .calculator-top-header .right-top-header .subtext {
  text-align: right;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown {
  margin-left: 10px;
  position: relative;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-header {
  background-color: #fff;
  padding: 6px 4px;
  width: 80px;
  border-radius: 3px;
  border: 1px solid #ccc;
  height: 34px;
  color: #000;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-header .te-dropdown-header-title {
  margin-top: 1px;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-header .teicon-share,
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-header span {
  vertical-align: middle;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body-wrapper {
  z-index: 1;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body {
  background-color: #fff;
  padding: 0;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body .popover-title {
  background-color: #fff;
  margin-top: 5px;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body input {
  width: 284px;
  border: 1px solid #cecece;
  padding: 5px;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body input:hover {
  cursor: text;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body .input-append input {
  width: 230px;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body .input-append .add-on {
  background-color: #ffffff;
  width: 55px;
  height: 28px;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body .input-append .add-on:focus {
  outline: none;
}
.calculator-page .calculator-top-header .right-top-header .te-dropdown .te-dropdown-body .error-text {
  color: #ca1f26;
}
.calculator-page .calculator-top-header .total-units-div {
  font-size: 17px;
  margin-bottom: 5px;
}
.calculator-page .row-container {
  align-items: center;
  display: grid;
  grid-template-columns: [test-specific-start] 29fr [common-grid-start] 10fr;
}
.calculator-page .row-container.calculator-header {
  font-weight: bold;
  padding: 0 20px 0 20px;
  background-color: #ffffff;
  border-bottom: 3px solid #efefef;
}
.calculator-page .row-container.calculator-header .test-specific-grid {
  grid-template-rows: [row-start] 25px [row-end];
}
.calculator-page .row-container.calculator-header .test-specific-grid > * > * {
  padding-top: 0;
}
.calculator-page .row-container.calculator-header .common-grid {
  grid-template-rows: [row-start] 25px [row-end];
}
.calculator-page .row-container.calculator-row {
  padding: 0 20px 0 20px;
}
.calculator-page .row-container.calculator-row.odd {
  background-color: #f7f7f7;
}
.calculator-page .row-container.calculator-row.even {
  background-color: white;
}
.calculator-page .row-container.calculator-row .test-specific-grid {
  grid-template-rows: [row-start] 90px [row-end];
}
.calculator-page .row-container.calculator-row .common-grid {
  grid-template-rows: [row-start] 90px [row-end];
}
.calculator-page .row-container.calculator-row:hover {
  background-color: #dcf0f9;
}
.calculator-page .row-container.calculator-row:hover .selector-header-dropdown-icon,
.calculator-page .row-container.calculator-row:hover .description-link,
.calculator-page .row-container.calculator-row:hover .delete,
.calculator-page .row-container.calculator-row:hover .edit-agents {
  visibility: visible !important;
}
.calculator-page .row-container.calculator-row:hover .test-specific-grid .description .description-text-container .description-text {
  color: #666666;
}
.calculator-page .row-container .test-specific-grid {
  display: grid;
  grid-template-columns: [description-start] 7fr [interval-start] 6fr [details-start] 9fr [agents-start] 8fr;
}
.calculator-page .row-container .test-specific-grid.browser-bot, .calculator-page .row-container .test-specific-grid.voip, .calculator-page .row-container .test-specific-grid.full-voice {
  grid-template-rows: [row-start] 145px [row-end];
}
.calculator-page .row-container .test-specific-grid.one-way-network-throughput-enabled, .calculator-page .row-container .test-specific-grid.one-way-network {
  grid-template-rows: [row-start] 130px [row-end];
}
.calculator-page .row-container .test-specific-grid.one-way-network-throughput-enabled .row-direction-selector, .calculator-page .row-container .test-specific-grid.one-way-network .row-direction-selector {
  margin-bottom: 15px;
}
.calculator-page .row-container .test-specific-grid .description {
  grid-column: description-start;
  grid-row: row-start;
  width: 154px;
}
.calculator-page .row-container .test-specific-grid .description.empty-row .selector-header-dropdown-icon {
  visibility: visible !important;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container {
  cursor: pointer;
  color: #369;
  display: block;
  height: 16px;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container:hover .teicon-pencil {
  display: inline-block;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container:hover .description-text {
  max-width: 130px;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container .teicon-pencil {
  display: none;
  height: 14px;
  width: 14px;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container textarea {
  resize: none;
  height: 2em;
  width: 12em;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container .description-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  visibility: visible;
  max-width: 165px;
  color: #999999;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
.calculator-page .row-container .test-specific-grid .description .description-text-container .description-link {
  visibility: hidden;
}
.calculator-page .row-container .test-specific-grid .description .subtext {
  margin-top: 7px;
}
.calculator-page .row-container .test-specific-grid .description .te-dropdown-body .test-type-link {
  padding: 10px 10px;
  cursor: pointer;
}
.calculator-page .row-container .test-specific-grid .description .te-dropdown-body .test-type-link:hover {
  background-color: #dcf0f9;
}
.calculator-page .row-container .test-specific-grid .description .te-selector-header {
  display: flex;
  align-items: flex-start;
  height: 20px;
}
.calculator-page .row-container .test-specific-grid .description .te-selector-header .selector-header {
  font-weight: bold;
  margin-left: 0;
  text-overflow: ellipsis;
  max-width: 150px;
}
.calculator-page .row-container .test-specific-grid .description .te-selector-header .selector-header-dropdown-icon {
  visibility: hidden;
  order: 1;
  margin: -2px 0 0 0;
}
.calculator-page .row-container .test-specific-grid .interval {
  grid-column: interval-start;
  grid-row: row-start;
  padding-left: 5px !important;
}
.calculator-page .row-container .test-specific-grid .interval .slider {
  margin-top: 20px;
}
.calculator-page .row-container .test-specific-grid .interval .http-server-slider {
  margin-top: 20px;
}
.calculator-page .row-container .test-specific-grid .details {
  grid-column: details-start;
  grid-row: row-start;
}
.calculator-page .row-container .test-specific-grid .details .input-append {
  margin: 0 0 5px 0;
}
.calculator-page .row-container .test-specific-grid .details .input-append input {
  width: 40px;
  padding: 4px 6px;
  border-radius: 3px 0 0 3px;
}
.calculator-page .row-container .test-specific-grid .details .http-server-input {
  margin-top: 10px;
}
.calculator-page .row-container .test-specific-grid .details .selector-header {
  margin-top: 0px;
}
.calculator-page .row-container .test-specific-grid .details .row-target-selector {
  margin-top: 15px;
}
.calculator-page .row-container .test-specific-grid .agents {
  grid-column: agents-start;
  grid-row: row-start;
  display: flex;
  justify-content: space-between;
}
.calculator-page .row-container .test-specific-grid .agents .agent-group {
  flex-wrap: wrap;
}
.calculator-page .row-container .test-specific-grid .agents .source-agent-type-text,
.calculator-page .row-container .test-specific-grid .agents .target-agent-type-text {
  display: flex;
  margin-bottom: 5px;
}
.calculator-page .row-container .test-specific-grid .agents .target-agent-type-text {
  margin-left: -15px;
}
.calculator-page .row-container .test-specific-grid .agents .target-agent-type-text .direction-icon {
  margin-right: 5px;
}
.calculator-page .row-container .test-specific-grid .agents .target-dropdown {
  display: inline-block;
}
.calculator-page .row-container .test-specific-grid .agents .cloud-agents-group {
  margin: 0 5px 8px 0;
  width: 70px;
  display: inline-flex;
  align-items: center;
}
.calculator-page .row-container .test-specific-grid .agents .cloud-agents-group .teicon-cloud {
  background-size: 15px;
  background-position: center;
  margin-right: 3px;
}
.calculator-page .row-container .test-specific-grid .agents .cloud-agents-group input {
  width: 33px;
  padding: 4px 6px;
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 0;
  margin-left: 3px;
}
.calculator-page .row-container .test-specific-grid .agents .cloud-agents-group .appended-text {
  margin-left: 5px;
  color: #999;
}
.calculator-page .row-container .test-specific-grid .agents .enterprise-agents-group {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 5px;
  float: right;
  width: 70px;
}
.calculator-page .row-container .test-specific-grid .agents .enterprise-agents-group .teicon {
  background-size: 14px;
  margin-right: 3px;
}
.calculator-page .row-container .test-specific-grid .agents .enterprise-agents-group .has-help {
  padding: 0 2px 0 2px;
  margin-right: 3px;
  cursor: pointer;
}
.calculator-page .row-container .test-specific-grid .agents .enterprise-agents-group .edit-agents {
  cursor: pointer;
  color: #366394;
  visibility: hidden;
}
.calculator-page .row-container .test-specific-grid .agents .metered-agents-count-group {
  display: inline-flex;
  align-items: center;
  height: 28px;
}
.calculator-page .row-container .test-specific-grid .agents .metered-agents-count-group .metered-agents-count-text {
  margin-left: 5px;
  margin-right: 38px;
}
.calculator-page .row-container .test-specific-grid .agents .metered-agents-count-group .teicon {
  background-size: 14px;
  margin-right: 3px;
}
.calculator-page .row-container .test-specific-grid .agents .metered-agents-count-group input {
  width: 33px;
  padding: 4px 6px;
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 0;
  margin-left: 3px;
  border: 1px solid #bdbdbd;
}
.calculator-page .row-container .test-specific-grid > div {
  height: 100%;
  padding-right: 12px;
}
.calculator-page .row-container .test-specific-grid > div:not(:first-child) {
  padding-left: 12px;
}
.calculator-page .row-container .test-specific-grid > div > * {
  padding-top: 25px;
}
.calculator-page .row-container .common-grid {
  display: grid;
  grid-template-columns: [quantity-start] 5fr [usage-start] 5fr [delete-start] 1fr;
}
.calculator-page .row-container .common-grid.browser-bot, .calculator-page .row-container .common-grid.voip, .calculator-page .row-container .common-grid.full-voice {
  grid-template-rows: [row-start] 145px [row-end];
}
.calculator-page .row-container .common-grid.one-way-network-throughput-enabled, .calculator-page .row-container .common-grid.one-way-network {
  grid-template-rows: [row-start] 130px [row-end];
}
.calculator-page .row-container .common-grid .quantity {
  grid-column: quantity-start;
  grid-row: row-start;
  text-align: center;
}
.calculator-page .row-container .common-grid .quantity input {
  width: 45px;
  height: 22px;
  border-radius: 3px 3px 3px 3px;
}
.calculator-page .row-container .common-grid .quantity .fixed-test-count {
  padding-top: 7px;
}
.calculator-page .row-container .common-grid .usage {
  grid-column: usage-start;
  grid-row: row-start;
  width: 110px;
}
.calculator-page .row-container .common-grid .usage div {
  font-size: 12px;
  margin-top: 5px;
  text-align: right;
}
.calculator-page .row-container .common-grid .usage span {
  width: 100px;
}
.calculator-page .row-container .common-grid .delete {
  grid-column: delete-start;
  grid-row: row-start;
  visibility: hidden;
}
.calculator-page .row-container .common-grid .delete .teicon {
  background-size: 14px;
  opacity: 0.6;
}
.calculator-page .row-container .common-grid .delete .teicon:hover {
  opacity: 1;
  cursor: pointer;
}
.calculator-page .row-container .common-grid .delete .teicon-trash {
  margin-bottom: 5px;
}
.calculator-page .row-container .common-grid .delete .teicon-duplicate.disabled:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
.calculator-page .row-container .common-grid > div {
  height: 100%;
  padding-left: 12px;
}
.calculator-page .row-container .common-grid > div:not(:last-child) {
  padding-right: 12px;
}
.calculator-page .row-container .common-grid > div > * {
  padding-top: 25px;
}
.calculator-page .table td {
  padding-top: 26px;
}
.calculator-page #wrapper {
  background-color: #efefef;
}
.calculator-page .control-label {
  margin-left: 5px;
}
.calculator-page .slider {
  margin-bottom: 0;
}
.calculator-page .controls .slider-input {
  width: 250px;
}
.calculator-page .table {
  margin-bottom: 0;
}
.calculator-page h3 {
  line-height: 20px;
}
.calculator-page .filtered-rows-count {
  margin-left: auto;
  color: #999;
  text-align: right;
  padding: 5px 22px 21px 0;
  background: #ffffff;
}
.calculator-page #calculator-button-panel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 20px 5px 20px;
  background-color: #ffffff;
}
.calculator-page #calculator-button-panel .breakdown-buttons {
  margin-right: 20px;
}
.calculator-page #calculator-button-panel .add-row-container {
  margin-left: auto;
}
.calculator-page #calculator-button-panel .add-row-container .three-dots {
  font-size: 8px;
  padding: 4px 15px;
}
.calculator-page #calculator-button-panel .add-row-container .te-dropdown-body {
  margin-top: 1px;
  padding: 10px;
}
.calculator-page #calculator-button-panel .add-row-container .te-dropdown-body > div:last-child {
  margin-bottom: 0;
}
.calculator-page #calculator-button-panel .add-row-container .dropdown-item {
  padding: 5px;
}
.calculator-page #calculator-button-panel .add-row-container .dropdown-item:hover {
  cursor: pointer;
  background-color: #dcf0f9;
}
.calculator-page #calculator-button-panel .calculator-buttons .btn {
  margin-left: 0;
}
.calculator-page #calculator-button-panel .filter-container {
  display: flex;
  align-items: center;
}
.calculator-page #calculator-button-panel .te-dropdown-header {
  display: flex;
  align-items: center;
}
.calculator-page #calculator-button-panel .te-dropdown-header .te-dropdown-header-icon {
  margin-left: 2px;
}
.calculator-page #calculator-button-panel .te-dropdown-body {
  padding: 10px 15px;
}
.calculator-page #calculator-button-panel .te-dropdown-body > div:last-child {
  margin-bottom: 3px;
}
.calculator-page #calculator-button-panel .filter-link-header {
  padding: 5px 0;
  color: #b4adaa;
  font-size: 11px;
}
.calculator-page #calculator-button-panel .filter-link {
  padding: 5px 3px;
  margin-left: 5px;
  cursor: pointer;
}
.calculator-page #calculator-button-panel .filter-link:hover {
  background-color: #dcf0f9;
}
.calculator-page #calculator-top-panel {
  z-index: 1;
  background: white;
}
.calculator-page #calculator-top-panel.padding-top {
  padding-top: 20px;
}
.calculator-page #calculator-top-panel hr {
  margin: 0;
  padding-bottom: 18px;
  background-color: #ffffff;
}
.calculator-page #calculator-top-panel .nav-pills {
  padding: 20px 20px 0 20px;
  background-color: #ffffff;
}
.calculator-page #calculator-table-header-panel {
  margin-top: 25px;
  width: 960px;
  margin-left: -20px;
  font-weight: bold;
}
.calculator-page #calculator-table-body-panel {
  background-color: #ffffff;
}
.calculator-page #share-tooltip-title {
  font-weight: bold;
  width: 300px;
}
.calculator-page .share-tooltip-heading {
  margin-bottom: 7px;
  margin-left: 3px;
  margin-top: 11px;
}
.calculator-page .copy-text-input {
  color: #999999;
}
.calculator-page #share-tooltip-generated-section hr {
  margin-bottom: 15px;
}
.calculator-page .teicon-cluster-agent {
  float: right;
  margin-right: 20px;
  opacity: 0.45;
}
.calculator-page .agents-tab-container .open-placeholder-modal {
  margin-left: auto;
}
.calculator-page .agents-tab-container .agents-list .agent-row {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 0 20px 0 20px;
  height: 44px;
  border-bottom: 1px solid #efefef;
}
.calculator-page .agents-tab-container .agents-list .agent-row:not(.head-agent-row):hover {
  background-color: #dcf0f9;
}
.calculator-page .agents-tab-container .agents-list .agent-row:not(.head-agent-row):hover .delete-agent {
  visibility: visible;
}
.calculator-page .agents-tab-container .agents-list .agent-row.head-agent-row {
  font-weight: bold;
  height: 35px;
  border-bottom: 5px solid #efefef;
}
.calculator-page .agents-tab-container .agents-list .agent-row.head-agent-row .header-column {
  cursor: pointer;
  height: 13px;
}
.calculator-page .agents-tab-container .agents-list .agent-row.cloud-agent-row {
  border-bottom: 1px solid #999999;
}
.calculator-page .agents-tab-container .agents-list .agent-row .display-name {
  width: 440px;
  display: inline-block;
}
.calculator-page .agents-tab-container .agents-list .agent-row .sort-group {
  color: #369;
}
.calculator-page .agents-tab-container .agents-list .agent-row .sort-group .indicator {
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgo8cG9seWdvbiBmaWxsPSIjMzY5IiBwb2ludHM9IjUsMyA1LDEzIDEwLDgiLz4KPC9zdmc+Cg==") no-repeat;
  vertical-align: middle;
  margin-top: -1px;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  transform: rotate(270deg);
}
.calculator-page .agents-tab-container .agents-list .agent-row .sort-group .indicator.inverted {
  transform: rotate(90deg);
}
.calculator-page .agents-tab-container .agents-list .agent-row .no-of-tests {
  width: 325px;
  display: inline-block;
}
.calculator-page .agents-tab-container .agents-list .agent-row .monthly-usage {
  width: 100px;
  display: inline-block;
  text-align: right;
}
.calculator-page .agents-tab-container .agents-list .agent-row .monthly-usage .indicator {
  position: absolute;
}
.calculator-page .agents-tab-container .agents-list .agent-row .monthly-usage .monthly-usage-text {
  display: inline-block;
}
.calculator-page .agents-tab-container .agents-list .agent-row .delete-agent {
  display: inline-block;
  width: 20px;
  margin-left: auto;
  visibility: hidden;
}
.calculator-page .agents-tab-container .agents-list .agent-row .delete-agent .teicon-trash {
  opacity: 0.6;
  background-size: 14px;
}
.calculator-page .agents-tab-container .agents-list .agent-row .delete-agent .teicon-trash:hover {
  opacity: 1;
  cursor: pointer;
}
.calculator-page .agents-tab-container .agents-button-panel {
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 20px 20px 5px 20px;
}
.calculator-page .agents-tab-container .agents-button-panel .search-field {
  margin-bottom: 0;
  margin-left: 10px;
}
.calculator-page .agents-tab-container .agents-count-text {
  color: #999999;
  margin-left: auto;
  text-align: right;
  padding: 5px 22px 10px 0;
}
.calculator-page .delete-agent-modal .info-box {
  margin-top: 5px;
  margin-bottom: 0;
}
.calculator-page .delete-agent-modal .info-box .col-2 {
  width: 5%;
}
.calculator-page .delete-agent-modal .info-box .col-22 {
  width: 95%;
  margin-left: 0;
}
.calculator-page .delete-agent-modal .info-box .info-message {
  padding: 10px 10px;
}
.calculator-page .delete-agent-modal .info-box .info-message .delete-tests-div {
  margin-top: 3px;
}
.calculator-page .delete-agent-modal .info-box .info-message .has-help {
  font-weight: normal;
}
.calculator-page .tests-affected-tooltip-container {
  max-width: 700px;
  white-space: nowrap;
  overflow: scroll;
  max-height: 350px;
}
.calculator-page .tests-affected-tooltip-container .tooltip-tests-name {
  padding: 4px 0;
}
.calculator-page .tests-affected-tooltip-container .tooltip-tests-name .test-type {
  font-weight: bold;
}
.calculator-page .te-tooltip.tetip.te-modal-tip {
  z-index: 1060;
  max-width: 700px;
}
.calculator-page .row-and-direction-selector .direction-container {
  margin-bottom: 15px;
}
.calculator-page .row-and-direction-selector .direction-container,
.calculator-page .row-and-direction-selector .target-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calculator-page .row-and-direction-selector .direction-container .te-selector,
.calculator-page .row-and-direction-selector .target-container .te-selector {
  display: inline-block;
  width: 125px;
}
.calculator-page .row-and-direction-selector .direction-container .te-selector .te-selector-body.no-labels .item-pane .item-pane-list .item,
.calculator-page .row-and-direction-selector .target-container .te-selector .te-selector-body.no-labels .item-pane .item-pane-list .item {
  width: 110px;
}

.modal-header {
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
  margin-top: 5px;
}

.modal-body {
  padding: 20px;
}

.modal-footer {
  border-top: 1px solid #dbdbdb;
}

#footer-wrapper {
  background-color: #efefef;
}