/* main elements */

#advancloudheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	position: relative;
}

#advancloudheader a
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #0063A2;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#overmenu
{
	text-align: right;
	
	background: rgba(255,255,255,1);
}

#overmenu a
{
	text-decoration: none;
}


textarea.json
{
	max-width: 400px;
	width: 400px;
	height: 300px;
}

html div.jsoneditor-tree
{
    position: static;
}

html .ace-jsoneditor
{
	min-height: 300px;
}

html .ace-jsoneditor div, html .ace-jsoneditor.ace_editor, html textarea.jsoneditor-text *,.ace-jsoneditor * 
{
	font-family: 'droid sans mono', monospace, 'courier new', courier, sans-serif;
	font-size: 13px;
}

html .jsoneditor button.jsoneditor-repair, html .jsoneditor button.jsoneditor-undo, html .jsoneditor button.jsoneditor-redo , button.jsoneditor-extract
{
	display: none;
}

div.cloudstyle .jsoneditor-contextmenu .jsoneditor-type-modes.jsoneditor-selected div.jsoneditor-text
{
	color: white;
}

html div.jsoneditor-field,
html div.jsoneditor-value,
html div.jsoneditor td,
html div.jsoneditor th,
html div.jsoneditor textarea,
html .jsoneditor-schema-error {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
}
 
 
div.cloudstyle div.jsoneditor-search div
{
	color: white;
}

html div.jsoneditor {
    border: 1px solid #3883fa;
}

html div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

html .jsoneditor-poweredBy
{
	display: none;
}

/*




html div.jsoneditor-menu {
    background-color: #0063A2;
    border-bottom: 1px solid #0063A2;
}



html div.jsoneditor-contextmenu ul li button.jsoneditor-selected, 
html div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover, 
html div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus
{
    color: white;
    background-color: #EE8A17;
}
 

 */

table.json_editor_spellcheckerror > tbody > tr > td.jsoneditor-tree > div.jsoneditor-field
{
	text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-style: dotted;
    text-decoration-color: red;
}

td.jsoneditor-tree > div > div.autocomplete.hint
{
	displayXXXX: none;
	font-family: 'droid sans mono', monospace, 'courier new', courier, sans-serif;
	font-size: 12px;
	padding-top: 2px;
}


td.jsoneditor-tree div.jsoneditor-value.jsoneditor-object
{
	display: none;
}

td.jsoneditor-tree > div > div.autocomplete.dropdown
{
    z-index: 1;
}

 

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.findpanel
{
	width: 50%;
	float: left;
}

.findpanelwhole
{
	width: 100%;
	float: left;
}

#menu.cloudmenu
{
	float: none;
	left:0px;
	width: auto;
	margin-right: 0px;
}


#menu.cloudmenu a {
	color: #666666;
	background: none;
	padding: 2px 10px;
}

#menu.cloudmenu div.hasicon a {
	padding-right: 5px;
}

#menu.cloudmenu ul.submenu li{
	 display: inline; 
}

#menu.cloudmenu  ul.submenu li a {
	display: inline;
	background: none;
}

/* correct roo standard.css table definition to work with jqgrid*/

.lazytable table
{
	border: none;
	border-collapse: separate;
}
  	
.lazytable table td, .lazytable table th
{
	padding: 0px;
	border: none;
}


.lazytable .ui-jqgrid .ui-jqgrid-htable th {
	padding: 0 3px 0 2px;
}

.lazytable .ui-jqgrid .ui-jqgrid-htable th div {
	height: auto;
}

.lazytable .ui-jqgrid .ui-jqgrid-pager {
	height: auto;
}

/*
.lazytable .ui-jqgrid .ui-jqgrid-htable th {
	padding: 0 2px 0 2px;
}

html .ui-th-column, html .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    
    border-right-width: 1px;
    border-right-color: #c5dbec;
    border-right-style: solid;
}
*/

/* disimular el problema */
.lazytable .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none;
}

/* centrar checkbox seleccion */
.lazytable .ui-jqgrid .ui-jqgrid-view td[role=gridcell] input[type=checkbox].cbox
{
   vertical-align: middle;
}

#language_repository
{
	display: none;	
}

.ktoolbaritem
{
	float: left;
}

.busoperation
{
	margin: 0px;
}

.busoperation a
{
	cursor: pointer;
}

#generatetable
{
	overflow: auto;	
	table-layout:fixed;
}

#generatetable th
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#generatetable td
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}

#generateformresult .overflowlines {
    color: red;
    margin: 10px 0;
    text-align: left;
}

