/* UI Control styles */

input:focus, .veryNarrowCombobox:focus, .tinyCombobox:focus, .wideCombobox:focus, .combobox:focus, .Multiplecombobox:focus {
	/*custom focus style for inputs and combo boxes*/
    outline: none;
    transition: border 0s !important;
    border-color: var(--nv-color-input-focus-border) !important;
}

.veryshort
{
    width: 40px;
}
.textfield.Alert , .widetextfield.Alert, .narrowTextfield.Alert , .veryNarrowTextfield.Alert , .shortTextfield.Alert , .dateTimeTextfield.Alert , .dateTimeTextfieldWide.Alert
{
	background-color: #fffb87; /*yellow 'new line' colour from grid */
}

.textarea .textfield, .widetextfield, .narrowTextfield, .veryNarrowTextfield, .shortTextfield, .dateTimeTextfield, .dateTimeTextfieldWide, 
.DateTimeHolder input, .textfield, .naverisk-multiselect-multiValueChild, .text-field-30, .text-field-path, .text-ticket-ui, .flatpickr-input,
.nav-ms__input, .tickets-uitabs input[type=number]
{
	height: 18px;
}

.textarea .textfield , .widetextfield, .narrowTextfield , .veryNarrowTextfield , .shortTextfield , .dateTimeTextfield , .dateTimeTextfieldWide, .DateTimeHolder input, .scriptPackTextArea
{
	background-repeat: repeat-x;
	border: 1px solid var(--nv-color-border-base);
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
	transition: all 0.6s linear;
	background-color: var(--nv-color-input-bg-base) !important;
	color: var(--nv-color-font-base-text);
	outline: none;
}

.text-field-30 {
	width: 30px;
}

/* 
This style was added to fix alignment in ticket details/site doc/New Document from Template dialog.
The Name field does not align with description as it does not have the same padding as the textarea. This
style can later be used to identify fields affected when more generic fix applied.
*/
.textfield.padfix {
	padding-left: 5px; 
	padding-right: 5px;
}

.basicGridCell{
	height: 26px;
}
.DateTimeHolder.NaveriskSelector{
	width: 250px;
	margin-right: 17px;
}
.DateTimeHolder.NaveriskSelector input {
	width: 100%;
}
.textfield 
{
	width: 256px;
	border-radius: 0;
	border-width: 1px;
	border-style: solid;
}
.widetextfield 
{
	width: 520px;
}
.veryNarrowTextfield 
{
	width: 90px; /* with the 5px padding on ether side this becomes 100px */
}
.narrowTextfield 
{
	width: 154px;
}
.shortTextfield 
{
	width: 80px;
}
.dateTimeTextfield 
{
	width: 142px;
}
.dateTimeTextfieldWide
{
	width: 170px;
}

.textfield:disabled,
 .narrowTextfield:disabled, .widetextfield:disabled, .shortTextfield:disabled,
 .dateTimeTextfield:disabled,  .dateTimeTextfieldWide:disabled,
 .textarea:disabled,  .wideTextarea:disabled,
 input:disabled
{
	cursor: not-allowed;
	border: 1px solid var(--nv-color-input-disabled-border);
	background-image: "";
	background-color: var(--nv-color-input-disabled-bg) !important;
}

.textfield:read-only {
	background-color: var(--nv-color-input-disabled-bg);
	color: var(--nv-color-input-disabled-text);
}

.disabledRTF {
	min-height: 330px;
}

.textfield.secondary:disabled, .textarea.secondary:disabled, .disabledRTF
{
	background-color: var(--nv-color-input-bg-base) !important;
	background-color: var(--nv-color-input-bg-base);
	cursor: not-allowed;
}

.textfieldAsLabel
{
	background-image: url(../../Images/Controls/textboxBackgroundLabel.jpg);
	background-repeat: repeat-x;
	text-align: center;
	border: 1px solid var(--nv-color-border-base);
	color: #333;
}

