File: /data0/www/clients/client33/web202/web/wp-content/plugins/virusdie/assets/css/virusdie.css
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,300;1,400;1,600&display=swap);
.tns-outer {
padding: 0 !important;
width: 100%
}
.tns-nav {
text-align: center;
margin: 10px 0
}
.tns-nav>[aria-controls] {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #ddd;
border: 0
}
.tns-nav>.tns-nav-active {
background: #999
}
.tns-inner {
border-radius: 18px;
mask-image: -webkit-radial-gradient(#fff, #000);
-webkit-mask-image: -webkit-radial-gradient(#fff, #000);
overflow: hidden
}
.tns-outer [hidden] {
display: none !important
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer
}
.tns-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s
}
.tns-slider>.tns-item {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
.tns-gallery,
.tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
min-height: 1px
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-webkit-transition: opacity 0s, -webkit-transform 0s;
transition: opacity 0s, -webkit-transform 0s;
-o-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s, -webkit-transform 0s
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto !important
}
.tns-gallery>.tns-moving {
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s
}
.tns-autowidth {
display: inline-block
}
.tns-lazy-img {
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
-webkit-transition: height 0s;
-o-transition: height 0s;
transition: height 0s
}
.tns-ovh {
overflow: hidden
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0
}
.tns-fadeOut,
.tns-normal {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-vpfix>div,
.tns-vpfix>li {
display: inline-block
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.3333333%;
width: 2333.33333%;
position: absolute;
right: 0
}
.tns-t-ct:after {
content: "";
display: table;
clear: both
}
.tns-t-ct>div {
width: 1.4285714%;
width: 1.42857%;
height: 10px;
float: left
}
@media only screen and (max-width:767px) {
.tns-outer {
height: auto;
top: 39px
}
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline
}
a:active,
a:hover {
outline: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
:focus {
outline: 0
}
audio,
img,
video {
max-width: 100%;
height: auto
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
iframe {
border: 0
}
textarea {
resize: none;
overflow: auto;
vertical-align: top;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none
}
button,
input,
select,
textarea {
outline: none;
border: none;
font-size: 100%;
margin: 0
}
button,
input {
line-height: normal
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0;
text-align: left
}
.vd-header {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 9px 0 16px
}
.vd-header,
.vd-header__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-header__row {
min-height: 42px;
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.vd-header__left,
.vd-header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-header__logo {
display: block;
position: relative;
top: -3px
}
.vd-header__user-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.vd-header__user-login {
font-size: .875rem;
line-height: 1.1875rem;
color: #000;
font-weight: 400;
margin-right: 16px
}
.vd-header__user-avatar {
width: 42px;
height: 42px;
border-radius: 50%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.vd-header__user-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 16px 20px;
border-radius: 2px;
background: #fff;
min-width: 200px;
z-index: 200;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
position: absolute;
visibility: hidden;
opacity: 0;
right: 0;
top: 52px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.vd-header__user-menu.--show {
visibility: visible;
opacity: 1
}
.vd-header__user-link {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 600;
color: #000;
text-decoration: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
margin-bottom: 8px
}
.vd-header__user-link:last-of-type {
margin-bottom: 0;
margin-top: 8px
}
.vd-header__user-link:hover {
color: #00b083;
text-decoration: none
}
.vd-mainBlock {
width: calc(100% + 20px);
margin: 0 -10px
}
.vd-mainBlock,
.vd-mainBlock__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.vd-mainBlock__block {
width: calc(33.33333% - 20px);
padding: 18px 16px;
border-radius: 2px;
margin: 0 10px 20px
}
.vd-mainBlock__block.--big {
width: calc(100% - 20px);
background: #fff;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09)
}
.vd-mainBlock__plan {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: calc(33.33333% - 20px);
padding: 18px 16px;
border-radius: 2px;
margin: 0 10px 20px
}
.vd-mainBlock__plan.--yellow {
background: -o-linear-gradient(330deg, #fff97e 0, #f3d533 100%);
background: linear-gradient(120deg, #fff97e, #f3d533);
-webkit-box-shadow: 0 6px 16px rgba(243, 213, 51, .26);
box-shadow: 0 6px 16px rgba(243, 213, 51, .26);
-ms-flex-negative: 0;
flex-shrink: 0
}
.vd-mainBlock__plan.--premium {
background: -o-linear-gradient(330deg, #18b78e 22%, #5dc77c 100%);
background: linear-gradient(120deg, #18b78e 22%, #5dc77c);
-webkit-box-shadow: 0 6px 16px rgba(24, 183, 142, .26);
box-shadow: 0 6px 16px rgba(24, 183, 142, .26);
-ms-flex-negative: 0;
flex-shrink: 0
}
.vd-mainBlock__domain {
font-size: 1.375rem;
line-height: 1.875rem;
text-align: left;
font-weight: 700;
color: #000;
display: block;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.vd-mainBlock__box {
width: 100%;
margin-bottom: 3px
}
.vd-mainBlock__badges,
.vd-mainBlock__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-mainBlock__badges {
margin-top: 5px
}
.vd-mainBlock__badge {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 5px
}
.vd-mainBlock__badge.--malware {
background: #da4441
}
.vd-mainBlock__badge.--vulnerable {
background: #9d6dec
}
.vd-mainBlock__badge.--not-sync {
background: #f3d533
}
.vd-mainBlock__badge.--database {
background: #FFAE64
}
.vd-mainBlock__badge.--blacklisted {
background: #000
}
.vd-mainBlock__badge:last-of-type {
margin-right: 9px
}
.vd-mainBlock__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%
}
.vd-mainBlock__col.--small {
width: 40%;
padding-left: 38px;
position: relative
}
.vd-mainBlock__col.--small:before {
display: block;
height: 30px;
border-left: 1px solid #e3e3e3;
content: "";
position: absolute;
left: 0
}
.vd-mainBlock__info-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-mainBlock__info-text {
color: #637280
}
.vd-mainBlock__info-link,
.vd-mainBlock__info-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 400
}
.vd-mainBlock__info-link {
color: #00b083
}
.vd-mainBlock__info-link.--not-sync {
color: #f3d533;
text-decoration: underline
}
.vd-mainBlock__info-link.--not-sync:hover {
text-decoration: none;
color: #f3d533
}
.vd-mainBlock__info-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #637280;
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-mainBlock__info-date:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #637280;
content: "";
left: 0
}
.vd-mainBlock__plan-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px
}
.vd-mainBlock__plan-title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700;
color: #000
}
.vd-mainBlock__plan-title sup {
bottom: 6px;
position: relative
}
.vd-mainBlock__plan-header .vd-btn sub,
.vd-mainBlock__plan-header .vd-btn sup,
.vd-mainBlock__plan-title sub,
.vd-mainBlock__plan-title sup {
font-size: .5625rem;
line-height: .5625rem;
}
.vd-mainBlock__plan-header .vd-btn sub,
.vd-mainBlock__plan-header .vd-btn sup {
margin-top: .4375rem;
}
.vd-mainBlock__plan-title.--white {
color: #fff
}
.vd-mainBlock__plan-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400
}
.vd-mainBlock__plan-text.--white {
color: #fff
}
.vd-mainBlock__share-block {
position: relative
}
.vd-mainBlock__share-block,
.vd-mainBlock__share-users {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-mainBlock__share-users {
width: 58px;
height: 28px;
margin-right: 12px
}
.vd-mainBlock__share-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-mainBlock__share-info {
color: #637280
}
.vd-mainBlock__share-add,
.vd-mainBlock__share-info {
font-size: .75rem;
line-height: .9375rem;
text-align: left;
font-weight: 400
}
.vd-mainBlock__share-add {
color: #00b083
}
.vd-mainBlock__share-add:hover {
color: #00b083;
text-decoration: underline;
-webkit-text-decoration-style: dashed;
text-decoration-style: dashed
}
.vd-mainBlock__share-user {
display: block;
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
border: 2px solid #f5f5f5
}
.vd-mainBlock__share-user:first-child {
left: 0;
z-index: 10
}
.vd-mainBlock__share-user:nth-child(2) {
left: 15px;
z-index: 9
}
.vd-mainBlock__share-user:nth-child(3) {
left: 30px;
z-index: 8
}
.vd-hmonitor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px 0 22px
}
.vd-hmonitor__header {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700;
color: #000;
margin-bottom: 4px
}
.vd-hmonitor__text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400
}
.vd-tools {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% + 20px);
margin: 0 -10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-tools__col {
width: calc(33.33333% - 20px);
margin: 0 10px
}
.vd-antivirus,
.vd-tools__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-antivirus {
width: 100%;
padding: 15px 16px 20px;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
margin-bottom: 24px
}
.vd-antivirus__head {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 16px
}
.vd-antivirus__head,
.vd-antivirus__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-antivirus__header {
min-height: 24px;
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700
}
.vd-antivirus__header,
.vd-antivirus__header mark {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: #000
}
.vd-antivirus__header mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background: rgba(0, 0, 0, 0);
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-antivirus__header mark:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #000;
content: "";
left: 0
}
.vd-antivirus__title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 600;
color: #000;
padding-bottom: 16px
}
.vd-antivirus__upgrade-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 15px
}
.vd-antivirus__upgrade-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400;
margin-bottom: 16px
}
.vd-antivirus__upgrade-row {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-antivirus__ctrls,
.vd-antivirus__upgrade-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-antivirus__ctrls {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-antivirus__ctrl-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px
}
.vd-antivirus__ctrl-text {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 400;
color: #000
}
.vd-antivirus__reports {
padding-top: 6px
}
.vd-antivirus__report-block,
.vd-antivirus__reports {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-antivirus__report-block {
margin-bottom: 30px
}
.vd-antivirus__report-block:last-of-type {
margin-bottom: 0
}
.vd-report {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f8f8f8;
border-radius: 2px;
padding: 8px 12px;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
margin-bottom: 6px
}
.vd-report:last-child {
margin-bottom: 0
}
.vd-report:hover {
background: #efefef
}
.vd-report__col {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-report__col,
.vd-report__item-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%
}
.vd-report__item-box {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 20px
}
.vd-report__date {
font-size: .75rem;
line-height: .9375rem;
text-align: left;
color: #637280;
font-weight: 400;
margin-left: 22px
}
.vd-report__indicator {
display: block;
width: 10px;
height: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
background: rgba(0, 0, 0, 0);
border-radius: 50%
}
.vd-report__indicator.--malware {
background: #da4441
}
.vd-report__indicator.--vulnerable {
background: #9d6dec
}
.vd-report__indicator.--database {
background: #FFAE64
}
.vd-report__indicator.--not-sync {
background: #f3d533
}
.vd-report__indicator.--blacklisted {
background: #000
}
.vd-report__indicator.--clear {
background: #00b083
}
.vd-report__indicator.--disabled {
background: #b0b8bf
}
.vd-report__title {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 600;
color: #000;
margin-left: 12px;
margin-bottom: 2px
}
.vd-report__arrow-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 20px;
height: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto
}
.vd-patchmanager {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 16px 20px;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
margin-bottom: 24px
}
.vd-patchmanager,
.vd-patchmanager__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal
}
.vd-patchmanager__head {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 16px
}
.vd-patchmanager__header {
min-height: 24px;
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700
}
.vd-patchmanager__header,
.vd-patchmanager__header mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000
}
.vd-patchmanager__header mark {
position: relative;
background: rgba(0, 0, 0, 0);
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-patchmanager__header mark:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #000;
content: "";
left: 0
}
.vd-patchmanager__title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 600;
color: #000;
padding-bottom: 16px
}
.vd-patchmanager__upgrade-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 15px
}
.vd-patchmanager__upgrade-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400;
margin-bottom: 16px
}
.vd-patchmanager__upgrade-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-patchmanager__report-block,
.vd-patchmanager__reports {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-patchmanager__report-block {
margin-bottom: 30px
}
.vd-patchmanager__report-block:last-of-type {
margin-bottom: 0
}
.vd-blist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 16px 20px;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
margin-bottom: 24px
}
.vd-blist__head {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 16px
}
.vd-blist__head,
.vd-blist__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-blist__header {
min-height: 24px;
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700
}
.vd-blist__header,
.vd-blist__header mark {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: #000
}
.vd-blist__header mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background: rgba(0, 0, 0, 0);
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-blist__header mark:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #000;
content: "";
left: 0
}
.vd-blist__title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 600;
color: #000;
padding-bottom: 16px
}
.vd-blist__upgrade-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 15px
}
.vd-blist__upgrade-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400;
margin-bottom: 16px
}
.vd-blist__upgrade-row {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-blist__reports,
.vd-blist__upgrade-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-blist__reports {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 6px
}
.vd-blist__reports.--pt-0 {
padding-top: 0
}
.vd-blist__report-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 30px
}
.vd-blist__report-block:last-of-type {
margin-bottom: 0
}
.vd-fwall {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 16px 20px;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
margin-bottom: 24px
}
.vd-fwall__head {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 16px
}
.vd-fwall__head,
.vd-fwall__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-fwall__header {
min-height: 24px;
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700
}
.vd-fwall__header,
.vd-fwall__header mark {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: #000
}
.vd-fwall__header mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background: rgba(0, 0, 0, 0);
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-fwall__header mark:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #000;
content: "";
left: 0
}
.vd-fwall__title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 600;
color: #000;
padding-bottom: 16px
}
.vd-fwall__upgrade-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 15px
}
.vd-fwall__upgrade-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400;
margin-bottom: 16px
}
.vd-fwall__upgrade-row {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-fwall__reports,
.vd-fwall__upgrade-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-fwall__reports {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 6px
}
.vd-fwall__reports.--pt-0 {
padding-top: 0
}
.vd-fwall__report-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 30px
}
.vd-fwall__report-block:last-of-type {
margin-bottom: 0
}
.vd-fwall__map {
height: 300px
}
.vd-fwall__map,
.vd-support {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 24px
}
.vd-support {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 16px 20px;
border-radius: 2px;
background: #e8e8e8;
-webkit-box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09);
box-shadow: 0 6px 16px hsla(0, 0%, 71%, .09)
}
.vd-support__head {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 16px
}
.vd-support__head,
.vd-support__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-support__header {
min-height: 24px;
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700
}
.vd-support__header,
.vd-support__header mark {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: #000
}
.vd-support__header mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background: rgba(0, 0, 0, 0);
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-support__header mark:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #000;
content: "";
left: 0
}
.vd-support__title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 600;
color: #000;
padding-bottom: 16px
}
.vd-support__upgrade-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 15px
}
.vd-support__upgrade-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400;
margin-bottom: 16px
}
.vd-support__upgrade-row {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-support__reports,
.vd-support__upgrade-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-support__reports {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 6px
}
.vd-support__reports.--pt-0 {
padding-top: 0
}
.vd-support__report-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 30px
}
.vd-support__report-block:last-of-type {
margin-bottom: 0
}
.vd-seclevel {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 16px 20px;
border-radius: 2px;
background: -webkit-gradient(linear, left top, left bottom, from(#18b78e), to(#5dc77c));
background: -o-linear-gradient(top, #18b78e 0, #5dc77c 100%);
background: linear-gradient(180deg, #18b78e, #5dc77c);
-webkit-box-shadow: 0 6px 16px rgba(24, 183, 142, .26);
box-shadow: 0 6px 16px rgba(24, 183, 142, .26);
margin-bottom: 24px
}
.vd-seclevel,
.vd-seclevel__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal
}
.vd-seclevel__head {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 16px
}
.vd-seclevel__level {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
color: #fff;
font-weight: 700
}
.vd-seclevel__header {
min-height: 24px;
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 700
}
.vd-seclevel__header,
.vd-seclevel__header mark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff
}
.vd-seclevel__header mark {
position: relative;
background: rgba(0, 0, 0, 0);
font-weight: 400;
padding-left: 8px;
margin-left: 8px
}
.vd-seclevel__header mark:before {
display: block;
position: absolute;
height: 16px;
border-left: 1px solid #fff;
content: "";
left: 0
}
.vd-seclevel__title {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 600;
color: #000;
padding-bottom: 16px
}
.vd-seclevel__upgrade-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 15px
}
.vd-seclevel__upgrade-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #fff;
font-weight: 400;
margin-bottom: 16px
}
.vd-seclevel__upgrade-row {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-seclevel__ctrls,
.vd-seclevel__upgrade-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-seclevel__ctrls {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-seclevel__ctrl-block {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12px
}
.vd-seclevel__ctrl-block,
.vd-seclevel__ctrl-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-seclevel__ctrl-box {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-right: 64px
}
.vd-seclevel__ctrl-num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 22px;
height: 22px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
font-size: .75rem;
line-height: 1.375rem;
color: #00b083;
background: #fff;
margin-right: 12px
}
.vd-seclevel__ctrl-text {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 400;
color: #fff
}
.vd-seclevel__ctrl-text small,
.vd-mainBlock__col small {
font-size: .75rem;
line-height: .9375rem;
text-align: left;
color: #fff;
font-weight: 400
}
.vd-mainBlock__col small {
color: #637280;
margin-left: 2rem;
}
.vd-seclevel__ctrl-info {
display: inline;
position: relative;
margin-left: 4px;
bottom: 1px
}
.vd-seclevel__reports {
padding-top: 6px
}
.vd-seclevel__report-block,
.vd-seclevel__reports {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-seclevel__report-block {
margin-bottom: 30px
}
.vd-seclevel__report-block:last-of-type {
margin-bottom: 0
}
.vd-scanner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-scanner__progress {
height: 190px;
margin-bottom: 40px
}
.vd-scanner__progress.--hide {
display: none
}
.vd-scanner__progress>svg {
height: 100%;
display: block
}
.vd-scanner__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-scanner__header {
font-size: 1.375rem;
line-height: 1.875rem;
text-align: center;
font-weight: 700;
color: #000;
margin-bottom: 20px
}
.vd-scanner__text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: center;
color: #637280;
font-weight: 400;
margin-bottom: 34px;
width: 100%;
max-width: 440px
}
.vd-scanner__footer {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
max-width: 450px
}
.vd-auth,
.vd-scanner__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-auth,
.vd-auth__container {
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-auth__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-auth__container form {
width: 100%
}
.vd-auth__header {
font-size: 3.375rem;
line-height: 4.125rem;
text-align: left;
font-weight: 800;
color: #000;
letter-spacing: -.04em;
margin-bottom: 40px
}
.vd-auth__text {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
color: #000;
font-weight: 400;
margin-bottom: 34px;
width: 100%;
max-width: 440px
}
.vd-auth__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 440px;
position: absolute;
bottom: 32px
}
.vd-auth__footer-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
color: #000;
font-weight: 400
}
.vd-auth__footer-text a {
color: #00b083;
text-decoration: underline
}
.vd-auth__footer-text a:hover {
text-decoration: none;
color: #00b083
}
.vd-auth__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-auth__link {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 400;
color: #00b083;
text-decoration: underline;
margin-left: 24px
}
.vd-auth__link:hover {
text-decoration: none;
color: #00b083
}
.vd-auth__link_mess,
.vd-auth__link_mess:hover,
.vd-auth__link_mess:focus,
.vd-auth__link_mess:focus-within,
.vd-auth__link_mess:active {
color: #000;
text-decoration: none;
outline: none;
cursor: default;
}
.vd-welcome {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1024px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-welcome__slider-wrapper {
margin-bottom: 40px
}
.vd-welcome__slider,
.vd-welcome__slider-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.vd-welcome__slider {
z-index: 1;
max-width: 650px
}
.vd-welcome__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background: #bebebe;
height: 420px
}
.vd-welcome__slide img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.vd-welcome__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.vd-welcome__footer a:first-of-type {
margin-top: 24px
}
.vd-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
line-height: 0;
text-align: center;
height: 40px;
padding: 12px 26px;
border-radius: 3px;
background: rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid rgba(0, 0, 0, 0);
font-weight: 600;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #000;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-btn.--hide-desktop {
display: none
}
.vd-btn.--mt-32 {
margin-top: 32px
}
.vd-btn.--ml-16 {
margin-left: 16px
}
.vd-btn.--full-width {
width: 100%
}
.vd-btn.--small {
padding: 4px 7px 5px;
height: 25px;
border: 1px solid rgba(0, 0, 0, 0);
font-weight: 700
}
.vd-btn.--small sup {
font-size: .5625rem;
margin-bottom: 6px;
line-height: .5625rem
}
.vd-btn.--outline-white {
border-color: #fff;
color: #fff;
background: rgba(0, 0, 0, 0)
}
.vd-btn.--outline-white:hover {
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--outline-white:focus,
.vd-btn.--outline-white:hover {
background: #fff;
color: #000;
border-color: #fff
}
.vd-btn.--outline-black,
.vd-btn.--outline-black:hover {
border-color: #000;
color: #000;
background: rgba(0, 0, 0, 0)
}
.vd-btn.--outline-black:hover {
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--outline-black:focus {
border-color: #000;
color: #fff;
background: #000
}
.vd-btn.--outline-green,
.vd-btn.--outline-green:hover {
border-color: #00b083;
color: #00b083;
background: rgba(0, 0, 0, 0)
}
.vd-btn.--outline-green:hover {
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--outline-green:focus {
border-color: #00b083;
color: #fff;
background: #00b083
}
.vd-btn.--black {
border-color: #000;
color: #fff;
background: #000
}
.vd-btn.--black:hover {
border-color: #000;
color: #000;
background: rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--black:focus {
border-color: #000;
color: #fff;
background: #000
}
.vd-btn.--green,
.vd-btn.--green:hover {
border-color: #00b083;
color: #fff;
background: #00b083
}
.vd-btn.--green:hover {
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--green:focus {
border-color: #1e896e;
color: #fff;
background: #259377
}
.vd-link-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 400;
color: #000;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-link-btn.--ml-12 {
margin-left: 12px
}
.vd-link-btn.--green svg,
.vd-link-btn.--green svg path {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-link-btn.--green svg path {
fill: #00b083
}
.vd-link-btn:hover span svg,
.vd-link-btn:hover span svg path {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-link-btn:hover span svg path {
fill: #00b083
}
.vd-link-btn svg,
.vd-link-btn svg path {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-link-btn svg path {
fill: #b3b3b3
}
.vd-link-btn:focus,
.vd-link-btn:focus-within,
.vd-link-btn:active {
border: none;
}
.vd-learn-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 600;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: .6875rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-learn-more.--italic {
font-style: italic;
font-weight: 300;
margin-top: .1875rem
}
.vd-learn-more.--bold {
font-weight: 700
}
.vd-learn-more.--mt-0 {
margin-top: 0
}
.vd-learn-more.--mb-30 {
margin-bottom: 30px
}
.vd-learn-more.--ml-16 {
margin-left: 16px
}
.vd-learn-more.--white,
.vd-learn-more.--white:hover {
color: #fff
}
.vd-learn-more.--white:hover:after {
margin-left: .75rem;
margin-top: .0625rem
}
.vd-learn-more.--white:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 1.25rem;
height: 1.25rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjcxOSA5LjEzMkwwIDEuNDE0IDEuNDE1IDBsOS4xMzIgOS4xMzItMS40MTQgMS40MTUtNy43MTkgNy43MThMMCAxNi44NTFsNy43MTktNy43MTl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50%;
background-size: .5rem .875rem;
margin-left: .5rem;
margin-top: .0625rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-learn-more.--black,
.vd-learn-more.--black:hover {
color: #000
}
.vd-learn-more.--black:hover:after {
margin-left: .75rem;
margin-top: .0625rem
}
.vd-learn-more.--black:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 1.25rem;
height: 1.25rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjcxOSA5LjEzMkwwIDEuNDE0IDEuNDE1IDBsOS4xMzIgOS4xMzItMS40MTQgMS40MTUtNy43MTkgNy43MThMMCAxNi44NTFsNy43MTktNy43MTl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat 50%;
background-size: .5rem .875rem;
margin-left: .5rem;
margin-top: .0625rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-learn-more.--inline {
margin-top: 0;
display: inline
}
.vd-learn-more.--inline:after {
display: inline-block;
position: relative;
width: 14px;
height: 14px;
content: "";
background-size: 8px 14px;
margin-left: .5rem;
margin-top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
top: 2px
}
.vd-switch-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
z-index: 100;
right: 66px;
top: 34px
}
.vd-switch-block.--center-relative {
position: relative;
right: auto;
top: auto;
margin: 0 0 60px
}
.vd-switch-block__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px
}
.vd-switch-block__row.--mb-10 {
margin-bottom: 10px
}
.vd-switch-block__hint {
font-size: .875rem;
width: 100%;
line-height: 1.1875rem;
height: 25px;
text-align: center;
color: #000;
padding: 2px 7px 4px;
border-radius: 2px;
background: #fffa78
}
.vd-switch-block__caption {
display: block;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
color: #000;
font-weight: 600
}
.vd-switch-block__caption.--white {
color: #fff
}
.vd-switch-block__control {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 16px
}
.vd-switch-block__control.--green-border {
height: 28px;
width: 54px
}
.vd-switch-block__control.--m-0 {
margin: 0
}
.vd-switch-block__control input {
opacity: 0;
width: 0;
height: 0
}
.vd-switch-block__control input:disabled .vd-switch-block__slider {
opacity: .5
}
.vd-switch-block__slider {
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #e8e8e8
}
.vd-switch-block__slider,
.vd-switch-block__slider:before {
position: absolute;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.vd-switch-block__slider:before {
content: "";
height: 22px;
width: 22px;
left: 1px;
bottom: 1px;
background-color: #fff
}
.vd-switch-block__slider.--green-border {
border: 2px solid #fff
}
.vd-switch-block__slider.--yellow:before {
background-color: #000
}
.vd-switch-block__slider.--round {
border-radius: 34px
}
.vd-switch-block__slider.--round:before {
border-radius: 50%
}
.vd-switch-block__control input:checked+.vd-switch-block__slider {
background-color: #000
}
.vd-switch-block__control input:checked+.vd-switch-block__slider.--yellow {
background-color: #fffa78
}
.vd-switch-block__control input:checked+.vd-switch-block__slider.--green,
.vd-switch-block__control input:checked+.vd-switch-block__slider.--green-border {
background-color: #00b083
}
.vd-switch-block__control input:disabled+.vd-switch-block__control,
.vd-switch-block__control input:disabled+.vd-switch-block__slider {
opacity: .7
}
.vd-switch-block__control input:checked+.vd-switch-block__slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px)
}
.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.icon.--mr-9 {
margin-right: 9px
}
.form-control {
padding: 14px 16px;
border-radius: 2px;
font-family: Open Sans, sans-serif;
color: #000;
height: 50px;
font-size: 16px;
line-height: auto;
text-align: left;
font-weight: 400;
background: #f3f4f4;
border: 1px solid #ccc;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none
}
.form-control.--mb-16 {
margin-bottom: 16px
}
.form-control::-webkit-input-placeholder {
color: #bbb
}
.form-control::-moz-placeholder {
color: #bbb
}
.form-control:-ms-input-placeholder {
color: #bbb
}
.form-control::-ms-input-placeholder {
color: #bbb
}
.form-control::placeholder {
color: #bbb
}
.vd-error {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 15vh;
background: -webkit-gradient(linear, left top, left bottom, from(#fb4447), to(#f9375e));
background: -o-linear-gradient(top, #fb4447 0, #f9375e 100%);
background: linear-gradient(180deg, #fb4447, #f9375e);
padding: 15px 22px 16px;
z-index: -1;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
visibility: hidden;
opacity: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.vd-error,
.vd-error.--show {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.vd-error.--show {
visibility: visible;
opacity: 1;
z-index: 1000
}
.vd-error__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 640px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-error__badge {
text-align: center;
white-space: nowrap;
height: 25px;
padding: 2px 7px 4px;
border-radius: 2px;
border: 1px solid #000;
font-size: .875rem;
line-height: 1.0625rem;
font-weight: 700
}
.vd-error__badge.--white {
border-color: #fff;
color: #fff
}
.vd-error__text {
display: block;
width: 100%;
text-align: left;
padding-left: 15px;
padding-top: 3px;
-o-text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: .875rem;
line-height: 1.1875rem;
font-weight: 600;
color: #000;
overflow: hidden;
-webkit-line-clamp: 2;
text-overflow: ellipsis
}
.vd-error__text.--white {
color: #fff
}
.vd-error__text.--with-link {
font-weight: 400;
-webkit-line-clamp: 3;
}
.vd-error__text.--with-link > a {
font-weight: 800;
color: #fff;
}
.slider.--main {
position: absolute
}
.slider__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 95%;
position: absolute;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 48%;
max-width: 1400px;
z-index: 0
}
.slider__controls li {
cursor: pointer;
z-index: 3
}
.swal2-container.--vd-container.swal2-backdrop-show {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: hsla(0, 0%, 90.2%, .45);
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 600
}
.swal2-title.--vd-header {
font-size: 1rem;
line-height: 1.375rem;
text-align: left;
font-weight: 400;
color: #000;
padding: 0;
margin-bottom: 16px
}
.swal2-title.--vd-header strong {
display: block;
font-weight: 700;
margin-top: 8px
}
.swal2-html-container.--vd-text {
font-size: .875rem;
line-height: 1.1875rem;
text-align: left;
font-weight: 400;
color: #000;
margin: 0 0 16px
}
.swal2-close.--vd-close {
position: absolute
}
.swal2-close.--vd-close:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none
}
.swal2-close.--vd-close:hover {
color: #000
}
.swal2-confirm.--vd-confirm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
line-height: 0;
text-align: center;
height: 40px;
padding: 12px 26px;
border-radius: 3px;
color: #fff;
background: #00b083;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #00b083;
font-weight: 600;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.swal2-confirm.--vd-confirm:hover {
border-color: #00b083;
color: #fff;
background: #00b083;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.swal2-confirm.--vd-confirm:focus {
border-color: #1e896e;
color: #fff;
background: #259377
}
html {
font-size: 100%
}
body {
margin: 0;
padding: 0
}
.body-overflow {
overflow: hidden !important
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0
}
a {
text-decoration: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
li,
ul {
margin: 0;
padding: 0;
list-style-type: none
}
.vd-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding: 0 22px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #fafafa;
height: 100%
}
.vd-wrapper.--full-height {
min-height: 100vh
}
.vd-wrapper.--height {
min-height: 100vh;
height: 100%
}
.vd-wrapper.--grey {
background: #fafafa
}
.vd-container {
position: relative;
-webkit-box-orient: vertical;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100vh - 67px);
padding: 32px 0
}
.container-row,
.vd-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-direction: normal
}
.container-row {
-webkit-box-orient: horizontal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0;
background: #fafafa
}
.content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh
}
.vimeo-container {
padding: 0;
width: 100%;
height: 100vh;
overflow: hidden;
position: relative
}
iframe {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 177.77777778vh;
height: 56.25vw;
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@media only screen and (max-width:767px) {
.vd-header__user-login {
display: none
}
.vd-mainBlock {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
margin: 0
}
.vd-mainBlock__info-date {
padding-left: 0;
margin-left: 0
}
.vd-mainBlock__info-date:before {
display: none
}
.vd-mainBlock__info-block,
.vd-mainBlock__plan-header.--col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-mainBlock__badges {
margin-top: 2px
}
.vd-mainBlock__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-mainBlock__block.--big {
width: 100%;
margin: 0 0 22px
}
.vd-mainBlock__box {
margin-bottom: 8px
}
.vd-mainBlock__domain {
font-size: 1rem;
line-height: 1.375rem
}
.vd-mainBlock__col.--small {
width: 100%;
padding-left: 0;
padding-top: 16px;
margin-top: 16px
}
.vd-mainBlock__col.--small:before {
display: block;
height: 1;
width: 100%;
border-left: none;
border-top: 1px solid #e3e3e3;
content: "";
position: absolute;
left: 0;
top: 0
}
.vd-mainBlock__plan {
width: 100%;
margin: 0 0 22px
}
.vd-tools {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-tools,
.vd-tools__col {
width: 100%;
margin: 0
}
.vd-seclevel__ctrl-box {
padding-right: 32px
}
.vd-scanner__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-scanner__footer a:first-of-type {
margin-bottom: 24px
}
.vd-auth__header {
font-size: 2.125rem;
line-height: 2.75rem
}
.vd-auth__btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-auth__link {
margin-left: 0;
margin-top: 24px
}
.vd-welcome__slide {
height: 380px
}
.vd-error {
top: 10%
}
.slider__controls {
display: none;
top: 54%;
z-index: 90
}
}
@media (min-width:768px) and (max-width:1023px) {
.vd-mainBlock {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
margin: 0
}
.vd-mainBlock__badges {
margin-top: 2px
}
.vd-mainBlock__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.vd-mainBlock__block.--big {
width: 100%;
margin: 0 0 22px
}
.vd-mainBlock__box {
margin-bottom: 8px
}
.vd-mainBlock__domain {
display: block;
width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.vd-mainBlock__col.--small {
width: 100%;
padding-left: 0;
padding-top: 16px;
margin-top: 16px
}
.vd-mainBlock__col.--small:before {
display: block;
height: 1;
width: 100%;
border-left: none;
border-top: 1px solid #e3e3e3;
content: "";
position: absolute;
left: 0;
top: 0
}
.vd-mainBlock__plan {
width: 100%;
margin: 0 0 22px
}
.vd-tools {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.vd-tools__col {
width: calc(50% - 20px)
}
.vd-tools__col:last-of-type {
width: calc(100% - 20px)
}
}
@media (min-width:1024px) and (max-width:1200px) {
.vd-mainBlock__col.--small {
width: 45%;
padding-left: 16px
}
}
@media (min-width:1536px) and (max-width:2559px) {
.vd-btn {
height: 50px;
padding: 13px 40px 15px;
font-size: 1.125rem;
line-height: 1.5rem
}
.vd-btn.--small {
height: 29px;
padding: 2 14px 5px
}
.vd-btn.--ml-16 {
margin-left: 30px
}
}
@media (min-width:2560px) {
.vd-btn {
font-size: 1.5625rem;
line-height: 2.125rem;
height: 60px;
padding: 11px 48px 15px
}
.vd-btn.--small {
height: 39px;
padding: 0 14px 5px
}
.vd-btn.--ml-16 {
margin-left: 30px
}
.learn-more {
font-size: 1.5625rem;
line-height: 2.125rem
}
.learn-more.--white {
color: #fff
}
.learn-more.--white:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 1.5625rem;
height: 1.5625rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjcxOSA5LjEzMkwwIDEuNDE0IDEuNDE1IDBsOS4xMzIgOS4xMzItMS40MTQgMS40MTUtNy43MTkgNy43MThMMCAxNi44NTFsNy43MTktNy43MTl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50%;
background-size: .625rem 1.25rem;
margin-left: .5rem;
margin-top: .0625rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.learn-more.--black {
color: #000
}
.learn-more.--black:after {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 1.5625rem;
height: 1.5625rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjcxOSA5LjEzMkwwIDEuNDE0IDEuNDE1IDBsOS4xMzIgOS4xMzItMS40MTQgMS40MTUtNy43MTkgNy43MThMMCAxNi44NTFsNy43MTktNy43MTl6IiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat 50%;
background-size: .625rem 1.25rem;
margin-left: .5rem;
margin-top: .0625rem;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.vd-switch-block__caption {
font-size: 1.5625rem;
line-height: 2.125rem
}
.vd-switch-block__hint {
font-size: 1.25rem;
line-height: 1.375rem
}
.vd-switch-block__row {
margin-bottom: 12px
}
}
@media (min-width:800px) and (max-width:1023px) {
.vd-btn.--hide-mobile {
display: none
}
.vd-btn.--hide-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.vd-switch-block {
position: relative;
top: auto;
right: auto;
margin-top: 30px;
margin-bottom: 50px
}
}
@media (min-width:1024px) and (max-width:1366px) {
.vd-btn.--hide-mobile {
display: none
}
.vd-btn.--hide-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.vd-switch-block {
position: relative;
top: auto;
right: auto;
margin-top: 30px;
margin-bottom: 50px
}
}
@media only screen and (max-width:799px) {
.vd-btn {
height: 44px
}
.vd-btn.--fb {
color: #fff;
border-color: #fff
}
.vd-btn.--fb:hover {
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--fb:focus,
.vd-btn.--fb:hover {
background: #fff;
color: #000;
border-color: #fff
}
.vd-btn.--fb.--black {
color: #000;
border-color: #000
}
.vd-btn.--fb.--black:hover {
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.vd-btn.--fb.--black:focus,
.vd-btn.--fb.--black:hover {
background: #000;
color: #fff;
border-color: #000
}
.vd-btn.--hide-mobile {
display: none
}
.vd-btn.--hide-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.vd-learn-more.--hide-mobile {
display: none
}
.vd-learn-more.--mobile-br {
display: inline-block;
margin-top: 8px
}
.vd-switch-block {
position: relative;
top: auto;
right: auto;
margin-top: 30px;
margin-bottom: 0
}
.vd-switch-block__row {
margin-bottom: 8px
}
.vd-switch-block__hint {
line-height: 1rem;
padding: 4px 7px 6px
}
}
@media (min-width:1680px) and (max-width:2559px) {
.learn-more {
font-size: 1.125rem;
line-height: 1.5625rem
}
.vd-switch-block__caption {
font-size: 1.125rem;
line-height: 1.5rem
}
.vd-switch-block__hint {
font-size: 1rem;
line-height: 1.375rem
}
.vd-switch-block__row {
margin-bottom: 8px
}
}
@media screen and (max-width:1440px) {
.vd-wrapper {
font-size: 100%
}
}
#wpcontent {
padding-left: 0px;
}
a.disable {
pointer-events: none;
cursor: default;
opacity: 0;
}
input#onInsuranceSec[type=checkbox]:disabled {
opacity: 0;
}
#world-map {
/*position: absolute;*/
background-color: #e9e9e9;
/*width: 521px;*/
height: 300px;
width: 100%;
display: flex;
margin-bottom: 24px;
}
.jvectormap-container {
width: 99%;
height: 100%;
position: relative;
overflow: hidden;
touch-action: none;
margin: auto;
}
.jvectormap-tip {
position: absolute;
border: solid 1px rgba(127, 127, 127, 1);
text-shadow: 1px 1px 3px black;
border-radius: 3px;
background: #292929;
color: white;
font-family: sans-serif, Verdana;
padding: 2px 6px;
font-size: 12px;
font-style: normal;
/*text-shadow: -2px 2px 3px rgba(255, 255, 255, 0.6);*/
-webkit-box-shadow: -3px 5px 3px 0px rgba(34, 60, 80, 0.9);
-moz-box-shadow: -3px 5px 3px 0px rgba(34, 60, 80, 0.9);
box-shadow: -2px 3px 3px 0px rgba(127, 127, 127, 0.9);
}
.map-label {
min-width: 6rem;
display: block;
}
.map-label big {
font-size: 14px;
line-height: 16px;
font-weight: 500;
margin: auto;
padding: auto;
color: #eee;
}
.map-label > small {
display:block;
font-size: 11px;
line-height: 11px;
margin-left: .1 em;
margin-bottom: .2em;
color: #ccc;
}
#adminmenu #toplevel_page_virusdie .wp-menu-image img {
padding: 0;
width: 16px;
height: 16px;
}
#adminmenu #toplevel_page_virusdie.current .wp-menu-image img {
margin: 9px 0 0 0;
}