@CHARSET "UTF-8";

* { margin: 0px; padding: 0px; }

/* webkit specific code to always show scrollbars where applicable */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* colors */

:root {
  --hyte-color-blue:#0B85DC;
  --hyte-color-dark-blue:#086AB0;
  --hyte-color-light-blue:#3FA9F5;
  --hyte-color-black:rgb(38, 47, 61);
  --hyte-color-link:rgb(73, 80, 87);
  --hyte-color-grey:#8E8E8E;
  --hyte-color-grey2:#5E5E5E;
  --hyte-color-light-grey:#ccc;
  --hyte-color-link:rgb(73, 80, 87);
  
  --form-control-border:#cad2da;

  --bs-blue:#0B85DC;
  --bs-indigo:#8E8E8E;
  --bs-purple:#8E8E8E;
  --bs-pink:#5E5E5E;
  --bs-red:#CC0000;
  --bs-orange:#FF6600;
  --bs-yellow:#FF6600;
  --bs-green:#339933;
  --bs-teal:#20c997;
  --bs-cyan:#0B85DC;
  --bs-white:#fff;
  --bs-gray:#8E8E8E;
  --bs-gray-dark:#5E5E5E;
  --bs-primary: #0B85DC;
  --bs-secondary: #5E5E5E;
  --bs-tertiary:#5997eb;
  --bs-success: #339933;
  --bs-info: #0B85DC;
  --bs-warning: #FF6600;
  --bs-danger: #CC0000;
  --bs-light:#f8f9fa;
  --bs-dark:#354052;
  
  --bs-modal-bg:var(--bs-white);
}

.table {
  --bs-table-striped-bg: transparent;
}

.grayLink { color:var(--hyte-color-link)!important; }
.red, .red I { color:var(--bs-red)!important; }
.yellow, .yellow I { color:var(--bs-yellow)!important; }
.blue, .blue I { color:var(--hyte-color-blue)!important; }
.grey, .grey I { color:rgb(84, 84, 84)!important; }
.green, .green I { color:green!important; }
.white, .white I { color:white!important; }

.redbg { background-color:var(--bs-red)!important; }
.yellowbg { background-color:var(--bs-yellow)!important; }
.bluebg { background-color:var(--hyte-color-blue)!important; }
.greybg { background-color:var(--bs-gray)!important; }
.greenbg { background-color:green!important; }
.whitebg { background-color:white!important; }
 
/* heights, scales, widths */

.scale75 { transform:scale(0.75); }
.scale50 { transform:scale(0.50); }
.scale25 { transform:scale(0.25); }
.scale10 { transform:scale(0.10); }

.mw10 { min-width:10px!important; }
.mw15 { min-width:15px!important; }
.mw20 { min-width:20px!important; }
.mw25 { min-width:25px!important; }
.mw30 { min-width:30px!important; }
.mw35 { min-width:35px!important; }
.mw40 { min-width:40px!important; }
.mw50 { min-width:50px!important; }
.mw100 { min-width:100px!important; }
.mw125 { min-width:125px!important; }
.mw150 { min-width:150px!important; }
.mw200 { min-width:200px!important; }
.mw250 { min-width:250px!important; }
.mw300 { min-width:300px!important; }
.mw400 { min-width:400px!important; }
.mw500 { min-width:500px!important; }