.textarea, .wideTextarea {
	width: 250px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
	resize: none;
	background-color: var(--nv-color-input-bg-base) !important;
	color: var(--nv-color-font-base-text);
	border: 1px solid var(--nv-color-border-base);
	outline: none;
}

.wideTextarea, .textarea.wide{
	width: 450px;
}

.textarea::placeholder, .wideTextarea::placeholder, .textfield::placeholder, .remoteConsoleTextField::placeholder {
	color: var(--nv-color-font-placeholder);
}

@media only screen and (min-height: 900px) {
	/* browser window is 900px high or more: */
	#deviceManagementDetailsSettingsPanel .textarea{
		height: calc(100vh - 890px) !important;
		min-height: 3em;
	}
}
#deviceManagementPanelDetailsHeader, #snmpDeviceManagementPanelDetailsHeader, #passiveDeviceManagementPanelDetailsHeader {
	position: relative;
	margin-top: 15px;
}

.SlideDivClosed
{
	position: relative;
	border-top: 1px solid #a6bde2
}

.SlideDiv
{
	width: 150px;
	border: 1px solid #a6bde2;
	border-top: 0px;
	position: absolute;
	right: 10px;
	bottom: -15px;
	background: #FAFCFF;
	text-align: center;
	cursor: pointer;
	    font-family: 'Open Sans', arial ;
	font-size: 9pt;
	font-weight: bold;
	line-height:1.6;
	color: #555555;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px;	
}

.SliderButton
{
	display: none;
}

.SliderPanel{
	position: relative;
	transition: max-height 0.6s linear;
}
.SliderPanel.Open{
	max-height: 700px;
	overflow: hidden;
}
.SliderPanel.Open.Scroll{
	height: 200px;
	overflow: scroll;
}
.SliderPanel.Closed{
	position: relative;
    max-height: 0px;
    overflow: hidden;
}
.SliderPanel .mockPannel{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom: none;
}
.SliderPanelBase{
	border-top: 1px solid var(--nv-color-border-panel-bottom);
	padding: 0px;
	margin: 0px 6px 0px 6px;
}
.SliderButton.Pannel
{
    position: relative;
	top: 0px !important;
}
.SliderButton.Pannel.Down
{
}
.SliderButton.Pannel.Up
{
}

.DrawerBox
{
	background: transparent;
	position: absolute;
	left: 59px;
	width: calc(100% - 60px);
	height: 100%;
	transition: top 0.5s linear;
	z-Index: 7;
}
.DrawerBox.Open
{
	top: 58px;
}
.DrawerBox.Closed
{
    top: 0px;
}

.mockToolTip
{
	border: 1px black solid;
	background: #FFFFE1;
	box-shadow: 4px 4px 2px #666666;
	    font-family: 'Open Sans', arial ;
	font-size: 12px;
}

span.PackageButton, td.PackageButton.Tab span
{
	background-image: initial !important;
	font-size: 15px;
	cursor: pointer;
	margin: 0px 30px 0px 0px;
	border-bottom: 0.1em solid transparent;
	padding: 0px 5px 0px 5px;
	color: var(--nv-color-font-tab-header);
}
.PackageButton:hover, td.PackageButton.Tab span:hover
{
	border-color: var(--nv-color-tab-header-hover);
}
.PackageButton.Selected, td.PackageButton.Tab.Selected span
{
	font-weight: bold;
	border-color: var(--nv-color-tab-header-bottom-selected);
	color: var(--nv-color-tab-header-selected);
}


.PackageButton.Disabled
{
    color: #444444;
    background-color: #dedede;
    cursor: not-allowed;
}
.PackageButton.Tab img, .PackageButton.Tab .fa{
    display: none;
}

