/* Colors and Font Sizes */
body {
	color: #212121;
}
a {
    color: #1976D2;
}
a:hover {
    color: #ff2626;
}
#header {
    background-color: #fff;
    border-color: #1976D2;
}
#header .logo a {
	background-image: url("/images/netspective_logo.png");
	width: 225px;
}
@media (max-width: 1024px) {
	#header .logo a {
		background-image: url("/images/netspective_logo_small.png");
		width: 110px;
	}
}

#header .components>ul>li {
	border-color: #1976D2;
}
#header .components>ul>li:first-child {
	border-width: 1px;
}
#header .components>ul>li>a {
	background-color: #fff;
	color: #1976D2;
}
#header .components>ul>li.active>a {
	background-color: #1976D2;
	color: #fff;
}
#header .components>ul>li>a:hover {
	background-color: #1976D2;
	color: #fff;
}
#header  a.status {
	background-image: url("/images/status.png");
}
#header .nav_options>ul>li>a {
	color: #1976D2;
}
#header .nav_options ul li.manager_name>a {
	background-image: url("/images/icons/ico_manager_21x21.png");
}
#header .nav_options ul li.lookup>a {
	background-image: url("/images/icons/ico_lookup_21x21.png");
}
#header .nav_options ul li.help>a {
	background-image: url("/images/icons/ico_help_21x21.png");
}
#main.hasside>.sidebar {
	background-color: #fcfcfc;
	border-color: #1976D2;
}
#footer {
	background-color: #fff;
}
#footer .slide {
	background-color: #1976D2;
	border-color: #1976D2;
}
#footer .slide:after {
	background-image: url("/images/ctrls/ctrl_slide.png");
}
.popup {
	background-color: #fff;
	border-color: #ddd;
	color: #121212;
}
.popup:before {
	border-color: #ddd transparent;
}
.popup:after {
	border-color: #fff transparent;
}
.popup.left:before , .popup.right:before {
	border-color: transparent #ddd;
}
.popup.left:after, .popup.right:after {
	border-color: transparent #fff;
}
.titlebar {
	border-color: #1976D2
}
.titlebar .titlemenu {
	background-color: #1976D2;
	border-color: #bbb;
	color: #fff;
}
.titlebar .titlemenu ul.tab_ctrl>li>a {
	border-color: #fff;
	color: #fff;
}
.titlebar .titlemenu ul.tab_ctrl>li.active>a {
	background-color: #fff;
	color: #1976D2;
}
.titlebar .titlemenu ul.tab_ctrl>li>a:hover {
	background-color: #2196F3;
	color: #fff;
}
.titlebar .titlemenu ul.tab_ctrl>li>a:active {
	background-color: #2196F3;
}

/* menu - sidebar */
.sidemenu {
	background-color: #2196F3;
	border-color: #bbb;
}
.sidemenu>ul.ctrl>li>a.pause {
	background-image: url("/images/ctrls/ctrl_play_12x12.png");
}
.sidemenu>ul.ctrl>li>a.play {
	background-image: url("/images/ctrls/ctrl_pause_12x12.png");
}
.sidemenu>ul.menu {
	border-color: #fff;
}
.sidemenu>ul.menu>li>a>span {
	background-image: url("/images/arrow_down.png");
}
.sidemenu ul.menu li a {
	background-color: #2196F3;
	color: #fff;
}
.sidemenu ul.menu ul li {
	border-color: #bbb;
}
.sidemenu ul.menu li a:hover {
	background-color: #BBDEFB;
	color: #000;
}

