body {
	font-family: "Amazon Ember", "Open Sans", arial;
	background-color: var(--color-background-layout-main);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
	max-width: 280px;
}

/* Hide asp content from the layout */
.aspNetHidden {
	display: none;
}

.fl {
	float: left;
	height: 70px;
}

#wrapper_container {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	align-self: start;
	z-index: 1002;
}

#header_container {
	width: 100%;
	float: left;
	/*background:url(Images/header_bg.jpg) repeat-x left top;*/
	background: #FFF;
	height: 75px;
	padding-top: 10px;
	padding-left:5px;
}

#header_container_sub {
	width: 100%;
	float: left;
	/* background:url(Images/header_bg.jpg) repeat-x left top; */
	background-color: #1F2C51;
	height: 1px;
	padding-top: 10px;
	min-width: 1200px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}
	.body-content {
		padding: 0;
	}
}

.badge-warning
{
	background-color: orange !important;
}

.badge-alarm
{
	background-color: red !important;
}

.badge-monitor
{
	background-color: green !important;
}

.sensor_highlight
{
	border-radius: 1000px;
	border: 2px solid #428bca;
}

/* Interface Mapping */

#map {
	background-color: white;
	border: var(--border-divider-section-width, 1px) solid var(--color-border-divider-default, #c6c6cd);
	border-radius: var(--border-radius-container);
}

.divIntMapTitle
{
	font-weight: bold;
}