.PackageButtonTabSpacer{
	display: none;
}
.PackageButtonHolder{
	padding-top: 7px;
	padding-bottom: 14px;
}
#ClientGridPanelCloud_ControlHolder{
	margin-bottom: 6px;
}
#CloudPanelOverview .PackageButtonHolder table{
	padding-top: 8px;
}
#deviceManagementPanelOverview td.PackageButtonHolder {
	padding-top: 3px;
}
#ClientGridPanelCloud_ControlHolder #CloudControlsTable .button{
	margin-top: 20px;
}
#CloudControlsTable td{
	vertical-align: middle;
}
#ClientGridPanelCloud_gridDiv{
	padding-top: 0px;
}
.CloudPanel.Over{
	position: relative;
	width:100%;
}
div.CloudPanel.Holder{
	position: relative;
	width: calc(100% - 7px);
	height: calc(100vh - 199px);
	overflow: visible;
}
.CloudPanel.Holder iframe{
	border: none;
	width:100%;
	height: 100%;
}
td.PackageButtonControls {
	vertical-align: top;
}
td.PackageButtonControls>.button  {
	margin-top: 4px;
	/* margin-bottom: 0px; */
}

#eventConsole-controls-Tickets {
	padding-top: 3px;
	padding-bottom: 10px;
}
#EventTabControls{
	padding-top: 5px;
}

#div_project_ccd_showall {
	display: inline-block;
}
#reportLineBreak {
	height: 6px;
}
#reportLineBreak br{
	display: none;
}
input[type="button"].mockPannel {
	cursor: pointer;
	background-repeat: no-repeat;
	padding: 3px 8px 3px 26px;
	background-color: #ffffff;
	background-position: 7px 1px;
	margin: 2px 5px 2px 0px;
}
input[type="button"].mockPannel:disabled {
	cursor: not-allowed;
	color: #79868c;
	background-color: #f4f4f4;
}

input[type="checkbox"] {
	accent-color: var(--nv-color-checkbox-selected-accent);
	color: var(--nv-color-checkbox-selected-text);
}

hr.mockPannel
{
	color: #aec3e5;
	background-color: #aec3e5;
	height: 1px;
	border: none;
	padding: 0px;
}
.ImageButton{
	cursor: pointer;
	opacity: 1;
	padding-right: 3px;
	padding-left: 3px;
}
.ImageButton:disabled {
	cursor: not-allowed;
	opacity: 0.4;
}

.button , .buttonDisabled , .buttonNarrow , .buttonDialogue , .ButtonLarge,  .gridPageItem , .gridPageItemSelected
{

	background: var(--nv-color-btn-primary-bg);
	border: 1px solid var(--nv-color-border-btn-primary);
	color: var(--nv-color-font-btn-primary);
	cursor: pointer;
	padding: 2px 5px;
	margin: 2px;
	font-family: 'Open Sans', arial ;
	font-size: 9pt; 
	border-radius: 3px;
	line-height: 18px;
 }

.button.character-button {
	padding: 0;
	width: 18px; 
	height: 20px;
	line-height: 18px;
	text-align: center;
	font-size: 1.2em;
}

 .button.SingleLineHeight, .buttonDialogue.SingleLineHeight{ /*A button that is the same height as other controls (eg comboboxes) */
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
 }