html .jsoneditor .field,
html .jsoneditor .value,
html .jsoneditor td,
html .jsoneditor th,
html .jsoneditor textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

html .jsoneditor div.tree {
	overflow: visible;
}


html .inlinebig .jsoneditor {
	display: inline-block;
	width: 660px;
}


.exporttable
{
	border: 1px;
}


.import_WARNING td {
	color: #FFBA00;
}

.import_ERROR td {
	color: #F44336;
}

.removeshowERROR tr.import_ERROR,
.removeshowOK tr.import_OK,
.removeshowINFO tr.import_INFO,
.removeshowWARNING tr.import_WARNING
{
	display: none;
}

html table.standardtable th
{
	position: relative;
}


html table.standardtable th a.sorting, html table.standardtable th a.sorting_asc,  html table.standardtable th a.sorting_desc
{
	color: inherit !important;
	text-decoration: none !important;
}

html table.standardtable th a.sorting_asc:before
{
	position: absolute;
	top: 2px;
	right: 2px;
	content: url('imgsort/sort_down.png');
}

html table.standardtable th a.sorting_desc:before
{
	position: absolute;
	top: 2px;
	right: 2px;
	content: url('imgsort/sort_up.png');
}

html table.standardtable th a.sorting:before
{
	position: absolute;
	top: 2px;
	right: 2px;
	content: url('imgsort/sort.png');
}

.noitemstoolbar
{
	margin-bottom: 10px;
}


/* MENU */

.appmenu
{
	background: white;
}

.appmenu .menu_row
{
	border-left: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);

	padding-top: 5px;
}

.appmenu .menu_row:first-child
{
	border-left: 1px solid white;
	border-right: 1px solid white;
}


.appmenu .menu_rowitem
{
	float: left;
	border: 1px solid rgb(204, 204, 204);
	margin-bottom: -1px;
	margin-left: -1px;
	margin-right: 2px;
	background: #efefef;
	padding: 1px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	white-space: nowrap;
}

.appmenu .menu_rowitem.menu_selected
{
	border-bottom: 1px solid white;
	background: white;
}


#changeAppidForm
{
	display: inline;
}








/* FORMTOGGLE */

img.showbuttonformtoggle
{
	cursor: pointer;
}

.showbuttonform
{
	position: relative;
	overflow: visible;
}

.showbuttonformpopup
{
	display: none;
	position: absolute;
	left: 0;
	z-index: 110;
	top: 16px;
	padding: 10px;
	background: white;
	border: 1px solid rgb(204, 204, 204);
	white-space: nowrap;
}

html .showbuttonformpopupstatic
{
	XXXXposition: static;
	position: absolute;
}

.showbuttonformpopup form > *
{
	margin: 3px;
}

#chooseviewdiv
{
	padding: 10px 0;
}


option.currentimezone
{
	background-color: yellow;
}

.scheduleview
{
	margin-top: 30px;
}


div.cloudstyle .resultmessage, .resultmessage 
{
	text-align: center;
	margin: 32px;
}

div.cloudstyle .resultmessageadditional, .resultmessageadditional 
{
	text-align: center;
	margin: 32px;
}

.resultmessage2fa
{
	text-align: left;
	margin-top: 8px;
	margin-bottom: 20px;
	margin-left: 4px;
}

div.cloudstyle div.resultmessage2faerror
{
	text-align: left;
	margin-top: 8px;
	margin-bottom: 40px;
	margin-left: 4px;
	color: red;
}

.menu_rowitem.menualignright
{
	float: right;
	margin-right: -1px;
}

html .qrcodeclass img
{
	display: inline !important;
}

.headerselectform
{
	display: inline-block;
}


.scopeoption
{
	background-color: white;	
}


/* CONNECTIONLIST */

table.connectionlist
{
	border-spacing: 0px;
    	border-collapse: collapse;
    	table-layout: fixed;
    	width: 100%;
}