.divIntMap
{
	width: 100%;
	height: 220px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.divIntMapItem
{
	float: left;
	width: 300px !important;
	height: 190px;
	margin-right: 10px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.spMenu
{
	float: right;
	width: 100px;
	text-align: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.spMenuHeader {
	color: var(--leftnavhdr);
	font-weight: bold;
	font-size: 11px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	content: "\A";
	white-space: pre;
}

.spMenuHeader:link {
	color: var(--leftnavhdr) !important;
}

.spMenuHeader:hover, .spMenuHeader:active, .spMenuHeader:visited {
	color: #f0f0f0 !important;
}


.menuicon {
	width: 50px;
	text-align: center;
}

.ahreLocName
{
	color:white !important;
	font-weight: bold;
}

.font-weight-bold {
	font-weight:bold;
}

.form-header {
	font-weight:bold;
	color: #666;
	width: 200px;
	text-align: left;
}

.form-slider {
	padding-left: 10px;
}


.divSearchBox {
	text-align: center;
	margin: 10px 15px;
}

.btnSearch
{
	width: 40px;
}

.tdDashMarker
{
	padding-left: 10px;
	padding-right: 10px;
}

.hrefCircle:hover
{
	text-decoration: none !important;
}

.divAlarmCircle
{
	text-align: center;
	background-color: red !important;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px 2px #333;
}

.divAlarmCircle:hover
{
	border-color: darkred;
}

.divAlarmCount
{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}

.divWarningCircle
{
	text-align: center;
	background-color: orange !important;
	font-weight: bold;
	color: white !important;
	text-shadow: 1px 1px 2px #333;
}

.divWarningCircle:hover
{
	border-color: darkorange;
}

.divWarningCount
{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}

.tblCableWarn thead tr {
	font-weight: bold;
}

.gGreen
{
	background-color: green !important;
	color: white;
	text-align: center;
}

.gWarn
{
	background-color: orange !important;
	text-align: center;
}

.gRed {
	background-color: red !important;
	color: white;
	text-align: center;
}

.gText {
	display: inline;
	float: left;
	font-weight: bold;
	color: black;
	text-align: center;
	width: 10%;
}

.gBar {
	display: inline;
	float: left;
	width: 90%;
	border: 1px solid #ccc;
	background-color: #ccc;
}

.cGreen
{
	background-color: green !important;
	color: white;
	text-align: center;
	font-weight: bold;
}

.cPending
{
	background-color: Highlight !important;
	text-align: center;
	font-weight: bold;
	color: white;
}

.cWarn
{
	background-color: orange !important;
	text-align: center;
	font-weight: bold;
}

.cRed
{
	background-color: red !important;
	text-align: center;
	font-weight: bold;
	color: white;
}

.rGreen
{
	background-color: green !important;
	color: white;
	font-weight: bold;
}

.rGreen td
{
	background-color: green !important;
}

.rRed
{
	background-color: red !important;
	color: white;
	font-weight: bold;
}

.rRed td
{
	background-color: red !important;
}

.divPath1Title
{
	font-weight: bold;
	color: blue;
	padding-bottom: 10px;
}

.divPath2Title
{
	font-weight: bold;
	color: red;
	padding-top: 10px;
	padding-bottom: 10px;
}

.divVTitle
{
	font-weight: bold;
	font-size: 16px;
	color: black !important;
}

.frmField
{
	width: 200px !important;
}

.divToolWrapper
{
	width: 400px;
}

.txtFillText
{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.txtCableScan
{
	text-align: center;
	font-size: 28px;
}

.spCableMsg
{
	font-size: 28px;
	font-weight: bold;
}

.divImportReview
{
	overflow-y: scroll;
	height: 300px;
	width: 400px;
	background-color: #f0f0f0;
}

.divLoadingBackground
{
	height: 100%;
	width: 100%;
	background-color: rgba(19,71,134,.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 3000;
	text-align: center;
	display: none;
}

.divLoadingMessage
{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: white;
	width: 400px;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid #134786;
	margin-top: 200px;
}

/* Verification CSS */

.tdVerifyValMd
{
	font-size: 20px;
	font-weight: bold;
}

.tdVerifyValLg
{
	font-size: 30px;
	font-weight: bold;
	color: green;
}

.tbVerifyScan
{
	text-align: left;
}

.tdVerifyType
{
	font-size: 55px;
	font-weight: bold;
	width: 100px;
	text-align: center;
}

.divQueueCount
{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

/* Cable Explorer */

.tdExpHeader {
	font-size: 18px;
	font-weight: bold;
	color: #134786;
	width: 180px;

}

.ddlExpHeader
{
	font-size: 16px;
}

/* Panel Documents  */

.panel-files .panel-heading {
	color: #ffffff;
	background-color: #666 !important;
	border-color: #666 !important;
}

.panel-files {
	border-color: #666 !important;
}

/* Related Doc CSS */

.col-md-main {
	width: 64%;
}

/* Stanadrd Panel CSS */

.divPanelOverflow {
	overflow-y: scroll;
	position: relative;
}

.divPanelBorder {
	border: 1px solid #ccc;
}

.btn-darkg {
	background-color: #666;
	color: white;
	border-color: #777;
}

.btn-darkg:hover {
	background-color: #888;
	color: white;
	border-color: #777;
}

/* Load Pane */
.divLoadingPane {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-color: rgba(19,71,134,.5);
	display: none;
}

.divLoadingPaneMessage
{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: white;
	width: 300px;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid #134786;
	margin-top: 100px;
	margin-left: 40px;
	text-align: center;
}

.LocPanelValue
{
	color: blue;
	font-size: 14px;
	background-color: #f0f0f0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
	border-radius: 3px;
	font-weight: bold;

}

.btn-LocPanel
{
	width: 140px !important;
}

.spLocPanHdr {
	color: #666;
	font-size: 12px;
}

/* Visual Feed */

.tbVisualFeed
{
	border: 1px solid black;
	width: 100%;
}

.divVFImgPanel
{
	float: left;
}

.divVFImgFileList
{
	margin-left: 20px;
	float: left;
	width: calc(100% - 650px);
	min-width: 600px;
}

.imgVisualFeed
{
	width: 600px;
	border: 1px solid #ccc;
	border-radius: 5px;
}


/* Verification Module */

.divVerificationContainer
{
	width: 800px;
	display: inline-block;
}

.divVerQRecord
{
	background-color: #f5f5f5;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 97%;
}

.divReqQueuePanel
{
	width: 100%;
	height: 465px;
	overflow-y: scroll;
}

.vrVerifyLabel
{
	font-weight: bold;
}

/* Map Labeling */

.divMrk
{
	display:none;
	text-align: center;
	font-size: 90%;
	border-radius: 5px;
}

.divMrkIn
{
	font-size: 90%;
	width: 120px;
	text-align: left;
	margin-left: 50px;
	margin-top: -15px;
	display:none;
}

.divMrkIn span {

}

.spMrk
{
	font-weight: bold;
	color: black;
	background-color: white;
	font-size: 90%;
}

.spHst
{
	font-weight: normal;
	color: #333;
	background-color: white;
	font-size: 80%;
}

/* Dashboard Elements */

.divDashboard
{
	background-color: #f5f5f5;
	width: 100%;
	padding: 10px;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.divDashSectionTitle
{
	padding-top: 10px;
	font-size: 22px;
	clear: left;
}

.divDashSectionSubTitle
{
	padding-top: 10px;
	font-size: 16px;
	clear: left;
	padding-left: 15px;
}

.divDashCnt
{
	background-color: white;
	width: 300px;
	float: left;
	padding: 20px;
	margin: 10px;
}

.divDashCntTitle
{
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	padding-top:3px;
	padding-bottom:8px;
}


.divDashCntValue
{
	font-size: 50px;
}

.divDashWindow
{
	background-color: white;
	width: 340px;
	float: left;

	padding: 20px;
	margin: 10px;
}

.divDashContentScroll
{
	height: 300px;
	overflow-y: scroll;
}

.divDashMap
{
	background-color: white;
	float: left;
	width: 600px;
	padding: 20px;
	margin: 10px;
}

.lnkDashLnk
{
	color: black;
}

.txtDashRed
{
	color: red !important;
}

.txtDashYellow
{
	color: orange !important;
}

.divVndrPanel {
	display: none;
}

.divUploadFile {
	margin-bottom: 8px;
}

.divVndrContent {
	background-color: #f5f5f5;
	padding: 10px;
	margin-bottom: 25px;
}

/* Scenerio Order */

.divSceText {
	padding: 5px;
	font-weight: bold;
	color: #666;
}

.divSceOrder {
	height: 240px;
	border: 1px solid black;
	overflow-y:scroll;
}

.divSceAddCable {
	background-color: #f5f5f5;
	padding: 20px;
}

.txtDashLinkBox {
	font-size: 14px;
}

.lnkDashLinkBtn {
	font-size: 18px;
	padding-left: 5px;
	padding-top: 15px;

}

.lnkDashLinkEdit {
	float: right;
}

.lnkDashLink {

}

/* Menu Borders */

.mnuMain
{
	/* Blue */
	border: 1px solid #134786 !important;
}

.mnuDesign {
	/* Orange */
	border: 1px solid rgba(236,145,45,.6) !important;
}

.mnuCapacity
{
	/* Green */
	border: 1px solid rgba(50,205,50,.6) !important;
}

.mnuInfrastructure
{
	/* Yellow  */
	border: 1px solid rgba(238,230,0,.6) !important;
}

.mnuOrder
{
	/* Red */
	border: 1px solid rgba(255,0,0,.6) !important;
}

.mnuData
{
	/* Purple */
	border: 1px solid rgba(165,105,189,.7) !important;
}

.mnuStandards
{
	/* Orange */
	border: 1px solid rgba(255,195,0,.7) !important;
}

.mnuAdmin
{
	/* Light Grey */
	border: 1px solid #f0f0f0 !important;
}

/* UCP Theme Elements */

#header {
	padding-inline-start: var(--space-xxl, 32px);
	padding-inline-end: var(--space-xxl, 32px);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	color: var(--color-text-top-navigation-title, #0f141a);
	block-size: calc(var(--space-xxxl, 40px) + var(--space-scaled-m, 16px));
	color: var(--color-text-home-header-default, var(--color-text-top-navigation-title, #0f141a));
	background: var(--color-background-container-content, #fff);
	--color-text-accent: var(--color-primary-400);
	--color-border-divider-default: var(--color-neutral-650);
	--color-text-interactive-default: var(--color-neutral-300);
}

.clearfix::after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

/****                       ****/
/****   Header Parts        ****/
/****                       ****/

#header .header-link {
	text-decoration: none;
	color: var(--color-text-home-header-default, inherit);
}

#header .header-section {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding-block: 0;
}

	#header .header-section:not(:last-child)::after {
		content: '';
		display: block;
		margin: var(--space-s, 12px);
		background: var(--color-border-divider-default, #c6c6cd);
		inline-size: 1px;
		block-size: 1em;
		inset-block: var(--space-s, 12px);
		inset-inline-end: 0;
	}

.header-section .btn {
	padding: 0;
}

.header-section .dropdown-menu {
	background: var(--color-background-popover, #fff);
	box-shadow: 0 4px 20px 1px #0007161a, inset 0 1px 0 var(--color-border-divider-default, #c6c6cd) !important;
	border-radius: 0 0 var(--border-radius-dropdown, 8px) var(--border-radius-dropdown, 8px);
	border: none;
}

#header .logoimg {
	flex-shrink: 0;
	inline-size: auto;
	margin-inline-end: var(--space-s, 12px);
	max-block-size: var(--space-xxl, 32px);
	min-inline-size: 10px;
}

#header .csname {
	color: var(--color-text-top-navigation-title, #0f141a);
	font-size: var(--font-size-heading-m, 18px);
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header .suitetext {
	float:left;
	font-size: .9em;
	margin-left: 20px;
	color:white;
	font-weight:bold;
	padding-top: 32px;
}

#setPanel {
	float: right;
	color: white;
	margin-right: 25px;
	padding-top: 33px;
}

	#setPanel a {
		color: #f0f0f0;
	}

#region {
	float:right;
	color: white;
	margin-right:20px;
	padding-top:30px;
}

#region > img
{
	padding-bottom: 2px;
	vertical-align: middle;
}

#region > img, #region > span {
	margin-right:8px;
}

#bldg {
	float: right;
	color: white;
	margin-right: 20px;
	padding-top: 24px;
}

	#bldg > img {
		padding-bottom: 2px;
		vertical-align: middle;
	}

	#bldg > img, #bldg > span {
		margin-right: 8px;
	}


#az {
	float: right;
	color: white;
	margin-right: 20px;
	padding-top: 24px;
}

	#az > img {
		padding-bottom: 2px;
		vertical-align: middle;
	}

	#az > img, #region > span {
		margin-right: 8px;
	}

#siteFavorite {
	float:right;
	color: white;
	margin-right:20px;
	padding-top:30px;
}

#siteLogin {
	float:right;
	color: white;
	margin-right:20px;
	padding-top:30px;
}

/****                   ****/
/***    Layout          ****/
/****                   ****/

.divReviewContent {
	margin: auto;
	background-color: white;
	width: 90%;
	padding: 15px;
	border: 1px solid #666;
	border-radius: 5px;
}

.app-layout {
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100vh;
	width: 100vw;
	overflow-x: auto;
}

.app-content-layout {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
}

	.app-content-layout main {
		margin-inline-start: var(--space-xxl, 32px);
		margin-inline-end: var(--space-xxl, 32px);
		margin-block-end: var(--space-xxl, 32px);
	}

.d-flex {
	display: flex;
}
.flex-row {
	flex-direction: row;
}
.flex-column {
	flex-direction: column;
}
.flex-grow {
	flex-grow: 1;
}
.flex-shrink {
	flex-shrink: 1;
}