.button:hover , .ButtonLarge:hover, .buttonDialogue:hover , .buttonNarrow:hover,  .gridPageItem:hover  {
	background: var(--nv-color-btn-primary-hover-bg);
}
.button:active   , .ButtonLarge:active  {
	background: #d7ddeb;
	border: 1px solid #d7ddeb;
}
.button:active:after , .buttonDisabled:active:after , .buttonNarrow:active:after , .buttonDialogue:active:after , .ButtonLarge:active:after  { 
}
.button:focus , .ButtonLarge:focus  {
}
/* buttonDisabled covers all the sub-classes, so it has to look corect for any of them */
.buttonDisabled, .button:disabled,  .buttonNarrow:disabled,  .buttonDialogue:disabled,  div.buttonDialogue[disabled],  div.buttonDialogue[disabled]:hover, .ButtonLarge:disabled, .gridPageItemDisabled
{
	cursor: not-allowed;
	color: var(--nv-color-input-disabled-text);
	background-image: "";
	background: var(--nv-color-input-disabled-bg);
	border: 1px solid var(--nv-color-input-disabled-border);
}
.buttonNarrow
{
	width: 50px;
}
.buttonDialogue
{
	min-width: 70px;
}
/* div.button class for divs standing in as buttons (normally for file selectors) */ 
div.button, div.buttonDialogue, div.ButtonLarge
{
	position: relative; 
	text-align: center;
	overflow: hidden;
} 
div.buttonDisabled, div.button:disabled
{
	position: relative; 
	text-align: center;
	cursor: not-allowed;
	color: #79868c;
	border: 1px solid #b1b1b1;
	background: #f4f4f4;
	
}
.buttonHolder /*This is an element that contains a div.button, allowing it to behave like a button*/
{
	display: inline-block;
	vertical-align: bottom;
}

.ClientListButton
{
	font-size: 18px;
	cursor:  pointer;
}

.gridPageItemSelected {
	border: 2px solid var(--nv-color-grid-page-item-selected-bg) !Important;
    padding: 0px 4px 1px 4px !Important;
    font-weight: bold;
    display: inline-block;
    cursor: not-allowed;
    text-align: center;
    margin-right: -4px;
    background: var(--nv-color-grid-page-item-selected-bg) !important;
    color: var(--nv-color-grid-page-item-selected-text) !important;
}
.gridPageItem {
	padding: 1px 5px 2px 5px  !Important;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin-right: -4px;
	text-decoration: none;
}
.gridPageItem:link {}
.buttonDialogue , .buttonNarrow, .gridPageItem , .gridPageItemSelected
{
	background: var(--nv-color-btn-primary-bg);
	border: 1px solid var(--nv-color-border-btn-primary);
	color: var(--nv-color-font-btn-primary);
	text-align: center;
}

.buttonDialogue:active, .buttonNarrow:active, .gridPageItem:active {
	background: var(--nv-color-btn-primary-bg);
	border: 1px solid var(--nv-color-border-btn-primary);
}
.gridPageItem:hover, .gridPageItem:active {
	color: #ffffff;
	text-decoration: none;
}

.buttonDialogue:focus , .buttonNarrow:focus, .gridPageItem:hover  {
}
.ButtonLarge
{
	padding: 4px 10px;
	font-size: 19pt; 
}

div.button input, div.buttonDialogue input , div.ButtonLarge input, div.buttonDisabled input {	opacity: 0.0;	font-size: 18px;	position: absolute;	top: 0;	left: -20px;}

div.button a , div.buttonNarrow a , div.buttonDialogue a , div.ButtonLarge a {
	color: white;
}
.button a:link , .buttonDisabled a:link , .buttonNarrow a:link , .buttonDialogue a:link , .ButtonLarge a:link {
	text-decoration: none;
}
	
.MakeGridCell
{
	/* adding this to an element that already has the gridViewTreecell class prevents images from becoming "squashed" */
	/*
	padding-top: 4px;
	padding-bottom: 4px;
	*/
	line-height: 1.5;
}

.errorPanelComboHolder .errorPanel
{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 10;
	display: none;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid var(--nv-color-panel-error-bg);
}
.errorPanelComboHolder.fadeIn .errorPanel
{
	opacity: 1;
	display: block;
}

.combobox , .narrowCombobox , .veryNarrowCombobox , .tinyCombobox , .wideCombobox , .comboboxDisabled, .Multiplecombobox 
{
	width: 260px;
	height: 20px;
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
}
.combobox , .narrowCombobox , .veryNarrowCombobox , .tinyCombobox , .wideCombobox , .Multiplecombobox 
{
	border: 1px solid var(--nv-color-border-base);
	color: var(--nv-color-font-combobox);
	background-color: var(--nv-color-combobox-bg);
	cursor: default;
}
.combobox.right-margin
{
	margin-right: 4px;
}

