﻿/* Primary fieldset style override for content accordion panes */
fieldset {
  padding: 0;
  margin: 0;
}

  fieldset.formfield {
    background: transparent;
  }


.sectionHeading {
  background: none repeat scroll 0 0 #d8d8d8;
  text-indent: 10px;
  color: #333;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 14px;
  /*font-weight: 600;*/
  margin-left: 0;
}

.devicesContent {
  min-width: 880px;
  position: relative;
  padding-right: 0px;
}

p.margin10-0 {
  margin: 10px 0;
}

p.margin10-20 {
	margin: 10px 0 20px 0;
}

.spaceUnder {
  display: none;
}

i.hyperlink {
  text-decoration: none;
}

fieldset .formfield {
  background: none;
}

#headingWrapper {
  min-width: 820px;
  overflow: hidden;
  margin-left: 18px;
}

.fieldsetWrapHalfLeft {
  width: 49%;
  min-width: 380px;
  float: left;
  margin-bottom: 12px;
  overflow: hidden;
}

.fieldsetWrapHalfRight {
  width: 49%;
  min-width: 380px;
  float: right;
  margin-right: 10px;
  margin-bottom: 12px;
  overflow: hidden;
}

.accordionDevices {
  min-width: 820px;
  overflow: hidden;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 10px;
}

#deviceDetailContentHeader {
  margin-bottom: 1em;
}

.contentHeaderUnder {
  color: #333333;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 1.5em;
}

.contentHeaderDeviceActions {
  margin: 1em auto;
}

#deviceUninstallActions {
  margin-left: 9px;
  margin-top: 10px;
}

#deviceDetailHeaderActions {
  float: right;
  margin-right: 3em;
}

.nudge-right-10 {
  margin-right: -10px;
}

.headerDeviceActions {
  margin-right: 0;
  float: left;
  display: inline;
  font-size: 0.9em;
}


#deviceTypeFilter {
  width: 400px;
  margin: 0 auto;
  height: 30px;
  background: #ffffff;
}

#deviceTypeDesktop {
  width: 50%;
  height: 30px;
  float: left;
  display: inline;
  border: 1px solid #999999;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 4px 0 0 4px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 4px 0 0 4px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 4px 0 0 4px;
}

#deviceTypeMobile {
  width: 48%;
  height: 30px;
  float: left;
  display: inline;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 0 4px 4px 0;
  /* Firefox 1-3.6 */
  -moz-border-radius: 0 4px 4px 0;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 0 4px 4px 0;
}

.deviceFilter {
  display: inline;
}


.deviceActions {
	display: inline;
	float: left;
	margin-top: 0;
	padding-right: 12px;
	text-align: right;
}

.deviceActionsMac {
	display: inline;
	float: left;
	margin-top: 15px;
	padding-right: 12px;
	text-align: right;
	min-width: 85px;
}

.deviceActionsFailedMac {
	display: inline;
	float: left;
	margin-top: 5px;
	padding-right: 12px;
	text-align: right;
	min-width: 85px;
}

.customerDeviceActions {
	padding-top: 0;
}

.customerDeviceActionsMac {
	padding-top: 15px;
	min-width: 85px;
}

.deviceInstallActions {
	margin-top: -15px;
}

.deviceInstallActionsMac {
	margin-top: 0;
	min-width: 85px;
}



#deviceShowActions {
  margin-top: 10px;
}

.deviceFilterButton {
  background: #ffffff;
  cursor: pointer;
}

.deviceFilterButtonActive {
  background: #e8e8e8;
}

#deviceTypeDesktop,
#deviceTypeMobile {
  text-align: center;
}

  #deviceTypeDesktop span,
  #deviceTypeMobile span {
    font-size: 0.8em;
    position: relative;
    top: 4px;
  }

#devicesCustomerSubHeading {
  position: relative;
  text-indent: 0;
  margin-top: 5px;
}

.accordion-inner hr {
  margin: 5px 0 10px;
}


/* Tooltip Content */
.addDeviceWrap {
  margin-bottom: 2em;
  padding: 0 15px;

}

  .addDeviceWrap:last-of-type {
    margin-bottom: 0.1em;
  }

.addDeviceImage {
  float: left;
  width: 25%;
}

.addDeviceSection {
  float: left;
  width: 82%;
  margin-left: 25px;
  margin-top:-25px;
}
.addDeviceSectionContent {
  word-wrap:break-word;
  padding-top: 4px;
 
}
.addDeviceSectionHeading {
  width: 160px;
}

 

/*.addDeviceSectionHeading a,
.addDeviceSectionHeading a:active,
.addDeviceSectionHeading a:visited,
.addDeviceSectionHeading a:hover {
  color: #333333;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}*/

.addMobileDevceImage {
  height: 30px;
  width: 30px;
}

#addDeviceRemoteImage {
  height: 30px;
  width: 30px;
  background: url("../images/overlay-remote_deployment.png") center center no-repeat;
  /*margin-right: 1em;*/
  margin-left: -13px;
}

#addDevicePackageImage {
  height: 30px;
  width: 30px;
  background: url("../images/overlay-installation_package.png") center center no-repeat;
  margin-left: -13px;
}

#addDeviceEmailImage {
  height: 30px;
  width: 30px;
  background: url("../images/overlay-email_invitation_enrollment.png") center center no-repeat;
  margin-left:-13px;
}

#addMobilePackageImage {
  height: 30px;
  width: 30px;
  background: url(../images/u476_normal.jpg) center center no-repeat;
  background-size: cover;
  margin-right: 1em;
}

#addMobileEmailImage {
  height: 30px;
  width: 30px;
  background: url(../images/u474_normal.jpg) center center no-repeat;
  background-size: cover;
  margin-right: 1em;
}

#addMobileRemoteImage {
  height: 30px;
  width: 30px;
  background: url(../images/u472_normal.jpg) center center no-repeat;
  background-size: cover;
  margin-right: 1em;
}

#setAgentsButton {
  float: left;
  width: auto;
  /*margin-left: 1px;*/
  /*margin-right: auto;*/
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 5px;
}

.button-white-small {
  min-width: 0px;
  width: auto;
}

#addDevicesButtons .button-white-small {
  padding: 1px 3px;
}

#addDevicesButtons {
  width: auto;
  float: left;
  margin-right: 0px;
  text-align: right;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 5px;
}

#groupAddContent {
  padding: 10px 6px;
}

  #groupAddContent label {
    font-size: 13px;
  }

  #groupAddContent input {
    color: #000000;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    text-align: left;
    text-decoration: none;
    width: 204px;
    margin-top: 5px;
  }
#groupaddButtons {
  margin-top:12.5px;
  margin-bottom: 10px;
  text-align:center;
}

#networkDeviceAddContent {
  padding: 10px 6px;
}

  #networkDeviceAddContent label {
    font-size: 13px;
  }

  #networkDeviceAddContent input {
    color: #000000;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    text-align: left;
    text-decoration: none;
    width: 250px;
    margin-top: 5px;
  }


	#networkDeviceAddContent input[type="checkbox"] + label {
	vertical-align: top;
}

.popup_title_bar {
  margin-left: 6px;
  margin-top: 10px;
}

.button_wrapper {
  width: 100%;
  margin: 0 auto 12px auto;
  text-align: center;
}

  #groupaddButtons {
  margin-top:12.5px;
  margin-bottom: 10px;
  text-align:center;
}


.popup_button_wrapper_bottom {
  margin-bottom: 10px;
  padding-bottom:10px;
}

.popup_button_wrapper_bottom_lg {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.popup_title_bar {
  margin-left: 6px;
  margin-top: 10px;
}


.button_wrapper {
  width: 100%;
  margin: 0 auto 12px auto;
  text-align: center;
}

.button_wrapper_top {
  width: 100%;
  margin: 20px auto 12px auto;
  text-align: center;
}


  #groupaddButtons {
  margin-top:12.5px;
  margin-bottom: 10px;
  text-align:center;
}

