@charset "UTF-8";
/*!
Copyright (C) 2013 Trend Micro Inc. All rights reserved.
*/

/* ----------------------------------------------- */
/* Custom Classes                                  */
/* ----------------------------------------------- */

.schedule_hourOfDay1 {
 background-color: var(--schedule-header-background);
 border-top:1px solid var(--schedule-header-border);
 border-bottom:1px solid var(--schedule-header-border);
 border-left:1px solid var(--schedule-header-border);
 border-right:1px solid var(--schedule-header-border);
 -moz-user-select: none;
 cursor:pointer;
 	text-align: center;
}
.schedule_hourOfDay2 {
 background-color: var(--schedule-header-background);
 border-top:1px solid var(--schedule-header-border);
 border-bottom:1px solid var(--schedule-header-border);
 border-right:1px solid var(--schedule-header-border);
 padding-left:4px;
 -moz-user-select: none;
 cursor:pointer;
 	text-align: center;
}
.schedule_dayOfWeek {
 background-color: var(--schedule-header-background);
 border-left:1px solid var(--schedule-header-border);
 border-top:1px solid var(--schedule-header-border);
 border-bottom:1px solid var(--schedule-header-border);
 border-right:1px solid var(--schedule-header-border);
 padding-right:4px;
 padding-left:3px;
 -moz-user-select: none;
 cursor:pointer;
 	text-align: right;
}
.schedule_cell1 {
 background-color: var(--schedule-cell-background);
 border-top:1px solid  var(--schedule-cell-border);
 border-bottom:1px solid var(--schedule-cell-border);
 border-right:1px solid var(--schedule-cell-border);
 -moz-user-select: none;
 cursor:pointer;
}
.schedule_cell2 {
 background-color: var(--schedule-cell-background);
 border-top:1px solid var(--schedule-cell-border);
 border-bottom:1px solid var(--schedule-cell-border);
 border-right:1px solid var(--schedule-cell-border);
 -moz-user-select: none;
 cursor:pointer;
}
.schedule_cell1_noop {
 background-color: var(--schedule-cell-background);
 border-top:1px solid var(--schedule-cell-border);
 border-bottom:1px solid var(--schedule-cell-border);
 border-right:1px solid var(--schedule-cell-border);
 -moz-user-select: none;
}
.schedule_cell2_noop {
 background-color: var(--schedule-cell-background);
 border-top:1px solid var(--schedule-cell-border);
 border-bottom:1px solid var(--schedule-cell-border);
 border-right:1px solid var(--schedule-cell-border);
 -moz-user-select: none;
}

.schedule_cell1.pressed,
.schedule_cell2.pressed,
.schedule_cell1_noop.pressed,
.schedule_cell2_noop.pressed {
    background-color: var(--schedule-cell-pressed-background);
}

.schedule_cell1.selected,
.schedule_cell2.selected,
.schedule_cell1_noop.selected,
.schedule_cell2_noop.selected {
    background-color: var(--schedule-cell-selected-background);
}

.schedule_legend {
 padding:1px;
 white-space:nowrap;
 -moz-user-select: none;
}
.schedule_legend_type,
.schedule_legend_type_selected {
 padding:1px;
 white-space:nowrap;
 border: 1px solid var(--schedule-legend-border);
 background-color: var(--schedule-legend-background);
 -moz-user-select: none;
}

.schedule-legend-icon {
	margin-top: -2px;
}
/*!
Copyright (C) 2014 Trend Micro Inc. All rights reserved.
*/
@font-face {
      font-family: Roboto;
      src:  local("Roboto Regular"),
      		local("Roboto-Regular"),
      		url(fonts/Roboto-Regular.woff2) format('woff2'),
      		url(fonts/Roboto-Regular.woff) format('woff');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: Roboto;
      src:  local("Roboto Bold"),
      		local("Roboto-Bold"),
      		url(fonts/Roboto-Bold.woff2) format('woff2'),
      		url(fonts/Roboto-Bold.woff) format('woff');
      font-weight: bold;
      font-style: normal;
}

@font-face {
      font-family: Roboto;
      src:  local("Roboto Medium"),
      		local("Roboto-Medium"),
      		url(fonts/Roboto-Medium.woff2) format('woff2'),
      		url(fonts/Roboto-Medium.woff) format('woff');
      font-weight: 500;
      font-style: normal;
}

@font-face {
      font-family: Interstate;
      src:  local("Interstate Regular"),
            local("Interstate-Regular"),
            url(fonts/Interstate-Regular.otf) format('opentype');
      font-weight: normal;
      font-style: normal;
}

@font-face {
      font-family: Interstate;
      src:  local("Interstate Bold"),
            local("Interstate-Bold"),
            url(fonts/Interstate-Bold.otf) format('opentype');
      font-weight: bold;
      font-style: normal;
}

@font-face {
      font-family: Interstate;
      src:  local("Interstate Light"),
            local("Interstate-Light"),
            url(fonts/Interstate-Light.otf) format('opentype');
      font-weight: lighter;
      font-style: normal;
}

/* ----------------------------------------------- */
/* Global Classes                                  */
/* ----------------------------------------------- */

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}

.navTitleLabel{
	position: relative;
	top: -0.5em;
	font-size: 80%;
	color: red;
}

#nav_div {
	display: inline-block;
	float: left;
}

#nav_div.wrapped {
  clear: both;
}

* {
	transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out;
}

select, option {
	transition:none;
}

option:disabled {
	color: #9F9F9F;
}

@keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
}

fieldset,
.textarea {
  -webkit-padding-after: 5px !important;
}

/* ----------------------------------------------- */
/* Custom Classes                                  */
/* ----------------------------------------------- */

@media print {
	.toolbar {
	 display:none;
	}
	BODY {
		width:720px;
	}
}

/* First, overrides for Bootstrap styles that don't work for DSM */
html {
	overflow-y: auto;
}

body {
	padding-bottom: 0px;
}

table {
	margin-bottom: 0px;
}

table th, table td {
    padding: 3px 7px; /* Bootstrap is 5px default */
    vertical-align: middle;
}

label {
	float: none;
	width: auto;
	color: var(--primary-text-color);
	font-size: 13px;
}

.label {
    line-height: 14px;
    vertical-align: baseline;
}

.label-cell {
	padding-right: 8px;
	vertical-align: top;
}

.label-cell + td {
	padding-left: 8px;
}

fieldset table {
	width: auto;
}

.temporary_warning {
	color:#d8b510;
}

fieldset {
	border-top: 1px solid var(--fieldset-border);
	padding-top: 10px;
	margin: 0 2px;
}

fieldset:first-child {
	/*border-top: 1px solid var(--fieldset-border);*/
	padding-top: 10px;
}
fieldset:first-child.notopborder {
	border-top: none;
}

fieldset legend {
	color: var(--primary-text-color);
	font-size: 15px;
	padding: 6px 8px 6px 12px;
	font-weight: bold;
	position:relative;
}
input {
	background-color: var(--input-background);
	border: 1px solid var(--input-border);
	color: var(--input-color);
}

.toggle-element {
	cursor:pointer;
	background-position:center;
	background-size:cover;
	display:block;
}

.toggle-element.opened {
	background-image:var(--tree-close-img);
}

.toggle-element.closed {
	background-image:var(--tree-open-img);
}

fieldset legend.fieldset-toggle {
	padding-left:30px;
}

.fieldset-toggle-icon {
	height:24px;
	width:24px;
	position:absolute;
	left:5px;
	top:1px;
}


input[type="text"], input[type="password"], input[type="number"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 28px;
	padding: 4px 8px;
	border-color: var(--input-border);
	border-radius: 2px;
	color: var(--input-color);
}

#tagFilter {
	padding: 8px;
}

textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-color: var(--input-border);
	border-radius: 2px;
	padding-left: 6px;
	padding-top: 6px;
}

.btn.small {
	padding: 3px 9px 3px;
	margin-right: 6px;
}

/* When Alert Message is used for drop down error/warning/info box, the margin bottom should be removed. In sign-in page, we will need to override this with the original style*/
.alert-message{
	margin: 0;
	border-width: 0 0 1px;
    border-radius: 0 0 0 0;
}

#alert-bar {
	overflow:hidden;
}

/* Remove the 'not allowed' cursor*/
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: default;
}
input[readonly],
textarea[readonly] {
  color: var(--input-color);
  background-color: var(--primary-color);
}

.uneditable-input {
  cursor: default;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

/* Bootstrap overrides complete*/

BODY, SELECT, INPUT, TD, DIV, A, TEXTAREA, SPAN {
	font-size: 13px;
}
BODY {
	background-color: var(--primary-color);
	margin: 0px;
	height: 100%;
}
LEGEND {
	cursor:default;
}

iframe {
  position: relative;
}

#single_content_iframe {
	width: 100%;
	margin:auto;
	display:block;
	border: none;
}

.legend {
	max-width: 116px;
	padding: 6px;
}

.legend tr td {
    padding: 1px;
    line-height: 20px;
    font-size: 11px;
}

.legend tr:first-child td {
	text-align: left;
}

.legend tr:first-child td b {
	font-size: 11px;
	text-transform: uppercase;
}

.legend img {
    display: block;
}

.invalid-select select {
	color: #b94a48;
	border-color: #ee5f5b;
}

.invalid-select.left select {
	float:left;
}

.invalid-select.left label {
	float:left;
	margin-right:5px;
}

.invalid-select.right select {
	float:right;
}

.la {
	white-space:nowrap;
}

.la img {
	float: left;
	padding-right: 8px;
}

/* User Header Classes */
.main_button_area {
	padding: 9px 5px;
	white-space:nowrap;
	border-top: 1px solid var(--host-status-border);
	height: 27px;
	background: var(--primary-color);
}
.main_button_area_collection {
	padding-right:5px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	white-space:nowrap;
}

.button_row {
	padding: 0px 0px 5px;
	white-space: nowrap;
	display: inline-table;
	width: 100%;
}

.button_group_left {
	float: left;
	padding: 5px;
}

.button_group_right {
	float: right;
	padding: 5px;
}


.preview_box {
margin-left:20px;
border:2px solid #878787;
overflow: auto;
}
.preview_box table {
	width: 100%;
}
.preview_box table table tr th {
	background-image: url("i_control/datatable_header_bk_90.gif");
	height: 27px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}
.preview_box table table {
	border-left: 1px solid #B6B6B6;
}
.preview_box table table tr th,
.preview_box table table tr td {
	border-right: 1px solid #B6B6B6;
	padding:2px;
}

.view_filter_title {
	padding: 7px 5px 0 20px;
	float: left;
}
.view_filter_text,
.view_filter_text_over {
	padding:5px 8px;
	cursor: pointer;
	white-space:nowrap;
	border: solid 1px var(--border-color);
	display: block;
	float: left;
	color: var(--primary-text-color);
	background: var(--dropdown-background);
	margin: 2px 5px;
	text-align: left;
	width: auto;
	border-radius: 2px;
}

#saveAdvancedSearchViewFilterItem {
	padding-left: 8px;
}