.wauto { width:auto!important; }
.w10 { width:10px!important; }
.w15 { width:15px!important; }
.w20 { width:20px!important; }
.w25 { width:25px!important; }
.w30 { width:30px!important; }
.w35 { width:35px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w100 { width:100px!important; }
.w125 { width:125px!important; }
.w150 { width:150px!important; }
.w200 { width:200px!important; }
.w250 { width:250px!important; }
.w300 { width:300px!important; }
.w400 { width:400px!important; }
.w500 { width:500px!important; }

.hqr { height:0.25rem!important; }
.hhr { height:0.5rem!important; }
.htqr { height:0.75rem!important; }
.h1r { height:1rem!important; }
.h2r { height:2rem!important; }
.h3r { height:3rem!important; }
.h4r { height:4rem!important; }
.h5r { height:5rem!important; }
.h6r { height:6rem!important; }
.h7r { height:7rem!important; }
.h8r { height:8rem!important; }
.h9r { height:9rem!important; }
.h10r { height:10rem!important; }
.h15r { height:15rem!important; }
.h20r { height:20rem!important; }

.fs10px { font-size:10px!important; }
.fs11px { font-size:11px!important; }
.fs12px { font-size:12px!important; }
.fs13px { font-size:13px!important; }
.fs14px { font-size:14px!important; }
.fsQuarterRem { font-size:0.25rem!important; }
.fsHalfRem { font-size:0.5rem!important; }
.fsThreeQuarterRem { font-size:0.75rem!important; }
.fs1Rem { font-size:1rem!important; }
.fs1HalfRem { font-size:1.5rem!important; }
.fs2Rem { font-size:2rem!important; }
.fs2HalfRem { font-size:2.5rem!important; }
.fs3Rem { font-size:3rem!important; }
.fs4Rem { font-size:4rem!important; }
.fs5Rem { font-size:5rem!important; }
.fs6Rem { font-size:6rem!important; }

.toast-info { background-color:var(--bs-primary); }

.progress { text-shadow:1px 1px rgba(0,0,0,0.25); color:white; position:relative; }
.progress-bar {  }
.progresslabel { position:absolute; top:0; left:0.50rem; }

.alert { padding:0.25rem 0.5rem; }
.alert-dismissible .btn-close { padding:0; margin:0; margin-top:0.6rem; margin-right:0.5rem; font-size:10px; }

.greyborder { border:1px solid var(--hyte-color-grey); }

.inline { display:inline-block!important; }

.bold { font-weight:500!important; }

.betaImage { width:40px; }

.pull-right { float:right; }
.pull-left { float:left; }
.clear-left { clear:left; }
.clear-right { clear:right; }

.border-radius-top-left { border-top-left-radius:0.3rem!important; }
.border-radius-top-right { border-top-right-radius:0.3rem!important; }
.border-radius-bottom-left { border-bottom-left-radius:0.3rem!important; }
.border-radius-bottom-right { border-bottom-right-radius:0.3rem!important; }

h7, h8, h9 { display:block; margin-bottom:0.5rem; line-height:1.2; font-weight:400; }
h7 { font-size:0.7rem!important; }
h8 { font-size:0.5rem!important; }
h9 { font-size:0.25rem!important; }

.float-bottom, .table-bottom TABLE { position:absolute; bottom:0; }

.table-striped TR.even { background-color:var(--bs-light)!important; }
.table-striped TR.odd { background-color:var(--bs-white)!important; }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color:transparent!important; }
.table-striped > tbody > tr:nth-of-type(even) > * { background-color:transparent!important; }
.table-lg td, .table-lg th { padding:0.75rem; }

.sw-theme-arrows .step-content { padding:1rem 0rem; }