/* Add Devices Dynamic Pages*/
.contentHeaderUnderLeft {
  width: 50%;
  float: left;
}

.contentHeaderUnderRight {
  width: 50%;
  float: left;
  text-align: right;
}

.deviceServiceField {
  float: left;
  margin-left: 10px;
  max-width: 49%;
  min-width: 48.8%;
}

.deviceServiceFieldFullWidth {
  border: 1px solid #efefef;
  padding: 10px;
  width: calc(100% - 22px);
}

.formElementPadded {
  position: relative;
  left: -10px;
}

.subSectionHeading {
  background: none repeat scroll 0 0 #e4e4e4;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 10px 0 10px 10px;
  width: calc(100% - 40px);
}

.subSectionContent {
  padding: 10px 15px 10px 30px;
}

.subSubSectionHeading {
  background: none repeat scroll 0 0 #e4e4e4;
  margin-left: -15px;
  margin-right: 0px;
  margin-top: 10px;
  padding: 10px 0 10px 10px;
}

.subSubSectionContent {
  padding: 10px 15px 10px 0px;
}

#submitActions {
  padding-right: 1em;
  text-align: right;
  margin-top: 8px;
  padding-bottom: 5px;
}

ul {
  margin: 0;
}

li {
  list-style: none;
  text-indent: 0;
  padding: 0.3em 0;
  margin-left: 2.5em;
}

  li ul {
    margin-top: 0.3em;
  }

  li:first-of-type {
    margin-left: 0;
  }

  li ul li:first-of-type,
  li ul li {
    margin-left: 1.5em;
  }

.formElement .nofloat {
  float: none;
  clear: none;
}

.remoteServiceInstall {
  border: 1px solid #efefef;
  margin-top: 10px;
  margin-left: 20px;
  width: 100%;
}

#deviceRemoteInstallNotice {
	display: none;
	background-color: #d9edf7;
	background-image: url('../images/alert_info.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	border: 1px solid transparent;
	border-radius: 6px;
	color: #3a87ad;
	margin: 1em;
}

  /*#deviceRemoteInstallNotice p,
  #driNoticeLinks {
    font-size: .9em;
    padding-top: 0.4em;
  }*/

#driNoticeLinks {
  position: relative;
  right: -6px;
  top: 10px;
	width: 20%;
	float: left;
}

#driNoticeIcon {
  width: auto;
  float: left;
  margin-right: 0.5em;
}

#driNoticeText {
	display: inline;
	float: left;
	margin-left: 40px;
	padding: 7px 0 7px 20px;
	width: 70%;
  /*width: 75%;
  float: left;*/
}

#subSectionContentLeft {
  width: 30%;
  float: left;
}

#subSectionContentRight {
  width: auto;
  float: left;
}

#deviceSavedCredentials {
  -moz-appearance: textfield-multiline;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  color: #000000;
  float: left;
  /*font: medium -moz-fixed;*/
  font-family: 'Open Sans',Arial,sans-serif;
  height: 120px;
  margin-top: 0.5em;
  overflow: auto;
  padding: 1em;
  width: 90%;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 4px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 4px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 4px;
}

#deviceSavedCredentialsDelete {
  float: left;
  margin-left: 0;
  margin-top: 15px;
  vertical-align: middle;
  width: auto;
}

.deviceCredentialsInput {
  margin-bottom: 10px;
}


  .deviceCredentialsInput input {
    width: 93%;
  }

.loginCredentialListItem {
  height: 20px;
  padding-top: 4px;
  margin-bottom: 1px;
  white-space: nowrap;
}

  .loginCredentialListItem:hover {
    background: #d3d3d3;
    cursor: pointer;
  }

.removeSelected,
.removeSelected:hover {
  background: #D7D7D7;
  color: #000;
}


#emailAddressTextarea,
#generateDownload {
  resize: vertical;
  width: 95%;
  word-wrap: break-word;
  margin: 1em auto;
  padding: 1em;
}

#generateDownload {
  background-color: #FFFFCC;
  color: #000000;
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  border: 1px solid gray;
  word-wrap: break-word;
  max-width: 800px;
  line-break: auto;
  font: medium -moz-fixed;
  font: -webkit-small-control;
  resize: vertical;
  word-wrap: break-word;
  height: 90%;
  width: auto;
  overflow: hidden;
  margin: 0;
  margin-top: 1em;
  padding: 1em;
}


/* Customer Device Dashboard Services Settings*/
.customerDeviceSettingsWrapper {
  padding: 0px 8px 15px;
}

  .customerDeviceSettingsWrapper p {
    margin: 10px 0;
  }

.installTitlePadding {
  padding: 0px 8px 15px 5px;
}

  .installTitlePadding p {
    margin: 10px 0;
  }

.customerDeviceSettingsActivate,
.customerDeviceSettingsDeactivate,
.customerDeviceSettingsUnavailable,
.customerDeviceSettingsInprogress {
  padding: 0.5em 0;
}

/* Sidebar styling */
.accordion-inner {
  background-color: #F5F5F5;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px;
  /*text-indent: 15px;*/
}


.device_action {
  /*height: 15px;*/
  /*padding-left: 29px;*/
  position: relative;
  text-align: left;
  padding: 5px 0px 5px 29px !important;
  /*margin: 0.75em 0;*/
}

  .device_action:hover {
    background-color: #E6E6E6;
  }

.sidebar_selected {
  background-color: #C3E2EA;
  background-image: url(../images/sort_active.png);
  background-position: left center;
  background-repeat: repeat-y !important;
  color: #333333;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  padding-top: 3px;
  padding-bottom: 2px;
}

/*.device_group_div {
  background-image: url(../images/group.png);
  background-position: 42px center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline;
  float: left;
  padding-left: 32px;
  width: 90%;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}*/


[class^=account_div_alert] {
    background-position: 0px center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 1px;
    position: relative;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[class^=account_div_high] {
    background-image: url(../images/customer_high.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 18px;
    padding-top: 22px;
    margin-left: 25px;
    vertical-align: middle;
}

[class^=account_div_medium] {
    background-image: url(../images/customer_medium.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 18px;
    padding-top: 22px;
    margin-left: 25px;
    vertical-align: middle;
}

[class^=account_div_low] {
    background-image: url(../images/customer_low.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 18px;
    padding-top: 22px;
    margin-left: 25px;
    vertical-align: middle;
}

[class^=account_div_none] {
    background-image: url(../images/customers.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 18px;
    padding-top: 22px;
    margin-left: 25px;
    vertical-align: middle;
}

[class^=account_div_alert]:hover,
[class^=account_div_high]:hover,
[class^=account_div_medium]::after hover,
[class^=account_div_low]:hover,
[class^=account_div_none]:hover {
  background-color: #E6E6E6;
}

#accountNameDiv .account_div_alert .sidebar_selected {
  overflow: visible;
}

#accountNameDiv:hover {
  background-color: #E6E6E6;
}

.value_selected {
  background-color: #EFEFEF;
  color: #333333;
  font-size: 13px;
  font-style: normal;
  padding-left: 10px;
  /*font-weight: 600;*/
  text-decoration: none;
  cursor: default;
}

.value_row_selected {
  background-color: #EFEFEF;
  color: #333333;
  font-size: 13px;
  font-style: normal;
  padding-left: 30px;
  text-decoration: none;
  cursor: default;
}

.value_row_notselected:hover {
  text-decoration: none;
  background-color: #f2f2f2;
  cursor: pointer;
}

.value_row_notselected {
  font-size: 13px;
  font-style: normal;
  padding-left: 30px;
  margin-left: 0px;
  text-decoration: none;
  cursor: default;
}

.divActionsButtons3 {
    /*width: inherit;*/
    height: 45px;
    width: auto;
    min-width: 77px;
    display: none;
    position: absolute;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-left: -5px;
    margin-top: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    box-shadow: 0 0 7px rgba(0,0,0,.22);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.22);
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.22);
    -khtml-box-shadow: 0 0 7px rgba(0,0,0,.22);
}

#devicesSidebarAllLink
 {
  padding-left: 17px;
  padding-top:7px;
  padding-bottom:8px;
  margin-top:0px;
}
#device_action_heading {
   /*padding-left: 17px;*/
   padding:5px 0px 5px 17px;
}
#devicesSidebarData .hyperlink {
  text-decoration: none;
  color: #333;
  cursor: pointer;
}