.view_filter_text > span,
.view_filter_text_over > span {
	padding-right: 5px;
	vertical-align: middle;
}
.view_filter_box {
	border: 1px solid var(--border-color);
	color: var(--primary-text-color);
	background-color: var(--dropdown-background);
	margin: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.view_filter_box input {
	border: 1px solid var(--border-color);
	color: var(--primary-text-color);
	background-color: var(--dropdown-background);
}

.view_filter_td {
	padding: 0px;
	vertical-align: middle;
}

.view_filter_popup_list {
	border: 1px solid var(--border-color);
	background-color: var(--dropdown-background);
	margin: 0px;
	padding: 0px;
}

.view_filter_popup_list_header {
	padding: 5px;
}

.view_filter_box .view_filter_text,
.view_filter_box .view_filter_text_over {
	border: none;
	margin: 0;
	float: none;
	width: auto;
	padding: 6px 8px;
}
.view_filter_box .view_filter_text_over {
	background-color: var(--dropdown-item-hover-background);
}

.view_filter_delete {
	padding:2px;
	cursor: pointer;
	text-align: right;
}

.control_border {
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.simple_border {
	border: 1px solid var(--border-color);
}

.simple_border_top {
	border-top: 1px solid var(--border-color);
}

.dropdown_background {
	background-color: var(--dropdown-background);
}

.tree_select {
	border: 1px solid var(--border-color);
	background-color: var(--dropdown-background);
}

.control_border_focus {
	outline: 0;
  	box-shadow: 0 0 4px rgba(73, 113, 171, 1);
}

.disabled {
	color: var(--text-disabled);
}
.treeview_div {
	border: 1px solid #ACA899;
	background-color:#FFFFFF;
	padding: 3px;
	overflow: scroll;
}
.status {
	background-color: #000000;
	white-space:nowrap;
	color: #FFFFFF;
}
.statusLink {
	text-decoration:underline;
	font-weight:bold;
	color: #FFFFFF;
}
.statusLink:hover {
	text-decoration:underline;
	font-weight:bold;
	color: #DDDDDD;
}

.alert_border_critical,
.alert_border_warning {
	margin-bottom: 12px;
	overflow:hidden;
	border-top: 1px solid var(--alert-border-color);
	border-bottom: 1px solid var(--alert-border-color);
	border-right: 1px solid var(--alert-border-color);
	padding: 12px;
}
.alert_border_critical {
	border-left: 5px solid var(--alert-border-critical-color);
}
.alert_border_warning {
	border-left: 5px solid var(--alert-border-warning-color);
}
.alert_title_critical,
.alert_title_warning {
	color: var(--primary-text-color);
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.alert_time {
	text-align:right;
	white-space: nowrap;
	font-weight: normal;
	color: var(--alert-time-color);
}
.alert_overview {
	padding: 5px 10px 5px 48px;
	line-height: 1.5;
}
.alert_details {
	padding: 4px 5px 5px 26px;
	overflow: hidden;
}
.alert_details > table {
	width:auto;
	margin-left:20px;
}

.alert_details > table > tbody > tr > td:first-child {
	font-weight: bold;
	padding-right: 5px;
}

.alert_details td.text_overflow {
	vertical-align: top;
}

.alert-icon {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	float: left;
	margin-right: 16px;
}

.notification-icon {
	background-size:16px 16px !important;
	background-image:url('images/icons/notification.svg') !important;
	background-repeat:no-repeat !important;
}

.text_overflow {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.pfr_divider {
	border-bottom:1px solid #DDDDDD;
	white-space:nowrap;
}
.pfr_divider2 {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	white-space:nowrap;
}

/* Filter/Search Submit button */
.filter-submit-btn {
  width: 48px;
  text-align: center;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  background: var(--filter-submit-background);
  box-shadow: none;
  cursor:pointer;
}

.filter-submit-btn:hover,
.filter-submit-btn:focus {
	background: var(--filter-submit-hover-background);
}

.filter-submit-btn:active {
  background: var(--filter-submit-active-background);
}

.filter-submit-btn.refresh-active {
	background: var(--filter-submit-refresh-background);
}

.filter-submit-btn.refresh-active:hover,
.filter-submit-btn.refresh-active:focus{
 	background: var(--filter-submit-refresh-hover-background);
}

.filter-submit-btn.refresh-active:active {
  background: var(--filter-submit-refresh-active-background);

}

#filter-submit-button.btn > img {
	width:11px;
	height:11px;
}

#filter-submit-button .icon-disabled, #filter-submit-button.refresh-active .icon-active {
	display:inline;
}

#filter-submit-button .icon-active, #filter-submit-button.refresh-active .icon-disabled {
	display:none;
}

.no-bootstrap-filter-submit {
  width: 48px;
  border-top: 1px solid var(--search-container-border);
  border-left: 1px solid var(--search-container-border);
}

.no-bootstrap-filter-submit .filter-submit-btn {
  height: 100%;
}


.standard_header {
	background-color: #000000;
	white-space:nowrap;
	color: #FFFFFF;
	height:23px;
	overflow:hidden;
}
.standard_header_hidden {
	background-color: #000000;
	height:5px;
}
.standard_header_padding {
	padding:5px;
}
.standard_header_link {
	text-decoration:underline;
	color: #FFFFFF;
}
.standard_header_link:hover{
	text-decoration: underline;
	color: #DDDDDD;
}
.standard_header_link_bold {
	text-decoration:underline;
	font-weight:bold;
	color: #FFFFFF;
}
.standard_header_link_bold:hover{
	text-decoration:underline;
	font-weight:bold;
	color: #DDDDDD;
}

.main_header {
	background-color: var(--primary-color);
	height:28px;
	padding: 12px 16px 12px 28px;
	overflow: hidden;
	border-bottom: 1px solid var(--datatable-border);
}
.main_header_text {
	color: var(--primary-text-color);
	font-size: 18px;
	font-weight: bold;
	padding: 2px;
}

.main_header table {
	height: 100%;
}

.main_header td {
	padding: 0;
	vertical-align: middle;
	line-height: 12px;
}

.main_header td.doNotShrink {
	white-space:nowrap;
	width:100%;
	display:block;
}

.horozontal_splitter {
	height: 0;
}

.fieldset_image {
	background-image: url(i_control/fieldset.gif);
}
.fieldset_text {
	white-space:nowrap;
	padding-right:3px;
	padding-left:3px;
}

/* ----------------------------------------------- */
/* Required Control Classes                        */
/* ----------------------------------------------- */
/* Header Control */
.header {
	height: 36px;
	background-color: #808080;
	white-space:nowrap;
	padding: 10px;
}

.header_text {
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bold;
	padding:2px;
	cursor:default;
	white-space:nowrap;
}

/* Paging Control */
.paging_bar {
	height: 32px;
	padding: 0 8px;
	background: var(--paging-background);
	border-top: 1px solid var(--paging-border);
	overflow: hidden;
}
.paging_text {
	color: var(--primary-text-color);
	padding-top: 2px;
	cursor: default;
	white-space: nowrap;
	vertical-align: middle;
}
.paging_icon_box {
	height: 20px;
	padding-top: 0;
	white-space: nowrap;
	width: 88px;
}
.paging_icon {
	padding: 0px;
}
.paging_from_box {
	border: 1px solid var(--input-border);
	background-color: var(--input-background);
	color: var(--input-color);
}
.paging_s_on {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-first-img);
	opacity: .5;
	background-size: 14px;
}

.paging_b_on {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-previous-img);
	opacity: .5;
	background-size: 14px;
}

.paging_n_on {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-next-img);
	opacity: .5;
	background-size: 14px;
}

.paging_l_on {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-last-img);
	opacity: .5;
	background-size: 14px;
}

.paging_s_on:hover,
.paging_b_on:hover,
.paging_n_on:hover,
.paging_l_on:hover {
	opacity: .65;
}

.paging_s_on:active,
.paging_b_on:active,
.paging_n_on:active,
.paging_l_on:active {
	opacity: 1;
}

.paging_s_off {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-first-img);
	opacity: .25;
	background-size: 14px;
	cursor: default;
}
.paging_b_off {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-previous-img);
	opacity: .25;
	background-size: 14px;
	cursor: default;
}
.paging_n_off {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-next-img);
	opacity: .25;
	background-size: 14px;
	cursor: default;
}
.paging_l_off {
	width:14px;
	height:14px;
	text-decoration:none;
	display:block;
	background: var(--pagination-last-img);
	opacity: .25;
	background-size: 14px;
	cursor: default;
}

/* Toolbar Control */
.toolbar {
	height: 32px;
	overflow: hidden;
	display: flex;
	padding: 8px 4px 8px 22px;
	align-items: center;
}
.contentDefinedWidth .toolbar {
	border: none;
}
.toolbar table {
	width: auto;
	height: 32px;
	border-collapse: separate;
}
.toolbar table th,
.toolbar table td {
	vertical-align: middle;
	line-height: 12px;
	text-align: left;
	padding: 0 4px 0;
	outline: 0;
}
.toolbar table td.toolbarSpacer {
	height:25px;
	padding: 0 8px;
}

.toolbar_item {
	cursor: pointer;
	padding-right:4px;
	padding-left:4px;
	background-color: var(--button-color);
	border-radius: 2px;
}
.toolbar_item_disabled {
	cursor: default;
	padding-right:4px;
	padding-left:4px;
	border-radius: 2px;
	background-color: var(--button-disabled-color);
	opacity: var(--button-disabled-opacity);
}
.toolbar_item_over {
	cursor: pointer;
	padding-right:4px;
	padding-left:4px;
	outline: 0;
	background-color: var(--button-hover-color);
	border-radius: 2px;
}
.toolbar_item_over:active,
.toolbar_item_down {
	background-color: var(--button-active-color);
	box-shadow: none;
	border-radius: 2px;
	cursor: pointer;
	padding-right:4px;
	padding-left:4px;
	outline: 0;
}
.toolbar_item img,.toolbar_item_over img,.toolbar_item_down img, .toolbar_item_disabled img {
	vertical-align: middle;
}
.toolbar_item_text {
	color: var(--primary-text-color);
	white-space:nowrap;
}
.toolbar_item_text2 {
	color: rgba(255, 255, 255, 0.92);
	white-space:nowrap;
}
.toolbar_item_text_disabled,
.toolbar_item_text2_disabled {
	color: #9F9F9F;
	white-space:nowrap;
}

/* Search Control Toolbars */
.search_toolbar {
	background-repeat: repeat-x;
	min-height: 24px;
	padding: 3px;
	line-height:12px;
}
.search_toolbar table {
	width: auto;
	border-collapse: separate;
}
.search_toolbar table th,
.search_toolbar table td {
	vertical-align: middle;
	line-height: 12px;
	text-align: left;
	padding: 0 3px;
	box-shadow: none;
}

#search .search_toolbar {
  padding-right: 20px;
}
#search .search_toolbar table {
	width: 100%;
}
#search .search_toolbar table td:nth-child(2) {
	width: 256px;
}
#search .search_toolbar table td:nth-child(3) {
	width: 156px;
}
#search .search_toolbar table td:nth-child(4) {
	width: 100%;
}
#search .search_toolbar table td:nth-child(5) {
	width: 60px;
	padding-left: 10px;
}
#search .search_toolbar table td:last-child {
	padding-right: 10px;
}
#search .search_toolbar input.searchCriteria {
	width: 100%;
}

.search_toolbar input.searchCriteria, .search_toolbar select.searchCriteria  {
	width: 100%;
}
.search_toolbar .timeBarSize {
	overflow:hidden;
}

#search-dropdown-icon {
	float: right;
    width: 32px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    height: 26px;
    margin-left: -1px;
    vertical-align: middle;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: var(--dropdown-background);
}

.timeBarSize > div {
	display: inline-block;
	vertical-align: top;
}

.timeBarSize > div:first-child {
	margin-right: -40px;
}

.timeBarSize > #customTimeBar {
	margin-left: 40px;
}

/* Datatable Control */
.datatable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}
/*Override pages using bootstrap.css styles to perform proper datatable styling*/
.datatable table {
	width: auto;
}

.datatable table th,
.datatable table td {
	vertical-align: middle;
	padding: 0;
	text-align: left;
}

.datatable input[type=checkbox],
.datatable input[type=radio] {
  /* Use bootstrap default margin. We usually override the right margin, but don't want extra space here */
  margin-right: 3px;
}

.datatable table[id$="_header_table"] {
  border-bottom: 1px solid var(--datatable-border);
  background-color: var(--datatable-header);
}

.datatable table[id$="_header_table"] td:first-child {
  padding-left: 39px;
}

.datatable .no-grouping > table[id$="_header_table"] td:first-child {
  padding-left: 3px;
}

.datatable_header_bk {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
}
.datatable_rows_bk {
	padding-bottom: 15px;/*Fix for MAC invisible scrollbars blocking last row*/
}
.datatable_column, .datatable_column_over, .datatable_column_down {
	border-right:1px solid var(--datatable-border);
	text-overflow: ellipsis;
	overflow: hidden;
	height: 27px;
}

.datatable_column_down {
	background-color: var(--datatable-column-down-color);
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
}

tr.datatable_row > td {
	background-color: var(--primary-color);
	border-top: 1px solid var(--datatable-border);
	color: var(--primary-text-color);
	cursor: default;
	overflow: hidden;
	height: 23px;
}

tr.datatable_row.datatable_row_selected > td,
tr.datatable_row.datatable_row_selected > td.datatable_cell_sort {
	background-color: var(--dropdown-item-enabled-background);
}

tbody tr {
    outline: 0;
}

.datatable_image {
	padding:2px;
	overflow:hidden;
}
.datatable_overflow {
	overflow:hidden;
}
.datatable_text {
	color: var(--primary-text-color);
	padding: 6px 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.table-group-children table tbody tr td:first-child {
	padding-left: 4px;
}

.table-group-children {
	margin-left: 32px;
}

#mainTable_header {
	z-index: 2;
}

#mainTable_headerRow .datatable_text,
#amComponent_headerRow .datatable_text {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}
.dt_center {
	text-align: center;
}
.dt_right {
	text-align: right;
}
.datatable_icon {
	vertical-align: middle;
}
.datatable_resizer {
	padding:0px;
	cursor:e-resize;
	height:27px;
	white-space:nowrap;
}

.datatable_spliter {
	padding:0px;
	background-color:#EDEDEA;
	height:27px;
	white-space:nowrap;
}
.datatable_resizer_over {
	padding:0px;
	cursor:e-resize;
	height:27px;
	white-space:nowrap;
}
.datatable_group_inner {
	border-top: 1px solid var(--datatable-border);
	padding-top: 4px;
	padding-bottom: 4px;

}
.datatable_group_inner_selected {
	color: var(--primary-text-color);
	border-top: 1px solid var(--datatable-border);
	background-color: var(--datatable-group-selected);
	padding-top: 4px;
	padding-bottom: 4px;
}
.datatable table td.datatable_group_text {
	color: var(--primary-text-color);
	padding:3px;
	padding-left:6px;
	padding-right:4px;
	white-space:nowrap;
	font-weight: bold;
	cursor:default;
}
.datatable_group_text_2 {
	color: var(--datatable-group-text-2-color);
	cursor:default;
	white-space:nowrap;
}
.datatable_group_text_2 img,
.datatable_group_text_2_selected img {
	padding: 3px 0 0 4px;
}
.datatable table td.datatable_group_text_selected {
	padding:3px;
	padding-left:6px;
	padding-right:4px;
	white-space:nowrap;
	cursor:default;
	font-weight: bold;
}
.datatable table td span.datatable_group_count {
	font-weight: normal;
}
.datatable_group_text_2_selected {
	color:#ffffff;
	cursor:default;
	white-space:nowrap;
}
.datatable_sort_icon {
	vertical-align: middle;
	margin-top: -3px;
}
.datatable_primary {
	background-color: var(--primary-color);
}
.datatable_secondary {
	background-color: var(--secondary-color);
}