.ma-0 { margin: 0 }
.ma-1 { margin: var(--space-xxxs) }
.ma-2 { margin: var(--space-xxs) }
.ma-3 { margin: var(--space-xs) }
.ma-4 { margin: var(--space-s) }
.ma-5 { margin: var(--space-m) }
.ma-6 { margin: var(--space-l) }
.ma-7 { margin: var(--space-xl) }
.ma-8 { margin: var(--space-xxl) }
.ma-9 { margin: var(--space-xxxl) }

.mx-0, .ml-0 { margin-left: 0 }
.mx-1, .ml-1 { margin-left: var(--space-xxxs) }
.mx-2, .ml-2 { margin-left: var(--space-xxs) }
.mx-3, .ml-3 { margin-left: var(--space-xs) }
.mx-4, .ml-4 { margin-left: var(--space-s) }
.mx-5, .ml-5 { margin-left: var(--space-m) }
.mx-6, .ml-6 { margin-left: var(--space-l) }
.mx-7, .ml-7 { margin-left: var(--space-xl) }
.mx-8, .ml-8 { margin-left: var(--space-xxl) }
.mx-9, .ml-9 { margin-left: var(--space-xxxl) }

.mx-0, .mr-0 { margin-right: 0 }
.mx-1, .mr-1 { margin-right: var(--space-xxxs) }
.mx-2, .mr-2 { margin-right: var(--space-xxs) }
.mx-3, .mr-3 { margin-right: var(--space-xs) }
.mx-4, .mr-4 { margin-right: var(--space-s) }
.mx-5, .mr-5 { margin-right: var(--space-m) }
.mx-6, .mr-6 { margin-right: var(--space-l) }
.mx-7, .mr-7 { margin-right: var(--space-xl) }
.mx-8, .mr-8 { margin-right: var(--space-xxl) }
.mx-9, .mr-9 { margin-right: var(--space-xxxl) }

.my-0, .mt-0 { margin-top: 0 }
.my-1, .mt-1 { margin-top: var(--space-xxxs) }
.my-2, .mt-2 { margin-top: var(--space-xxs) }
.my-3, .mt-3 { margin-top: var(--space-xs) }
.my-4, .mt-4 { margin-top: var(--space-s) }
.my-5, .mt-5 { margin-top: var(--space-m) }
.my-6, .mt-6 { margin-top: var(--space-l) }
.my-7, .mt-7 { margin-top: var(--space-xl) }
.my-8, .mt-8 { margin-top: var(--space-xxl) }
.my-9, .mt-9 { margin-top: var(--space-xxxl) }

.my-0, .mb-0 { margin-bottom: 0 }
.my-1, .mb-1 { margin-bottom: var(--space-xxxs) }
.my-2, .mb-2 { margin-bottom: var(--space-xxs) }
.my-3, .mb-3 { margin-bottom: var(--space-xs) }
.my-4, .mb-4 { margin-bottom: var(--space-s) }
.my-5, .mb-5 { margin-bottom: var(--space-m) }
.my-6, .mb-6 { margin-bottom: var(--space-l) }
.my-7, .mb-7 { margin-bottom: var(--space-xl) }
.my-8, .mb-8 { margin-bottom: var(--space-xxl) }
.my-9, .mb-9 { margin-bottom: var(--space-xxxl) }

/****                       ****/
/****       menu            ****/
/****                       ****/

.menugroup {
	z-index: 1001;
}

	.menugroup::-webkit-scrollbar {
		width: 12px; /* width of the entire scrollbar */
	}

	.menugroup::-webkit-scrollbar-thumb {
		background-color: var(--headerbkg); /* color of the scroll thumb */
		border-radius: 0px; /* roundness of the scroll thumb */
		border: 2px solid #134786; /* creates padding around scroll thumb */
	}

	.menugroup::-webkit-scrollbar-track {
		background: #134786;
	}

.menuitem {
	color: #ffffff;
	height: 33px;
	min-height:30px;
	max-height: 90px; /* allow for caption to go 3 lines */
	position: relative;
	cursor:pointer;
	border:1px solid transparent;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:10px;
	transition:all 0.3s ease;
	display:flex;
	align-items: center;
	background-color: var(--leftnavbtn);
}

.menuitem.selected {
	border: 1px solid #134786;
}

.menuitem:hover {
	border:1px solid white;
	box-shadow: 5px 5px 5px rgba(255,255,255,.35);
	transform: scale(.95);
	border-radius:5px;
}

	.menuitem > img {
		height:40px;
		width: 40px;
		margin-left:10px;
		vertical-align: middle;
	}

	.menuitem .menulabel {
		margin-left:10px;
		font-size: 12px;
		width: 182px;
	}

	.menuitem .menulabel .title {
		font-size: 16px;
		line-height: 16px;
	}

	.menuitem .menulabel .caption {
		line-height: 12px;
		padding-top:4px;
		word-wrap: break-word;         /* All browsers since IE 5.5+ */
		overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
	}

	.menuitem:nth-child(even) {
		background-color: #666666;
	}

	.submenu .menuitem > img {
		height:30px;
		width:30px;
		padding: 5px;
		padding-top:15px;
	}

	.submenu .menuitem .menulabel {
		font-size: 11px;
	}

	.submenu .menuitem .menulabel .title {
		font-size: 14px;
	}

	.submenu .menuitem:nth-child(even) {
		background-color: #888888;
	}

.dropdown-menu .aspNetDisabled,
.dropdown-menu .aspNetDisabled:hover,
.dropdown-menu .aspNetDisabled:focus {
	color: var(--color-text-interactive-disabled);
}

/* Footer */

.navigation-container footer {
	padding-inline-start: var(--space-l);
}

/****                   ****/
/***    Common Colors   ****/
/****                   ****/
.ucp-blue-bg {
	background-color: var(--headerbkg);
}

.ucp-lightgray-bg {
	background-color: #e7e7e8;
}

.ucp-page-blue {
	color: #005da5;
}

.ucp-black {
	color: #232a30;
}

.ucp-black-bg {
	background-color: #232a30;
}

.ucp-alert-red-bg {
	background-color: #FF0000;
}

.ucp-alert-yellow-bg {
	background-color: #FFCC33;
}

.ucp-alert-green-bg {
	background-color: #006600;
}

.ucp-alert-blue-bg {
	background-color: #0066FF;
}

/****                       ****/
/****     Rack Helper       ****/
/****                       ****/

.csrhmDIVCONT
{
	position: relative;
	background-color: white;
}

.csrhmDIVRCKL
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.csrhmDIVRCKLv2
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 880px;
}

.csrhmTB
{
	border: 1px solid #134786;
}

.csrhmTBHDR
{
	border: 1px solid #134786;
	font-weight: bold;
	text-align: center;
}

.csrhmPOS
{
	border: 1px solid #134786;
	width: 40px;
	text-align: center;
	font-weight: bold;
	background-color: #f0f0f0;
}

.csrhmPOSv1
{
	border: 1px solid #134786;
	width: 40px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	background-color: #f0f0f0;
}

.csrhmPOSv2
{
	border: 1px solid #134786;
	width: 40px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	background-color: #f0f0f0;
}

.csrhmDEV
{
	width: 220px;
	border: 1px solid black;
}

.csrhmDEVv1
{
	width: 450px;
	border: 1px solid black;
}

.csrhmDEVv2
{
	width: 840px;
	border: 1px solid black;
}