/* tree */
ul.tree li div {
	background-image: url("/images/icons/tree_folder_24x24.png");
}
ul.tree li div.active {
	background-color: #1976D2;
	color: #fff;
}
ul.tree li div a {
	color: #212121;
}
ul.tree li div.active a {
	color: #fff;
}
ul.tree li div:hover {
	background-color: #BBDEFB;
}
ul.tree li div a:hover {
	color: #212121;
}
ul.tree .settings div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .custom div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .policy div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .overrides div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .requests div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .group_spc div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .group div { background-image: url("/images/icons/tree_group_24x24.png"); }
ul.tree .users div { background-image: url("/images/icons/tree_users_24x24.png"); }
ul.tree .dcl div { background-image: url("/images/icons/tree_users_24x24.png"); }
ul.tree .user div { background-image: url("/images/icons/tree_user_24x24.png"); }
ul.tree .devices div { background-image: url("/images/icons/tree_mobile_24x24.png"); }
ul.tree .rules div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .sources div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .power div { background-image: url("/images/icons/tree_power_24x24.png"); }
ul.tree .custom div { background-image: url("/images/icons/tree_config_24x24.png"); }
ul.tree .certificate div { background-image: url("/images/icons/tree_certificate_24x24.png"); }
ul.tree .download div { background-image: url("/images/icons/tree_download_24x24.png"); }
ul.tree .backup div { background-image: url("/images/icons/tree_backup_24x24.png"); }
ul.tree .statistics div { background-image: url("/images/icons/tree_gear_24x24.png"); }
ul.tree .help div { background-image: url("/images/icons/tree_help_24x24.png"); }

/* bubbles */
.bbl {
	background-color: #fcfcfc;
	border-color: #bbb;
}
.bbl.message {
	background-color: #fff;
	border-color: #1976D2;
	color: #212121;
}
.bbl.message.info, .bbl.message.info a {
	color: #212121;
}
.bbl.message.notice, .bbl.message.notice a {
	color: #1976D2;
}
.bbl.message.warning, .bbl.message.warning a {
	color: #f00;
}
.bbl.message.debug, .bbl.message.debug a {
	color: #0b0;
}
.bbl.message.error, .bbl.message.error a {
	color: #f00;
}
.bbl.message.expired, .bbl.message.expired a {
	color: #f00;
}
.bbl a.save {
	background-image: url("/images/ctrls/ctrl_save2_16x16.png");
}
.bbl a.cancel {
	background-image: url("/images/ctrls/ctrl_delete2_16x16.png");
}
.bbl_top {
	background-color: #1976D2;
	color: #fff;
}
.bbl_top .action_status {
	background-image: url("/images/icons/loading24x24.gif");
	color: #fff;
}
.bbl_top a.info {
	color: #fff;
}
.bbl_top a.info:hover {
	color: #ccc;
}
.bbl_top.warning {
	background-color: #fda73e;
}
.bbl_top.error {
	background-color: #e35e4f;
}