table.formatHTML5 td.expired,
table.formatHTML5 td span.expired {
  color: #C84040;
}

table.formatHTML5 td.services {
  padding: 0;
}

/* Device Details*/

#deviceDetailContentWrap {
  margin-left: 10px;
}

.deviceSummaryFieldset {
  background-color: #f5f5f5;
  border-style: none;
  /*margin-left: 1em;*/
  margin: 0 auto;
}

.deviceInfoFieldset {
  background-color: #fbfbfb;
  border-style: none;
}

.accordionActive {
  background-image: url(../images/circle-arrow-open.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: auto;
  text-indent: 25px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 15px;
}

.accordionInactive {
  background-image: url(../images/circle-arrow-closed.png);
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: auto;
  text-indent: 25px;
  cursor: pointer;
  margin-left: 10px;
}

#deviceDescriptionContent,
#deviceInfoContent,
#avContent,
#contentFilteringContent,
#secureWebGatewayContent,
#patchContent,
#OLBContent,
#deviceRemoteITContent {
	padding: 10px;
	border: 1px solid #d3d3d3;
	background-color: #fff;
}

#deviceDescriptionContent, #deviceInfoContent {
  height: 220px;
}

/* Slide panel animations */
#avContent,
#contentFilteringContent,
#secureWebGatewayContent,
#patchContent,
#OLBContent,
#deviceRemoteITContent {
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;
	margin-left: 10px;
}

.detailsSummary {
  margin-top: 10px;
}

#avContent.avContentActiveEnabled {
  height: 400px;
  overflow: hidden;
}

#avContent.avContentActive {
  /*height: 200px;*/
  overflow: hidden;
}

#contentFilteringContent.contentFilteringContentActive {
  overflow: hidden;
}

#patchContent.patchContentActive {
	overflow: hidden;
}

#secureWebGatewayContent.secureWebGatewayContentActive {
  overflow: hidden;
	padding-bottom: 30px;
}

#OLBContent.OLBContentActive {
  overflow: hidden;
  /*padding-bottom: 10px;*/
}

#deviceRemoteITContent.deviceRemoteITContentActive {
  overflow: hidden;
  padding-bottom: 20px;
}

#avContent.avContentInactive,
#contentFilteringContent.contentFilteringContentInactive,
#secureWebGatewayContent.secureWebGatewayContentInactive,
#patchContent.patchContentInactive,
#OLBContent.OLBContentInactive,
#deviceRemoteITContent.deviceRemoteITContentInactive {
	height: 0px;
	overflow: hidden;
	padding: 0;
}

/* Slide panel content styles */
.deviceServiceStatus {
  width: 100%;
  float: left;
}

  .deviceDetailsKVP .label,
  .deviceDetailsKVP .details,
  .deviceServiceStatus .label,
  .deviceLicenseType .label,
  .deviceLicenseType .details,
  .deviceExpirationDate .label,
  .deviceExpirationDate .details,
  .deviceClientVersion .label,
  .deviceClientVersion .details,
  .deviceDBVersion .label,
  .deviceDBVersion .details,
  .deviceDBDate .label,
  .deviceDBDate .details,
  #deviceLastScan .label,
  #deviceLastScan .details,
  #deviceThreatsFound .label,
  #deviceThreatsFound .details,
  #deviceThreatsNotRemoved .label,
  #deviceThreatsNotRemoved .details,
  /*#deviceMailShield .label,
  #deviceMailShield .details,
  #deviceBehaviorShield .label,
  #deviceBehaviorShield .details,
  #deviceFirewall .label,
  #deviceFirewall .details,
  #deviceWebShield .label,
  #deviceWebShield .details,
	#deviceRescueDisk .label,
	#deviceRescueDisk .details,*/
	/*#deviceDataShredder .label,
	#deviceDataShredder .details,
	#deviceWifi .label,
	#deviceWifi .details,
	#deviceExchange .label,
	#deviceExchange .details,
	#deviceAvastOnline .label,
	#deviceAvastOnline .details,*/
	/*#deviceSandbox .label,
	#deviceSandbox .details,
	#deviceRealSite .label,
	#deviceRealSite details,
	#deviceAntiSpam .label,
	#deviceAntiSpam .details,*/
  /*#deviceSharepoint .label,
  #deviceSharepoint .details,
  #deviceSoftwareUpdater .label,
  #deviceSoftwareUpdater .details,
  #deviceBrowserCleanup .label,
  #deviceBrowserCleanup .details,
  #deviceSecureLine .label,
  #deviceSecureLine .details,
  #devicePasswordManager .label,
  #devicePasswordManager .details,*/
  .deviceInfo .label,
  .deviceInfo .details,
  .deviceSummary .label,
  .deviceSummary .details {
    width: 200px;
    display: inline;
    float: left;
    margin-bottom: 16px;
  }

#deviceMailShield .details,
#deviceBehaviorShield .details,
#deviceFirewall .details,
#deviceWebShield .details,
#deviceRescueDisk .details,
#deviceSandbox .details,
#deviceRealSite details,
#deviceAntiSpam .details {
  width: 180px;
  display: inline;
  float: left;
  margin-bottom: 16px;
}

#deviceMailShield .label,
#deviceBehaviorShield .label,
#deviceFirewall .label,
#deviceWebShield .label,
#deviceRescueDisk .label,
#deviceSandbox .label,
#deviceRealSite .label,
#deviceAntiSpam .label {
  width: 105px;
  display: inline;
  float: left;
  margin-bottom: 16px;
  word-wrap: break-word;
  word-break: break-all;
}

#deviceDataShredder .label,
#deviceWifi .label,
#deviceExchange .label,
#deviceAvastOnline .label,
#deviceSharepoint .label,
#deviceSoftwareUpdater .label,
#deviceBrowserCleanup .label,
#deviceSecureLine .label,
#devicePasswordManager .label {
  width: 150px;
  display: inline;
  float: left;
  margin-bottom: 16px;
  word-wrap: break-word;
  word-break: break-all;
}

/*#deviceDataShredder .label,*/
#deviceDataShredder .details,
/*#deviceWifi .label,*/
#deviceWifi .details,
/*#deviceExchange .label,*/
#deviceExchange .details,
/*#deviceAvastOnline .label,*/
#deviceAvastOnline .details,
/*#deviceSharepoint .label,*/
#deviceSharepoint .details,
/*#deviceSoftwareUpdater .label,*/
#deviceSoftwareUpdater .details,
/*#deviceBrowserCleanup .label,*/
#deviceBrowserCleanup .details,
/*#deviceSecureLine .label,*/
#deviceSecureLine .details,
/*#devicePasswordManager .label,*/
#devicePasswordManager .details {
  width: 120px;
  display: inline;
  float: left;
  margin-bottom: 16px;
}



.deviceServiceStatus .details {
  width: 15%;
  display: inline;
  float: left;
  margin-bottom: 16px;
}                           

.avcomponentsLeft {
	margin-left: 20px;
	min-width: 300px;
	height: 12%;
}

.avcomponentsRight {
	min-width: 370px;
	height: 12%;
	/*margin-left: 30px;*/
}

  /* Adjust margin for switch height */
  .deviceServiceStatus .details {
    margin-bottom: 9px;
  }

