Current File : /pages/54/47/d0016649/home/private/Daten/images/driversolutionpack/DriverPack/bin/drp.css |
.header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 48px;
z-index: 10000;
width: 100%;
background-color: #394559;
}
.header.header_installation {
background-color: #2F394A;
}
.header_logo {
padding: 0 0 0 17px;
font-size: 0px; /* fix for old ie */
}
.header_logo-img {
width: 168px;
height: 22px;
margin-right: 10px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(img/header/header-logo.png);
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.header_logo-img {
background-image: url(img/header/header-logo$2x.png);
}
}
.header_controls {
padding: 0;
text-align: right;
font-size: 0px; /* fix for old ie */
}
.header_controls-btn {
display: inline-block;
width: 48px;
height: 48px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #4e576a;
text-decoration: none;
}
.header_controls-btn:focus {
outline: none;
}
.header_controls-btn--icon {
width: 46px;
font-size: 30px;
line-height: 48px;
color: #FFFFFF;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
filter: alpha(opacity=60);
opacity: 0.6;
}
.header_controls-btn--icon:hover {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
opacity: 1;
}
.header_controls-btn--burger {
border-right: 1px solid #4e576a;
border-left: 1px solid #4e576a;
}
.header_controls .header_controls-btn--burger.active {
border-right: 1px solid #2E3745;
border-left: 1px solid #2E3745;
background-color: #2E3745;
}
.header_installation .header_controls-btn {
border-color: #2F394A;
}
.header_auth-link {
color: #FFFFFF;
font-size: 14px;
width: auto;
padding: 0 25px;
line-height: 48px;
text-decoration: none;
border-left: none;
}
.header_auth-link:hover {
color: #ff931e;
}
.burger-menu {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 60;
box-sizing: border-box;
width: 375px;
height: 100%;
padding: 48px 0 0;
background-color: #2E3745;
overflow: hidden;
}
.burger-menu_inner {
height: 100%;
overflow: auto;
}
.burger-menu_divider {
padding-bottom: 14px;
margin-top: 22px;
border-top: 1px solid #394559;
}
.burger-menu_link {
display: block;
line-height: 1.2em;
padding: 12px 5px 11px 13px;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
}
.burger-menu_link-disabled {
background-color: none;
pointer-events: none;
cursor: default;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
filter: alpha(opacity=30); /* IE 5-7 */
opacity: 0.3;
}
.burger-menu_link:focus {
outline: none;
}
.burger-menu_link:hover {
background-color: #394559;
color: #FFFFFF;
text-decoration: none;
}
.burger-menu_link span {
vertical-align: middle;
}
.burger-menu_link-icon {
margin: 0 18px 0 5px;
vertical-align: middle;
}
.burger-menu_overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
width: 100%;
height: 100%;
background-color: #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
filter: alpha(opacity=30); /* IE 5-7 */
opacity: 0.3;
}
.assept-icon {
width: 16px;
height: 16px;
display: inline-block;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi4xNSAxOC4zMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Bc3NldCAxPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzLjI5LDE3LjExLDEyLjA3LDE2YS40Mi40MiwwLDAsMC0uNSwwbC0xLjIyLDEuMDdWMTAuOTJoLjE1bDEsMWEuMzYuMzYsMCwwLDAsLjU0LDBsMS4wNy0xaC4xNVptLTMuOS02Ljk1VjguOWEuMzMuMzMsMCwwLDAtLjExLS4yN0w4LjQsNy43NWwuODgtLjg4YS4zMS4zMSwwLDAsMCwuMTEtLjI2VjUuMzVoMS4yN2EuMzIuMzIsMCwwLDAsLjI2LS4xMmwuODgtLjg4Ljg4Ljg4YS4zNC4zNCwwLDAsMCwuMjcuMTJoMS4yNlY2LjYxYS4zMS4zMSwwLDAsMCwuMTEuMjZsLjg4Ljg4LS44OC44OGEuMzMuMzMsMCwwLDAtLjExLjI3djEuMjZIMTNhLjM3LjM3LDAsMCwwLS4yNy4xMWwtLjg4Ljg4LS44OC0uODhhLjM1LjM1LDAsMCwwLS4yNi0uMTFabS4yLDUuNTRILjhWNS4zMUg1YS4zNi4zNiwwLDAsMCwuMzktLjM4Vi43Nmg2LjExVjMuNTlsLTEsMUg5YS4zNi4zNiwwLDAsMC0uMzguMzlWNi40MmwtMS4wNywxYS4zNS4zNSwwLDAsMCwwLC41M0w4LjYzLDkuMDV2MS40OWEuMzYuMzYsMCwwLDAsLjM4LjM4aC41OFptLTUtMTQuNFY0LjU0SDEuMzRabTkuMjUsMTdhLjM1LjM1LDAsMCwwLC4yMi0uMzR2LTdoLjU4YS4zNi4zNiwwLDAsMCwuMzgtLjM4VjkuMDVMMTYsOGEuMzcuMzcsMCwwLDAsMC0uNTNsLTEtMVY0LjkzYS4zNi4zNiwwLDAsMC0uMzgtLjM5SDEzLjE0bC0xLTFWLjM4QS4zNi4zNiwwLDAsMCwxMS44LDBINC45M2EuMzcuMzcsMCwwLDAtLjI3LjExTC4xMSw0LjY2QS4zNy4zNywwLDAsMCwwLDQuOTNWMTYuMDhhLjM2LjM2LDAsMCwwLC4zOC4zOEg5LjU5VjE4YS4zMi4zMiwwLDAsMCwuMjMuMzQuMzUuMzUsMCwwLDAsLjQyLS4wN2wxLjYtMS40MiwxLjYsMS40MmEuMzMuMzMsMCwwLDAsLjM5LjA3WiIvPjwvZz48L2c+PC9zdmc+');
background-size: contain;
background-repeat: no-repeat;
}
.confirm-popup_popup {
position: absolute;
top: 48px;
right: 0;
left: 0;
bottom: 0;
z-index: 60;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI Light', 'Open Sans', Arial, sans-serif;
}
.confirm-popup_wrapper {
vertical-align: middle;
}
.confirm-popup_inner {
position: relative;
width: 635px;
overflow: hidden;
margin: 0 auto;
border-radius: 4px;
background-color: #FFFFFF;
}
.confirm-popup_close {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
width: 48px;
height: 48px;
font-size: 30px;
line-height: 48px;
text-decoration: none;
color: #808080;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
filter: alpha(opacity=60);
opacity: 0.6;
}
.confirm-popup_close:focus {
outline: none;
}
.confirm-popup_close:hover {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
opacity: 1;
}
.confirm-popup_title,
.confirm-popup_content {
padding-left: 54px;
padding-right: 40px;
}
.confirm-popup_title {
padding-top: 27px;
padding-bottom: 27px;
font-size: 22px;
color: #394559;
background-color: #f7f7f7;
}
.confirm-popup_content {
padding-top: 20px;
padding-bottom: 35px;
}
.confirm-popup_description-table {
margin-top: 8px;
margin-bottom:
}
.confirm-popup_checkbox-cell {
vertical-align: top;
padding-left: 5px;
}
.confirm-popup_checkbox-cell .custom-control_checkbox-input-label {
top: 0 !important;
padding-right: 5px;
}
.confirm-popup_title,
.confirm-popup_description-title,
.confirm-popup_description,
.confirm-popup_soft {
text-align: left;
}
.confirm-popup_soft {
padding-top: 9px;
padding-bottom: 21px;
}
.confirm-popup_icon-holder {
width: 51px;
}
.confirm-popup_icon-holder,
.confirm-popup_soft-text {
display: inline-block;
float: left;
}
.confirm-popup_description-title,
.confirm-popup_description {
font-size: 13px;
color: #808080;
}
.confirm-popup_description-title {
padding-top: 6px;
padding-bottom: 18px;
}
.confirm-popup_description {
padding-bottom: 36px;
line-height: 1.6em;
}
.confirm-popup_description-table .confirm-popup_description {
padding-bottom: 19px;
}
.confirm-popup_description-link {
text-decoration: none;
color: #2594c1;
}
.confirm-popup_button {
display: inline-block;
position: relative;
width: 300px;
padding: 6px 0;
margin-right: 14px;
margin-top: 10px;
font-size: 16px;
font-weight: normal;
}
.confirm-popup_button-icon {
display: block;
position: absolute;
top: 10px;
left: 15px;
width: 15px;
height: 15px;
}
.confirm-popup_soft-title {
padding-bottom: 1px;
font-size: 16px;
}
.confirm-popup_soft-vendor {
font-size: 13px;
}
.confirm-popup_button-deny {
border: 1px solid #cccccc;
color: #999999;
cursor: pointer;
border-radius: 3px;
}
.restart-popup_popup {
position: absolute;
top: 48px;
right: 0;
left: 0;
bottom: 0;
z-index: 60;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI Light', 'Open Sans', Arial, sans-serif;
}
.restart-popup_wrapper {
vertical-align: middle;
}
.restart-popup_inner {
position: relative;
width: 582px;
overflow: hidden;
margin: 0 auto;
border-radius: 4px;
background-color: #FFFFFF;
}
.restart-popup_close {
position: absolute;
top: 5px;
right: 5px;
display: inline-block;
width: 48px;
height: 48px;
font-size: 36px;
line-height: 48px;
text-decoration: none;
color: #808080;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
filter: alpha(opacity=60);
opacity: 0.6;
}
.restart-popup_close:focus {
outline: none;
}
.restart-popup_close:hover {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
filter: alpha(opacity=100);
opacity: 1;
}
.restart-popup_title {
padding: 80px 0 12px;
font-size: 24px;
color: #333;
}
.restart-popup_caption {
font-size: 16px;
color: #333;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
filter: alpha(opacity=80);
opacity: 0.8;
}
.restart-popup_button {
display: inline-block;
position: relative;
width: 300px;
padding: 6px 0;
margin: 50px 0 55px;
font-size: 16px;
font-weight: normal;
}
.no-button {
margin-bottom: 70px;
}
.gdpr-banner_bg {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 10000;
width: 100%;
padding: 16px 0 22px;
background-color: #394559;
box-shadow: 0px 3px 10px 0px #929292;
}
.gdpr-banner_centering-table {
width: 100%;
vertical-align: middle;
text-align: center;
}
.gdpr-banner_centering-cell {
vertical-align: middle;
}
.window-min-width-1200 .gdpr-banner_table {
width: 1100px;
}
.window-min-width-1024 .gdpr-banner_table {
width: 1000px;
}
.window-min-width-800 .gdpr-banner_table {
width: 790px;
}
.gdpr-banner_table {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.gdpr-banner_text {
display: inline-block;
padding-right: 10px;
font-size: 14px;
line-height: 1.4em;
color: #FFFFFF;
text-align: left;
}
.gdpr-banner_buttons {
display: inline-block;
margin-top: 6px;
color: #FFFFFF;
}
@media (min-width: 768px) {
.gdpr-banner_buttons {
float: right;
}
}
.gdpr-banner_btn {
display: inline-block;
text-decoration: none;
}
.gdpr-banner_decline-btn {
width: 155px;
height: 26px;
line-height: 26px;
margin-right: 10px;
border: 1px solid #cccccc;
color: #cccccc;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
outline: none;
cursor: pointer;
border-radius: 3px;
letter-spacing: -0.4px;
}
.gdpr-banner_accept-btn {
width: 240px;
height: 28px;
line-height: 28px;
}
/* footer also has special styles for ie ver. < 9 */
.footer {
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 43px;
padding-top: 8px;
padding-bottom: 7px;
color: #999999;
font-size: 14px;
line-height: 18px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
background-color: #E0DFDD;
}
.footer_meta {
position: absolute;
margin: 0;
pointer-events: auto;
}
.footer_meta {
left: 34px;
padding-top: 10px;
text-align: left;
}
.footer_meta-lang {
display: inline-block;
vertical-align: middle;
}
.footer_meta-lang-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: top;
margin-right: 9px;
margin-top: 4px;
}
.footer_meta-lang-icon {
background-repeat: no-repeat;
background-image: url(img/screens/globe_normal.png);
}
.footer_meta-lang:hover .footer_meta-lang-icon {
background-image: url(img/screens/globe_hover.png);
}
.footer_meta-lang-select {
display:inline-block;
position:relative;
width: 150px;
}
.footer_meta-lang-select select {
/*height: 30px;*/
height: 25px !important;
width: 100%;
margin-right: 14px;
font-size: 14px;
opacity: 0;
filter: alpha(opacity=00);
}
.footer_meta-lang-label {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #999999;
font-size: 14px;
line-height: 24px;
}
.footer_meta-lang-label-arrow {
display: inline-block;
width: 10px;
height: 6px;
margin-left: 10px;
margin-top: -2px;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url(img/screens/language-arrow.png);
}
.footer_meta-lang:hover .footer_meta-lang-label {
color: #666666;
}
.footer_meta-lang:hover .footer_meta-lang-label-arrow {
background-image: url(img/screens/language-arrow_hover.png);
}
.footer_meta-lang-select select:hover {
cursor: pointer;
}
.footer_meta-trusted-icon:hover {
background-image: url(img/screens/trusted_hover.png);
}
.start-popover {
position: absolute;
top: 125%;
right: -20px;
z-index: 1010;
width: 375px;
padding: 8px 14px;
text-align: left;
white-space: normal;
background-color: #ffffff;
font-size: 13px;
color: #9da2ac;
border: 1px solid #b3b3b3;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.start-popover_arrow {
position: absolute;
top: -12px;
right: 15px;
display: block;
width: 17px;
height: 10px;
}
/* Start screen */
.start_wrapper {
position: relative;
width: 100%;
height: 100%;
text-align: center;
overflow: auto;
}
.start .footer {
background-color: transparent;
}
.start .footer_expert {
position: absolute;
left: 33.33%;
}
/* TODO remove auto height */
.start_wrapper.start_wrapper-auto-height {
height: auto;
}
.start_wrapper-inner {
width: 100%;
height: 100%;
}
.start_cta-block {
width: 72%;
text-align: center;
}
.start_list-block {
margin-top: 32px;
font-size: 24px;
color: #000000;
}
.start_list-block-icon {
position: absolute;
margin-left: 10px;
text-decoration: none;
}
.start_list-block-icon:hover {
text-decoration: none;
}
.start_list-title {
position: relative;
padding-right: 15px;
}
.start_list_appesteem .start_list-title td {
padding-bottom: 25px;
}
.start_list-title-custom-control {
height: 15px;
vertical-align: top;
}
.start_list-items {
padding: 0;
margin: 25px 0 0 0;
font-size: 13px;
list-style: none;
}
.start_list-items-opened {
height: auto;
overflow: auto;
}
.start_list-item {
margin-top: 7px;
line-height: 1.6em;
color: #6a6f79;
}
.clickable {
cursor: pointer;
}
.start_list-item-text:hover,
.start_list-item-link {
color: #0c76c2;
}
.start_list-item-link {
display: block;
padding-left: 8px;
text-decoration: none;
}
.start_list-item-link:hover {
text-decoration: underline;
}
.start_list-item-toggle {
position: relative;
display: block;
width: 100%;
height: 7px;
margin-top: 9px;
border-top: 1px solid #CCCCCC;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}
.start_list-item-toggle:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.start_list-item-toggle:active {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.start_list-item-toggle:active,
.start_list-item-toggle:focus {
outline: none;
}
.start_list-item-toggle-arrow {
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
display: block;
}
.start_list-accept-wrapper {
padding-top: 16px;
font-size: 13px;
line-height: 1.6em;
color: #6a6f79;
}
.start_list-accept-item {
position: relative;
padding-top: 12px;
}
.start_list-accept-text {
padding-left: 30px;
}
.start_list-accept-checkbox {
position: absolute;
top: 13px;
}
.start_custom-control_checkbox-input {
margin-right: 15px;
}
.start_custom-control_checkbox-input-label:hover {
color: #0F91EC;
}
.start_list-accept-checkbox .start_start_custom-control_checkbox-input + label.start_start_custom-control_checkbox-input-label {
left: -13px !important;
}
.start_list-accept-wrapper-link {
color: #0c76c2;
text-decoration: none;
}
.start_list-accept-wrapper-link:hover {
text-decoration: none;
}
.start_list-block .start_start_custom-control_checkbox-input-label {
left: -12px;
padding-left: 30px!important;
}
.start_wrapper-button {
/* IE6 fix */
width: auto;
overflow: visible;
display: inline-block;
position: relative;
width: 451px;
border: none;
border-radius: 5px;
margin: 0px;
padding: 18px;
text-align: center;
font-size: 20px;
line-height: 24px;
background: none;
background-color: #44AD64;
color: #FFFFFF;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
outline: none;
cursor: pointer;
-ms-user-select: none;
user-select: none;
letter-spacing: 0;
opacity: 1;
box-shadow: 0 31px 40px -28px rgba(0,0,0,0.5);
}
.start_wrapper-button:hover {
background-color: #6CAB55;
}
.start_wrapper-button:active {
background-color: #44AD64;
box-shadow: none;
}
.start_wrapper-button-icon {
vertical-align: middle;
position: absolute;
left: 15px;
top: 14px;
}
.start_msg {
max-width: 540px;
font-size: 36px;
line-height: 43px;
color: #2F394A;
margin: 0 auto;
padding: 0 0 40px 0;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.start_msg-counter {
margin: 0;
padding: 7px 0 0;
color: #939393;
font-size: 18px;
line-height: 24px;
}
.start_cta-caption {
max-width: 540px;
padding: 80px 0 30px 0;
margin: 0 auto;
font-size: 16px;
line-height: 1.4em;
color: #ADADAD;
}
.start_cta-expert {
display: inline-block;
padding: 7px 21px 5px 12px;
margin-top: 18px;
border: 2px solid #cccccc;
border-radius: 3px;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #999999;
text-decoration: none;
}
.start_cta-expert:hover {
color: #666666;
text-decoration: none;
}
.start_cta-expert-label {
margin-top: 6px;
font-size: 14px;
color: #acacac;
}
.start_list {
width: 28%;
text-align: left;
vertical-align: top;
background-color: #FFFFFF;
}
.footer_license {
position: absolute;
margin: 0;
pointer-events: auto;
}
.start .footer_meta-trusted {
vertical-align: middle;
position: absolute;
right: 30%;
margin-top: 7px;
}
.start .footer_meta-trusted-icon {
display: inline-block;
width: 128px;
height: 24px;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url(img/screens/trusted.png);
position: absolute;
right: 29%;
margin-top: 7px;
}
.footer_expert {
display: inline-block;
margin-top: 10px;
text-align: center;
color: #999999;
text-decoration: none;
line-height: 24px;
text-transform: lowercase;
}
.footer_expert:hover {
color: #333333;
text-decoration: none;
}
.footer_expert-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 9px;
}
.footer_expert-icon {
background-repeat: no-repeat;
background-image: url(img/screens/expert_normal.png);
}
.footer_expert:hover .footer_expert-icon {
background-image: url(img/screens/expert_hover.png);
}
.footer_license {
right: 31px;
margin-top: 14px;
text-align: right;
text-decoration: none;
color: #999999;
}
.footer_license:hover {
text-decoration: underline;
}
.footer_site {
display: block;
margin-top: 14px;
text-decoration: none;
color: #999999;
pointer-events: auto;
}
.footer_site:hover {
text-decoration: underline;
}
/* Start page copyrights test */
.start_cta-1 .start_msg-cta-1 {
display: block;
}
/* Yandex banner RU */
.start_promo-banner {
width: 590px;
padding: 0 0 19px 0;
margin: 89px auto 0;
background-color: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.start_promo-banner-caption {
color: #000000;
font-size: 14px;
text-align: left;
}
.start_promo-banner-logo {
width: 108px;
height: 57px;
}
.start_promo-banner-logo-holder {
text-align: center;
width: 108px;
table-layout: fixed;
vertical-align: top;
padding: 29px 42px 0px 33px;
}
.start_promo-banner-footer {
color: #7F7F7F;
font-size: 14px;
padding: 0;
margin-top: 4px;
margin-bottom: 0;
text-align: left;
}
.start_promo-banner-footer a,
.start_promo-banner-footer a:hover {
color: #7F7F7F;
}
.start_promo-banner-text {
padding-top: 16px;
padding-right: 30px;
}
/* Yandex banner USA */
.start_promo-banner-usa {
width: 567px;
padding: 0 0 17px 0;
margin: 57px auto 0;
background-color: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 4px;
}
.start_promo-banner-usa-caption {
color: #000000;
font-size: 14px;
text-align: left;
}
.start_promo-banner-usa-logo {
width: 72px;
height: 72px;
}
.start_promo-banner-usa-logo-label {
margin: 4px 0 0 0;
font-size: 15px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.start_promo-banner-usa-title {
margin: 0;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
font-size: 18px;
}
.start_promo-banner-usa-logo-holder {
text-align: center;
width: 124px;
table-layout: fixed;
vertical-align: top;
padding: 19px 41px 0px 34px;
}
.start_promo-banner-usa-footer {
color: #7F7F7F;
font-size: 14px;
padding: 0;
margin-top: 8px;
margin-bottom: 0;
text-align: left;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.start_promo-banner-usa-footer a,
.start_promo-banner-usa-footer a:hover {
color: #7F7F7F;
}
.start_promo-banner-usa-text {
padding-top: 20px;
padding-right: 15px;
}
.start_promo-banner-usa-features {
margin: 7px 0 0 0;
}
.start_promo-banner-icon {
vertical-align: bottom;
margin-right: 4px;
}
.start_options-item {
display: inline-block;
position: relative;
left: 8%;
width: 33.33%;
color: #000;
font-size: 16px;
text-align: left;
vertical-align: middle;
line-height: 16px;
margin-bottom: 25px;
}
.start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label {
top: 0;
padding-left: 30px;
}
.start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label:before {
border: 2px solid #44ad52;
border-radius: 4px;
box-shadow: none;
}
.start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label:hover:before {
border: 1px solid #44ad52;
}
.start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label:after, .start_start_custom-control_checkbox-input[type='checkbox']:checked + label.start_start_custom-control_checkbox-input-label:after {
color: #44ad52;
}
.start_start_custom-control_checkbox-input[type='checkbox']:checked + label.start_start_custom-control_checkbox-input-label:before {
border: 1px solid #44ad52;
}
.start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label, .start_start_custom-control_checkbox-input[type='checkbox']:checked + label.start_start_custom-control_checkbox-input-label {
top: 0;
padding-left: 30px;
}
.drivers-screen_list-info-link-icon {
width: 23px !important;
height: 25px !important;
position: relative;
left: 10px;
top: 7px;
}
.start_options-auto-selection {
padding: 12px 0;
color: #1695e2;
font-size: 20px;
width: 33.33%;
text-align: left;
padding-left: 33.33%;
position: relative;
left: 8%;
}
.start_options-title {
color: #44ad64;
}
.start_wrapper-button-disable {
opacity: .3;
}
.start_wrapper-button-disable:hover {
background-color: #008F43;
}
.item-disabled {
opacity: .3;
cursor: default;
pointer-events: none;
}
.enabled .start_options-checked-done, .not-found .start_options-checked-done {
display: none;
}
.start_options-checked-done {
width: 15px;
height: 10px;
display: inline-block;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsSAAALEgHS3X78AAAAt0lEQVQokaWRsQ3CMBBFXxA96XDhgg2ADWAC2ABRumMDYAKocMsIGQE2CBsg4cIlTBB0yEEiUSAWr7Lu7n2dzklRFMSirBsBGbCPDgjyCegB56iAiiyMO3/IS2903iqgQT7Ko6usG8gxgNwbvYmRBdlgAsyAtbIuU9albWUh6R9uaRgahtoFmAP3Sr0mvwLKX1DWSXMR6g/g+kv+CAghK2BXmWmUyxu88UbLMadhA2H7Ta5tEA3wBNMVUvlAlJozAAAAAElFTkSuQmCC');
}
.item-disabled .start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label, .start_start_custom-control_checkbox-input[type='checkbox']:checked + label.start_start_custom-control_checkbox-input-label {
cursor: default;
}
.item-disabled .start_start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_start_custom-control_checkbox-input-label:hover:before {
border: 2px solid #44ad52;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked),
.start_custom-control_checkbox-input[type='checkbox']:checked {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=00)';
filter: alpha(opacity=00);
opacity: 0;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label,
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label {
position: static;
cursor: pointer;
}
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:hover {
color: #0f91ec;
}
/* Checkboxes with `:not` fallback */
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label:before,
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 15px;
background: #FFFFFF;
border-radius: 3px;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked):active + label.start_custom-control_checkbox-input-label:before {
background-color: #CCCCCC;
border: 1px solid #999999;
}
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:before {
background-color: rgba(0,0,0,0);
border: 1px solid #0069b3;
}
.start_custom-control_checkbox-input[type='checkbox']:checked:hover + label.start_custom-control_checkbox-input-label:before {
background-color: rgba(0,0,0,0);
border: 1px solid #0069b3;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label:after,
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:after {
content: '\2714';
display: block;
width: 15px;
height: 15px;
position: absolute;
top: 1px;
left: 1px;
line-height: 16px;
text-align: center;
transition: all .2s;
background-size: 10px 8px;
background-repeat: no-repeat;
background-position: 50% 7px;
color: #fff;
font-family: 'DRPcheckbox' !important;
font-size: 8px;
}
.start_custom-control_checkbox-input[type='checkbox']:checked:hover + label.start_custom-control_checkbox-input-label:after {
color: #fff;
}
.start_custom-control_checkbox-input[type='checkbox']:checked:active + label.start_custom-control_checkbox-input-label:before {
background-color: #3fa9f5;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label:after {
opacity: 0;
transform: scale(0);
}
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:after {
opacity: 1;
transform: scale(1);
background-color: #0f91ec;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label:before {
border: 1px solid #999999;
box-shadow: 0px 0px 2px rgba(0,0,0,0.12);
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label:hover:before {
border: 1px solid #3fa9f5;
background-color: #0F91EC;
}
.start_custom-control_checkbox-input[type='checkbox']:not(:checked) + label.start_custom-control_checkbox-input-label:active:before {
background-color: #CCCCCC;
border: 1px solid #999999;
box-shadow: 0px 0px 2px rgba(0,0,0,0);
top: 0;
}
.start_custom-control_checkbox-input.start_custom-control_checkbox-input-common[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:before {
background-color: #CCCCCC;
}
.start_custom-control_checkbox-input.start_custom-control_checkbox-input-common[type='checkbox']:checked:hover + label.start_custom-control_checkbox-input-label:before {
background-color: #3fa9f5;
}
.start_custom-control_checkbox-input-common[type='checkbox']:checked:active + label.start_custom-control_checkbox-input-label:after {
color: #3fa9f5;
}
.start_back-white {
background-color: #FFF;
}
.start_back-gray {
background-color: #F4F4F4;
}
.start_custom-control_checkbox-input[type='checkbox']:checked + label.start_custom-control_checkbox-input-label:hover:after {
background-color: #0067af;
}
.start_accept-checkbox-input[type='checkbox']:not(:checked) + label.start_accept-checkbox-input-label, .start_accept-checkbox-input[type='checkbox']:checked + label.start_accept-checkbox-input-label {
position: static;
}
@media screen and (max-width: 1940px) {
.start_options-item {
width: 33.33%;
}
.start_options-item:nth-child(9) {
margin-right: 50%;
}
.start_options-auto-selection {
width: 50%;
padding-left: 0;
}
}
.ie-style {
border-bottom: 6px solid #1e7b3a;
border-radius: 5px;
}
.start-list-content {
position: absolute;
position: absolute;
background-color: #F4F4F4;
padding: 36px 20px 20px 39px;
}
.menu_wrapper {
position: relative;
width: 224px;
max-width:224px;
min-width:224px;
vertical-align: top;
padding: 0;
height: 100%;
}
.menu-navigation_holder {
width: 224px;
position: fixed;
top: 50px;
}
.menu .menu_item {
display: block;
position: relative;
min-height: 56px;
margin-top: -1px;
color: #acafb4;
text-decoration: none;
font-size: 16px;
vertical-align: middle;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.minify-menu .menu .menu_item,
.window-max-width-800 .menu .menu_item,
.window-min-width-800 .menu .menu_item,
.window-min-width-1024 .menu .menu_item,
.window-max-width-800 .menu-navigation_holder,
.window-min-width-800 .menu-navigation_holder,
.window-min-width-1024 .menu-navigation_holder,
.minify-menu .menu-navigation_holder {
width: 64px;
}
.menu .menu_item.active {
background-color: #36496B !important;
}
.menu .menu_item.active,
.menu .menu_item:hover,
.menu .menu_item:active {
z-index: 10;
color: #FFFFFF;
}
.menu_item.active .menu_item-text,
.menu_item:hover .menu_item-text,
.menu_item:active .menu_item-text {
color: #FFFFFF;
}
.menu_item-img-holder {
width: 64px;
padding: 0;
text-align: center;
vertical-align: middle;
/*width: 100%; Required for IE 5, 6, 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.menu_item.active .menu_item-img-holder,
.menu_item:hover .menu_item-img-holder,
.menu_item:active .menu_item-img-holder {
/*width: 100%; Required for IE 5, 6, 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.menu-system {
margin-top: 50px;
}
.menu_copyright-btn-icon.menu_copyright-btn-icon-system {
width: 22px;
height: 22px;
}
.menu_item-img {
background: none;
background-position: center center;
background-repeat: no-repeat;
vertical-align: middle;
}
.menu-system_item-img {
background-position: center center;
background-repeat: no-repeat;
vertical-align: middle;
}
.menu-system_item {
display: block;
position: relative;
min-height: 36px;
padding-top: 5px;
padding-bottom: 5px;
color: #acafb4;
text-decoration: none;
font-size: 14px;
vertical-align: middle;
}
.menu_item-table {
table-layout: fixed;
min-height: 56px;
}
.menu-system_item-table {
table-layout: fixed;
min-height: 36px;
}
.menu-system_item:active,
.menu-system_item:hover {
color: #FFFFFF;
background-color: #36496B;
}
.minify-menu .menu_language-select select,
.window-max-width-800 .menu_language-select select,
.window-min-width-800 .menu_language-select select,
.window-min-width-1024 .menu_language-select select {
width: 64px;
left: -45px;
}
.minify-menu .menu_item-text,
.window-max-width-800 .menu_item-text,
.window-min-width-800 .menu_item-text,
.window-min-width-1024 .menu_item-text {
display: none;
width: 0px;
}
.minify-menu .menu,
.window-max-width-800 .menu,
.window-min-width-800 .menu,
.window-min-width-1024 .menu,
.minify-menu .menu_wrapper,
.window-max-width-800 .menu_wrapper,
.window-min-width-800 .menu_wrapper,
.window-min-width-1024 .menu_wrapper,
.minify-menu .menu-navigation,
.window-max-width-800 .menu-navigation,
.window-min-width-800 .menu-navigation,
.window-min-width-1024 .menu-navigation,
.minify-menu .menu_copyright,
.window-max-width-800 .menu_copyright,
.window-min-width-800 .menu_copyright,
.window-min-width-1024 .menu_copyright {
width: 64px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.minify-menu .menu_wrapper,
.window-max-width-800 .menu_wrapper,
.window-min-width-800 .menu_wrapper,
.window-min-width-1024 .menu_wrapper {
max-width: 64px;
min-width: 64px;
}
.menu_item-text {
min-height: 56px;
}
.menu_item-text,
.menu-system_item-text {
cursor: pointer;
vertical-align: middle;
word-wrap: break-word;
width: 165px;
color: #acafb4;
}
.menu-system_item-text {
min-height: 36px;
font-size: 14px;
}
.menu_language-label {
width: 210px;
color: #acafb4;
font-size: 14px;
}
.menu_copyright-btn {
padding: 18px 0 20px 11px;
text-decoration: none;
text-align: left;
}
.menu_copyright-btn:hover {
color: #FFFFFF;
}
.menu_language {
position: relative;
}
.menu_language,
.menu_copyright-btn {
display: block;
padding-left: 16px;
color: #a2a2a2;
text-align: left;
}
.minify-menu .menu_language,
.window-max-width-800 .menu_language,
.window-min-width-800 .menu_language,
.window-min-width-1024 .menu_language {
padding: 0;
margin: 0;
border: none;
text-align: center;
}
.menu_copyright-btn.active {
color: #FFFFFF;
background-color: #36496b;
}
.menu_copyright-btn-icon-holder {
display: inline-block;
width: 18px;
line-height: 1em;
font-size: 0;
margin-right: 14px;
vertical-align: middle;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.menu_copyright-btn-icon-holder.menu_copyright-btn-icon-holder-wide {
width: 22px;
margin-right: 10px;
}
.menu_copyright .menu_copyright-btn-icon-holder {
display: none;
}
.menu_copyright-btn.active .menu_copyright-btn-icon-holder,
.menu_copyright-btn:hover .menu_copyright-btn-icon-holder {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.minify-menu .menu_copyright-btn-icon-holder,
.window-max-width-800 .menu_copyright-btn-icon-holder,
.window-min-width-800 .menu_copyright-btn-icon-holder,
.window-min-width-1024 .menu_copyright-btn-icon-holder {
display: inline;
margin: 0;
}
.minify-menu .menu_copyright-btn,
.window-max-width-800 .menu_copyright-btn,
.window-min-width-800 .menu_copyright-btn,
.window-min-width-1024 .menu_copyright-btn {
margin: 0;
padding-left: 0;
border: none;
text-align: center;
}
.menu_copyright-btn-text {
vertical-align: middle;
}
.menu_copyright-btn-text-sup {
margin-left: 7px;
color: #39B54A;
}
.minify-menu .menu_copyright-btn-text,
.window-max-width-800 .menu_copyright-btn-text,
.window-min-width-800 .menu_copyright-btn-text,
.window-min-width-1024 .menu_copyright-btn-text {
display: none;
}
.minify-menu .menu_copyright-btn-text-sup,
.window-max-width-800 .menu_copyright-btn-text-sup,
.window-min-width-800 .menu_copyright-btn-text-sup,
.window-min-width-1024 .menu_copyright-btn-text-sup {
display: none;
}
.menu_copyright {
position: fixed;
bottom: 0;
width: 224px;
padding-bottom: 20px;
text-align: center;
color: white;
background-color: #2E3745;
}
.menu_language-select {
display:inline-block;
position:relative;
}
.menu_language-select select,
.menu_language-select {
height: 54px;
}
.menu_language-select select {
position: absolute;
top: 0;
left: -16px;
width: 245px;
font-size: 14px;
opacity: 0;
filter: alpha(opacity=00);
line-height: 30px;
}
.menu_language-label {
position: absolute;
top: 0;
bottom: 0;
left: 0;
color: #999999;
line-height: 56px;
}
.menu_copyright-btn,
.menu_language-label {
font-size: 16px;
}
.minify-menu .menu_language-label,
.window-max-width-800 .menu_language-label,
.window-min-width-800 .menu_language-label,
.window-min-width-1024 .menu_language-label {
visibility: hidden;
}
.menu_language-icon {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: top;
margin-right: 12px;
margin-top: 18px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.menu_copyright .menu_language-icon {
display: none;
}
.menu_language:hover .menu_language-icon,
.menu_language:hover .menu_language-label-arrow {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.minify-menu .menu_language-icon,
.window-max-width-800 .menu_language-icon,
.window-min-width-800 .menu_language-icon,
.window-min-width-1024 .menu_language-icon {
display: inline-block;
margin: 20px 0 0 0;
}
.menu_language-label-arrow {
position: absolute;
right: 19px;
top: 24px;
display: inline-block;
width: 10px;
height: 7px;
vertical-align: middle;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.minify-menu .menu_language-label-arrow,
.window-max-width-800 .menu_language-label-arrow,
.window-min-width-800 .menu_language-label-arrow,
.window-min-width-1024 .menu_language-label-arrow {
display: none;
}
.menu_copyright-btn:hover,
.menu_language:hover {
background-color: #36496b;
}
.menu_language:hover .menu_language-label {
color: #FFFFFF;
}
.menu_language-select select:hover {
cursor: pointer;
}
/* For IE6 */
* html .menu_copyright {
position: absolute;
}
.menu_copyright-language {
border-top: 1px solid #4E4E4E;
padding-bottom: 24px;
padding-top: 23px;
margin-top: 7px;
}
/* Fonts */
.menu_item-text,
.menu-system_item-text,
.menu_language-label,
.menu_copyright-btn,
.menu_copyright-btn {
font-family: 'Proxima Nova Light', 'Open Sans', 'Gill Sans MT', 'Gill Sans', Corbel, Arial, sans-serif;
}
.menu {
table-layout: fixed;
width: 224px;
height: 100%;
padding: 0;
vertical-align: top;
background-color: #2E3745;
}
.minify-menu .menu,
.window-max-width-800 .menu,
.window-min-width-800 .menu,
.window-min-width-1024 .menu {
width: 64px;
}
.menu-navigation {
table-layout: fixed;
padding-top: 8px;
}
.minify-menu .menu-navigation,
.window-max-width-800 .menu-navigation,
.window-min-width-800 .menu-navigation,
.window-min-width-1024 .menu-navigation {
width: 64px;
padding-left: 0;
}
.scan-screen {
width: 100%;
height: calc(100% - 58px);
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
background-color: #394559;
}
.start_wrapper {
position: relative;
width: 100%;
height: 100%;
text-align: center;
overflow: auto;
}
.start_content-wrapper {
text-align: center;
width: 70%;
margin-left: 15%;
margin-top: 20%;
}
.start_title {
font-size: 36px;
font-weight: 300;
color: #ffffff;
margin-bottom: 89px;
}
.start_subtitle {
display: inline-block;
position: relative;
opacity: 0.6;
font-size: 24px;
font-weight: 300;;
color: #ffffff;
margin-bottom: 33px;
}
.start_subtitle .start_arrow {
position: absolute;
margin-left: -60px;
top: 13px;
}
.pseudo-button {
display: inline-block;
cursor: pointer;
}
.pseudo-button
.cta-green-btn-text {
line-height: 62px;
}
.start_btn {
width: 451px;
height: 62px;
position: relative;
border-radius: 5px;
background-color: #108be1;
font-size: 24px;
font-weight: normal;
text-align: center;
color: #ffffff;
}
.start_btn:hover {
background-color: #55c2ec;
}
.start_btn-icon {
width: 40px;
height: 40px;
position: absolute;
left: 30px;
top: 11px;
}
.scan-screen .footer {
background-color: #394559;
}
.scan-screen .footer_meta-lang-label {
opacity: 0.7;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
font-size: 16px;
font-weight: 300;
color: #ffffff;
}
.drivers-header {
position: relative;
width: 100%;
background-color: #FFFFFF;
}
.drivers-header_header-btn {
width: 50%;
padding-top: 8px;
padding-left: 31px;
text-align: left;
position: relative;
}
.drivers-header_controls,
.drivers-header_header-btn {
vertical-align: top;
}
.drivers-header_controls-text {
display: block;
padding-left: 50px;
cursor: pointer;
}
.drivers-header_btn {
width: 100%;
position: relative;
margin-bottom: 15px;
}
.drivers-header_btn-caption-holder {
position: relative;
width: 100%;
padding-bottom: 27px;
text-align: center;
}
.drivers-header_btn-span {
display: inline-block;
word-break: normal;
word-wrap: break-word;
hasLayout: 1;
*zoom: 1;
}
.drivers-header_btn-caption {
z-index: 10;
top: 10px;
left: 0;
right: 0;
text-align: center;
text-decoration: none;
font-size: 14px;
color: #808080;
}
.drivers-header_btn-caption:hover {
color: #3fa9f5;
}
.drivers-header_btn-caption:focus {
outline: none;
}
.drivers-header_controls {
width: 50%;
padding-top: 5px;
padding-left: 30px;
font-size: 14px;
color: #808080;
}
.drivers-header_controls-switch {
position: relative;
padding: 14px 0 0;
}
.drivers-header_controls-checkbox + label {
margin-right: 11px;
}
.drivers-header_controls-checkbox.custom-control_switch-input,
.drivers-header_controls-switch .custom-control_switch-label {
position: absolute !important;
}
.drivers-header_controls-switch .custom-control_switch-label {
top: 14px;
right: auto;
left: 0;
}
.drivers-header_controls-checkbox.custom-control_switch-input {
margin-left: 15px;
top: 16px;
}
.window-min-width-800 .drivers-header_btn {
width: 100%;
padding-right: 0;
}
.window-min-width-1024 .drivers-header_btn {
padding-right: 0;
}
.window-min-width-1200 .drivers-header_btn {
padding-right: 0;
}
.window-max-width-800 .drivers-header_btn-caption {
bottom: -5px;
}
.window-min-width-800 .drivers-header_btn-caption,
.window-min-width-1200 .drivers-header_btn-caption {
bottom: 0;
}
.drivers-screen__wrapper {
background-color: #FFFFFF;
vertical-align: top;
padding: 0px;
}
.drivers-screen {
position: relative;
width: 100%;
background-color: #F7F7F7;
}
.drivers-screen_table {
width: 100%;
border-collapse: collapse;
border: none;
}
.drivers-screen_list-header {
background-color: #FFFFFF;
}
.drivers-screen_list-title,
.drivers-screen_title-checkbox,
.drivers-screen_list-title-dropdown {
padding: 44px 0px 19px 0;
}
.drivers-screen_title-checkbox {
padding-left: 5px;
}
.list {
position: relative;
width: 100%;
margin-top: 18px;
border-collapse: collapse;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.drivers-screen_list-head {
font-size: 20px;
padding-left: 15px;
padding-top: 0px;
}
.drivers-screen_list-title {
padding-left: 31px;
font-size: 24px;
color: #999999;
border-top: 1px solid #808080;
}
.main tr .drivers-screen_list-row,
.drivers-screen_list-row {
height: 48px;
}
.drivers-screen_list-name-text,
.drivers-screen_list-name-link {
color: #808080;
text-decoration: none;
}
.drivers-screen_list-name-link:hover {
color: #3fa9f5;
}
.drivers-screen_list-row-install-caption {
visibility: hidden;
float: right;
padding-right: 70px;
color: #808080;
position: relative;
text-align: left;
}
.drivers-screen_list-row-install-caption.is-visible,
.drivers-screen_list-row:hover .drivers-screen_list-row-install-caption {
visibility: visible;
}
.drivers-screen_install-caption-wrapper {
vertical-align: middle;
}
.drivers-screen_list-row-install-icon {
position: absolute;
top: 0;
right: 4px;
display: block;
margin-top: 8px;
}
.drivers-screen_list-row.drivers-screen_list-dropdown {
z-index: 0;
position: relative;
}
.drivers-screen_list-row_popover,
.drivers-screen_list-row.drivers-screen_list-dropdown.drivers-screen_list-row_popover {
z-index: 1;
}
.list thead tr.drivers-screen_list-row {
height: 56px;
border-top: 1px solid #808080;
}
.drivers-screen_list-row-util,
.drivers-screen_list-row-head {
background-color: #e6e6e6;
}
.drivers-screen_list-row-util:hover,
.drivers-screen_list-row-head:hover {
background-color: #e6e6e6;
}
.drivers-screen_driver-menu {
visibility: hidden;
position: relative;
}
.drivers-screen_list-row:hover .drivers-screen_driver-menu {
visibility: visible;
}
.drivers-screen_driver-menu-button {
display: block;
padding: 4px;
}
.drivers-screen_driver-menu-button:focus {
outline: none;
}
.drivers-screen_driver-menu-list {
position: absolute;
z-index: 10;
right: 48px;
top: 28px;
width: 163px;
padding: 4px 0px;
background-color: #FFFFFF;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.drivers-screen_driver-menu-list-link {
display: block;
padding: 4px 4px 4px 6px;
color: #808080;
text-decoration: none;
}
.drivers-screen_driver-menu-list-link:hover {
background-color: #e6e6e6;
}
.drivers-screen_driver-menu-list-link:focus {
outline: none;
}
.drivers-screen_list-cell-version {
width: 140px;
color: #000000;
}
.drivers-screen_list-cell-icon {
width: 1%;
width: 30px;
padding: 10px 33px 0 30px;
text-align: center;
table-layout: fixed;
}
.window-max-width-800 .drivers-screen_list-cell-icon,
.window-min-width-800 .drivers-screen_list-cell-icon {
padding: 10px 13px 0 10px;
}
.drivers-screen_list-radio-input {
float: left;
margin-left: 4px;
margin-top: 16px;
}
.drivers-screen_list-name-label {
display: inline-block;
word-break: break-all;
padding-left: 57px;
color: #808080;
}
.drivers-screen_list-name-label span span {
word-break: break-all;
}
.window-max-width-800 .drivers-screen_list-name-label,
.window-min-width-800 .drivers-screen_list-name-label {
width: 200px;
padding-left: 55px;
}
input.drivers-screen_list-radio-input:checked + label.drivers-screen_list-name-label {
color: #0571b6;
}
.drivers-screen_list-name-title {
color: #000000;
font-size: 20px;
text-transform: capitalize;
text-decoration: none;
}
.drivers-screen_list-row-head .drivers-screen_list-name-title:hover {
color: #0571b6;
}
.drivers-screen_list-row-head .drivers-screen_list-name-title:focus {
outline: none;
}
.window-max-width-800 .drivers-screen_list-name,
.window-min-width-800 .drivers-screen_list-name {
width: 200px;
word-break: break-all;
}
.window-max-width-800 .drivers-screen_device-info-text-wrapper,
.window-min-width-800 .drivers-screen_device-info-text-wrapper {
width: 200px;
word-break: break-all;
}
.drivers-screen_list-name-arrow {
visibility: hidden;
margin-left: 10px;
vertical-align: middle;
}
.drivers-screen_list-name-title:hover .drivers-screen_list-name-arrow {
visibility: visible;
}
.drivers-screen_list-row-util .drivers-screen_list-name {
padding: 15px 0 18px;
}
.drivers-screen_list-row-head .drivers-screen_list-name {
padding: 15px 0;
}
.drivers-screen_list-cell-rate {
width: 60px;
}
.window-max-width-800 .drivers-screen_driver-status,
.window-min-width-800 .drivers-screen_driver-status {
width: 150px;
}
.drivers-screen_list-name,
.drivers-screen_list-problem {
padding: 20px 10px 20px 40px;
}
.drivers-screen_list-name,
.drivers-screen_driver-text,
.drivers-screen_list-problem {
font-size: 14px;
line-height: 1.5em;
color: #808080;
}
/*.drivers-screen_list-dropdown */
.drivers-screen_list-cell {
position: relative;
}
.window-max-width-800 .drivers-screen_list-name,
.window-min-width-800 .drivers-screen_list-name {
padding: 20px 10px 20px 0;
}
.window-max-width-800 .drivers-screen_list-problem,
.window-min-width-800 .drivers-screen_list-problem {
padding-left: 55px;
}
.drivers-screen_list-problem {
padding-left: 95px;
line-height: 1.5em;
}
.window-min-width-800 .drivers-screen_list-problem-text,
.window-min-width-1024 .drivers-screen_list-problem-text,
.window-min-width-1200 .drivers-screen_list-problem-text {
width: 615px;
}
.drivers-screen_list-problem,
.drivers-screen_list-dropdown {
background-color: #FFFFFF;
}
.drivers-screen_list-dropdown:hover {
background-color: #f2f2f2;
}
.drivers-screen_list-button-col {
width: 200px;
table-layout: fixed;
text-align: center;
}
.drivers-screen_list-button.install {
color: #007800;
}
.drivers-screen_list-button.update {
color: #2594C1;
}
.drivers-screen_list-button.rollback {
color: #666666;
}
.drivers-screen_list-dropdown .drivers-screen_list-info {
padding-left: 0;
width: 25px;
}
.drivers-screen_list-dropdown .drivers-screen_list-info-link {
padding-left: 4px;
padding-right: 0;
width: 20px;
}
.drivers-screen_list-button {
text-transform: uppercase;
text-align: center;
font-size: 14px;
}
.drivers-screen_list-info {
width: 40px;
}
.drivers-screen_list-info-link {
background-repeat: no-repeat;
display: block;
width: 28px;
height: 31px;
padding: 8px 24px 10px 14px;
box-sizing: border-box;
}
.drivers-screen_list-info-wrapper {
position: relative;
}
.drivers-screen_list-info-link:focus {
outline: none;
}
.drivers-screen_list-info-link-icon {
width: 30px;
height: 30px;
}
.drivers-screen_list-state-icon {
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.drivers-screen_list-arrow-col {
background-repeat: no-repeat;
width: 57px;
padding-left: 5px;
vertical-align: middle;
}
.window-max-width-800 .drivers-screen_list-arrow-col,
.window-min-width-800 .drivers-screen_list-arrow-col {
width: 1%;
}
.program-row td,
.main .programs_list-title,
.main .programs_list-header .drivers-screen_title-checkbox {
border-bottom: 1px solid #CCCCCC;
}
.drivers-screen_list-row.drivers-screen_list-dropdown .drivers-screen_list-cell.drivers-screen_driver-text,
.drivers-screen_list-row.drivers-screen_list-dropdown .drivers-screen_list-cell.drivers-screen_list-name {
box-shadow: inset 5px 0px 0px 0px #FFFFFF;
}
.drivers-screen_list-row.drivers-screen_list-dropdown:hover .drivers-screen_list-cell.drivers-screen_driver-text,
.drivers-screen_list-row.drivers-screen_list-dropdown:hover .drivers-screen_list-cell.drivers-screen_list-name {
box-shadow: inset 5px 0px 0px 0px #f2f2f2;
}
.drivers-screen_list-row.drivers-screen_list-dropdown.is-checked .drivers-screen_list-cell.drivers-screen_driver-text,
.drivers-screen_list-row.drivers-screen_list-dropdown.is-checked .drivers-screen_list-cell.drivers-screen_list-name {
box-shadow: inset 5px 0px 0px 0px #0571b6;
}
.drivers-screen_list-row.drivers-screen_list-dropdown.is-recommended .drivers-screen_list-cell.drivers-screen_driver-text,
.drivers-screen_list-row.drivers-screen_list-dropdown.is-recommended .drivers-screen_list-cell.drivers-screen_list-name {
box-shadow: inset 5px 0px 0px 0px #44ad64;
}
.drivers-screen_list-driver-recommended {
color: #44ad64;
}
.drivers-screen_list-border { /* added for not 100% width bottom border in row */
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
background-color: #999999;
}
.drivers-screen_list-border-top {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: #999999;
}
.drivers-screen_list-row.is-last .drivers-screen_list-border {
display: none;
}
.drivers-screen_list-row-util+.drivers-screen_list-row-util .drivers-screen_list-border-top,
.drivers-screen_list-row-head+.drivers-screen_list-row-head .drivers-screen_list-border-top {
display: none;
}
.drivers-screen_list-dropdown .drivers-screen_driver-text .drivers-screen_list-border {
left: 96px;
}
.window-max-width-800 .drivers-screen_list-dropdown .drivers-screen_driver-text .drivers-screen_list-border,
.window-min-width-800 .drivers-screen_list-dropdown .drivers-screen_driver-text .drivers-screen_list-border {
left: 55px;
}
.drivers-screen__footer {
padding: 90px 0 35px;
}
/* DropDown */
.drivers-screen__dropdown {
display: inline-block;
position: relative;
font-size: 14px;
color: #b3b3b3;
text-align: left;
}
.drivers-screen__label {
position: relative;
z-index: 11;
width: 115px;
height: 18px;
line-height: 18px;
vertical-align: middle;
border: 1px solid #b3b3b3;
border-radius: 3px;
}
.drivers-screen__label-text {
margin-left: 6px;
}
.drivers-screen__label.drivers-screen__dropdown-is-opened {
background-color: #f2f2f2;
}
.drivers-screen__label.drivers-screen__dropdown-is-opened:hover {
cursor: pointer;
border-color: #cccccc;
}
.drivers-screen__label:hover {
cursor: pointer;
border-color: #cccccc;
}
.drivers-screen__list {
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 10;
width: 115px;
padding-top: 14px;
padding-bottom: 11px;
margin-top: -3px;
color: #808080;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.drivers-screen__list-label {
width: 100%;
display: block;
}
.drivers-screen__list-label input {
margin-right: 10px;
}
.drivers-screen__list-item {
line-height: 1.4em;
padding: 3px 0 3px 6px;
}
.drivers-screen__list-item:hover {
background-color: #e6e6e6;
cursor: pointer;
}
.drivers-screen__icon {
width: 16px;
margin-right: 7px;
margin-left: 12px;
font-size: 17px;
}
.arrow-icon {
margin-right: 7px;
margin-left: 11px;
font-size: 4px;
}
.drivers-screen_caption-star-icon {
width: 10px;
height: 10px;
margin-right: 1px;
}
.drivers-footer_btn-span {
display: inline-block;
word-break: normal;
word-wrap: break-word;
hasLayout: 1;
*zoom: 1;
}
.drivers-footer_btn {
margin: 60px 0 30px 33px;
}
.window-min-width-800 .drivers-footer_btn {
padding-right: 0;
}
.window-min-width-1024 .drivers-footer_btn {
padding-right: 0;
}
.window-min-width-1200 .drivers-footer_btn {
width: 455px;
padding-right: 0;
}
.window-min-width-800 .drivers-footer_btn-span {
width: 220px;
}
.window-min-width-1024 .drivers-footer_btn-span {
width: 300px;
}
.window-min-width-1200 .drivers-footer_btn-span {
width: 360px;
position: relative;
left: -15px;
}
.zero-drivers_wrapper {
height: 100%;
background-color: #F2F2F2;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.zero-drivers_wrapper,
.zero-drivers_wrapper * {
padding: 0;
margin: 0;
}
.zero-drivers {
height: 100%;
}
.zero-drivers_wrapper-inner {
width: 100%;
height: 100%;
text-align: center;
}
.zero-drivers_cta {
padding-bottom: 30px
}
.zero-drivers_cta-msg {
padding-top: 64px;
font-size: 30px;
}
.zero-drivers_cta-msg-caption {
padding: 12px 0 103px;
font-size: 14px;
}
.zero-drivers_cta-msg-caption-link {
text-decoration: none;
color: #0571B6;
}
.zero-drivers_cta-msg-caption-link:focus {
outline: none;
}
.zero-drivers_cta-msg-caption-link:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 5-7 */
opacity: 0.6;
}
.zero-drivers_cta-btn,
.zero-drivers_secondary-btn {
box-sizing: border-box;
margin: 0 auto;
width: 317px;
display: block;
padding: 13px 0;
border-radius: 3px;
text-align: center;
line-height: 18px;
font-size: 16px;
font-family: 'Proxima Nova Regular', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.zero-drivers_cta-btn:hover,
.zero-drivers_secondary-btn:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
filter: alpha(opacity=80); /* IE 5-7 */
opacity: 0.8;
}
.zero-drivers_cta-btn {
background: #44ad64;
color: #FFF;
box-shadow: 0 23px 25px -18px rgba(0,0,0,0.6);
}
.zero-drivers_secondary-btn {
margin-top: 15px;
border: 1px solid;
color: #44ad64;
}
.zero-drivers_footer {
box-sizing: border-box;
padding-bottom: 50px;
}
.zero-drivers_footer-inner {
width: 100%;
}
.zero-drivers_footer-link {
padding: 0 100px 0;
text-decoration: none;
font-size: 18px;
line-height: 1.2em;
vertical-align: middle;
color: #808080;
}
.zero-drivers_footer-link:focus {
outline: none;
}
.zero-drivers_footer-link:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 5-7 */
opacity: 0.6;
}
.zero-drivers_footer-link-holder-left {
text-align: left;
}
.zero-drivers_footer-link-holder-right {
text-align: right;
}
.zero-drivers_footer-link-icon {
vertical-align: middle;
margin-right: 9px;
}
.zero-drivers_footer-link-text {
font-size: 14px;
}
.program-row_head {
font-size: 20px;
padding-left: 15px;
padding-top: 0px;
}
.main tr .program-row,
.program-row {
height: 74px;
background-color: #f2f2f2;
}
.program-row td {
white-space: nowrap;
}
.protect-screen_programs_list .program-row td {
border-top: 1px solid #CCCCCC;
}
.main tr .program-row thead tr {
height: 56px;
}
.program-row_checkbox {
width: 20px;
padding: 0 6px 0 32px;
}
.program-row_icon {
width: 35px;
padding: 1px 7px 0 19px;
}
.program-row_icon-is-hidden {
width: 1px !important;
padding: 0;
}
img.program-row_icon-img {
width: 40px;
-ms-interpolation-mode: bicubic;
}
.program-row_icon-is-hidden img.program-row_icon-img {
width: 0 !important;
}
td.program-row_name {
table-layout: fixed;
width: 200px;
white-space: normal;
padding: 8px 5px 5px 5px;
}
.program-row_name-name {
font-size: 16px;
color: #000000;
}
.program-row_name-publisher {
font-size: 14px;
color: #808080;
}
td.program-row_description {
padding-left: 32px;
font-size: 14px;
line-height: 1.6em;
color: #808080;
white-space: normal;
}
.program-row_description-text {
padding-top: 3px;
table-layout: fixed;
width: 95%;
white-space: normal;
}
.program-row_description-inline-link {
text-decoration: none;
color: #3aa3e3;
}
.program-row_description-link {
color: #0c76c2;
}
.program-row_description-link {
display: block;
font-size: 12px;
line-height: 1.5em;
text-decoration: none;
}
.program-row_description-link:hover {
text-decoration: underline;
}
td.program-row_license {
padding-left: 5px;
padding-right: 15px;
}
.program-row_btn {
text-align: left;
padding-right: 30px;
}
.window-min-width-800 .program-row_btn,
.window-min-width-1024 .program-row_btn,
.window-min-width-1200 .program-row_btn {
text-align: right;
}
.window-min-width-800 .program-row_description-text {
width: 95%;
}
.window-min-width-1024 .program-row_description-text {
width: 95%;
}
.window-min-width-1200 td.program-row_name {
width: 200px;
}
.window-min-width-1200 .program-row_name-name {
width: 200px;
}
.window-min-width-1200 .program-row_rating {
width: 100px;
}
.window-min-width-1200 .program-row_description-text {
width: 290px;
}
.activate-recommendations {
width: 100%;
height: 400px;
}
.activate-recommendations-centered {
text-align: center;
}
.activate-recommendations-text {
color: #394559;
font-size: 30px;
}
.activate-recommendations-button {
display: inline-block;
width: 400px;
font-size: 18px;
min-height: 35px;
line-height: 35px;
font-weight: normal;
padding: 0;
margin-top: 18px;
text-decoration: none;
}
.activate-recommendations-button:hover {
text-decoration: none;
}
.programs {
position: relative;
width: 100%;
background-color: #FFFFFF;
}
.programs_header-btn {
padding-top: 8px;
padding-left: 31px;
}
.programs_header_bg {
position: absolute;
top: 68px;
right: 72px;
}
.programs_header-text {
position: relative;
padding-top: 15px;
padding-left: 32px;
}
.programs_header-text,
.programs_header-btn {
vertical-align: top;
}
.programs_list-header {
background-color: #FFFFFF;
}
.programs_btn {
width: 100%;
}
.programs_btn-span {
display: inline-block;
width: 150px;
word-break: normal;
word-wrap: break-word;
hasLayout: 1;
*zoom: 1;
}
.programs_text {
width: 190px;
padding-top: 5px;
line-height: 1.5em;
font-size: 14px;
color: #7F7F7F;
}
.programs_list {
position: relative;
background-color: #FFFFFF;
}
.programs_list-title {
padding-left: 31px;
font-size: 24px;
color: #999999;
}
.programs_title-checkbox,
.programs_list-title {
border-bottom: 1px solid #d9d9d9!important;
}
.programs_list-title {
padding: 55px 0px 20px 18px;
}
.programs_title-checkbox {
position: relative;
width: 20px;
padding: 38px 6px 0 32px;
}
.programs_title-checkbox-overlay {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 100px;
background-color: #FFFFFF;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.programs_wrapper {
width: 100%;
border-collapse: collapse;
border: none;
}
.programs_name {
font-size: 16px;
cursor: pointer;
color: #333333;
}
.programs_checkbox {
width: 37px;
padding-left: 27px;
}
.programs_type {
width: 104px;
padding-left: 15px;
font-size: 14px;
color: #999999;
cursor: pointer;
}
.programs_footer {
padding: 30px 0 35px 0;
}
.window-min-width-800 .programs_btn-span {
width: 290px;
}
.window-min-width-800 .programs_btn {
width: 100%;
padding-right: 0;
}
.window-min-width-800 .programs_text {
width: 300px;
}
.window-min-width-1024 .programs_btn-span {
width: 290px;
}
.window-min-width-1024 .programs_btn {
padding-right: 0;
}
.window-min-width-1024 .programs_text {
width: 300px;
}
.window-min-width-1200 .programs_header-btn {
table-layout: fixed;
width: 470px;
}
.window-min-width-1200 .programs_btn {
width: 440px;
padding-right: 0;
}
.window-min-width-1200 .programs_btn-span {
width: 350px;
}
.window-min-width-1200 .programs_text {
width: 385px;
}
.installed-program_wrapper {
position: relative;
padding-top: 44px;
background-color: #f2f2f2;
}
.installed-program {
position: relative;
width: 100%;
border-collapse: collapse;
background-color: #f2f2f2;
border-top: 1px solid #CCCCCC;
}
.main tr .installed-program_row,
.installed-program_row {
height: 70px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
background-color: #f2f2f2;
}
.installed-program_row .installed-program_cell {
border-bottom: 1px solid #D8D8D8;
}
.installed-program thead tr.installed-program_row {
height: 56px;
}
.installed-program_row td {
vertical-align: top;
border-bottom: 1px solid #CCCCCC;
}
.main tr .installed-program_row-expanded {
background-color: #e2e2e2;
}
.main tr .installed-program_row-expanded td {
border-bottom: 1px solid #CCCCCC;
}
.main tr .installed-program_row-expanded .installed-program_caption {
visibility: visible;
height: auto;
padding-top: 20px;
padding-bottom: 36px;
}
.installed-program_row-expanded .installed-program_uninstall-single {
background-color: #e2e2e2;
}
.installed-program_icon {
table-layout: fixed;
width: 1%;
padding: 16px 14px 0 15px;
vertical-align: middle;
}
.installed-program_info {
table-layout: fixed;
width: 100%;
}
.installed-program_checkbox {
width: 27px;
padding: 27px 6px 0 32px;
}
.installed-program_name {
padding-top: 24px;
padding-right: 10px;
font-size: 16px;
color: #000000;
font-family: 'Proxima Nova Regular', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.installed-program_caption {
visibility: hidden;
height: 0;
font-size: 14px;
line-height: 20px;
color: #000000;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.installed-program_caption p {
margin: 0;
}
.installed-program_caption-star-icon {
margin-right: 2px;
margin-left: 2px;
}
.installed-program_caption-label {
color: #808080;
}
.installed-program-row_row .installed-program-row_cell {
border-bottom: 1px solid #D8D8D8;
}
.installed-program-row_arrow {
display: block;
height: 44px;
padding: 0 28px 0 0;
vertical-align: middle;
}
.installed-program-row_arrow:focus {
outline: none;
}
.installed-program-row_arrow img {
margin-top: 16px;
margin-left: 10px;
background-repeat: no-repeat;
}
.installed-program-row_arrow-col {
background-repeat: no-repeat;
width: 1%;
padding-top: 12px;
vertical-align: middle;
}
.installed-program_uninstall-single-col {
width: 1%;
table-layout: fixed;
text-align: center;
}
.installed-program-row_rating {
table-layout: fixed;
width: 1%;
padding-top: 17px;
padding-right: 25px;
}
.installed-program-row_rating-label {
width: 160px;
margin-bottom: 11px;
font-size: 14px;
color: #808080;
}
.installed-program-row_rating-bg {
width: 153px;
height: 6px;
padding: 0;
margin-top: 8px;
margin-bottom: 4px;
background-color: #CCCCCC;
}
.main tr .installed-program_row-expanded .installed-program-row_rating-caption {
visibility: visible;
height: auto;
}
.installed-program-row_rating-caption {
visibility: hidden;
width: 300px;
height: 0;
position: absolute;
padding-top: 38px;
color: #808080;
font-size: 14px;
line-height: 1.6em;
}
.installed-program-row_rating-caption p {
margin: 0;
}
.installed-program_row_rating-value {
height: 6px;
padding: 0;
font-size: 0; /* IE6 fix for height */
}
.installed-program_border-wrapper {
padding: 2px 0;
}
.installed-program_border {
width: 5px;
height: 68px;
overflow: auto;
}
.program-header {
position: relative;
padding: 0px 0px 30px 32px;
}
.program-header_wrapper {
padding: 2px 0px 0px 0;
}
.program-header_bg {
position: absolute;
top: 68px;
right: 72px;
}
.program-header_title-wrapper {
/* Fix for old ie */
width: expression((document.body.clientWidth > 955)? "730px" : "auto");
max-width: 730px;
}
.program-header_caption {
font-size: 15px;
line-height: 1.8em;
font-weight: 300;
color: #7F7F7F;
margin: 0;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.installed-program_head-title-holder {
padding-top: 37px;
}
.programs-list_head-title {
float: left;
padding-top: 8px;
line-height: 1.5em;
font-size: 14px;
color: #7F7F7F;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.programs-list_head-success {
font-size: 22px;
line-height: 0.9em;
padding-bottom: 9px;
margin: 0;
color: #44AD64;
}
.programs-list_head-btn {
margin-right: 32px;
float: left;
}
.programs-list_head-btn-text {
vertical-align: middle;
}
.installed-program_list-title {
float: left;
font-size: 24px;
color: #999999;
padding-left: 35px;
}
.installed-program_switch-wrapper {
width: 350px;
display: inline-block;
float: right;
position: relative;
padding: 10px 30px 0px 0;
}
.installed-program_list-title,
.installed-program_switch-wrapper {
display: inline-block;
vertical-align: bottom;
padding-bottom: 10px;
}
.installed-program_switch-checkbox + label {
margin-right: 11px;
}
.installed-program_switch-checkbox.custom-control_switch-input,
.drivers-header_controls-switch .custom-control_switch-label {
position: absolute !important;
}
.installed-program_switch-wrapper .custom-control_switch-label {
position: absolute;
top: 10px;
right: auto;
left: 0;
}
.installed-program_switch-checkbox.custom-control_switch-input {
margin-left: 15px;
top: 8px;
}
.installed-program_switch-wrapper .drivers-header_controls-text {
font-size: 14px;
color: #808080;
}
.main td.installed-program_head-col-name {
border-bottom: 1px solid #e0e0e0;
}
.installed-program_head-col-name {
position: relative;
padding-top: 33px;
padding-bottom: 11px;
color: #656565;
font-size: 14px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.installed-program_head-col-name .popover .arrow {
width: 17px;
height: 10px;
}
.installed-program_head-col-name .popover .popover_top {
width: 180px;
}
.installed-program_head-col-name .popover_content {
padding: 4px 10px;
}
.installed-program_head-col-name .popover {
right: -20px;
bottom: 30px;
left: auto;
width: 200px;
}
.installed-program_head-col-name .popover.popover_top .arrow {
bottom: 5px;
right: 18px;
top: auto;
left: auto;
}
.installed-program_head-list-info {
display: inline;
padding: 0 0 0px 8px;
vertical-align: bottom;
}
.installed-program_head-list-info .list_info-link-icon {
vertical-align: bottom;
}
.list_info-icon-holder {
position: relative;
}
.installed-program_expand-row {
height: 110px;
text-align: center;
}
.installed-program_expand-row-link {
width: 300px;
height: 35px;
line-height: 30px;
display: block;
margin: 0 auto 0 auto;
font-size: 14px;
background-color: #3fa9f5;
text-decoration: none;
border-radius: 3px;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.12)
}
.installed-program_expand-row-link-text {
vertical-align: middle;
color: #FFFFFF;
}
.app-container .installed-program_expand-row-link:hover {
text-decoration: none;
background-color: #69bbf5;
}
.app-container .installed-program_expand-row-link:active {
background-color: #348cc9;
}
.app-container .installed-program_expand-row-link:focus {
outline: none;
}
.installed-program_expand-row-icon {
margin-right: 7px;
vertical-align: middle;
}
.installed-programs_info-wrapper {
padding: 0;
}
.installed-programs_info {
position: relative;
padding: 20px 0 23px 0;
font-size: 18px;
border-bottom: 1px solid #D8D8D8;
background-color: #f2f2f2;
}
.installed-programs_info-img {
display: block;
position: absolute;
left: 32px;
top: 35px;
width: 30px;
height: 30px;
}
.installed-programs_info-warn-text,
.installed-programs_info-success-text {
padding: 20px 0 20px 75px;
}
.installed-programs_info-warn-text {
color: #bd3636;
}
.installed-programs_info-success-text {
color: #3e9e5b;
}
.protect-screen_programs_list {
background-color: #f2f2f2;
padding-bottom: 60px;
}
.protect-screen_programs_list .installed-program_list-title {
padding: 73px 0px 31px 35px;
}
.window-min-width-800 .protect-screen_programs_list .program-row_btn,
.window-min-width-1024 .protect-screen_programs_list .program-row_btn,
.window-min-width-1200 .protect-screen_programs_list .program-row_btn {
text-align: left;
}
/* Global styles reset for Diagnostic screen */
.diagnostic_holder .active {
background-color: none;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}
.diagnostic-list_row {
height: 37px;
font-size: 14px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.app-container .diagnostic-list_row a {
padding-left: 10px;
}
.diagnostic-list_row-icon {
width: 24px;
text-align: center;
vertical-align: middle;
padding-right: 10px;
height: 24px;
}
.diagnostic-list_row-icon img {
text-align: center;
vertical-align: middle;
}
.diagnostic-list_row-title {
width: 142px;
}
.diagnostic-list_btn {
padding-top: 66px;
}
.button.btn {
background: none;
border: none;
margin: 0px;
padding: 8px 12px;
width: 100px;
height: 32px;
background-color: #007701;
color: white;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
font-size: 14px;
outline: none;
cursor: pointer;
}
td.diagnostic-list_table-head {
color: #000000;
padding: 14px 14px 14px 2px;
font-size: 18px;
border-bottom: 2px solid #000000;
}
td.diagnostic-list_table-cell {
padding: 15px 10px 15px 2px;
font-size: 14px;
border-bottom: 1px solid #CCCCCC;
vertical-align: top;
}
.diagnostic-list_table {
min-width: 400px;
margin-bottom: 50px;
}
.bs-docs-sidebar {
margin: 0 0 20px 20px;
background-color: #EBEBEB;
}
.ui1 .bs-docs-sidebar .active {
background-color: #EBEBEB;
}
.bs-docs-sidebar {
position: static;
}
.bs-docs-sidebar.fixed {
position: fixed;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
line-height: 20px;
}
.nav li {
position: relative;
display: block;
}
a.back-to-top {
display: none; /* temp fix for navigation menu open state */
text-decoration: none;
padding-left: 6px;
margin: 17px 10px 4px 0;
font-size: 14px;
color: #767676;
line-height: 2.2em;
border-left: 2px solid #EBEBEB;
}
a.back-to-top:hover {
text-decoration: none;
}
a.back-to-top:focus {
outline: none;
}
a.nav_list-link,
a.nav_sublist-link {
color: #000000;
display: block;
font-size: 14px;
padding-left: 8px;
/* temp fix for navigation menu open state */
cursor: auto;
pointer-events: none;
}
a.nav_list-link:hover,
a.nav_sublist-link:hover {
cursor: auto;
pointer-events: none;
text-decoration: none;
}
a.nav_list-link {
margin: 4px 20px 4px 0;
line-height: 2.2em;
border-left: 2px solid #EBEBEB;
}
.nav_sublist-link {
line-height: 1.4em;
}
.nav_sublist-link:focus {
outline: none;
}
a.nav_list-link:focus {
outline: none;
}
.nav_list-holder {
margin: 0 0 0 0;
}
.nav_sublist-holder {
margin: 0 0 0 10px;
}
.ui1 .app-container .diagnostic_holder h1,
.diagnostic_holder h1 {
font-size: 26px;
line-height: 1.1em;
margin: 6px 0;
padding: 0;
}
.diagnostic_holder h3 {
font-size: 26px;
line-height: 1.6em;
font-weight: normal;
}
.configurator-screen__wrapper {
vertical-align: top;
}
.configurator {
position: relative;
width: 100%;
}
.configurator_header,
.configurator_header-controls {
background-color: #FFFFFF;
}
.configurator_header-btn {
padding-top: 8px;
padding-bottom: 30px;
padding-left: 31px;
}
.configurator_header_bg {
position: absolute;
top: 46px;
right: 72px;
}
.configurator_header-text {
position: relative;
padding-top: 0px;
padding-left: 32px;
padding-bottom: 20px;
}
.configurator_header-text,
.configurator_header-btn {
vertical-align: top;
}
.configurator_header_progress-holder {
width: 440px;
padding-bottom: 50px;
text-align: left;
}
.configurator_header_progress-bg {
position: relative;
background-color: #E6E6E6;
padding: 0;
height: 28px;
border-radius: 4px;
box-shadow: 0px 3px 13px 0px rgba(47, 57, 74, 0.08);
}
.configurator_header_progress {
padding: 0;
height: 28px;
font-size: 0; /* IE6 fix for height */
border-radius: 4px 0 0 4px;
background-color: #44ad64;
-webkit-transition: width 0.5s ease-in-out;
-ms-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.configurator_header_progress-percents,
.configurator_header_progress-caption {
position: absolute;
top: 0px;
left: 0;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 28px;
vertical-align: middle;
font-family: 'Proxima Nova Regular', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.configurator_header_progress-percents {
color: #2f394a;
}
.configurator_header_progress-caption {
top: 30px;
color: #7F7F7F;
}
.configurator_content {
background-color: #ebebeb;
}
.configurator_content-overlay-wrapper {
position: relative;
}
.configurator_content-is-disabled {
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
filter: alpha(opacity=40);
opacity: 0.4;
}
.configurator_content-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 300px;
background-color: #FFFFFF;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
filter: alpha(opacity=0);
opacity: 0;
}
.configurator_content-overlay.overlay-hidden {
visibility: hidden;
}
.configurator_content-title {
padding: 37px 0px 30px 30px;
font-size: 24px;
color: #999999;
}
.configurator_content-list {
padding-left: 30px;
}
.configurator_list-checkbox-input {
margin-right: 10px;
}
.configurator_content-folder {
padding-top: 20px;
padding-left: 30px;
}
.configurator_process-state-label {
float: left;
width: 30%;
}
.configurator_process-state-label-icon {
margin-right: 12px;
vertical-align: middle;
}
.configurator_btn {
width: 440px;
}
.configurator_btn-span {
display: inline-block;
word-break: normal;
word-wrap: break-word;
hasLayout: 1;
*zoom: 1;
}
.configurator_text {
padding-top: 5px;
line-height: 1.6em;
font-size: 16px;
color: #7F7F7F;
}
.configurator_list {
position: relative;
background-color: #FFFFFF;
}
.configurator_list-item {
width: 25%;
float: left;
font-size: 14px;
line-height: 24px;
color: #394559;
text-transform: capitalize;
}
.configurator_wrapper {
width: 100%;
border-collapse: collapse;
border: none;
}
.configurator_name {
font-size: 16px;
cursor: pointer;
color: #333333;
}
.configurator_type {
width: 104px;
padding-left: 15px;
font-size: 14px;
color: #999999;
cursor: pointer;
}
.configurator_gray-btn {
min-width: 103px;
line-height: 1em;
padding: 8px 10px;
box-sizing: inherit;
border-radius: 4px;
text-align: center;
font-size: 14px;
color: #394559;
background-color: #e6e6e6;
text-decoration: none;
outline: none;
}
.configurator_gray-btn:hover {
background-color: #cccccc;
}
.configurator_gray-btn:focus {
outline: none;
}
.configurator_footer {
padding: 30px 0 35px 0;
}
.window-min-width-800 .configurator_text {
width: 530px;
}
.games-screen__wrapper {
padding: 0px;
vertical-align: top;
text-align: center;
background-color: #FFFFFF;
font-family: 'Proxima Nova Regular', 'Segoe UI', 'Open Sans', Arial, sans-serif;
font-size: 16px;
}
.games-screen__wrapper * {
box-sizing: border-box;
}
.games_title {
margin: 50px auto 40px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
font-size: 42px;
}
.window-min-width-1200 .games_title {
margin: 75px auto 8px;
}
.games_title-marked {
color: #39B54A;
}
.games_top-list {
max-width: 650px;
margin: 0 auto;
padding: 0 10px;
list-style: none;
}
.games_top-list-title {
padding: 50px 0 38px 0;
margin: 0;
font-weight: normal;
font-size: 30px;
color: #394559;
}
.window-min-width-1200 .games_top-list {
max-width: 1000px;
}
.games_top-game-list {
position: relative;
}
.games_top-spinner-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: #000000;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 10000;
}
.games_top-spinner {
margin-top: 100px;
}
.games_top-game {
position: relative;
display: inline-block;
margin: 10px;
width: 293px;
height: 165px;
font-size: 14px;
cursor: pointer;
}
.games_top-game.is-top {
margin: 10px 15px 10px 16px;
font-size: 14px;
}
.games_top-game-image {
width: 293px;
height: 165px;
}
.games_top-game.is-top,
.games_top-game.is-top .games_top-game-image {
width: 601px;
height: 339px;
}
.window-min-width-1200 .games_top-game.is-top,
.window-min-width-1200 .games_top-game.is-top .games_top-game-image {
width: 443px;
height: 249px;
}
.games_top-game-overlay {
display: none;
position: absolute;
z-index: 50;
bottom: 0;
left: 0;
width: 293px;
height: 165px;
background: #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */
filter: alpha(opacity=20); /* IE 5-7 */
opacity: 0.2;
}
.games_top-game.is-top .games_top-game-overlay {
width: 100%;
height: 100%;
}
.games_top-game.is-top .games_top-game-bar {
width: 100%;
}
.games_top-game-hovered .games_top-game-overlay {
display: block;
}
.games_top-game-bar {
position: absolute;
z-index: 51;
bottom: 0;
left: 0;
width: 293px;
height: 44px;
background: #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
filter: alpha(opacity=70); /* IE 5-7 */
opacity: 0.7;
}
.games_top-game-bar-text {
position: absolute;
z-index: 52;
bottom: 15px;
left: 15px;
color: #FFFFFF;
}
.games_top-game-bar-text.games_top-game-bar-text-paid {
bottom: 5px;
left: 0px;
width: 200px;
}
.games_top-game-bar-button {
position: absolute;
z-index: 52;
bottom: 10px;
right: 15px;
padding: 3px 16px;
color: #39B54A;
border: 1px solid #39B54A;
border-radius: 3px;
}
.games_top-game-hovered .games_top-game-bar-button {
color: #FFFFFF;
background: #39B54A;
}
.games_top-catalog-button,
.games_account-button {
position: relative;
display: block;
margin: 40px auto;
width: 390px;
height: 50px;
line-height: 50px;
vertical-align: middle;
border: 1px solid #39B54A;
border-radius: 3px;
color: #39B54A;
text-align: left;
text-decoration: none;
}
.window-min-width-1200 .games_top-catalog-button,
.window-min-width-1200 .games_account-button {
margin: 62px auto;
}
.games_top-catalog-button:hover,
.games_account-button {
color: #FFFFFF;
background: #39B54A;
}
.games_top-catalog-button-icon,
.games_top-catalog-button-icon-hovered,
.games_account-button-icon {
position: absolute;
top: 15px;
left: 32px;
}
.games_top-catalog-button-icon {
visibility: visible;
}
.games_top-catalog-button-icon-hovered {
visibility: hidden;
}
.games_top-catalog-button:hover .games_top-catalog-button-icon {
visibility: hidden;
}
.games_top-catalog-button:hover .games_top-catalog-button-icon-hovered {
visibility: visible;
}
.games_top-catalog-button-text,
.games_account-button-text {
margin-left: 94px;
line-height: 50px;
vertical-align: middle;
}
.games_account-button {
margin: 75px auto 9px;
height: 56px;
border-bottom: 6px solid #239934;
}
.games_account-button:hover {
background-color: #74BC7A;
border-color: #60a56a;
}
.games_account-button:active {
background-color: #39B54A;;
border: none;
}
.window-min-width-1200 .games_account-button {
margin: 117px auto 9px;
}
.games_cloud-img-wrap {
position: relative;
width: 613px;
margin: 0 auto;
color: #394559;
}
.window-min-width-1200 .games_cloud-img-wrap {
left: -25px;
width: 944px;
}
.games_cloud-img {
display: inline;;
}
.window-min-width-1200 .games_cloud-img {
display: none;
}
.games_cloud-img-big {
display: none;
}
.window-min-width-1200 .games_cloud-img-big {
display: inline;
}
.games_cloud-img-wrap span {
position: absolute;
display: block;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.window-min-width-1200 .games_cloud-img-wrap span {
font-family: 'Proxima Nova Regular', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.games_cloud-img-pc-caption {
top: 132px;
left: 0px;
width: 176px;
}
.window-min-width-1200 .games_cloud-img-pc-caption {
top: 170px;
left: 68px;
width: 176px;
}
.games_cloud-img-cloud-caption {
top: 132px;
left: 230px;
width: 150px;
}
.window-min-width-1200 .games_cloud-img-cloud-caption {
top: 170px;
left: 429px;
width: 150px;
}
.games_cloud-img-server-caption {
top: 132px;
left: 444px;
width: 150px;
}
.window-min-width-1200 .games_cloud-img-server-caption {
top: 170px;
left: 794px;
width: 150px;
}
.games_cloud-img-joystick-caption {
top: 290px;
left: 230px;
width: 350px;
font-size: 28px;
}
.window-min-width-1200 .games_cloud-img-joystick-caption {
top: 534px;
left: 296px;
width: 400px;
font-size: 16px;
}
.move-to-top {
z-index: 50;
position: fixed;
position: absolute;
right: 55px;
bottom: -50px;
padding: 8px 23px 9px;
background-color: #2e3745;
border-radius: 3px;
color: #FFFFFF;
font-size: 16px;
box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);
transition: bottom 0.2s ease-in-out;
}
.move-to-top:focus {
outline: none;
}
/* FIXME: test with hovers at DeviceRow.js */
/*.move-to-top.is-visible {
bottom: 70px;
}*/
.move-to-top_arrow {
margin-right: 6px;
}
.move-to-top_arrow,
.move-to-top_text {
display: inline-block;
vertical-align: middle;
}
.settings-header {
position: relative;
width: 100%;
padding-bottom: 45px;
background-color: #FFFFFF;
}
.settings-header_bg {
display: none;
position: absolute;
top: 58px;
right: 60px;
}
.window-min-width-1024 .settings-header_bg,
.window-min-width-1200 .settings-header_bg {
display: block;
}
.settings-header_caption {
max-width: 710px;
margin: -6px 0 0 0;
font-size: 16px;
line-height: 1.7em;
color: #808080;
}
.settings-header_caption-link {
color: #3fa9f5;
text-decoration: none;
}
.settings-screen__wrapper {
padding: 0 0 50px 0;
vertical-align: top;
background-color: #f7f7f7;
}
.settings-screen {
width: 100%;
}
.settings-screen_table {
width: 100%;
border-collapse: collapse;
border: none;
}
.settings-screen_header {
background-color: #f7f7f7;
}
.settings-screen_row {
background-color: #FFFFFF;
}
.settings-screen_title {
padding: 39px 0 32px 32px;
font-size: 24px;
color: #2e3745;
border-bottom: 1px solid #f2f2f2;
}
.settings-screen_row.is-disabled .settings-screen_cell-title,
.settings-screen_row.is-disabled .settings-screen_cell-caption {
color: #b3b3b3;
}
.settings-screen__wrapper .settings-screen_cell-text,
.settings-screen__wrapper .settings-screen_cell-control {
padding-top: 23px;
padding-bottom: 23px;
border-bottom: 1px solid #f2f2f2;
}
.settings-screen_cell-text {
width: 100%;
padding-left: 32px;
padding-right: 65px;
}
.settings-screen_cell-control {
width: 1%;
padding-right: 20px;
text-align: right;
}
.settings-screen_link {
text-decoration: none;
color: #3aa3e3;
}
.settings-screen_cell-title {
padding-bottom: 14px;
font-size: 20px;
color: #2e3745;
}
.settings-screen_cell-title.is-marked {
color: #ff931e;
}
.settings-screen_cell-caption {
font-size: 14px;
line-height: 1.7em;
color: #808080;
}
.settings-screen_cell-control {
vertical-align: top;
}
.settings-screen_cell-control-switch {
position: relative;
width: 147px;
}
.settings-screen_row.is-disabled .settings-screen_cell-control-switch {
opacity: 0.3;
}
.settings-screen_cell-control-switch .custom-control_switch-label {
top: 8px;
}
.settings-screen_select {
position: relative;
top: 4px;
padding: 0;
margin: 0;
border: 1px solid #cccccc;
width: 147px;
border-radius: 3px;
overflow: hidden;
background-color: #fff;
}
.settings-screen_select select {
position: relative;
z-index: 1;
padding: 2px 8px 1px;
width: 130%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
text-align: center;
color: #808080;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.settings-screen_select select:focus {
outline: none;
}
.settings-screen_select-arrow {
position: absolute;
z-index: 0;
right: 9px;
top: 11px;
}
.settings-screen__footer {
padding: 80px 65px 0 32px;
}
.settings-screen__footer-license,
.settings-screen__footer-copyright {
font-size: 14px;
color: #999999;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.settings-screen__footer-copyright {
float: left;
}
.settings-screen__footer-license {
float: right;
text-decoration: none;
}
.settings-screen__footer-license:hover {
text-decoration: underline;
}
.loading {
background: url(Tools/load8.gif) no-repeat scroll center 70% white;
background-size: 50px 50px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 9999;
}
.loading-progress {
position: relative;
top: 32%;
color: black;
text-align: center;
font-size: 60px;
}
.loading-description {
display: inline-table;
width: 80%;
}
.loading-state {
position: absolute;
bottom: 10px;
font-size: 18px;
text-align: center;
width: 100%;
pointer-events: none;
}
.loading-button.button {
display: block;
margin: 15px auto 0;
}
.loading_final {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-family: Roboto-Regular;
}
.loading_final-notification {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 12px 0 15px;
background-color: #FFDE98;
font-size: 18px;
}
.loading_final-notification-close {
position: absolute;
top: 13px;
right: 17px;
}
.loading_final-close {
position: absolute;
bottom: 12px;
left: 34px;
font-size: 16px;
color: #7E7E7E;
text-decoration: underline;
background-color: #FFFFFF;
pointer-events: auto;
}
.loading_final-gallery {
width: 100%;
height: 100%;
}
.loading_final-gallery-inner {
vertical-align: center;
}
.loading-screen {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10001;
background-color: #394659;
}
.loading-screen_logo {
position: absolute;
top: 50%;
left: 50%;
width: 371px;
height: 165px;
margin: -101px auto auto -183px;
background: url(img/screens/new-logo.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/screens/new-logo.png',sizingMethod='crop');
}
.loading-screen_progress-wrapper {
position: absolute;
top: 73%;
left: 50%;
margin-top: 7px;
margin-left: -186px;
width: 374px;
}
.loading-screen_progress-status {
margin-bottom: 12px;
text-align: center;
font-size: 16px;
font-family: 'Proxima Nova Regular', 'Roboto Light', 'Segoe UI', Arial, sans-serif;
color: #999999;
}
.loading-screen_progress-bg {
height: 8px;
padding: 0;
border-radius: 3px;
overflow: hidden;
text-align: left;
background-color: #e6e6e6;
}
.loading-screen_progress {
height: 8px;
padding: 0;
font-size: 0; /* IE6 fix for height */
}
.loading-screen_progress-linear {
background-color: #2caae2;
}
.installation_wrapper {
overflow-y: scroll;
height: 100%;
}
.installation-header {
width: 100%;
text-align: center;
background-color: #2F394A;
}
.installation-header_wrapper {
padding: 8px 20px 70px;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.window-min-width-1200 .installation-header_wrapper {
width: 1115px;
padding: 8px 0 70px;
margin-left: auto;
margin-right: auto;
}
.installation-header_title {
font-size: 36px;
line-height: 43px;
color: #ffffff;
font-weight: normal;
margin: 0 0 3px;
}
.installation-header_subtitle {
margin: 0 auto 51px;
font-size: 18px;
line-height: 24px;
color: #a5a8ac;
}
.installation-header_progress-holder {
text-align: left;
}
.installation-header_progress-bg {
position: relative;
background-color: #E6E6E6;
padding: 0;
height: 28px;
border-radius: 4px;
box-shadow: 0px 3px 13px 0px rgba(47, 57, 74, 0.08);
}
.installation-header_progress {
padding: 0;
height: 28px;
font-size: 0; /* IE6 fix for height */
border-radius: 4px 0 0 4px;
background-color: #44ad64;
-webkit-transition: width 0.5s ease-in-out;
-ms-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.installation-header_progress-percents {
position: absolute;
top: 0px;
left: 0;
width: 100%;
color: #2f394a;
text-align: center;
font-size: 16px;
line-height: 28px;
vertical-align: middle;
font-family: 'Proxima Nova Regular', 'Segoe UI', 'Open Sans', Arial, sans-serif;
}
.installation-header-promo_wrapper {
width: 100%;
background-color: #FFFFFF;
}
.installation-header-promo_centered {
height: 360px;
position: relative;
margin: 40px 20px;
}
.window-min-width-1200 .installation-header-promo_centered {
width: 1115px;
margin: 44px auto 0;
}
.installation-header-promo-arrow-right,
.installation-header-promo-arrow-left {
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 50px;
height: 360px;
z-index: 51;
}
.installation-header-promo-arrow-right:focus,
.installation-header-promo-arrow-left:focus {
outline: none;
}
.installation-header-promo-arrow-bg {
width: 50px;
height: 360px;
}
.window-min-width-1200 .installation-header-promo-arrow-bg {
width: 80px;
}
.installation-header-promo-arrow-left {
left: -20px;
}
.installation-header-promo-arrow-right {
right: -20px;
}
.window-min-width-1200 .installation-header-promo-arrow-left,
.window-min-width-1200 .installation-header-promo-arrow-right {
width: 80px;
}
.window-min-width-1200 .installation-header-promo-arrow-left {
left: -80px;
}
.window-min-width-1200 .installation-header-promo-arrow-right {
right: -30px;
}
.installation-header-promo-arrow-icon {
position: absolute;
top: 77px;
width: 10px;
height: 21px;
}
.installation-header-promo-arrow-left .installation-header-promo-arrow-icon {
left: 4px;
}
.installation-header-promo-arrow-right .installation-header-promo-arrow-icon {
right: 10px;
}
.window-min-width-1200 .installation-header-promo-arrow-icon {
right: 0;
width: 26px;
height: 55px;
margin-left: -13px;
}
.installation-header-promo_banner {
position: absolute;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: left;
opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.installation-header-promo_banner.is-visible {
opacity: 100;
z-index: 50;
}
.installation-header-promo_caption {
position: absolute;
top: 0;
left: 0;
width: 665px;
}
.window-max-width-800 .installation-header-promo_caption {
width: 565px;
}
.installation-header-promo_social-btn,
.installation-header-promo_btn {
display: block;
font-size: 18px;
color: #FFFFFF;
border-radius: 5px;
text-decoration: none;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.12);
}
.installation-header-promo_btn {
position: relative;
width: 205px;
padding: 9px 0;
background-color: #44ad64;
}
.installation-header-promo_btn:hover {
background-color: #50cc76;
}
.installation-header-promo_btn:active {
background-color: #307b47;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0);
}
.installation-header-promo_btn.is-success {
background-color: #e6e6e6;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0);
}
.installation-header-promo_btn.is-installed {
cursor: auto;
background-color: #e6e6e6;
text-align: center;
}
.installation-header-promo_btn-icon {
margin-left: 22px;
margin-right: 22px;
vertical-align: middle;
}
.installation-header-promo_btn.is-installed .installation-header-promo_btn-icon {
margin: 0;
}
.installation-header-promo_social-buttons {
padding-top: 10px;
}
.installation-header-promo_social-btn {
width: 285px;
}
.installation-header-promo_social-btn-vk {
margin-bottom: 14px;
background-color: #4d75a3;
}
.installation-header-promo_social-btn-fb {
background-color: #3d5a98;
}
.installation-header-promo_social-icon {
margin-left: 12px;
margin-right: 12px;
vertical-align: middle;
}
.installation-header-promo_social-btn-text,
.installation-header-promo_btn-text {
vertical-align: middle;
}
.installation-header-promo_title {
font-size: 30px;
margin: 0 0 36px;
color: #000000;
}
.window-max-width-800 .installation-header-promo_title {
font-size: 22px;
margin: 0 0 26px;
}
.installation-header-promo_text {
font-size: 16px;
line-height: 1.65em;
margin: 0 0 36px;
color: #000000;
}
.window-max-width-800 .installation-header-promo_text {
font-size: 14px;
}
.installation-header-promo_text-link {
text-decoration: none;
color: #0571b6;
}
.installation-header-promo_text-link:focus {
outline: none;
}
.installation-header-promo_bg {
position: absolute;
top: 33px;
right: 0;
width: 403px;
height: 265px;
}
.installation-header-promo_bg-opera {
top: 60px;
width: 375px;
height: 200px;
box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.12);
}
.installation-header-promo_bullets {
position: absolute;
left: 0;
right: 0;
bottom: 8px;
width: 100%;
z-index: 60;
text-align: center;
}
.installation-header-promo_bullets-centered {
display: inline;
}
.installation-header-promo_bullet {
padding: 2px;
margin: 0 1px;
line-height: 0px;
}
.installation-header-promo_bullet:focus {
outline: none;
}
.installation-header-promo_bullet:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
.installation-header-promo_license {
position: absolute;
right: 0;
bottom: 0;
text-decoration: none;
color: #999999;
font-size: 14px;
z-index: 61;
}
.installation-header-promo_license:focus {
outline: none;
}
.window-max-width-800 .installation-header-promo_bg,
.window-min-width-800 .installation-header-promo_bg,
.window-min-width-1024 .installation-header-promo_bg {
display: none;
}
.window-min-width-1200 .installation-header-promo_bg {
display: block;
}
.installation-table_wrapper {
padding-bottom: 130px;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
background-color: #FFFFFF;
}
.installation-title {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.installation-list_row-centered {
margin-left: auto;
margin-right: auto;
}
.installation-list_row-centered {
text-align: left;
}
.installation-list {
width: 100%;
}
.window-min-width-1024 .installation-title,
.window-min-width-1024 .installation-list_row-centered {
width: 1015px;
}
.window-min-width-1200 .installation-title,
.window-min-width-1200 .installation-list_row-centered {
width: 1115px;
}
.installation-title_name-col {
padding: 20px 0px 39px 15px;
font-size: 24px;
line-height: 28px;
text-align: left;
}
.window-min-width-1200 .installation-title_name-col {
padding: 20px 0px 39px 0;
}
.installation-title_name {
margin-top: 16px;
}
.installation-title_close-col {
width: 40px;
padding: 3px 42px 0 0;
}
.installation-list {
border-collapse: collapse;
}
.installation-list_row {
text-align: center;
}
.installation-list_row.light,
.installation-list_row.light .installation-list_progress-bottom-spacer {
background-color: #f2f2f2;
}
.installation-list_icon-col {
width: 56px;
padding: 32px 28px 32px 20px;
}
.window-min-width-1200 .installation-list_icon-col {
padding: 32px 28px 32px 0;
}
.installation-list_icon {
display: block;
width: 56px;
height: 56px;
vertical-align: middle;
}
.installation-list_icon:focus {
outline: none;
}
.installation-list_desc-col {
width: 56%;
padding: 24px 20px 24px 0;
vertical-align: middle;
}
.installation-list_category {
font-size: 16px;
}
.installation-list_category-name,
.installation-list_category-name:hover {
margin-right: 2px;
font-size: 16px;
line-height: 20px;
text-decoration: none;
color: #000000;
}
.installation-list_info {
line-height: 16px;
vertical-align: middle;
margin-left: 4px;
}
.installation-list_category-name:focus,
.installation-list_info:focus {
outline: none;
}
.installation-list_name {
margin-top: 6px;
font-size: 14px;
line-height: 17px;
color: #808080;
}
.installation-list_link-wrapper {
margin-top: 8px;
}
.installation-list_link {
color: #0c76c2;
}
.installation-list_link {
font-size: 12px;
line-height: 1em;
text-decoration: none;
}
.installation-list_link:hover {
text-decoration: underline;
}
.installation-list_info-icon {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(img/installation/controls/info_normal.png);
background-repeat: no-repeat;
}
.installation-list_info-icon:hover {
background-image: url(img/installation/controls/info_hover.png);
}
.installation-list_progress-col {
width: 240px;
table-layout: fixed;
}
.installation-list_progress-stage {
padding-bottom: 8px;
font-size: 14px;
line-height: 17px;
color: #808080;
}
.installation-list_progress-reload {
color: #2594c1;
text-decoration: none;
}
.installation-list_progress-reload:hover {
text-decoration: underline;
}
.installation-list_progress-bg {
background-color: #d9d9d9;
padding: 0;
height: 4px;
width: 240px;
}
.installation-list_progress-bottom-spacer {
height: 24px;
background-color: #FFFFFF;
}
.installation-list_progress {
padding: 0;
height: 4px;
font-size: 0; /* IE6 fix for height */
}
.installation-list_progress-linear {
background-color: #57BA76;
}
@-webkit-keyframes progressAnimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes progressAnimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes progressAnimation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.installation-list_progress-infinite {
background: #00b5ff; /* Old browsers */
background: -moz-linear-gradient(left, #00b5ff 0%, #00b5ff 40%, #2594c1 45%, #2594c1 55%, #2594c1 55%, #00b5ff 60%, #00b5ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #00b5ff 0%,#00b5ff 40%,#2594c1 45%,#2594c1 55%,#2594c1 55%,#00b5ff 60%,#00b5ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #00b5ff 0%,#00b5ff 40%,#2594c1 45%,#2594c1 55%,#2594c1 55%,#00b5ff 60%,#00b5ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5ff', endColorstr='#00b5ff',GradientType=1 ); /* IE6-9 */
background-size: 300% 300%;
-webkit-animation: progressAnimation 4s ease infinite;
-moz-animation: progressAnimation 4s ease infinite;
animation: progressAnimation 4s ease infinite;
}
.installation-list_progress-info {
font-size: 14px;
line-height: 16px;
color: #999999;
padding-top: 10px;
}
.installation-list_status-col {
width: 180px;
table-layout: fixed;
vertical-align: middle;
padding: 0 0 0 11px;
}
.installation-list_status-timer {
width: 40px;
font-size: 14px;
line-height: 17px;
font-family: 'Proxima Nova Light', 'Segoe UI', 'Open Sans', Arial, sans-serif;
color: #999999;
}
.installation-list_status-link {
background-repeat: no-repeat;
display: block;
width: 16px;
height: 16px;
padding: 0 17px 0 17px;
}
.installation-list_reload-col {
width: 24px;
padding: 46px 0 50px 60px;
}
.installation-list_reload {
display: block;
width: 24px;
height: 24px;
vertical-align: middle;
}
.installation-list_cancel-col {
width: 24px;
padding: 46px 48px 50px 0;
}
.window-max-width-800 .installation-list_cancel-col {
padding-right: 8px;
}
.installation-list_cancel {
display: block;
width: 24px;
height: 24px;
vertical-align: middle;
opacity: 0.4;
filter: alpha(opacity=40);
}
.installation-list_cancel:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
filter: alpha(opacity=90); /* IE 5-7 */
opacity: 0.9;
}
.installation-list_cancel-disable {
cursor: default;
}
.installation-carousel__arrow-left,
.installation-carousel__arrow-right {
opacity: 0.4;
}
.installation-carousel__slides-wrapper {
position: relative;
width: 100%;
height: 320px;
}
.window-min-width-1200 .installation-carousel__slides-wrapper {
width: 1200px;
margin: 0 auto;
}
.installation-carousel__slide-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 0.5s linear;
}
.installation-carousel__slide-wrapper.is-visible {
opacity: 1;
}
.final-popover {
position: absolute;
width: 108%;
top: 2.2em;
right: 0px;
z-index: 0;
text-align: left;
white-space: normal;
background-color: #ffffff;
color: #666666;
font-size: 14px;
border-radius: 5px;
border: 1px solid #e0e0e0;
box-shadow: 0px 5px 4px rgba(0,0,0,0.1);
}
.final-popover_arrow {
position: absolute;
top: -10px;
left: 55px;
display: block;
width: 17px;
height: 10px;
}
.final-popover_arrow-img {
position: absolute;
}
.final-popover_wrapper {
padding: 15px 10px 25px 20px;
}
.final-popover_marked-text {
color: #000000;
}
.final-popover_block {
padding: 4px 0 11px;
}
.final-popover_soft-icon {
position: absolute;
top: 21px;
right: 40px;
}
.window-max-width-800 .final-popover_soft-icon,
.window-min-width-800 .final-popover_soft-icon {
display: none;
}
.final_wrapper {
width: 100%;
height: 100%;
overflow: hidden;
}
.final_wrapper-fullscreen {
height: 100%;
overflow: hidden;
}
.final_main,
.final_aside {
vertical-align: top;
}
.final_main {
width: 65%;
background-color: #FFFFFF;
padding-right: 0;
padding-bottom: 0;
}
.final_aside {
width: 35%;
background-color: #f2f2f2;
}
.final_main-table {
height: 100%;
width: 100%;
border-right: 1px solid #b3b3b3;
}
.final_main-table td {
padding: 0;
}
.final_main-content {
height: 100%;
text-align: center;
vertical-align: top;
}
.final_main-footer {
height: 48px;
}
.final_main-scrollabe,
.final_aside-scrollabe {
overflow: auto;
height: 100%;
}
.final_aside-scrollabe {
padding: 0 20px 60px 50px;
}
.window-max-width-800 .final_aside-scrollabe {
padding: 0 20px 0 30px;
}
.window-min-width-1200 .final_aside-block {
width: 380px;
}
.final_main-scrollabe-table {
height: 100%;
width: 100%;
text-align: center;
}
.final_main-title {
font-size: 34px;
color: #4d4d4d;
padding-top: 20px;
}
.final_main-subtitle {
padding: 10px 0 60px 0;
font-size: 18px;
color: #666666;
}
.window-min-width-800 .final_main-subtitle,
.window-min-width-1200 .final_main-subtitle {
width: 450px;
margin: 0 auto;
}
.final_main-cta {
position: relative;
display:block;
padding: 16px 0 18px;
}
.final_main-cta-icon {
position: absolute;
top: 23px;
right: 13px;
}
.final_main-btn,
.final_main-cta {
margin-bottom: 10px;
}
.final_main-btn-wrapper {
padding: 80px 0 20px;
margin: 0 auto;
}
.final_main-cta,
.final_main-btn-wrapper {
width: 393px;
}
.final_main-btn-caption {
padding-top: 2px;
font-size: 14px;
line-height: 1.5em;
color: #666666;
}
.final_main-btn-caption.is-harmful {
position: relative;
text-align: left;
}
.final_main-btn-caption-text {
padding-left: 65px;
}
.final_main-btn-caption-icon {
position: absolute;
top: 10px;
left: 15px;
width: 32px;
height: 28px;
}
.final_aside-title {
position: relative;
padding-bottom: 25px;
font-size: 18px;
}
.final_aside-title-icon {
position: absolute;
top: 3px;
left: -31px;
}
.window-max-width-800 .final_aside-title-icon {
left: -22px;
}
.final_aside-block {
position: relative;
padding-top: 30px;
}
.final_aside-block-list {
padding: 20px 0 0 0;
color: #808080;
font-size: 14px;
line-height: 1.6em;
}
.final_aside-block-list.is-success {
background-color: #f2f2f2;
}
.final_aside-block-list.is-success .final_aside-title {
color: #44ad64;
}
.final_aside-block-list.is-fail {
color: #c1272d;
}
.final_aside-list-item {
position: relative;
z-index: 10;
padding: 3px 0;
}
.final_main-btn,
.final_aside-btn {
display: block;
border-radius: 3px;
border: 1px solid #CCCCCC;
color: #808080;
text-decoration: none;
line-height: 1.2em;
text-align: center;
}
.final_main-btn {
padding: 10px 0;
font-size: 15px;
background-color: #FFFFFF;
}
.final_main-btn:hover,
.final_aside-btn:hover {
border: 1px solid #afafaf;
}
.final_aside-btn {
position: relative;
background-color: #f2f2f2;
padding: 8px 0;
margin: 40px 0 10px;
font-size: 14px;
}
.final_aside-btn-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.final_footer-link-holder {
height: 48px;
text-align: center;
vertical-align: middle;
}
.final_footer-link {
text-decoration: none;
color: #666666;
font-size: 14px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.final_footer-link:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.final_footer-link:active,
.final_footer-link:focus {
outline: none;
}
.final_footer-link-text,
.final_footer-link-icon {
vertical-align: middle;
}
.final_footer-link-icon {
margin-right: 6px;
}
.no-internet-screen_wrapper {
height: 100%;
text-align: center;
font-family: 'Proxima Nova Light', 'Segoe UI Light', 'Open Sans', Arial, sans-serif;
}
.no-internet-screen_header,
.no-internet-screen_guide {
width: 650px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.no-internet-screen_header-icon-col {
width: 102px;
padding: 54px 34px 59px 0;
}
.no-internet-screen_header-icon {
display: block;
width: 102px;
height: 75px;
vertical-align: middle;
}
.no-internet-screen_header-icon:focus {
outline: none;
}
.no-internet-screen_header-title-col {
padding: 54px 0 55px;
color: #C1272D;
}
.no-internet-screen_header-title {
font-size: 36px;
line-height: 43px;
}
.no-internet-screen_header-subtitle {
margin: 15px 0 0;
font-size: 16px;
line-height: 20px;
}
.no-internet-screen_guide {
border-radius: 3px;
background-color: #FFFFFF;
color: #394559;
}
.no-internet-screen_guide-title {
padding: 40px 0 33px 42px;
font-size: 20px;
line-height: 26px;
}
.no-internet-screen_guide-steps {
padding-left: 42px;
}
.no-internet-screen_guide-step-num-col {
width: 88px;
padding-bottom: 24px;
font-size: 18px;
line-height: 24px;
}
.no-internet-screen_guide-step-icon-col {
width: 105px;
padding: 0px 31px 18px 0;
}
.no-internet-screen_guide-step-icon {
display: block;
width: 105px;
height: 65px;
vertical-align: middle;
}
.no-internet-screen_guide-step-icon:focus {
outline: none;
}
.no-internet-screen_guide-step-action-col {
padding-bottom: 24px;
font-size: 16px;
line-height: 20px;
}
.no-internet-bottom-row .no-internet-screen_guide-step-num-col {
padding-bottom: 27px;
}
.no-internet-bottom-row .no-internet-screen_guide-step-icon-col {
padding-bottom: 30px;
}
.no-internet-bottom-row .no-internet-screen_guide-step-action-col {
padding-bottom: 31px;
}
.app {
height: 100%;
}
.app_border-top, .app_border-bottom, .app_border-left, .app_border-right {
background: #394559;
position: fixed;
z-index: 10001; /* depends of Header's z-index */
}
.app_border-left, .app_border-right {
top: 0;
bottom: 0;
width: 1px;
}
.app_border-left {
left: 0;
}
.app_border-right {
right: 0;
}
.app_border-top, .app_border-bottom {
left: 0;
right: 0;
height: 1px;
}
.app_border-top {
top: 0;
}
.app_border-bottom {
bottom: 0;
}