/* tables */
table.tbl tr.odd, table.tbl tr.odd_1, table.tbl tr.odd_2, table.tbl tr.nodata {
	background-color: #fff;
}
table.tbl tr.even, table.tbl tr.even_1, table.tbl tr.even_2 {
	background-color: #f8f8f8;
}
table.tbl tr.odd:hover, table.tbl tr.odd_1:hover, table.tbl tr.odd_2:hover,
table.tbl tr.even:hover, table.tbl tr.even_1:hover, table.tbl tr.even_2:hover {
	background-color: #e4e4e4;
}
table.tbl tr.odd_1 td, table.tbl tr.odd_2 td, table.tbl tr.even_1 td, table.tbl tr.even_2 td {
	border-color: #ddd;
}
table.tbl.report tr td a { color: #1976D2; }
table.tbl.report tr td a:hover {color: #ff2626; }
table.tbl tr.select_all {
	background-color: #fffacd;
}
table.tbl th {
	background-color: #222;
	border-color:  #ddd;
	color: #fff;
}
table.tbl th a {
	color: #fff;
	cursor: pointer;
}
table.tbl th a:hover {
	color: #f00;
}
table.tbl td {
	border-color: #ddd;
}
table.tbl td a {
	color: #212121;
}
table.tbl tr.more {
	background-color: #eee;
}
table.tbl tr.loading td:first-child, table.tbl tr td.loading {
	background-color: #fff;
	background-image: url("/images/icons/loading24x24.dark.gif");
}

table.tbl tr.system { color: #aaa; }
table.tbl .inactive { color: #f93; }
table.tbl .expired { color: #f00; }
table.tbl th.selected, table.tbl th a.selected { color: #fc6; }
table.tbl .add a, table.tbl .add span {
	background-image: url("/images/ctrls/ctrl_add_16x16.png");
}
table.tbl .delete a, table.tbl .delete span {
	background-image: url("/images/ctrls/ctrl_delete_16x16.png");
}
table tr .func a { border-color: #1976D2; color: #1976D2; }
table tr .func a:hover { border-color: #900; color: #900; }
table tr .func a.disabled, table.report tr .func a.disabled  { border-color: #ccc; color: #ccc; cursor: default; }
table tr .func a.disabled:hover , table.report tr .func a.disabled:hover   { border-color: #ccc; color: #ccc; }
table.tbl .handle a, table.tbl .handle span {
	background-image: url("/images/ctrls/ctrl_handle.png");
}
table.tbl .file a { color: #1976D2; }
table.tbl .file a:hover { color: #ff2626; }

/* tables - recent activity */
table.recent tr.odd_2 td, table.recent tr.even_2 td {
	border-color: #ccc;
}

/* tables - policy */
table.policy th { background-color: #BBDEFB; color: #212121; }
table.policy th.name { border-color: #ddd; }
table.policy .decrypt, table.policy .auth, table.policy .priority, table.policy .bpo, table.policy .abuse, table.policy .day { border-color: #ddd; }
table.policy .decrypt span { background-image: url("/images/icons/policy_decrypt.png"); }
table.policy .auth span { background-image: url("/images/icons/policy_auth.png"); }
table.policy .priority span { background-image: url("/images/icons/policy_priority.png"); }
table.policy .bpo span { background-image: url("/images/icons/policy_bpo.png"); }
table.policy .abuse span { background-image: url("/images/icons/policy_abuse_num.png"); }
table.policy .day span { background-image: url("/images/icons/policy_day.png"); }
table.policy .hour { border-color: #ddd; }
table.policy .group .name span.down, table.policy .group .name span.up {
	background-image: url("/images/ctrls/ctrl_arrows.png");
}
table.policy .child .name  {
	background-color: #f2f2f2;
}
table.policy td.hour.block { background-color: #c1324e; }
table.policy td.hour.log { background-color: #ff7; }
table.policy td.hour.ignore { background-color: #4CAF50; }
table.policy td.hour.mix { background-color: #FF9800; }
table.policy tr:hover td { background-color: #e2e2e2; }
table.policy tr:hover .auth.mix, table.policy tr:hover .priority.mix, table.policy tr:hover .bpo.mix, table.policy tr:hover .abuse.mix, table.policy tr:hover .day.mix { background-color: #e2e2e2; }
table.policy tr.child:hover td.name { background-color: #e2e2e2; }
table.policy tr:hover td.hour.block, table.policy td.hour.block.hover  { background-color: #b30023; color: #fff; }
table.policy tr:hover td.hour.log, table.policy td.hour.log.hover { background-color: #ee4; color: #666; }
table.policy tr:hover td.hour.ignore, table.policy td.hour.ignore.hover  { background-color: #388E3C; color: #fff; }
table.policy tr:hover td.hour.mix, table.policy td.hour.mix.hover  { background-color: #F57C00; color: #fff; }

/* settings */
.bbl_settings {
	border-color: #bbb;
}
.bbl_settings, tr.settings {
	background-color: #f2f9ff;
}
.bbl_settings .bbl, tr.settings .bbl {
	background-color: transparent;
}
.bbl_settings .bbl fieldset, tr.settings .bbl fieldset {
	background-color: #d8eafa;
}
.bbl_settings .bbl fieldset>h3, tr.settings .bbl fieldset>h3 {
	background-color: #1976D2;
	border-color: #bbb;
	color: #fff;
}
.bbl_settings .bbl fieldset table, tr.settings .bbl fieldset table {
	border-color: #bbb;
}
.bbl_settings .bbl fieldset table th, tr.settings .bbl fieldset table th {
	background-color: #1976D2;
	color: #fff;
}
.bbl_settings .bbl fieldset table .ctrls, tr.settings .bbl fieldset table .ctrls {
	background-color: #c1dcf3;
}

/* buttons */
.ico_btn_lg {
	border-color: #fff;
}
a.ico_btn:hover, a.ico_btn_lg:hover	{
	background-color: #fff;
}
a.ico_btn:active, a.ico_btn_lg:active {
	background-color: #fff;
}
a.ico_btn.disable:hover, a.ico_btn_lg.disable:hover	{
	/*background-color: #eee; */
}

/* icons */
.ico_add span		{ background: transparent url("/images/icons/ico_new_16x16.png") no-repeat 0 0; }
.ico_alert span		{ background: transparent url("/images/icons/ico_alert_16x16.png") no-repeat 0 0; }
.ico_arrow.down span	{ background: transparent url("/images/icons/ico_arrowdown_16x16.png") no-repeat 0 0; }
.ico_arrow.up span	{ background: transparent url("/images/icons/ico_arrowup_16x16.png") no-repeat 0 0; }
.ico_assign span		{ background: transparent url("/images/icons/ico_assign_16x16.png") no-repeat 0 0; }
.ico_dcl_reset span	{ background: transparent url("/images/icons/ico_dcl_reset_16x16.png") no-repeat 0 0; }
.ico_calender span	{ background: transparent url("/images/icons/ico_calendar_16x16.png") no-repeat 0 0; }
.ico_cert span		{ background: transparent url("/images/icons/ico_certificate_16x16.png") no-repeat 0 0; }
.ico_cleanup span	{ background: transparent url("/images/icons/ico_cleanup_16x16.png") no-repeat 0 0; }
.ico_close span		{ background: transparent url("/images/icons/ico_close_16x16.png") no-repeat 0 0; }
.ico_config span		{ background: transparent url("/images/icons/ico_config_16x16.png") no-repeat 0 0; }
.ico_copy span		{ background: transparent url("/images/icons/ico_copy_16x16.png") no-repeat 0 0; }
.ico_delete span		{ background: transparent url("/images/icons/ico_delete_16x16.png") no-repeat 0 0; }
.ico_download span	{ background: transparent url("/images/icons/ico_download_16x16.png") no-repeat 0 0; }
.ico_enable span		{ background: transparent url("/images/icons/ico_enable_16x16.png") no-repeat 0 0; }
.ico_error span		{ background: transparent url("/images/icons/ico_error_16x16.png") no-repeat 0 0; }
.ico_expire span		{ background: transparent url("/images/icons/ico_expire_16x16.png") no-repeat 0 0; }
.ico_export span		{ background: transparent url("/images/icons/ico_export_16x16.png") no-repeat 0 0; }
.ico_gear span		{ background: transparent url("/images/icons/ico_gear_16x16.png") no-repeat 0 0; }
.ico_grp span		{ background: transparent url("/images/icons/ico_group_16x16.png") no-repeat 0 0; }
.ico_import span		{ background: transparent url("/images/icons/ico_import_16x16.png") no-repeat 0 0; }
.ico_increment span	{ background: transparent url("/images/icons/ico_increment_16x16.png") no-repeat 0 0; }
.ico_info span		{ background: transparent url("/images/icons/ico_info_16x16.png") no-repeat 0 0; }
.ico_list span		{ background: transparent url("/images/icons/ico_list_16x16.png") no-repeat 0 0; }
.ico_logout span		{ background: transparent url("/images/icons/ico_logout_16x16.png") no-repeat 0 0; }
.ico_newwindow span	{ background: transparent url("/images/icons/ico_newwindow_16x16.png") no-repeat 0 0; }
.ico_next span		{ background: transparent url("/images/icons/ico_next_16x16.png") no-repeat 0 0; }
.ico_offset span		{ background: transparent url("/images/icons/ico_offset_16x16.png") no-repeat 0 0; }
.ico_org span		{ background: transparent url("/images/icons/ico_organization_16x16.png") no-repeat 0 0; }
.ico_pause span		{ background: transparent url("/images/icons/ico_pause_16x16.png") no-repeat 0 0; }
.ico_pointer span	{ background: transparent url("/images/icons/ico_pointer_16x16.png") no-repeat 0 0; }
.ico_prev span		{ background: transparent url("/images/icons/ico_prev_16x16.png") no-repeat 0 0; }
.ico_prop span		{ background: transparent url("/images/icons/ico_properties_16x16.png") no-repeat 0 0; }
.ico_prpt span		{ background: transparent url("/images/icons/ico_preview_rpt_16x16.png") no-repeat 0 0; }
.ico_queue span		{ background: transparent url("/images/icons/ico_queue_16x16.png") no-repeat 0 0; }
.ico_range span		{ background: transparent url("/images/icons/ico_range_16x16.png") no-repeat 0 0; }
.ico_restore span	{ background: transparent url("/images/icons/ico_restore_16x16.png") no-repeat 0 0; }
.ico_rows span		{ background: transparent url("/images/icons/ico_rows_16x16.png") no-repeat 0 0; }
.ico_rpt span		{ background: transparent url("/images/icons/ico_report_16x16.png") no-repeat 0 0; }
.ico_rsc span		{ background: transparent url("/images/icons/ico_resource_16x16.png") no-repeat 0 0; }
.ico_run span		{ background: transparent url("/images/icons/ico_run_16x16.png") no-repeat 0 0; }
.ico_save span		{ background: transparent url("/images/icons/ico_save_16x16.png") no-repeat 0 0; }
.ico_search span		{ background: transparent url("/images/icons/ico_search_16x16.png") no-repeat 0 0; }
.ico_sync span		{ background: transparent url("/images/icons/ico_sync_16x16.png") no-repeat 0 0; }
.ico_test span		{ background: transparent url("/images/icons/ico_test_16x16.png") no-repeat 0 0; }
.ico_transfer span	{ background: transparent url("/images/icons/ico_transfer_16x16.png") no-repeat 0 0; }
.ico_unlock span		{ background: transparent url("/images/icons/ico_unlock_16x16.png") no-repeat 0 0; }
.ico_unpair span		{ background: transparent url("/images/icons/ico_unpair_16x16.png") no-repeat 0 0; }
.ico_upfolder span	{ background: transparent url("/images/icons/ico_upfolder_16x16.png") no-repeat 0 0; }
.ico_user span		{ background: transparent url("/images/icons/ico_user_16x16.png") no-repeat 0 0; }
.ico_warning span	{ background: transparent url("/images/icons/ico_warning_16x16.png") no-repeat 0 0; }
.ico_zoom span		{ background: transparent url("/images/icons/ico_zoom_16x16.png") no-repeat 0 0; }

.ico_copy_lg span	{ background: transparent url("/images/icons/ico_copy_24x24.png") no-repeat 0 0; }
.ico_delete_lg span	{ background: transparent url("/images/icons/ico_delete_24x24.png") no-repeat 0 0; }
.ico_download_lg span	{ background: transparent url("/images/icons/ico_download_24x24.png") no-repeat 0 0; }
.ico_preview_lg span	{ background: transparent url("/images/icons/ico_preview_24x24.png") no-repeat 0 0; }
.ico_prop_lg span	{ background: transparent url("/images/icons/ico_properties_24x24.png") no-repeat 0 0; }
.ico_save_lg span	{ background: transparent url("/images/icons/ico_save_24x24.png") no-repeat 0 0; }
.ico_saveas_lg span	{ background: transparent url("/images/icons/ico_saveas_24x24.png") no-repeat 0 0; }
.ico_saveprev_lg span	{ background: transparent url("/images/icons/ico_saveprev_24x24.png") no-repeat 0 0; }
.on .ico_group_lg span	{ background: transparent url("/images/icons/ico_groupon_24x24.png") no-repeat 0 0; }
.off .ico_group_lg span	{ background: transparent url("/images/icons/ico_groupoff_24x24.png") no-repeat 0 0; }
.ico_restore_lg span	{ background: transparent url("/images/icons/ico_restore_24x24.png") no-repeat 0 0; }

.ico_btn.disable, .ico_btn_lg.disable, a.ico_btn.disable:hover, a.ico_btn_lg.disable:hover {
	display: none;
}

input[type=button], button, a.button {
	background-color: #ddd;
	color: #121212;
}
a.button:hover {
	color: #121212;
}
input, textarea, select, button, a.button {
	border-color: #ccc;
}
button.oversize {
	background-color: #1976D2;
	color: #fff;
}
div.input {
	background-color: #fff;
	border-color: #ccc;
}
div.input.disable {
	background-color: #efefef;
}

fieldset {
	background-color: #f4f4f4;
	border-color: #bbb;
}
fieldset legend {
	color: #555;
}
fieldset>h3 {
	background-color: #222;
	border-color:  #ddd;
	color: #fff;
}
fieldset dl>dd.output>div.pre>pre {
	background-color: #fff;
	border-color: #ccc;
}
fieldset .scrollable {
	background-color: #fff;
	border-color: #ccc;
}
fieldset .scrollable ul>li>div {
	border-color: #ccc;
}

.disabled {
	color: #999;
}
.disabled input, .disabled textarea, .disabled select,
input.disabled, textarea.disabled, select.disabled {
	background-color: rgb(235, 235, 228);
}
.disabled button {
	color: #999;
}

/* Editor */
.editor .menu {
	border-color: #ccc;
}
.editor .menu>ul>li>a {
	border-color: #ccc;
}
.editor .menu>ul>li>a:hover {
	background-color: #2196F3;
	color: #fff;
}
.editor .menu>ul>li>a.disabled:hover {
	background-color: transparent;
	color: #999;
	cursor: default;
}

.input.selected, .file_input>.selected {
	background-color: #efefef;
	color: #666;
}

/* sortable */
.bbl-move-highlight {
	background-color: #f2f9ff;
	border-color: #bbb;
}

/* autocomplete */
.ui-autocomplete.ui-menu .ui-state-focus {
	border: 0;
	background: #BBDEFB
}

/* control dots */
ul.ctrl_dots>li>a {
	background-color: #fff;
}
ul.ctrl_dots>li.active>a {
	background-color: #c2334f;
}
ul.ctrl_dots>li>a:hover {
	background-color: #c2334f;
}

/* output controls */
ul.ctrl_output>li>a.next { background-image: url("/images/ctrls/ctrl_next_12x12.png"); }
ul.ctrl_output>li>a.prev { background-image: url("/images/ctrls/ctrl_prev_12x12.png"); }
ul.ctrl_output>li>a.pause { background-image: url("/images/ctrls/ctrl_play_12x12.png"); }
ul.ctrl_output>li>a.play { background-image: url("/images/ctrls/ctrl_pause_12x12.png"); }

/* chart play/pause */
ul.ctrl_refresh>li>a.pause {
	background-image: url("/images/ctrls/ctrl_pause2_16x16.png");
}
ul.ctrl_refresh>li>a.play {
	background-image: url("/images/ctrls/ctrl_play2_16x16.png");
}

/* charts */
.charts>.title {
	background-color: #fff;
	border-color: #ccc;
}

.search div.buttons a {
	background-color: #ddd;
	border-color: #ccc;
	color: #212121;
}

/* Preview */
#preview .ctrls {
	background-color: #fff;
	border-color: #1976D2;
}
#preview .ctrls>div>dl>dd {
	background-color: #f4f4f4;
	border-color: #bbb;
}

/* Fix Header */
/*
does not work, when have to scroll to left or right
#header {
	position: fixed;
	min-width: 1024px;
	top: 0;
	width: 100%;
	z-index: 5;
}
#main {
	margin-top: 45px;
}
#main.hasside>.sidebar {
	margin-top: 18px;
}
.sidemenu {
	border-right: 1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	top: 45px;
	width: 300px;
}*/