.csrhmHDR
{
	color: #134786;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.csrhmDEVDIV
{
	position: absolute;
}

.csrhmDEVDIV img {
	width: 205px;
}

/* Device v1 CSS */

.csrhmdevChassis {
	 background-color: black;
	 font-family: arial;
	 border: 1px solid black;
}

.csrhmdevLabel a {
	color: white;
}

.csrhmdevLabel {
	color: white;
	width: 50px;
	font-size: 70%;
	text-align: center;
}

.csrhmdevPort {
	text-align: center;
	font-size: 60%;
	min-width: 22px;
	display: table-cell;
	border: 1px solid white;
	border-radius: 2px;
}

.csrhmdevPortLnk {
	color: white !important;
	text-decoration: none !important;
}

.csrhmdevPortLnk:hover {
	color: white !important;
	text-decoration: none !important;
}

.csrhmdevPortLnk:active {
	color: white !important;
	text-decoration: none !important;
}

.csrhmdevPortStatus10 {
	color: white;
	background-color: green;
}

.csrhmdevPortStatus0 {
	color: white;
	background-color: gray;
}

.csrhmdevPortStatus30 {
	color: white;
	background-color: red;
}

.csrhmdevPortStatus11 {
	color: white;
	background-color: dodgerblue;
}


/****                       ****/
/****     File Panel        ****/
/****                       ****/

.divFilePanel
{

}

.tbFilUploadTop
{
	width: 100%;
}

.spFilUploadTitle{
	padding-left: 10px;
	color: dimgray;
}

.tdFilUploadLeft
{

}

.tdFilUploadRight
{
	text-align: right;
}

.divFilEntry{
	padding-top: 10px;
	height: 50px;
	padding-left: 10px;
	color: #134786;
	text-decoration: none;
}

.divFilEntry:hover{
	background-color: #f0f0f0;

}

.divFilePanel a
{
	text-decoration: none;
}

/* Notify Master */

#notifycontentpage {
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	top: 75px;
	right: 0;
	bottom:32px;
	overflow: auto;
}

#notifycontent
{
	min-height: calc(100% - 40px);
	overflow: auto;
	padding:10px;
	background-color:white;
	overflow-x:hidden;
	text-align: left;
}

#notifyfooter
{
	background-color: #333333;
	color: white;
	position: absolute;
	left: 0px;
	right: 0;
	bottom:0;
	overflow: hidden;
	font-size: 11px;
	padding-top:8px;
	padding-bottom:8px;
}

#notifyfooter .spreadOut > div
{
	text-align:center;
	color:white;
}

/* Login Master */

#logincontentpage {
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	top: 75px;
	right: 0;
	bottom:32px;
	overflow: auto;
}

#logincontent
{
	min-height: calc(100% - 40px);
	overflow: auto;
	padding:10px;
	background-color:white;
	overflow-x:hidden;
	text-align: center;
}

#loginfooter
{
	background-color: #333333;
	color: white;
	position: absolute;
	left: 0px;
	right: 0;
	bottom:0;
	overflow: hidden;
	font-size: 11px;
	padding-top:8px;
	padding-bottom:8px;
}

#loginfooter .spreadOut > div
{
	text-align:center;
	color:white;
}

#loginpane
{
	position: absolute;
	width: 500px;
	left: calc(50% - 250px);
	text-align: center;
}

.login-button
{
	width: 365px;
}

.login-banner
{
	font-size: 12px;
	width: 100%;
	text-align: left;
}

.login-group
{
	padding: 5px;
	margin-bottom: 5px;
}

.login-table
{
	width: 370px;
}

.login-label
{
	text-align: left;
}

.login-ad-panel
{
	background-color: #f0f0f0;
	padding: 10px;
}

.login-diag
{
	font-size: 12px;
	color: #666;
	font-style: italic;
}


/* Landing Master */

#landingcontentpage {
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	top: 75px;
	right: 0;
	bottom:32px;
	overflow: auto;
}

#landingcontent
{
	min-height: calc(100% - 40px);
	overflow: auto;
	padding:10px;
	background-color:white;
	overflow-x:hidden;
}

#landingfooter
{
	background-color: #333333;
	color: white;
	position: absolute;
	left: 0px;
	right: 0;
	bottom:0;
	overflow: hidden;
	font-size: 11px;
	padding-top:8px;
	padding-bottom:8px;
}

#landingfooter .spreadOut > div
{
	text-align:center;
	color:white;
}

#landingpane
{
	position: absolute;
	border: 1px solid black;
	width: 500px;
	left: calc(50% - 250px);

}

.tdSteName {
	font-weight: bold;
	width: 150px;
	color: #666;
}

.tdSteValue {

}

/* Admin Section */

.divAdmPanel {
	padding: 15px;
	background-color: #f5f5f5;
	height: 150px;
}