.menutreeview_item_row {
	padding: 0;
	white-space:nowrap;
	-moz-user-select:none;
	position:relative;
}

.menutreeview_item_row .context-caret {
	position:absolute;
	top:4px;
	right:4px;
	display:none;
	background-size:cover;
	padding:4px;
}

.menutreeview_item_row .info-caret {
	position:absolute;
	top:4px;
	right:4px;
	display:none;
	background-size:cover;
	padding:4px;
}

.menutreeview_item_row .context-caret img {
	width:16px;
}

.menutreeview_item_row .info-caret img {
	width:16px;
}

.menutreeview_item_row img {
	vertical-align:middle;
}
.menutreeview_item_row img[src="i_control/tree_open.svg"],
.tree-icon[src="i_control/tree_open.svg"] {
	opacity: 0.6;
}

.menutreeview_item_row img[src="i_control/tree_open.svg"]:hover,
.tree-icon[src="i_control/tree_open.svg"]:hover {
	opacity: 1;
}
.menutreeview_item {
	background-image:none;
	line-height: 22px;
	padding: 6px 8px 6px 0;
	cursor: pointer;
}
.menutreeview_item_nopage {
	background-image:none;
	line-height: 22px;
	padding: 6px 8px 6px 0;
	cursor: default;
}
.menutreeview_item:hover, .menutreeview_item_contextmenu_selected {
	background: var(--dropdown-item-hover-background);
}
.menutreeview_item_selected,
.menutreeview_item_selected_brancher {
	line-height: 22px;
	background: var(--dropdown-item-enabled-background);
	padding: 6px 8px 6px 0;
	font-weight: bold;
	cursor: pointer;
}
.menutreeview_item_selected span,
.menutreeview_item_selected_brancher span {
	font-size: 14px;
}
.menutreeview_item_text, .menutreeview_item_text_selected, .menutreeview_item_text_disabled {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 8px;
	display:inline-block;
	outline: 0;
}
.menutreeview_item_text > span, .menutreeview_item_text_selected > span, .menutreeview_item_text_disabled > span {
	padding-left: 8px;
	padding-right: 4px;
	display:inline-block;
}

.menutreeview_item_text_selected img {
	margin-top: 1px;
}

.menutreeview_item_text,
.menutreeview_item_text_selected {
	color: var(--primary-text-color);
}

.menutreeview_item_text_disabled {
	color: var(--text-disabled);
}

/* Treeview Control */
.treeview_item_padding {
	padding: 1px;
	white-space:nowrap;
}
.treeview_item_link {
	font-weight: normal ! important;
	text-decoration: none ! important;
}
.treeview_item_link_disabled {
	font-weight: normal ! important;
	text-decoration: none ! important;
}
.treeview_item_text {
	color: var(--primary-text-color);
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	margin-left:2px;
}
.treeview_item_text_disabled {
	color: var(--text-disabled);
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	margin-left:2px;
}
.treeview_item_text_selected {
	background-color:#878787;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	border-radius: 3px;
	margin-left:2px;
}