#deviceLastScan .label,
#deviceThreatsFound .label,
#deviceThreatsNotRemoved .label {
  margin-left: 15px;
}

#deviceDomain .label,
#deviceDomain .details {
  margin-bottom: 9px;
}

#deviceEmailAddIn .label,
#deviceEmailScanner .label,
/*#deviceBehaviorShield .label,
#deviceFirewall .label,
#deviceWebShield .label,
#deviceAntiSpam .label,
#deviceRealSite .label,
#deviceRescueDisk .label,
#deviceSandbox .label,*/
#deviceWifi .label,
/*#deviceMailShield .label,*/
#deviceDataShredder .label ,
#deviceAvastOnline .label,
#deviceExchange .label,
#deviceBrowserCleanup .label,
#deviceSecureLine .label,
#deviceSharepoint .label,
#deviceSoftwareUpdater .label,
#devicePasswordManager .label {
  width: 135px;
}

/*#deviceMailShield .label,
#deviceBehaviorShield .label,
#deviceFirewall .label,
#deviceWebShield .label,
#deviceAntiSpam .label,
#deviceRealSite .label,
#deviceRescueDisk .label,
#deviceSandbox .label{
 width: 100px;
}*/



#deviceRealSite .label {
  margin-right: 15px;
}

#uninstallCloudCare {
  width: 98%;
  float: left;
  text-align: center;
}

  #uninstallCloudCare .details {
    margin: 0 0 25px;
    text-align: left;
  }

#deviceInfo {
  height: 239px;
}

#deviceDescription,
#networkDeviceName {
  margin-top: 5px;
  margin-bottom: 16px;
  width: 70%;
  /*min-width: 352px;*/
}

#deviceWanIp {
	margin-top: 5px;
	margin-bottom: 16px;
	width: 70%;
	/*min-width: 352px;*/
}

.deviceHeightdetails {
  margin-top: 0.43em;
}


#deviceDescriptionTextContent button,
#networkDeviceNameContent button {
  display: inline;
  margin-left: 0.5em;
  margin-top: 4px;
  padding: 0 0.6em;
  vertical-align: top;
  width: 96px;
}

#deviceWanIpTextContent button {
	display: inline;
	margin-left: 0.5em;
	padding: 0 0.6em;
	margin-top: 4px;
	vertical-align: top;
	width: 96px;
}

.deviceServiceStatus .label {
  margin-top: 0.4em;
}

.deviceService50left {
  width: 49%;
  float: left;
}

  .deviceService50left fieldset {
    padding-left: 0;
    padding-right: 10px;
    margin-right: 15px;
  }

  .deviceService50left .sectionHeading {
    background-color: #e4e4e4;
    padding: 0.5em 1em;
    margin: 5px 0 10px;
  }

.deviceService50right {
  width: 49%;
  float: left;
  position: relative;
  top: -50px;
}

  .deviceService50right fieldset {
    padding-left: 0;
    margin-left: 15px;
  }

  .deviceService50right .sectionHeading {
    background-color: #e4e4e4;
    padding: 0.5em 1em;
    margin: 5px 0 10px;
  }

.avComponents .sectionHeading {
  background-color: #e4e4e4;
  padding: 0.5em 1.6em;
  margin: 5px 0 10px;
}

.floatAV {
  width: 223px;
  float: left;
  padding-right: 30px;
}

.floatAVSingle {
  width: 500px;
  float: left;
  padding-right: 30px;
}

/* Service Status Icons */
.marginLeft21 {
  margin-left: 21px;
}