.divAdmPanel span {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

.divAdmPanel a {
	font-weight: normal;
	color: #428bca;
}

.divAdmPanel a:hover {
	font-weight: normal;
	background-color: #428bca;
	color: white;
	padding: 2px;
	border-radius: 5px;
	text-decoration: none;
}

.divAdmBtnPlacement
{
	position:relative;
	float: right;
}

.tbAdmSet td {
	padding: 5px;
}

.tdAdmSetTitle {
	font-weight: bold;
	text-align: right;
}

.divAdmSetDescription {
	background-color: #f0f0f0;
	width: 800px;
	height: 100px;
	padding: 3px;
}

.txtAdmSetValue {
	padding: 3px;
	vertical-align:top;
	width: 800px;
	height:200px;
}

.tdAdmSet {
	width: 90%;
	min-width: 800px;
}

.tbAdmUsr td {
	padding: 5px;
}

/* Editor Map Labeling */

.divEditMrk
{
	display:none;
	text-align: center;
	font-size: 90%;
	border-radius: 5px;
}

.spEditMrk
{
	font-weight: bold;
	color: red;
	background-color: white;
}

/* Admin Styling */

.panel-admin .panel-heading {
	color: #ffffff;
	background-color: #333333 !important;
	border-color: #666 !important;
}

.panel-admin {
	border-color: #666 !important;
}

/* Location Selection */

.lgNoBorder {
	border: 0px !important;
}

.lgNoBorder .list-group-item {
	border: 0px !important;
}

.divMapLabel {
	background-color: rgba(255,255,255,.8);
	width: 90px;
	color: black;
	font-size: 14px;
	margin-top: 10px;
	padding-top: 5px;
	margin-left: -40px;
}

.divMapLabel a
{
	color: #134786 !important;
}

.divLocationSelPanel
{
	background-color: white;
	height: 30px;
}

.divLocationSelItem
{
	padding: 0px 40px 10px 0px ;
	/* float: left; */
	color: #333333;
	font-size: 14px;
}

.divLocationSelFav
{
	padding: 0px 8px 10px 0px ;
	color: #333333;
	font-size: 14px;
}

.divLocationSelItem span
{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding-right: 5px;
}

.txtCSBlue {
	color:#134786 !important;
}

.divMapDataAttribution
{
	font-style: italic;
	text-align: center;
}

/* Icons */

.icon-bldg {
	background-color: #333 ;
	height: 20px;
	width: 20px;
	border-radius: 12%;
	border: 1px solid black;
	color: rgba(255,255,255,.8);
	font-size: 10px;
	text-align: center;
	float: left;
	padding-top: 2px;
}

.icon-bldgx64 {
	background-color: #333 ;
	height: 64px;
	width: 64px;
	border-radius: 12%;
	border: 1px solid black;
	color: rgba(255,255,255,.8);
	font-size: 24px;
	text-align: center;
	float: left;
	padding-top: 11px;
	font-weight: bold;
}

.icon-dh {
	background-color: #134786 ;
	height: 20px;
	width: 20px;
	border-radius: 12%;
	border: 1px solid black;
	color: rgba(255,255,255,.8);
	font-size: 10px;
	text-align: center;
	float: left;
	padding-top: 2px;
}

.icon-pod {
	background-color: rgba(50,205,50,.9);
	height: 20px;
	width: 20px;
	border-radius: 12%;
	border: 1px solid black;
	color: rgba(255,255,255,.8);
	font-size: 10px;
	text-align: center;
	float: left;
	padding-top: 2px;
}

.icon-tier {
	background-color: rgba(255,0,0,.9);
	height: 20px;
	width: 20px;
	border-radius: 12%;
	border: 1px solid black;
	color: rgba(255,255,255,.8);
	font-size: 10px;
	text-align: center;
	float: left;
	padding-top: 2px;
}

.icon-spacer {
	height: 20px;
	width: 20px;
	float: left;
}



/* PATCH MANAGER */

.pmtdDeviceATitle {
	background-color: yellow !important;
	font-weight: bold !important;
	text-align: center !important;
}

.pmtdDeviceBTitle {
	background-color: yellow !important;
	font-weight: bold !important;
	text-align: center !important;
}

.pmtdAssemblyTitle {
	background-color: dimgrey !important;
	color: white !important;
	font-weight: bold !important;
	text-align: center !important;
}


.pmdivDeviceALabel {
	border: 1px solid #666;
	background-color: yellow;
	text-align: left;
	padding: 8px;
}

.pmdivDeviceALabel span {
	font-weight: bold;
}

.pmdivDeviceBLabel {
	border: 1px solid #666;
	background-color: yellow;
	text-align: right;
	padding: 8px;
}

.pmdivDeviceBLabel span {
	font-weight: bold;
}

.pmdivAssemblyLabel {
	border: 1px solid #000;
	background-color: dimgrey;
	color: white;
	text-align: center;
	padding: 8px;
}

.pmdivAssemblyLabel span {
	font-weight: bold;
}

.pmtdHeaderLabel
{
	font-weight: bold;
	text-align: center;
}

.pmtdPairLabel
{
	font-weight: bold;
	text-align: center;
}

/* MISC */

.pmdivOrderCableList
{
	overflow-y: scroll;
	height: 555px;
}

.pmdivOCLCable
{
	border: 1px solid black;
	padding: 10px;
	background-color: #f0f0f0;
	margin-bottom: 3px;
}

.pmdivOCLCable a
{
	color: #134786;
	text-decoration: none;
}

.pmdivOCLCable a:hover
{
	color: black;
	text-decoration: none;
}

.pmdivOCLAutoCable
{
	border: 1px solid black;
	padding: 10px;
	background-color: #f0f0f0;
	margin-bottom: 3px;
}

.pmdspOCLAutoCable
{
	font-style:italic;
}

.divTierSelection
{
	float:right;
	color: white;
	float: right;
	margin-right: 25px;
	padding-top: 24px;
}

.tdTierSelection
{
	color: white;
	padding-right: 10px;

}

.ddlTierLocation
{
	font-size: 14px;
	min-width: 250px;
}

.divBldgSelection {
	float: right;
	color: white;
	float: right;
	margin-right: 25px;
	padding-top: 24px;
}

.tdBldgSelection {
	color: white;
	padding-right: 10px;
}

.ddlBldgLocation {
	font-size: 14px;
	min-width: 120px;
}


.ddlNavLocation {
	font-size: 14px;
}

.divLabelSideHdr
{
	color: red;
}

.divLabelExample
{
	border: 1px solid black;
	padding: 10px;
	border-radius: 15px;
	background-color: #f0f0f0;
	width: 400px;
	height: 180px;
}

.divLabelLine
{
	padding:3px;
}

.divLabelView {
	border: 1px solid black;
	padding: 10px;
	border-radius: 15px;
	background-color: #f0f0f0;
	width: 400px;
}


.txtLabelLine
{
	width: 400px !important;
}

.txtEditLabelLine
{
	width: 200px !important;
}

.txtEditSuccess
{
	background-color: #5cb85c !important;
	color: white;
}

.tdEndSideLabelA
{
	background-color: #d9534f;
	font-weight: bold;
	text-align: center;
	color: white;
}

.tdEndSideLabelB
{
	background-color: #428bca;
	font-weight: bold;
	text-align: center;
	color: white;
}

.txtEditFail
{
	background-color: #d9534f !important;
	color: white;
}

.spPairHeader
{
	font-weight: bold;
	color: #134786;
}

.divLicFeat {
	padding: 10px;
	background-color: #eeeeee;
	border-radius: 4px;
	color: #666;
	border: 1px solid #ccc;
}

.divDeviceLocPanel {
	padding: 10px;
	background-color: #eeeeee;
	border-radius: 4px;
	color: #666;
	border: 1px solid #ccc;
}

.spAdmPanelTitle {
	color: #666;
	font-weight: bold;
}

.lstRoleBox {
	width: 300px;
	height: 100%;
}

.tbPermission {
	height: 300px;
	text-align: center;
}

.tdPerList {

}

.tdPerSelection {
	width: 100px;
}

.td50w {
	width: 50px;
}

.btn350w {
	width: 350px;
}

.divRackLocInformation
{
	font-style: italic;
	padding: 3px;
	padding-bottom: 25px;
}

.txtCustField
{
	width: 140px;
}

.hdrCustField
{
	width: 165px !important;
}

.thCLIHeader
{

}

.tbCLITable
{
	width: 2600px;
}

.tbCLITable td
{
	font-size: 12px;
}

.divOrderConfirmTbl
{
	width: 100%;
	text-align: left;
}

.tbOrderConfirmList
{
	width: 600px;
}

.ctTable
{
	width: 100%;
}

.ctField
{
	width: 75px;
}

.ctValue
{
	width: 98% !important;
	max-width: 100% !important;
	font-size: 13px;
}

.tbSpairMgmt
{
	font-weight: bold;
	color: #666;
	background-color: #eee;
	border: 1px solid #ccc;
	text-align: center;
	height: 34px;
}

.btnDeleteFile
{
	display: none;
}

.lstCSCSheetList
{
	height: 400px;
	font-size: 16px;
}

div.dt-buttons {
	float: left;
	padding-right: 15px;
}

.divCableDesign
{
	color: #333;
	padding-left: 10px;
}

.divCableDesign span
{
	font-weight: bold;
	font-size: 16px;

}

.spRackStatusDot
{
	height: 12px;
	width: 12px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	margin-top: 5px;

}

.form-option
{
	font-weight: bold;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 3px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid;
	border-radius: 4px;
	color: #ffffff;
	background-color: var(--btnprimary);
	border-color: #357ebd;
}

.form-option label
{
	font-weight: normal;
	padding-left: 10px;
}

.divDesignItemList
{
	overflow-y: scroll;
	height: 400px;
}

.lDesType
{
	font-size: 12px;
	color: #134786;
	font-weight: bold;
}

.lDesInfo
{
	font-size: 12px;
}

.lDesQty
{
	font-size: 12px;
	font-weight: bold;
}

.lDesQtyLbl
{
	font-size: 12px;
}

.rblDesTier label
{
	padding-left: 10px;
}

.divConcernList
{
	overflow-y: scroll;
	height: 220px;
	font-size: 14px;
}

.lip-Warning
{
	color: #FF6600;
}

.lip-Alarm
{
	color: red;
}

.lip-Success
{
	color: green;
}

.lReadOnly
{
	background-color: #eeeeee !important;
}

.hud-content {
	padding: 10px;
}

.hud-menu {
	background-color: #f5f5f5;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	font-weight: bold;
	width: 100%;
}

.hud_icon img {
	width: 20px;
}

.hud_link {
	border: 1px solid blue;
	border-radius: 5px;
	padding: 5px;
	width: 250px;
	background-color: white;
	text-decoration: none;
}
.hud_link,
.hud-menu a {
	cursor: pointer;
}

.hud_link:active {
	text-decoration: none;
}

.hud_link:hover {
	text-decoration: none;
}

.hud_container {
	position: fixed;
	bottom: var(--space-scaled-s, 12px);
	left: var(--space-scaled-s, 12px);
	z-index: 2000;
	width: 750px;
	border: var(--border-divider-section-width, 1px) solid var(--color-border-divider-default, #c6c6cd);
	border-radius: var(--border-radius-flashbar, 12px);
	background-color: var(--color-background-layout-main);
	overflow: hidden;
}

#hud_widget
{
	width: 100%;
	height: 550px;
	background: no-repeat center #fff url(/Content/images/loading.gif);
}

.hud-hdrtitle
{
	font-weight: bold;
	padding-bottom: 6px;
	background-color: #666;
	color: white;
	padding-top: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}


/*
	#hud_widget {
	position: absolute;
	bottom: 50px;
	right: 50px;
	z-index: 999;

	height: 450px;
	width: 650px;

	display:none;
}

*/

.chkPaddedCheck label {
	padding-left: 5px;
}

.lblMCUNickname {
	font-size: 11px;
	padding-bottom: 2px;
}

.lblMCUASide {
	border-radius: 3px;
	padding: 3px;
	background-color: #134786;
	color: white;
}

.lblMCUBSide {
	border-radius: 3px;
	padding: 2px;
	background-color: darkred;
	color: white;
}

.lblMCUCableType {
	color: #333;
	font-weight: bold;
}

.divMCUSuccess {
	overflow-y: scroll;
	height: 200px;
}

.session_container {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9999;
	width: 350px;
	height: 135px;
	border: 1px solid black;
	border-radius: 3px;
	margin: 5px;
	padding: 10px;
	background-color: #fcf8e3;
	display:none;
}

.session_icon {
	float: left;
	font-size: 25px;
	padding-right: 8px;
}

.sesExpire {
	display:inline-block;
	font-weight: bold;
}

.divActiveRackLabel {
	background-color: darkblue;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.divPatchRackLabel {
	background-color: darkred;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.thActiveRackLabel {
	background-color: darkblue !important;
	color: white;
}

.divPatchCableLabel {
	background-color: #333;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.thPatchRackLabel {
	 background-color: darkred !important;
	 color: white;
}

.thGroupCodeLabel {
	background-color: darkgreen !important;
	color: white;
}

.thLabelLabel {
	background-color: gainsboro !important;
	color: black;
}

.trCIRowHeaders td {
	font-weight: bold;
	text-decoration: underline;
}

.trCIMassRowHeaders td {
	background-color: #666 !important;
}

.trCIMassLabel {
	font-size: 11px;
	color: white;
}

.spNoWrap {
	display: inline-block;
}

.divGrayPanel {
	padding: 15px;
	background-color: #f5f5f5;
	min-height: 150px;
}

.divGrayPanel span {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}

/*.divGrayPanel a {
	font-weight: normal;
	color: #428bca;
}

.divGrayPanel a:hover {
	font-weight: normal;
	background-color: #428bca;
	color: white;
	padding: 2px;
	border-radius: 5px;
	text-decoration: none;
}*/

.spLobbyText {
	font-size: 14px !important;
	font-weight: normal !important;
}

.btnFixedMnu {
	width: 190px !important;
	text-align: left;
	padding-left: 10px;
}

.btnFixedMnu span {
	padding-right: 10px;
}

.tdCartEditHdr {
	font-weight: bold;
	text-align: left;
	padding-right: 5px;
}

.tbCartEdit {
	padding-left: 10px;
}

.txtCartEdit {
	width: 300px !important;
}

.lblCartEditID {
	text-align: left;
}

.divCartEdit {
	width: 600px;
	max-height: 600px;
	display: inline-block;
	margin-top: 100px;
	text-align: left;
}

.divCartEditPanelBody {
	max-height: 580px;
	overflow-y: scroll;
	background-color: white;
}

.divCatImgWrap
{
	min-height: 175px;
	text-align: center;
}

.divCatBtnWrap
{
	text-align: center;
}

.divCatBtnWrap a
{
	width: 90% !important;
}

.divDATBtnWrap
{
	text-align: center;
}

.divDATBtnWrap a
{
	width: 90% !important;
}

/* Catalog Detail Styles  */

.divCTPermaWrap
{
	text-align: right !important;
	background-color: yellow;
	width: 100%;
}

.tbCTDetail
{
   width: 90%;
}

.tbCTDetail td
{
	border: 2px solid black;
	min-width: 50px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
}

.divCTBreakoutWrap
{
	width: 90%;
	text-align: center;
}

.tdCTDetailHdr
{
	font-weight: bold;
}

.spCTHeading1
{
	font-size: 16px;
	font-weight: bold;
}

.txtCTFullW
{
	width: 100% !important;
	max-width: 100% !important;
	background-color: #f0f0f0;
	height: 35px;
}

.chkFixed150
{
	width: 150px !important;
}

.chkFixed50 {
	width: 50px !important;
}

.tdSpacing {
	width: 75px;
}

.spDiverseLabel
{
	padding-top: 6px 12px;
	line-height: 1;
	vertical-align: middle !important;
	width:auto !important;
	font-style:italic;
}

.spdFixed
{
	width: 153px !important;
}


.divCTCopyWindow {
	width: 600px;
	max-height: 600px;
	display: inline-block;
	margin-top: 100px;
	text-align: left;
}

.divCTCopyWindowPanelBody {
	max-height: 580px;
	overflow-y: hidden;
	background-color: white;
}

.txtCILabelLine {
	max-width: 400px !important;
}

.tblCIListing
{
	min-width: 6500px;
	max-width: 6500px !important;
}

.trAMCRowStatus_False
{
	color: red;
}

.trAMCRowStatus_True
{
	color: green;
}

.tbNavBar {
	background-color: #f5f5f5;
	width: 100%;
	margin-bottom: 15px;
}

.tdNavBarText {
	padding: 5px;
}

.tdNavBarLeft {
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.tdNavBarRight {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.tdPECableBkg
{
	background-color: yellow !important;
}

.txtPELegNum {
	font-weight: bold;
	font-size: larger;
	text-align: center;
}

.tdPELeft {
	text-align: left !important;
}

.tdPERight {
	text-align: right !important;
}

.tbPETable td
{
	border: 0px !important;
}

.txtPECableTitle {
	color: black;
	text-align: center;
	font-weight: bold;
}

.inPECableComment {
	background-color: yellow;
}

.divAdmTip {
	max-width: 500px;
}

#CartList_wrapper {
	overflow-x:scroll;
}

.txtFList {
	max-width: 150px !important;
}

.divMCTSelectedPod
{
	margin-top: 10px;
}

.rblMCTTierDirection {
	margin: 0px 0px 0px 4px;

}

.tdTierConfigSpace {
	font-weight:bold;
	text-align: right;
	padding-top: 15px !important;
}

.divMCTEditIcon {
	/*
	float: right;
	padding-right: 5px;
	min-width: 170px;
	*/
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
}

/*
.divMCTEditIcon a {
	color: black;
	text-decoration: none;
}
*/

.txtMCTSpacing {
	min-width: 70px !important;
	width: 70px !important;
}

.txtMCTRoom {
	min-width: 50px !important;
	width: 75px !important;
}

.tdMCTHdr {
	font-weight: bold;
	text-align:  center;
}

.trMCTHdr {
	background-color: #eee;
}

.tdMCTPosTxt {
	text-align: right;
	font-size: 12px;
	color: #333;
}

.AdminBreadCrumb {
	background-color: #d9edf7;
	font-size: 16px;
	font-weight: bold;
}

.txtASCPageTxtBox {
	max-width: 500px !important;
	width: 500px;
}

.btnSSBuild {
	margin-bottom: 5px;
}

.hrSSHdr {
	margin-top: 1px !important;
	margin-bottom: 5px !important;
}

.divSSSelBtn {
	position: relative;
	float: right;
}

.divSSMrk {
	text-align: center;
	font-size: 90%;
	border-radius: 5px;
}

.divSSMrkIn {
	min-width: 38px;
	text-align: center;
	background-color: yellow;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid black;
}

.divSSMrk a, .divSSMrk a:active, .divSSMrk a:hover, .divSSMrk a:link {
	color: black !important;
}

.spSSMrk {
	font-weight: bold;
	color: black;
	background-color: white;
	font-size: 90%;
}

.imgDSImg {
	border: 1px solid #ccc;
	width: 100%;
}

.txtAdmUHdr {
	text-decoration: underline;
	font-weight: bold;
}

.divBtnAlert
{
	height: 60px !important;
}

.hover_img a {
	position: relative;
}

.hover_img a span {
	position: absolute;
	display: none;
	z-index: 99;
}

.hover_img a:hover span {
	display: block;
}

.hover_img img {
	border: 1px solid black;
}

.divViewExampleImage {
	max-width: 1200px;
	max-height: 800px;
	display: inline-block;
	margin-top: 50px;
	text-align: left;
}

.divViewExampleImagePanelBody {
	max-height: 800px;
	overflow-y: scroll;
	overflow-x: scroll;
	background-color: white;
}
.divDstText {
	padding: 5px;
	font-weight: bold;
	color: #666;
}

.ddlMinWidth {
	min-width: 150px !important;
}

.divDREText
{
	margin-top: 10px;
	padding-top: 20px;
	background-color: #f0f0f0;
	padding-left: 20px;
	padding-bottom: 20px;
	font-style: italic;
}

.lvhdr
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #333;
	padding: 3px;
	color: #333;
}

.lvhdr a {
	color: #333;
}

.divLabelViewer
{
	height: 400px;
	overflow-y: scroll;
}

.divNoBreakPanel {
	display: inline !important;
}

.trRackAddLocation td
{
	font-size: 10px;
	font-weight: bold;
	background-color: #f0f0f0;
	text-align: center;
}

.lstDefaultAssign {
	height: 250px !important;
}

.lstURLBox {
	width: 600px;
	height: 200px !important;
}

.leaflet-control-browser-print a {
	background: #fff url('/images/map-print.png') no-repeat 7px !important;
}

.lnkRLLink, a:link, a:visited {
	text-decoration: none !important;
}

.spRLHeader {
	font-weight: bold;
	font-size: 18px;
}

.spRLBody {

}

.divDesignTypeSelect {
	text-align: center;
}

.divDDPanel {
	margin: auto;
	padding: 10px;
	width: 500px;
	background-color: #f0f0f0;
	text-align: left;
}

.spDDHdr {
	font-weight: bold;
}

.txtDDHostname {
	font-size: 18px;
}

.lblDDLabel {
	font-style: italic;
}

.lblSetValue {
	color: #666;
}

.OrderCheckSuccess {
	color: green;
}

.OrderCheckPending {
	color: darkred;
}

.OrderCheckListStatus {
	width: 40px;
}

.OrderCheckListHdr {
	font-weight: bold;
}

.OrderCheckListText {
	font-size: 12px;
	color: #666;
	font-style: italic;
}

.OrderCheckListAlert {
	font-size: 12px;
	margin-bottom: 0px !important;

}

.aWelDesignItem {
	color: #333 !important;
	font-weight: bold;
	font-size: 12px;
}

.aWelOrderItem {
	color: #333 !important;
	font-weight: bold;
	font-size: 12px;
}

.aWelTitle {
	text-transform: uppercase;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}


.trTipRow td {
	background-color: #d9edf7;
	border-color: #bce8f1;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.btn-SiteInactive {
	color: #333;
	background-color: white;
	border-color: #333;
	font-weight: bold;
}


.tbCalculator {
	border-radius: 5px;
	background-color: #f0f0f0;
}

.tbCalculator td {
	padding: 10px;
}

.tbCalculator .hdr {
	font-weight: bold;
	color: #666;

}

.divCalculatorHowTo {
	padding-left: 10px;
	max-width: 550px;
	font-style:italic;
}

.tbFullWidth {
	width: 100%;
}

.tbSiteFunnel {
	font-size: 16px;

}

.tbSiteFunnel td {
	border: 1px solid black;
	padding: 5px;
}

.hdr {
	font-weight: bold;
	background-color: #ccc;
	text-align: center;
}

.hdrCount {
	font-weight: bold;
	text-align: center;
}

.hdrPerc {
	font-weight: bold;
	text-align: center;
}

.hudh3 {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #808080;
	font-size: 16px;
}

#DCsEnabledGroupHeader th {
	padding: 0px 0px;
}

#DCsEnabledColumnHeader th {
	padding: 0px 0px;
}

.WelHdr
{
	padding: 5px 10px !important;
}

.divWelRv
{
	font-size: 12px !important;
}

#AvailableSitesDataTable .filters input {
	background-color: #f0f0f0 !important;
	font-size: 12px !important;
	height: 24px !important;

}

#AvailableSitesDataTable_wrapper .dt-buttons button {
   font-size: 12px !important;
	padding: 3px !important;
}