.treeview-icon {
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

/*
New in 5.1
*/
.treeview_s_c {
	margin:0px;
	padding:0px;
	padding-right:2px;
	padding-left:2px;
	vertical-align: middle;
}
.treeview_s_nc {
	margin:0px;
	padding:0px;
	padding-left:2px;
}
.treeview_cb_c {
	margin:0px;
	display:inline;
}
.treeview_cb_nc {
	width:16px;
	height:16px;
	margin:0px;
	display:inline;
}
.treeview_i {
	width:18px;
	height:18px;
	border-width:0px;
}
.treeview_i_spacer {
	width: 16px;
	height: 16px;
	border-width: 0;
	vertical-align: middle;
}

/* Context Menu Control */
.contextmenu_box {
	border: 1px solid var(--border-color);
	background: var(--dropdown-background);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
}

.contextmenu_item {
	color: var(--primary-text-color);
	cursor: pointer;
	padding: 6px 8px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.contextmenu_item td, .contextmenu_item_over td {
	padding:0px;
}
.contextmenu_item_text,
.contextmenu_item_text_over {
	cursor: pointer;
	padding:0px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.contextmenu_item_over {
	color: var(--primary-text-color);
	background-color: var(--dropdown-item-hover-background);
	cursor: pointer;
	padding: 6px 8px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.contextmenu_spacer {
	padding:0px;
	height:1px;
	background-color: var(--dropdown-divider);
	margin:4px 1px;
	overflow:hidden;
}
.contextmenu_box div img {
	vertical-align: top;
	margin-right: 3px;
}
.contextmenu_expander div {
	width: 12px;
	height: 12px;
	background-size: 16px;
	background-image: url(i_control/right_arrow.svg);
}

/* Toolbar Drop Menu Control */
.toolbardropmenu_box {
	background-color: var(--dropdown-background);
	cursor: pointer;
	padding-top: 4px;
	animation: fadeIn 0.1s ease-in-out;
	padding-bottom: 4px;
	width:164px;
	border: 1px solid var(--dropdown-border);
}
.toolbardropmenu_item, .toolbardropmenu_item_disabled {
	color: var(--primary-text-color);
	cursor: pointer;
	padding: 6px 8px;
}
.toolbardropmenu_item_over {
	background-color: var(--dropdown-item-hover-background);
	color: var(--primary-text-color);
	cursor: pointer;
	padding: 6px 8px;
}
.toolbardropmenu_item img,
.toolbardropmenu_item_over img,
.toolbardropmenu_item_disabled img {
    margin-right: 3px;
}

.toolbardropmenu_item_text_disabled {
	color: var(--menu-item-disabled-text);
}
.toolbardropmenu_item_disabled {
	color: var(--menu-item-disabled-text);
}
.toolbardropmenu_spacer {
	padding:0px;
	height:1px;
	background-color: var(--dropdown-divider);
	border-bottom:1px solid var(--dropdown-background);
	margin:4px 1px;
	overflow:hidden;
}


/* InfoBox Control */
.infobox {
	border: 1px solid var(--border-color);
}
.infobox_title {
	padding: 6px;
    cursor: pointer;
    background: var(--secondary-color);
    font-weight: bold;
}
.infobox_title_link {
}
.infobox_title_link:HOVER {
}
.infobox_content {
    border-top: 1px solid var(--border-color);
	padding:8px;
}

/* Tab Control - Be very specific about the tab class - to resolve conflict with the new style sheet.*/
#tabGroup {
	background-color: var(--primary-color);
}
.tab_group {
	text-overflow:ellipsis;
	overflow:hidden;
}
.tab_group > div {
	position:relative;
	border-bottom: 1.5px solid var(--border-color);
	height: 36px;
	background-color: var(--primary-color);
	z-index:2;
}
.tab_group table {
	width: auto;
}

.tab_group table td {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	height: 20px;
    line-height: 20px;
	padding: 8px 12px;
	font-weight: bold;
	outline: 0;
	border-right: solid 0.5px var(--border-color);
}

.tab_group table td:first-child {
	border-left: solid 1px #ddd;
}

.tab_group td.tab {
	cursor: pointer;
	background: var(--dashboard-tab);
}
.tab_group td.tab_over {
	background: var(--dashbaord-tab-over);
	cursor: pointer;
}
.tab_group td.tab_selected {
	background: var(--dashboard-tab-selected);
	cursor:default;
	border-top: solid 1.5px var(--border-color);
	outline: 0;
}
.tab_group td.tab_selected .tab_name {
	margin-top: -1px;
	color: var(--primary-text-color);
}
.tab_group .tab_name {
	min-width: 40px;
	text-align: center;
	text-overflow:ellipsis;
	overflow: hidden;
	float: left;
	padding-top: 1px;
	white-space: nowrap;
	color: var(--primary-text-color);
	font-weight:bold;
}

.tab_group .tab_close {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 20px;
	padding: 2px 0px 2px 2px;
}

.tab_group .tab_close a {
	padding-top: 2px;
	text-shadow: none;
	color: var(--dashboard-tab-name);
}

.tab_group .tab_selected .tab_close {
    margin-top: -1px;
}

.tab_disabled {
	background: var(--dashboard-tab);
	cursor: pointer;
}

.tab_scroll_area {
	overflow: hidden;
}

.tab_scroll_area div.tab_scroll {
	padding: 12px 2px 0px 6px;
    background: var(--button-color);
    border: 1px solid var(--button-active-color);
    width: 14px;
    height: 24px;
    cursor: pointer;
    text-overflow: ellipsis;
}
.tab_scroll_area div.tab_scroll_over{
	padding: 12px 2px 0px 6px;
    background: var(--button-hover-color);
    border: 1px solid var(--button-active-color);
    width: 14px;
    height: 24px;
    cursor: pointer;
    text-overflow: ellipsis;
}
.tab_scroll_area div.tab_scroll_down{
	padding: 12px 2px 0px 6px;
    background: var(--button-hover-color);
    border: 1px solid var(--button-active-color);
    width: 14px;
    height: 24px;
    cursor: pointer;
    text-overflow: ellipsis;
}

/* Inner Tab Control - Be very specific about the tab class - to resolve conflict with the new style sheet.*/
.inner_tab_group {
	text-overflow:ellipsis;
	overflow:hidden;
}
.inner_tab_group > div {
	position:relative;
	height: 36px;
	background-color: var(--primary-color);
	z-index:2;
}
.inner_tab_group table {
	width: auto;
}

.inner_tab_group table td {
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	height: 20px;
    line-height: 20px;
	padding: 8px 12px;
	outline: 0;
	border-left: solid 0.5px var(--border-color);
}

.inner_tab_group table td:first-child {
	border-left: none;
}

.inner_tab_group td.tab {
	cursor: pointer;
	background: var(--dashboard-tab);
}
.inner_tab_group td.tab_over {
	background: var(--dashbaord-tab-over);
	cursor: pointer;
}
.inner_tab_group td.tab_selected {
	background: var(--dashboard-tab-selected);
	color:#000000;
	cursor:default;
	outline: 0;
}
.inner_tab_group td.tab_selected .tab_name {
	margin-top: -1px;
	color: var(--primary-text-color);
	font-weight:bold;
}
.inner_tab_group .tab_name {
	min-width: 40px;
	text-align: center;
	text-overflow:ellipsis;
	overflow: hidden;
	float: left;
	padding-top: 1px;
	white-space: nowrap;
	color: var(--dashboard-tab-name);
}

.inner_tab_group .tab_close {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 20px;
	padding: 2px 0px 2px 2px;
}

.inner_tab_group .tab_close a {
	padding-top: 2px;
	text-shadow: none;
	color: var(--dashboard-tab-name);
}

.inner_tab_group .tab_selected .tab_close {
    margin-top: -1px;
}



/* toggled display*/
.toggledInfoLeft{
	color:gray;
	padding-left:20px;
	padding-right:10px;
}.toggledInfoRight{
	color:gray;
}

/* Calendar Control */
.calendar_box {
	border: 1px solid var(--calendar-border-color);
	background-color: var(--calendar-background);
	width: 156px;
}
.calendar_box_disabled {
	background: var(--input-disabled-color);
}
.calendar_box_disabled img.calendar_button {
	cursor: default;
}
.calendar_box input {
  padding-right: 2px;
}
.calendar_box img {
  padding-right: 8px;
}
.calendar_entry {
	border: 0px;
	border-radius: 0px;
	padding: 1px;
	margin: 0px;
	box-shadow: none;
}
.calendar_button {
	vertical-align: text-bottom;
	cursor:pointer;
	-moz-user-select: none;
}
.calendar_pop_box {
	padding: 4px;
	border: 1px solid var(--calendar-border-color);
	box-shadow: 0 2px 4px var(--calendar-border-color);
	background-color: var(--primary-color);
	-moz-user-select: none;
}
.calendar_pop_box td {
	padding: 1px;
}
.calendar_pop_box .calendar_content table {
	border-collapse: separate;
}

.calendar_month_box {
	-moz-user-select: none;
	width:140px;
	background-color: var(--calendar-month-box-background);
}
#fromDate_monthYear {
	font-weight: bold;
}
.calendar_month_box .calendar_button {
	vertical-align: middle;
}

.calendar_month {
	width:108px;
	cursor:default;
	text-align:center;
	-moz-user-select: none;
}
.calendar_header {
	border-bottom: 2px solid var(--calendar-content-border-color);
	text-align:center;
	cursor:default;
	-moz-user-select: none;
}
.calendar_content .calendar_footer {
	border-top: 2px solid var(--calendar-content-border-color);
	padding-top: 4px;
	text-align:center;
	cursor:default;
	-moz-user-select: none;
}
.calendar_day_out_of_month {
	color:#BBB8CF;
	text-align:center;
	border: 1px solid var(--primary-color);
	cursor:pointer;
	-moz-user-select: none;
}
.calendar_day_in_month {
	text-align:center;
	cursor:pointer;
	-moz-user-select: none;
}
.calendar_day_in_month:hover {
	background-color: var(--calendar-day-in-month-hover);
}
.calendar_day_selected {
	text-align:center;
	background-color: var(--calendar-day-selected-background);
	-moz-user-select: none;
}

/* Time Control */
.time_box {
	border: 1px solid var(--calendar-border-color);
	background-color: var(--calendar-background);
	width: 95px;
}
.time_entry {
	border: 0px;
	border-radius: 0px;
    box-shadow: none;
	padding: 1px;
	margin: 0px;
	width: 76px;
	text-align:left;
}
.time_button {
	vertical-align: text-bottom;
	cursor:pointer;
	-moz-user-select: none;
}
.time_pop_box {
	border: 1px solid var(--calendar-border-color);
	box-shadow: 0 2px 4px (--calendar-border-color);
	background-color: var(--calendar-background);
	-moz-user-select: none;
}
.time_item {
	padding-left:6px;
	cursor:pointer;
	-moz-user-select: none;
	text-align:left;
}
.time_item:hover {
	background: var(--calendar-time-item-hover);
}
.time_item_selected {
	padding-left:6px;
	background-color: var(--calendar-time-item-selected);
	color: #FFFFFF;
	-moz-user-select: none;
	text-align:left;
}
.simple_search_input {
	height: 24px;
	padding: 4px;
	border-radius: 0;
	border: none;
	box-shadow: none;
	background-color: var(--input-background);
	color: var(--primary-text-color);
}
.simple_search_input:focus {
	transition: none 0s ease 0s;
	border-radius: 0;
	border: none;
	box-shadow: none;
	background-color: var(--dropdown-background);
	color: var(--primary-text-color);
}
.simple_search_input_empty {
	border:none;
}
.simple_search_div {
	background-color: var(--dropdown-background);
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	border-right: 0;
	border-left: 1px solid var(--border-color);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.license-tooltip-tab {
	top: 0;
	right: 0;
	padding: 0.7em;
	z-index: 2;
}

span.license-tooltip-tab {
	width: auto;
	position: absolute;
	margin: auto;
}

div.license-tooltip-setting {
	float: none;
	vertical-align: middle;
	margin-top: 0;
	display: inline-block;
	width: auto;
}

.scheduled-task-advanced-feature-tag {
	 margin-left: 0 !important;
}

span.license-tooltip-tab > .tooltip-icon,  div.license-tooltip-setting > .tooltip-icon{
	filter: none;
	opacity: inherit;
	display: block;
}

.percent{
	display: block;
	float: left;
	background-color:white;
	border: 2px solid green;
	width:95%;
	text-align:center;
	color: #000000 !important;
}
.percent span{
	background-color:#00FF00;
	display:block;
	float:left;
	text-align:center;
}

/*
Settings page styling
*/
.settingsTitle {
	font-size: 12px;
	padding-left: 5px;
}

table.settings {
	width: 100%;
}

table.settings td {
	padding: 2px;
}

table.settings td+td {
	text-align: right;
	padding-right:40px;
}

/* Wizard screen styling */
.wizard-header {
  height: 30px;
  padding: 18px;
  border-bottom: 2px solid var(--bottom-section-border-color);
}
.wizard-header > h1 {
  font-size: 18px;
}
.wizardHelp {
	background-color: var(--primary-color);
}
.wizardBody {
	height: 420px;
	padding-left: 75px;
	padding-right: 75px;
	padding-top: 20px;
	background-color: var(--primary-color);
	overflow: auto;
	line-height: 1.5;
}

.wizardWideContent {
	padding-right: 30px;
}

.wizardShortSummary {
	vertical-align:middle;
}
.wizardButtons {
	border-top: 1px solid var(--host-status-border);
	padding: 10px;
	text-align: right;
}
.okCancelButtons {
	text-align: right;
	padding: 12px 6px;
	border-top: 2px solid var(--border-color);
	background: var(--dropdown-background);
}

/* Styles needed to size some content, that may scroll, and have button positioned below the scroll area */
.okCancelButtonsWrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 48px;
  background: var(--dropdown-background);
}

.okCancelButtonsWrapper p {
	padding-left: 18px;
}
.okCancelButtonsWrapper .okCancelButtons,
.okCancelButtonsWrapper .wizardButtons {
  height: 100%;
  box-sizing: border-box;
}
.scrollableSection {
  background-color: var(--dropdown-background);
  height: calc(100% - 48px);
  box-sizing: border-box;
  overflow: auto;
}
/* Section in a modal inside .scrollableSection contains full content except the message banners */
.wizard-main-section,
.modal-main-section {
  padding: 18px;
  /* Scroll bar causes change of height */
  width: 100%;
  box-sizing: border-box;
}

/* Copy from aws_quickstart_wizard.css to reuse it in Azure wizard */
p.radio-btn-details {
  margin-left: 30px;
  margin-top: 10px;
}
.option-section {
  margin-top: 25px;
}

/* Progress Bar Style */
@-webkit-keyframes progress {
  0% {
    left: -25%;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}

@keyframes progress {
  0% {
    left: -25%;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}

.progress-bar,
.progress-bar-infinite {
  position: relative;
  height: 15px;
  margin-top:30px;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
  background: var(--progress-bar-background);
  opacity: 1;
}

.progress-bar > div,
.progress-bar-infinite > div {
  position: relative;
  height: 100%;
  height: 100%;
  width: 0;
  margin: 0;
  background: var(--progress-bar-indicator-background);
  transition: width 0.5s ease-out;
}

.progress-bar-infinite > div {
  width: 25%;
  -webkit-animation: progress 2.5s infinite linear;
  animation: progress 2.5s infinite linear;
}

/* Styles for advanced search bars */
.searchContainer {
	padding: 0;
	border-collapse: collapse;
	height: 100%;
	background-color: var(--search-container-background);
	border-bottom: 1px solid var(--search-container-border);
	border-top: 1px solid var(--search-container-border);
	color: var(--primary-text-color);
}

.searchContainer td {
	padding: 0;
	height: 100%;
}

.searchContainer .search_toolbar {
	padding: 8px 0 8px 12px;
	border-top:	1px solid var(--search-container-border);
}

.search_toolbar .align-right {
	text-align: right;
}

/* Styles below here used to be in trend.css*/
/* Trend Micro Styles */

button > img {
	vertical-align: bottom;
}

/* Overrides */
*, td, p {
	font-size: 13px;
}
a.menu:after,
.dropdown-toggle:after {
	margin-top: 0;
	margin-left: 4px;
	vertical-align: middle;
	opacity: 1;
	border-width: 4px; /* Dropdown arrow */
}
.menu-dropdown, .dropdown-menu {
	top: 20px;
	right: 0;
	border-radius: 0;
	visibility: hidden;
	opacity: 0;
	display: block;
	background: var(--dropdown-background);
	border: 1px solid var(--border-color);
}
.open .menu, .dropdown.open .menu, .open .dropdown-toggle, .dropdown.open .dropdown-toggle {
	background: transparent;
	color: #0069D6;
}
.topbar .dropdown-menu a, .dropdown-menu a {
	color: var(--primary-text-color);
	text-shadow: none;
}
.topbar .dropdown-menu a:hover,
.dropdown-menu a:hover,
.topbar .dropdown-menu a.hover,
.dropdown-menu a.hover {
  background: #f5f5f5;
}

.dropdown-menu a.notification-icon {
	background-position:center right 12px !important;
}

.dropdown-toggle.notification-icon {
	background-position:center right 12px !important;
}

.dropdown-toggle.notification-icon .icon_support {
	padding-right:20px;
}

/* Overriding styles in splitter.css, to ensure the tree menu & datatable list page have appropriate scroller display
	Tree Menu - The scroller should scroll the content of tree menu page. Not the whole page.
	Datatable List - The scroller should scroll the content of datatable list, while column headers stay fixed at the top.
	*/
.container_splitter {
	height: auto;
	margin: 7px 0 0 0;
}

.container_splitter .sidebar {
	height: initial;
	background-color: var(--primary-color);
}

.container_splitter .splitter .contentLeft {
	background-color: var(--primary-color);
	float: left;
	height: 100%;
	width: 100%;
	position: relative;
}
.container_splitter .splitter .content {
	border-left: none;
	border-right: none;
	border-bottom: none;
	position: relative;
}
.content {
	height: 100%;
}
.container_splitter .splitter iframe {
	height: 100%;
	width:100%;
}
.container_splitter .splitter .content iframe {
	overflow: hidden;
}

/* Modal Window Style*/
.modal_size_1 {
	top: 0;
	left: 0;
	width: 90%; /* percent to make it relative to the parent*/
	margin: 5%;
}
.modal_size_1 .modal-body {
	max-height: 300px; /* maximum height for the modal body*/
}
.modal-move-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
}
.modal-backdrop, .modal-backdrop.fade.in {
  background: rgba(34,34,34,0.75);
}

/* Editor Title Bar */
#editorTitle {
	margin: -7px -7px 0;
	padding: 12px 18px 4px 12px;
	background: #3d3d3d;
	border-bottom: 2px solid #ed1c24;
}

#editorTitle h1{
	background: none;
	color: black;
	line-height: 20px;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top: -5px;
	padding: 5px 10px;
}

#editorTitle h1 span{
	font-size: 18px;
	color: #fff;
}

#editorTitle h1 span:first-child {
	color: #ccc;
}

#editorTitle td a {
	opacity: .8;
}

#editorTitle td a:hover,
#editorTitle td a:active {
	opacity: 1;
}

#editorTitle table {
	margin-bottom:0;
}

#editorTitle table td {
	vertical-align: baseline;
}

#editorTitle table th,
#editorTitle table td {
	line-height: normal;
	padding: 0px;
}
/*
.container_splitter > h1 {
	background: none;
	color: black;
	line-height: 20px;
}
*/
/* HEADER */
#tm_header {
	padding: 10px 20px 0;
	background-color: #3d3d3d;
	border-bottom: 2px solid #ff0000;
	min-height: 45px;
}
#tm_header #tm_header_links > li > a,
.tm-header-link-item {
	color: #fff;
	opacity: 0.8;
}
#tm_header #tm_header_links > li > a:hover,
#tm_header #tm_header_links > li > a:active,
.tm-header-link-item:hover,
.tm-header-link-item:active {
	opacity: 1;
}
#tm_logo_link{
  float: left;
}
.tm_logo {
	display: inline-block;
	height: 35px;
	width: 320px;
}
#tm_header #tm_header_links {
	font-weight: normal;
	float: right;
	margin: 0;
	line-height: 38px;
	white-space:nowrap;
}
#tm_header #tm_header_links a {
	outline: 0;
}
#tm_header #tm_header_links > li {
	border-left: 1px solid #fff;
	display: inline;
	line-height: 24px;
	padding: 0 4px 0 8px;
}
#tm_header #tm_header_links > li:first-child {
	border-left: none;
	color: white;
}

.tooltip-ds {
	float:right;
	width:16px;
	margin-left:10px;
	margin-top:5px;
	position:relative;
}

.tooltip-ds .tooltip-icon {
	filter: grayscale(40%);
	opacity: 0.6;
	transition: all 0.2s ease-in;
	cursor:pointer;
}

.tooltip-ds .tooltip-icon:hover {
	filter: grayscale(0%);
	opacity: 1;
	transition: all 0.2s ease-in;
}

.tooltip-ds.active .tooltip-icon, .tooltip-ds.active .tooltip-icon:hover {
	opacity:1;
	filter: grayscale(0%);
	transition: all 0.2s ease-in;
}

#context-help-tooltip, #search-help-tooltip {
	display:none;
}

#search-help-tooltip {
	top:30px;
}

.help-tooltip {
	display:none;
	position:absolute;
	top:25px;
	left:calc(50% - 80px);
	width:160px;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:10px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index:999;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}

.help-tooltip:after, .help-tooltip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.help-tooltip:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 5px;
	margin-left: -5px;
}
.help-tooltip:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 6px;
	margin-left: -6px;
}

/* ICONS */
.icon_help {
	background: transparent url('images/icons/help_primary.svg') no-repeat left;
	padding: 2px 0 2px 22px;
	color: #fff;
}
.icon_news {
	background: transparent url('images/icons/notifications_grey.svg') no-repeat left;
	padding: 2px 0 2px 22px;
	background-size:16px;
}
.wizard .icon_help {
	background: transparent var(--help-img) no-repeat left;
	padding: 2px 0 2px 22px;
	line-height: inherit;
	font-weight: normal;
	color: var(--help-color);
}
.icon_support {
	background: transparent url('images/icons/support.svg') no-repeat left;
	padding: 2px 0 2px 22px;
}
.form_footer {
	border-top: 1px solid #E3E2E2;
	border-bottom: 1px solid #E3E2E2;
	border-top: 1px solid #E3E2E2;
	margin-bottom: 1px;
	background-color: #F1F1F1;
	text-align: right;
	padding: 10px;
}
.icon_table td {
	font-size: 12px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}