/* Trial Service - Installed - Enabled */
.trialService {
  background: url(../images/trial.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

/* Installed - Enabled */
.av_installed_enabled,
.partner_av_status_true,
.partner_av_enabled_true {
  background: url(../images/antivirus_installed_enabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.pch_installed_enabled,
.partner_pch_status_true,
.partner_pch_enabled_true {
	background: url(../images/patch_enabled.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.swg_installed_enabled,
.partner_swg_status_true,
.partner_swg_enabled_true {
	background: url(../images/SWG_Enabled.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.cf_installed_enabled,
.partner_cf_status_true,
.partner_cf_enabled_true {
  background: url(../images/content_filter_installed_enabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.olb_installed_enabled,
.partner_olb_status_true,
.partner_olb_enabled_true {
  background: url(../images/online_backup_installed_enabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.rit_installed_enabled,
.partner_rit_status_true,
.partner_rit_enabled_true {
  background: url(../images/remote_it_installed_enabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}


/* Installed - Disabled */
.av_installed_disabled,
.partner_av_enabled_false {
  background: url(../images/antivirus_installed_disabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.pch_installed_disabled,
.partner_pch_enabled_false {
	background: url(../images/patch_disabled.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.swg_installed_disabled,
.partner_swg_enabled_false {
	background: url(../images/SWG_Disabled.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.cf_installed_disabled,
.partner_cf_enabled_false {
  background: url(../images/content_filter_installed_disabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.olb_installed_disabled,
.partner_olb_enabled_false {
  background: url(../images/online_backup_installed_disabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.rit_installed_disabled,
.partner_rit_enabled_false {
  background: url(../images/remote_it_installed_disabled.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}


.server_service_disabled {
  color: gray;
}

/* Uninstalled */
.av_uninstalled,
.partner_av_status_uninstalled {
  background: url(../images/antivirus_6.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.pch_uninstalled,
.partner_pch_status_uninstalled {
	background: url(../images/patch_not_installed.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.swg_uninstalled,
.partner_swg_status_uninstalled {
	background: url(../images/SWG_Not_Installed.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.cf_uninstalled,
.partner_cf_status_uninstalled {
  background: url(../images/content_filter_6.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.olb_uninstalled,
.partner_olb_status_uninstalled {
  background: url(../images/online_backup_6.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.rit_uninstalled,
.partner_rit_status_uninstalled {
  background: url(../images/remote_it_6.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}


/* Unavailable */
.av_unavailable,
.partner_av_status_unavailable {
  background: url(../images/antivirus_not_offered.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.pch_unavailable,
.partner_pch_status_unavailable {
	background: url(../images/patch_not_offered.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.swg_unavailable,
.partner_swg_status_unavailable {
	background: url(../images/SWG_Not_Offered.png) center center no-repeat;
	height: 18px;
	width: 24px;
	display: inline-block;
	vertical-align: middle;
}

.cf_unavailable,
.partner_cf_status_unavailable {
  background: url(../images/content_filtering_not_offered.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.olb_unavailable,
.partner_olb_status_unavailable {
  background: url(../images/online_backup_not_offered.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

.rit_unavailable,
.partner_rit_status_unavailable {
  background: url(../images/remote_IT_not_offered.png) center center no-repeat;
  height: 18px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}

table #serviceDetailSlideDown,
table #serviceDetailSlideDown tbody {
  border-collapse: separate;
  border-color: #EFEFEF;
  border-style: solid;
  border-width: 2px;
}

  table #serviceDetailSlideDown tbody {
    background-color: #fff;
  }

tr #serviceDetailSlideDown td {
  border: 4px solid white;
  padding-left: 5px;
}

.panel_open_withdesc {
    height: 18px;
    width: 18px;
    vertical-align: top;
    background: url(../images/arrow_down.png) right center no-repeat;
    cursor: pointer;
    /*padding-left: -10px;*/
    margin-left: 0px;
    padding-top: 10px;
}

.panel_closed_withdesc {
    height: 18px;
    width: 18px;
    vertical-align: top;
    background: url(../images/arrow_right.png) right center no-repeat;
    cursor: pointer;
    /*padding-left: -10px;*/
    margin-left: 0px;
    padding-top: 10px;
}

table.formatHTML5 .deviceListColumnText {
    padding-top: 10px;
    vertical-align: top;
}

table.formatHTML5 .deviceListColumn {
    vertical-align: top;
}

table.formatHTML5 .deviceListInnerColumn {
    padding: 2px 0 0;
    top: 4px;
    vertical-align: top;
}

table.formatHTML5 .deviceListArrowColumn {
    padding: 0;
    top: 5px;
    vertical-align: top;
}

table.formatHTML5 .deviceListInnerCenteredColumn {
    padding: 0;
    top: 1px;
    vertical-align: middle;
}

/* Device Detail Alert table formatting */
.panel_open,
.panel_closed {
  margin-left: 0;
}

table.formatHTML5 td.highAlert span,
table.formatHTML5 td.medAlert span,
table.formatHTML5 td.lowAlert span {
  position: relative;
  top: 2px;
}

table.formatHTML5 td.highAlert img {
  vertical-align: middle;
}

table.formatHTML5 td.highAlert,
table.formatHTML5 td.medAlert,
table.formatHTML5 td.lowAlert {
  text-align: center;
  width: 33%;
}

table.formatHTML5 td.highAlert span,
table.formatHTML5 td.medAlert span,
table.formatHTML5 td.lowAlert span{
  display:inline-block;
  text-align: left;
  width: 16px;
}

  table.formatHTML5 td.medAlert img {
    vertical-align: middle;
  }


  table.formatHTML5 td.lowAlert img {
    vertical-align: middle;
  }

.emptyCell:before {
  content: "--";
}




.serviceDescription {
  float: left;
  display: inline;
  margin-right: 0.5em;
}

#deviceConnectionStatus {
  width: 45%;
  float: left;
}

#deviceAlerts {
  width: 45%;
  float: right;
  text-align: right;
}

#devicesTableWrapper {
  margin-left: 15px;
}


.alertsTitle,
.highAlert_detail,
.medAlert_detail,
.lowAlert_detail {
  display: inline-block;
  padding-right: 16px;
}

  .highAlert_detail img,
  .medAlert_detail img,
  .lowAlert_detail img,
  .emptyIcon {
    vertical-align: middle;
  }


#deviceDetailNotification {
  background-color: #F5F5F5;
  margin-left: 17px;
  margin-right: 1em;
  padding: 1.0em 0.5em;
}

#deviceDetailVirusVaultNotification {
  background-color: #F5F5F5;
  margin-left: 11px;
  margin-right: 1em;
  padding: 1.0em 0.5em;
}

#updateWrapper {
  margin-left: 18px;
  padding-bottom: 10px;
  padding-right: 1em;
}

.viewTypeSelect,
.lastUpdate {
  display: inline;
}

.lastUpdate {
  float: right;
}

  .lastUpdate div,
  .lastUpdate span,
  .lastUpdate button {
    display: inline;
  }

    .lastUpdate div span div {
      padding-right: 10px;
    }

.headerAlertSummary {
  padding-top: 5px;
}

#setAgentsExpText h4 {
  margin: 2px 0;
}

#setAgentsExpText p {
  margin-top: 1em;
}

#setAgentsExpText li {
  margin: 0.5em 0 0 0.5em;
}

.vaultAction {
  width: 14%;
  float: right;
  margin-top: 5px;
  text-align: center;
}

.vaultActionIcon {
  height: 23px;
  width: 26px;
  background: url(../images/plus-rounded.png) center center no-repeat;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

/* Exception Modal Box */
.ng-modal-dialog-titlebar {
  background-color: transparent;
	font-weight: bold;
  /*  border-bottom: 1px solid #999;*/
}

.ng-modal-content {
  padding: 15px;
}

#vaultInfectionPath label {
  margin-bottom: 5px;
}

#vaultInfectionPath input {
  width: 95%;
}

#deviceExceptionOptionsField input {
  position: relative;
  top: -1px;
}

#deviceExceptionOptionsField input,
#deviceExceptionOptionsField label {
  margin-bottom: 5px;
}

#deviceExceptionPathTextfield {
  margin-bottom: 10px;
}

#exceptionConditions {
  margin-bottom: 5px;
}

#exceptionTargetChoices {
  margin-bottom: 5px;
}

#exceptionDetails p {
  margin-bottom: 5px;
}

.ng-modal-dialog-actionbar {
  border-top: 1px solid #999;
}

#exceptionActionButtons {
  padding-left: 12px;
}


/* Uninstall CloudCare Modal */
#uninstallRadioButtons,
#uninstallRadioButtonsBulk {
	margin: 0 auto 15px;
}

	#uninstallRadioButtons label {
		display: inline;
		width: 410px;
		float: left;
		margin-bottom: 10px;
		display: table-cell;
		vertical-align: middle;
	}

	#uninstallRadioButtonsBulk label {
		display: inline;
		/*width: 410px;*/
		float: left;
		margin-bottom: 10px;
		display: table-cell;
		vertical-align: middle;
	}

/*#uninstallRadioButtons input {
    display: inline;
    width: 20px;
    float: left;
    margin-right: 5px;
  }*/

#radioWith {
  height: 45px;
  vertical-align: middle;
}

/*#radioWith input {
    position: relative;
    top: 6px;
  }*/

#radioWithout {
  clear: both;
  height: 45px;
  vertical-align: middle;
}

  #radioWithout input {
    position: relative;
    top: 12px;
  }

.labelText {
  display: inline;
  float: right;
  width: 95%;
}

#olbPasswordContinueText p,
#uninstallPasswordContinueText p,
#olbPasswordContinueTextBulk p {
	margin: 0 0 5px;
}

#uninstallPasswordContinueText p {
  margin-top: 15px;
}


#avInstallModalContent {
  margin: 0;
  padding: 0;
}

  #avInstallModalContent li {
    margin-left: 1em;
  }


/* Manage device groups */
#groupManageContent {
  width: 94.5%;
  min-width: 800px;
  background-color: #FBFBFB;
  height: 75%;
	min-height: 510px;
  margin-left: 20px;
  padding: 10px 0px 10px 30px;
  position: relative;
}

.tab {
  position: relative;
  padding: 5px 0;
  width: 100%;
  left: 0;
  box-sizing:border-box;
}

.tab:hover {
    background: #f2f2f2;
  }

.active {
  background-color: #e4e4e4;
  color: #000;
  background-clip: padding-box;
}

.activeGroup {
	background-color: #D7D7D7;
	color: #000;
	background-clip: padding-box;
}

.tab-wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #C9C9C9;
	height: calc(80%);
	padding: 10px;
	width: 30%;
	margin-top: 35px;
	overflow-y: auto;
}

#tabTitleHeading,
#tabContentHeading {
  float: left;
  margin: 10px 0;
}

#tabTitleHeading {
  width: 30%;
}

#tabContentHeading {
  width:46%;
	position:relative;
	left: calc(1% + 19px);
}


.tab-headings {
  width: 100%;
  cursor: pointer;
}

.tab-content {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #C9C9C9;
	float: right;
	height: calc(77.4%);
	overflow-y: auto;
	padding: 10px;
	position: absolute;
	left: calc(31%);
	top: 75px;
	width: 45%;
	margin-left: 40px;
}

#deviceListFilter {
  background: none repeat scroll 0 0 #f2f2f2;
  height: 25px;
  padding: 10px;
  vertical-align: middle;
  border-bottom: 1px solid gray;
}

.deviceItem {
  padding: 5px 0;
  cursor: move;
  vertical-align: middle;
}

  .deviceItem:hover {
    background: #f2f2f2;
  }

.drag {
  opacity: 0.4;
}

*[draggable=true] {
  -moz-user-select: none;
  -khtml-user-drag: element;
  cursor: move;
}

*:-khtml-drag {
  background-color: rgba(238,238,238, 0.5);
}

.selected {
  background-color: #f3f3f3;
}

.fmgrRubberBand {
  position: absolute;
  background: rgba(255,250,245,.5);
  border: 1px solid #ccc;
}

.ui-selected {
  background-color: #e4e4e4 !important;
}

.over {
  background: #f3f3f3;
}

.pending {
  display: none;
}

.actionButtons {
  clear: both;
  margin: 15px 0;
}


/* Sidebar Styles */
.licenseTitle {
  float: left;
  font-weight: bold;
}

.deviceCount {
  width: 40%;
  float: left;
  text-indent: 10px;
}

.licenseSummaryBlock {
  width: 100%;
  margin-bottom: 5px;
}

.licenseSummaryBlock_totalDevices {
  width: 100%;
  margin-bottom: 10px;
}

.licenseServiceTitle {
  width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.licenseSubTitle {
  float: left;
  margin-bottom: 5px;
  text-indent: 16px;
  clear: left;
}

.licenseCount {
  float: left;
  text-indent: 5px;
  margin-bottom: 5px;
}

.addDeviceFieldset {
  background-color: #fbfbfb;
  border-style: none;
  margin: 0 auto;
}



/* Remote Deployment */

#deviceServiceFieldAV {
  margin-left: 10px;
}

#installPolicyText {
  width: auto;
  float: left;
  display: inline;
  margin-left: 12px;
  margin-right: 20px;
}

#installPolicyName {
  width: auto;
  float: left;
  display: inline;
  margin-right: 20px;
}

#updateInstallPolicy {
  width: auto;
  float: left;
  display: inline;
}

  #updateInstallPolicy img {
    vertical-align: middle;
    position: relative;
    top: -3px;
  }

#remoteDeployDeviceListWrap {
  border: 1px solid #efefef;
  margin: 0 auto;
  padding: 10px;
  width: calc(100% - 52px);
}

.devicesByWanIp {
  background: #fbfbfb;
}

#addDeviceListSubContentWrap {
  padding: 0 10px 10px;
}

#deviceActionButtons {
  padding-left: 0px;
}