/* This is to provide absolution positioning of the error panel to cover combobox including borders */
.combobox:has(.errorPanelComboHolder) {
  position: relative;
}

.comboboxDisabled 
{
	cursor: not-allowed;
	color: var(--nv-color-dropdown-disabled-text);
	background: var(--nv-color-dropdown-disabled-bg);
	border: 1px solid var(--nv-color-input-disabled-border);
}
.comboboxDisabled .comboboxInner
{
	color: var(--nv-color-dropdown-disabled-text);
	background: var(--nv-color-dropdown-disabled-bg);
}
.naverisk-dropdown.combobox, .naverisk-dropdown.comboboxDisabled {
    width: 100% !important;
}
.comboboxInner
{
	text-Overflow: ellipsis;
	white-Space: nowrap;
	overflow: hidden;
	padding-Left: 3px;
}
.comboboxInner > span.ImageSpan {
	display: block;
}
.comboButton
{
	background-image: url(/Resources/Images/Controls/customComboboxButton.jpg);
	width: 16px;
	height: 18px;
}
.comboButton .Filter{
	background-image: url(/Resources/Images/Controls/FilterComboboxButton.jpg);
}
.Multiplecombobox 
{
	width: 250px;
	height: 155px;
}

.narrowCombobox , .combobox.narrow
{
	width: 164px;
}

.narrowComboboxGrey, .comboboxInnerGrey
{
    background-color: #566d74;
    color: #ffffff !important;
    border: 1px solid #566d74;
    font-size: 9pt;
    margin-right:  4px;
}
.comboboxInnerGrey.narrowCombobox
{
	height: 21px;
    border-radius: 3px;
}

.combobox.size105 
{
	width: 105px;
}
.combobox.size170 
{
	width: 170px;
}
.combobox.size200
{
	width: 200px;
}

.veryNarrowCombobox, .combobox.very-narrow
{
	width: 100px;
}

.tinyCombobox, .combobox.tiny
{
	width: 75px;
}

.wideCombobox, .combobox.wide
{
	width: 600px;
}

.comboboxPopUp
{
	position: absolute;
	border: 2px solid var(--nv-color-border-combobox-popup);
	overflow: auto;
	background: var(--nv-color-combobox-popup-bg);
	margin-Left: 5px;
	z-Index: 100;
}

.comboboxPopUp div
{
	white-space: nowrap; 
	outline: initial;
    text-overflow: ellipsis;
}

.comboboxPopUp div
{
    overflow: hidden; 
}

.comboboxPopUp div.preselected
{
	border: 1px solid #0091DF; 
}
.comboboxPopUp div.mouseover
{
	background: var(--nv-color-combobox-hover-bg);
}
.comboboxPopUp.MultiSelect div.SelectAll
{
	font-weight: initial;
	border-bottom: 1px solid #6d6d6d;
	padding-bottom: 12px;
	margin-bottom: 13px;
}
.comboboxPopUp.MultiSelect div
{
	padding-bottom: 2px;
	padding-top: 3px;
}
.comboboxPopUp.MultiSelect div.mouseover
{
	background-color: var(--nv-color-combobox-popup-multiselect-hover-bg);
}

.comboboxPopUp.MultiSelect{
    padding: 3px 5px 2px 5px;
}

.comboboxPopUpGrey
{
    position: absolute;
    border: 2px solid #888888;
    overflow: auto;
    background: #566d74;
    margin-right:  15px;
    z-Index: 101;
    width: 150px;
    text-align: left
}

.comboboxPopUpGrey div
{
    white-space: nowrap; 
    outline: initial;
}

.comboboxPopUpGrey div
{
    overflow: hidden; 
    color:  #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 9pt;
}
.comboboxPopUpGrey div.preselected
{
    border: 1px solid rgb(0, 145, 223); 
    color:  #ffffff;
}
.comboboxPopUpGrey div.mouseover
{
    background: rgb(0, 145, 223);
}