/* end toolbar*/


.content iframe {
	width: 100%;
	height: 100%;
	border: none;
	overflow: visible;
}

.advanced_search{
	margin-left: 0;
	padding:4px 5px 5px 0;
	border: 0;
	width:19px;
	background: none;
}
.img_disabled {
	opacity:0.28;
	filter:alpha(opacity=28);
}
.img {
	opacity:1.0;
	filter:alpha(opacity=100);
}
/* Cause fieldsets to be floated, which forces their width to be calculated based on their contents, not their container. */
fieldset.contentDefinedWidth {
	float:left;
	clear:both;
	margin-bottom: 11px;
}

/*carousel style from bootstrap v2.0.2*/

.carousel {
	position: relative;
	line-height: 1;
}
.carousel-inner {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.carousel .item {
	display: none;
	position: relative;
	transition: 0.6s ease-in-out left;
}
.carousel .item > img {
	display: block;
	line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
	display: block;
}
.carousel .active {
	left: 0;
}
.carousel .next,
.carousel .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel .next {
	left: 100%;
}
.carousel .prev {
	left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
	left: 0;
}
.carousel .active.left {
	left: -100%;
}
.carousel .active.right {
	left: 100%;
}
.carousel-control {
	position: absolute;
	top: 178px;
	left: 15px;
	width: 32px;
	height: 32px;
	margin-top: -20px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	text-align: center;
}
.carousel-control.right {
	left: auto;
	right: 15px;
}
.carousel-control:hover {
	text-decoration: none;
	opacity: 0.65;
	cursor: pointer;
	filter: alpha(opacity=65);
}
.carousel-caption {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 4px 15px;
	background: #333333;
	background: rgba(0, 0, 0, 0.75);
	min-height: 112px; /*Allow the caption to accomodate at least 3 lines of text*/
}

.carousel-caption h4,
.carousel-caption p {
	color: #ffffff;
}

.carousel-caption a{
	color: #ffffff;
	text-decoration:underline;
}

.carousel-caption a:hover {
	color: #B7B7B7;
	text-decoration: underline;
}

.carousel-caption-title{
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}

/* Special Modal Window Style */

.modal-big-splash{
	height: 582px;
	margin: 64px 0 0 -437px;
	max-height: 582px;
	min-width: 875px;
	top: 5%;
	overflow: hidden; /*override the .modal in bootstrap.css */
}

.modal-big-splash-body{
	max-height: 480px;
}

.modal-big-splash iframe{
	border:none;
	width:845px;
	height:440px;
}

#modal_1_buttons,
#modal_2_buttons,
#modal_3_buttons,
#modal_4_buttons,
#modal_5_buttons,
#modal_6_buttons,
#modal_7_buttons,
#modal_8_buttons,
#modal_9_buttons {
	padding-bottom: 12px;
	padding-top: 12px;
	border-top: 2px solid var(--bottom-section-border-color);
}

/* Common styles across tenant dashboard widgets */
table.top5Tenants {
	margin-top: 5px;
}
table.top5Tenants th {
	font-weight:bold;
	font-size:11px;
	text-align: left;
	white-space: nowrap;
	text-transform: uppercase;
}
table.top5Tenants td img {
	display: block;
}

#legendTable {
	margin-left: 8px;
	width: 98%;
}


.tree_select_box {
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
 	border:1px solid var(--border-color);
 	color: var(--primary-text-color);
 	background-color: var(--dropdown-background);
 	padding: 4px 3px 6px 3px;
 	border-radius: 2px;
 	height: 16px;
}
.tree_select_box_disabled {
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
 	cursor: default;
 	padding: 1px 3px 1px 6px;
 	border-radius: 2px;
 	height: 24px;
 	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--input-disabled-color);
	opacity: var(--input-disabled-opacity);
	color: var(--input-color);
	border: 1px solid var(--input-border);
}

.tree_select_box:focus {
	outline: 0;
}
.tree_select_box_display {
	padding:0 5px;
	cursor: pointer;
	vertical-align:middle;
}

.tree_select_box_disabled .tree_select_box_display {
	cursor: default;
}
.tree_select_text_disabled {
	color: #a0a0a0; /* roughly the same effect as opacity=.35, which matches IE's disabled controls, but that doesn't work in IE 8 */
	cursor: default;
}
.tree_select_text_span {
	height:16px;
	display: inline-block;
	line-height:16px;
}
.tree_select_box_dropdown_disabled {
	padding-right:1px !important;
	padding-left:1px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
}
.tree_select_box_dropdown {
	cursor: pointer;
}
.tree_select_box_dropdown > img, .tree_select_box_dropdown_disabled > img {
	display: block;
}
.tree_select_display {
	white-space: nowrap;
	overflow:hidden
}

.hostStatusTable {
  width: initial;
}

.datatable table.hostStatusTable td {
	padding: 6px 4px;
}

.hostStatusTable table tbody td:first-child,
.hostStatusTable table tbody td:nth-child(2) {
	font-weight: 500;
}

.hostStatusTable tbody tr td:first-child table tr:first-child {
	border-bottom: 2px solid var(--host-status-border);
}
.hostStatusTable tbody tr td:first-child table tr td:first-child {
	border-right: 2px solid var(--host-status-border);
}

.moduleStatusTable td:first-child,
.moduleStatusTable td:last-child {
	padding-right: 40px;
}

/* Class to apply to elements that should not allow selection */
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Class to hide the 'x' button in input fields IE 10 */
.nobutton::-ms-clear {
	display: none;
}

/* Special styling for readme links */
a.readmeLink {
	padding-left: 4px;
	padding-right: 4px;
}

/* Administration */

#predefined,
#returnResults,
#tenant,
#tenant_chosen,
#datasource {
	width: 90%;
	margin: 8px 8px 0 8px;
}

label[for="datasource"],
label[for="tenant"],
label[for="returnResults"],
label[for="predefined"],
label[for="saved"] {
	margin-left: 8px
}

#saved {
	width: 90%;
	margin: 8px 8px 0 8px;
}

#query, #script, #out, #gdl {
	height: 100px;
	width: 90%;
	margin: 8px 8px 0 8px;
}

#script {
	height: 200px;
}

#out {
	height:150px;
	font-family:Courier;
	margin: 8px;
}

table.admin_hidden_table tr:nth-child(odd){
	background: var(--admin-hidden-table-odd-color);

}
table.admin_hidden_table tr:nth-child(even){
	background: var(--admin-hidden-table-even-color);
}

/* Custom DIV containers used by viewers, properties page*/
div.textarea {
	height: 130px;
	font-size: 12px;
	line-height: 18px;
	padding: 4px;
	background-color: #f5f5f5;
	overflow: auto;
	border-radius: 3px;
	border: 1px solid var(--input-border);
	transition: border linear 0.2s, box-shadow linear 0.2s;
	cursor: default;
	color: var(--input-color);
	background-color: var(--primary-color);
}

.img_middle {
	vertical-align: middle;
}

a:hover {
	text-decoration: none;
}
ul.dropdown-menu li a:hover {
	background: var(--dropdown-item-hover-background);
	color: var(--primary-text-color);
}

#searchOptions, #viewSelection, #groupSelection, #allSelection, .contextMenu, div.alert_details {
	animation: fadeIn 0.1s ease-in-out;
}

#mainSection .text_overflow .img_middle {
	padding-right: 4px;
	padding-bottom: 2px;
}

#mainSection #tabGroup {
	margin-left: -1px;
}

.tm-dropdown:after {
	width: 0;
	height: 0;
	display: inline-block;
	content: "↓";
	text-indent: -99999px;
	margin-top: 0;
	margin-left: 4px;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #ffffff;
	opacity: 1;
}

.open .menu-dropdown, .dropdown.open .menu-dropdown, .open .dropdown-menu, .dropdown.open .dropdown-menu {
	visibility: visible;
	opacity: 1;
}

.img-small {
	width: 18px;
    height: 18px;
}

.img-medium {
	width: 24px;
	height: 24px;
}

.img-mini {
	width: 14px;
	height: 14px;
}

.arrow-up {
	display: block;
	margin-top: 8px;
	width: 10px;
	height: 10px;
	border-left: 2px solid var(--preview-border-color);
	border-top: 2px solid var(--preview-border-color);
	transform: rotate(45deg);
	margin-bottom: -6px;
	margin-left: 12px;
	background-color: var(--modal-input-background);
}

/* ---- Loading Spinner ---- */

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner_large,
.spinner_small {
  position: relative;
}

.spinner_large {
  min-height: 32px;
  min-width: 32px;
}

.spinner_small {
  min-height: 18px;
  min-width: 18px;
}

.spinner_large:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 4px solid var(--spinner-border-color-three-fourth);
  border-top-color: var(--spinner-border-color-one-fourth);
  /* 50% less half the width of the spinner (24 + 4 + 4)/2 */
  top: calc(50% - 16px);
  left: calc(50% - 16px);
  display: inline-block;
  opacity: 1;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.spinner_small:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 4px solid var(--spinner-border-color-three-fourth);
  border-top-color: var(--spinner-border-color-one-fourth);
  /* 50% less half the width of the spinner (10 + 4 + 4)/2 */
  top: calc(50% - 9px);
  left: calc(50% - 9px);
  display: inline-block;
  opacity: 1;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

/* Replace the spinner with a static image so that it doesn't consume too much CPU usage (IE Only) */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .spinner_large:before,
  .spinner_small:before {
  	animation: none;
  	border-radius: 0;
  	border: none;
  	background-image: url("i_control/time_button.svg");
  	background-size: cover;
  }

  .spinner_large:before {
  	width: 28px;
  	height: 28px;
  	top: calc(50% - 14px);
  	left: calc(50% - 14px);
  }

  .spinner_small:before {
  	width: 18px;
  	height: 18px;
  	top: calc(50% - 9px);
  	left: calc(50% - 9px);
  }
}

#getEventsNowSpinner {
  vertical-align: middle;
  display: none;
  margin-right: 20px;
}

input#q {
	height: 26px;
}

#clear-search-icon {
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-top: 2px;
}

#clear-search-icon:hover {
	opacity: 0.6;
}

.input-disabled {
  background: var(--input-disabled-color);
}

.schedule-viewer td {
  padding: 2px 3px;
}

pre.legal-text {
  margin: 0;
  box-sizing: border-box;
  overflow: auto;
}

.search_hc_inner_addon {
	position : relative;
	display : inline-block;
}

.search_hc_inner_addon input {
	padding-left : 30px;
}

.search_hc_inner_addon img {
	position : absolute;
	padding : 8px 10px;
	pointer-events : none;
}

#multiTenantConfiguration {
	margin-bottom: 8px;
}

.icon-message {
  display: flex;
}

.icon-message :last-child {
  flex-grow: 1;
  margin-top: auto;
  margin-bottom: auto;
}

#bottomSection td {
	padding: 0;
}

#bottomSection {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid var(--bottom-section-border-color);
	background-color: var(--primary-color);
}

.previewLink {
	display: inline;
	padding: 1px 3px 4px;
	outline: 0;
	animation: fadeIn 0.08s ease-in-out;
}
.previewLink:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#saveButton {
	margin-right: 16px;
}

input.help_center_search {
	border: thin solid #5e5e5e;
	background: #151515;
	color: #fff;
}

input.help_center_search::-webkit-input-placeholder {
	color:#999;
}
input.help_center_search::-moz-placeholder {
	color:#999;
}
input.help_center_search:-ms-input-placeholder {
	color:#999;
}
.help_center_search:-moz-placeholder {
	color:#999;
}

input.help_center_search_in_ws {
	border:thin solid #5e5e5e;
	background: #3d3d3d;
	color: #fff;
}

input.help_center_search_in_ws::-webkit-input-placeholder {
	color:#999;
}
input.help_center_search_in_ws::-moz-placeholder {
	color:#999;
}
input.help_center_search_in_ws:-ms-input-placeholder {
	color:#999;
}
input.help_center_search_in_ws:-moz-placeholder {
	color:#999;
}

#q::-webkit-input-placeholder {
	color:#999;
}
#q::-moz-placeholder {
	color:#999;
}
#q:-ms-input-placeholder {
	color: #999;
}
#q:-moz-placeholder {
	color: #999;
}

.custom-d-flex {
	display: flex;
}

.notopborder td.custom-d-flex {
	display: table-cell;
}

/* Classes added to show/hide content for Cloud One */
.hideElement {
	display: none;
}

.showElement {
	display: block;
}

.showTableCell {
	display: table-cell;
}

.supportResourcesLabel td {
	padding-top: 1em;
	font-weight: bold;
}

.supportResourcesLabel:first-child td {
	padding-top: 0;
}

.supportResourcesLinks td {
	padding-left: 0;
}

#about,
#toPadd,
#box {
	color: var(--primary-text-color);
	background: var(--dropdown-background);
}

#toPaddOuterBox {
	padding: 5px;
	background: var(--dropdown-background);
}

.dropdown-background {
	background: var(--dropdown-background);
}