.deviceServiceButtons {
  padding-bottom: 30px;
}

#unininstallModalContent {
  margin-bottom: 15px;
  margin-left: 5px;
  padding-right: 20px;
}

.mainUninstallModalContent {
  margin-bottom: 10px;
}

#obPasswordContent {
  margin-top: 30px;
}

.expiredImage {
  background: url(../../images/alert_2.png) no-repeat 5px center;
  height: 18px;
  width: 18px;
  padding-left: 28px;
  color: #C6443D;
}

.expireLeft {
  float: left;
}

span.clearicon {
  position: relative;
}

  span.clearicon span {
    position: absolute;
    display: block;
    top: 2px;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url('../images/grey_x.png') no-repeat center center;
    cursor: pointer;
  }

    span.clearicon span:hover {
      background: url('../images/grey_x_hover.png') no-repeat center center;
    }

#deviceWrapper {
  padding: 10px 32px 0 0;
  /*margin-bottom:10px;*/
  margin-left: 71px;
  min-width: 853px;
}

#inputDeviceListFilter {
  width: 508px;
  float: left;
  height: 25px;
  /*font-style: normal;*/
}

.deviceFilterBox {
  float: left;
}

#deviceListClear {
  margin-top: 4px;
  margin-left: -10px;
  float: left;
  height: 9px;
  width: 9px;
  padding-top: 5px;
  cursor: pointer;
}

::-webkit-input-placeholder {
  font-style: italic;
}

::-moz-placeholder {
  font-style: italic;
}
/* firefox 19+ */
:-ms-input-placeholder {
  font-style: italic;
}
/* ie */
input:-moz-placeholder {
  font-style: italic;
}

#deviceWrapper input[type="text"] {
  border: 1px solid #d6d6d6;
}

  #deviceWrapper input[type="text"]:hover,
  #deviceWrapper input[type="text"]:focus {
    border: 1px solid #898989;
  }

.uninstallPasswordOLB {
  width: 260px;
  margin-left: 5px;
}

#rbOLBRetainDataContent {
  margin-bottom: 10px;
}

.reportsNoData {
  width: 80%;
  height: 20px;
  padding: 10px;
}

.onlineDeviceStatus {
  background: url(../../images/online_status.png) no-repeat scroll center center rgba(0, 0, 0, 0);
  display: inline-block;
  height: 12px;
  padding-top: 3px;
  position: relative;
  top: 3px;
  width: 12px;
}

.offlineDeviceStatus {
  background: url(../../images/offline_status.png) no-repeat scroll center center rgba(0, 0, 0, 0);  
  display: inline-block;
  height: 12px;
  padding-top: 3px;
  position: relative;
  top: 3px;
  width: 12px;
}

.onlineCustomerDeviceStatus {
  background: url(../../images/online_status.png) no-repeat scroll center center rgba(0, 0, 0, 0);
  display: inline-block;
  height: 12px;
  padding-top: -1px;
  position: relative;
  top: -1px;
  width: 12px;
}

.offlineCustomerDeviceStatus {
  background: url(../../images/offline_status.png) no-repeat scroll center center rgba(0, 0, 0, 0);  
  display: inline-block;
  height: 12px;
  padding-top: -1px;
  position: relative;
  top: -1px;
  width: 12px;
}

.networkDevice {
  /*background: url(../../images/no_status.png) no-repeat scroll center center rgba(0, 0, 0, 0);*/
  display: inline-block;
  height: 12px;
  padding-top: 3px;
  position: relative;
  top: 3px;
  width: 12px;
}

#uninstall-buttons {
  padding-bottom: 10px;
}

.uninstall-title {
  margin-left: 5px;
  margin-top: 10px;
}

.margin-left-6 {
  margin-left: 6px;
}


.margin-right-10 {
  margin-right: 10px;
}

.checkbox-wrap-div {
  display: inline;
  float: left;
  clear: left;
  margin-left: 20px;
}

.checkbox-wrap {
  margin-left: -20px;
  text-indent: 20px;
}

.checkbox-wrap-div input[type="checkbox"] + label span {
  margin-bottom: 0;
}
.checkbox-wrap-bottom {
  padding-bottom: 7px;
}

.radio-wrap {
 margin-left: -20px;
 text-indent: 20px;
}

.radio-wrap-div {
  display: inline;
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
}


.invalidPasswordEntry {
  visibility: visible;
}

.validPasswordEntry {
  visibility: hidden;
}

#crossriderInstallButton {
  height: auto;
  margin: 2px 0 0 10px;
  padding: 0;  
}

a.crossrider_button_blue {
  background-clip: padding-box;
  background-color: #14a1d9;
  border-radius: 3px;
  box-shadow: 0 2px 0 #0d78a2;
  color: #ffffff;
  height: auto;
  min-height: 26px;
  max-height: 40px;
  width: auto;
  min-width: 90px;
  max-width: 215px;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 13px;
  border: none;
  display: inline;
  text-shadow: 0 1px 0 #0d79a3;
  word-wrap: break-word;
  padding: 0px 20px;
}

  a.crossrider_button_blue:hover {
    background-color: #148cbd;
  }

a.crossrider_button_blue:active {
  background-color: #2daebf;
}

a.crossrider_button_medium {
  background-clip: padding-box;
  background-color: #14a1d9;
  border-radius: 3px;
  box-shadow: 0 2px 0 #0d78a2;
  color: #ffffff;
  height: auto;
  min-height: 26px;
  max-height: 40px;
  width: auto;
  min-width: 90px;
  max-width: 215px;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 13px;
  border: none;
  display: inline;
  text-shadow: 0 1px 0 #0d79a3;
  word-wrap: break-word;
  padding: 4px 20px;
}

a.crossrider_button_medium:hover {
    background-color: #148cbd;
  }

a.crossrider_button_medium:active {  
    background-color: #148cbd;
    box-shadow: 0 1px 0 #0d78a2;
}

#deviceListClear {
  margin-top: 4px;
  margin-left: -10px;
  float: left;
  height: 9px;
  width: 9px;
  padding-top: 5px;
  cursor: pointer;
}

