|
Server : Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12 System : Windows NT SERVER-PC 10.0 build 26200 (Windows 11) AMD64 User : ServerPC ( 0) PHP Version : 8.2.12 Disable Function : NONE Directory : C:/Program Files/Bitdefender Agent/27.1.1.23/skin/css/ |
Upload File : |
html {
background-color: transparent;
width: 760dip;
height: 510dip;
overflow: hidden;
margin: 0;
padding: 0;
font-family: arial;
}
html.window-shadow {
width: 800dip;
height: 550dip;
}
body {
direction: ltr;
behavior: text-localization sample-data-source drag-window;
background-color: transparent;
background: #2b2f33!important;
margin: 0;
padding: 0;
}
* {
outline:none;
}
.simple_window, .simple_window_alert {
/*background: #212426!important;*/
background-color: #fff;
height:calc(min-intrinsic-height);
width:calc(min-intrinsic-width);
min-width:430dip;
min-height:80dip;
position:relative;
width:auto;
}
.absolute_align_0 {
right:0;
}
.float {
float:right;
}
.o_layer {
position:absolute;
display:block;
width:100%;
height:100%;
opacity:1;
z-index:9999999999;
background:rgba(243,243, 243, 0.8);
}
.o_layer_dark {
position:absolute;
display:block;
width:100%;
height:100%;
opacity:1;
z-index:9999999999;
background:rgba(33,36, 38, 0.8);
}
.expired_content {
text-align:center;
margin:0 30dip;
padding-top:150dip;
color:white;
}
.expired_content a {
white-space:nowrap;
}
div:disabled {
color:#999;
}
a:disabled {
color:#999999;
}
a {
color: #00a1ff;
text-decoration:none;
}
a.expired_link {
color:#ff1f1f!important;
}
table {
font-size: 11dip;
}
/* Constante folosite comun - punem clase in loc sa mai punem stiluri inline */
.block {
display: block;
}
.none {
display: none;
}
.clickable {
behavior:~clickable
}
.pointer {
cursor: pointer;
}
.horizontal {
flow: horizontal;
}
.vertical {
flow: vertical;
}
.align_correct {
text-align:left;
}
.hidden {
display:none;
}
.valign_middle {
vertical-align:middle;
}
.valign_top {
vertical-align:top;
}
.expand_width {
width: *;
}
.intrinsic_width {
width: min-intrinsic!important;
min-width: auto!important;
}
.intrinsic_height {
height: min-instrinsic!important;
}
.nowrap {
white-space:nowrap;
}
.marginTop0 {
margin-top: 0 !important;
}
.marginTop5 {
margin-top: 5dip !important;
}
.marginTop10 {
margin-top:10dip !important;
}
.marginTop20 {
margin-top:20dip !important;
}
.marginBottom0 {
margin-bottom: 0 !important;
}
.marginBottom10 {
margin-bottom: 10dip !important;
}
.marginBottom20 {
margin-bottom: 20dip !important;
}
.marginLeft0 {
margin-left: 0 !important;
}
.marginLeft10 {
margin-left: 10dip !important;
}
.marginLeft20 {
margin-left: 20dip !important;
}
.marginRight0 {
margin-right: 0 !important;
}
.marginRight10 {
margin-right: 10dip !important;
}
.marginRight20 {
margin-right: 20dip !important;
}
/* Structuri generale */
.header_main {
height: 50dip;
position:absolute;
z-index: 20;
width: 760dip;
background-color: #2b2f33;
}
.header_main_obk {
height: 50dip;
z-index: 20;
background-color: #2b2f33;
}
.header {
height:50dip;
vertical-align:middle;
background-color: #2b2f33;
}
.header-arrow-up {
height: 47dip !important;
border-bottom: 1dip solid #40474d;
/*background: url(../images_2/common/bg-header-up-arrow.png) no-repeat left top !important;*/
padding-top: 7dip;
}
tr.header {
background-color: #f3f3f3;
}
tr.header td {
border-right: 1dip solid #d9d9d9;
font-size: 11dip;
color: #666;
}
tr.header td:last-child {
border-right: 0dip;
}
.logo_name {
background-image:url(../images_2/common/bitdefender_logo.svg);
background-repeat:stretch;
background-size:100% 100%;
height:12dip;
width:87dip;
}
.header_main .product_name {
line-height:14dip!important;
padding-top:2dip;
}
.product_name {
background: url(../images_2/common/bitdefender_logo.svg) no-repeat 0 17dip;
text-align: center;
text-transform: uppercase;
width: auto;
margin-left: auto;
margin-right: auto;
font-size: 12dip;
padding-top:2dip;
color: #bacdd9;
line-height:50dip;
margin-left: 4dip;
white-space:nowrap;
}
.product_name_wallet {
background: url(../images_2/common/bitdefender_logo.svg) no-repeat 0 17dip;
text-align: center;
text-transform: uppercase;
width: auto;
margin-right: auto;
font-size: 12dip;
color: #bacdd9;
line-height:45dip;
text-align:left;
margin-left: 10dip
}
.logo_name_wallet {
background-image:url(../images_2/common/bitdefender_logo.svg);
background-repeat:stretch;
background-size:100% 100%;
height:12dip;
width:87dip;
margin-top: 15dip;
}
.align_logo_wallet {
width: auto;
margin: 0 auto;
flow: horizontal;
}
.align_logo {
white-space:nowrap; width:auto; margin:0 auto;
margin-top:18dip;
}
.top_controls {
position: absolute;
right: 0;
top: 0;
width: auto;
height: 50dip;
}
#btnSysMinimize {
background: #2b2f33 url(../images_2/common/minimize.svg);
width: 50dip;
height: 50dip;
padding: 0;
margin: 0;
cursor: pointer;
behavior: clickable;
}
#btnSysMinimize:hover {
background: #555e66 url(../images_2/common/minimize_hover.svg);
}
#btnSysMinimize:active {
background: #40474d url(../images_2/common/minimize.svg) ;
}
#btnSysClose, .single_close {
background: #2b2f33 url(../images_2/common/close.svg);
width: 50dip;
height: 50dip;
padding: 0;
margin: 0;
cursor: pointer;
behavior: clickable;
}
#btnSysClose:hover, .single_close:hover {
background: #555e66 url(../images_2/common/close_hover.svg) ;
}
#btnSysClose:active, .single_close:active {
background: #40474d url(../images_2/common/close.svg);
}
#btnSysMaximize {
background: #2b2f33 url(../images_2/common/maximize.svg);
width: 50dip;
height: 50dip;
padding: 0;
margin: 0;
cursor: pointer;
behavior: clickable;
}
#btnSysMaximize:hover {
background: #555e66 url(../images_2/common/maximize_hover.svg);
}
#btnSysMaximize:active{
background: #40474d url(../images_2/common/maximize.svg);
}
.visibility_none {
visibility:hidden!important;
}
.single_close {
click!:
$(.events_container)::display = "none",
$(.general_settings_container)::display = "none",
$(.settings_section)::background = rgb(33,36,38),
;
}
#status_indicator {
behavior:clickable;
}
/* Dropdown Main Menu */
#btnMyBD {
background: #2b2f33 url(../images_2/common/top_menu.svg);
width: 50dip;
height: 50dip;
padding: 0;
margin: 0;
cursor: pointer;
transition: blend;
behavior: popup-menu;
top: 0dip!important;
right:100dip!important;
direction:rtl;
overflow:hidden;
}
#btnMyBD:hover {
background: #555e66 url(../images_2/common/top_menu_hover.svg);
}
#btnMyBD:active {
background: #40474d url(../images_2/common/top_menu.svg);
}
#btnMyBD menu.myBD_menu {
behavior: menu;
display: none;
margin-top: 1dip;
min-width:120dip;
width:auto;
width:160dip;
position:absolute;
assigned!:
$(#btnMyBD).class = "noclass_for_btnMyBD bdui_dropdown",
$(.push_notifier).class = "push_notifier",
;
}
.noclass_for_btnMyBD {
background-color:none;
}
.keep_hover_for_btnMyBD {
background-color: #555e66!important;
}
#btnMyBD menu.myBD_menu:popup {
assigned!:
$(#btnMyBD).class = "keep_hover_for_btnMyBD bdui_dropdown",
$(.push_notifier).class = "push_notifier keep_hover_notifier",
;
}
#btnMyBD menu.myBD_menu li {
line-height: 30dip;
background: #555e66;
color: #bacdd9;
font-size: 11dip;
text-align: left;
padding-left:15dip;
margin-right:-30dip;
position:relative;
//border-bottom: 1dip solid #3f4447;
}
#btnMyBD menu.myBD_menu li:first-child {
padding-top:5dip;
}
#btnMyBD menu.myBD_menu li:last-child {
border-bottom: none;
}
#btnMyBD menu.myBD_menu li:hover {
background: #00a1ff;
color:white;
}
#btnMyBD:active .push_notifier {
border:2dip solid #40474d!important;
top:0dip;
left:0;
}
#btnMyBD:hover .push_notifier {
border:2dip solid #555e66;
}
.event_bubble {
background:url(../images_2/common/notifier_icon.svg);
//padding-left:15dip!important;
//font-weight:bold;
//width:calc(max-intrinsic-width());
position:absolute;
top:7dip;
left:7dip;
width:6dip;
height:6dip;
assigned!:
self::display == "block" ? self.parent(1).child(2)::font-weight = "bold",
//self::display == "block" ? self.parent(1).child(2)::padding-left = 17dip!important,
self::display == "none" ? self.parent(1).child(2)::font-weight = "normal",
;
}
.event_target option {
position:relative;
padding-left:20px!important;
}
.push_notifier {
background:url(../images_2/common/notifier_icon.svg);
//foreground-position:5dip 29dip;
margin:27dip 18.9dip 0 auto;
width:6dip;
height:6dip;
border-radius:50%;
border:2dip solid #212426;
transition:none;
}
.keep_hover_notifier {
border:2dip solid #555e66;
}
.notifier_icon {
background:url(../images_2/common/notifier_icon.svg);
width:6dip;
height:6dip;
border-radius:100dip;
position:absolute;
right:17dip;
top:12dip;
}
.notification_section:hover .notifier_icon {
background:url(../images_2/common/notifier_icon_hover.svg)!important;
}
/*---*/
/* Status area */
.status_green {
padding-left: 15dip;
margin-top:30dip;
}
.status_green .status_color {
background: url(../images_2/common/status_green.svg);
height:90dip;
width:90dip;
margin-left:10dip;
}
.status_green .status_title {
font-size: 26dip;
font-weight: bold;
color: #7fbb19;
padding-left: 125dip;
text-transform: uppercase;
line-height: 30dip;
margin-top:-90dip;
width: 350dip;
}
.status_green .substatus {
font-size: 14dip;
color: #7fbb19;
padding-left: 125dip;
line-height: 18dip;
}
.status_green .fix {
color: #ffffff;
text-transform: none;
padding-left: 10dip;
text-decoration: none;
}
.status_green .fix:hover {
text-decoration: underline;
}
.status_yellow {
margin-right:250dip;
padding-left:15dip;
margin-top:30dip;
}
.status_yellow .left_side .table_behavior {
cursor:pointer;
}
.status_yellow .status_color {
background: url(../images_2/common/status_yellow.svg);
//background-repeat:stretch;
height:90dip;
width:90dip;
margin-left:10dip;
}
.status_yellow .status_title {
font-size: 26dip;
font-weight: bold;
color: #ffd91a;
padding-left: 125dip;
text-transform: uppercase;
line-height: 30dip;
margin-top:-90dip;
width: 350dip;
}
.status_yellow .substatus {
font-size: 14dip;
color: #ffd91a;
padding-left: 125dip;
line-height: 18dip;
}
.status_yellow .fix {
color: #ffffff;
text-transform: none;
padding-left: 10dip;
text-decoration: none;
}
.status_yellow .fix:hover {
text-decoration: underline;
}
.status_red {
margin-right:250dip;
padding-left:15dip;
margin-top:30dip;
}
.status_red .left_side .table_behavior {
cursor:pointer;
}
.status_red .status_color {
background: url(../images_2/common/status_red.svg);
//background-repeat:stretch;
height:90dip;
width:90dip;
margin-left:10dip;
}
.status_red .status_title {
font-size: 26dip;
font-weight: bold;
color: #ff1f1f;
padding-left: 125dip;
text-transform: uppercase;
line-height: 30dip;
margin-top:-90dip;
width: 350dip;
}
.status_red .substatus {
font-size: 14dip;
color: #ff1f1f;
padding-left: 125dip;
line-height: 18dip;
}
.status_red .fix {
color: #ffffff;
text-transform: none;
padding-left: 10dip;
text-decoration: none;
}
.status_red .fix:hover {
text-decoration: underline;
}
.status_and_action_holder {
width: 350dip;
white-space: nowrap;
color: white;
font-size: 12dip;
//position:absolute;
margin-left:125dip;
}
.procent_spacer {
width:33dip;
margin-left:3dip;
overflow:hidden;
text-align:left;
}
.status_progress {
opacity:1;
assigned!:
//self::display == "block" ? $(.current_status)::display = "none" $(.current_status)::opacity = 0,
;
timer!:
self.start-animation()
;
animation-step!:
self::opacity > 0 ?
self::opacity = self::opacity - 0.1 #
return cancel,
$(.current_status).start-timer(100),
;
}
.main_progress {
assigned!:
self:value > 99 ? $(.to_hide_when_update_is_done).start-timer(50),
;
value-changed!:
self:value > 99 ? $(.to_hide_when_update_is_done).start-timer(50),
;
}
.to_hide_when_update_is_done {
opacity:1;
timer!:
self.start-animation(),
;
animation-step!:
self::opacity > 0 ?
self::opacity = self::opacity - 0.1 #
return cancel, $(.updating_label).start-timer(150);
}
.updating_label {
display:none;
opacity:1;
timer!:
self.start-animation(),
;
animation-step!:
self::display = "block",
$(.current_status).start-timer(150),
;
}
.current_status {
width:auto;
timer!: self.start-animation(),
;
animation-start!:
//$(.updating_label)::display = "none",
;
animation-step!:
self::opacity = 1,
self::display = "block",
;
}
.stop_update {
display:inline-block;
position:relative;
display:block;
}
.status_and_action_holder .scan_status_update_status_separator {
padding: 0 10dip 0 10dip;
}
.table_behavior {
display: table;
height: 90dip;
}
.table_behavior div {
display: table-row;
}
.right_side {
position: absolute;
top: 40dip;
right: 14dip;
border:0dip solid #40474d;
height:60dip;
overflow:hidden;
min-width:150dip;
}
/* --- */
.tile_wrapper {
margin: 30dip auto 0 auto;
display:block;
flow: horizontal;
width: 700dip;
height: 241dip;
/*overflow: hidden;*/
/*width: min-intrinsic;*/
}
.tile {
/*position:relative;*/
width: 90dip;
height: 118dip;
background-color: #40474d;
margin-right: 4dip;
margin-bottom: 4dip;
vertical-align:middle;
text-align:center;
font-size: 12dip;
cursor: pointer;
padding: 0 10dip;
behavior: clickable;
}
.tile:nth-child(3n) {
margin-right:0dip;
}
.tile.connect {
width: 220dip;
height:241dip;
background-color: #4a5259;
color: #fff;
line-height: 18dip;
}
.tile.connect .account {
color: #97989a;
border-bottom: 1dip solid #596067;
padding-bottom: 6dip;
width: min-intrinsic;
margin: 0 auto 10dip auto;
}
.tile.connect:hover .account {
color: #fff;
border-bottom: 1dip solid #3eb8ff;
}
.tile.long {
width: 206dip;
}
.tile .icon {
display:inline-block;
width: 36dip;
height: 36dip;
margin:0 auto;
margin-bottom: 15dip;
}
.tile span {
color: #939699;
font-size: 12dip;
}
.tile:hover {
background-color: #00a1ff;
}
.tile:hover span {
color: #fff;
}
.main_screen {
margin-top:50dip;
/*margin-top: -410dip;*/
position:relative;
z-index: 10;
assigned!: self.position = "down";
animation-step!:
(self.position == "down") ?
(self::margin-top = morph("expo-out", 50dip, -410dip)) #
(self::margin-top = morph("expo-out", -410dip, 50dip));
animation-end!: (self.position == "down") ? (self.position = "up" ) # (self.position = "down" , $(#feedback_link)::visibility = "visible");
}
.view_apps {
width: 30dip;
height: 30dip;
background-image: url(../images_2/common/view_apps_arrow.svg);
cursor: pointer;
margin: 0 0 10dip 30dip;
behavior: button;
padding: 0;
behavior: clickable;
click!: $(#feedback_link)::visibility = "collapse", $1(.main_screen).start-animation(0.5s), self::opacity = 0, $1(.view_modules)::opacity= 1;
}
.view_apps:expanded {
opacity: 1;
transition: opacity(linear, 300ms, none);
}
.view_modules {
position:absolute;
color: #818e99;
height: 50dip;
flow:horizontal;
vertical-align:middle;
left: 30dip;
opacity:0;
cursor: pointer;
behavior:clickable;
click!: $(.main_screen).start-animation(0.5s), self::opacity = 0, $1(.view_apps)::opacity = 1;
}
.view_modules:expanded {
opacity: 1;
transition: opacity(linear, 300ms, none);
}
.view_modules .img {
background-image: url(../images_2/common/view_modules_arrow.svg);
width: 30dip;
height: 30dip;
margin-right: 10dip;
}
.back_to_apps {
position:absolute;
color: #818e99;
height: 50dip;
flow:horizontal;
vertical-align:middle;
left: 30dip;
cursor: pointer;
dispaly:none;
white-space:nowrap;
display:none;
click!: $1(.settings_page).start-animation(0.2s),
$1(.settings_page).motion = 1,
self::display = "none",
$1(.view_modules)::display = "block";
animation-step!:$(.settings_page).motion = 0;
behavior:clickable;
}
.back_to_apps .img {
background-image: url(../images_2/common/back_to_apps.svg);
width: 30dip;
height: 30dip;
margin-right: 10dip;
}
.apps_container {
/*margin-top: 65dip;*/
background-color: #fff;
height: 600dip;
position:relative;
top:65dip;
/*display:none;*/
}
.apps_tabs {
margin: 50dip 60dip;
width: 400dip;
overflow: hidden;
width: 100%%;
}
.apps_tabs ul.stripe {
list-style-type:none;
flow:horizontal;
width: min-intrinsic;
margin: 0 0 0 10dip;
padding: 0;
}
.apps_tabs ul.stripe li {
cursor: pointer;
behavior: radio;
color: #999999;
padding-right: 60dip;
line-height: 24dip;
font-size: 20dip;
assigned!: (self:checked == true) ? $1(.apps_tabs_panels .tab_content:nth-child(<self:index>))::display = "block";
active-off!: $(.apps_tabs_panels .tab_content)::display = "none",
$1(.apps_tabs_panels .tab_content:nth-child(<self:index>))::display = "block";
}
.apps_tabs ul.stripe li:checked {
color: #00aaff;
}
.apps_tabs_panels .tab_content {
margin-top: 20dip;
display:none;
/*visibility: collapse;*/
}
/* Main Panels */ /* TODO - remove */
.panels_overview_ul {
flow: horizontal;
padding: 0;
margin: 0;
position: absolute;
height: 172dip;
overflow: hidden;
left:30dip;
top:240dip;
list-style:none;
}
.panels_overview_ul li {
}
li.main_overview {
list-style: none;
height: 172dip;
width: 172dip;
background: #555e66 url(../images_2/common/overview_panel_background.png) repeat;
margin-right:4dip;
}
li.main_overview:hover {
background: #0091e6 url(../images_2/common/overview_panel_background_hover.png) repeat;
}
li.main_overview:hover .event_counter {
border:3dip solid #0091e6;
}
ul.main_quick_actions li.quick_icons {
text-align:center;
color:#fcfcfc!important;
font-size:11dip;
cursor:pointer;
}
ul.main_quick_actions li.quick_icons:hover {
background-color:#0091e6!important;
foreground-image:none!important;
}
.quick_action_arrange {
width:25dip;
padding-top:54dip;
margin:0 auto;
}
.scan_icon {
background:url(../images_2/common/quick_action_icons/scan_icon.svg);
}
.wallet_icon {
background:url(../images_2/common/quick_action_icons/wallet_icon.svg);
}
.startup_icon {
background:url(../images_2/common/quick_action_icons/startup_icon.svg);
}
.optimize_icon {
background:url(../images_2/common/quick_action_icons/optimize_icon.svg);
}
.update_icon {
background:url(../images_2/common/quick_action_icons/update_icon.svg);
}
.safepay_icon {
background:url(../images_2/common/quick_action_icons/safepay_icon.svg);
}
.vulnerability_icon {
background:url(../images_2/common/quick_action_icons/vulnerability_icon.svg);
}
.connect_icon {
background:url(../images_2/common/quick_action_icons/connect_icon.svg);
}
.icon_protection {
background-image:url(../images_2/common/icons/icon_protection.svg);
}
.icon_privacy {
background-image:url(../images_2/common/icons/icon_privacy.svg);
}
ul.main_quick_actions {
padding:0;
margin:0;
width:172dip;
height:172dip;
}
ul.main_quick_actions li {
float:left;
width:84dip;
height:84dip;
margin:0;
background:#40474d;
list-style:none;
}
ul.main_quick_actions li.first_child {
}
ul.main_quick_actions li.second_child {
margin-left:4dip;
}
ul.main_quick_actions li.third_child {
margin-top:4dip;
}
ul.main_quick_actions li.fourth_child {
margin-left:4dip; margin-top:4dip;
}
.panel_icon {
margin: 0 auto;
margin-top: 55dip;
}
.icon_protection_small {
background: url(../images_2/common/icons/icon_protection_small.png) no-repeat;
width: 30dip;
height: 30dip;
background-size:100%;
}
.icon_privacy_small {
background: url(../images_2/common/icons/icon_privacy_small.png) no-repeat;
width: 30dip;
height: 30dip;
}
.icon_social {
background: url(../images_2/common/icons/icon_social.png) no-repeat;
width: 40dip;
height: 40dip;
}
.icon_social_small {
background: url(../images_2/common/icons/icon_social_small.png) no-repeat;
width: 30dip;
height: 30dip;
}
.icon_tuneup {
background: url(../images_2/common/icons/icon_tuneup.svg) no-repeat;
background-repeat:stretch;
width:40dip;
height:40dip;
}
.icon_tuneup_small {
background: url(../images_2/common/icons/icon_tuneup_small.png) no-repeat;
width: 30dip;
height: 30dip;
}
.settings_loader {
background:url(../images_2/common/settings_loader.gif) no-repeat top left;
width:24dip;
height:24dip;
padding-right:10dip;
}
.tab div {
margin: 37 auto 0 auto;
width: 120dip;
background-position: center top;
color: white;
text-transform: uppercase;
font-size: 10dip;
padding-top: 35dip;
text-align: center;
}
.moving_group {
height: 100%;
width: 100%;
position: relative;
top: 0dip;
background: none;
}
.moving_group:hover {
top: 0dip;
background: none;
}
.event_counter {
position: absolute;
top: 42dip;
right: 53dip;
border-radius:100dip;
border:3dip solid #41484d;
background:#ff1f1f;
width: 23dip;
height: 23dip;
color: #ffffff;
font-weight: bold;
font-size: 11dip;
text-align: center;
line-height: 23dip;
display:none;
}
.event_counter:hover {
background:#ff5252;
}
.event_counter:active {
background:#e51c1c;
}
.overview_panel {
cursor:pointer;
behavior: button;
click!:
$(.settings_section).start-animation(0.2s),
$(.settings_modules).start-animation(0.2s), /* Get Index Position, reset modules tabs values and apply the correct attributes*/
$(div.tab:current):current = false,
$1(div.panels>div:expanded):expanded = false,
var_position = self:index,
$(.settings_categories).child(var_position):current = true,
$(.panels).child(var_position):expanded = true,/*---*/
;
}
.overview_panel_title {
text-align: center;
color: #ffffff;
font-size: 12dip;
text-transform: uppercase;
padding-top: 10dip;
}
.explore_section {
opacity: 0;
position: relative;
top: 50dip;
transition: opacity(linear, 180ms, none);
margin-left: auto;
margin-right: auto;
color: #8f9da6;
text-transform: uppercase;
font-size: 11dip;
min-width: 120dip;
text-align: center;
background: none;
cursor: pointer;
line-height: 28dip;
padding: 0;
}
.settings_modules {
display: none;
margin-left: 40dip;
animation-step!: self::display = "block";
width: 100%;
}
.settings_section {
z-index: 9;
left: 0dip;
display: none;
width: 760dip;
top: 51dip;
height: 100%;
position: absolute;
overflow: hidden;
padding-left: 0dip;
background: #212426;
animation-step!:
self::display = "block",
$(.settings_modules)::margin-left = morph("circ-out", 80dip, 0dip),
$(.take_me_home_container)::display = "block";
}
.take_me_home_container {
position:relative;
display:none;
}
button.take_me_home {
background:url(../images_2/common/home_icon.svg);
height:30dip;
width:30dip;
padding:0;
margin-top:29dip;
margin-left:30dip;
cursor:pointer;
color:white;
click!:
$(.settings_section)::display = "none",
$(.settings_container)::display = "none",
$(.take_me_home_container)::display = "none"
;
}
button.take_me_home:hover {
background:url(../images_2/common/home_icon_hover.svg);
}
button.take_me_home:active {
background:url(../images_2/common/home_icon_active.svg);
}
.module_name {
font-size:24dip;color:white;
text-align:left;
padding-left:9dip;
padding-top:31dip;
}
.w_auto {
width:auto;
}
li.main_overview:hover .explore_section {
opacity: 10;
transition: opacity(linear, 180ms, 200ms);
}
ul.category_modules {
padding: 0;
overflow:hidden;
flow: v-flow;
list-style-type:none;
height: 300dip;
}
ul.category_modules li.module_container,
ul.category_modules li.module_container_no_settings {
float:left;
width: 190dip;
height: auto;
margin-right: 20dip;
margin-bottom: 20dip;
position: relative;
list-style:none;
overflow:hidden;
}
/* moduleDisabled */
ul.category_modules li.module_container.moduleDisabled .quick_actions {
assigned!: self.disabled = true;
/*opacity: .2!important;*/
}
ul.category_modules li.module_container.moduleDisabled .quick_actions li {
opacity: .2;
}
ul.category_modules li.module_container.moduleDisabled .settings {
display:none;
height: 10dip;
width: 10dip;
position: absolute;
top: 20dip;
right: 16dip;
background: url(../images_2/common/link_icon.svg);
cursor: pointer;
opacity:1;
}
ul.category_modules li.module_container.moduleDisabled:hover .modules_icons {
background-color: #cccccc;
}
ul.category_modules li.module_container.moduleDisabled:hover .settings {
display:block;
}
ul.category_modules li.module_container.moduleDisabled .modules_icons {
foreground-image-transformation: opacity(0.2);
}
ul.category_modules li.module_container.moduleDisabled:hover .modules_icons .module_label {
border-bottom: 1dip solid #ccc;
opacity:1;
color: #9b9b9b;
}
ul.category_modules li.module_container.moduleDisabled .module_label {
/*opacity: .2;*/
}
.module_container.moduleDisabled .modules_icons {
opacity: 0.6;
click!: ;
}
/* moduleDisabled end */
/* module hover */
ul.category_modules li:hover {
}
ul.category_modules li:hover .settings {
display: block;
opacity:1;
background: url(../images_2/common/settings_hover.svg);
}
ul.category_modules li.module_container:hover .modules_icons {
background:#00a1ff;
foreground-image-transformation: colorize(#ffffff);
}
ul.category_modules li.module_container:hover .modules_icons .module_label {
border-bottom: 1dip solid #00a1ff;
color: #fff;
}
.new_label {
height: 17dip;
width: 40dip;
min-width: 40dip;
color: white;
font-size: 11dip;
position: absolute;
top: 10dip;
left: 10dip;
background: #029bf5;
border-radius: 20dip;
text-align: center;
padding-top: 3dip;
display:none;
}
/* Module icons */
.module_container_no_settings .modules_icons {
foreground-repeat: stretch;
foreground-position-left: 9dip;
foreground-position-right: 150dip;
foreground-position-bottom: 11dip;
foreground-position-top: 10dip;
border-bottom: none;
width:138dip;
height:46dip;
padding-left:50dip;
font-size:12dip;
line-height:16dip;
display:table-cell;
vertical-align:middle;
margin-bottom:10dip;
cursor:default;
}
.module_container_no_settings .settings {
display:none!important;
}
/* main modules icons */
.module_container .modules_icons {
foreground-repeat: stretch;
foreground-position-left: 9dip;
foreground-position-right: 150dip;
foreground-position-bottom: 12dip;
foreground-position-top: 9dip;
width:138dip;
height:46dip;
padding-left:50dip;
color:#333;
font-size:12dip;
line-height:16dip;
display:table-cell;
vertical-align:middle;
margin-bottom:10dip;
cursor:pointer;
/* TODO - add stuff */
click! :
settings_pos = self.parent(1):index,
$(div.settings_container > div)::display = "none",
$(div.settings_container)::display = "block",
$(div.settings_container div.settings_page)::left = 80dip,
$(div.settings_container).child(1).start-animation(0.2s),
$(div.settings_container).child(1).motion = 0,
$1(.view_modules)::display = "none",
$1(.back_to_apps)::display = "block"
;
behavior:clickable;
}
.quick_actions ul {
padding:0;
margin:0;
}
.quick_actions ul li.quick_action {
background:none;
list-style:none;
margin-left:0;
padding-left:13dip;
line-height: 26dip;
display:block;
}
.quick_actions ul li.quick_action a {
width:100%;
color:#666;
font-size:12dip;
}
.quick_actions ul li.quick_action a:hover {
text-decoration:underline;
}
.module_label {
width:99dip;
margin-left: -38dip;
padding-left: 30dip;
padding-right: 35dip;
height: 42dip;
vertical-align:middle;
white-space:normal;
margin-bottom: 0;
border-bottom:1dip solid #dddfe0;
}
.settings {
height: 14dip;
width: 14dip;
position: absolute;
top: 15dip;
right: 12dip;
background: url(../images_2/common/settings.svg);
cursor: pointer;
display: block;
opacity:1;
transition: blend;
}
.icon_module_safebox {
foreground-image: url(../images_2/common/icons/icon_module_safebox.svg);
}
.icon_module_web_protection {
foreground-image: url(../images_2/common/icons/icon_module_web_protection.svg);
}
.icon_module_antivirus {
foreground-image: url(../images_2/common/icons/icon_module_antivirus.svg);
}
.icon_module_ids {
foreground-image: url(../images_2/common/icons/icon_module_ids.svg);
}
.icon_module_antiphishing {
foreground-image: url(../images_2/common/icons/icon_module_antiphishing.svg);
}
.icon_module_dataprotection {
foreground-image: url(../images_2/common/icons/icon_module_dataprotection.svg);
}
.icon_module_safepay {
foreground-image: url(../images_2/common/icons/icon_module_safepay.svg);
}
.icon_module_wallet {
foreground-image: url(../images_2/common/icons/icon_module_wallet.svg);
}
.icon_module_theftprotection {
foreground-image: url(../images_2/common/icons/icon_module_theftprotection.svg);
}
.icon_module_profiles {
foreground-image: url(../images_2/common/icons/icon_module_profiles.svg);
}
.icon_module_vulnerability {
foreground-image: url(../images_2/common/icons/icon_module_vulnerability.svg);
}
.icon_module_tuneup {
foreground-image: url(../images_2/common/icons/icon_module_tuneup.svg);
}
.icon_module_firewall {
foreground-image: url(../images_2/common/icons/icon_module_firewall.svg);
}
.icon_module_antispam {
foreground-image: url(../images_2/common/icons/icon_module_antispam.svg);
}
.icon_module_parental {
foreground-image: url(../images_2/common/icons/icon_module_parental.svg);
}
.icon_module_shredder {
foreground-image: url(../images_2/common/icons/icon_module_shredder.svg);
}
.icon_module_encryption {
foreground-image: url(../images_2/common/icons/icon_module_encryption.svg);
}
.icon_module_safego {
foreground-image: url(../images_2/common/icons/icon_module_safego.svg);
}
.icon_module_antitheft {
foreground-image: url(../images_2/common/icons/icon_module_antitheft.svg);
}
/*---*/
/* TABS */
div.tab_strip div.tab {
assigned! : self.current ? ( self:current = true, $1(div.panels>div:nth-child(< self:index >)):expanded = true );
active-on! : $1(div.tab_strip div:current):current = false, $1(div.panels>div:expanded):expanded = false, $1(div.panels>div:nth-child(< self:index >)).start-timer(2s), self:current = true, $1(div.panels>div:nth-child(< self:index >)):expanded = true, $1(div.panels>div:nth-child(< self:index >)).start-animation(0.2s),
$(.settings_container)::display = "none",
;
background-color: #41484d;
width: 120dip;
height: 115dip;
overflow: hidden;
cursor: pointer;
}
div.tab_strip div:current {
background-color: #4d5459;
}
div.panels > div {
display: none;
}
div.panels > div:expanded {
display: block;
animation-step!:
$(.settings_modules)::margin-left = morph("circ-out", 80dip, 0dip),;
}
/*---*/
/* Footer */
.footer {
position: absolute;
bottom: 10dip;
z-index: 10;
flow: horizontal;
width: 760dip;
}
.footer .footer_links {
text-align:right;
margin-top: 2dip;
height: 30dip;
width: 670dip;
vertical-align:middle;
}
/*
ul.footer_links_container {
list-style: none;
text-align: right;
position: relative;
flow: horizontal;
width: auto;
padding: 0;
margin-left: 20dip;
}
ul.footer_links_container li {
text-align: right!important;
white-space: nowrap;
line-height:60dip;
}
ul.footer_links_container li a {
margin-left: 10dip;
margin-right: 10dip;
display: inline-block;
color: #00a1ff;
text-decoration: none;
font-weight: bold;
font-size: 11dip;
behavior: clickable;
cursor: pointer;
}
ul.footer_links_container li a:hover {
text-decoration: underline;
}
*/
.feedback_zone {
position: absolute;
bottom: 43dip;
right:30dip;
text-align: center;
font-size: 11dip;
}
.feedback_zone a {
color: #00a1ff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
.feedback_zone a:hover {
text-decoration: underline;
}
.marketing_zone {
position: absolute;
bottom: 37dip;
width: 760dip;
text-align: center;
font-size: 11dip;
padding-left: 200dip;
padding-right: 200dip;
}
.marketing_message {
color: #ffffff;
font-size:11dip;
}
.marketing_link a {
color: #00a1ff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
.marketing_link a:hover {
text-decoration: underline;
}
/*---*/
/* Tooltips */
*[role=tooltip] {
background: none;
color: white;
border: none;
border: none;
height: max-intrisic;
font-style:normal;
text-align:left!important;
max-width: 800dip;
font-size: 12dip;
}
*[role=tooltip] .tooltip_style {
background: black;
padding: 10dip;
max-width: 800dip;
//text-align:center;
line-height:15dip;
}
*[role=tooltip] .preview_process {
background: white!important;
padding: 10dip;
border:1dip solid #d9d9d9;
}
*[role=tooltip] .tooltip_title {
font-size: 12dip;
padding-bottom: 10dip;
}
*[role=tooltip] .tooltip_description {
font-size: 11dip;
line-height:15dip;
}
/*---*/
/* Dropdown autopilot */
/* Bdui Button */
.bdui_button {
background-image: none;
height: 22dip;
font-size:11dip;
background-color: #4b5359;
color:#fff;
padding: 4dip 10dip;
cursor:pointer;
min-width:70dip;
width: min-intrinsic;
margin-right:2px;
margin-left:4px;
}
.bdui_button:hover {
background-color: #565f66;
}
.bdui_button:active {
background-color: #40474d;
}
.bdui_button:disabled {
background-color: #bfbfbf!important;
}
/* Bdui Button white */
.bdui_button_white {
background-image: none;
height: 22dip;
font-size:11dip;
background-color: #fff;
color:#666;
padding: 4dip 10dip;
cursor:pointer;
min-width:60dip;
width: min-intrinsic;
border:1dip solid #d9d9d9;
transition: none;
}
.bdui_button_white:hover {
/*background-color: #00a1ff;*/
background-color: #33b4ff;
color: #fff;
border:1dip solid #33b4ff;
}
.bdui_button_white.selected {
background-color: #00a1ff;
color: #fff;
border:1dip solid #00a1ff;
}
.bdui_button_white:disabled.selected {
background-color: #00a1ff;
color: #fff;
border:1dip solid #00a1ff;
}
.bdui_button_white:disabled {
/*
background-color: #f3f3f3;
color: #999; */
background-color: #00a1ff;
color: #fff;
border:1dip solid #00a1ff;
}
/* Button blue */
.bdui_button_blue {
background-image: none;
height: 22dip;
font-size:11dip;
background-color: #00a1ff;
color:#fff;
padding:4dip 10dip;
cursor:pointer;
min-width:70dip;
width:min-intrinsic;
}
.bdui_button_blue:hover {
background-color: #33b4ff;
}
.bdui_button_blue:active {
background-color: #0091e6;
}
.bdui_button_blue:disabled {
background-color: #bfbfbf;
}
/*---*/
.module_button_pos {
bottom:17dip;
width: 115dip;
}
.section_title {
margin-top: 15dip;
margin-bottom: 15dip;
font-weight:bold;
color: #333;
}
/* Switch Autopilot */
.mode_label {
text-transform:uppercase;
font-size:10dip;
color:#8f9da6;
line-height:28dip;
}
.autopilot {
padding-left:10dip;
padding-right:10dip;
}
.optimize {
padding:0;
}
widget[type=checkbox].autopilot:checked {
background-image:url(../images_2/common/autopilot_on.svg);
width: 60dip;
height:30dip;
margin:0 auto;
padding:0;
}
widget[type=checkbox].autopilot:checked:hover {
background-image:url(../images_2/common/autopilot_on_hover.svg);
}
widget[type=checkbox].autopilot {
background-image:url(../images_2/common/autopilot_off.svg);
background-repeat:stretch;
width: 60dip;
height:30dip;
margin:0 auto;
padding:0;
}
widget[type=checkbox].autopilot:hover {
background-image:url(../images_2/common/autopilot_off_hover.svg);
}
.autopilot_section {
text-align:center;
white-space:nowrap;
}
.optimize_section {
white-space:nowrap;
margin-right:15dip;
}
/* Widget[type=select-dropdown] for Optimize on MAIN UI*/
widget[type=select-dropdown].bdui_select_optimized {
background: #4b5359;
color:#fff !important;
font-size: 11dip;
//border: 1dip solid #d9d9d9;
width: max-intrinsic!important;
height:30dip;
overflow:hidden;
line-height:8dip;
width: 112dip !important;
cursor:pointer;
text-align:;
padding-left: 8dip;
}
widget[type=select-dropdown].bdui_select_optimized option {
width:103dip;
}
widget[type=select-dropdown].bdui_select_optimized:hover {
background: #606b73;
}
widget[type=select-dropdown].bdui_select_optimized:disabled {
background:#f3f3f3;
}
widget[type=select-dropdown].bdui_select_optimized:disabled caption {
color:#999999;
}
.settings_string_with_control {
color:#fff;
font-size:11dip;
line-height:18dip;
}
.settings_string_with_control widget[type=select-dropdown].bdui_select_optimized {
margin-left:5dip;
margin-right:5dip;
}
widget[type=select-dropdown].bdui_select_optimized option:hover {
color:#fff;
background: #00a1ff;
}
widget[type=select-dropdown].bdui_select_optimized option {
background:#606b73;
color:#ffffff;
line-height:18dip;
font-size:11dip;
padding-right:5dip;
padding-left:12dip;
padding-top: 5dip;
padding-bottom: 5dip;
}
widget[type=select-dropdown].bdui_select_optimized > button {
background: url(../images_2/common/dropdown_icon.svg);
position:absolute;
width:8dip!important;
height:20dip!important;
top:5dip;
right:10dip;
}
widget[type=select-dropdown].bdui_select_optimized:hover button {
background: url(../images_2/common/dropdown_icon.svg);
position:absolute;
width:8dip!important;
height:20dip!important;
top:5dip;
right:10dip;
}
widget[type=select-dropdown].bdui_select_optimized:hover caption {
color:#fff !important;
}
widget[type=select-dropdown].bdui_select_optimized popup {
//border: 1dip solid #d9d9d9;
padding: 0dip!important;
background:none;
}
widget[type=select-dropdown].bdui_select_optimized caption {
color:#fff;
padding-right:3dip;
padding-left:3dip;
}
widget[type=select-dropdown].bdui_select_optimized:hover caption {
color:#fff;
}
widget[type=select-dropdown].bdui_select_optimized caption:current {
background:none;
color:#fff;
}
/* Widget[type=select-dropdown] */
widget[type=select-dropdown].bdui_select,
widget[type=date] {
background: #ffffff;
color:#666666;
font-size: 11dip;
border: 1dip solid #d9d9d9;
width: max-intrinsic!important;
height:18dip;
overflow:hidden;
line-height:8dip;
margin-bottom:4dip;
position:relative;
}
widget[type=select-dropdown].bdui_select:disabled {
background:#f3f3f3;
}
widget[type=select-dropdown].bdui_select:disabled caption {
color:#999999;
}
.settings_string_with_control {
color:#666666;
font-size:11dip;
line-height:18dip;
}
.settings_string_with_control widget[type=select-dropdown].bdui_select {
margin-left:5dip;
margin-right:5dip;
}
widget[type=select-dropdown].bdui_select option:hover {
color:#00a1ff;
}
widget[type=select-dropdown].bdui_select option,widget[type=date] option {
background:#ffffff;
color:#666666;
line-height:18dip;
font-size:11dip;
padding-right:5dip;
padding-left:5dip;
}
widget[type=select-dropdown].bdui_select > button {
background: url(../images_2/common/dropdown_icon_gray.svg);
position:absolute;
width:8dip!important;
height:20dip!important;
top:0dip;
right:5dip;
}
widget[type=select-dropdown].bdui_select:hover button {
background: url(../images_2/common/dropdown_icon_gray_hover.svg);
background-position:-2dip 3dip;
position:absolute;
width:8dip!important;
height:20dip!important;
top:0dip;
right:5dip;
}
widget[type=select-dropdown].bdui_select:hover caption {
color:#00a1ff!important;
}
widget[type=select-dropdown].bdui_select popup {
border: 1dip solid #d9d9d9;
padding: 0dip!important;
background:none;
}
widget[type=select-dropdown].bdui_select caption {
color:#666666;
padding-right:3dip;
padding-left:3dip;
text-align:left!important;
}
widget[type=select-dropdown].bdui_select option {
text-align:left!important;
}
widget[type=select-dropdown].bdui_select:hover caption {
color:#00a1ff;
}
widget[type=select-dropdown].bdui_select caption:current {
background:none;
color:#666666;
}
input[type=number].bdui_select_big {
height:31dip;
line-height:31dip;
}
/* select-dropdown big */
widget[type=select-dropdown].bdui_select_big {
background: #ffffff;
color:#666666;
font-size: 11dip;
border: 1dip solid #d9d9d9;
width: max-intrinsic!important;
height:28dip;
overflow:hidden;
line-height:8dip;
margin-bottom:8dip;
position:relative;
}
widget[type=select-dropdown].bdui_select_big:disabled {
background:#f3f3f3;
}
widget[type=select-dropdown].bdui_select_big:disabled caption {
color:#999999;
}
widget[type=select-dropdown].bdui_select_big option:hover {
color:#00a1ff;
}
widget[type=select-dropdown].bdui_select_big option {
background:#ffffff;
color:#666666;
line-height:28dip;
font-size:11dip;
padding-right:5dip;
padding-left:5dip;
}
widget[type=select-dropdown].bdui_select_big > button {
background: url(../images_2/common/dropdown_icon_gray.svg);
position:absolute;
width:8dip!important;
height:20dip!important;
top:5dip;
right:5dip;
}
widget[type=select-dropdown].bdui_select_big:hover button {
background: url(../images_2/common/dropdown_icon_gray_hover.svg);
position:absolute;
width:8dip!important;
height:20dip!important;
top:5dip;
right:5dip;
}
widget[type=select-dropdown].bdui_select_big:hover caption {
color:#00a1ff!important;
}
widget[type=select-dropdown].bdui_select_big popup {
border: 1dip solid #d9d9d9;
padding: 0dip!important;
background:none;
}
widget[type=select-dropdown].bdui_select_big caption {
color:#666666;
padding-right:3dip;
padding-left:3dip;
}
widget[type=select-dropdown].bdui_select_big:hover caption {
color:#00a1ff;
}
widget[type=select-dropdown].bdui_select_big caption:current {
background:none;
color:#666666;
}
/*--*/
/* Settings Page */
.settings_container {
width:761dip!important;
height:460dip;
top:50dip;
right:0dip;
background:#fff;
position:absolute;
z-index:11;
display:none;
}
.settings_page {
display:none;
font-size:20dip;
color:black;
position:absolute;
top:0dip;
left:0dip;
width:760dip;
margin:0;
padding:0;
height:100%;
z-index:10;
animation-step!:
self.motion == 0 ? (self::display = "block", $(.settings_container)::display = "block", self::left = morph("circ-out", 80dip, 0dip)),
self.motion == 1 ? $(.settings_container)::display = "none" ;
}
/* Motion 1 = to right, Motion 0 = to left */
/* TODO - add stuff */
.save_mod_settings {
background:url(../images_2/common/back_to_modules.svg);
position:absolute;
width:30dip;
height:30dip;
overflow:hidden;
padding:0;
margin:0;
top:30dip;
left:30dip;
cursor:pointer;
behavior:clickable;
click!: $(.settings_page).start-animation(0.2s), $(.settings_page).motion = 1;
animation-step!:$(.settings_page).motion = 0;
}
.save_mod_settings:hover {
background:url(../images_2/common/back_to_modules_hover.svg);
}
.save_mod_settings:active {
background:url(../images_2/common/back_to_modules_active.svg);
}
.setting_actions {
margin-left:70dip;
position:relative;
margin-right:30dip;
}
.module_title {
color:#4b5359;
font-size:24dip;
line-height:26dip;
margin-left:-1dip;
margin-bottom:26dip;
}
.module_on_off {
margin-top:32dip;
margin-left:70dip;
margin-right:30dip;
}
.single_module {
margin-top:3dip;
margin-left:40dip;
}
/*---*/
/* Events Section */
.events_container {
width:100%;
display:none;
position:absolute;
top:0dip;
z-index:12;
padding:10dip;
z-index:99999999999;
background-color:#515253;
}
.events_section {
click!:
$(.events_container)::display = "block",
$(.settings_section)::background = "none",
$(.events_section_content).start-animation(0.2s)
;
}
.events_section_content {
animation-step!:
self::margin-left = morph("circ-out", 80dip, 0dip),
;
}
.evbtnactions {
margin-right:4dip;
}
/* General Settings */
.general_settings {
click!:
$(.general_settings_container)::display = "block",
$(.settings_section)::background = "none",
$(.general_settings_content).start-animation(0.2s)
;
}
.general_settings_container {
width:100%;
//background:url(../images_2/common/o_layer_dark.png) repeat;
display:none;
position:absolute;
top:0dip;
z-index:12;
//padding:30dip;
padding:10dip;
z-index:99999999999;
background-color:#515253;
/* width:100%;
background:#f3f3f3;
display:none;
position:absolute;
top:10dip;
z-index:12;
//padding:30dip;
margin:10dip;
z-index:99999999999;
*/
}
.general_settings_content {
z-index:99999999999;
animation-step!:
self::margin-left = morph("circ-out", 80dip, 0dip),
;
}
#over_main_layer {
z-index:1;
}
/* Checkboxes */
widget[type=checkbox],
input[type="checkbox"] {
margin:10dip 4dip 2dip 0dip;
vertical-align:middle;
cursor:pointer;
background: url(../images_2/common/checkbox_off.svg);
position:relative;
font-size:11dip;
color:#666666;
font-weight:normal;
padding-left:24dip;
transition:blend;
width:auto;
white-space:nowrap;
height:16dip;
width:16dip;
padding:0;
display:inline;
assigned!: self::margin-right = length(self.text-width(self.$1(text):value) + 15dip);
}
widget[type=checkbox]:hover,
input[type="checkbox"]:hover {
background: url(../images_2/common/checkbox_off_hover.svg);
}
widget[type=checkbox]:checked ,
input[type="checkbox"]:checked {
background:url(../images_2/common/checkbox_on.svg);
assigned!: self::margin-right = length(self.text-width(self.$1(text):value) + 15dip);
}
widget[type=checkbox] text {
padding-left:24dip;
position:absolute;
width:*;
line-height:17dip;
}
widget[type=checkbox]:checked:hover,
input[type="checkbox"]:checked:hover {
background: url(../images_2/common/checkbox_on_hover.svg);
}
widget[type=checkbox]:disabled,
input[type="checkbox"]:disabled {
background: url(../images_2/common/checkbox_off_disabled.svg);
assigned!: self::margin-right = length(self.text-width(self.$1(text):value) + 15dip);
}
widget[type=checkbox]:disabled:checked,
input[type="checkbox"]:disabled:checked {
background: url(../images_2/common/checkbox_on_disabled.svg);
assigned!: self::margin-right = length(self.text-width(self.$1(text):value) + 15dip);
}
/*---*/
/* Radios */
widget[type=radio] {
margin:10dip 4dip 2dip 0dip;
vertical-align:middle;
cursor:pointer;
background: url(../images_2/common/radio_off.svg);
position:relative;
font-size:11dip;
color:#666666;
font-weight:normal;
padding-left:24dip;
transition:blend;
width:auto;
white-space:nowrap;
height:16dip;
width:16dip;
padding:0;
display:inline;
assigned!: self::margin-right = length(self.text-width(self.$1(text):value) + 15dip);
}
widget[type=radio] text {
padding-left:24dip;
position:absolute;
width:*;
line-height:17dip;
}
widget[type=radio]:hover {
background: url(../images_2/common/radio_off_hover.svg);
}
widget[type=radio]:checked {
background: url(../images_2/common/radio_on.svg);
}
widget[type=radio]:checked:hover {
background: url(../images_2/common/radio_on_hover.svg);
}
widget[type=radio]:disabled {
background: url(../images_2/common/radio_off_disabled.svg);
}
widget[type=radio]:disabled:checked {
background: url(../images_2/common/radio_on_disabled.svg);
}
/*---*/
/* Inputs */
input[type=text].bdui_select,
input[type=password].bdui_select,
input[type=number].bdui_select {
line-height:22dip;
height:22dip;
border:1dip solid #d9d9d9;
display:table-column-group;
margin-bottom:10dip;
min-width:160dip;
padding-left:5dip;
padding-right:5dip;
font-size:11dip;
color:#666666;
}
input[type=text].bdui_select:empty,
input[type=password].bdui_select:empty,
input[type=number].bdui_select:empty {
color:#999;
font-size:11dip;
font-style:italic;
}
input[type=text].bdui_select:focus,
input[type=password].bdui_select:focus,
input[type=number].bdui_select:focus {
color:#00a1ff;
}
input[type=text].bdui_select:disabled,
input[type=password].bdui_select:disabled,
input[type=number].bdui_select:disabled {
color:#333333;
background:none;
}
.input_error {
color:#cc0000!important;
border:1dip solid #cc0000!important;
}
input[type="text"].input_error,
input[type="password"].input_error {
color: #cc0000;
background: url(../images_2/common/input_error.png) no-repeat calc(100% - 17dip) 11dip #fff;
hover-on!: self.previous().show-popup($1(#<self.errorId>), 2);
hover-off!: $1(#<self.errorId>):popup = false;
}
.bdui_thin_input {
height:10dip !important; margin-bottom: 0dip !important;
}
/*---*/
/* Small Switch */
input.bdui_switch_small {
background-image: url(../images_2/common/switch_small_off.svg) top right;
width:40dip;
height:20dip;
background-position:top right;
cursor:pointer;
transition:none;
padding:0;
margin-right:1dip;
/* TODO */
assigned!: ;
}
input.bdui_switch_small:hover {
background-image: url(../images_2/common/switch_small_off_hover.svg);
}
input.bdui_switch_small:checked {
background-image: url(../images_2/common/switch_small_on.svg);
assigned!: ;
}
input.bdui_switch_small:checked:hover {
background-image: url(../images_2/common/switch_small_on_hover.svg);
}
input.bdui_switch_small:checked:disabled {
background-image: url(../images_2/common/switch_small_on_disabled.svg);
assigned!: ;
}
input.bdui_switch_small:disabled {
background-image: url(../images_2/common/switch_small_off_disabled.svg);
assigned!: ;
}
/*---*/
/* Small Buttons */
.bdui_button_set_small {
font-size:11dip;
background-image: url(../images_2/common/btn_set_small.png);
background-repeat:expand stretch-middle;
background-position-left: 3dip;
background-position-right: 3dip;
height:20dip;
color:white;
padding:0 10dip;
cursor:pointer;
min-width:60dip;
font-size: 11dip;
margin-left:1dip;
margin-right:1dip;
}
.bdui_button_set_small:hover {
background-image: url(../images_2/common/btn_set_small_hover.png);
}
.bdui_button_set_small:active {
background-image: url(../images_2/common/btn_set_small_active.png);
}
.bdui_button_set_small:disabled {
background-image: url(../images_2/common/btn_set_small_disabled.png);
color:#ffffff!important;
}
.bdui_button_set_small_blue {
font-size:11dip;
background-image: url(../images_2/common/btn_set_small_blue.png);
background-repeat:expand stretch-middle;
background-position-left: 3dip;
background-position-right: 3dip;
height:20dip;
color:white;
padding:0 10dip;
cursor:pointer;
min-width:70dip;
}
.bdui_button_set_small_blue:hover {
background-image: url(../images_2/common/btn_set_small_blue_hover.png);
}
.bdui_button_set_small_blue:active {
background-image: url(../images_2/common/btn_set_small_blue_active.png);
}
.bdui_button_set_small_blue:disabled {
background-image: url(../images_2/common/btn_set_small_disabled.png);
color:#ffffff!important;
}
.bdui_button_set_small_red {
font-size:11dip;
background-image: url(../images_2/common/btn_set_small_red.png);
background-repeat:expand stretch-middle;
background-position-left: 3dip;
background-position-right: 3dip;
height:20dip;
color:white;
padding:0 10dip;
cursor:pointer;
min-width:70dip;
}
.bdui_button_set_small_red:hover {
background-image: url(../images_2/common/btn_set_small_red_hover.png);
}
.bdui_button_set_small_red:active {
background-image: url(../images_2/common/btn_set_small_red_active.png);
}
.bdui_button_set_small_red:disabled {
background-image: url(../images_2/common/btn_set_small_disabled.png);
color:#686868;
}
/* Progress */
input[type="progress"] {
behavior:progress;
height:10dip;
padding:0dip;
background-image: url(../images_2/common/bdui_progress_bgr.png);
background-repeat:expand stretch-middle;
background-position-left:1dip;
background-position-right:1dip;
foreground-image: url(../images_2/common/bdui_progress_fgr.png);
width:*;
}
input[type="progress"]:disabled {
foreground-image: url(../images_2/common/bdui_progress_fgr_disabled.png);
}
/* Widget type date and number */
widget[type="date"] {
height:28dip;
padding-left:3dip;
}
widget[type="date"] > button {
background: url(../images_2/settings/btn_number_down.svg);
/*width:20dip !important;*/
height:20dip !important;
width:8dip;
//margin:0 !important;
margin-top:4dip !important;
margin-right:5dip !important;
padding:0;
cursor:pointer;
position:relative;
top: 0dip;
}
input[type="number"], input[type="time"] {
background: #ffffff;
color:#666666;
font-size: 11dip;
border: 1dip solid #d9d9d9!important;
width: max-intrinsic!important;
min-width:30dip;
height:26dip;
text-align:left!important;
padding-left:5dip;
}
input[type="number"] > button {
margin-right:2dip!important;
margin-top:1dip!important;
}
input[type="number"] > button:first-child, input[type="time"] > button {
background: url(../images_2/settings/btn_number_up.svg);
width:8dip;
height:10dip;
margin-top:2dip;
margin-right:4dip;
}
input[type="number"] > button:first-child:hover, input[type="time"] > button:first-child:hover {
background: url(../images_2/settings/btn_number_up_hover.svg);
width:8dip;
height:10dip;
}
input[type="number"] > button:first-child:active, input[type="time"] > button:first-child:active {
background: url(../images_2/settings/btn_number_up_active.svg);
width:8dip;
height:10dip;
}
input[type="number"] > button:last-child, input[type="time"] > button:last-child {
background: url(../images_2/settings/btn_number_down.svg);
width:8dip;
height:10dip;
margin-right:4dip;
margin-top:2dip;
}
input[type="number"] > button:last-child:hover, input[type="time"] > button:last-child:hover {
background: url(../images_2/settings/btn_number_down_hover.svg);
width:8dip;
height:10dip;
}
input[type="number"] > button:last-child:active, input[type="time"] > button:last-child:active {
background: url(../images_2/settings/btn_number_down_active.svg);
width:8dip;
height:10dip;
}
input[type="number"]:disabled > button:first-child, input[type="time"]:disabled > button:first-child{
opacity:.3;
}
input[type="number"]:disabled > button:last-child, input[type="time"]:disabled > button:last-child {
opacity:.3;
}
/*---*/
.link_style {
color: #00a1ff;
text-decoration: none;
font-weight: bold;
font-size: 11dip;
behavior: clickable;
cursor: pointer;
}
/*********** Resizable sortable grid ***************/
div.virtual_table_container {
behavior: virtual-grid-ex;
flow: horizontal;
//overflow: hidden;
margin: 0dip;
padding: 0dip;
border-width: 0dip;
}
table.bdui_grid,
table.bdui_grid_no_sort{
behavior:grid column-resizer;
width:*;
border-spacing:0;
overflow:hidden;
background-color:white;
border:1dip solid #d9d9d9;
}
table.bdui_grid td:last-child,
table.bdui_grid_no_sort td:last-child {
padding-right:5dip;
}
table.bdui_grid tr.header td:last-child,
table.bdui_grid_no_sort tr.header td:last-child {
border-right:none;
}
table.bdui_grid td,
table.bdui_grid_no_sort td {
white-space:nowrap;
text-overflow:ellipsis;
height:30dip;
border-right:none;
foreground-position:100% 50%;
foreground-repeat:no-repeat;
}
table.bdui_grid td,
table.bdui_grid_no_sort td,
table.bdui_grid_no_sort tbody tr td,
table.bdui_grid tbody tr td {
min-width:30dip;
width: *;
padding-left:5dip;
font-size:11dip;
color:#666;
line-height:24dip;
}
table.bdui_grid tr,
table.bdui_grid_no_sort tr {
active-on!: self:current = true;
}
table.bdui_grid tr:hover td,
table.bdui_grid_no_sort tr:hover td{
background-color:#f3f3f3;
color:#666;
}
table.bdui_grid tr:current,
table.bdui_grid_no_sort tr:current {
background-color:#00a1ff;
margin-top:1dip;
}
table.bdui_grid tr:current td,
table.bdui_grid tr:current td a,
table.bdui_grid_no_sort tr:current td,
table.bdui_grid_no_sort tr:current td a {
color:white;
}
table.bdui_grid tr:current:hover td,
table.bdui_grid_no_sort tr:current:hover td {
color:white;
background-color:#00a1ff;
}
table.bdui_grid tr.header:current td, table.bdui_grid_no_sort tr.header:current td {
color: #666!important;
background-color:#f3f3f3!important;
}
table.bdui_grid tr.header td,
table.bdui_grid_no_sort tr.header td {
font-size:11dip;
color:#666;
padding-left:5dip;
padding-right:5dip;
background:#f3f3f3;
margin-bottom:0dip;
height:30dip;
line-height:30dip;
border-right:1dip solid #d9d9d9;
border-bottom:1dip solid #d9d9d9;
}
.no_highlight tr:hover td {
background:white!important;
}
.no_highlight tr.header:hover td {
background:#f3f3f3!important
}
.no_highlight tr:current td {
background:white!important;
color:#666!important;
}
widget.checkbox_ident {
width:90%!important;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
table.bdui_grid.no_select tr {
active-on!: ;
}
table.bdui_grid_no_sort.no_select tr {
active-on!: ;
}
/* behavioral styles */
/*--------------------------------------------*/
table.bdui_grid tr.header > td {
active-on! : self.parent().$1( td[sorted] ).sorted = null,
self.sorted = "asc",
ncolumn = self:index,
is_less = @(row1, row2)
(row1.child(ncolumn):value.toLower() == " " || row1.child(ncolumn):value == "") ? false # (
row1.child(ncolumn):value.toLower() < row2.child(ncolumn):value.toLower() ? true #
row1.child(ncolumn):value.toLower() > row2.child(ncolumn):value.toLower() ? false #
row1:index < row2:index),
self.$1p(table).$(tr:not(.header)).sort(is_less);
}
table.bdui_grid tr.header > td[sorted="asc"] {
foreground-image: url(../images/common/sort_arrow_up.png);
active-on!: self.sorted = "desc",
ncolumn = self:index,
is_less = @(row1, row2)
(row2.child(ncolumn):value == " " || row2.child(ncolumn):value == "") ? false # (
row2.child(ncolumn):value.toLower() < row1.child(ncolumn):value.toLower() ? true #
row2.child(ncolumn):value.toLower() > row1.child(ncolumn):value.toLower() ? false #
row1:index < row2:index),
self.$1p(table).$(tr:not(.header)).sort(is_less);
}
/*--------------------------------------------*/
table.bdui_grid tr.header > td[sorted="desc"] {
foreground-image: url(../images/common/sort_arrow_down.png);
foreground-vertical-position:middle;
}
table.bdui_grid tr.header > td.int_sortable {
active-on! : self.parent().$1( td[sorted] ).sorted = null, self.sorted = "asc", ncolumn = self:index,
is_less = @(row1, row2) int(row1.child(ncolumn):value.toLower()) < int(row2.child(ncolumn):value.toLower()) ? true #
int(row1.child(ncolumn):value.toLower()) > int(row2.child(ncolumn):value.toLower()) ? false #
row1:index < row2:index,self.$1p(table).$(tr:not(.header)).sort(is_less);
}
table.bdui_grid tr.header > td.int_sortable[sorted="asc"] {
foreground-image: url(../images/common/sort_arrow_up.png);
active-on! : self.sorted = "desc", ncolumn = self:index, is_less = @(row1, row2) int(row2.child(ncolumn):value.toLower()) < int(row1.child(ncolumn):value.toLower()) ? true #
int(row2.child(ncolumn):value.toLower()) > int(row1.child(ncolumn):value.toLower()) ? false #
row1:index < row2:index, self.$1p(table).$(tr:not(.header)).sort(is_less);
}
/*------------------------*/
table.bdui_grid tr.header > td.attr_sortable {
active-on! : self.parent().$1( td[sorted] ).sorted = null, self.sorted = "asc", ncolumn = self:index,
is_less = @(row1, row2) int(row1.child(ncolumn).attr.toLower()) < int(row2.child(ncolumn).attr.toLower()) ? true #
int(row1.child(ncolumn).attr.toLower()) > int(row2.child(ncolumn).attr.toLower()) ? false #
row1:index < row2:index,self.$1p(table).$(tr:not(.header)).sort(is_less);
}
table.bdui_grid tr.header > td.attr_sortable[sorted="asc"] {
foreground-image: url(../images/common/sort_arrow_up.png);
active-on! : self.sorted = "desc", ncolumn = self:index, is_less = @(row1, row2) int(row2.child(ncolumn).attr.toLower()) < int(row1.child(ncolumn).attr.toLower()) ? true #
int(row2.child(ncolumn).attr.toLower()) > int(row1.child(ncolumn).attr.toLower()) ? false #
row1:index < row2:index, self.$1p(table).$(tr:not(.header)).sort(is_less);
}
table.bdui_grid tr.header > td.custom_sortable {
active-on! : self.parent().parent().custom_sort(self:index);
}
table.bdui_grid tr.header > td.custom_sortable[sorted="asc"] {
foreground-image: url(../images/common/sort_arrow_up.png);
foreground-vertical-position:middle;
active-on! : self.parent().parent().custom_sort(self:index);
}
table.bdui_grid tr.header > td.custom_sortable[sorted="desc"] {
foreground-image: url(../images/common/sort_arrow_down.png);
foreground-vertical-position:middle;
active-on! : self.parent().parent().custom_sort(self:index);
}
/* behavioral styles - NO SORTING */
/*--------------------------------------------*/
table.bdui_grid_no_sort tr.header > td[sorted="asc"] {
//foreground-image: url(../images/common/sort_arrow_up.png);
}
/*--------------------------------------------*/
table.bdui_grid_no_sort tr.header > td[sorted="desc"] {
foreground-image: url(../images/common/sort_arrow_down.png);
foreground-vertical-position:middle;
}
table.bdui_grid_no_sort tr.header > td.int_sortable[sorted="asc"] {
foreground-image: url(../images/common/sort_arrow_up.png);
}
.file_icon {
behavior:file-icon;
padding-left:25dip;
line-height:28dip;
font-size:11dip;
foreground-repeat: no-repeat;
foreground-position: 2dip 50%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.file_icon_wallet_ext {
behavior:file-icon;
width: 25dip;
height: 20dip;
foreground-repeat: no-repeat;
foreground-position: 2dip 50%;
display:block;
}
.path_item {
border-right:0;
}
.remove_path_button {
text-align:left;
}
.text_oriented_corect {
text-align:left;
}
.text_oriented {
text-align:right;
}
.text_oriented_left {
text-align:left;
}
.text_oriented_right {
text-align:right;
}
.destroy_element {
background:url(../images_2/common/destroy_element_icon.png);
width:12dip;
height:12dip;
position:absolute;
cursor:pointer;
right:13dip;
top:7dip;
display:none;
}
/************ VERTICAL SCROLLBAR ************ */
@set v-scrollbar{
.prev {
width:9dip;
background:#d9d9d9;
}
.prev:hover {
}
.prev:active {
}
.next {
width:9dip;
background:#d9d9d9;
}
.next:hover {
}
.next:active {
}
.base,
.next-page,
.prev-page {
background:#d9d9d9;
width:9dip;
}
.slider
{
background:#fff;
min-height:20dip;
border-left:1dip solid #d9d9d9;
border-right:none;
}
.slider:hover
{
}
.slider:active
{
foreground-position:0 50%;
foreground-repeat:no-repeat;
}
.next:disabled, .slider:disabled,
.prev:disabled { border:none; background-image-transformation: colorize(gray); }
}
@set v-scrollbar-disabled {
.prev {
//background-image: url(../images/common/scroll_prev.png);
background-repeat:no-repeat;
width:3dip;
height:3dip;
}
.next {
//background-image: url(../images/common/scroll_next.png);
background-repeat:no-repeat;
width:3dip;
height:3dip;
}
.base,
.next-page,
.prev-page
{
background-color: none;
height:3dip;
width:3dip;
//border:1dip solid #dadada;
border-radius:5dip;
}
.slider
{
width:3dip;
//background-image:url(../images/common/v_slider.png);
background-repeat:expand stretch-middle;
background-position-top:2dip;
background-position-bottom:2dip;
//foreground-image:url(../images/common/v_slider_foreground.png);
foreground-position:0 50%;
foreground-repeat:no-repeat;
}
.next, .slider, .
.prev { border:none; background-image-transformation: colorize(#BFBFBF); foreground-image-transformation: colorize(#BFBFBF); }
}
/************ HORIZONTAL SCROLLBAR ************ */
@set h-scrollbar{
.prev {
height:9dip;
background:#d9d9d9;
}
.prev:hover {
}
.prev:active {
}
.next {
height:9dip;
background:#d9d9d9;
}
.next:hover {
}
.next:active {
}
.base,
.next-page,
.prev-page {
background:#d9d9d9;
height:9dip;
}
.slider
{
background:#fff;
min-width:20dip;
border-top:1dip solid #d9d9d9;
border-right:none;
}
.slider:hover
{
}
.slider:active
{
foreground-position:0 50%;
foreground-repeat:no-repeat;
}
.next:disabled, .slider:disabled,
.prev:disabled { border:none; background-image-transformation: colorize(gray); }
}
@set h-scrollbar-disabled {
.prev {
//background-image: url(../images/common/scroll_prev.png);
background-repeat:no-repeat;
width:3dip;
height:3dip;
}
.next {
//background-image: url(../images/common/scroll_next.png);
background-repeat:no-repeat;
width:3dip;
height:3dip;
}
.base,
.next-page,
.prev-page
{
background-color: none;
height:3dip;
width:3dip;
//border:1dip solid #dadada;
border-radius:5dip;
}
.slider
{
width:3dip;
//background-image:url(../images/common/v_slider.png);
background-repeat:expand stretch-middle;
background-position-top:2dip;
background-position-bottom:2dip;
//foreground-image:url(../images/common/v_slider_foreground.png);
foreground-position:0 50%;
foreground-repeat:no-repeat;
}
.next, .slider, .
.prev { border:none; background-image-transformation: colorize(#BFBFBF); foreground-image-transformation: colorize(#BFBFBF); }
}
* {
vertical-scrollbar: v-scrollbar;
horizontal-scrollbar: h-scrollbar;
}
widget[type="vscrollbar"]:disabled{
display:none;
}
widget[type="hscrollbar"]:disabled {
horizontal-scrollbar:h-scrollbar-disabled;
}
widget[type="hscrollbar"]{
width: 9dip!important;
overflow: hidden;
}
widget[type="vscrollbar"]{
width: 9dip!important;
overflow: hidden;
border:1dip solid #d9d9d9;
margin-left:-1dip;
}
/* Systray popp */.min_close_pop {
width:30dip;
height:30dip;
overflow:hidden;
position:absolute;
top:0;
right:0;
}
.min_close_pop #btnSysClose {
background: #2b2f33 url(../images_2/common/close.svg);
background-repeat:stretch!important;
width: 50dip;
height: 50dip;
position:relative;
top:-10dip;
right:10dip;
padding: 0;
margin: 0;
cursor: pointer;
}
.min_close_pop #btnSysClose:hover {
background: #363b40 url(../images_2/common/close_hover.svg);
}
.min_close_pop #btnSysClose:active {
background: #363b40 url(../images_2/common/close.svg);
}
.logo_notification {
background:url(../images_2/common/bitdefender_logo.svg) 0 0;
width:120dip;
height:20dip;
padding:0;
margin:0 auto;
color:white;
line-height:20dip;font-size:17dip;
display:inline;
white-space:nowrap;
position:relative;
}
.startup_notification {
assigned!:
self::display == "block" ? self.parent(1).parent(1).parent(1)::min-width = 300dip,
self::display == "block" ? self.parent(1).parent(1).parent(1).parent(1).class = "no_class",
self::display == "block" ? self.parent(1).parent(1).parent(1)::min-height = 60dip,
;
margin:0 auto;
margin-top:13dip;
height:30dip;
}
.awake {
color:white;
font-size:19dip;
padding-top:2dip;
white-space:nowrap;
font-weight:bold;
}
.round_dot {
border-radius:100dip;
background:white;
width:4dip;
height:4dip;
position:absolute;
right:-3dip;
bottom:7dip;
}
.icon {
height: 90dip;
width: 90dip;
margin: 30dip;
}
.iconSize {
width: 40dip;
height: 40dip;
}
.alert_icon_container {
width: 135dip;
height: 100%;
}
.simple_alert {
}
.m_15 {
margin-left: 0dip;
margin-top: 35dip;
margin-bottom: 20dip;
}
.alert_title {
font-weight:bold;
color: #fff;
font-size: 12dip;
margin-right: 50dip;
}
.message_text {
margin-top: 10dip;
color: #bacdd9;
font-size: 11dip;
margin-right: 40dip;
}
.alert_separator {
height: 1dip;
background-color: #363b40;
display:none;
display: block;
}
body[buttons=""] .alert_buttons {
display:none;
}
.checkboxesContainer {
padding:15px;
}
.checkboxesContainer widget[type=checkbox] text{
color:white!important;
}
.arrow {
//width: 17dip;
//height: 8dip;
//background: url(../images_2/common/syspopup_arrow.png) no-repeat 0 0 transparent;
//position: absolute;
//bottom: -8dip;
//right: 20dip;
}
.current_profile {
width:118dip;
height:22dip;
border: 1dip solid #4b5359;
color: white;
text-align: center;
font-size: 11dip;
padding-top: 6dip;
}
.btn_optimize_now {
width: 120dip;
height: 30dip;
text-align:center;
color: #fff;
border: 0dip;
cursor: pointer;
background: #00a1ff;
font-size: 11dip;
padding:0dip;
}
.btn_optimize_now:hover {
background: #33b4ff;
}
/* Alert icons */
.bdui_icon_hidden_topmost {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_protected {
background: url(../images_2/common/status_green.svg);
}
.bdui_icon_critical {
background: url(../images_2/common/status_red.svg);
}
.bdui_icon_alert {
background: url(../images_2/common/status_yellow.svg);
}
.bdui_icon_informative {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_question {
background: url(../images_2/common/icon_quest.svg);
}
.bdui_icon_laptop {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_game {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_USB {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_CDDVD {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_UM {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_AM {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_NetworkDrive {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_stop {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_Banking {
background: url(../images_2/common/icon_informative.svg);
}
.bdui_icon_autopilot {
background: url(../images_2/common/icon_autopilot.svg);
}
.bdui_icon_loading {
width: 30px;
height: 30px;
background-repeat:no-repeat!important;
background: url(../images_2/common/load_medium.png) no-repeat 0 0 transparent;
assigned!:
self::display == "block" ? self.start-timer(58) # self.stop-timer();
timer!:
self::background-position-top = self::background-position-top - 62,
self::background-position-top < -898 ? self::background-position-top = 0
;
margin: auto auto;
position:relative;
top:40dip;
}
.standard_link {
color: #00a1ff;
text-decoration:none;
margin-top:3dip;
font-size: 11dip;
vertical-align: baseline;
}
.standard_link:hover {
text-decoration: underline;
}
.buttons_oriented_right {
text-align:right;
width:min-intrinsic;
white-space:nowrap;
}
.bottom20 {
margin-bottom: 20dip;
}
.align_config_issues {
text-align:right;
}
.bdui_button_green {
height:34dip;
color:white;
text-align:center;
font-size: 12dip;
background-image: url(../images_2/common/button_green.png);
background-repeat: expand stretch-middle;
width: 78dip;
//line-height:23dip;
background-position-left: 7dip;
background-position-right: 7dip;
background-position-top: 2dip;
background-position-bottom: 2dip;
padding:0 10dip;
transition: blend;
cursor:pointer;
}
.bdui_button_green:hover {
background-image: url(../images_2/common/button_green_hover.png);
height:34dip;
background-repeat: expand stretch-middle;
width: 78dip;
background-position-left: 7dip;
background-position-right: 7dip;
background-position-top: 2dip;
background-position-bottom: 2dip;
padding:0 10dip;
}
.bdui_button_green:active {
background-image: url(../images_2/common/button_green_active.png);
color: #dfdfdf;
}
.bdui_button_green:disabled {
background-image: url(../images_2/common/button_disabled.png);
color: #666666;
}
.red {
color:#F00;
}
.green {
color:#090;
}
.orange {
color:#F90;
}
.cg_chart {
width:100%%; height:100%; margin-top:12dip;
}
.fb_red {
background-color: #cc0000;
width:12dip;
height:12dip;
margin-right:5dip;
background-repeat:no-repeat;
margin-left: 5dip;
}
.fb_red:disabled {
background-image:url(../images_2/common/fb_disabled.png);
}
td.fb_red {
background-image:url(../images_2/common/fb_red.png);
background-repeat:no-repeat;
background-position: 8dip center;
padding-left:28dip!important;
background-color: transparent;
}
.fb_orange {
background-color: #e6c000;
width:12dip;
height:12dip;
margin-right:5dip;
background-repeat:no-repeat;
margin-left:5dip;
}
.fb_orange:disabled {
background-image:url(../images_2/common/fb_disabled.png);
}
td.fb_orange {
background-image:url(../images_2/common/fb_orange.png);
background-repeat:no-repeat;
background-position: 8dip center;
padding-left:28dip!important;
background-color: transparent;
}
.fb_green {
background-color: #7fbb19;
width:12dip;
height:12dip;
margin-right:5dip;
margin-left: 5dip;
background-repeat:no-repeat;
}
.fb_green:disabled {
background-image:url(../images_2/common/fb_disabled.png);
}
td.fb_green {
background-image:url(../images_2/common/fb_green.png);
background-repeat:no-repeat;
background-position: 8dip center;
padding-left:28dip!important;
background-color: transparent;
}
.fb_none {
background-color: #cccccc;
width:12dip;
height:12dip;
margin-right:5dip;
margin-left:5dip;
background-repeat:no-repeat;
}
.fb_alerts {
position:absolute; width:200dip; top:-20dip;
color:white;
font-size:12dip;
font-weight:bold;
}
/**** SAFEBOX FOLDER *******/
.safebox_table {
border:1dip solid #ccc;
border-radius:0dip;
background:white;
padding:0;
margin:0;
overflow-y:auto;
}
.safebox_table tr td{
padding:10dip;
}
.safebox_table tr:last-child td{
border-bottom:none;
padding:10dip;
}
table.safebox_table tr:hover{
background-color:#f3f3f3;
color:#666;
}
.folder_icon {
background:url(../images_2/common/folder_icon.png) no-repeat;
padding-left:45dip;
line-height:31dip;
font-size:11dip;
width:130dip;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.folder_safebox_icon {
background:url(../images_2/common/folder_safebox_icon.png) no-repeat;
padding-left:45dip;
line-height:28dip;
font-size:11dip;
width:120dip;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.safebox_dragndrop_area {
background: #e2e2e2;
height:30dip;
line-height:30dip;
width:372dip;
margin-top:15dip;
text-align:center;
}
.file_icon {
behavior:file-icon;
padding-left:45dip;
line-height:28dip;
font-size:11dip;
foreground-repeat: no-repeat;
foreground-position: 2dip 50%;
width:120dip;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.custom_overlay_plugin {
position:absolute;
display:block;
width:100%;
height:100%;
background:black;
opacity:.5;
z-index:9999999999;
}
/**** END SAFEBOX FOLDER *****/
/* INPUT AUTO FILL Wallet */
.more_arrow {
width: 11dip; height:5dip; background:url(../images/common/more_arrow.png) no-repeat center; display:block; margin: auto; margin-top: 7dip;
}
.less_arrow {
width: 11dip; height:5dip; background:url(../images_2/common/less_arrow.png) no-repeat center; display:block; margin: auto; margin-top: 7dip;
}
.web_app_ico {
border: 1dip solid #d9d9d9;
background:#fff;
color: #666;
width: 216dip;
font-size: 11dip;
padding: 6dip 0dip;
cursor:pointer;
margin: 5dip 0dip;
text-align: left;
padding-left: 10dip;
margin-top: 15dip;
}
li.btn-accounts {
border: 1dip solid #d9d9d9;
background:#fff;
color: #666;
width: 216dip;
foreground-image:url(stock:arrow-right);
foreground-repeat: no-repeat;
foreground-position: 96% 52%;
font-size: 11dip;
padding: 6dip 0dip;
cursor:pointer;
margin: 5dip 0dip;
text-align: left;
padding-left: 10dip;
list-style-type: none;
}
.btn-accounts:hover {
background: #00a1ff;
color: #fff;
}
li.btn-accounts-simple {
border: 1dip solid #d9d9d9;
background:#fff;
color: #666;
width: 216dip;
font-size: 11dip;
padding: 6dip 0dip;
margin: 5dip 0dip;
text-align: left;
padding-left: 10dip;
list-style-type: none;
cursor:default;
}
.btn-accounts-simple:hover {
background: #00a1ff;
color: #fff;
}
li.btn-accounts-simple-white {
border: 1dip solid #d9d9d9;
background:#fff;
color: #666;
width: 216dip;
font-size: 11dip;
padding: 6dip 0dip;
cursor:default;
margin: 5dip 0dip;
text-align: left;
padding-left: 10dip;
list-style-type: none;
}
.current-weblink {
color: #00a1ff;
font-size: 12dip;
font-weight:bold;
margin-bottom: 10dip;
}
.title-buttons {
color: #666;
font-size: 11dip;
}
/* END INPUT AUTOFILL */
/* More Less */
.expand_collapse:checked {
width:14dip;
height:14dip;
padding:0!important;
margin:0!important;
margin-top:5dip!important;
background-repeat:stretch;
margin-right:5dip!important;
cursor:pointer;
active-on!:
self.parent(1).parent(1).parent(1).parent(1).child(2)::display = "none"
self:checked = "false",
self::background-image = url(../images_2/common/more.png),
;
}
.expand_collapse {
assigned!:
self.parent(1).parent(1).parent(1).parent(1).child(2)::display == "none" ? self::background-image = url(../images_2/common/more.png),
;
width:14dip;
height:14dip;
padding:0!important;
margin:0!important;
margin-top:5dip!important;
background-repeat:stretch;
margin-right:5dip!important;
cursor:pointer;
active-on!:
self.parent(1).parent(1).parent(1).parent(1).child(2)::display = "block",
self:checked = "true",
self::background-image = url(../images_2/common/less.png),
;
}
/* END INPUT AUTOFILL */
/* Boot Optimizer Stuff */
.com_stats {
width: 229dip;
height:127dip;
background: url(../images_2/common/bg_comunity_stats.png) no-repeat center top;
position: absolute;
top: -140dip;
right: 13dip;
display:none;
z-index: 9999999999999999999999999999 !important;
padding-top: 20dip;
padding-left: 25dip;
}
.process_stats_optimizer:hover + .com_stats {
display: block !important;
}
/* STATS GRAPH ToolTip*/
.graph_stats_area {
width: 60dip;
height:100dip;
}
.enabled {
background:#72c70f;
width: 100%;
}
.delayed {
background:#ffd400;
width: 100%;
}
.disabled {
background:#cc0000;
width: 100%;
}
.stats_title {
width: 120dip;
font-size: 11dip;
font-weight: bold;
color: #000;
line-height: 13dip;
margin-bottom: 8dip;
}
.detailed_stats {
width: 120dip;
height:100dip;
margin-right: 21dip;
color: #666666;
}
.enabled_sml {
width:10dip;
height:10dip;
background: #72c70f;
display:block;
margin-right: 5dip;
line-height:10dip;
}
.delayed_sml {
width:10dip;
height:10dip;
background: #ffd400;
display:block;
margin-right: 5dip;
line-height:10dip;
}
.disabled_sml {
width:10dip;
height:10dip;
background: #cc0000;
display:block;
margin-right: 5dip;
line-height:10dip;
}
/* updating now */
.updating_now {
foreground-image:none;
background-image:none;
position:relative;
}
.stop_update {
display:none;
width: 118dip;
position:absolute;
color: #fff;
font-size: 11dip;
vertical-align:middle;
top: 80dip;
behavior: clickable;
}
.main_progress_value {
width: 118dip;
position:absolute;
color: #fff;
font-size: 11dip;
vertical-align:middle;
top: 80dip;
}
.updating_now span {
display:none;
}
.updating_now .update_icon {
display:none;
}
.checking .update_icon {
display: none;
}
.checking span {
display:none;
}
.tile.updating_now,
.tile.checking:hover {
background-color: #40474d;
}
.checking {
background-position-top: 17dip!important;
foreground: url(../images_2/common/loader_small_update.gif) no-repeat center center;
}
.updating_now:hover .stop_update {
display:block;
}
.checking:hover .stop_update {
display:block;
}
.checking:hover .update_icon {
display:none;
}
.updating_now:hover .main_progress_value {
display:none;
}
.main_round_progress_container {
width: 118dip;
height: 118dip;
/*background-color: yellow;*/
position:absolute;
top: 0;
display:none;
vertical-align:middle;
text-align:center;
}
.updating_now .main_round_progress_container {
display:block;
}
/* round progress update */
input[type="progress"].main_round_progress {
assigned!: self::display == "block" ? self.start-timer(58) # self.stop-timer();
value-changed!: self::display == "block" ? self.start-timer(58) # self.stop-timer();
timer!:
self::background-position-top = self::background-position-top - 42,
self::background-position-top < -608 ? self::background-position-top = 0
;
background-repeat:no-repeat!important;
background-image: url(../images_2/common/load_small.png);
width:22px;
height:20px;
foreground-image:none;
}
.router_progress {
assigned!: self::display == "block" ? self.start-timer(58) # self.stop-timer();
timer!:
self::background-position-top = self::background-position-top - 42,
self::background-position-top < -608 ? self::background-position-top = 0
;
background-repeat:no-repeat!important;
background-image: url(../images_2/common/load_small.png);
width:22px;
height:20px;
position:relative;
padding-left:25dip!important;
margin-left:30dip;
font-size:11dip;
color:#bacdd9;
font-weight:normal;
}
.widget-radio {
margin: 0;
padding: 0;
}
.widget-radio-horizontal-link {
margin-top:0dip;
line-height: 24dip;
}
.window-shadow {
margin: 0;
padding: 0;
background: url(../images_2/common/window-shadow.png) expand transparent;
background-position:20px 20px 20px 20px;
}
.window-shadow body {
margin: 20px;
}
.list_blue_bullets ul {
padding: 0dip;
margin: 0dip;
padding-top: 5dip;
font-size:11dip;
}
.list_blue_bullets li {
list-style-type: none;
font-size: 11dip;
line-height: 18dip;
color: #787878;
line-height: 18dip;
list-style-image:none;
flow: horizontal;
}
.ico-done {
width:8dip;
height: 6dip;
vertical-align:middle;
background-image: url(../images_2/common/ico_done_progress.svg) stretch;
margin-top: 6dip;
margin-right: 4dip;
}
.wizard-dim {
width:740dip;
height:490dip;
overflow:hidden;
}
.title-small {
font:bold 11dip Arial;
margin:0 0 4dip 0;
}
.grid_loading_mask {
position:absolute;
left: 30dip;
top: 88dip;
height: 270dip;
padding-top: 10dip;
width: 680dip;
background:50% 40% rgba(243,243, 234, 0.8);
color: #333;
font-size:14dip;
vertical-align:middle;
text-align:center;
/* assigned!: bud = $1(#<self.buddy>), self:value = bud.box-inner-width(); TODO */
}
.load_big {
background-image: url(../images_2/common/load_big.png) no-repeat 0 0 transparent;
assigned!:
self::display == "block" ? self.start-timer(58) # self.stop-timer();
timer!:
self::background-position-top = self::background-position-top - 102,
self::background-position-top < -1478 ? self::background-position-top = 0
;
width:50px;
height:50px;
background-repeat:no-repeat;
}
.mt_minus_30 {
margin-top:-30dip;
}
.ml_mr_auto_mt_mb_20 {
margin:20dip auto;
}
.medium-width {
width: 450dip;
}
.btn-close-overlay {
background: transparent url(../images_2/common/close_hover.png) no-repeat center center !important;
position: absolute;
top: 0;
right: 0;
transition:none;
}
.btn-close-overlay:hover {
opacity: 0.7 !important;
}
.bdui_icon_done {
background-image:url(../images_2/common/fb_green.png);
width:14dip;
height:14dip;
background-repeat:expand stretch-middle;
background-position-top:2px;
background-position-bottom:2px;
background-position-left:2px;
background-position-right:2px;
}
.bdui_icon_not_done {
background-image:url(../images_2/common/fb_red.png);
width:14dip;
height:14dip;
background-repeat:expand stretch-middle;
background-position-top:2px;
background-position-bottom:2px;
background-position-left:2px;
background-position-right:2px;
}
/* Custom scans */
ul.manage_all_scans {
padding:0;
margin:0;
width:680dip;
flow:h-flow;
}
ul.manage_all_scans li {
width:163dip;
height:125dip;
background:white;
border:1dip solid #d9d9d9;
list-style:none;
margin-right:5dip;
margin-bottom:5dip;
}
ul.manage_all_scans li .scan_type {
width:34dip;
height:34dip;
//background:red;
margin:0 auto;
margin-top:40dip;
}
.scans_radios .scan_title {
text-align:center;
font-size:11dip;
color:#333333;
padding-top:10dip;
display:block;
position:absolute;
width:163dip;
text-align:center;
margin:0 auto;
display:table-cell;
}
widget[type=radio].scans_radios .quick_scan_icon {
background:url(../images_2/common/custom_scans_icons/quick_scan.svg);
}
widget[type=radio].scans_radios:checked .quick_scan_icon {
background:url(../images_2/common/custom_scans_icons/quick_scan_hover.svg);
}
widget[type=radio].scans_radios .system_scan_icon {
background:url(../images_2/common/custom_scans_icons/system_scan.svg);
}
widget[type=radio].scans_radios:checked .system_scan_icon {
background:url(../images_2/common/custom_scans_icons/system_scan_hover.svg);
}
widget[type=radio].scans_radios .custom_scan_icon {
background:url(../images_2/common/custom_scans_icons/custom_scan.svg);
}
widget[type=radio].scans_radios:checked .custom_scan_icon {
background:url(../images_2/common/custom_scans_icons/custom_scan_hover.svg);
}
widget[type=radio].scans_radios .recurent_scan {
background:url(../images_2/common/recurent.svg);
width:12dip;
height:11dip;
position:absolute;
top:10dip;
right:10dip;
}
widget[type=radio].scans_radios:checked .recurent_scan {
background:url(../images_2/common/recurent_hover.svg);
}
.scans_radios {
background:white!important;
width:163dip!important;
height:125dip!important;
padding:0!important;
margin:0!important;
assigned!:
self::padding = 0!important,
self::margin = 0!important,
;
text-align:center!important;
margin:0 auto;
position:relative;
}
.scans_radios:checked {
background:#00a1ff!important;
}
widget[type=radio].scans_radios text {
padding-left:0dip;
text-align:center;
width:163dip;
}
widget[type=radio].scans_radios:checked text {
color:white;
}
.a_10 {
right:10dip;
}
/* OEM */
.oem-var-1 {
flow: horizontal;
width: 115dip;
position: relative;
top: 15dip;
}
.oem-text {
display: inline-block;
color: #a9bccc;
font-size: 11dip;
width: 1*;
margin-bottom: 5dip;
}
.oem-var-1__image {
height: 40dip;
width: 40dip;
display: inline-block;
}
.oem-var-1__image img{
width: auto;
height: auto;
vertical-align: middle;
margin: 0 auto;
}
.oem-var-2 {
width: 115dip;
position: relative;
top: 15dip;
text-align: right;
}
.oem-var-2__image {
height: 20dip;
width: 80dip;
}
.oem-var-2__image img {
width: auto;
height: auto;
vertical-align: middle;
margin: 0 auto;
text-align: right;
position: absolute;
right: 0;
}
.firewall-rule-grid {
width: 50%;
margin-top: 22dip;
}
.field-input {
flow: horizontal;
margin-left: 40dip;
margin-top: 7dip;
}
.field-input label {
display: inline-block;
}
.firewall-rule-grid .bdui_radio {
margin-left: 10dip;
}
.firewall-rule-grid .bdui_select_big {
display: inline-block;
}
.firewall-rule-grid option{
width: 120dip;
}
.firewall-rule-grid label {
display: inline-block;
}
.firewall-rule-grid .bdui_checkbox,
.firewall-rule-grid label {
font-weight: bold;
}
.firewall-rule-grid .label-div {
font-weight: bold;
width: min-intrinsic;
height:31dip;
line-height:31dip;
text-align: left;
}
.field-switch {
click!: self:checked ? (self.parent().$(.field-input):disabled = false) #
(self.parent().$(.field-input):disabled = true);
}
.field-input {
assigned!: self.parent().$1(.field-switch):checked ?
(self:disabled = false) # (self:disabled = true)
;
}
.field-input:disabled input {
background: #f2f2f2;
}
.firewall-rule-container {
height: 300dip;
flow: horizontal-flow;
}
.install-extension-link {
display: block;
position: absolute;
width: 100dip;
top: 26dip;
left: 55dip;
}
/* account info */
.account_pattern {
margin: 10dip 0;
background-image: url(../images_2/common/reg_pattern.png);
}
.account_details_container {
background-color: #fff;
margin: 20dip;
flow: horizontal;
}
.account_icon {
width: 60dip;
height: 60dip;
background-image: url(../images_2/common/account_info.svg);
margin: 25dip;
}
.account_details {
margin: 25dip 0;
}
.account_details div.hr {
height: 2dip;
background-color: #e1e1e1;
margin: 15dip 20dip 15dip 0;
}
.account_details .field {
flow:horizontal;
line-height:18dip;
}
.account_details .field .label {
font-size: 11dip;
color: #666;
width: min-intrinsic;
min-width: 140dip;
}
.account_details .field .value {
font-size: 11dip;
font-weight: bold;
color: #333;
}
/* account info */
.description-text {
font-size: 12dip;
color: #666;
}
.grid_wrapper {
background: #fff;
padding:30dip 30dip 70dip 30dip;
font-size:12dip;
color:#666666;
position:relative;
height: 100%%;
}
.toolbar {
height:40dip;
flow:horizontal;
width:100%;
position:absolute;
bottom:0dip;
text-align:center;
padding-bottom:15dip;
margin: 0 30dip 0 30dip;
text-align:left;
}
table.bdui_grid tr div.icon-file {
behavior:file-icon;
padding-left:25dip;
line-height:28dip;
font-size:11dip;
foreground-repeat: no-repeat;
foreground-position: 5dip 45%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: 350dip;
}
.folder-path {
padding-left: 5dip;
line-height:28dip;
font-size:12dip;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: *;
width: 630dip;
}
div.icon-folder {
width: 14dip;
height: 13dip;
margin-left:3dip;
background-image: url(../images_2/common/icon-folder.svg);
background-repeat: stretch;
}
.delete-btn {
margin-left: auto;
background-image:none;
margin-right: 4dip;
hit-margin: 5dip;
padding: 0;
width: 8dip;
height: 8dip;
foreground-image:url(../images_2/common/delete-btn.svg) stretch;
cursor: pointer;
}
table.bdui_grid.rans-grid {
behavior:none;
}
table.bdui_grid.rans-grid tr {
active-on!: ;
}
table.bdui_grid.rans-grid tr td {
behavior: none;
flow:horizontal;
active-on!: ;
}
table.bdui_grid.rans-grid tr:hover td{
margin-top:1dip;
}
.protected-folders {
flow:horizontal;
margin-top: 15dip;
margin-bottom: 30dip;
}
.icon-documents {
width: 32dip;
height: 30dip;
position: absolute;
left: 23dip;
top: -8dip;
background-image: url(../images_2/common/icon-documents.svg);
background-repeat: stretch;
}
.icon-pictures {
width: 32dip;
height: 30dip;
position: absolute;
left: 23dip;
top: -8dip;
background-image: url(../images_2/common/icon-pictures.svg);
background-repeat: stretch;
}
.icon-public-documents {
width: 32dip;
height: 30dip;
position: absolute;
left: 23dip;
top: -8dip;
background-image: url(../images_2/common/icon-public-documents.svg);
background-repeat: stretch;
}
.icon-public-pictures{
width: 32dip;
height: 30dip;
position: absolute;
left: 23dip;
top: -8dip;
background-image: url(../images_2/common/icon-public-pictures.svg);
background-repeat: stretch;
}
.icon-text {
position: absolute;
left: 38dip;
}
widget[type="checkbox"].folder-checkbox,
widget[type="checkbox"].folder-checkbox:checked,
widget[type="checkbox"].folder-checkbox:disabled,
widget[type="checkbox"].folder-checkbox:checked:disabled {
assigned!: self::margin-right = length(self.text-width(self.$1(.icon-text):value) + 70dip);
}
.activate-footer {
vertical-align:middle;
position: absolute;
flow: horizontal;
bottom: 25dip;
left: 26dip;
width: 705dip;
text-align:left;
}
.activate-description {
width: 70%;
margin: 0 auto;
}
.support-right {
text-align:right;
}
.activate-actions {
margin-top: 20dip;
}
.action-links {
margin-top: 20dip;
}
.action-links a {
margin: 0 10dip;
}
.loader {
background-image: url(../images/load-medium.png);
background-repeat: no-repeat;
background-size: 20dip;
height: 20dip;
width: 20dip;
margin: 45dip auto 0 auto;
}