#rulesFrame {
	border: 1px solid var(--fieldset-border);
}

.general-border {
	border: 1px solid var(--border-color);
}

.general-border-bottom {
	border-bottom: 1px solid var(--border-color);
}

#installerHash {
	font-size: 10px;
	color: var(--secondary-text-color);
}

#containerProtectionAdvancedFeatureLabel {
	display: inline-block;
	float: none;
	width: 296px;
}

#containerProtectionAdvancedFeatureLabel img {
	filter: none;
	opacity: 1;
}

#scannerAdvancedFeatureLabel {
	display: inline-block;
	float: none;
	width: 179px;
}

#scannerAdvancedFeatureLabel img {
	filter: none;
	opacity: 1;
}

#tooltipContentCreditIcon {
	margin-top: 2px;
	margin-right: 8px;
}

.advanced-feature-tooltip-content {
	display: flex;
	color: var(--secondary-text-color);
}

.advanced-feature-tooltip-content-235-credits {
	color: var(--primary-text-color);
}

/*!
 * Copyright (C) 2014 Trend Micro Inc. All rights reserved.
 */

/*
 * This file contains language specific CSS. This will be ignored by the CSS
 * minimize build step because it's actually invalid CSS until the properties
 * have been filled in.
 *
 * A better way to do this in the future would be to build a separate style
 * sheet for each language.
 */

/*
 	Properties come from the resource bundle for the user's locale
*/

input[type="file"], input[type="text"], input[type="textarea"], textarea, select,
.tag, .tag_link, .tag_searched,
div#history > div,
div#content_com_trendmicro_ds_integrity_models_widgets_Top5KeysForIntegrityWidget > table > tbody > tr > td > div > a
{
	font-family: Roboto, Arial, Helvetica, sans-serif;;
}

.path-separator-font,
.path-separator-font > div.datatable_overflow > div.datatable_text {
	font-family: Roboto, Arial, Helvetica, sans-serif;;
}

*, td, p {
	font-family: Roboto, Arial, Helvetica, sans-serif;;
}

/*!
Copyright (C) 2013 Trend Micro Inc. All rights reserved.
*/

/* ----------------------------------------------- */
/* Custom Classes                                  */
/* ----------------------------------------------- */
.dashboardContainer {
	background: var(--secondary-color);
}

.dashboardControlContainer .filters {
	float: left;
	padding-top: 2px;
}

.dashboardControlContainer .filters .spacer {
	float: left;
	display: block;
	font-size: 20px;
	padding: 4px 5px 0;
	color: var(--tertiary-color);
}

.dashboardControlContainer .hostsBar {
	float: left;
	padding-top: 2px;
}

.dashboardControlContainer td {
  padding: 0 3px;
}

.dashboardControlContainer .search_toolbar {
  padding: 0;
}

.dashboardControlContainer .settingButtons {
	float: right;
}

/* Make sure widgets are positioned relative to the active dashboard's top left. */
#activeDashboardDisplay {
	position: relative;
}

#widgetSnapGhost {
	position: absolute;
	border-radius: 5px 5px 0 0;
	border: 4px dashed black;
	background: #DDDDDD;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	left: 1px;
	top: 1px;
	width: 1px;
	height: 1px;
	z-index: 3;
}

/* Widgets */
.widget {
	color: var(--primary-text-color);
	border: 1px solid var(--widget-border);
	float: left;
	/*The bottom and right margin is set here so that widgets don't push up against the side of the
	 bordered area that contains the widgets. */
	margin: 0 8px 8px 0;
	position: relative;
	background-color: var(--widget-background);
	box-shadow: 1px 1px 2px var(--box-shadow-color);
}

.widget .w_wc {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.widget .w_tp {
	background: var(--secondary-color);
	cursor: move;
	height: 18px;
	border-bottom: 1px solid var(--widget-border);
	padding: 8px;
}

.widget .w_tp .icon {
	float: right;
}

.widget .w_tp .icon a {
	margin-top: 2px;
	text-shadow: none;
}

.widget .w_tp .icon a.close {
	color: var(--widget-close);
}

.widget .w_tp .title {
	color: var(--primary-text-color);
	float: left;
	line-height: 1.5em;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.widget .w_md {
	font-size: 12px;
	height: 160px;
	overflow: auto;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#tenants .w_md {
	overflow: hidden;
}

/*
	Styles for add/remove widgets
 */
.widget_group {
	margin-bottom: 15px;
}

.widget_group_title {
	padding: 4px 4px 3px;
	margin-bottom: 3px;
}

.widget_group_title label {
	color: var(--primary-text-color);
}

.widget_group_selections label {
	color: var(--primary-text-color);
}

.widget_group_selections {
	padding-left: 20px;
}

.tab_settings {
	background: var(--secondary-color);
	padding: 12px;
}

.tab_content {
	background: var(--primary-color);
}

.tab_group .tab_name.tab_name_editing {
	max-width: 450px;
}

.tab_group .tab_name.tab_name_editing input {
	border: none;
	box-shadow: 0 0;
	border-radius: 0;
	background-color: var(--modal-input-background);
}

.inner_tab_group .tab_name.tab_name_editing {
	max-width: 450px;
}

.inner_tab_group .tab_name.tab_name_editing input {
	border: none;
	box-shadow: 0 0;
	border-radius: 0;
	background-color: var(--modal-input-background);
}

.alert-message {
	margin-bottom: 0;
}

.btn.addRemoveWidgets {
	padding-bottom: 6px;
	padding-top: 6px;
}

.btn.addRemoveWidgets img {
	width: 18px;
	height: 18px;
}

.widget-title {
	margin: 12px;
	color: var(--secondary-text-color);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

/*** Styles for specific widgets
*******************************/

/* My sign-in history */
#myHistory .w_md {
	padding: 0;
}

#myHistory tbody tr:first-child {
	border: none;
}

#myHistoryInnerDiv table {
	border-collapse: separate;
}

#myHistoryInnerDiv table tr {
	border-top: 1px solid var(--border-color);
}

#myHistoryInnerDiv {
	height: 168px;
	overflow: auto;
	border-top: 1px solid var(--border-color);
}

#myHistoryInnerDiv table tr:first-child {
	border: none;
}

/* My User Summary */
#myAccount .w_md {
	overflow: hidden;
}


/* Alerts status */
#alertStatus .w_md {
	padding: 0;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table {
	border-collapse: separate;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table:nth-child(2) tr:first-child {
	text-transform: uppercase;
	color: var(--primary-text-color);
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table:nth-child(2) tr {
	border-top: 1px solid var(--border-color);
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget img {
	vertical-align: middle;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table:nth-child(2) td:not(:first-child){
	padding-left: 1px;
	padding-right: 1px;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table:nth-child(2) tr:first-child td {
	padding: 4px 8px;
	font-weight: bold;
	font-size: 11px;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table:nth-child(2) tr:nth-child(2) {
	border: none;
}

/* Anti-malware status (computers) */
#com\.trendmicro\.ds\.antimalware\:top5HostsForMalwareInfection .w_md {
	padding: 0;
}

#content_com_trendmicro_ds_antimalware_models_widgets_Top5HostsForMalwareInfectionWidget thead {
	text-transform: uppercase;
	color: var(--primary-text-color);
	font-weight: bold;
	border-top: 1px solid var(--border-color);
}

#content_com_trendmicro_ds_antimalware_models_widgets_Top5HostsForMalwareInfectionWidget table td {
	padding: 4px 7px;
}

#content_com_trendmicro_ds_antimalware_models_widgets_Top5MalwareDetectedWidget table td {
	padding: 4px 7px;
}

#content_com_trendmicro_ds_antimalware_models_widgets_Top5HostsForMalwareInfectionWidget tr {
	border-top: 1px solid var(--border-color);
}

#content_com_trendmicro_ds_antimalware_models_widgets_Top5HostsForMalwareInfectionWidget tbody tr:first-child {
	border: none;
}

/* Counter view */

.counter-table {
	border-collapse: separate;
}

.counter-table thead {
	color: #3d3d3d;
	text-transform: uppercase;
}

.counter-table tr {
	border-top: 1px solid var(--border-color);
}
.counter-table tbody tr:first-child {
	border: none;
}

.counter-table table tr td {
	padding: 6px 8px;
}

/* Tenant table */

.top5Tenants {
	border-collapse: separate;
}

.top5Tenants tr {
	border-top: 1px solid var(--border-color);
}

.top5Tenants tbody tr:first-child {
	border: none;
}

.top5Tenants thead tr {
	color: var(--primary-text-color);
}

.top5Tenants tbody:nth-child(2) tr:first-child  {
	border: none;
}

/*  Alignment adjust */

.dashboardContainer .tab_group td.tab_selected .tab_name {
    margin-top: -1px;
    color: var(--primary-text-color);
}