#deviceCustomerListClear {
  /*margin-top: 2px;*/
  margin-right: 5px;
  float: left;
  height: 9px;
  width: 9px;
  padding-top: 5px;
  cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
   #deviceCustomerListClear {
    /*margin-top: -2px;*/
    margin-right: 5px;
    float: left;
    height: 9px;
    width: 9px;
    /*padding-top: 3px;*/
    cursor: pointer;
  }
}

.premiumRemoteControlBox {
  padding: 5px 10px 6px 0px;
}

.premiumRemoteControlBoxUpgrade {
  background-color: #DCE6F1;
  color: #5184B7;
  padding: 7px 15px 7px 15px;
  border-radius: 3px;
}

/*.connectionContent {
  display: inline-block;
  float: left;
  margin-bottom: -10px;
}*/
.connectionContent {
  display: inline-block;
  float: left;
  margin-top: 3px;
}

#deviceAlertsDetails {
  display: inline-block;
  float: right;
  margin-top: 3px;
}


/*.connectionContentOutdated {
  display: inline-block;
  float: left;
  margin-top: 5px;
}*/

#cbAddArchitecture {
  margin-left: 15px;
}

.wrap {
	width: 60%;
	overflow:auto;
}

.wrapPopup {
	width: 75%;
	overflow:auto;
}

.fleft {
	float:left; 
	width: 45%;
}

.fcenter {
	float:left;
	width: 33%;
	margin-left:0.25%;
}

.fright {
	float: right;
	width: 50%;
}

.wrapPopupComponents {
  width: 100%;
}

.fleftComponents {
  float: left;
  width: 45%;
  padding-bottom: 5px;
  max-width: 160px;
  word-break: break-all;
  overflow-wrap: break-word;
  padding-right: 30px;
}

.boxComponents {
  display: flex;
  flex-flow: column wrap;
  padding-left: 50px;
  padding-top: 5px;
}

  .boxComponentsItem {
    width: 50%;
    margin-bottom: 5px;
  }

.boxComponents_main {
  width: 280px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, 280px);
  grid-auto-flow: column;
}

.boxComponents_popover {
  width: 200px;
  display: grid;
  grid-gap: 2px;
  grid-template-columns: repeat(2, 200px);
  grid-auto-flow: column;
  margin-top: 10px;
  margin-left: 50px;
}


.boxComponents_2,
.boxComponentsVpn_2,
.boxComponentsPopover_2,
.boxComponentsVpnPop_2 {
	grid-template-rows: 20px 20px;
}

.boxComponents_3,
.boxComponentsVpn_3,
.boxComponentsVpn_5,
.boxComponentsPopover_3,
.boxComponents_5,
.boxComponentsVpnPop_5,
.boxComponentsVpn_6,
.boxComponents_6,
.boxComponentsPopover_5,
.boxComponentsPopover_6,
.boxComponentsVpnPop_3,
.boxComponentsVpnPop_6 {
	grid-template-rows: 20px 20px 20px;
}

.boxComponents_4,
.boxComponentsVpn_4,
.boxComponentsPopover_4,
.boxComponentsVpnPop_4,
.boxComponentsVpn_7,
.boxComponentsVpn_8,
.boxComponents_8,
.boxComponents_7,
.boxComponentsPopover_7,
.boxComponentsVpnPop_7,
.boxComponentsPopover_8,
.boxComponentsVpnPop_8 {
	grid-template-rows: 20px 20px 20px 20px;
}

.boxComponentsVpn_9,
.boxComponentsVpn_10,
.boxComponents_10,
.boxComponents_9,
.boxComponentsPopover_9,
.boxComponentsVpnPop_9,
.boxComponentsPopover_10,
.boxComponentsVpnPop_10 {
	grid-template-rows: 20px 20px 20px 20px 20px;
}

.boxComponents_11,
.boxComponentsVpn_11,
.boxComponentsVpn_12,
.boxComponents_12,
.boxComponentsPopover_11,
.boxComponentsVpnPop_11,
.boxComponentsPopover_12,
.boxComponentsVpnPop_12 {
	grid-template-rows: 20px 20px 20px 20px 20px 20px;
}

.boxComponentsVpn_13,
.boxComponentsVpn_14 {
  grid-template-rows: 20px 20px 20px 20px 20px 20px 20px;
}

.boxComponentsVpnPop_1 {
  grid-template-rows: 20px;
}


.boxComponents_13,
.boxComponents_14,
.boxComponentsPopover_13,
.boxComponentsVpnPop_13,
.boxComponentsPopover_14,
.boxComponentsVpnPop_14 {
	grid-template-rows: 20px 20px 20px 20px 20px 20px 20px;
}

.boxComponents_15,
.boxComponents_16,
.boxComponentsVpn_15,
.boxComponentsVpn_16,
.boxComponentsPopover_16,
.boxComponentsPopover_15,
.boxComponentsVpnPop_15,
.boxComponentsVpnPop_16 {
  grid-template-rows: 20px 20px 20px 20px 20px 20px 20px 20px;
}

.boxComponents_17,
.boxComponentsVpn_17 {
  grid-template-rows: 20px 20px 20px 20px 20px 20px 20px 20px 20px;
}

.boxComponentsItem2 {
  margin-bottom: 5px;
}

  .checkbox-wrap-comp {
    margin-left: -25px;
    text-indent: 25px;
  }

div.vertical-line{
	width: 1px; /* Line width */
	background-color: #E6E6E6; /* Line color */
	height: 100%; /* Override in-line if you want specific height. */
	float: left; /* Causes the line to float to left of content. 
        You can instead use position:absolute or display:inline-block
        if this fits better with your design */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {


		.connectionContent {
			display: inline-block;
			float: left;
			margin-top: 7px;
		}

		#deviceAlertsDetails {
			display: inline-block;
			float: right;
			margin-top: 5px;
		}

		#cbAddArchitecture {
		margin-left: 10px;
	}
}

.swgDevicesInfo {
	margin-left: 20px;
	margin-top: 15px;
}

.pchDevicesInfo {
	line-height: 20px;
	padding: 5px 20px;
}

	.swgDevicesInfo > span:first-child,
	.pchDevicesInfo > span:first-child {
		display: inline-block;
		width: 180px;
	}

.paddingGroupView {
	padding-top: 68px;
	margin-right: -20px;
}

.paddingGroupViewNotDefault {
	padding-top: 68px;
	margin-right: -10px;
}

.paddingDefaultView {
	padding-top: 43px;
}

.paddingGroupViewVault {
	padding-top: 68px;
	margin-right: -10px;
}

.paddingDefaultViewVault {
	padding-top: 43px;
	margin-right: -20px;
}

.deviceInstallCount span:first-child {
	background-color: #ffffff;
	border-radius: 24px;
	padding: 2px 8px;
	vertical-align: middle;
	position: relative;
	margin-left: -10px;
}

.deviceInstallCount span:nth-child(2) {
	display: inline-block;
	position: relative;
	top: 2px;
}

.accordion-header {
	display: table;
	margin-left: 28px;
	margin-top: 25px;
}

	.accordion-header > span {
		display: table-cell;
		vertical-align: middle;
		padding-right: 10px;
	}

	.accordion-header > h1 {
		display: table-cell;
		padding-top: 2px;
		font-family: 'Open Sans',Arial,sans-serif;
		font-size: 15px;
		font-weight: 600;
		color: #4B4B4B;
	}

.wrapFeatures {
	width: 80%;
	margin-left: 25px;
}

.floatLeft {
	float: left;
	width: 45%;
}

.floatRight {
	float: right;
}

.installServiceEnabled {
	width: 40%;
	margin-left: 25px;
	background-color: #fff;
	border: 1px solid #359EB9;
	border-radius: 8px;
	padding-bottom: 30px;
	padding-top: 10px;
}

.installServiceDisabled {
	width: 40%;
	margin-left: 25px;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 8px;
	padding-bottom: 30px;
	padding-top: 10px;
}