.cardTotalNumber { position:absolute; font-size:1.75rem; top:0rem; font-weight:500; right:1.25rem; color:#8E8E8E; }
.card-footer { padding:0px!important; }

LABEL.detail { display:block; min-height:1.5rem; }
LABEL.form-label { font-weight:500; margin-top:0.75rem; }

.NormalReadOnly { background-color:var(--bs-white)!important; }

#toast-container>div { width:500px; }

.toast { max-width:500px; }
.toast-close-button { top:0!important; }
.pageFeedback { position:absolute; top:1rem; right:1rem; z-index:1000; }

.fa-none { visibility:hidden; }
.fa-none::before { content:"\f105"; }

/* On hover tooltip tricks from: http://stackoverflow.com/questions/7117073/how-to-add-a-tooltip-to-a-div */
[tooltip]:before { content:attr(tooltip); position:absolute; opacity:0; transition:all 0.15s ease; padding:3px 10px; color:var(--bs-white); 
	border-radius:2px; white-space:nowrap; margin-top:10px; z-index:1000; font-size:0.75rem; }
[tooltip]:hover:before { opacity:1; background:var(--hyte-color-black); margin-left:25px; }
[tooltip]:not([tooltip-persistent]):before { pointer-events: none; }

.tooltip-left, .tooltip-right, .tooltip-bottom { position:relative; }
.tooltip-left[tooltip]:before { right:calc(100% + 0.25rem); margin:0; }
.tooltip-right[tooltip]:before { left:calc(100% + 0.25rem); margin:0; }
.tooltip-bottom[tooltip]:before { top:calc(100% + 0.25rem); margin:0; }
.tooltip-bottom-left[tooltip]:before { top:calc(100% + 0.25rem); left:calc(100% + 0.25rem); margin:0; }

/* bootstrap tooltip example is in K8sConfigAddEditPanel and ServerInlineDetailPanel */
/* ref for this style: https://www.w3schools.com/bootstrap/bootstrap_ref_js_tooltip.asp */
.tooltip.show { z-index:30000; }
.tooltip-inner { max-width:250px; text-align:justify; }

.fullWidth { width:100%!important; }
.halfWidth { width:50%!important; }
.shortWidth { width:25%!important; }
.maxWidth600 { max-width:600px; }

.breakWord { word-break:break-word; }

.clear { clear:both; height:0px; }
.clearfix:after { clear:both; height:0px; display:block; }

.breakWord { word-break:break-word; }

.row.fixMargins { margin-left:-15px!important; margin-right:-15px!important; }
.row.fixLeftMargin { margin-left:-15px!important; }
.row.fixRightMargin { margin-right:-15px!important; }
.row > BUTTON { width:auto!important; }

.attention { animation-name:attentionAnim; animation-duration:1s; animation-timing-function:ease-in-out; 
	animation-delay:0.25s; animation-iteration-count:1; }
@keyframes attentionAnim { 50% { opacity:0.5; } }

.dropdown BUTTON { text-align:left; }
.dropdown-toggle:after { float:right; margin-top:7px; margin-left:7px; } /* realign carret on left side */
.dropdown-toggle.btn-sm:after { margin-top:6px; }

A { box-shadow:none!important; }
A:hover { text-decoration:none!important; }
A.sidebar-toggle I, A.sidebar-toggle:hover I { color:var(--hyte-color-link)!important; }
.ListPanelTableHeader A I, .ListPanelTableHeader A:hover I { color:var(--hyte-color-link)!important; }

.IconLinkPanel { margin-right:0.25rem; }
.IconLinkPanel I { color:var(--hyte-color-link)!important; margin:0!important; }
.IconLinkPanel I.red { color:var(--bs-red)!important; }
.IconLinkPanel I.yellow { color:var(--bs-yellow)!important; }

A.BookmarkableLinkWithTitle I { margin-right:5px; }

.RepeaterPanel { display:inline-block; width:100%; }
.RepeaterPanelItem { display:inline-block; float:left; width:100%; }
.RepeaterPanelItem.inline { float:none!important; width:auto!important; }
LI.RepeaterPanelItem { display:list-item; }

.tab .tab-content { padding:1rem 0; }
.tab .tab-content .card { margin:0; box-shadow:none; border:0; }
.tab { margin:0; padding:0; }
.tab .nav-tabs .nav-link.active { color:var(--bs-primary); }

.btn { margin-right:0.5rem; box-shadow:none!important; }
.btn-group .btn { margin-right:0; }

.sidebar-brand { text-align:left; padding-left:1rem; }
.consoleFooter .float-end IMG { height:1.5rem; margin-right:0.25rem; vertical-align:middle; }

.card { box-shadow:0 0.5rem 1rem rgba(20,40,60,.06)!important; }
.card .ConsoleTabPanel { padding-top:1.5rem!important; }

.wizard { border:0; min-height:450px; margin-bottom:0!important; }
.wizard .nav { border-radius:5px!important; border:0!important; }
.wizard .nav A { height:100%; }
.wizard .nav-link.last A:after { display:none!important; }
.wizard .nav-link.last A:before { display:contents!important; }
.wizard .nav LABEL { margin-bottom:0; vertical-align:sub; }
.wizard .nav-tabs .nav-link:hover { isolation:auto; }
.wizard .nav-tabs .nav-link { border-radius:0; }

.input-group SELECT { border-radius:0.3rem!important; border-top-left-radius:0!important; border-bottom-left-radius:0!important; }
.input-group INPUT { border-radius:0.3rem!important; border-top-right-radius:0!important; border-bottom-right-radius:0!important; }

.form-check { text-align:left; }
.form-check .form-check-input { border-color:var(--bs-gray-600)!important; }
.form-control, .form-select { border-color:var(--bs-gray-500)!important; }
.form-check.text-center .form-check-input { float:none; margin-right:0.5rem; }

/* type ahead text field drop down */

.wicket-aa-container { box-shadow:0 0 0.875rem 0 rgba(53,64,82,.05); background-color:white; padding-top:0.5rem; 
	border:1px solid #ced4da; border-radius:0.2rem; }
UL.HyteTypeAheadTextField { margin-top:0.25rem; margin-bottom:0.25rem; padding-left:0.25rem; }	
UL.HyteTypeAheadTextField LI { padding:0.35rem 0.75rem; color:#6c757d; cursor:pointer; list-style:none; }
UL.HyteTypeAheadTextField LI A I { margin-right:0.5rem; }
UL.HyteTypeAheadTextField LI:hover { color:#212529; }

/* end type ahead text field drop down */

/* ConsoleItemListPanel */

.ConsoleItemListPanelFormComponentHolder { padding:0.25rem 0; margin-bottom:0.5rem; border-bottom:1px solid #ced4da; }
.ConsoleItemListPanelListItem { display:inline-block; width:calc(100% - 20px); }

/* end ConsoleItemListPanel */

/* Checkbox Selection Panel */

.checkboxSelectionPanel .title { font-weight:500; text-align:center; width:100%; margin-top:5px; }
.checkboxSelectionPanel .items { padding:5px; margin-top:5px; border:1px solid gray; min-height:150px; max-height:350px; overflow:scroll; }
.checkboxSelectionPanel .item { margin-bottom:5px; }
.checkboxSelectionPanel .selectionControls { text-align:right; margin-right:5px; }

.checkboxSelectionPanel .selectionLinks { padding:6px 0px; }
.checkboxSelectionPanel .selectionLinks A { margin-left:5px; }
.checkboxSelectionPanel .filterControls { margin-top:5px; display:inline-block; float:left; }
.checkboxSelectionPanel .filterControls * { float:left; }
.checkboxSelectionPanel .filterControls LABEL { }
.checkboxSelectionPanel .filterControls INPUT { width:125px; float:left; font-size:12px; height:20px; margin-left:5px; margin-top:2px; }
.checkboxSelectionPanel SELECT { height:20px; margin-top:2px; font-size:12px; margin-left:5px; }

/* end Checkbox Selection Panel */

/* Console Radio Group */

.ConsoleRadioGroup { border:0!important; padding-left:.20rem!important; }
.ConsoleRadioGroup INPUT { margin-right:0.25rem; }
.ConsoleRadioGroup LABEL { margin-right:1rem; }
.ConsoleRadioGroup .inlineRadio { display:inline-block!important; }

/* end Console Radio Group */

/* List Selecter */

.ListSelector { position:relative; }
.ListSelector .listButtons { position:absolute; top:0.25rem; right:0.25rem; }
.ListSelector .editButton, .ListSelector .editButton { float:right; }
.ListSelector .listLink .list { margin-right:20px; }

/* end List Selecter */

/* list panel stuff */

.dataWarning { color:var(--bs-primary); }
.dataWarning A { text-decoration:underline; }
.ListPanelTableHeader .LinkPanel { padding-left:0.3rem; }
.ListPanelTableHeader .LinkPanel A.btn { border-color:transparent; padding:0; margin-right:0.25rem!important; }
.ListPanelTableHeader .LinkPanel A.btn:hover { background-color:transparent; color:var(--bs-blue); }
.ListPanelTableHeaderPanel A, .ListPanelTableHeaderPanel A:hover { color:#000!important; }
.ListPanelTableHeader .LinkPanel A I { font-size:0.85rem; }
.ListPanelTableHeader .overflowLinkDropDown .ConsoleDropDown .btn { border-color:transparent!important; }

.ListPanelTableHeader .ConsoleDropDown .btn { box-shadow:none!important; background-color:transparent!important; border-color:var(--bs-pink)!important; }
.ListPanelTableHeader .ConsoleDropDown .btn:hover, 
	.ListPanelTableHeader .ConsoleDropDown .btn.dropdown-toggle:focus  { color:var(--bs-blue)!important; }

.ListPanelTable TD INPUT[type=checkbox] { margin-top:0.35rem; }

.tableHeaderTitle .divider { margin:0 5px; }

.table { margin-bottom:0; max-width:100%; }
.table TR { max-width:100%; }
table>tbody>tr>td { word-break:break-word; }
.table>tbody>tr>td { vertical-align:top; } 

.table th.wicket_orderNone I, th.wicket_orderUp I, th.wicket_orderDown I { display:none; font-size:14px; margin-left:5px; color:#428bca; } 
.table th.wicket_orderUp I.up, th.wicket_orderDown I.down { display:inline-block; }
.table th.wicket_orderDown I.down { vertical-align:bottom; }
.table th.wicket_orderUp I.up { vertical-align:top; }
.table TR.norecords-tr, .table>thead>tr>td.norecords-td { border:0; padding-top:2rem; }

.table thead th { border:0; }
.table thead A, .table A I { color:var(--hyte-color-link); }
.table thead A:hover, .table thead A:hover I { text-decoration:none; }
.table TD A I { font-size:12px; margin-right:5px; width:15px; }
.table-hover tbody tr.highlight { color:#495057; background-color:rgba(0,0,0,.075); }
.table .tableCheckboxHeader { width:20px; padding:.75rem .45rem; }
.table .relatedLinksColumnHeader { width:25px; position:relative; }
.table.table-sm .tableCheckboxHeader { padding:.2rem .45rem; }
.table .navigationLabel, .table .navigator { display:inline-block; margin-left:10px; vertical-align:sub; }
.table TR.navigation TD { padding:0 .5rem; padding-top:.25rem; }
.table > TBODY > TR.subComponentRow > TD { padding:0; }
.table-hover tbody tr.subComponentRow:hover > * { background-color:transparent!important; --bs-table-bg-state:transparent; }

.rowsPerPageSelector, .rowsPerPageContainer LABEL { display:inline-block; vertical-align:sub; }
.rowsPerPageContainer SELECT { color:var(--bs-gray-600); }
.TablePanelLoadingPanel, .TablePanelNoRecordsPanel { font-size:20px; text-align:center; padding:10px; }
.TablePanelLoadingPanel IMG { margin-left:10px; height:15px; }
.tableInlineIcon { display:inline-block; }

.norecords-td { padding-bottom:1.5rem!important; }

.filterTypeLabel, .filterTypeDropDown { float:left; margin-right:10px; width:auto; }
.filterTypeDropDown option:disabled { font-size:1pt; background-color:#000000;} 
.filterTypeDropDown option:disabled:after { content: 'jb' }

.serverFeatureLink I { margin-left:5px; }

.ConsoleListPanel.consoleTableNoBorder { box-shadow:none; margin:0px; width:100%; }
.ConsoleListPanel.consoleTableNoBorder .listPanelHeaderRow { display:none; }
.ConsoleListPanel.consoleTableNoBorder .tableHeaderTitle  { display:none; }
.ConsoleListPanel.consoleTableNoBorder.showTitle .tableHeaderTitle  { display:block; }
.ConsoleListPanel.consoleTableNoBorder .pageDescription  { display:none; }
.ConsoleListPanel.consoleTableNoBorder .card { box-shadow:none!important; }
.ConsoleListPanel.consoleTableNoBorder .card-body { }

.ListPanelConfigPanel { margin-bottom:1rem; }

.tab-content .ConsoleListPanel .card { box-shadow:none!important; }
.tab-content .ConsoleListPanel .ListPanelConfigPanel .card { box-shadow:0 0.5rem 1rem rgba(20,40,60,.06)!important; }
.ConsoleListPanel .card-header { padding-left:0.5rem; padding-right:0.5rem; }

.ListPanelFilterForm, .ListPanelFilterForm .filterTypeContainer { display:inline-block; }
.ListPanelFilterForm INPUT { width:25rem; }
.ListPanelFilterForm .RepeaterPanel, .ListPanelFilterForm .RepeaterPanelItem { width:auto; }
.ListPanelFilterForm .listPanelFilterLink { float:right; margin-left:0.5rem; margin-top:0.2rem; }

.ListPanelProgressPanel { width:650px; margin-left:auto; margin-right:auto; }

/* end list panel stuff */

/* modal */

div.wicket-modal { position:absolute!important; }
.modal-header { font-size:14px!important; border-bottom:1px solid #dae0e6; }
.modal-header { padding:1rem!important; }
.modal-body { padding:1rem!important; padding-bottom:0!important; }
.modal-footer { padding:1rem!important; }
.modal-close { color:var(--hyte-color-link)!important; font-size:12px; }
.modal-close:hover { background-color:transparent!important; }
.modal-header BUTTON:focus { outline:none!important; }
.wicket-modal .w_caption { display:none; }
.w_content_2, .w_content, .w_content_1, .w_content_3 { background-color:transparent!important; border:0!important; }
.modal-content { border-radius:4.8px; }
.modal-content .modal-title { width:calc(100% - 12px); }
.ModalContentWrapper { width:500px; }
.ModalContentWrapper.mediummodal { width:600px; max-width:600px; }
.ModalContentWrapper.largemodal { width:900px; max-width:900px; }
.ModalContentWrapper.xlargemodal { width:1200px; max-width:1200px; }
.ModalContentWrapper.xxlargemodal { width:1500px; max-width:1500px; }

/* end modal */

.ConsoleCollapsableContainer .contentContainer { margin-top:1rem; }
.ConsoleCollapsableContainer .containterTitle, .ConsoleCollapsableContainer .containterTitle A { color:var(--hyte-color-link)!important; }
.ConsoleCollapsableContainer .containterTitle .titleLabel { display:inline-block; margin-left:10px; font-weight:500; }
.ConsoleCollapsableContainer > .card-body { padding:2rem; padding-top:0!important; ; margin-top:1rem; }

.ConsoleDebugPanel { position:relative; width:calc(100% - 40px); margin:20px; }
.ConsoleDebugPanel TEXTAREA { position:relative; width:100%; height:800px; }
.ConsoleDebugPanel .DebugBarContainer { position:relative; margin-top:10px; }
.ConsoleDebugPanel .DebugBarContainer #wicketDebugBar { right:auto; }

.NavPanel, .NavPanel .sidebar-content { background-color:var(--bs-white)!important; }
.NavPanel A, .NavPanel A:hover, .NavPanel A I, .NavPanel I { color:var(--hyte-color-link)!important; opacity:1!important; }
.NavPanel I.navMenuIcon { font-size:15px; margin-right:0.25rem; }
.NavPanel I.angle-icon { margin-left:0.25rem; vertical-align:middle; position:absolute; right:0; }
.NavPanel I.fa-external-link { margin-right:0.25rem; font-size:11px; }
.NavPanel UL.sidebar-nav { padding-bottom:0; margin-bottom:0; }
.NavPanel UL.sidebar-nav.filters { padding:0 1.25rem; color:hsla(0,0%,100%,.55); margin-bottom:0.5rem; padding-right:0.75rem; padding-left:0.25rem; }
.NavPanel UL.sidebar-nav.filters INPUT { width:100%; margin-top:0.25rem; }
.NavPanel UL.sidebar-nav.filters .dropdown BUTTON { width:100%; }
.NavPanel UL.sidebar-nav.filters .dropdown { margin-top:10px; }
.NavPanel UL.sidebar-nav.filters SELECT { margin-top:0.5rem; }
.NavPanel .sidebar-dropdown .sidebar-link { padding-right:2.5rem; }
.NavPanel .dropdown-menu { min-width:100%; }

.NavPanel .sidebar-brand IMG { height:2rem; }
.NavPanel .sidebar-icons-container { }
.NavPanel .sidebar-link.icon { padding:0!important; display:inline-block; width:auto; }
.NavPanel.sidebar [data-toggle=collapse]:before { right:1.75rem; }
.NavPanel .sidebar-item { padding:0!important; padding-left:1.0rem!important; }
.NavPanel .sidebar-link { padding:0.25rem!important; }
.NavPanel .sidebar-item-child { padding:0!important; padding-left:1.0rem!important; padding-bottom:0.25rem!important; }
.NavPanel .sidebar-item-child.serverNode { padding:0!important; padding-bottom:0.25rem!important; }
.NavPanel .serverSectionContainer { margin-bottom:3rem; } 

.InlineDetailPanel { position:relative; }
.InlineDetailPanel > .row { }
.InlineDetailPanel .card { margin-bottom:1rem!important; }
.InlineDetailPanel .tab .tab-content { border:0; box-shadow:none; border-radius:0.3rem; }
.InlineDetailPanel .form-control:disabled, .InlineDetailPanel .form-control[readonly] { background-color:var(--bs-white)!important; }
.InlineDetailPanel .ConsoleTextAreaPanel { margin-bottom:1rem; }
.InlineDetailPanelContent > .ConsoleTabPanel { padding-top:1rem; }
.InlineDetailPanel .table TD { border: none; }
.InlineDetailPanel .table .navigationLabel { display:none; }

.AsyncPanelLoader .progressIndicator { width:100%; height:100px; text-align:center; padding-top:35px; }

.keyValueItem { margin-bottom:.5rem; }
.keyValueItem, .keyValueItem .key, .keyValueItem .value { width:100%; }
.keyValueItem .key { font-weight:500; vertical-align:top; font-size:14px; }
.keyValueItem .value { margin-bottom:0.25rem; font-size:13px; color:var(--bs-gray); padding-right:0.5rem; min-height:1rem; }

.TextFieldWithIcons { position:relative; }
.TextFieldWithIcons .iconList { position:absolute; right:0.75rem; bottom:0.25rem; }
.TextFieldWithIcons .iconList A { margin-left:0.5rem; }

.ConsoleInfoPanel .InfoSection { margin-bottom:1.25rem; }
.ConsoleInfoPanel .InfoSection .sectionTitle { font-weight:500; margin-bottom:0; }

.InstallPageContent .wizard { min-height:auto; box-shadow:none; }

/* Progress Panel */

.ProgressPanel { min-width:200px; }
.ProgressPanel .imagesContainer { float:left; margin-right:30px; margin-top:10px; }
.ProgressPanel .imagesContainer I { font-size:60px; }
.ProgressPanel .imagesContainer IMG { height:8px; width:20px; margin-left:20px; margin-top:10px; display:block; }
.ProgressPanel .statusContainer { min-height:100px; padding:10px; width:340px; margin-left:auto; margin-right:auto; }
.ProgressPanel .statusContainer .statusList { float:left; clear:none; width:200px; margin-top:20px; }
.ProgressPanel .buttonform { text-align:center; }
.ProgressPanel FORM INPUT { min-width:100px; margin-right:5px; margin-left:5px; }
.ProgressPanel .RepeaterPanelItem { clear:left; word-break:break-all; }
.ProgressPanel .ConsoleListPanel .navigation .RepeaterPanelItem { width:auto; } /* IC-5451 */

.ProgressPanel.MessageTaskProgressPanel .imagesContainer { display:none; }
.ProgressPanel.MessageTaskProgressPanel .statusContainer { width:100%; padding:0; }
.ProgressPanel.MessageTaskProgressPanel .statusContainer .statusList { float:left; clear:none; margin-top:0px; width:100%; }
.ProgressPanel.MessageTaskProgressPanel .progress { height:1rem; background-color:var(--bs-gray); }
.ProgressPanel.MessageTaskProgressPanel .progress LABEL { text-align:center; width:100%; margin:0; position:absolute; top:0.05rem; }

/* Message Browse Page */
.JMSSelectorBuilderPanel .queryPreview I { font-size:0.65rem; }

.hardDivider { height:1px; background-color:var(--hyte-color-grey); width:100%; margin-bottom:5px; }

.hrLabel { width:100%; white-space:nowrap; color:black; background-color:transparent; }
.hrLabel hr { border-color:rgb(228,228,228); }
.hrLabel .text { width:1px; padding:0.25rem; padding-top:0.5rem; color:rgb(158,158,158); font-style:italic; }
.table-condensed>tbody>tr.subComponentRow>td TABLE.hrLabel { border:0; margin-left:0px; background-color:transparent; }
.table-condensed>tbody>tr.subComponentRow>td TABLE.hrLabel TD { background-color:transparent; border:0; }
.table-condensed>tbody>tr.subComponentRow>td TABLE.hrLabel TR:hover { background-color:transparent!important; }

.AuditFeatureDetailPanel { font-size:0.75rem; }
.AuditFeatureDetailPanel .featureTitle { font-weight:500; }
.AuditFeatureDetailPanel LABEL { margin-bottom:0; } 
.AuditFeatureDetailPanel .card-body { padding:0 1.25rem; }
.AuditFeatureDetailPanel .AuditTableCell .title { font-weight:500; }
.AuditFeatureDetailPanel .AuditTableCell .itemContents { padding:0 1.25rem; }
.AuditFeatureDetailPanel .otherInformationContainer .containterTitle { margin-top:0.5rem; margin-bottom:0.5rem; } 
.AuditFeatureDetailPanel .otherInformationContainer .card { padding:0; margin:0; box-shadow:none!important; }
.AuditFeatureDetailPanel .otherInformationContainer .card-header { padding:0; margin:0; }
.AuditFeatureDetailPanel .otherInformationContainer .card-body { margin:0; }
.AuditLink .link, .AuditLink .itemIcon { display:inline-block; margin-right:0.25rem; }

/* Search Web */

.ConnectionTestTable TH:first-child { width:300px; }
.ConnectionTestTable TH:nth-child(2) { width:85px; }
.ConnectionTestTable TH:nth-child(3) { width:175px; }
.ConnectionTestTable TH:nth-child(4) { width:auto; }
.ConnectionTestTable TH:last-child { width:0px; }
.ConnectionTestTable TABLE TD TABLE TH:first-child { width:40px; }
.ConnectionTestTable TABLE TD TABLE TH:nth-child(2) { width:260px; }
.ConnectionTestTable TABLE TD TABLE TH:nth-child(3) { width:85px; }
.ConnectionTestTable TABLE TD TABLE TH:nth-child(4) { width:175px; }
.ConnectionTestTable TABLE TD TABLE TH:nth-child(5) { width:auto; }
.ConnectionTestTable TABLE TD TABLE TH:last-child { width:0px; }
.ConnectionTestTable TABLE TD TABLE TFOOT { display:none; }

/* .PowerSearchTable TH { width:100px; } */
/* .PowerSearchTable TH:first-child { width:calc(100% - 530px); } */
.PowerSearchTable TH:nth-child(n+3) { width:100px; }
/* .PowerSearchTable TH:first-child { width:auto; } */
/* .PowerSearchTable TD A I { margin-right:0.25rem; } */
/* .PowerSearchTable TABLE TD TABLE TH:first-child { width:calc(100% - 630px); } */

/* End Search Web */

/* Bundle Web */
.BundleAddPanel .files { width:410px; float:left; clear:left; }
.BundleAddPanel .btn { padding:4px; } 
.BundleAddPanel .files .RepeaterPanel { width:100%; margin-bottom:10px; }
.BundleAddPanel .files .RepeaterPanelItem { padding:5px; font-size:14px; clear:left; float:left; }
.BundleAddPanel .files .RepeaterPanel.heading { margin:0px; font-weight:500; border:0px solid black; padding-left:0px; }
.BundleAddPanel .files .RepeaterPanel.heading .RepeaterPanelItem { padding-left:0px; width:auto; }
.BundleAddPanel .hyte-form-col INPUT.btn { width:auto; }

.BundleFilePanel { width:100%; border-bottom:1px solid rgba(100,100,100,0.25); padding-bottom:10px; }
.BundleFilePanel LABEL { float:left; font-size:16px; }
.BundleFilePanel .btn { display:inline; width:75px; float:right; }
.BundleFilePanel DIV { display:inline; }
/* End Bundle Web */

/* Help Panel */

.HelpPanel .hyte-form-col { margin-bottom:0px; width:100%; margin-top:5px; text-align:center; }
.HelpPanel .hyte-form-col LABEL { margin-bottom:0.25rem; }
.HelpPanel INPUT[type=button].moreInfoButton { width:70px; height:20px; margin-left:10px; margin-bottom:3px; }
.HelpPanel .cards { position: relative; margin-left:25px; margin-top:30px; text-align:center; }
.HelpPanel .cards A.card { width:200px; height:200px; display:block; border:1px solid black; padding:10px;
	background-color:white; margin-right:10px; margin-bottom:10px; color:black; cursor:pointer; 
	display:inline-block; vertical-align:top; padding-top:3rem;}
.HelpPanel .cards A.card:hover { background-color:rgb(220,220,220); text-decoration:none; }	
.HelpPanel .cards .card I { color:black; margin-bottom:10px; font-weight:normal; }
.HelpPanel .cards .card .cardTitle { font-size:12px; font-weight:500; }
.HelpPanel .cards .card .cardText { font-size:12px; font-weight:normal; }
.HelpPanel .emailHelp { width: 500px; margin-right:auto; margin-left:auto; font-size:12px; text-align:center; }	
.HelpPanel .license { width: 500px; margin-right:auto; margin-left:auto; font-size:12px; text-align:center; }

/* End Help Panel */

/* Nav Panel Animation */

@keyframes navCloseAnimation {
	from { margin-left:0px; }
	to { margin-left:-260px; }	  
}

.navAnim { animation-name:navCloseAnimation; animation-fill-mode:forwards; animation-timing-function:ease; animation-duration:0.5s; }
.navOpen { animation-direction:reverse; }

/* End Nav Panel Animation */

/* Graphs */

.barGraphContainer { position:relative; overflow:hidden; }
.barGraphContainer .barGraph { margin-top:-25px; }
.barGraphContainer SVG { width:100%; }
.barGraphContainer SVG .apexcharts-datalabel { }

.GraphDetailPanel .card-header { padding: .75rem 1.25rem!important };
.GraphDetailPanel { padding-top:0!important; padding-bottom:0!important; }
.GraphDetailPanel .table-hover tbody tr:hover { background-color:transparent; }
.GraphDetailPanel TH I { display:none!important; }
.GraphDetailPanel .ConsoleCollapsableContainer > .card-body { padding:0; }
.GraphDetailPanel .configDetailPanel .hrLabel { display:none; }
.GraphDetailPanel .configDetailPanel .InlineDetailPanel { padding:0!important; }
.GraphDetailPanel TABLE THEAD, .GraphDetailPanel TABLE TFOOT { display:none; }
.showTableHeader TABLE THEAD { display:table-header-group!important; }
.showTableFooter TABLE TFOOT { display:table-footer-group!important; }

.GraphDetailPanel .card-title { margin-bottom:0; }
.GraphDetailPanel .card-body { padding-bottom:0.5rem; }
.GraphDetailPanel .cardHeaderIcon { font-size:4rem; width:100%; text-align:center; padding-top:2rem; }	

.GraphDetailPanel .card, .tab-content .ConsoleListPanel .GraphDetailPanel .card { box-shadow:0 0.5rem 1rem rgba(20,40,60,.06)!important }

/* End Graphs */

/* Chicklet Component */

.chickletCard { padding:0.5rem!important; border-radius:0.25rem!important; margin-bottom:0!important; }
.chickletCard.healthy { background-color:#3f9c35!important; }
.chickletCard.disabled { background-color:#8E8E8E!important; }
.chickletCard.warning { background-color:#ec7a08!important; }
.chickletCard.danger { background-color:#cc0000!important; }
.chickletHeader { color:white!important; font-size:0.75rem!important; padding-left:0.25rem; padding-top:0.25rem; text-align:center; }
.chickletHeader I { margin-right:0.5rem!important; }
.chickletInfo { text-align:center; color:white!important; padding:0.15rem 0.5rem; }
.chickletInfo H3, .chickletInfo H4, .chickletInfo H5, .chickletInfo H6 { color:white!important; }
.chickletInfo .progress { background-color:white!important; margin-top:0.75rem; height:6px; }

.chickletInfo .progress.healthy .progress-bar { 
	background-color:#4bbf73!important; /* original green */
	background-color: #50c044!important; /* chris green */
}

.chickletInfo .progress.warning .progress-bar {
	background-color: #f8942f!important; /* chris orange */
	background-color: #ecec08!important; /* chris yellow 1 */
	background-color: #f8f82f!important; /* chris yellow 2 */
	background-color: #fcf614!important; /* chris yellow 3 */
	background-color: #f4ff07!important; /* chris yellow 4 */
} 

.chickletInfo .progress.danger .progress-bar {
	background-color: #ff0000!important; /* chris red */
}

/* End Chicklet Component */

.TaskServiceListPanel TR.FooterToolbar { display:none; }

.LinkManagerPanel { position:absolute; }
.LinkManagerPanel .dropdown-menu { position:absolute; top:1rem; right:1.5rem; z-index:10; float:none; padding-bottom:0; }
.LinkManagerPanel .dropdown-menu .RepeaterPanel { float:left; clear:none; margin-left:0.5rem; }
.LinkManagerPanel .dropdown-menu .RepeaterPanelItem { width:160px; padding-top:0px; }
.LinkManagerPanel .overflowHeaderTitle { font-weight:500; } 
.LinkManagerPanel .overflowLinks .title { padding:5px; }
TD .LinkManagerPanel .dropdown-menu { right:0; left:auto; }
.ListPanelTableHeader .LinkManagerPanel { position:relative; }

/* Search Bar */

.pageSearchTextBox { width:500px!important; max-width:500px!important; }
UL.SearchTypeAheadTextFieldSearchResults LI { width:400px; }
UL.SearchTypeAheadTextFieldSearchResults LI I { margin-right:0.5rem; }

/* File Viewer */

.InlineFileViewer .row { padding:0!important; margin:0!important; margin-bottom:1rem!important; }
.InlineFileViewer .hyte-form-col  { padding:0!important; margin:0!important; }
.InlineFileViewer .hyte-form-col  LABEL { padding-left:0!important; }
.ButtonPanel BUTTON { margin-right:0; margin-left:0.5rem; } 

.DestinationPanel .TextFieldWithIcons { width:80%; }
.DestinationPanel .destinationTypeField { width:20%; }
.MessageBrowseSearchPanel .DestinationPanel .TextFieldWithIcons { width:75%!important; }

.SimpleWizardPanel .FileViewer BUTTON { margin-top:1rem; }

.DoublePaneCheckboxSelectionPanel .checkboxList { padding:5px; margin-bottom:1rem; border:1px solid gray; height:200px; overflow-y:scroll; }

.SubPanelListPanel .SubPanel .actionButton { margin-top:0.5rem; }

.portalNews { background-color:transparent; }
.portalNews .timeline { background-color:white; padding-left:1.5rem!important; padding-inline-start:40px; }
.portalNews .timeline-item {}
.portalPrefsFileTable TH.fileColumn { width:300px; }

.DataDecoratorColumnIcon { width:50px; display:inline-block; margin-left:0.2rem; font-size:12px; }

.KeyValueDetailPanel.tableHeaderVisible TABLE THEAD { display:table-header-group!important; }
.KeyValueDetailPanel.kvmDividersVisible TABLE.hrLabel { display:table!important; }
.KeyValueDetailPanel TABLE TH, .KeyValueDetailPanel TABLE TD { padding-left:0!important; }