.texthistorybox 
{
	width: 100%;
	height: 20px;
	border: 1px solid var(--nv-color-border-base);
	font-family: 'Open Sans', arial ;
	font-size: 10pt;	
}

.remoteConsoleTextField 
{
    font-family: 'Open Sans', arial ;
	font-size: 10pt;
	background-color: var(--nv-color-input-bg-base) !important;
	color: var(--nv-color-font-base-text);
	border: 1px solid var(--nv-color-border-base);
}

.remoteConsoleTextField:disabled
{
    font-family: 'Open Sans', arial ;
	font-size: 10pt;
	cursor: not-allowed;
	color: var(--nv-color-input-disabled-text);
	background: var(--nv-color-input-disabled-bg);
}

.checkbox
{
	font-family: 'Open Sans', arial ;
	font-size: 10pt;	
	background-color: inherit;
    vertical-align:middle;
    margin: 4px 10px 5px 3px;
}

.checkbox:disabled, .checkboxDisabled
{
	font-family: 'Open Sans', arial ;
	font-size: 10pt;	
	color: var(--nv-color-input-disabled-text);
	background: var(--nv-color-input-disabled-bg);
	cursor: not-allowed;
}
#reporting_fdbe30b6-fbb9-4a33-aee1-48e6d872143e_PaneledTable .checkbox:disabled, .checkboxDisabled {
	vertical-align: middle;
}

.listbox{
	width: 100%;
	border: 1px solid #808080;
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
}
/* Style for spans holding checks/radios captioned by images */
.CheckImageHolder{
	white-space: nowrap; 
}
.CheckImageHolder .checkbox 
{
	vertical-align:inherit;
}
/* If this is in a stretchy table, the labels should only take up as much room as is absolutely necessary */
.SqueezeLabel
{
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
	color: var(--nv-color-font-squeeze);
}
td.SqueezeLabel
{
	width: 1px; 
	padding-right: 10px;
}
.topAlignLabel{
    vertical-align: top !important;
    padding-top: 3px;
}
.SqueezeLabelNormalFont
{	
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
	font-weight: normal !important;
	color: var(--nv-color-font-squeeze);
}
.SqueezeLabelNoWrap
{
	white-space: initial;
    font-size: 10pt;
    display: inline-block;
    color: var(--nv-color-font-squeeze);
}
table.minorDataTable td.SqueezeLabel, table.minorDataTable td.label{
	text-align: right;
	width: -webkit-fill-available;
}
table.minorDataTable .textData{
	text-align: left;
	padding-right: 25px;
}
.fileSelect 
{    
	padding: 1px 5px;
	font-family: 'Open Sans', arial ;
	font-size: 7pt;   
	width:70px; 
	color: #fff;
}

.fileSelectIE
{    
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: 'Open Sans', arial ;
	font-size: 7pt;
	width:100px;
}

.fileSelectRole
{    
	border: 1px solid #808080;
	    font-family: 'Open Sans', arial ;
	font-size: 7pt;   
	width:80px; 
}

.fileSelectRoleIE
{    
	border: 1px solid #808080;
	    font-family: 'Open Sans', arial ;
	font-size: 7pt;
	width:80px;
}

.fileSelectScriptPack
{    
	border: 1px solid #808080;
	    font-family: 'Open Sans', arial ;
	font-size: 7pt;   
	width:150px; 
}

.fileSelectScriptPackIE
{    
	border: 1px solid #808080;
	    font-family: 'Open Sans', arial ;
	font-size: 7pt;
	width:150px;
}