.installDeviceTopSpacing {
	margin-top: 15px;
}

hr.installDeviceContentHR {
	width: 70%;
	margin: 30px 15%;
	padding-right: 0px;
	border-color: #d6d6d6;
}

hr.installDeviceContentHRFull {
	margin: 20px 0;
	padding-right: 0px;
	border-color: #d6d6d6;
}

.networkSubText {
	margin: 10px 0 10px 60px;
}

.info-text-span {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 4px;
	padding-left: 5px;
}

.info-img-span {
	height: 16px;
	display: table-cell;
	vertical-align: middle;
}

.bulk-actions-bar {
	position: fixed;
	z-index: 997;
	right: 69px;
	bottom: 0;
}

#bulkActionsOverlayContent {
	display: none;
	position: fixed;
	background-color: #359EB9;
	bottom: 0;
	padding: 0 10px 0 20px;
	border-bottom: #359EB9;
	-moz-box-shadow: 0 -3px 6px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,0.23);
	box-shadow: 0 -3px 6px rgba(0,0,0,0.23);
	color: #fff;
	z-index: 19;
}

#devicesTableWrapper .deviceTableLeadingColumn {
	width: 56px;
}

#bulkActionsButtonOverlay > div {
	display: inline-block;
}

#bulkActionsButtonOverlay .hyperlink {
color: #fff;
font-weight: 500;
font-size: 14px;
}

#bulkActionsButtonOverlay > div:nth-child(2) {
	margin-right: 10px;
}

#bulkCountContent {
 width: 20%;
 float: left;
 line-height: 40px;
}

	#bulkCountContent > div {
	display: inline-block;
	}


	#bulkActionsButtonOverlay > #bulkHyperlinks {
		/*margin-left: 200px;*/
		/*margin-left: 40px;*/
		width: 70%;
		float: left;
		flex-wrap: wrap;
		display: flex;
		justify-content: center;
	}

#bulkHyperlinks > span {
	display: inline-block;
	padding: 13px 20px;
	/*margin-right: 40px;*/
}

#bulkHyperlinks > span:last-child {
	display: inline-block;
	margin-right: 0px;
}


.button-white-update {
	background: url(../images/update.png) no-repeat scroll 7px center #FFFFFF;
	border-color: #D4D4D4;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 2px 0 #D4D4D4;
	color: #4B4B4B;
	display: inline;
	font-size: 13px;
	font-family: "Open Sans",Arial,sans-serif;
	height: 26px;
	padding-left: 30px;
	text-align: left;
	width: auto;
}

	.button-white-update:hover {
		background: url(../images/update.png) no-repeat scroll 7px center #F3F3F3;
		border: 1px solid rgba(0, 0, 0, 0.17);
		border-radius: 4px;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
	}

	.button-white-update:active {
		background: url(../images/update.png) no-repeat scroll 7px center #F3F3F3;
		border: 1px solid rgba(0, 0, 0, 0.17);
		border-radius: 4px;
		box-shadow: 0 1px 0 #D4D4D4;
	}

.button-white-restart {
	background: url(../images/restart.png) no-repeat scroll 7px center #FFFFFF;
	border-color: #D4D4D4;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 2px 0 #D4D4D4;
	color: #4B4B4B;
	display: inline;
	font-size: 13px;
	font-family: "Open Sans",Arial,sans-serif;
	height: 26px;
	padding-left: 30px;
	text-align: left;
	width: auto;
}

.button-white-restart:hover {
	background: url(../images/restart.png) no-repeat scroll 7px center #F3F3F3;
	border: 1px solid rgba(0, 0, 0, 0.17);
	border-radius: 4px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
}

.button-white-restart:active {
	background: url(../images/restart.png) no-repeat scroll 7px center #F3F3F3;
	border: 1px solid rgba(0, 0, 0, 0.17);
	border-radius: 4px;
	box-shadow: 0 1px 0 #D4D4D4;
}

.button-white-shutdown {
	background: url(../images/shutdown.png) no-repeat scroll 7px center #FFFFFF;
	border-color: #D4D4D4;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 2px 0 #D4D4D4;
	color: #4B4B4B;
	display: inline;
	font-size: 13px;
	font-family: "Open Sans",Arial,sans-serif;
	height: 26px;
	padding-left: 30px;
	text-align: left;
	width: auto;
}

	.button-white-shutdown:hover {
		background: url(../images/shutdown.png) no-repeat scroll 7px center #F3F3F3;
		border: 1px solid rgba(0, 0, 0, 0.17);
		border-radius: 4px;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
	}

	.button-white-shutdown:active {
		background: url(../images/shutdown.png) no-repeat scroll 7px center #F3F3F3;
		border: 1px solid rgba(0, 0, 0, 0.17);
		border-radius: 4px;
		box-shadow: 0 1px 0 #D4D4D4;
	}

.button-white-uninstall {
	background: url(../images/uninstall.png) no-repeat scroll 7px center #FFFFFF;
	border-color: #D4D4D4;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 2px 0 #D4D4D4;
	color: #4B4B4B;
	display: inline;
	font-size: 13px;
	font-family: "Open Sans",Arial,sans-serif;
	height: 26px;
	padding-left: 30px;
	text-align: left;
	width: auto;
}

.button-white-uninstall:hover {
	background: url(../images/uninstall.png) no-repeat scroll 7px center #F3F3F3;
	border: 1px solid rgba(0, 0, 0, 0.17);
	border-radius: 4px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.17);
}

.button-white-uninstall:active {
	background: url(../images/uninstall.png) no-repeat scroll 7px center #F3F3F3;
	border: 1px solid rgba(0, 0, 0, 0.17);
	border-radius: 4px;
	box-shadow: 0 1px 0 #D4D4D4;
}

.bulk-link:hover {
	background-color: #308ea6;
	cursor: pointer;
	text-decoration: underline;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #FFFFFF !important;
    /*color: #555 !important;*/
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #4B4B4B !important;
    }


.deviceStatusInstalling,
.deviceStatusUpgrading,
.deviceStatusUninstalling,
.deviceStatusExpired,
.deviceStatusInstall,
.deviceStatusInstallingLg,
.deviceStatusUpgradingLg,
.deviceStatusUninstallingLg,
.deviceStatusExpiredLg,
.deviceStatusInstallLg {
	display: inline-block;
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 12px;
	/*font-weight: 600;*/
	border-radius: 4px;
	height: 17px;
	max-width: 98px;
	min-width: 57px;
	padding: 1px 14px;
	/*line-height: 12px;*/
}


.deviceStatusInstalling,
.deviceStatusUpgrading,
.deviceStatusInstallingLg,
.deviceStatusUpgradingLg {
	color: #3A9632;
	background-color: #DFF0DE;
}

.deviceStatusInstallingLg,
.deviceStatusUpgradingLg,
.deviceStatusUninstallingLg,
.deviceStatusExpiredLg,
.deviceStatusInstallLg {
	line-height: 12px;
	height: 29px;
	padding: 4px 10px 0 10px;
	/*padding-top: 3px;
	padding-bottom: 0;*/
	word-break: break-all;
	width: 62px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

.deviceStatusUninstalling,
.deviceStatusUninstallingLg {
	color: #636263;
	background-color: #EBEBEB;
}

.deviceStatusExpired,
.deviceStatusExpiredLg {
	color: #C93F3F;
	background-color: #F5DCDC;
}

.deviceStatusInstall,
.deviceStatusInstallLg {
	color: #359EB9!important;
	font-size: 13px;
}

.directive-tab-span {
 display: inline-block;
 float: left;
}

.directive-tab-span > img {
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.devicesAlignTop {
	vertical-align: top!important;
}

.devicesAlignMiddle {
	vertical-align: middle!important;
	padding-top: 8px!important;
	padding-bottom: 0!important;
}