#AvailableSitesDataTable_filter  input {
	background-color: #f0f0f0 !important;
}

.WelHR {
	margin-top: 3px !important;
	margin-bottom: 8px !important;
}

#BrickStatusDataTable {
	font-size: 13px !important;
}
.dataTables_scrollHeadInner {
	font-size: 13px !important;
}

.divReviewConfirm {
	background-color: #f0f0f0;
	margin: auto;
	width: 550px;
	border: 1px solid #333;
	padding: 20px;

}

.btnWiki {
	margin-left: 10px;
}

.divOrderNav {
	background-color: #f0f0f0;
	border-radius: 4px;
}

.ulOrderNav {
	font-weight: bold;
}

.tbMgmtWizard {
	border: 1px solid #eee;
	border-radius: 6px;
	margin-bottom: 3px;
	margin: auto;
}


.tdMgmtSelTitle {
	background-color: #f0f0f0;
	text-align: center;
	font-weight: bold;
	padding: 4px;
}

.txtMW400 {
	max-width: 500px !important;
}

.txtW500 {
	width: 500px !important;
	max-width: 500px !important;
}

.pnlReviewResubmit {
	font-style: italic;
}

.taSOW {
	background-color: #f0f0f0;
}

.lnkOptMap {
	font-size: 12px;
}