/* New Device Images */
.NewAgentSelect
{
	height: 65px;
	width: 65px;
	background-repeat: no-repeat; 
    background-position: center; 
	background-image: url(/Resources/Styles/OriginalTheme/Icons/agentOKLarge.png);
}
.NewAgentSelect.Win32
{
	background-image: url(/Resources/Styles/OriginalTheme/Icons/agentWin32Large.png);
}
.NewAgentSelect.OSX
{
	background-image: url(/Resources/Styles/OriginalTheme/Icons/agentOSXLarge.png);
}
.NewAgentSelect.Linux
{
	background-image: url(/Resources/Styles/OriginalTheme/Icons/agentLinuxLarge.png);
}
.NewAgentSelect.SNMP
{
	background-image: url(/Resources/Styles/OriginalTheme/Icons/snmpMibLarge.png);
}
.NewAgentSelect.Passive
{
	background-image: url(/Resources/Styles/OriginalTheme/Icons/agentNotInstalledLarge.png);
}

/* image span */
span.ImageSpan
{
	background-image: url(/Resources/Images/Controls/tree_blank.png);
    background-repeat: no-repeat;
	padding: 0px 1px 2px 1.5em;
    text-decoration: none;
    background-size: 16px;
}
span.ImageSpan.NoImage{
    background-image: none;
    padding: 0;
}
.ClientList span[id^="TicketsClientDiv"].ImageSpan.NoImage {
    padding-left: 5px;
}
span.ImageSpan.Clickable{
    cursor: pointer;
}
span.ImageSpan.Clickable:hover{
	text-decoration: underline;
}
span.ImageSpan.Clickable.NoMouse:hover{
	text-decoration: none;
}
span.ImageSpan.NoImage span.fa{
    font-size: 14px;
    padding: 0 3px 0 1px;
}
span.ImageSpan.NoImage span.fa.grey{
    color: #dedede
}
span.ImageSpan.NoImage span.fa.green{
    color: #4caf50
}
span.ImageSpan.NoImage span.fa.red{
    color: #ff4a4d
}
.gridViewTreecell span.ImageSpan.NoImage
{ 
	/*when in a grid the imageSpan padding doesn't match the rest of the grid items */
	padding: 0px !important;
}

.dashBoardError
{
	background-color: var(--nv-color-panel-dashboard-error-bg);
	border: none;
}

/*DashBoard specific*/
.DashErr
{
	text-align: center;
    width: 80%;
	margin: 10px 10% 10px 10%;
	border: 1px solid var(--nv-color-border-panel-dashboard-error);
	background-color: var(--nv-color-panel-dashboard-error-bg);
    min-height: 2em;
    max-height: 400px;
    overflow-y: auto;
	overflow-x: hidden;
    height: 95%;
}
.DashErr .Head
{
    padding: 10px 20px;
    font-size: 14pt;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-image: URL(../../../Resources/Styles/OriginalTheme/Icons/4statusFailure.png);
}
.DashErr .Message
{
    padding: 10px 10px 10px 10px;
    margin: 10px 20px 10px 20px;
    border-top: initial;
    background-color: var(--nv-color-panel-dashboard-message-bg);
    border: 1px solid var(--nv-color-border-panel-dashboard-message);
    margin-top: 5px;
    color: var(--nv-color-font-panel-dashboard-error);
	white-space: nowrap;
    overflow: auto;
}

/* remote console object */
div.remoteConsoleOutputArea 
{
	transition: height 0.6s linear;
}

