/* ============================================================================
 *     Copyright (c) 2026 Broadcom. The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
 *
 *     This software and all information contained therein is confidential and
 *     proprietary and shall not be duplicated, used, disclosed or disseminated in any
 *     way except as authorized by the applicable license agreement, without the
 *     express written permission of CA. All authorized reproductions must be marked
 *     with this language.
 *
 *     EXCEPT AS SET FORTH IN THE APPLICABLE LICENSE AGREEMENT, TO THE
 *     EXTENT PERMITTED BY APPLICABLE LAW, CA PROVIDES THIS SOFTWARE
 *     WITHOUT WARRANTY OF ANY KIND, INCLUDING WITHOUT LIMITATION, ANY
 *     IMPLIED WARRANTIES OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR
 *     PURPOSE.  IN NO EVENT WILL CA BE LIABLE TO THE END USER OR ANY
 *     THIRD PARTY FOR ANY LOSS OR DAMAGE, DIRECT OR INDIRECT, FROM THE
 *     USE OF THIS SOFTWARE, INCLUDING WITHOUT LIMITATION, LOST PROFITS,
 *     BUSINESS INTERRUPTION, GOODWILL, OR LOST DATA, EVEN IF CA IS
 *     EXPRESSLY ADVISED OF SUCH LOSS OR DAMAGE.
 * ============================================================================ */

#sizing_results {
	display: inline-block;
	float: right;
	margin: 12px 18px 0 0;
    padding: 3px 12px 3px 14px;
    border: 1px solid #c4c5c7;
    border-radius: 2px;
    overflow: hidden;
   	width: 60%;
	width: calc(100% - 532px);
}

#results {
	display: block;
	margin: 0;
}

#date_of_size {
	display: block;
	text-align: right;
	font-size: 10px;
	position:absolute;
	right:12px;
	top:16px;
}

.result_top {
	display: block;
	width: 100%;
}

.result_top .form_buttons {
	max-width: 100%;
}

.results_overtitle {
	display: inline-block;
	margin-bottom: 0;
}

.overall_calculations {
	display:block;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	margin-top:8px;
	margin-bottom:8px;
}

.header_label {
}

.header_value {
	font-weight:bold;
}

.result_error {
	padding: 4px;
	margin: 8px 0 8px 0;
	background: #ffcccc;
	font-size:12px;
	font-weight:normal;
	color:black;
}

.warning {
	padding: 4px;
	margin: 8px 0 8px 0;
	background: #fcd295;
	font-size:12px;
	font-weight:normal;
}

.warning a {
	color: #333840;
}

.results_table {
	width: 100%;
	border-width:0px;
	border-collapse: collapse;
	margin-top:18px;
}

.results_table tbody tr td a {
	color: #333840;
	text-decoration: none;
}

.results_hdr {
	font-weight:normal;
	color:#333840;
	font-size:13px;
	margin:0;
	padding:0;
	padding-left:4px;
	padding-right:3px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
	border-style:solid;
	border-width:0;
	border-bottom-width:1px;
	border-top-width:1px;
	border-color:#d1d1d1;
	background-color:#e0e0e0;
}

.results_cell {
	font-weight:normal;
	color:#333840;
	font-size:13px;
	margin:0;
	padding:0;
	padding-left:4px;
	padding-right:3px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	border-width:0;
	border-style:solid;
	border-color:#b8b8b8;
	border-bottom-width:1px;
}

.results_table td:nth-child(1) { width:140px; font-weight:bold } /* Component */
.results_table td:nth-child(2) { width:100px; }  /* Nodes */
.results_table td:nth-child(3) { width:80px; }  /* Cores */
.results_table td:nth-child(4) { width:140px; } /* CPU Speed */
.results_table td:nth-child(5) { width:110px; } /* Memory */
.results_table td:nth-child(6) { width:110px; } /* Network */
.results_table td:nth-child(7) { width:140px; } /* Disk */
.results_table td:nth-child(8) { width:140px; } /* Storage */
.results_table td:nth-child(9) { width:140px; } /* Extra */
.results_table td:nth-child(10) { width:100px; } /* RAID */

canvas {
	display: block;
	overflow: visible;
	width: 320px;
	height: 160px;
	margin-top:10px;
	margin-bottom:10px;
}

ul {
	list-style-type: none;
}

.ui-widget {
	font-family: Helvetica,Arial,sans-serif !important;
	font-size: 16px ;
}

.ui-widget-header {
	border: 1px solid #c4c5c7;
	background: #f5f7fa;
	color: #333840;
	font-size: 16px;
	font-weight: normal;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 1px;
	margin-top: 0px;
}

.ui-button-text {
	padding: 1px;
}

.modal p {
	font-size: 14px;
	padding: 1px;
	margin: 0px;
}

.modal table {
	width: 100%;
}

th.partition_label, td.partition_label {
	font-weight: bold;
	width: 40%;
}

th.partition_value {
	font-weight: normal;
	width: 60%;
}

#topology_chart_body {
	display: block;
	margin: auto;
	overflow: auto;
	left: 30px;
}