.tbMgmtPosition
{
	height: 230px;
}

	.tbMgmtPosition .NorthSpacer {
		height: 55px;
	}

	.tbMgmtPosition .MiddleSpacer {
		height: 70px;
	}

	.tbMgmtPosition .NorthValue {
		background-color: #f0f0f0;
		font-weight: bold;
		height: 15px;
		text-align: center;
		font-size: 18px;
	}

	.tbMgmtPosition .SouthValue {
		background-color: #f0f0f0;
		font-weight: bold;
		height: 15px;
		text-align: center;
		font-size: 18px;
	}

.mvsFBNdiv {
	background-color: #f2dede;
	color: #b94a48;
	border-color: #eed3d7;
	display: none;
	padding: 3px;
	font-size: 12px;
}

.mvsCARdiv {
	background-color: #f2dede;
	color: #b94a48;
	border-color: #eed3d7;
	display: none;
	padding: 3px;
	font-size: 12px;
}

.mvsNeedByDTEdiv {
	background-color: #f2dede;
	color: #b94a48;
	border-color: #eed3d7;
	display: none;
	padding: 3px;
	font-size: 12px;
}

.btnmcsSearch {
	background-color: orange;

}

.divmcsSearch {
	padding-top: 5px;
	background-color: white;
	width: 1200px;
	height: 750px;
	display: inline-block;
	border-radius: 10px;
	border: 2px solid #134786;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	overflow-y: scroll;
}

.tcTag {
	font-size: 14px;
	color: #3a87ad !important;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.dshHEad-pend {
	color: #ffffff !important;
	background-color: #00308F !important;
	border-color: darkblue !important;
}

.dshHEad-sub {
	color: #ffffff !important;
	background-color: #468847 !important;
	border-color: darkgreen !important;
}

.dshHEad-des {
	color: #ffffff !important;
	background-color: #4B0082 !important;
	border-color: darkmagenta !important;
}