.dashboardContainer .tab_group table td:first-child {
	border-left: none;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget {
	padding: 20px 16px 0;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_TenantsWidget {
	padding-left: 24px;
	text-align: left;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_RansomwareWidget {
	padding-left: 24px;
	text-align: left;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_TenantInfoWidget {
	padding: 30px 16px;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_AlertStatusWidget table:first-child {
	width: 80%;
	margin: 4px auto 2px;
}

/* My Account Status Widgets */
#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget label {
	font-weight: bold;
	font-size: 11px;
	color: var(--primary-text-color);
	text-transform: uppercase;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget #colLeft label {
	line-height: 15px;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget p {
	margin-bottom: 8px;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget #colLeft {
	width: 60%;
	float: left;
	text-align: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget #colRight {
	width: 34%;
	float: right;
	transform: translateY(100%);
	text-align: left;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget #colRight h1 {
	margin-bottom: 0;
	font-size: 49px;
	color: var(--primary-text-color);
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget #colLeft div:last-child p {
	margin-bottom: 0;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget #colLeft div:first-child {
	margin-bottom: 8px;
}

#content_com_thirdbrigade_manager_webclient_screens_widgets_MyAccountWidget a {
	font-size: 16px;
	font-weight: bold;
}

/* Flexbox Align Adjustment */

#hostStatus .w_md,
#componentStatus .w_md,
#com\.trendmicro\.ds\.antimalware\:computerProtectionStatus\.antiMalware .w_md,
#com\.trendmicro\.ds\.antimalware\:antiMalwareHistory .w_md,
#com\.trendmicro\.ds\.antimalware\:webReputationHistory .w_md,
#com\.trendmicro\.ds\.network\:deniedPacketHistory .w_md,
#alertHistory .w_md,
#eventHistory .w_md,
#softwarePackage .w_md,
#com\.trendmicro\.ds\.network\:trafficAnalysisHistory .w_md,
#com\.trendmicro\.ds\.network\:payloadLogHistory .w_md,
#com\.trendmicro\.ds\.integrity\:integrityHistory .w_md,
#com\.trendmicro\.ds\.loginspection\:logInspectionHistory .w_md,
#com\.trendmicro\.ds\.network\:applicationTypeTreeMap .w_md,
#com\.trendmicro\.ds\.network\:applicationTypeDetectedTreeMap .w_md	{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Widget and Charts Adjustment*/
table.historyWidget {
	height: 200px;
    width: auto;
    margin: auto;
}

.barChart {
	vertical-align: middle;
	padding: 0;
	margin: 0px;
	width: 450px;
}

.barChart_3x1 {
	vertical-align: middle;
	padding: 0;
	margin: 0px;
	width: 750px;
}

table.historyWidget img {
	display:block;
	margin: auto;
}

table.historyWidget map {
	margin: auto;
}

table.pieChartWidget {
	height: 200px;
}

.pieChart {
	vertical-align: middle;
	padding: 0;
	margin: 0px;
	width: 140px;
}

table.pieChartWidget img {
	display: block;
}

#com\.trendmicro\.ds\.network\:applicationTypeTreeMap .w_md,
#com\.trendmicro\.ds\.network\:applicationTypeDetectedTreeMap .w_md {
	overflow: hidden;
}

table.nodeStatusWidget thead tr {
	color: var(--primary-text-color);
	text-transform: uppercase;
}

table.nodeStatusWidget thead tr {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}

/*
Copyright (C) 2022 Trend Micro Inc. All rights reserved.
*/

:root {
    --primary-color: #ffffff;
    --secondary-color: #f5f5f5;
    --tertiary-color: #eeeeee;

    --border-color: #dddddd;
    --box-shadow-color: #f2f2f2;

    --primary-text-color: #3d3d3d;
    --secondary-text-color: #666666;

    --datatable-header: #e8e8e8;
    --datatable-border: #dddddd;
    --datatable-group-selected: #d7e2f1;
    --datatable-group-text-2-color: #757575;
    --datatable-column-down-color: #e8f2fe;
    --GDL-table-border: #000000;

    --link-color: #4372b7;

    --splitter-color: #dddddd;
    --splitter-button-color: #cccccc;
    --splitter-expand-icon: url(images/expand.svg);
    --splitter-collapse-icon: url(images/collapse.svg);

    --button-color: #dddddd;
    --button-hover-color: #d4d4d4;
    --button-active-color: #cccccc;
    --button-disabled-color: #dddddd;
    --button-disabled-opacity: 0.4;

    --input-color: #000000;
    --input-border: #dddddd;
    --input-background: #ffffff;
    --input-disabled-color: #dddddd;
    --input-disabled-opacity: 0.4;

    --primary-button-color: #4971ab;
    --primary-button-hover-color: #416599;
    --primary-button-active-color: #385682;
    --primary-button-focus-color: #4971ab;
    --primary-button-disabled-color: #4971ab;
    --primary-button-disabled-opacity: 0.4;

    --dashboard-tab: #eeeeee;
    --dashboard-tab-selected: #ffffff;
    --dashboard-tab-name: #5f5f5f;
    --dashbaord-tab-over: #dddddd;

    --widget-background: #ffffff;
    --widget-border: #dddddd;
    --widget-close: #000000;

    --dropdown-background: #ffffff;
    --dropdown-divider: rgb(229, 229, 229);
    --dropdown-border: rgba(0, 0, 0, 0.2);
    --dropdown-arrow: #737373;
    --dropdown-item-hover-background: #e8eef7;
    --dropdown-item-enabled-background: #e1e9f4;

    --modal-input-background: #ffffff;

    --menu-item-disabled-text: #9f9f9f;

    --alert-message-success: #ecf7de;
    --alert-message-warning: #fcf3d9;
    --alert-message-info: #e1e9f4;
    --alert-message-info-text: #000000;
    --alert-message-info-close: #4372b7;
    --alert-message-error: #fadedb;
    --alert-message-link-text: #4372b7;
    --alert-message-hover-link-text: #00467f;
    --alert-message-promotion-text: #000000;
    --alert-message-promotion-background: var(--alert-message-info);
    
    --tonic-colors-purple-60: #8f41e9;
    --tonic-colors-blue-50: #578aef;

    --spinner-border-color-one-fourth: #4971ab;
    --spinner-border-color-three-fourth: #cccccc;

    --preview-icon-background: #cccccc;
    --preview-border-color: #cccccc;
    --preview-box-shadow: 1px 1px 2px #cccccc;

    --search-container-background: #f5f5f5;
    --search-container-border: #dddddd;
    --filter-submit-background: #f5f5f5;
    --filter-submit-hover-background: #406295;
    --filter-submit-active-background: #375480;
    --filter-submit-refresh-background: #4971ab;
    --filter-submit-refresh-hover-background: #406295;
    --filter-submit-refresh-active-background: #375480;

    --sidebar-background: #eeeeee;

    --ac-separator-background: #dddddd;
    --host-status-border: #eeeeee;

    --popover-border: #4971ab;
    --popover-background: #ffffff;

    --progress-bar-background: #cccccc;
    --progress-bar-indicator-background: #4971ab;

    --fieldset-border: #dddddd;

    --text-disabled: #cAc8bb;

    --label-notice-border: #4372b7;

    --paging-background: #e8e8e8;
    --paging-border: #e0e0e0;

    --pagination-first-img: url(images/icons/pagination_first.svg);
    --pagination-previous-img: url(images/icons/pagination_previous.svg);
    --pagination-next-img: url(images/icons/pagination_next.svg);
    --pagination-last-img: url(images/icons/pagination_last.svg);

    --dropdown-caret-img: url(i_control/dropdown.svg);
    --dropdown-caret-disabled-img: url(i_control/dropdown_disabled.svg);

    --tree-open-img: url(i_control/tree_open.svg);
    --tree-close-img: url(i_control/tree_close.svg);

    --schedule-header-background: #eaeaea;
    --schedule-header-border: #dddddd;
    --schedule-cell-background: #ffffff;
    --schedule-cell-border: #dddddd;
    --schedule-legend-background: #ffffff;
    --schedule-legend-border: #ffffff;
    --schedule-cell-selected-background: #4971ab;
    --schedule-cell-pressed-background: #6e90c1;

    --query-group-hover-color: #e0e0e0;

    --calendar-background: #ffffff;
    --calendar-background-disabled: #f5f5f5;
    --calendar-month-box-background: #ffffff;
    --calendar-day-selected-background: #dddddd;
    --calendar-day-in-month-hover: #e6e6e6;
    --calendar-time-item-hover : #e6e6e6;
    --calendar-time-item-selected: #878787;
    --calendar-border-color: #dddddd;
    --calendar-content-border-color: #e0e0e0;
    --bottom-section-border-color: #eeeeee;
    --top-section-border-color: #eeeeee;

    --alert-time-color: #999999;
    --alert-border-critical-color: #dd3127;
    --alert-border-warning-color: #eeb81c;
    --alert-border-color: #e0e0e0;

    --splitbar-h-color: #e0e0e0;
    --splitbar-h-img: url(images/icons/splitbar_arrow.svg);

    --help-img: url(images/icons/help_secondary.svg);
    --help-color: #2b78ab;

    --admin-hidden-table-odd-color: rgb(255, 255, 255);
    --admin-hidden-table-even-color: rgb(246, 246, 246);

    /* JQuery chosen style */
    --chosen-results-li-backgroud-color: #ffffff;
    --chosen-results-li-active-backgroud-color: #1e90ff;
    --chosen-container-background-color-linear-gradient-top: #ffffff;
    --chosen-container-background-color-linear-gradient-bottom: #eeeeee;
    --chosen-container-icon-url: url(lib/chosen/chosen-sprite.png);

    --proxy-servers-border-color: #e0e0e0; /* Administration System Settings page */

    --security-updates-horizontal-line-color: #cccccc; /* Administration Security Updates Overview page */

    --saml-wizard-content-border-color: #e0e0e0; /* Administration SAML page */

    --smart-folder-bg-color: #F0F0F0;
    --smart-folder-border-color: #C4C4C4;
    --smart-folder-border-color-shadow: rgba(187,187,187,0.75);

    --new-rule-selection-note-color: #0000008A;
}

html[data-theme="dark"] {
    --primary-color: #151515;
    --secondary-color: #212121;
    --tertiary-color: #5e5e5e;

    --border-color: #5e5e5e;
    --box-shadow-color: #212121;

    --primary-text-color: rgba(255, 255, 255, 0.92);
    --secondary-text-color:  rgba(255, 255, 255, 0.6);

    --datatable-header: #303030;
    --datatable-border: #424242;
    --datatable-group-selected: rgba(255, 255, 255, 0.12);
    --datatable-group-text-2-color: rgba(255, 255, 255, 0.92);
    --GDL-table-border: #424242;
    --datatable-column-down-color: #8A8A8A;

    --link-color: #6f9Bf4;

    --splitter-color: #303030;
    --splitter-button-color: #212121;
    --splitter-expand-icon: url(images/expand.dark.svg);
    --splitter-collapse-icon: url(images/collapse.dark.svg);

    --button-color: #5e5e5e;
    --button-hover-color: #8a8a8a;
    --button-active-color: #424242;
    --button-disabled-color: #5e5e5e;
    --button-disabled-opacity: 0.28;

    --input-color: rgba(255, 255, 255, 0.92);
    --input-border: #5e5e5e;
    --input-background: #303030;
    --input-disabled-color: #5e5e5e;
    --input-disabled-opacity: 0.28;

    --primary-button-color: #1e5ede;
    --primary-button-hover-color: #578aef;
    --primary-button-active-color: #0547cd;
    --primary-button-focus-color: #1e5ede;
    --primary-button-disabled-color: #5e5e5e;
    --primary-button-disabled-opacity: 0.28;

    --dashboard-tab: #212121;
    --dashboard-tab-selected: #303030;
    --dashboard-tab-name: #f5f5f5;
    --dashbaord-tab-over: #424242;

    --widget-background: #212121;
    --widget-border: #212121;
    --widget-close: rgba(255, 255, 255, 0.47);

    --dropdown-background: #303030;
    --dropdown-divider: rgba(255, 255, 255, 0.12);
    --dropdown-border: rgba(255, 255, 255, 0.12);
    --dropdown-arrow: rgba(255, 255, 255, 0.92);
    --dropdown-item-hover-background: #424242;
    --dropdown-item-enabled-background: rgba(255, 255, 255, 0.08);

    --modal-input-background: #303030;

    --menu-item-disabled-text: rgba(255, 255, 255, 0.28);

    --alert-message-success: #04c45a;
    --alert-message-warning: #faba2a;
    --alert-message-info: #6f9bf4;
    --alert-message-info-text: rgba(0, 0, 0, 0.92);
    --alert-message-info-close: rgba(0, 0, 0, 0.54);
    --alert-message-error: #f46f71;
    --alert-message-link-text: rgba(0, 0, 0, 0.92);
    --alert-message-hover-link-text: #1e5ede;
    --alert-message-promotion-text: #ffffff;
    --alert-message-promotion-background: linear-gradient(90deg,var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%);
    
    --tonic-colors-purple-60: #8f41e9;
    --tonic-colors-blue-50: #578aef;

    --spinner-border-color-one-fourth: rgba(255, 255, 255, 0.12);
    --spinner-border-color-three-fourth: #1e5ede;

    --preview-icon-background: transparent;
    --preview-border-color: #303030;
    --preview-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.48), 0px 2px 4px rgba(0, 0, 0, 0.16);

    --search-container-background: #303030;
    --search-container-border: #424242;
    --filter-submit-background: #212121;
    --filter-submit-hover-background: #303030;
    --filter-submit-active-background: #151515;
    --filter-submit-refresh-background: #212121;
    --filter-submit-refresh-hover-background: #393939;
    --filter-submit-refresh-active-background: #151515;

    --sidebar-background: #212121;

    --ac-separator-background: rgba(255, 255, 255, 0.12);
    --host-status-border: rgba(255, 255, 255, 0.12);

    --popover-border: transparent;
    --popover-background: #303030;

    --progress-bar-background: rgba(255, 255, 255, 0.12);
    --progress-bar-indicator-background: #1e5ede;

    --fieldset-border: rgba(255, 255, 255, 0.12);

    --text-disabled: rgba(255, 255, 255, 0.28);

    --label-notice-border: #578aef;

    --paging-background: #212121;
    --paging-border: rgba(255, 255, 255, 0.12);

    --pagination-first-img: url(images/icons/pagination_first.dark.svg);
    --pagination-previous-img: url(images/icons/pagination_previous.dark.svg);
    --pagination-next-img: url(images/icons/pagination_next.dark.svg);
    --pagination-last-img: url(images/icons/pagination_last.dark.svg);

    --dropdown-caret-img: url(i_control/dropdown.dark.svg);
    --dropdown-caret-disabled-img: url(i_control/dropdown_disabled.dark.svg);

    --tree-open-img: url(i_control/tree_open.dark.svg);
    --tree-close-img: url(i_control/tree_close.dark.svg);

    --schedule-header-background: #303030;
    --schedule-header-border: #30303030;
    --schedule-cell-background: #151515;
    --schedule-cell-border: #5e5e5e;
    --schedule-legend-background: #151515;
    --schedule-legend-border: #151515;
    --schedule-cell-selected-background: #1e5ede;
    --schedule-cell-pressed-background: #578aef;

    --query-group-hover-color: rgba(255, 255, 255, 0.12);

    --calendar-background: #303030;
    --calendar-background-disabled: #5e5e5e;
    --calendar-month-box-background: #303030;
    --calendar-day-selected-background: #007fff;
    --calendar-day-in-month-hover: #8a8a8a;
    --calendar-time-item-hover : #8a8a8a;
    --calendar-time-item-selected: #007fff;
    --calendar-border-color: #5e5e5e;
    --calendar-content-border-color: #5e5e5e;
    --bottom-section-border-color: #424242;
    --top-section-border-color: #424242;

    --alert-time-color: rgba(255, 255, 255, 0.92);
    --alert-border-critical-color: #f24c4f;
    --alert-border-warning-color: #ff7633;
    --alert-border-color: #5e5e5e;

    --splitbar-h-color: rgba(255, 255, 255, 0.12);
    --splitbar-h-img: url(images/icons/splitbar_arrow.dark.svg);

    --help-img: url(images/icons/help_primary.svg);
    --help-color: #ffffff;

    --admin-hidden-table-odd-color: #151515;
    --admin-hidden-table-even-color: #212121;

    /* JQuery chosen style */
    --chosen-results-li-backgroud-color: #212121;
    --chosen-results-li-active-backgroud-color: #5e5e5e;
    --chosen-container-background-color-linear-gradient-top: #5e5e5e;
    --chosen-container-background-color-linear-gradient-bottom: #5e5e5e;
    --chosen-container-icon-url: url(lib/chosen/chosen-sprite.dark.png);

    --proxy-servers-border-color: #5e5e5e; /* Administration System Settings page */

    --security-updates-horizontal-line-color: #303030; /* Administration Security Updates Overview page */

    --saml-wizard-content-border-color: #5e5e5e; /* Administration SAML page */

    --smart-folder-bg-color: var(--primary-color);
    --smart-folder-border-color: var(--datatable-border);
    --smart-folder-border-color-shadow: var(--datatable-border);

    --new-rule-selection-note-color: var(--primary-text-color);
}

/*!
Copyright (C) 2016 Trend Micro Inc. All rights reserved.
*/

/* This file intends to override base Bootstrap style to match DS 10.0 UI */

/* --- Basic Alerts --- */

.alert-message.danger,
.alert-message.danger:hover,
.alert-message.error,
.alert-message.error:hover,
.alert-message.success,
.alert-message.success:hover,
.alert-message.info,
.alert-message.info:hover {
	color: #3d3d3d;
}

.alert-message span,
.alert-message p {
	font-weight: 500;
}

.alert-message {
	padding: 10px 16px;
	background-color: var(--alert-message-warning);
	background-repeat: no-repeat;
	background-image: none;
	color: var(--alert-message-info-text);
	text-shadow: none;
	box-shadow: none;
	font-weight: 500;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.alert-message.info {
	padding: 10px 16px;
	color: var(--alert-message-info-text);
	background-color: var(--alert-message-info);
	background-repeat: no-repeat;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}

.alert-message.danger, .alert-message.error {
	padding: 10px 16px;
	background-color: var(--alert-message-error);
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.alert-message.success {
	padding: 10px 16px;
	background-color: var(--alert-message-success);
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.alert-message.promotion {
	padding: 10px 16px;
	color: var(--alert-message-promotion-text);
	background: var(--alert-message-promotion-background);
	text-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-image-slice: 1;
	border-color: transparent;
}

.alert-message .close {
	margin-top: 0;
	text-shadow: none;
	float:	right;
	color: var(--alert-message-info-close);
}

/* --- Block Messages --- */

.alert-message.block-message.warning {
	background-color: var(--alert-message-warning);
	border-color: var(--alert-message-warning);
	text-shadow: none;
}

.alert-message.block-message.danger {
	background-color: var(--alert-message-error);
	border-color: var(--alert-message-error);
	text-shadow: none;
}

.alert-message.block-message.error {
	background-color: var(--alert-message-error);
	border-color: var(--alert-message-error);
	text-shadow: none;
}

.alert-message.block-message.success {
	background-color: var(--alert-message-success);
	border-color: var(--alert-message-success);
	text-shadow: none;
}

.alert-message.block-message.info {
	background-color: var(--alert-message-info);
	border-color: var(--alert-message-info);
	text-shadow: none;
}

.alert-message.block-message td {
	font-weight: bold;
}

/* --- Inline Labels --- */

.label {
	color: var(--primary-text-color);
	font-weight: 500;
	border: 2px solid #ddd;
}

.label.succes {
	background: rgba(0, 0, 0, 0);
	border-color: #7cb842;
}

.label.warning {
	background: rgba(0, 0, 0, 0);
	border-color: #eeb81c;
}

.label.important {
	background: rgba(0, 0, 0, 0);
	border-color: #db2d1c;
}

.label.notice {
	background: rgba(0, 0, 0, 0);
	border-color: var(--label-notice-border);
}

/* --- Buttons --- */

.btn {
	padding: 8px;
	background-color: var(--button-color);
	color: var(--primary-text-color);
	background-image: none;
	text-shadow: none;
	border-radius: 2px;
	border:none;
	transition: all 0.1s ease-in-out;
}

.btn.small {
	padding: 4px 10px;
	font-size: 12px;
	color: var(--primary-text-color);
	margin-right: 12px;
}

.btn.large {
	font-size: 14px;
	padding: 12px 16px;
}

.btn.primary {
	border-radius: 2px;
	background-color: var(--primary-button-color);
	color: #fff;
	background-repeat: no-repeat;
	background-image: none;
	text-shadow: none;
	border: none;
}

.btn.danger {
	border-radius: 2px;
	background-color: var(--button-color);
	color: var(--primary-text-color);
	background-repeat: no-repeat;
	background-image: none;
	text-shadow: none;
	border: none;
}

.btn.success {
	border-radius: 4px;
	background-color: #52bd8a;
	background-repeat: no-repeat;
	background-image: none;
	text-shadow: none;
	border: none;
	box-shadow: none;
}

.btn.info {
	border-radius: 4px;
	background-color: #0077b5;
	background-repeat: no-repeat;
	background-image: none;
	text-shadow: none;
	border: none;
	box-shadow: none;
}

.btn.disabled,
.btn[disabled] {
	opacity: 0.4;
}

.btn:hover:enabled {
	background-color: var(--button-hover-color);
}

.btn:active:enabled {
	background-color: var(--button-active-color);
	box-shadow: none;
}

.btn.primary.disabled,
.btn.primary[disabled] {
	opacity: 0.4;
	box-shadow: none;
}

.btn.primary:hover:enabled {
	background-color: #416599;
}

.btn.primary:active:enabled {
	background-color: #385682;
	box-shadow: none;
}

.btn.danger.disabled,
.btn.danger[disabled] {
	opacity: 0.4;
	box-shadow: none;
	color: var(--primary-text-color);
}

.btn.danger:hover:enabled {
	background-color: #e6e6e6;
	color: #3d3d3d;
}

.btn.danger:active:enabled {
	background-color: #ddd;
	box-shadow: none;
	color: #3d3d3d;
}

.btn.success:hover:enabled {
	background-color: #158d5b;
}

.btn.success:active:enabled {
	background-color: #187c4c;
	box-shadow: none;
}

.btn.info:hover:enabled {
	background-color: #005e93;
}

.btn.info:active:enabled {
	background-color: #004471;
	box-shadow: none;
}

.btn:focus {
	outline: 0;
	box-shadow: 0 0 4px rgba(73, 113, 171, 1);
}

input,
select,
textarea {
	background-color: var(--input-background);
	border: 1px solid var(--input-border);
	color: var(--input-color);
}
input[disabled],
select[disabled],
textarea[disabled] {
	background: var(--input-disabled-color);
}

input[disabled][type="textarea"],
input[disabled][type="password"] {
	opacity: var(--input-disabled-opacity);
}


/* --- Modal --- */
.modal {
	border: none;
	border-radius: 0;
}
.modal-header {
	border: none;
	border-radius: 0;
	padding: 18px;
	background: var(--dropdown-background);
	cursor: move;
	height: auto;
}
.modal-body {
	padding: 0;
	background: var(--dropdown-background);
}
.modal-body label {
	color: var(--primary-text-color);
}
.modal-body input[type="text"] {
	color: var(--primary-text-color);
	background-color: var(--modal-input-background);
}
.modal-footer {
	padding: 16px;
	background-color: var(--dropdown-background);
	border-top: var(--border-color);
}
.modal-header h3 {
	color: var(--primary-text-color);
	font-size: 18px;
}

.modal-header h3 span {
	font-size: 18px;
}
#gs_showWhenLogin {
	vertical-align: top;
}
.modal .close {
	text-shadow: none;
	font-size: 28px;
	color: var(--dashboard-tab-name);
}

#addNewDashboardModal .modal-footer {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* --- Link --- */

a {
	color: var(--link-color);
}

.alert-message a {
	color: var(--alert-message-link-text);
}

#whatsNewText, #samlMigrationLearnMore {
	text-decoration: underline;
}

#register_error_container_text > a {
	color: #000000;
}

a:hover,
.alert-message a:hover,
#register_error_container_text > a:hover {
	color: var(--alert-message-hover-link-text);
}

/* --- Selection --- */
select,
.chosen-container-multi .chosen-choices {
	height: 28px;
	cursor: pointer;
	border-color: var(--border-color);
	color: var(--primary-text-color);
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 25px;
	border-radius: 2px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: var(--dropdown-background);
	background-image: var(--dropdown-caret-img);
	background-repeat: no-repeat;
	background-position:center right 5px;
	background-size: 16px 16px;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
select[disabled] {
	background: var(--input-disabled-color) var(--dropdown-caret-disabled-img) no-repeat;
	background-position:center right 5px;
	background-size: 16px 16px;
	opacity: var(--input-disabled-opacity);
	color: var(--input-color);
}
select[multiple] {
	background: #fff;
}
select::-ms-expand {
	display: none;
}
select:focus,
.chosen-container-active .chosen-choices{
	outline: 0;
	border-color: rgba(73,113,171,0.8);
	box-shadow: 0 0 4px rgba(73, 113, 171, 1);
}

.chosen-container .chosen-results li {
	color: #000;
	padding: 0 8px 0 8px;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #1e90ff;
}

.chosen-container .chosen-drop {
	border: 1px solid;
	border-radius: 0;
	box-shadow: none;
	margin-top: 0;
}

.chosen-container-multi .chosen-choices {
	padding-top: 0;
	padding-bottom: 0;
}

form {
	height: 100%;
}

/* --- Input --- */

input {
	border-radius: 2px;
	border-color: #ddd;
	background-color: var(--input-background);
}
input[type="file"] {
	height: 32px;
	align-content: center;
	background-color: var(--input-background);
}
input:focus, textarea:focus {
  border-color: rgba(73,113,171,0.8);
  box-shadow: 0 0 4px rgba(73, 113, 171, 1);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* --- Global --- */

body {
	color: var(--primary-text-color);;
}

/* --- Splitter --- */

.container_splitter .splitter .sidebar {
	background: var(--sidebar-background);
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* --- Radio and Checkboxes --- */

input[type=checkbox], input[type=radio] {
	margin-right: 12px;
}

/* --- Popover --- */
.popover.bottom > .arrow {
    border-bottom-color: var(--popover-border);
}

.popover.bottom > .arrow:after {
	border-bottom-color: var(--popover-background);
}

.popover {
	z-index: 1;
	padding: 3px 7px;
	border: 1px solid var(--popover-border);
	background-color: var(--popover-background);
}

.popover .title:empty {
	display: none;
}

.popover .content {
	padding: 5px 15px;
}

.popover .content p {
	font-size:12px;
}

.popover.left .arrow,
.popover.right .arrow,
.popover.above .arrow,
.popover.below .arrow {
	border: 1px solid #4971ab;
	background: #fff;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}

.popover.left, .popover.right {
	margin-top:-2px;
}

.popover.right .arrow {
	left: 3px;
	border-top: none;
	border-right: none;
}

.popover.left .arrow {
	right: 3px;
	border-bottom: none;
	border-left: none;
}

.popover.above .arrow {
	bottom: -1px;
	border-top: none;
	border-left: none;
}

.popover.below .arrow {
	top:-1px;
	border-bottom: none;
	border-right: none;
}

.popover .inner {
	background: none;
	padding: 0;
	width: auto;
	max-width: 280px;
	border: 1px solid #4971ab;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.popover.above {
	margin-top:-5px;
}

.chosen-container .chosen-drop {
    border-color: var(--border-color);
}

.chosen-container .chosen-results li {
    background-color: var(--chosen-results-li-backgroud-color);
    color: var(--primary-text-color);
}

.chosen-container .chosen-results li.highlighted {
    background-color: var(--chosen-results-li-active-backgroud-color);
}

.chosen-container-multi .chosen-choices .search-choice {
	color: var(--primary-text-color);
}

.chosen-container-multi .chosen-choices .search-choice {
	background-color: var(--chosen-container);
    border-color: var(--border-color);
    background-image: -webkit-linear-gradient(top, var(--chosen-container-background-color-linear-gradient-top) 0%, var(--chosen-container-background-color-linear-gradient-bottom) 100%);
    background-image: -o-linear-gradient(top, var(--chosen-container-background-color-linear-gradient-top) 0%, var(--chosen-container-background-color-linear-gradient-bottom) 100%);
    background-image: linear-gradient(to bottom, var(--chosen-container-background-color-linear-gradient-top) 0%, var(--chosen-container-background-color-linear-gradient-bottom) 100%);
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
	background: var(--chosen-container-icon-url) right top no-repeat;
}
/*!
Copyright (C) 2013 Trend Micro Inc. All rights reserved.
*/

/* ----------------------------------------------- */
/* Custom Classes                                  */
/* ----------------------------------------------- */

.tag_index {
	padding: 8px;
	cursor: pointer;
	border-radius: 2px;
    background-color: #ddd;
	box-shadow: 1px 1px 2px #cccccc;
}
.tag_index_over {
	padding: 8px;
	cursor: pointer;
	background-color: #d4d4d4;
	border-radius: 2px;
	box-shadow: 1px 1px 2px #cccccc;
}
.tag_index_selected {
	padding: 8px;
	cursor: pointer;
	background-color: #ccc;
	border-radius: 2px;
}

.tag,
.tag_link,
.tag_searched {
	display:inline-block;
	line-height:16px;
	height:17px;
	margin-left: 1em;
	cursor: pointer;
    position: relative;
    background-color: #5f5f5f;
    padding-left: 1em;
    padding-right: 1.3em;
    color: white;
    border-radius: 0 .28571429rem .28571429rem 0;
    -webkit-transition: none;
    transition: none;
    font-size: 12px;
    font-weight: bold;
}

.tag:before,
.tag_link:before,
.tag_searched:before {
	position: absolute;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
    top: 50%;
    right: 100%;
    content: '';
    background-color: inherit;
    background-image: none;
    width: 1em;
    height: 1em;
    -webkit-transition: none;
    transition: none;
}

.tag:after,
.tag_link:after,
.tag_searched:after {
	position: absolute;
    content: '';
    top: 50%;
    left: -.1em;
    margin-top: -.25em;
    background-color: #fff!important;
    width: .5em;
    height: .5em;
    border-radius: 500rem;
}