table.connectionlist td,table.connectionlist th
{
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

table.connectionlist tr.noauth
{
	background: #FFEFEF;
}

table.connectionlist th.ipcol
{
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.connectionlist th.countrycol
{
	width: 18px;
	text-align: center;
}

table.connectionlist td.countrycol
{
	position: relative;	
}

table.connectionlist td.countrycol span.country-flag
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

table.connectionlist th.createdcol, table.connectionlist th.touchedcol
{
	width: 60px;
	max-width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.connectionlist th.trafficcol, table.connectionlist th.trafficcol
{
	width: 40px;
	max-width: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.connectionlist th.bannedcol, table.connectionlist th.showroomScreencol
{
	width: 30px;
	max-width: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.connectionlist th.appcol,table.connectionlist th.shopcol 
{
    width: 96px;
}


table.connectionlist th.machinecol, table.connectionlist th.machineauthcol
{
	min-width: 80px;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.connectionlist th.subscol
{
	min-width: 80px;
}


table.connectionlist th.opscol
{
	white-space: normal;
	max-width: none;
}



table.anyjqgriddynlazy .buslistsuscription
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


#connectionListToolbar
{
	 margin-bottom: 10px;
}

#busadministration_connectiontable
{
	margin-bottom: 10px;
}

table.connectionlist td .subscriptionitem
{
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
	white-space: nowrap;
}

.anyjqgriddynlazy .operationswrapcontainer
{
	display: block;
	text-wrap: wrap;
	line-height: 16px; 
	margin-top: 5px;
	margin-bottom: 2px;
}

.oppermissionslazy .checkopconnection
{
	display: none;	
}

.oppermissionslazy.aoc_anyop .checkopconnection,
.oppermissionslazy.aoc_disconnect .checkopconnection.checkopconnection_disconnect,
.oppermissionslazy.aoc_reload .checkopconnection.checkopconnection_reload,
.oppermissionslazy.aoc_restart .checkopconnection.checkopconnection_restart,
.oppermissionslazy.aoc_reboot .checkopconnection.checkopconnection_reboot,
.oppermissionslazy.aoc_shutdown .checkopconnection.checkopconnection_shutdown,
.oppermissionslazy.aoc_lock .checkopconnection.checkopconnection_lock,
.oppermissionslazy.aoc_unlock .checkopconnection.checkopconnection_unlock,
.oppermissionslazy.aoc_lockPackages .checkopconnection.checkopconnection_lockPackages,
.oppermissionslazy.aoc_clearDeviceOwner .checkopconnection.checkopconnection_clearDeviceOwner,
.oppermissionslazy.aoc_machinereadop .checkopconnection.checkopconnection_machinereadop,
.oppermissionslazy.aoc_shell .checkopconnection.checkopconnection_shell,
.oppermissionslazy.aoc_advannet .checkopconnection.checkopconnection_advannet,
.oppermissionslazy.aoc_advannetweb .checkopconnection.checkopconnection_advannetweb,
.oppermissionslazy.aoc_advannetssh .checkopconnection.checkopconnection_advannetssh,
.oppermissionslazy.aoc_screenshot .checkopconnection.checkopconnection_screenshot,
.oppermissionslazy.aoc_threadslog .checkopconnection.checkopconnection_threadslog,
.oppermissionslazy.aoc_threadspost .checkopconnection.checkopconnection_threadspost,
.oppermissionslazy.aoc_identify .checkopconnection.checkopconnection_identify,
.oppermissionslazy.aoc_autostarton .checkopconnection.checkopconnection_autostarton,
.oppermissionslazy.aoc_autostartoff .checkopconnection.checkopconnection_autostartoff,
.oppermissionslazy.aoc_clean .checkopconnection.checkopconnection_clean,
.oppermissionslazy.aoc_robotremote .checkopconnection.checkopconnection_robotremote,
.oppermissionslazy.aoc_rfon .checkopconnection.checkopconnection_rfon,
.oppermissionslazy.aoc_rfoff .checkopconnection.checkopconnection_rfoff
{
	display: inline-block;	
}

.oppermissionslazy.aoc_threadslog .checkopconnection.checkopconnection_threadslog,
.oppermissionslazy.aoc_threadspost .checkopconnection.checkopconnection_threadspost
{
	display: none !important;	
}

#commonactiveoperations
{
	margin-left: 5px;
	vertical-align: middle;
}

#connectionExecuteOperationEnter
{
	box-sizing: border-box;
}

.image_screenshot_small
{
	cursor: pointer;
	xxxmargin-top: 8px;
	display: inline-block;
	width: 60px;
    	height: 60px;
}

.image_screenshot_small_container
{
	
}

/* special size components */

textarea#_script_id {
    min-width: 650px !important;
    min-height: 220px !important;
}

.statusicon
{
	max-width: 100px;
	fill: white;
	display: inline-block;
	width: 100px;
	height: 100px;
}

#reticon_title, #reticon, div.cloudstyle div.reticon
{
	text-align: center;
}

#reticon_title
{
	margin-bottom: 32px;
}

#_c_com_keonn_advancloud_domain_Machine_profiles_id .profilesf > div > .isHeader
{
	display: none;
}


#_c_com_keonn_advancloud_domain_Machine_profiles_id .profilesf > div > .isIndentedPanel
{
	margin-left: 0;
}

#_c_com_keonn_advancloud_domain_Machine_profiles_id .profilesf
{
	margin-top: 0;
}



/* inventory zones */

.inventoryzonesvg
{
    display: inline-block;
    vertical-align: top;
}

.inventoryzonesvg img
{
    padding: 0 10px 0 0;
    width: 100px;
}

.imageshow img
{
	max-width: 200px;
}

html div.largeTextarea textarea
{
	width: 650px !important;
    	max-width: 650px;
}

html div.mediumTextarea textarea
{
	width: 280px !important;
    max-width: 280px;
    min-height: 73px;
}

.appitemshowresult label
{
	display: none;
}

html .appitemshowresult .inlinebig .jsoneditor {
    width: 100%;
}

.appitemshowimages .processedImageUrl
{
	display: inline-block;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.appitemshowimages .processedImageUrl img
{
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.appitemshow_itemnotfound
{
	color: red;
}


#monitor_status_container
{
	margin: 40px;
	text-align: center;
}

#monitor_status
{
	display: inline-block;	
}

.menu_rowitem.hasicon
{
	position: relative;
	padding-left: 16px;
}

.menu_rowitem.hasicon .menuicon
{
	position: absolute;
	width: 16px;
	height: 16px;
	left: 6px;
	top: 2px;
}

#resultprediv
{
	margin: 20px;
    	overflow: auto;
    	max-height: 600px;
}

.tabletypeboolean
{
	display: block;
	margin: 0 auto;
	width: 15px;
	height: 15px;
}

.forgotpassworddiv
{
	float: right;
	line-height: 24px;
}

html div.cloudstyle a.forgotpasswordlink
{
	text-decoration: none;
	color: #666;
}


.image2fa
{
    margin-bottom: 20px;
    margin-left: 97px;
}


.enterShop, .enterInventoryzone, .enterQuantity, .enterMode, .enterCheck, .enterReportskucode, .enterReportproductid, .enterArea, .enterReportfilter
{
	display: none;
}

#reportsfindpanel.shop .enterShop, #reportsfindpanel.inventoryzone .enterInventoryzone, #reportsfindpanel.quantity .enterQuantity, #reportsfindpanel.mode .enterMode, #reportsfindpanel.check .enterCheck, #reportsfindpanel.reportskucode .enterReportskucode, #reportsfindpanel.reportproductid .enterReportproductid, #reportsfindpanel.area .enterArea, #reportsfindpanel.reportfilter .enterReportfilter
{
	display: block;
}

#reportsfindpanel.nostartdate .enterStartDate, #reportsfindpanel.noenddate .enterEndDate
{
	display: none;
}

#reportsfindpanel.nostartdate.noenddate .enterAnyDate
{
	display: none;
}

#reportsfindpanel.notimezone .enterTimezone
{
	display: none;
}

#reportsfindpanel.nooutputformat .enterOutputFormat
{
	display: none;
}

.overrideprofileerrors
{
	background: #ffd5d2;
	text-align: right;
	margin: 10px 0;
	padding: 12px;
	border-radius: 10px;
}




/* ALARMSLIST */

table.alarmslist
{
	border-spacing: 0px;
    	border-collapse: collapse;
    	margin: auto;
    	table-layout: fixed;
    	width: 100%;
}

table.alarmslist td,table.alarmslist th
{
	padding: 4px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

.dotsxrootcontainer 
{
	margin-bottom: 20px;
}

.anyjqgriddynlazy .statusinline
{
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;	
}

.anyjqgriddynlazy .tableinlineicon img 
{
	min-width: 16px;
}

.anyjqgriddynlazy.aoc_machinereadop .tableinlineicon.checkopconnection_machinereadop,
.anyjqgriddynlazy.aoc_taskreadop .tableinlineicon.checkopconnection_taskreadop,
.anyjqgriddynlazy .tableinlineicon.checkopconnection_changeshopop

{
	display: inline-block;
}

table.alarmslist .status_FATAL .statuscol, #listalarms .statusinline.status_FATAL
{
	background: #FF00FF;
	color: white;
}

table.alarmslist .status_ERROR .statuscol, #listalarms .statusinline.status_ERROR
{
	background: #F44336;
	color: white;
}

table.alarmslist .status_WARNING .statuscol, .statusinline.status_WARNING
{
	background: #FFBA00;
	color: black;
}

table.alarmslist .status_INFO .statuscol, .statusinline.status_INFO
{
	background: #35ABF5;
	color: white;
}

table.alarmslist .status_DEBUG .statuscol, .statusinline.status_DEBUG
{
	background: #606060;
	color: white;
}

table.alarmslist .textcolalarmtext
{
	white-space: nowrap;
}

table.alarmslist th.notifiedcol
{
	width: 20px;
	overflow: hidden;
}

table.alarmslist th.appcol, table.alarmslist td.appcol
{
	width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table.alarmslist th.machinecol
{
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.alarmslist th.statuscol
{
	width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.alarmslist th.dateStartedcol, table.alarmslist th.dateTouchedcol, table.alarmslist th.entitytypecol, table.alarmslist th.shopcodecol, table.alarmslist th.machinenamecol
{
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
}


#alarmadministration_alarmtable.aoc_machinereadop .checkopconnection_machinereadop
{
	display: initial;	
}


#inventorieslazylist .inventorylink
{
	display: none;
}

#inventorieslazylist.allowinventorylink .inventorylink
{
	display: inline;
}

#licensesTable
{
	margin-top: 5px;
	width: 100%;
	    border-collapse: collapse;
	    	text-align: center;	    	
}

#licensesTableHeader
{
	background: #DEDEDE;

}

#licensesTable th, #licensesTable td 
{
	border: 1px solid #CCCCCC;
}

#licensesTable tr.licenseuse_error
{
	background: #FFEFEF;
}

#licensesTable tr.licenseuse_available
{
	background: #f9fff7;
}


html #translate_overlay
{
	position: absolute;
	outline: 2px solid red !important;
	z-index: 1000000;
	pointer-events:none;
}


#translate_icon
{
	cursor: pointer;
	border-radius: 5px;
    	padding: 0 3px;
    	background-color: #d2d2d2;
}

#translate_icon.translateActive
{
	background-color: red;
}

#translate_box
{
	position: fixed;
	right: 0px;
	bottom: 0px;
	background: #ffc7c7;
	padding: 10px;
	border-radius: 10px 0 0 0;
	max-height: 90vh;
    	overflow-y: auto;
    	z-index: 1000001;
}

.translate_box_item
{
}

.translate_box_item_enter input
{
	width: 300px;
}

.selected_language img
{
	outline: 2px solid black;
}

.buttonlikesubmit
{
    border: 1px solid #BBBBBB;
    color: #777777;
    padding: 2px 7px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    height: 24px;
}

.fieldPreformatted div
{
	white-space: pre;
}


tr.licenseuse_line p.machineline {
    margin: 0;
}

tr.licenseuse_line td {
    vertical-align: top;
}




#changeAppidFormSelect, #changeScopeidFormSelect, #changeAreaidFormSelect, #changeShopidFormSelect
{
	max-width: 98px;
}

#changeRealmidFormSelect
{
	max-width: 70px;
}

#userprincipalscopeapps form.appnavigatedrop .placeholderselectwrapper .select2-container
{
	min-width: 84px;
}

html .select2-container.select2-container--default.select2-container--open
{
    max-width: 300px;
    z-index: 999;
}

html .select2-container--open .select2-dropdown--below {
	border-top: 1px solid #aaa;
}


#bitemplateframe
{
	width: 800px;
	min-height: 600px;
	border:0;
	margin-top:10px;
	position: absolute;
	width: 100%;
	left: 0px;
	height: 938px;
}

.ui-jqgrid td input.inventorydeletelink
{
    padding-top: 0;
    padding-bottom: 0;
}



span.import label
{
	float: none;	
}


/* allow popups */

html #wrapper {
    overflow: visible;
}

html #main {
    overflow: visible;
}

html .dijitTitlePane {
   overflow: visible;
}


html table.standardtable tr.footer td {
    overflow: visible;
}



.licensespan
{
	background: black;
	padding: 1px 5px;
	border-radius: 7px;
	color: white;
	font-size: 10px;
	margin-right: 1px;
	min-width: 14px;
	display: inline-block;
	text-align: center;
	margin-bottom: 1px;
}

.licensespan.licensespan_ADSN
{
	background: #0277bd;
	
}

.licensespan.licensespan_ADPL
{
	background: #283593;
}


.licensespan.licensespan_ADSV
{
	background: #6a1b9a;
}

.licensespan.licensespan_ADLK, .licensespan.licensespan_ADFT
{
	background: #00838f;
}

.licensespan.licensespan_ADRQ
{
	background: #ad1457;
}

.licensespan.licensespan_ADPY
{
	background: #9e9d24;
}

.licensespan.licensespan_ADGS
{
	background: #d84315;
}

.licensespan.licensespan_ADSF,.licensespan.licensespan_ADGT,.licensespan.licensespan_ADGR
{
	background: #ff8f00;
}

.licensespan.licensespan_ADPR, .licensespan.licensespan_ADPR-ST
{
	background: #558b2f;
}

.licensespan.licensespan_ADST
{
	background: #00695c;
}

.licensespan.licensespan_ADWA
{
	background: #10a7ff;
}

.licensespan.licensespan_ADFL
{
	background: #c410ff;
}

.licensespan.licensespan_ADRD
{
	background: #ff105d;
}

.licensespan.licensespan_ADPE
{
	background: #13fdad;
}

.licensespan.licensespan_ADTR
{
	background: #976f44;
}


.hiddenField
{
	display: none;
}

a.kiconshade.kiconshade_aimg > img, span.kiconshade.kiconshade_sinp > input[type='image']
{
	max-width: 18px;
}


select.tagselect
{
	max-width: 270px;
}

.image_screenshot_small_container
{
	position: relative;
	width: 60px;
	height: 60px;
	margin-left: 5px;
}

.image_screenshot_small_container img
{
	width: 100%;
	height: 100%;
	object-fit:contain;
}


/* connectionops */

div.cloudstyle .connectionOpIcon
{
    background-image: url(connectionops/other.png);
    background-repeat:no-repeat;
}

div.cloudstyle .connectionOpIcon.connectionOpIconBus
{
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 1px;
}



div.cloudstyle .connectionOpIcon[data-connectionop='advannetssh']
{
	background-image: url(connectionops/advannetssh.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='advannetweb']
{
	background-image: url(connectionops/advannetweb.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='robotremote']
{
	background-image: url(connectionops/robotremote.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='clearDeviceOwner']
{
	background-image: url(connectionops/clearDeviceOwner.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='disconnect']
{
	background-image: url(connectionops/disconnect.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='identify']
{
	background-image: url(connectionops/identify.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='lock']
{
	background-image: url(connectionops/lock.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='lockPackages']
{
	background-image: url(connectionops/lockPackages.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='reboot']
{
	background-image: url(connectionops/reboot.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='reload']
{
	background-image: url(connectionops/reload.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='restart']
{
	background-image: url(connectionops/restart.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='screenshot']
{
	background-image: url(connectionops/screenshot.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='shutdown']
{
	background-image: url(connectionops/shutdown.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='threadslog']
{
	background-image: url(connectionops/threadslog.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='threadspost']
{
	background-image: url(connectionops/threadspost.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='unlock']
{
	background-image: url(connectionops/unlock.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='autostarton']
{
	background-image: url(connectionops/autostarton.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='autostartoff']
{
	background-image: url(connectionops/autostartoff.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='clean']
{
	background-image: url(connectionops/clean.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='rfon']
{
	background-image: url(connectionops/rfon.png);
}

div.cloudstyle .connectionOpIcon[data-connectionop='rfoff']
{
	background-image: url(connectionops/rfoff.png);
}




/* fluid look */

/* correct bootstrap margin */
html body
{
	margin: 8px;
}

html body .inlinebig .jsoneditor 
{
   	width: calc(100% - 110px);	
}

html #wrapper {
	width: auto;
	max-width: 1140px;
}
	
html body div.largeTextarea textarea {
    width: calc(100% - 120px) !important;
    max-width: calc(100% - 120px) !important;
}


div.cloudstyle #lastupdatediv
{
	margin-top: 5px;
	text-align: right;
}

div.cloudstyle #lastupdatediv .lastupdatelabel
{
	font-weight: bold;
	margin-right: 2px;
}

.datashowdownload
{
	margin-right: 5px;
}


#menu
{
	position: static;
}


.cssonlytoggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 62px;
  height: 32px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.3s;
}

div.cloudstyle input.cssonlytoggle {
	height: 32px;
	border: none;
}

.cssonlytoggle:before {
  content: "on off";
  display: block;
  position: absolute;
  z-index: 2;
  width: 28px;
  height: 28px;
  background: #fff;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  font: 10px/28px Helvetica;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -22px;
  word-spacing: 37px;
  color: #fff;
  text-shadow: -1px -1px rgba(0,0,0,0.15);
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.cssonlytoggle:checked {
  background-color: #4CD964;
}

.cssonlytoggle:checked:before {
  left: 32px;
}

#overmenu .overmenutitle
{
	display: none;
}

div.cloudstyle tr[data-schematype="object"] > td
{
	vertical-align: top;
}

div.cloudstyle tr[data-schematype="object"] > td > label
{
    visibility: hidden;
    float: right;
}

div.cloudstyle .deleteapi_columnheader, div.cloudstyle .deleteapi_column 
{
	width: 20px;
	position: relative;
}

div.cloudstyle .deleteapi_column input, div.cloudstyle .deleteapi_columnheader input {
    height: 12px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

#userprincipallogin, #userprincipalscopeapps, #userprincipallogout
{
	margin-left: 3px;
}

#menuiconline
{
	line-height: 32px;
	font-size: 18px;
	background: #ddd;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	align-items: center;
	padding-left: 5px;
	display: none;
}

#menuiconlineimg
{
	height: 22px;
	margin-right: 5px;
	padding: 5px;
}

.machinerelevance_icon
{
	height: 20px;
	opacity: 0.5;
}

.crudcolumn_machinerelevance
{
	text-align:center;
}

table.standardtable td.crudcolumn_metadata
{
	text-align:center;
	max-width: 60px;
	width: 60px;
}

div.cloudstyle div.fxwformitem
{
	margin-bottom: 10px;	
}

div.cloudstyle div.fxwformitem:after {
  content: "";
  display: table;
  clear: both;
}

div.cloudstyle .findstatusbackup
{
	display: none;
}

div.cloudstyle #reportdownloadspinner
{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


div.cloudstyle .heroicontext
{
	display: none;
	cursor: default;
}

div.cloudstyle .advancedtarget .fieldAdvanced
{
	display: none;
	background-color: #eaffea;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

div.cloudstyle .advancedtarget div.fxwformitem.fieldAdvanced + div.fxwformitem.fieldAdvanced
{
    margin-top: -10px;
    margin-top: -15px;
    padding-top: 10px;
}    
    
div.cloudstyle .advancedtarget.advanced .fieldAdvanced
{
	display: block;
}

div.cloudstyle div.advancedSelectorLine
{
	 text-align: right;
}



div.cloudstyle label.fieldlabel .labelDescription
{
	display: inline-block;
	position: relative;
	margin-right: 10px !important;
	margin-left: 5px !important;
}

div.cloudstyle label.fieldlabel .labelDescription:before
{
	content: '\f05a';
	font: normal normal normal 16px/1 FontAwesome;
}

div.cloudstyle label.fieldlabel .labelDescriptionTooltip
{
	font-size: 12px;
	display: none;
	position: absolute;
	top: 0;
	left: 20px;
	width: 150px;
	padding: 10px;
	background: #FFFFE1;
	border: 1px solid rgb(204, 204, 204);
	z-index: 9999;
}

div.cloudstyle label.fieldlabel .labelDescription:hover .labelDescriptionTooltip
{
	display: block;
}

div.cloudstyle div.fieldPanelInfo {
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
}



div.cloudstyle .jqGridHeaderWithKTooltip
{
	overflow: visible !important;
}

div.cloudstyle .jqGridHeaderWithKTooltip .jqGridKTooltipDescription
{
	position: relative;
	float: right;
	
}

div.cloudstyle .jqGridHeaderWithKTooltip .jqGridKTooltipDescription:before
{
	content: '\f05a';
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	right: 0px;
    bottom: -24px;
    z-index: 98;
}

div.cloudstyle .jqGridHeaderWithKTooltip .jqGridKTooltip
{
	font-size: 12px;
	display: none;
	position: absolute;
	bottom: -14px;
    right: 24px;
	padding: 1px;
	background: #FFFFE1;
	border: 1px solid rgb(204, 204, 204);
	line-height: 12px;
	z-index: 98;
}

div.cloudstyle .jqGridHeaderWithKTooltip .jqGridKTooltipDescription:hover .jqGridKTooltip
{
	display: block;
}




div.cloudstyle #header_alarms_icon
{
	position: relative;	
}

div.cloudstyle #header_alarms_icon .header_alarms_icon_img
{
	width: 24px;	
}

div.cloudstyle #header_alarms_icon .header_alarms_icon_counter
{
	position: absolute;
    right: -4px;
    top: -8px;
    background: #F44336;
    color: white;
    font-size: 10px;
    line-height: 11px;
    border-radius: 8px;
    padding: 3px;
    font-weight: bolder;
}


div.cloudstyle div.home_panel
{
	float: right;
	width: 200px;
	max-width: 200px;
	background: #ffffcc;
	padding: 20px;
	color: black;
	border-radius: 20px;
}

div.cloudstyle div.home_panel div
{
	color: black;
}

div.cloudstyle div.home_panel div.panel_title
{
	font-size: 20px;
	line-height: 20px;
	
}

div.cloudstyle div.home_panel img.panel_icon_img
{
	max-width: 30px;
	margin-right: 6px;
}

div.cloudstyle div.home_panel .panel_panel
{
	margin-top: 16px;
}

div.cloudstyle div.home_panel .panel_panel.panel_count
{
	font-size: 50px;
	font-weight: bolder;
}

div.cloudstyle div.home_panel .panel_panel.panel_centered
{
	text-align: center;
}


div.cloudstyle a.linkasbutton
{
	border: 1px solid #BBBBBB;
    color: #777777;
    padding: 2px 7px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    height: 24px;	
    text-decoration: none;
    background-color: rgb(240,240,240);
    display: inline-block;
    box-sizing: border-box;
    line-height: 19px;
}







.dotsxrootcontainer div.note.inmap.locationmapreference:before {
	background-color: magenta;
	transform: translate(-50%, -50%) scale(0.5);
}

.noteTooltip .locationmap-tooltipcode
{
	margin-top:5px;
	font-weight: bold;
}

.noteTooltip .locationmap-tooltipreference
{
	margin-top:5px;
}

.noteTooltip .locationmap-tooltipidentiicons
{
	margin-top:5px;
	line-height: 24px;
}



body[data-webcclientview="wcvc_tabiframe"] #advancloudheader,
body[data-webcclientview="wcvc_tabiframe"] #menuiconline,
body[data-webcclientview="wcvc_tabiframe"] #resoponsivemenucontainer, 
body[data-webcclientview="wcvc_tabiframe"] workspace-switcher
{
	display: none;
}

body[data-webcclientview="wcvc_navigableiframe"] #advancloudheader, 
body[data-webcclientview="wcvc_navigableiframe"] workspace-switcher
{
	display: none;
}


div.cloudstyle .tabback_div
{
	text-align: center;
	margin-top: 48px;
}




div.cloudstyle .contextdialog
{
	position: absolute;
	background: white;
	border: 1px solid black;
	padding: 4px;
	margin: 0;
	z-index: 99999;
}

div.cloudstyle .contextdialog::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

div.cloudstyle .contextdialogmenu
{
	display: grid;
}

div.cloudstyle .contextdialog .contextdialogmenu .contextdialogmenuitem
{
	cursor: pointer;
	padding: 3px; 
}

div.cloudstyle .contextdialog .contextdialogmenu .contextdialogmenuitem:hover
{
	background-color: blue;
	color: white;
}

div.cloudstyle .contextdialog .contextdialogmenu .contextdialogmenuitem.connectionOpIcon
{
	padding-left: 20px;
}

div.cloudstyle .contextdialog .contextdialogmenu .contextdialogmenuitem.connectionOpIcon
{
	background-position: 1px center;
}




.ui-dialog.kDialogMaximized
{
	position: fixed !important;
	left: 20px !important;
	top: 20px !important;
	width: calc(100% - 40px) !important;
	height: calc(100% - 40px) !important;
	display: table;
}

.ui-dialog.kDialogMaximized > .ui-dialog-content
{
	display: table-row;
	width: 100% !important;
	height: 100% !important;
	
}

.ui-dialog.kDialogMaximized > .ui-dialog-content > iframe
{
	position: absolute;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

div.cloudstyle .loginMethodContainer + .loginMethodContainer
{
	margin-top: 24px;
	
} 

div.cloudstyle .loginExternalAuthsItem + .loginExternalAuthsItem
{
	margin-left: 10px;
}


div.cloudstyle div.apppartscontainer div.apppartscontainerheader
{
	margin-top: 20px;
	margin-bottom: 12px;
}

div.cloudstyle div.apppartscontainer div.apppartscontainerbody
{
	display: flex;
	max-width: 640px;
	flex-wrap: wrap;
	column-gap: 60px;
	row-gap: 10px;
}

div.cloudstyle div.apppartscontainer div.fxwformitem 
{
	display: inline-block;
}

div.cloudstyle .kuiexternal
{
	margin-top: 16px;
	text-align: right;
}

div.cloudstyle .kuiexternal a
{
	font-size: 16px;
}

.ui-dialog-titlebar button.ui-dialog-titlebar-close:focus-visible
{
	outline: none !important;
}

iframe.kDialogMaximizedApple
{
	margin-top: 45px;
	max-height: calc(100% - 45px) !important;
}

div.cloudstyle #filemanagercontainer input
{
	height: auto;
}