/* progress widget */
.NavProgress {}
.NavProgress .Outter
{
	background-color: #eef5fb;
	height: calc(1em - 3px);
	position: relative;
	display: inline-block;
	border: 1px solid #b9cedb;
}
.NavProgress .Inner
{
	background-color: #043765;

	width: 0%;
	height: calc(1em - 3px);
	position: absolute;
	transition: width 0.6s linear;
}
.NavProgress .Text
{
	padding-left: 5px
}
.ssh-port-input {
    width: 94px;
    height: 16px;
    border: 1px solid rgb(102, 102, 102);
    margin-left: 2px;
}
.PanelContentInner.LeftAlignTable {
	width: calc(100vw - 355px);
	min-width: 1300px;
}
.PanelContentInner.LeftAlignTable .label{
	width: 120px;
	padding-top: 3px;
	vertical-align: top;
	font-weight: normal;
}
#dmDetailsSelectNetworkControllerLabel {
	width: 160px;
}
.PanelContentInner.LeftAlignTable .data.mandatory:after{
	background: url(/Resources/Styles/OriginalTheme/Icons/mandatoryField.png) no-repeat;
	content: "\2003";
}
.PanelContentInner.LeftAlignTable .data.EmbededWidgetContainer{
	vertical-align: top;
}
.PanelContentInner.LeftAlignTable .data.EmbededWidgetContainer .Control{
	display: inline-block;
	vertical-align: top;
}
.PanelContentInner.LeftAlignTable .data.EmbededWidgetContainer .Widget{
	display: inline-block;
	width: 260px;
}
.PanelContentInner.LeftAlignTable .data input.dateTimeTextfield{
	width: 115px;
}
.PanelContentInner.LeftAlignTable .data.fixed input{
	background-color: #eef5fb;
	border: 1px solid #b9cedb;
}
.PanelContentInner.LeftAlignTable .data.DoubleColumn{
vertical-align: top;
}
.PanelContentInner.LeftAlignTable .data.DoubleColumn .textarea.longer {
	min-width: 670px;
	width: calc(40.5vw + 3px);
}
.double-column{
	width: calc(100% - 12px); /* textarea padding grows beyond 100%, this compensates */
}
.align-top{
	vertical-align: top;
}
select.combobox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 20px;
	padding-left: 5px;
	background-image: url(../../../Resources/Images/angle_down-16.png);
	background-repeat: no-repeat;
	background-position-x: 98.25%;
	background-position-y: 5px;
	background-size: 8px;
}
#reporting_fdbe30b6-fbb9-4a33-aee1-48e6d872143e_ProjectsList_ComboHolder div.comboboxInner, #reporting_ad128ca3-ff64-49bd-b2c8-7a1f5fc74102_ProjectsList_ComboHolder div.comboboxInner {
	padding-left: 2px !important;
}
.imageError > div {
	width: 16px;
	height: 16px;
	cursor: default;
}
#ProjectHolder .DateTimeHolder input {
	width: 250px;
}
#deviceMiscDiv .DateTimeHolder input {
	width: 365px;
}
#scheduleDiv #Manditory_Data .combobox {
	margin-right: 5px;
}
span.disabled_link{
	cursor: not-allowed;
}
a.disabled_link, a.disabled_link:hover {
	cursor: not-allowed;
	color: #79868c;
	text-decoration: none;
	pointer-events: none;
}
.saveStatus{
	position: absolute;
	padding: 7px;
}

.sectionBreak {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 5px 5px 3px 5px;
	padding: 0;
}

.ag-theme-alpine .ag-root-wrapper {
	border: none;
	background-color: var(--nv-color-grid-row-bg);
}
.ag-theme-alpine .ag-header {        
	background-color: var(--nv-color-grid-header-bg);
	height: 40px !important;
	min-height: 40px !important;
	box-shadow: 0 2px 0px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
}
.ag-theme-alpine .ag-header-cell-text  {        
	color: var(--nv-color-font-grid-header);
	font-weight: lighter;
}
.ag-theme-alpine .ag-row {
	background-color: var(--nv-color-grid-row-bg);
	color: var(--nv-color-font-grid-row);
}
.ag-theme-alpine .ag-row-hover {
  background-color: var(--nv-color-grid-row-hover-bg) !important;
  color: var(--nv-color-font-grid-row) !important;
}
.ag-theme-alpine .ag-header-cell-resize {
	cursor: col-resize;        
}
.ag-theme-alpine .ag-icon-desc::before {
	content: "\25BC";
}
.ag-theme-alpine .ag-icon-asc::before {
	content: "\25B2";
}

label, .label 
{
	font-family: 'Open Sans', arial ;
	font-size: 10pt;
	color: var(--nv-color-font-base-text);
}

.label.size170 
{
	width: 170px;
}