.frmAuto {
	width: auto !important;
}

.frmWide {
	width: 550px !important;
}

.divWecRow {
	padding-bottom: 10px;
}

.ccLblTitle {
	font-weight: bold;
	font-size: 100px;
}

.ccLblSection {
	font-weight: bold;
}

.ccTDSection {
	font-weight: bold;
}

.frmWide700 {
	width: 700px !important;
	max-width: 800px !important;
}

.ccLblNumber {
	font-size: 18px;
	color: blue;
	font-weight: bold;
}

.OrderCheckListDDL {
	background-color: #f0f0f0;
	font-size: 12px;
	margin-bottom: 5px;
}

.OrderCheckListHdrOpt {
	font-weight: bold;
	color: dimgray !important;
}

.OrderCheckListBtnOpt {
	color: #fff;
	background-color: #666;
	border-color: #666;
}

.trPTRowHdr {
	font-weight: bold;
	font-size: .75em;
}

.tdPatchToolHdr {
	background-color: #D9D9D9;
	font-weight: bold;
}

.tdPatchToolTitle {
	background-color: #F2F2F2;
	font-weight: bold;
}

.tdPatchToolValue {
	background-color: #FFF2CC;
	font-weight: bold;
}

.trPatchToolRow {
	background-color: #D9D9D9;
	font-weight: bold;
}

.tdPatchToolALabel {
	font-size: .75em;
}

.txtLateBind {
	font-size: 16px;
	width: 125px !important;
}

.txtLateBindError {
	background-color: #f2dede;
	color: #b94a48;
	border-color: #eed3d7;
	padding: 3px;
	font-size: 12px;
}

.txtLateBindDH
{
	width: 75px !important;
}

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

.divOrderStatusBody {
	text-align: center;
}

.divOrderStatusTitle {
	font-weight: bold;
	font-size: 16px;
}

.tbOrderStatus {
	font-size: 1em;
}

.tbOrderStatus th {
	font-size: 0.8em;
	background-color: #f0f0f0;
	text-align: center;
}

.spOrderStatusSLID {
	font-style:italic;
}

.tdAPCLinks {
	font-size: 16px;
	padding-left: 5px;
}

.tdAPCLinks a {
	font-weight: bold;
}

.spMDLHeader {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

.divMDLPanel {
	background-color: #f0f0f0;
	margin: 5px;
	padding: 10px;
}

.nav-planner {
	color: black; font-weight: bold;
}

.navplan-designaction {
	color: #ffffff !important;
	background-color: #00308F !important;
	border-color: darkblue !important;
}

.navplan-peerreview {
	color: #ffffff !important;
	background-color: rebeccapurple !important;
	border-color: rebeccapurple !important;
}

.navplan-orderspending {
	color: #ffffff !important;
	background-color: orangered !important;
	border-color: orangered !important;
}

.navplan-orderssubmitted {
	color: #ffffff !important;
	background-color: green !important;
	border-color: green !important;
}

.navplan-arrivingmaterials {
	color: #ffffff !important;
	background-color: darkblue !important;
	border-color: darkblue !important;
}

.navplan-received {
	color: #ffffff !important;
	background-color: darkgreen !important;
	border-color: darkgreen !important;
}

.navplan-exceptions {
	color: #ffffff !important;
	background-color: red !important;
	border-color: red !important;
}

.navplan-G {
	color: white;
	background-color: green;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.navplan-Y {
	color: black;
	background-color: yellow;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.navplan-R {
	color: white;
	background-color: red;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.desBtnFixed {
	width: 350px !important;
	text-align: left;
}

.desSpacer {
	width: 35px;
}

.desDescription {
	color: #333;
	font-size: 1.2em;
	font-style: italic;
}

.desSubOptions
{
	padding-left: 30px;
}

.desIndentOption {
	padding-left: 30px;
}

.btn-orange {
	color: #ffffff;
	background-color: darkorange;
	border-color: darkorange;
}

	.btn-orange:hover,
	.btn-orange:focus,
	.btn-orange:active,
	.btn-orange.active,
	.open .dropdown-toggle.btn-orange {
		color: #ffffff;
		background-color: orange;
		border-color: orangered;
	}

	.btn-orange:active,
	.btn-orange.active,
	.open .dropdown-toggle.btn-orange {
		background-image: none;
	}

	.btn-orange.disabled,
	.btn-orange[disabled],
	fieldset[disabled] .btn-orange,
	.btn-orange.disabled:hover,
	.btn-orange[disabled]:hover,
	fieldset[disabled] .btn-orange:hover,
	.btn-orange.disabled:focus,
	.btn-orange[disabled]:focus,
	fieldset[disabled] .btn-orange:focus,
	.btn-orange.disabled:active,
	.btn-orange[disabled]:active,
	fieldset[disabled] .btn-orange:active,
	.btn-orange.disabled.active,
	.btn-orange[disabled].active,
	fieldset[disabled] .btn-orange.active {
		background-color: darkorange;
		border-color: darkorange;
	}


.btn-gray {
	color: #ffffff;
	background-color: gray;
	border-color: dimgray
}

	.btn-gray:hover,
	.btn-gray:focus,
	.btn-gray:active,
	.btn-gray.active,
	.open .dropdown-toggle.btn-gray {
		color: #ffffff;
		background-color: dimgray;
		border-color: dimgray;
	}

	.btn-gray:active,
	.btn-gray.active,
	.open .dropdown-toggle.btn-gray {
		background-image: none;
	}

	.btn-gray.disabled,
	.btn-gray[disabled],
	fieldset[disabled] .btn-gray,
	.btn-gray.disabled:hover,
	.btn-gray[disabled]:hover,
	fieldset[disabled] .btn-gray:hover,
	.btn-gray.disabled:focus,
	.btn-gray[disabled]:focus,
	fieldset[disabled] .btn-gray:focus,
	.btn-gray.disabled:active,
	.btn-gray[disabled]:active,
	fieldset[disabled] .btn-gray:active,
	.btn-gray.disabled.active,
	.btn-gray[disabled].active,
	fieldset[disabled] .btn-gray.active {
		background-color: gray;
		border-color: dimgray;
	}

.divSOROA {
	height: 75px;
	overflow-y: scroll;
	margin-right: 25px;
}

.divSOROABtnVis {
	display: block;

}

.divSOROABtnHid {
	display: none;
}

.alert-darkgray {
	color: #333;
	background-color: #eee;
	border-color: #555;
}

.alert-darkred {
	color: darkred;
	background-color: #eee;
	border-color: red;
}

.alert-darkorange {
	color: #f04a00;
	background: color-mix(in srgb, darkorange 33%, transparent);
	border-color: darkorange;
}

.divAnnonceMsg {
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

.divAnnouceBody {
	overflow-y: scroll;
	max-height: 320px;
}

.deLink0 {
	background: var(--color-background-button-success);
	border-color: var(--color-background-button-success);
	color: var(--color-background-status-success, #000);
}

.deLink10 {
	background: var(--color-background-button-success);
	border-color: var(--color-background-button-success);
	color: var(--color-background-status-success, #000);
}
.deLink80 {
	display:none; !important;
}
.deLink90 {
	display: none;
	!important;
}
.deLink91 {
	display: none; !important;
}

.deOrderLink0 {
	display: none;
	!important;
}

.divdeValidationNotes {
	height: 118px;
	overflow-y: scroll;
	padding: 5px;
}

.deVendorLbl {
	font-size: 12px !important;
}

.divRJActions {
	padding-top: 5px;
	text-align: right;
	min-width: 200px;
}

.btn-RJEnable {
	display: none;
}

.frmTxtOrgHighlight {
	border: 3px orange solid !important;
}

.alert-orange {
	background-color: orange;
	border-color: darkgoldenrod;
}