input[type=submit] {
vertical-align:bottom!important;
}
#content-body {
/*
min-height:650px;
*/
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/open-sans-300.woff2) format('woff2'), url(../fonts/open-sans-300.woff) format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(../fonts/open-sans-regular.woff2) format('woff2'), url(../fonts/open-sans-regular.woff) format('woff')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/open-sans-600.woff2) format('woff2'), url(../fonts/open-sans-600.woff) format('woff')
}
@font-face {
font-family: "Open Sans Tilde";
src: local('Arial');
unicode-range: U+007E
}
html {
font: 400 13px/1.4 "Open Sans Tilde", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
overflow-y: scroll;
color: #000
}
body,
html {
height: 100%;
min-height: 100%
}
body {
margin: 0;
background-color: #fff
}
.ui-link,
a {
color: #2498e3;
text-decoration: none;
cursor: pointer;
background-color: transparent
}
.ui-link:active,
.ui-link:hover,
a:active,
a:hover {
outline: 0
}
.ui-link:hover,
a:hover {
color: #188dd9;
text-decoration: underline
}
.ui-link--secondary,
a.link-01 {
color: #7aa9bf
}
.ui-link--secondary:hover,
a.link-01:hover {
color: #94c2d8
}
.more a,
.ui-link--muted,
a.link-02 {
color: #969696
}
.more a:hover,
.ui-link--muted:hover,
a.link-02:hover {
color: #b1b1b1
}
.aux-actions,
.aux-actions a {
color: #7aa9bf
}
.aux-actions a:hover {
color: #94c2d8
}
.aux-actions:before {
content: "["
}
.aux-actions:after {
content: "]"
}
.aux-actions-separator {
font-size: 10px;
vertical-align: 1px
}
.toggler,
a.toggler,
a.toggler:hover {
text-decoration: none;
border-bottom: 1px dashed
}
.ext {
padding-right: 11px;
background: 100% 50% no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhBwAHAIABAB1kwQAAACH5BAEAAAEALAAAAAAHAAcAQAIMRIB5trEJlYOvuVsAADs=)
}
.i-link,
.i-link:hover {
text-decoration: none
}
.i-link>span {
text-decoration: none
}
.i-link:hover>span {
text-decoration: underline
}
.i-link.toggler,
.i-link.toggler:hover {
border-bottom: 0
}
.i-link.toggler:hover>span,
.i-link.toggler>span {
text-decoration: none;
border-bottom: 1px dashed
}
.i-link.disabled,
.i-link.disabled:hover,
.i-link.disabled:hover>span,
.i-link.disabled>span,
.i-link[disabled],
.i-link[disabled]:hover,
.i-link[disabled]:hover>span,
.i-link[disabled]>span {
color: #333;
text-decoration: none;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: gray;
filter: gray;
filter: grayscale(100%);
cursor: not-allowed
}
.media-link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
box-sizing: border-box;
vertical-align: top
}
.media-link>.icon,
.media-link>[class*=" icon-"],
.media-link>[class^=icon-] {
position: relative;
bottom: -1px;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
margin-right: 6px
}
b,
strong {
font-weight: 700
}
.code,
code,
kbd,
samp {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
color: #d05
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
pre {
padding: 10px;
background: #f5f5f5;
font: 12px/18px Consolas, "Liberation Mono", Menlo, Courier, monospace;
color: #444;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto
}
img {
box-sizing: border-box;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
address,
blockquote,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
margin: 0 0 12px
}
#main>:last-child,
.b-content-main>:last-child,
.b-content-side>:last-child,
.page-content>:last-child {
margin-bottom: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #444;
text-transform: none
}
h1 {
font-size: 36px;
line-height: 42px
}
h2 {
font-size: 24px;
line-height: 30px
}
h3 {
font-size: 18px;
line-height: 24px
}
h4 {
font-size: 16px;
line-height: 22px
}
h5 {
font-size: 14px;
line-height: 20px
}
h6 {
font-size: 12px;
line-height: 18px
}
ol,
ul {
padding-left: 20px
}
ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
margin: 0
}
hr {
box-sizing: content-box;
height: 0;
margin: 12px 0;
border: 0;
border-top: 1px solid #ddd
}
.divider:not(tr) {
height: 1px;
overflow: hidden;
margin: 12px 0;
border: 0;
background-color: #ddd
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none
}
::selection {
background: #39f;
color: #fff;
text-shadow: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block
}
progress {
vertical-align: baseline
}
audio:not([controls]) {
display: none
}
[hidden],
template {
display: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
iframe {
border: 0
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: device-width
}
}
.page-container {
position: relative;
display: table;
width: 100%;
height: 100%;
table-layout: fixed
}
.page-footer-wrapper,
.page-header-wrapper,
.page-main-wrapper {
box-sizing: border-box;
display: table-row
}
.page-main-wrapper {
height: 100%
}
.page-content {
padding: 20px 10px
}
@media (max-width: 767px) {
.page-header-wrapper {
height: auto!important
}
}
@media (min-width: 768px) {
.page-header-wrapper {
height: 51px
}
.page-header {
box-sizing: border-box;
position: fixed;
z-index: 300;
top: 0;
right: 0;
left: 0;
width: 100%;
min-height: 51px
}
.page-content-wrapper,
.page-footer {
margin-left: 220px;
-webkit-transition: margin .3s ease-in-out;
transition: margin .3s ease-in-out
}
.page-sidebar-closed .page-content-wrapper,
.page-sidebar-closed .page-footer,
.page-sidebar-hidden .page-content-wrapper,
.page-sidebar-hidden .page-footer {
margin-left: 0
}
.page-content,
.page-footer {
padding-right: 20px;
padding-left: 20px
}
}
.page-content-only .page-footer-wrapper,
.page-content-only .page-header-wrapper,
.page-content-only .page-sidebar-wrapper {
display: none
}
.page-content-only .page-content-wrapper {
margin: 0
}
.sid-legacy #login {
width: 824px;
margin: 40px auto 15px
}
.sid-start .page-content {
max-width: 824px;
margin: auto;
box-sizing: border-box
}
.with-side-panel .main-content {
margin-right: 242px
}
.with-side-panel .main-content .form-box {
display: inline-block;
width: 100%
}
.with-side-panel #side-panel {
float: right;
width: 222px;
margin: 0;
padding: 10px 0
}
.b-content-rside .b-content-wrap {
margin: 0 250px 0 0
}
.b-content-rside .b-content-main {
float: left;
width: 100%
}
.b-content-rside .b-content-side {
float: right;
width: 230px;
margin: 0 -250px 0 20px
}
.sid-main-embedded-inner .heading,
.sid-main-embedded-inner .pathbar {
display: none
}
.sid-main-embedded-inner .page-content {
padding-top: 0
}
.b-grid-list {
margin: 0;
padding: 0;
list-style: none;
letter-spacing: -4px
}
.b-grid-item {
display: inline-block;
width: 100%;
vertical-align: top;
letter-spacing: 0;
word-spacing: 0
}
.b-grid-gapped .b-grid-list {
margin: 0 -10px
}
.b-grid-gapped .b-grid-item-wrap {
padding: 0 10px
}
@media (min-width: 480px) {
.b-grid-2 .b-grid-item,
.b-grid-3 .b-grid-item,
.b-grid-4 .b-grid-item {
width: 50%
}
}
@media (min-width: 768px) {
.b-grid-3 .b-grid-item {
width: 33.333%
}
.b-grid-3 .b-grid-item-2 {
width: 66.666%
}
.b-grid-4 .b-grid-item {
width: 25%
}
.b-grid-4 .b-grid-item-2 {
width: 50%
}
.b-grid-4 .b-grid-item-3 {
width: 75%
}
}
@media (min-width: 768px) {
.two-cols-block {
display: table;
width: 100%;
white-space: nowrap
}
.two-cols-block .columns-wrapper {
display: table-row
}
.two-cols-block .first-col,
.two-cols-block .second-col {
display: table-cell;
width: 50%;
vertical-align: top;
white-space: normal
}
.two-cols-block .first-col .column-box {
padding: 0 10px 0 0
}
.two-cols-block .second-col .column-box {
padding: 0 0 0 10px
}
.two-cols-block .gauge-wrapper {
max-width: 200px
}
}
.page-header {
min-height: 50px;
border-bottom: 1px solid #1c2229;
background: #222a32
}
.main-header-wrapper {
min-height: 50px;
padding: 0 10px
}
.main-header {
position: relative;
z-index: 300
}
.main-header-navbar:after,
.main-header-navbar:before,
.main-header:after,
.main-header:before {
display: table;
content: ""
}
.main-header-navbar:after,
.main-header:after {
clear: both
}
@media (min-width: 768px) {
.main-header-wrapper {
padding: 0 20px
}
.main-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.top-bar {
box-sizing: border-box;
margin: auto;
padding: 4px 10px;
border: solid #b7d9e7;
border-width: 0 0 1px;
background: #b7d9e7;
background-clip: padding-box;
font-size: 12px;
line-height: 18px
}
@media (min-width: 768px) {
.top-bar {
display: table;
width: 100%;
padding: 5px 20px 6px;
line-height: 16px
}
.top-bar-action,
.top-bar-content {
display: table-cell;
vertical-align: middle
}
.top-bar-action {
padding-right: 10px;
white-space: nowrap;
border-right: 1px solid #455156
}
.top-bar-content {
width: 100%;
padding-left: 10px
}
}
.main-header-brand {
float: left;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.main-header-brand .brand-name img {
height: 50px
}
@media (min-width: 960px) {
.main-header-brand {
min-width: 200px;
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
}
.r-main-header-navbar {
margin-top: 5px
}
.r-main-header-navbar:after,
.r-main-header-navbar:before {
display: table;
content: ""
}
.r-main-header-navbar:after {
clear: both
}
.r-main-header-navbar ul {
float: right;
margin: 0;
padding: 0;
list-style: none
}
.r-main-header-navbar li {
position: relative;
z-index: 700;
float: left;
margin: 0 0 4px 4px;
padding: 8px;
cursor: pointer;
background: #38444f
}
.r-main-header-navbar li:hover {
background: #3c4955
}
.r-main-header-navbar li.r-item-active,
.r-main-header-navbar li.r-item-active:hover {
background: #F44E00
}
.r-main-header-navbar span {
display: block;
width: 24px;
height: 24px;
cursor: pointer;
background: 0 0 no-repeat;
background-size: contain
}
.r-main-header-navbar .r-item-active span:after {
position: absolute;
bottom: -6px;
left: 50%;
display: inline-block;
width: 0;
height: 0;
content: "";
border: solid transparent
}
.r-main-header-navbar .r-item-active span:after {
margin-left: -8px;
border-width: 0 8px 10px;
border-bottom-color: #0d6a92
}
.r-main-header-navbar .r-item-active.r-top-search span:after {
border-bottom-color: #38444f
}
.r-main-header-navbar .r-top-back span {
background-image: url(../icons/64/plesk/_top-back8011.png?17.0)
}
.r-main-header-navbar .r-top-user span {
background-image: url(../icons/64/plesk/_top-user8011.png?17.0)
}
.r-main-header-navbar .r-top-webspace span {
background-image: url(../icons/64/plesk/_top-domain8011.png?17.0)
}
.r-main-header-navbar .r-top-help span {
background-image: url(../icons/64/plesk/_top-help8011.png?17.0)
}
.r-main-header-navbar .r-top-search span {
background-image: url(../icons/64/plesk/_top-search8011.png?17.0)
}
.main-header-navbar {
text-align: right
}
.main-header-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
text-align: left
}
.main-header-navbar-nav>li .dropdown {
display: block
}
.main-header-navbar-nav>li>.s-btn {
margin: 0
}
.main-header-navbar-nav>li>a {
color: #fff
}
.main-header-navbar-nav>li>a:focus,
.main-header-navbar-nav>li>a:hover {
color: #dedede;
text-decoration: none
}
.main-header-navbar .dropdown-menu {
margin-bottom: 10px;
background: #0f7eae
}
.main-header-navbar .dropdown-menu li>a {
color: #fff
}
.main-header-navbar .dropdown-menu li.active>a,
.main-header-navbar .dropdown-menu li>a:focus,
.main-header-navbar .dropdown-menu li>a:hover {
outline: 0;
color: #fff;
background: #47a2c9
}
.main-header-navbar .dropdown-menu li>a:after {
display: none
}
.main-header-navbar .dropdown-menu .current {
display: none
}
.main-header-navbar .dropdown-icon-menu:after {
background-color: #0d6a92
}
@media (max-width: 767px) {
.main-header-navbar-nav .btn .caret,
.main-header-navbar-nav .top-logo,
.main-header-navbar-nav .top-user-info-name {
display: none
}
.main-header-navbar-nav .dropdown.open>.btn,
.main-header-navbar-nav .dropdown>.btn,
.main-header-navbar-nav .dropdown>.btn:hover,
.main-header-navbar-nav .top-user-info-data>span {
display: block;
min-height: 0;
margin: 0 0 -2px;
padding: 6px 10px;
border: 1px solid #0d6a92;
background: #0d6a92;
box-shadow: none;
color: #fff;
text-align: left;
white-space: normal;
cursor: default
}
.main-header-navbar-nav .top-user-info-data>span {
margin: 0 0 10px
}
.main-header-navbar-nav .dropdown-menu {
position: relative;
display: block;
float: none
}
.touch .main-header-navbar-nav .dropdown-menu {
font-size: 15px
}
.touch .main-header-navbar-nav .dropdown.open>.btn,
.touch .main-header-navbar-nav .dropdown>.btn,
.touch .main-header-navbar-nav .top-user-info-data>span {
font-size: 15px;
padding-top: 11px;
padding-bottom: 11px
}
.main-header-navbar-nav,
.main-header-navbar-nav .top-user,
.main-header-navbar-nav .top-webspace,
.main-header-navbar-nav>li {
display: none
}
.r-show-main-header-navbar .main-header-navbar-nav,
.r-show-top-help li.top-help,
.r-show-top-user .top-user,
.r-show-top-user li.top-user-info,
.r-show-top-webspace .top-webspace,
.r-show-top-webspace li.top-user-info {
display: block
}
}
@media (min-width: 768px) {
.r-main-header-navbar {
display: none
}
.main-header-navbar {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.main-header-navbar:before {
content: '';
display: inline-block;
height: 50px;
vertical-align: middle;
margin-right: -.25em
}
.main-header-navbar-nav {
display: inline-block;
vertical-align: middle;
position: relative;
margin-top: -1px
}
.main-header-navbar-nav>li {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 11px;
line-height: 16px
}
.main-header-navbar-nav>li .dropdown {
display: inline-block;
vertical-align: top
}
.main-header-navbar-nav>li .dropdown.open {
z-index: 1000;
margin: -5px -6px
}
.main-header-navbar-nav>.top-logo {
margin-left: 20px
}
.main-header-navbar .top-logo img {
height: 31px
}
.main-header-navbar .top-user-info-wrapper {
display: table
}
.main-header-navbar .top-user-info-row {
display: table-row
}
.main-header-navbar .top-user-info-row>div {
display: table-cell;
padding-top: 1px;
padding-bottom: 1px;
vertical-align: middle
}
.main-header-navbar .top-user-info-name {
padding-right: 7px;
text-align: right;
color: rgba(255, 255, 255, .6)
}
.main-header-navbar .top-user-info-data>span {
color: #fff;
display: inline-block;
vertical-align: text-top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 240px
}
.main-header-navbar .dropdown>.btn,
.main-header-navbar .dropdown>.btn:hover {
min-width: 0;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
background: 0 0;
box-shadow: none;
color: #fff;
outline: 0;
vertical-align: top
}
.main-header-navbar .dropdown>.btn:hover {
color: #dedede
}
.main-header-navbar .btn>span {
display: inline-block;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
max-width: 240px
}
.main-header-navbar .top-user .btn,
.main-header-navbar .top-user .btn b {
font-weight: 600
}
.main-header-navbar .btn .caret {
display: inline-block;
width: 0;
height: 0;
margin: 0;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid rgba(255, 255, 255, 0);
border-left: 4px solid rgba(255, 255, 255, 0)
}
.main-header-navbar .dropdown.open .btn {
padding: 4px 5px;
border: 1px solid #0f7eae;
background: #0f7eae;
color: #fff
}
.main-header-navbar .dropdown-menu {
min-width: 100%;
max-height: 400px;
overflow-x: hidden
}
}
.main-header-banner {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.touch .main-header-banner {
display: none
}
.main-header-banner .top-action {
float: left;
margin: 6px 0 0 20px;
padding: 0 5px;
text-align: left;
white-space: nowrap;
text-decoration: none;
background: #e9e9e9;
font-size: 11px;
line-height: 1.3
}
.main-header-banner .top-action span {
float: left;
height: 32px;
padding: 5px 0 1px 36px;
cursor: pointer;
color: #000;
background: 0 50% no-repeat;
background-image: url(../icons/32/plesk/online-store8011.png?17.0);
background-size: 32px 32px
}
.main-header-banner .top-action:hover span {
color: #188dd9
}
.main-header-banner .top-feedback span {
background-image: url(../icons/32/plesk/feedback8011.png?17.0)
}
@media (max-width: 959px) {
.main-header-banner {
display: none
}
}
.page-sidebar-hidden .page-sidebar-wrapper {
display: none
}
.page-sidebar-wrapper {
background: #38444f
}
@media (min-width: 768px) {
.page-sidebar-wrapper {
position: fixed;
z-index: 200;
top: 51px;
bottom: 0;
left: 0;
width: 220px;
-webkit-transition: left .3s ease-in-out;
transition: left .3s ease-in-out
}
.page-header-hidden .page-sidebar-wrapper {
top: 0
}
.page-sidebar-closed .page-sidebar-wrapper {
left: -220px
}
.page-sidebar {
overflow: hidden;
width: 100%;
height: 100%
}
.page-sidebar:hover,
.touch .page-sidebar {
overflow: auto
}
.page-sidebar-content {
display: table;
width: 100%;
height: 100%
}
.page-sidebar-menu-wrapper {
display: table-row;
height: 100%
}
}
@media (min-width: 768px) {
.page-sidebar-toggler-wrapper {
position: absolute;
top: 0;
right: -12px;
bottom: 0;
width: 12px;
-webkit-transition: opacity 1s linear;
transition: opacity 1s linear;
opacity: 0
}
.page-sidebar-toggler-wrapper:hover,
.touch .page-sidebar-toggler-wrapper {
-webkit-transition-duration: .2s;
transition-duration: .2s;
opacity: 1
}
.page-sidebar-toggler {
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 35px;
margin-top: -17px;
cursor: pointer;
border-left: 0;
border-radius: 0 3px 3px 0;
background: #3d464e
}
.page-sidebar-toggler:before {
top: 50%;
content: "";
position: absolute;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 4px 0;
border-color: rgba(255, 255, 255, 0) #fff;
margin: -4px 0 0 1px
}
.page-sidebar-closed .page-sidebar-toggler:before {
border-width: 4px 0 4px 4px
}
}
.page-sidebar-search {
box-sizing: border-box;
padding: 10px
}
.page-sidebar-search .form-control {
width: 100%;
height: 24px;
padding: 2px 30px 2px 8px;
color: #202020;
border: 1px solid #fff;
background: #fff
}
.page-sidebar-search .form-control:focus {
border-color: #fff;
background: #fff
}
.touch .page-sidebar-search .form-control {
height: 30px;
padding-top: 4px;
padding-bottom: 4px
}
.page-sidebar-search .form-control::-webkit-input-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #202020
}
.page-sidebar-search .form-control::-moz-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #202020
}
.page-sidebar-search .form-control:-ms-input-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #202020
}
.page-sidebar-search .form-control::placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #202020
}
.page-sidebar-search .form-control:focus::-webkit-input-placeholder {
opacity: 0
}
.page-sidebar-search .form-control:focus::-moz-placeholder {
opacity: 0
}
.page-sidebar-search .form-control:focus:-ms-input-placeholder {
opacity: 0
}
.page-sidebar-search .form-control:focus::placeholder {
opacity: 0
}
.page-sidebar-search .form-control-feedback {
position: relative;
z-index: 2;
display: block;
float: right;
width: 16px;
height: 16px;
margin: -20px 8px 0 0;
text-align: center;
pointer-events: none;
line-height: 24px;
background-repeat: no-repeat;
background-size: 16px 16px
}
.touch .page-sidebar-search .form-control-feedback {
margin-top: -23px
}
.page-sidebar-search .dropdown-menu {
max-width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
background: #0f7eae
}
.page-sidebar-search .dropdown-menu li>a {
white-space: normal;
color: #fff
}
.page-sidebar-search .dropdown-menu li.active>a,
.page-sidebar-search .dropdown-menu li>a:focus,
.page-sidebar-search .dropdown-menu li>a:hover {
outline: 0;
color: #fff;
background: #47a2c9
}
.page-sidebar-search .dropdown-menu li>a:after {
display: none
}
.page-sidebar-search .dropdown-menu .search-results-note {
position: relative;
z-index: 1;
background: #0f7eae;
margin: 0 8px;
padding: 10px 0 12px;
line-height: 14px;
color: #fff
}
.page-sidebar-search .dropdown-menu .search-results-note b {
font-weight: 400
}
.page-sidebar-search .dropdown-menu .search-results-note a {
color: rgba(255, 255, 255, .5)
}
.page-sidebar-search .dropdown-menu .search-results-note a:hover {
color: rgba(255, 255, 255, .5)
}
.page-sidebar-search .dropdown-menu li+li>.search-results-note {
margin-top: 5px;
border-top: 1px solid #0d6a92
}
.page-sidebar-search .dropdown-icon-menu:after {
background-color: #0d6a92
}
@media (max-width: 767px) {
.page-sidebar-search-wrapper {
display: none
}
.page-sidebar-search-wrapper.r-page-sidebar-search-active {
display: block
}
.page-sidebar-search .dropdown-menu {
position: relative;
float: none
}
.touch .page-sidebar-search .dropdown-menu {
font-size: 15px
}
}
@media (min-width: 768px) {
.page-sidebar-search .dropdown {
position: static
}
.page-sidebar-search .dropdown-menu {
top: auto;
left: auto;
min-width: 200px;
margin-right: 10px
}
}
.icon-search-home {
background-image: url(../icons/16/plesk/search-home8011.png?17.0)
}
.icon-search-clients {
background-image: url(../icons/16/plesk/search-clients8011.png?17.0)
}
.icon-search-users {
background-image: url(../icons/16/plesk/search-users8011.png?17.0)
}
.icon-search-resellers {
background-image: url(../icons/16/plesk/search-resellers8011.png?17.0)
}
.icon-search-domains {
background-image: url(../icons/16/plesk/search-domains8011.png?17.0)
}
.icon-search-subscriptions {
background-image: url(../icons/16/plesk/search-subscriptions8011.png?17.0)
}
.icon-search-service-plans {
background-image: url(../icons/16/plesk/search-service-plans8011.png?17.0)
}
.icon-search-tools {
background-image: url(../icons/16/plesk/search-tools8011.png?17.0)
}
.icon-search-wordpress-toolkit {
background-image: url(../icons/16/plesk/search-wordpress-toolkit8011.png?17.0)
}
.icon-search-health {
background-image: url(../icons/16/plesk/search-health8011.png?17.0)
}
.icon-search-modules {
background-image: url(../icons/16/plesk/search-modules8011.png?17.0)
}
.icon-search-personal-info {
background-image: url(../icons/16/plesk/search-personal-info8011.png?17.0)
}
.icon-search-credentials-info {
background-image: url(../icons/16/plesk/search-credentials-info8011.png?17.0)
}
.icon-search-mails {
background-image: url(../icons/16/plesk/search-mails8011.png?17.0)
}
.icon-search-applications {
background-image: url(../icons/16/plesk/search-applications8011.png?17.0)
}
.icon-search-files {
background-image: url(../icons/16/plesk/search-files8011.png?17.0)
}
.icon-search-sharing {
background-image: url(../icons/16/plesk/search-sharing8011.png?17.0)
}
.icon-search-statistics {
background-image: url(../icons/16/plesk/search-statistics8011.png?17.0)
}
.icon-search-custom {
background-image: url(../icons/16/plesk/search-custom8011.png?17.0)
}
.icon-search-roles {
background-image: url(../icons/16/plesk/search-roles8011.png?17.0)
}
.icon-search-mail-lists {
background-image: url(../icons/16/plesk/search-mail-lists8011.png?17.0)
}
.icon-search-databases {
background-image: url(../icons/16/plesk/search-database8011.png?17.0)
}
.icon-search-docker {
background-image: url(../icons/16/plesk/search-docker8011.png?17.0)
}
.page-sidebar-menu-wrapper .menu-toggler {
position: relative;
display: block;
padding: 12px 10px;
text-decoration: none;
color: #fff;
background: #0d6e98;
font-size: 18px;
line-height: 16px
}
.page-sidebar-menu-wrapper .menu-toggler:after {
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: 22px;
height: 22px;
margin: -11px 10px 0;
content: "";
background: 0 0 no-repeat;
background-image: url(../icons/64/plesk/_menu8011.png?17.0);
background-size: contain
}
@media (min-width: 768px) {
.page-sidebar-menu-wrapper .menu-toggler {
display: none
}
}
.page-sidebar-menu {
text-shadow: none;
line-height: 16px
}
.page-sidebar-menu,
.page-sidebar-menu .sub-menu {
margin: 0;
padding: 0;
list-style: none
}
.page-sidebar-menu a {
display: block;
padding: 12px 10px;
font-size: 14px
}
.page-sidebar-menu a,
.page-sidebar-menu a:hover {
color: #fff;
text-decoration: none
}
.page-sidebar-menu a:focus,
.page-sidebar-menu a:hover {
outline: 0;
background: rgba(255, 255, 255, .08)
}
.page-sidebar-menu .menu-group-title {
position: relative;
padding-right: 22px;
padding-left: 10px;
background: rgba(255, 255, 255, .12)
}
.page-sidebar-menu .menu-group-title:focus,
.page-sidebar-menu .menu-group-title:hover {
background: rgba(255, 255, 255, .16)
}
.page-sidebar-menu .menu-group-toggle {
position: absolute;
right: 10px;
overflow: hidden;
width: 8px;
height: 16px
}
.page-sidebar-menu .menu-group-toggle:before {
position: absolute;
top: 50%;
width: 0;
height: 0;
margin-top: -2px;
content: "";
border-bottom: 4px solid;
border-right: 4px solid rgba(255, 255, 255, 0);
border-left: 4px solid rgba(255, 255, 255, 0)
}
.page-sidebar-menu .close .menu-group-toggle:before {
border-top: 4px solid;
border-bottom: 0
}
.page-sidebar-menu .sub-menu>li {
overflow: hidden;
max-height: 108px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.page-sidebar-menu .sub-menu a {
padding-left: 34px
}
.page-sidebar-menu .sub-menu .active>a,
.page-sidebar-menu .sub-menu .active>a:hover {
background: #F44E00
}
.sid-main .page-sidebar-menu .sub-menu a {
border-bottom: 1px solid #495967
}
.sid-main .page-sidebar-menu .sub-menu>li:first-child a {
border-top: 1px solid #495967
}
.page-sidebar-menu .close .sub-menu>li {
box-sizing: border-box;
max-height: 0
}
.page-sidebar-menu [class*=" icon-"],
.page-sidebar-menu [class^=icon-] {
display: inline-block;
float: left;
width: 16px;
height: 16px;
margin: 0 0 0 -24px;
background-size: 16px
}
@media (max-width: 767px) {
.page-sidebar-menu {
display: none
}
.responsive-menu-visible .page-sidebar-menu {
display: block
}
}
@media (min-width: 768px) {
.page-sidebar-menu a {
padding: 9px 10px 9px 20px;
font-size: 13px
}
.sid-main .page-sidebar-menu a {
padding-top: 12px;
padding-bottom: 12px
}
.page-sidebar-menu .sub-menu a {
padding-left: 44px
}
.page-sidebar-menu .menu-group-name {
display: block;
max-width: 170px
}
.page-sidebar-menu .sub-menu .title {
display: block;
max-width: 148px
}
}
.icon-nav-home {
background-image: url(../icons/16/plesk/nav-home8011.png?17.0)
}
.icon-nav-clients {
background-image: url(../icons/16/plesk/nav-clients8011.png?17.0)
}
.icon-nav-users {
background-image: url(../icons/16/plesk/nav-users8011.png?17.0)
}
.icon-nav-resellers {
background-image: url(../icons/16/plesk/nav-resellers8011.png?17.0)
}
.icon-nav-domains {
background-image: url(../icons/16/plesk/nav-domains8011.png?17.0)
}
.icon-nav-subscriptions {
background-image: url(../icons/16/plesk/nav-subscriptions8011.png?17.0)
}
.icon-nav-service-plans {
background-image: url(../icons/16/plesk/nav-service-plans8011.png?17.0)
}
.icon-nav-tools {
background-image: url(../icons/16/plesk/nav-tools8011.png?17.0)
}
.icon-nav-wordpress-toolkit {
background-image: url(../icons/16/plesk/nav-wordpress-toolkit8011.png?17.0)
}
.icon-nav-health {
background-image: url(../icons/16/plesk/nav-health8011.png?17.0)
}
.icon-nav-shield {
background-image: url(../icons/16/plesk/toolbar-lock-active8011.png?17.0)
}
.icon-nav-modules {
background-image: url(../icons/16/plesk/nav-modules8011.png?17.0)
}
.icon-nav-personal-info {
background-image: url(../icons/16/plesk/nav-personal-info8011.png?17.0)
}
.icon-nav-credentials-info {
background-image: url(../icons/16/plesk/nav-credentials-info8011.png?17.0)
}
.icon-nav-mails {
background-image: url(../icons/16/plesk/nav-mails8011.png?17.0)
}
.icon-nav-applications {
background-image: url(../icons/16/plesk/nav-applications8011.png?17.0)
}
.icon-nav-files {
background-image: url(../icons/16/plesk/nav-files8011.png?17.0)
}
.icon-nav-sharing {
background-image: url(../icons/16/plesk/nav-sharing8011.png?17.0)
}
.icon-nav-statistics {
background-image: url(../icons/16/plesk/nav-statistics8011.png?17.0)
}
.icon-nav-custom {
background-image: url(../icons/16/plesk/nav-custom8011.png?17.0)
}
.icon-nav-database {
background-image: url(../icons/16/plesk/nav-database8011.png?17.0)
}
.icon-nav-interface-pref {
background-image: url(../icons/16/plesk/nav-interface-pref8011.png?17.0)
}
.icon-nav-docker {
background-image: url(../icons/16/plesk/nav-docker8011.png?17.0)
}
.icon-nav-billing-accounting {
background-image: url(../icons/16/plesk/nav-billing-accounting8011.png?17.0)
}
.icon-nav-billing-customers {
background-image: url(../icons/16/plesk/nav-billing-customers8011.png?17.0)
}
.icon-nav-billing-discounts {
background-image: url(../icons/16/plesk/nav-billing-discounts8011.png?17.0)
}
.icon-nav-billing-emails {
background-image: url(../icons/16/plesk/nav-billing-emails8011.png?17.0)
}
.icon-nav-billing-tasks {
background-image: url(../icons/16/plesk/nav-billing-events8011.png?17.0)
}
.icon-nav-billing-invoices {
background-image: url(../icons/16/plesk/nav-billing-invoices8011.png?17.0)
}
.icon-nav-billing-payments {
background-image: url(../icons/16/plesk/nav-billing-payments8011.png?17.0)
}
.icon-nav-billing-plans {
background-image: url(../icons/16/plesk/nav-billing-plans8011.png?17.0)
}
.icon-nav-billing-reports {
background-image: url(../icons/16/plesk/nav-billing-reports8011.png?17.0)
}
.icon-nav-billing-resellers {
background-image: url(../icons/16/plesk/nav-billing-resellers8011.png?17.0)
}
.icon-nav-billing-settings {
background-image: url(../icons/16/plesk/nav-billing-settings8011.png?17.0)
}
.icon-nav-billing-stores {
background-image: url(../icons/16/plesk/nav-billing-stores8011.png?17.0)
}
.icon-nav-billing-subscriptions {
background-image: url(../icons/16/plesk/nav-billing-subscriptions8011.png?17.0)
}
.icon-nav-billing-todos {
background-image: url(../icons/16/plesk/nav-billing-todos8011.png?17.0)
}
.icon-nav-navigation {
background-image: url(../icons/16/plesk/nav-navigation8011.png?17.0)
}
.view-switcher {
box-sizing: border-box;
margin-top: -1px;
min-height: 34px;
border-top: 1px solid rgba(255, 255, 255, .2)
}
.view-switcher a {
display: block;
padding: 12px 26px 12px 34px;
line-height: 16px
}
.view-switcher a [class*=" icon-"],
.view-switcher a [class^=icon-] {
float: left;
margin-left: -24px
}
.view-switcher a,
.view-switcher a:hover {
text-decoration: none;
color: #fff
}
.view-switcher a:active,
.view-switcher a:hover {
background: rgba(255, 255, 255, .05)
}
.view-switcher .close {
float: right;
color: #fff;
line-height: 16px;
width: 16px;
border-radius: 50%;
margin: 9px 10px 0 0;
text-align: center;
cursor: pointer
}
.view-switcher .close:hover {
background: rgba(255, 255, 255, .08)
}
.view-switcher .close:before {
content: "\2715";
font-weight: 400;
font-size: 10px
}
@media (max-width: 767px) {
.page-sidebar-footer-wrapper {
display: none
}
.responsive-menu-visible+.page-sidebar-footer-wrapper {
display: block
}
}
@media (min-width: 768px) {
.view-switcher {
margin-top: 30px
}
.view-switcher a {
padding: 9px 26px 9px 44px
}
}
.page-footer {
padding: 5px 10px;
text-align: center;
color: rgba(255, 255, 255, .6);
border-top: 1px solid #38444f;
background: #222a32;
font-size: 12px;
line-height: 24px
}
.page-footer a,
.page-footer a.s-btn,
.page-footer a.s-btn:active,
.page-footer a.s-btn:hover,
.page-footer a.s-btn:visited,
.page-footer a:active,
.page-footer a:hover,
.page-footer a:visited {
text-decoration: none;
color: rgba(255, 255, 255, .6)
}
.page-footer .feedback-actions:before,
.page-footer .social-actions:before {
float: left;
margin: 0 5px;
content: "|";
line-height: 20px
}
.page-footer .fb-like-widget {
overflow: hidden;
margin: 2px 0 0 5px;
vertical-align: top;
border: 0 none;
background: 0 0
}
.page-footer .fb-like,
.page-footer .fb-link,
.page-footer .feedback-actions,
.page-footer .social-actions {
display: inline-block;
vertical-align: top
}
.page-footer .feedback-actions .s-btn {
margin: 0;
vertical-align: baseline;
font-size: 12px
}
.sid-login {
background: #222a32
}
#login-page {
max-width: 466px;
position: relative;
margin: auto;
padding-top: 20px;
text-align: left
}
#login-page #header {
height: 50px;
padding: 5px 20px;
background: #0f7faf
}
#login-page #header .logo {
margin: 0
}
#login-page #header .logo img {
height: 50px
}
#login-page #content {
padding: 20px;
background: #fff
}
#login-page .form-box {
margin: 0
}
#login-page .form-row input[type=text],
#login-page .form-row input[type=password],
#login-page .form-row select {
min-width: 100%
}
#login-page .btns-box .field-value {
margin-top: 12px
}
#login-page .login-info {
margin: 0 0 12px
}
.login-footer {
max-width: 466px;
margin: auto;
padding: 5px 10px;
text-align: center;
line-height: 24px;
color: rgba(255, 255, 255, .6);
font-size: 12px
}
.login-footer a,
.login-footer a:hover {
text-decoration: none;
color: rgba(255, 255, 255, .6)
}
@media (min-width: 480px) {
#login-page .form-row .field-name {
width: 160px;
float: left;
margin: 3px 0 0;
font-weight: 400
}
#login-page .form-row .field-value {
margin-left: 175px
}
#login-page .btns-box .field-value {
margin-top: 0;
text-align: right
}
#login-page .btns-box .field-value .btn {
margin-left: 5px;
margin-right: 0
}
}
@media (min-width: 768px) {
#login-page {
padding-top: 120px
}
}
hr+.active-list {
padding-top: 6px
}
.active-list {
margin-bottom: 12px
}
.active-list-wrap>.active-list-item {
margin-bottom: 12px
}
.active-list .active-list-item {
border: 1px solid #bebebe;
background: #fafafa
}
.active-list .caption {
position: relative;
padding-bottom: 10px
}
.active-list-item .caption-control {
position: relative;
margin: 10px 17px -10px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
border-top: 1px solid #e2e2e2;
background: #fafafa;
-webkit-touch-callout: none
}
.active-list-item-expanded .caption-control {
margin-bottom: -11px;
border: solid #e2e2e2;
border-width: 1px 0
}
.active-list-item .caption-control-wrap {
position: relative;
display: inline-block;
text-align: left;
vertical-align: bottom;
margin: 3px auto;
padding: 4px 14px 4px 7px;
height: 16px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
color: #353535;
background: #fafafa
}
.active-list-item .caption-control:hover .caption-control-wrap {
background-color: rgba(9, 114, 159, .2);
color: #353535
}
.active-list-item .caption-control i {
display: inline-block;
width: 8px;
height: 6px;
margin: 6px 0 0;
vertical-align: top;
background: url(../images/collapsible-control8011.png?17.0) 0 -40px no-repeat;
background-size: 18px 80px
}
.active-list-item .caption-control:hover i {
background-position: -10px -40px
}
.active-list-item-expanded .caption-control i {
margin-top: 5px;
background-position: 0 -50px
}
.active-list-item-expanded .caption-control:hover i {
background-position: -10px -50px
}
.active-list-item .caption-control-off,
.active-list-item .caption-control-on {
margin-left: 1px;
vertical-align: top;
line-height: 16px
}
.active-list-item-collapsed .caption-control-off,
.active-list-item-expanded .caption-control-on {
display: none
}
.active-list .caption-header-wrap .msg-box {
margin-bottom: 2px
}
.active-list .caption-header-wrap .msg-box+.msg-box {
margin-top: -1px
}
.active-list .caption-icon,
.active-list .caption-icon img {
float: left;
width: 32px;
height: 32px
}
.active-list .caption-icon {
margin: 8px 8px 0 18px
}
.active-list .caption-head-wrap {
margin: -1px;
padding: 8px 0 12px 18px;
background: #09729f;
cursor: default;
color: rgba(255, 255, 255, .85)
}
.active-list .caption-head-wrap .label {
margin: 6px 18px 0 0;
vertical-align: top
}
.active-list .caption-head-wrap .label+.label {
margin-left: -12px
}
.active-list .active-list-item-inactive .caption-head-wrap {
background-color: #b1b1b1
}
.active-list .active-list-item-success .caption-head-wrap {
background-color: #4e8a09
}
.active-list .active-list-item-warning .caption-head-wrap {
background-color: #b77500
}
.active-list .active-list-item-danger .caption-head-wrap {
background-color: #940a0a
}
.active-list .caption-icon+.caption-head .caption-head-wrap {
padding-left: 59px
}
.active-list .active-list-item-collapsible .caption-head-wrap {
cursor: pointer
}
.active-list .active-list-item-collapsible .caption-head-wrap:hover .caption-name {
color: rgba(255, 255, 255, .85)
}
.active-list .caption-head-widget {
float: right;
margin: 1px 18px 0 0
}
.active-list .caption-head-widget:before {
content: "";
display: inline-block;
height: 30px;
vertical-align: middle
}
.active-list .caption-head-widget .btn {
margin: 0
}
.active-list .caption-name {
display: inline;
margin: 0 18px 0 0;
padding: 0;
font-size: 25px;
line-height: 28px;
color: #fff;
word-wrap: break-word;
overflow-wrap: break-word
}
.active-list .caption-name a {
color: #fff
}
.active-list .caption-name a:hover {
color: rgba(255, 255, 255, .85)
}
.active-list .caption-head-action,
.active-list .caption-head-action a {
font-size: 13px;
color: rgba(255, 255, 255, .85)
}
.active-list .caption-head-action a:hover {
color: #fff
}
.active-list .caption-head-action {
display: inline-block;
vertical-align: top;
line-height: 18px
}
.active-list .caption-head-action {
margin: 6px 18px 0 0
}
.active-list .caption-head-action .btn,
.active-list .caption-head-action select {
margin: -4px 0
}
.active-list .caption-head-action .btn {
color: #373737
}
.active-list .caption-head-action .btn:focus,
.active-list .caption-head-action .btn:hover {
color: #fff
}
.active-list .caption-head-action .btn.active,
.active-list .caption-head-action .btn:active {
color: #fff
}
.active-list .caption-description .description-item {
margin: 6px 0 0 17px
}
.active-list .caption-description a {
display: inline-block;
margin: 0 0 0 12px;
vertical-align: top;
white-space: nowrap
}
.active-list .caption-summary {
padding: 4px 17px 0 0
}
.active-list .caption-summary-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.active-list .caption-summary .summary-item {
margin: 6px 0 0 17px;
line-height: 18px;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all
}
.active-list .caption-toolbar {
padding: 4px 17px 0 0
}
.active-list .caption-toolbar a {
display: inline-block;
margin: 6px 0 0 17px;
vertical-align: top;
white-space: nowrap
}
.active-list .caption-statistics {
padding: 10px 0
}
.active-list .caption-statistics .item-info {
padding: 13px 0 0
}
.active-list .caption-statistics .item-info-wrap {
position: relative
}
.active-list .caption-statistics .stat-item {
width: 33.33%;
vertical-align: top
}
.active-list .stat-data,
.active-list .stat-gauge,
.active-list .stat-name {
display: block
}
.active-list .stat-gauge,
.active-list .stat-name {
padding: 0 0 1px
}
.active-list .caption-services,
.active-list .caption-statistics {
margin: 10px 17px -11px;
border: solid #e2e2e2;
border-width: 1px 0
}
.active-list .caption-wrap>hr {
margin: 10px 17px -11px
}
.active-list .caption-service-icon,
.active-list .caption-service-title,
.active-list .caption-service-toolbar {
display: inline-block;
vertical-align: top;
line-height: 26px
}
.active-list .caption-service-toolbar .toggler {
line-height: normal
}
.active-list .caption-service-title {
margin: 0 10px 0 0;
white-space: nowrap
}
.active-list .caption-service-icon {
margin: 0 2px 0 -38px;
float: left
}
.active-list .caption-service-icon img {
display: block;
height: 32px
}
.active-list .caption-service-name {
display: inline-block;
white-space: normal;
line-height: 16px;
vertical-align: middle
}
.active-list .caption-service-toolbar>a,
.active-list .caption-service-toolbar>button,
.active-list .caption-service-toolbar>div,
.active-list .caption-service-toolbar>span {
display: inline-block;
margin: 1px 1px 1px 0;
vertical-align: middle
}
.active-list .caption-service-toolbar .caption-service-item {
margin: 0
}
.active-list .caption-service-toolbar .caption-service-text {
display: block;
margin: 2px 5px 0 0;
line-height: 16px
}
.active-list .caption-service-toolbar .item-invisible {
display: none
}
.active-list .caption-services select {
height: 26px;
margin: 5px 5px 0 0;
padding: 2px
}
.active-list .caption-service-block {
padding: 5px 0 5px 38px;
min-height: 32px
}
.active-list .caption-services-custom .b-grid-item:first-child .caption-service-block {
padding-right: 16px
}
.active-list .caption-services-quick-start .caption-services-wrap {
padding: 10px 0
}
.active-list .quick-start-header {
margin: 0 0 10px;
font-size: 15px;
color: #1a2b33
}
.active-list .quick-start-header .close {
text-shadow: none;
float: right;
color: #000;
line-height: 16px;
width: 16px;
margin: 2px 0 0 10px;
text-align: center;
cursor: pointer
}
.active-list .quick-start-header .close:hover {
opacity: .8
}
.active-list .quick-start-header .close:before {
content: "\2715";
font-weight: 400;
font-size: 16px
}
.active-list .caption-services-custom .b-grid,
.active-list .caption-services-quick-start .b-grid {
margin: 0 -17px
}
.active-list .caption-services-custom .b-grid-list,
.active-list .caption-services-quick-start .b-grid-list {
position: relative
}
.active-list .caption-services-custom .b-grid-item+.b-grid-item:before,
.active-list .caption-services-quick-start .b-grid-item+.b-grid-item:before {
display: block;
content: "";
border-top: 1px solid #e2e2e2;
margin: 0 17px;
height: 1px
}
.active-list .caption-services-quick-start .b-grid-item+.b-grid-item:before {
margin: 12px 17px 6px
}
.active-list .caption-services-custom .b-grid-item .caption-service-block {
padding: 5px 17px 5px 55px
}
.active-list .quick-start-block {
padding: 0 17px
}
.active-list .quick-start-block .btn .icon {
display: none
}
.active-list .quick-start-name {
font-weight: 700
}
.active-list .quick-start-actions {
padding-top: 5px
}
@media (min-width: 960px) {
.active-list .caption-services-custom .b-grid-list,
.active-list .caption-services-quick-start .b-grid-list {
display: table;
width: 100%
}
.active-list .caption-services-custom .b-grid-item,
.active-list .caption-services-quick-start .b-grid-item {
display: table-cell
}
.active-list .caption-services-custom .b-grid-item+.b-grid-item:before,
.active-list .caption-services-quick-start .b-grid-item+.b-grid-item:before {
position: absolute;
height: 100%;
margin: 0 0 0 -1px;
border-top: 0;
border-left: 1px solid #e2e2e2
}
}
@media (max-width: 959px) {
.active-list .caption-services-custom .b-grid .b-grid-item,
.active-list .caption-services-quick-start .b-grid .b-grid-item {
width: 100%
}
}
.active-list .caption-data {
margin: 10px 17px 5px
}
.active-list .caption-data .form-group {
margin-bottom: 5px
}
.active-list .caption-data .form-group+.form-group {
margin-top: 10px
}
.active-list .caption-data .form-group label {
display: inline-block;
margin-bottom: 5px
}
.active-list .caption-data .form-group textarea {
display: block;
width: 100%;
height: auto
}
.active-list .active-list-details {
position: relative;
z-index: 1;
visibility: visible;
overflow: hidden;
max-height: 1500px;
-webkit-transition: visibility .5s ease, opacity .5s ease, max-height 1.5s ease;
transition: visibility .5s ease, opacity .5s ease, max-height 1.5s ease
}
.active-list .active-list-details:before {
content: "";
display: block;
height: 1px;
margin: 0 17px;
background: #e2e2e2
}
.active-list .active-list-details .progress-box {
margin-bottom: 12px
}
.active-list-item-collapsed .active-list-details {
visibility: hidden;
overflow: hidden;
max-height: 0;
-webkit-transition: visibility .3s ease, opacity .3s ease, margin .3s ease, max-height .3s ease;
transition: visibility .3s ease, opacity .3s ease, margin .3s ease, max-height .3s ease
}
.active-list .active-list-details-wrap {
padding: 11px 17px 10px
}
.active-list .active-list-details .form-table,
.active-list .active-list-details .form-table .field-name {
width: auto
}
.active-list .active-list-details .form-table img {
margin-top: -4px
}
.active-list .active-list-details .form-table+p {
margin-top: 7px
}
.active-list-bottom-bar {
padding: 10px;
text-align: center;
border: 1px solid #bebebe
}
.grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
box-sizing: border-box;
margin: -10px;
padding: 0
}
.grid+.grid {
margin-top: 10px
}
.grid+.grid-gutter-xs {
margin-top: 1px
}
.grid+.grid-gutter-sm {
margin-top: 5px
}
.grid+.grid-gutter-md {
margin-top: 10px
}
.grid+.grid-gutter-lg {
margin-top: 15px
}
.grid+.grid-gutter-xl {
margin-top: 20px
}
.grid>.grid-col {
position: relative;
display: inline-block;
width: 100%;
padding: 10px;
vertical-align: top;
box-sizing: inherit
}
.grid>* {
padding-left: 10px;
padding-right: 10px;
box-sizing: inherit
}
.grid>.grid:first-child {
margin-top: 0
}
.grid>.grid:last-child {
margin-bottom: 0
}
@media (min-width: 480px) {
.grid-sm-2>.grid-col {
width: 50%
}
.grid-sm-3>.grid-col {
width: 33.33333333%
}
.grid-sm-4>.grid-col {
width: 25%
}
.grid-sm-5>.grid-col {
width: 20%
}
.grid-sm-6>.grid-col {
width: 16.66666667%
}
.grid-col-sm-1 {
width: 8.33333333%!important
}
.grid-col-sm-2 {
width: 16.66666667%!important
}
.grid-col-sm-3 {
width: 25%!important
}
.grid-col-sm-4 {
width: 33.33333333%!important
}
.grid-col-sm-5 {
width: 41.66666667%!important
}
.grid-col-sm-6 {
width: 50%!important
}
.grid-col-sm-7 {
width: 58.33333333%!important
}
.grid-col-sm-8 {
width: 66.66666667%!important
}
.grid-col-sm-9 {
width: 75%!important
}
.grid-col-sm-10 {
width: 83.33333333%!important
}
.grid-col-sm-11 {
width: 91.66666667%!important
}
.grid-col-sm-12 {
width: 100%!important
}
}
@media (min-width: 768px) {
.grid-md-2>.grid-col {
width: 50%
}
.grid-md-3>.grid-col {
width: 33.33333333%
}
.grid-md-4>.grid-col {
width: 25%
}
.grid-md-5>.grid-col {
width: 20%
}
.grid-md-6>.grid-col {
width: 16.66666667%
}
.grid-col-md-1 {
width: 8.33333333%!important
}
.grid-col-md-2 {
width: 16.66666667%!important
}
.grid-col-md-3 {
width: 25%!important
}
.grid-col-md-4 {
width: 33.33333333%!important
}
.grid-col-md-5 {
width: 41.66666667%!important
}
.grid-col-md-6 {
width: 50%!important
}
.grid-col-md-7 {
width: 58.33333333%!important
}
.grid-col-md-8 {
width: 66.66666667%!important
}
.grid-col-md-9 {
width: 75%!important
}
.grid-col-md-10 {
width: 83.33333333%!important
}
.grid-col-md-11 {
width: 91.66666667%!important
}
.grid-col-md-12 {
width: 100%!important
}
}
@media (min-width: 960px) {
.grid-lg-2>.grid-col {
width: 50%
}
.grid-lg-3>.grid-col {
width: 33.33333333%
}
.grid-lg-4>.grid-col {
width: 25%
}
.grid-lg-5>.grid-col {
width: 20%
}
.grid-lg-6>.grid-col {
width: 16.66666667%
}
.grid-col-lg-1 {
width: 8.33333333%!important
}
.grid-col-lg-2 {
width: 16.66666667%!important
}
.grid-col-lg-3 {
width: 25%!important
}
.grid-col-lg-4 {
width: 33.33333333%!important
}
.grid-col-lg-5 {
width: 41.66666667%!important
}
.grid-col-lg-6 {
width: 50%!important
}
.grid-col-lg-7 {
width: 58.33333333%!important
}
.grid-col-lg-8 {
width: 66.66666667%!important
}
.grid-col-lg-9 {
width: 75%!important
}
.grid-col-lg-10 {
width: 83.33333333%!important
}
.grid-col-lg-11 {
width: 91.66666667%!important
}
.grid-col-lg-12 {
width: 100%!important
}
}
@media (min-width: 1220px) {
.grid-xl-2>.grid-col {
width: 50%
}
.grid-xl-3>.grid-col {
width: 33.33333333%
}
.grid-xl-4>.grid-col {
width: 25%
}
.grid-xl-5>.grid-col {
width: 20%
}
.grid-xl-6>.grid-col {
width: 16.66666667%
}
.grid-col-xl-1 {
width: 8.33333333%!important
}
.grid-col-xl-2 {
width: 16.66666667%!important
}
.grid-col-xl-3 {
width: 25%!important
}
.grid-col-xl-4 {
width: 33.33333333%!important
}
.grid-col-xl-5 {
width: 41.66666667%!important
}
.grid-col-xl-6 {
width: 50%!important
}
.grid-col-xl-7 {
width: 58.33333333%!important
}
.grid-col-xl-8 {
width: 66.66666667%!important
}
.grid-col-xl-9 {
width: 75%!important
}
.grid-col-xl-10 {
width: 83.33333333%!important
}
.grid-col-xl-11 {
width: 91.66666667%!important
}
.grid-col-xl-12 {
width: 100%!important
}
}
@media (min-width: 1620px) {
.grid-xxl-2>.grid-col {
width: 50%
}
.grid-xxl-3>.grid-col {
width: 33.33333333%
}
.grid-xxl-4>.grid-col {
width: 25%
}
.grid-xxl-5>.grid-col {
width: 20%
}
.grid-xxl-6>.grid-col {
width: 16.66666667%
}
.grid-col-xxl-1 {
width: 8.33333333%!important
}
.grid-col-xxl-2 {
width: 16.66666667%!important
}
.grid-col-xxl-3 {
width: 25%!important
}
.grid-col-xxl-4 {
width: 33.33333333%!important
}
.grid-col-xxl-5 {
width: 41.66666667%!important
}
.grid-col-xxl-6 {
width: 50%!important
}
.grid-col-xxl-7 {
width: 58.33333333%!important
}
.grid-col-xxl-8 {
width: 66.66666667%!important
}
.grid-col-xxl-9 {
width: 75%!important
}
.grid-col-xxl-10 {
width: 83.33333333%!important
}
.grid-col-xxl-11 {
width: 91.66666667%!important
}
.grid-col-xxl-12 {
width: 100%!important
}
}
@media (min-width: 1940px) {
.grid-xxxl-2>.grid-col {
width: 50%
}
.grid-xxxl-3>.grid-col {
width: 33.33333333%
}
.grid-xxxl-4>.grid-col {
width: 25%
}
.grid-xxxl-5>.grid-col {
width: 20%
}
.grid-xxxl-6>.grid-col {
width: 16.66666667%
}
.grid-col-xxxl-1 {
width: 8.33333333%!important
}
.grid-col-xxxl-2 {
width: 16.66666667%!important
}
.grid-col-xxxl-3 {
width: 25%!important
}
.grid-col-xxxl-4 {
width: 33.33333333%!important
}
.grid-col-xxxl-5 {
width: 41.66666667%!important
}
.grid-col-xxxl-6 {
width: 50%!important
}
.grid-col-xxxl-7 {
width: 58.33333333%!important
}
.grid-col-xxxl-8 {
width: 66.66666667%!important
}
.grid-col-xxxl-9 {
width: 75%!important
}
.grid-col-xxxl-10 {
width: 83.33333333%!important
}
.grid-col-xxxl-11 {
width: 91.66666667%!important
}
.grid-col-xxxl-12 {
width: 100%!important
}
}
.grid-gutter-collapsed {
margin: 0
}
.grid+.grid-gutter-collapsed {
margin-top: 20px
}
.grid-gutter-collapsed+.grid-gutter-collapsed {
margin-top: 0
}
.grid-gutter-collapsed>.grid-col {
padding: 0
}
.grid-gutter-collapsed>* {
padding-left: 0;
padding-right: 0
}
.grid-gutter-xs {
margin: -1px
}
.grid-gutter-xs>.grid-col {
padding: 1px
}
.grid-gutter-xs>* {
padding-left: 1px;
padding-right: 1px
}
.grid-gutter-sm {
margin: -5px
}
.grid-gutter-sm>.grid-col {
padding: 5px
}
.grid-gutter-sm>* {
padding-left: 5px;
padding-right: 5px
}
.grid-gutter-md {
margin: -10px
}
.grid-gutter-md>.grid-col {
padding: 10px
}
.grid-gutter-md>* {
padding-left: 10px;
padding-right: 10px
}
.grid-gutter-lg {
margin: -15px
}
.grid-gutter-lg>.grid-col {
padding: 15px
}
.grid-gutter-lg>* {
padding-left: 15px;
padding-right: 15px
}
.grid-gutter-xl {
margin: -20px
}
.grid-gutter-xl>.grid-col {
padding: 20px
}
.grid-gutter-xl>* {
padding-left: 20px;
padding-right: 20px
}
.grid-stretched>.grid-col {
display: -webkit-inline-box!important;
display: -webkit-inline-flex!important;
display: -ms-inline-flexbox!important;
display: inline-flex!important;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.grid-stretched>.grid-col>* {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.grid-divided-vertical-solid {
position: relative;
margin-right: -15px;
margin-left: -15px
}
.grid-divided-vertical-solid>*,
.grid-divided-vertical-solid>.grid-col {
padding-left: 15px;
padding-right: 15px
}
.grid-divided-vertical-solid>.grid-col:after {
position: absolute;
top: 10px;
bottom: 10px;
width: 1px;
margin-left: -15px;
background-color: #ddd
}
.grid-divided-vertical-solid.grid-divided-horizontal>.grid-col:after {
top: 15px;
bottom: 15px
}
@media (min-width: 480px) {
.grid-divided-vertical-solid.grid-sm-2>.grid-col:nth-child(n+2):nth-child(-n+2),
.grid-divided-vertical-solid.grid-sm-3>.grid-col:nth-child(n+2):nth-child(-n+3),
.grid-divided-vertical-solid.grid-sm-4>.grid-col:nth-child(n+2):nth-child(-n+4),
.grid-divided-vertical-solid.grid-sm-5>.grid-col:nth-child(n+2):nth-child(-n+5),
.grid-divided-vertical-solid.grid-sm-6>.grid-col:nth-child(n+2):nth-child(-n+6) {
position: static
}
.grid-divided-vertical-solid.grid-sm-2>.grid-col:nth-child(n+2):nth-child(-n+2):after,
.grid-divided-vertical-solid.grid-sm-3>.grid-col:nth-child(n+2):nth-child(-n+3):after,
.grid-divided-vertical-solid.grid-sm-4>.grid-col:nth-child(n+2):nth-child(-n+4):after,
.grid-divided-vertical-solid.grid-sm-5>.grid-col:nth-child(n+2):nth-child(-n+5):after,
.grid-divided-vertical-solid.grid-sm-6>.grid-col:nth-child(n+2):nth-child(-n+6):after {
content: ""
}
}
@media (min-width: 768px) {
.grid-divided-vertical-solid.grid-md-2>.grid-col:nth-child(n+2):nth-child(-n+2),
.grid-divided-vertical-solid.grid-md-3>.grid-col:nth-child(n+2):nth-child(-n+3),
.grid-divided-vertical-solid.grid-md-4>.grid-col:nth-child(n+2):nth-child(-n+4),
.grid-divided-vertical-solid.grid-md-5>.grid-col:nth-child(n+2):nth-child(-n+5),
.grid-divided-vertical-solid.grid-md-6>.grid-col:nth-child(n+2):nth-child(-n+6) {
position: static
}
.grid-divided-vertical-solid.grid-md-2>.grid-col:nth-child(n+2):nth-child(-n+2):after,
.grid-divided-vertical-solid.grid-md-3>.grid-col:nth-child(n+2):nth-child(-n+3):after,
.grid-divided-vertical-solid.grid-md-4>.grid-col:nth-child(n+2):nth-child(-n+4):after,
.grid-divided-vertical-solid.grid-md-5>.grid-col:nth-child(n+2):nth-child(-n+5):after,
.grid-divided-vertical-solid.grid-md-6>.grid-col:nth-child(n+2):nth-child(-n+6):after {
content: ""
}
}
@media (min-width: 960px) {
.grid-divided-vertical-solid.grid-lg-2>.grid-col:nth-child(n+2):nth-child(-n+2),
.grid-divided-vertical-solid.grid-lg-3>.grid-col:nth-child(n+2):nth-child(-n+3),
.grid-divided-vertical-solid.grid-lg-4>.grid-col:nth-child(n+2):nth-child(-n+4),
.grid-divided-vertical-solid.grid-lg-5>.grid-col:nth-child(n+2):nth-child(-n+5),
.grid-divided-vertical-solid.grid-lg-6>.grid-col:nth-child(n+2):nth-child(-n+6) {
position: static
}
.grid-divided-vertical-solid.grid-lg-2>.grid-col:nth-child(n+2):nth-child(-n+2):after,
.grid-divided-vertical-solid.grid-lg-3>.grid-col:nth-child(n+2):nth-child(-n+3):after,
.grid-divided-vertical-solid.grid-lg-4>.grid-col:nth-child(n+2):nth-child(-n+4):after,
.grid-divided-vertical-solid.grid-lg-5>.grid-col:nth-child(n+2):nth-child(-n+5):after,
.grid-divided-vertical-solid.grid-lg-6>.grid-col:nth-child(n+2):nth-child(-n+6):after {
content: ""
}
}
@media (min-width: 1220px) {
.grid-divided-vertical-solid.grid-xl-2>.grid-col:nth-child(n+2):nth-child(-n+2),
.grid-divided-vertical-solid.grid-xl-3>.grid-col:nth-child(n+2):nth-child(-n+3),
.grid-divided-vertical-solid.grid-xl-4>.grid-col:nth-child(n+2):nth-child(-n+4),
.grid-divided-vertical-solid.grid-xl-5>.grid-col:nth-child(n+2):nth-child(-n+5),
.grid-divided-vertical-solid.grid-xl-6>.grid-col:nth-child(n+2):nth-child(-n+6) {
position: static
}
.grid-divided-vertical-solid.grid-xl-2>.grid-col:nth-child(n+2):nth-child(-n+2):after,
.grid-divided-vertical-solid.grid-xl-3>.grid-col:nth-child(n+2):nth-child(-n+3):after,
.grid-divided-vertical-solid.grid-xl-4>.grid-col:nth-child(n+2):nth-child(-n+4):after,
.grid-divided-vertical-solid.grid-xl-5>.grid-col:nth-child(n+2):nth-child(-n+5):after,
.grid-divided-vertical-solid.grid-xl-6>.grid-col:nth-child(n+2):nth-child(-n+6):after {
content: ""
}
}
@media (min-width: 1620px) {
.grid-divided-vertical-solid.grid-xxl-2>.grid-col:nth-child(n+2):nth-child(-n+2),
.grid-divided-vertical-solid.grid-xxl-3>.grid-col:nth-child(n+2):nth-child(-n+3),
.grid-divided-vertical-solid.grid-xxl-4>.grid-col:nth-child(n+2):nth-child(-n+4),
.grid-divided-vertical-solid.grid-xxl-5>.grid-col:nth-child(n+2):nth-child(-n+5),
.grid-divided-vertical-solid.grid-xxl-6>.grid-col:nth-child(n+2):nth-child(-n+6) {
position: static
}
.grid-divided-vertical-solid.grid-xxl-2>.grid-col:nth-child(n+2):nth-child(-n+2):after,
.grid-divided-vertical-solid.grid-xxl-3>.grid-col:nth-child(n+2):nth-child(-n+3):after,
.grid-divided-vertical-solid.grid-xxl-4>.grid-col:nth-child(n+2):nth-child(-n+4):after,
.grid-divided-vertical-solid.grid-xxl-5>.grid-col:nth-child(n+2):nth-child(-n+5):after,
.grid-divided-vertical-solid.grid-xxl-6>.grid-col:nth-child(n+2):nth-child(-n+6):after {
content: ""
}
}
@media (min-width: 1940px) {
.grid-divided-vertical-solid.grid-xxl-2>.grid-col:nth-child(n+2):nth-child(-n+2),
.grid-divided-vertical-solid.grid-xxl-3>.grid-col:nth-child(n+2):nth-child(-n+3),
.grid-divided-vertical-solid.grid-xxl-4>.grid-col:nth-child(n+2):nth-child(-n+4),
.grid-divided-vertical-solid.grid-xxl-5>.grid-col:nth-child(n+2):nth-child(-n+5),
.grid-divided-vertical-solid.grid-xxl-6>.grid-col:nth-child(n+2):nth-child(-n+6) {
position: static
}
.grid-divided-vertical-solid.grid-xxl-2>.grid-col:nth-child(n+2):nth-child(-n+2):after,
.grid-divided-vertical-solid.grid-xxl-3>.grid-col:nth-child(n+2):nth-child(-n+3):after,
.grid-divided-vertical-solid.grid-xxl-4>.grid-col:nth-child(n+2):nth-child(-n+4):after,
.grid-divided-vertical-solid.grid-xxl-5>.grid-col:nth-child(n+2):nth-child(-n+5):after,
.grid-divided-vertical-solid.grid-xxl-6>.grid-col:nth-child(n+2):nth-child(-n+6):after {
content: ""
}
}
.grid-divided-horizontal {
margin-top: -15px;
margin-bottom: -15px
}
.grid-divided-horizontal+.grid {
margin-top: 15px
}
.grid-divided-horizontal>*,
.grid-divided-horizontal>.grid-col {
padding-top: 15px;
padding-bottom: 15px
}
.grid-divided-horizontal>.grid-col:before {
position: absolute;
right: 10px;
left: 10px;
height: 1px;
margin-top: -15px;
content: "";
background-color: #ddd
}
.grid-divided-horizontal.grid-divided-vertical-solid>.grid-col:before {
right: 15px;
left: 15px
}
.grid-divided-horizontal>.grid-col:first-child:before {
display: none
}
@media (min-width: 480px) {
.grid-divided-horizontal.grid-sm-2>.grid-col:nth-child(n+1):nth-child(-n+2):before,
.grid-divided-horizontal.grid-sm-3>.grid-col:nth-child(n+1):nth-child(-n+3):before,
.grid-divided-horizontal.grid-sm-4>.grid-col:nth-child(n+1):nth-child(-n+4):before,
.grid-divided-horizontal.grid-sm-5>.grid-col:nth-child(n+1):nth-child(-n+5):before,
.grid-divided-horizontal.grid-sm-6>.grid-col:nth-child(n+1):nth-child(-n+6):before {
display: none
}
}
@media (min-width: 768px) {
.grid-divided-horizontal.grid-md-2>.grid-col:nth-child(n+1):nth-child(-n+2):before,
.grid-divided-horizontal.grid-md-3>.grid-col:nth-child(n+1):nth-child(-n+3):before,
.grid-divided-horizontal.grid-md-4>.grid-col:nth-child(n+1):nth-child(-n+4):before,
.grid-divided-horizontal.grid-md-5>.grid-col:nth-child(n+1):nth-child(-n+5):before,
.grid-divided-horizontal.grid-md-6>.grid-col:nth-child(n+1):nth-child(-n+6):before {
display: none
}
}
@media (min-width: 960px) {
.grid-divided-horizontal.grid-lg-2>.grid-col:nth-child(n+1):nth-child(-n+2):before,
.grid-divided-horizontal.grid-lg-3>.grid-col:nth-child(n+1):nth-child(-n+3):before,
.grid-divided-horizontal.grid-lg-4>.grid-col:nth-child(n+1):nth-child(-n+4):before,
.grid-divided-horizontal.grid-lg-5>.grid-col:nth-child(n+1):nth-child(-n+5):before,
.grid-divided-horizontal.grid-lg-6>.grid-col:nth-child(n+1):nth-child(-n+6):before {
display: none
}
}
@media (min-width: 1220px) {
.grid-divided-horizontal.grid-xl-2>.grid-col:nth-child(n+1):nth-child(-n+2):before,
.grid-divided-horizontal.grid-xl-3>.grid-col:nth-child(n+1):nth-child(-n+3):before,
.grid-divided-horizontal.grid-xl-4>.grid-col:nth-child(n+1):nth-child(-n+4):before,
.grid-divided-horizontal.grid-xl-5>.grid-col:nth-child(n+1):nth-child(-n+5):before,
.grid-divided-horizontal.grid-xl-6>.grid-col:nth-child(n+1):nth-child(-n+6):before {
display: none
}
}
@media (min-width: 1620px) {
.grid-divided-horizontal.grid-xxl-2>.grid-col:nth-child(n+1):nth-child(-n+2):before,
.grid-divided-horizontal.grid-xxl-3>.grid-col:nth-child(n+1):nth-child(-n+3):before,
.grid-divided-horizontal.grid-xxl-4>.grid-col:nth-child(n+1):nth-child(-n+4):before,
.grid-divided-horizontal.grid-xxl-5>.grid-col:nth-child(n+1):nth-child(-n+5):before,
.grid-divided-horizontal.grid-xxl-6>.grid-col:nth-child(n+1):nth-child(-n+6):before {
display: none
}
}
@media (min-width: 1940px) {
.grid-divided-horizontal.grid-xxxl-2>.grid-col:nth-child(n+1):nth-child(-n+2):before,
.grid-divided-horizontal.grid-xxxl-3>.grid-col:nth-child(n+1):nth-child(-n+3):before,
.grid-divided-horizontal.grid-xxxl-4>.grid-col:nth-child(n+1):nth-child(-n+4):before,
.grid-divided-horizontal.grid-xxxl-5>.grid-col:nth-child(n+1):nth-child(-n+5):before,
.grid-divided-horizontal.grid-xxxl-6>.grid-col:nth-child(n+1):nth-child(-n+6):before {
display: none
}
}
.heading {
margin: 0 0 12px
}
.heading:after {
content: "";
display: block;
clear: both
}
.heading h2 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 28px
}
.heading h2 b {
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-all
}
.heading h2 b,
.heading h2 b a {
color: #45a9e9;
font-weight: 400
}
.heading h2 b a:hover {
color: #3ca5e8
}
.heading h2 img {
width: 16px;
height: 16px;
vertical-align: 0
}
.heading h2 .label {
margin-right: 5px;
vertical-align: 3px
}
.heading .object-switcher>.btn {
font-size: 20px;
min-height: 0;
padding: 2px 5px
}
.heading .toolbar {
float: right;
line-height: 28px
}
.heading .toolbar .s-btn {
margin: 0 0 0 5px
}
.heading-wizard-title {
margin: 0 0 5px;
color: #45a9e9;
font-size: 24px;
line-height: 28px
}
.heading-wizard-title+h2 {
font-size: 18px
}
.heading-subtitle {
color: #787878
}
.form-box .title h3,
.list-box .title h3,
.tools-list-box .title h3 {
margin: 0 0 12px;
padding: 0;
font-size: 16px;
line-height: 24px
}
.form-box .title h3:after,
.list-box .title h3:after,
.tools-list-box .title h3:after {
content: "";
display: block;
border-bottom: 1px solid #ddd
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-unordered li {
list-style: none
}
.list-unordered li:before {
content: "\00B7";
float: left;
width: 16px;
height: 16px;
margin: 1px 0 0 -20px;
font-family: Consolas, monospace, serif;
font-size: 26px;
line-height: 16px;
text-align: center
}
.list-unordered .i-bullet {
float: left;
margin: 1px 0 0 -20px
}
.list-box {
margin-bottom: 12px
}
.list {
overflow: auto;
width: 100%;
color: #010101
}
.scrollable-list {
overflow: visible;
margin-bottom: 0
}
.list>table,
.scrollable-list-wrapper>table,
table.list {
width: 100%;
max-width: 100%
}
.list>table>tbody>tr>td,
.list>table>tbody>tr>th,
.list>table>tfoot>tr>td,
.list>table>tfoot>tr>th,
.list>table>thead>tr>td,
.list>table>thead>tr>th,
.scrollable-list-wrapper>table>tbody>tr>td,
.scrollable-list-wrapper>table>tbody>tr>th,
.scrollable-list-wrapper>table>tfoot>tr>td,
.scrollable-list-wrapper>table>tfoot>tr>th,
.scrollable-list-wrapper>table>thead>tr>td,
.scrollable-list-wrapper>table>thead>tr>th,
table.list>tbody>tr>td,
table.list>tbody>tr>th,
table.list>tfoot>tr>td,
table.list>tfoot>tr>th,
table.list>thead>tr>td,
table.list>thead>tr>th {
padding: 6px 8px;
line-height: 1.4;
vertical-align: top;
border-top: 1px solid #d6d6d6
}
.list>table>tbody>tr:first-child>td,
.list>table>tbody>tr:first-child>th,
.list>table>thead>tr:first-child>td,
.list>table>thead>tr:first-child>th,
.scrollable-list-wrapper>table>tbody>tr:first-child>td,
.scrollable-list-wrapper>table>tbody>tr:first-child>th,
.scrollable-list-wrapper>table>thead>tr:first-child>td,
.scrollable-list-wrapper>table>thead>tr:first-child>th,
table.list>tbody>tr:first-child>td,
table.list>tbody>tr:first-child>th,
table.list>thead>tr:first-child>td,
table.list>thead>tr:first-child>th {
border-top: 0
}
.list>table>thead>tr>th,
.scrollable-list-wrapper>table>thead>tr>th,
table.list>thead>tr>th {
vertical-align: bottom;
border-bottom: 1px solid #c3ced5;
font-weight: 400;
font-size: 13px
}
.list>table>caption+thead>tr:first-child>td,
.list>table>caption+thead>tr:first-child>th,
.list>table>colgroup+thead>tr:first-child>td,
.list>table>colgroup+thead>tr:first-child>th,
.list>table>thead:first-child>tr:first-child>td,
.list>table>thead:first-child>tr:first-child>th,
.scrollable-list-wrapper>table>caption+thead>tr:first-child>td,
.scrollable-list-wrapper>table>caption+thead>tr:first-child>th,
.scrollable-list-wrapper>table>colgroup+thead>tr:first-child>td,
.scrollable-list-wrapper>table>colgroup+thead>tr:first-child>th,
.scrollable-list-wrapper>table>thead:first-child>tr:first-child>td,
.scrollable-list-wrapper>table>thead:first-child>tr:first-child>th,
table.list>caption+thead>tr:first-child>td,
table.list>caption+thead>tr:first-child>th,
table.list>colgroup+thead>tr:first-child>td,
table.list>colgroup+thead>tr:first-child>th,
table.list>thead:first-child>tr:first-child>td,
table.list>thead:first-child>tr:first-child>th {
border-top: 0
}
.list>table>tbody+tbody,
.scrollable-list-wrapper>table>tbody+tbody,
table.list>tbody+tbody {
border-top: 1px solid #d6d6d6
}
.list>table th,
.scrollable-list-wrapper>table th,
table.list th {
text-align: left;
white-space: nowrap;
font-weight: 400
}
.list>table th>a,
.scrollable-list-wrapper>table th>a,
table.list th>a {
color: #000;
text-decoration: none
}
.list>table th>a:hover,
.scrollable-list-wrapper>table th>a:hover,
table.list th>a:hover {
color: #000;
text-decoration: underline
}
.scrollable-list-wrapper {
overflow: auto
}
.fixed-table-head th,
.scrollable-list-table th {
box-sizing: border-box
}
.scrollable-list td {
word-wrap: break-word;
word-break: break-all
}
.list th.sort>a {
padding-right: 14px;
background: 100% 7px no-repeat;
background-image: url(../images/sort-down8011.gif?17.0)
}
.list th.sort>a.sort-up {
background-image: url(../images/sort-up8011.gif?17.0)
}
.sid-legacy .list th.sort a {
padding: 0;
background: 0 0
}
.sid-legacy .list th.sort img {
margin: 7px 0 0 4px;
vertical-align: top
}
.list .minor,
.list .minor a {
color: #707070
}
.list .minor a:hover {
color: #2498e3
}
.list .name {
width: 30%
}
.list td.icon,
.list td.min,
.list td.select {
width: 1%
}
.list td.icon {
text-align: center
}
.form-table .number,
div.list .number {
width: 1%;
white-space: nowrap
}
.list .fm-file-name,
.list .max {
width: 100%
}
.list .usage {
width: 18%;
padding: 3px 0
}
.form-table .t-r,
.list .list-users,
.list .t-r {
text-align: right
}
.list img {
vertical-align: -3px
}
.list td img {
max-width: 16px;
max-height: 16px
}
.list .action-icon-set {
white-space: nowrap;
letter-spacing: 5px
}
.list .action-icon-set .popup-box,
.list .action-icon-set img {
letter-spacing: 0
}
.list .action-btns-set {
word-spacing: 5px
}
.list .action-btns-set .s-btn {
word-spacing: 0
}
.list .s-btn {
margin: 0
}
.list .list-menu {
margin: -4px 0;
vertical-align: top
}
.list .btn-list-menu {
opacity: .5
}
.list .btn-list-menu .icon {
background: url(../icons/16/plesk/menu8011.png?17.0) no-repeat;
background-size: 16px
}
.list .btn-list-menu .icon img {
display: none
}
.list .btn-group-open .btn-list-menu,
.list .btn-list-menu:hover,
.list>table>tbody>tr:hover>td>.list-menu .btn-list-menu {
opacity: 1
}
.list .btn-group-open .btn-list-menu .icon,
.list .btn-list-menu:hover .icon,
.list .list-menu .btn-list-menu button:focus .icon {
background-image: url(../icons/16/plesk/menu-light8011.png?17.0)
}
.list .list-menu .btn-list-menu,
.list .list-menu .btn-list-menu button {
padding: 3px 5px;
min-height: 0
}
.list .list-menu .btn-list-menu button {
margin: -4px -6px
}
.formArea .formButtons .misc,
.sid-legacy .misc,
.sid-legacy .number {
text-align: right
}
.formArea .misc {
text-align: left
}
.search .commonButton,
.search input {
margin-right: 7px;
vertical-align: middle
}
.sid-legacy .buttons {
margin: 7px 0
}
.sid-legacy .buttons div {
white-space: nowrap
}
.sid-legacy .buttons .commonButton,
.sid-legacy .buttons input {
vertical-align: middle
}
.sid-legacy .main input,
.sid-legacy .main select,
.sid-legacy .misc .commonButton,
.sid-legacy .misc input,
.sid-legacy .misc select {
margin-right: 7px
}
.listArea .paging {
margin: 0 0 10px;
text-align: left;
vertical-align: middle
}
.sid-legacy .paging .commonButton,
.sid-legacy .paging input,
.sid-legacy .paging select {
margin-right: 7px;
vertical-align: middle
}
.sid-legacy .paging select {
margin-right: 3px
}
.sid-legacy .list th.select,
.sid-legacy .select {
text-align: center
}
.sid-legacy .ipmap {
height: 400px
}
.sid-legacy .massmaildetails {
height: 60px
}
.sid-legacy .subTr td {
border-top: 1px solid #d8d8d8
}
.sid-legacy th.colgroup {
text-align: center
}
.sid-legacy .list .subTable td {
padding: 3px;
border: 0
}
.sid-legacy .list.limitsList {
background-color: #fff
}
.sid-legacy .list.limitsList td,
.sid-legacy .list.limitsList th {
padding: 4px 5px;
white-space: nowrap
}
.sid-legacy .list.limitsList td.name {
width: 200px;
min-width: 200px;
white-space: normal;
color: #000
}
.sid-legacy .list.limitsList tbody th {
padding-top: 12px;
border: 0;
background: 0 0
}
.sid-legacy .list.limitsList td.used {
width: 1%
}
.sid-legacy .list.limitsList td.used_bar {
width: 95px
}
.sid-legacy .list.limitsList td.limit {
width: 155px;
white-space: nowrap
}
.sid-legacy .list.limitsList td.unlimited {
width: auto;
vertical-align: middle
}
.sid-legacy .list.limitsList td.unlimited .limit_soft {
margin-left: 20px
}
.sid-legacy .list.limitsList td.separator {
height: 15px;
border-bottom: 1px solid #d8d8d8
}
.sid-legacy .list.limitsList td input,
.sid-legacy .list.limitsList td select {
margin: 0;
vertical-align: middle
}
.sid-legacy .objects-level-2 {
padding-left: 18px
}
.list>table.total>tfoot tr td {
border: 1px solid transparent
}
.list>table.total>tfoot tr:first-child td {
border-top: 1px double #c3ced5
}
.list>table.total>tfoot td strong {
padding-bottom: 10px;
font-size: 120%
}
.list-context-actions {
cursor: pointer
}
.list .state-default {
color: #444
}
.list .state-error {
color: #c80000
}
.list .state-warning {
color: #b2ab35
}
.list .list-item-deleted,
.list .list-item-modified,
.list .list-item-new {
font-weight: 700
}
.list .list-item-deleted {
text-decoration: line-through
}
.odd,
.oddrowbg {
background-color: #fff
}
.even,
.evenrowbg {
background-color: #f6f9fc
}
.list .even,
.list .evenrowbg,
.list .odd,
.list .oddrowbg {
background: 0 0
}
.list .selected>td {
background: #ffdfba
}
.list .row-over>td,
.list>table>tbody>tr:hover>td,
.sid-legacy .list>tbody>tr:hover>td {
background: #ecf5f9
}
.list .row-over.selected>td,
.list>table>tbody>tr.selected:hover>td,
.sid-legacy .list>tbody>tr.selected:hover>td {
background: #ffdfba
}
.list-groups-box .even,
.list-groups-box .list td.group-name,
.list-groups-box .list>table>tbody>tr:hover>td.group-name,
.list-groups-box .odd {
background: 0 0
}
.list-groups-box .list td.group-name {
box-shadow: none
}
.list-search-filter [data-index=date] .input-group .form-control,
.list-search-filter [data-index=ip] input[type=text] {
min-width: 120px
}
.list-search-filter input:focus::-webkit-input-placeholder {
color: transparent
}
.list-search-filter input:focus::-moz-placeholder {
color: transparent
}
.list-search-filter input:focus:-ms-input-placeholder {
color: transparent
}
.list-search-filter input:focus::placeholder {
color: transparent
}
.list-search-filter .dropdown-menu {
min-width: 100%
}
.list-search-filter .input-group input,
.list-search-filter>th>input,
.list-search-filter>th>select {
width: 100%;
min-width: 50px
}
.filter-date-form {
padding: 5px 10px 2px
}
.filter-date-form .form-row {
margin: 0 -5px
}
.filter-date-form .inline-fields-group {
display: inline-block;
margin: 0 5px 3px
}
.filter-date-form .filter-actions-row {
line-height: 24px
}
.filter-date-form .filter-actions-row a {
margin-right: 8px;
line-height: normal
}
.filter-date-form .btn {
min-width: 0;
margin: 0
}
.filter-date-form .btn+.btn {
margin-left: 5px
}
.filter-date-form .btn button {
min-width: 0
}
.list .alert-wrapper {
text-align: center
}
.list .alert-wrapper .ajax-loading {
display: inline-block;
padding: 6px 0 6px 22px;
background-position: 0 50%
}
.list .alert-container:hover>td,
.list .alert-container>td {
border-color: #e0e9f0;
background: #fff
}
.list .alert-container .alert {
display: inline-block;
margin: 0;
padding: 6px 14px;
color: #fff;
background: #82b2d8;
text-shadow: none
}
.list .alert-container .alert a,
.list .alert-container .alert a:hover {
color: #fff;
text-decoration: underline
}
@media (min-width: 768px) {
.list tr.divider+tr>td {
border-top: 2px solid #25610e
}
}
@media (max-width: 767px) {
.list tr.divider+tr {
border-top: 2px solid #25610e
}
}
@media (max-width: 767px) {
.list:not(.table-responsive)>table,
.scrollable-list-wrapper>table {
display: block
}
.list:not(.table-responsive)>table>thead>tr,
.scrollable-list-wrapper>table>thead>tr {
position: absolute;
top: -9999px;
left: -9999px
}
.list:not(.table-responsive)>table>tbody,
.scrollable-list-wrapper>table>tbody {
display: block
}
.list:not(.table-responsive)>table>tbody>tr,
.scrollable-list-wrapper>table>tbody>tr {
display: block;
border-top: 1px solid #d6d6d6
}
.list:not(.table-responsive)>table>tbody>tr>td,
.list:not(.table-responsive)>table>tbody>tr>th,
.scrollable-list-wrapper>table>tbody>tr>td,
.scrollable-list-wrapper>table>tbody>tr>th {
display: block;
padding: 2px 8px 2px 30px;
border-top: 0;
width: auto;
text-align: left
}
.touch .list:not(.table-responsive)>table>tbody>tr>td,
.touch .list:not(.table-responsive)>table>tbody>tr>th,
.touch .scrollable-list-wrapper>table>tbody>tr>td,
.touch .scrollable-list-wrapper>table>tbody>tr>th {
padding-left: 43px
}
.list:not(.table-responsive)>table>tbody>tr>.select+td,
.list:not(.table-responsive)>table>tbody>tr>.select+th,
.list:not(.table-responsive)>table>tbody>tr>td:first-child,
.list:not(.table-responsive)>table>tbody>tr>th:first-child,
.scrollable-list-wrapper>table>tbody>tr>.select+td,
.scrollable-list-wrapper>table>tbody>tr>.select+th,
.scrollable-list-wrapper>table>tbody>tr>td:first-child,
.scrollable-list-wrapper>table>tbody>tr>th:first-child {
padding-top: 6px
}
.list:not(.table-responsive)>table>tbody>tr>td:last-child,
.list:not(.table-responsive)>table>tbody>tr>th:last-child,
.scrollable-list-wrapper>table>tbody>tr>td:last-child,
.scrollable-list-wrapper>table>tbody>tr>th:last-child {
padding-bottom: 6px
}
.list:not(.table-responsive)>table>tbody>tr .fm-file-name-wrap,
.list:not(.table-responsive)>table>tbody>tr td.fm-file-name,
.list:not(.table-responsive)>table>tbody>tr td.icon,
.list:not(.table-responsive)>table>tbody>tr td.max,
.list:not(.table-responsive)>table>tbody>tr td.min,
.list:not(.table-responsive)>table>tbody>tr td.number,
.list:not(.table-responsive)>table>tbody>tr td.select,
.scrollable-list-wrapper>table>tbody>tr .fm-file-name-wrap,
.scrollable-list-wrapper>table>tbody>tr td.fm-file-name,
.scrollable-list-wrapper>table>tbody>tr td.icon,
.scrollable-list-wrapper>table>tbody>tr td.max,
.scrollable-list-wrapper>table>tbody>tr td.min,
.scrollable-list-wrapper>table>tbody>tr td.number,
.scrollable-list-wrapper>table>tbody>tr td.select {
width: auto;
text-align: left
}
.list:not(.table-responsive)>table>tbody>tr>td:empty,
.scrollable-list-wrapper>table>tbody>tr>td:empty {
display: none
}
.list:not(.table-responsive)>table>tbody>tr>.select,
.scrollable-list-wrapper>table>tbody>tr>.select,
.touch .list:not(.table-responsive)>table>tbody>tr>.select,
.touch .scrollable-list-wrapper>table>tbody>tr>.select {
float: left;
padding-left: 8px
}
.list:not(.table-responsive)>table>tbody>tr:first-child,
.scrollable-list-wrapper>table>tbody>tr:first-child {
border-top: 0
}
.form-table .number {
width: auto
}
.form-table .t-r,
.list:not(.table-responsive) .list-users,
.list:not(.table-responsive) .t-r,
.list:not(.table-responsive) .text-right {
text-align: left
}
.fixed-table-head {
margin-bottom: 12px
}
.fixed-table-head,
.fixed-table-head>thead,
.fixed-table-head>thead>tr,
.fixed-table-head>thead>tr>th {
display: block
}
.fixed-table-head .list-search-filter {
position: static
}
.fixed-table-head .list-search-filter>th {
padding: 6px 0;
border: 0;
width: auto!important
}
.fixed-table-head .list-search-filter>th:empty {
display: none
}
.scrollable-list-wrapper>table>tbody>tr>td,
.touch .scrollable-list-wrapper>table>tbody>tr>td {
padding-left: 8px
}
.list:not(.table-responsive)>table .action-icon-set {
letter-spacing: 0;
white-space: normal
}
.list:not(.table-responsive)>table .action-icon-set>img {
display: none
}
.list:not(.table-responsive)>table .action-icon-set>span {
display: block;
padding: 6px 0
}
.list:not(.table-responsive)>table .action-icon-set a,
.list:not(.table-responsive)>table .i-link {
display: inline-block;
padding-left: 20px
}
.list:not(.table-responsive)>table .action-icon-set a [class*=" icon-"],
.list:not(.table-responsive)>table .action-icon-set a [class^=icon-],
.list:not(.table-responsive)>table .action-icon-set a i.icon,
.list:not(.table-responsive)>table .i-link [class*=" icon-"],
.list:not(.table-responsive)>table .i-link [class^=icon-],
.list:not(.table-responsive)>table .i-link i.icon {
float: left;
margin-left: -20px
}
.list:not(.table-responsive)>table .i-block {
margin-left: 20px
}
.list:not(.table-responsive)>table .i-block [class*=" icon-"],
.list:not(.table-responsive)>table .i-block [class^=icon-],
.list:not(.table-responsive)>table .i-block i.icon {
margin-left: -20px
}
.list:not(.table-responsive)>table .list-menu {
margin: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto
}
.textarea,
button,
input,
optgroup,
select,
textarea {
box-sizing: border-box;
font: inherit;
color: inherit;
margin: 0;
border-radius: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
margin-right: 2px;
padding: 0;
vertical-align: -2px
}
.touch input[type=checkbox],
.touch input[type=radio] {
width: 22px;
height: 22px;
margin: 0 5px 8px 0;
vertical-align: -7px
}
.touch .list input[type=checkbox],
.touch .list input[type=radio] {
margin: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
fieldset {
border: none;
padding: 0;
min-width: 0
}
legend {
border: 0;
padding: 0
}
.textarea,
textarea {
overflow: auto;
vertical-align: top
}
optgroup {
font-weight: 700
}
input[type=checkbox]:not(:disabled),
input[type=radio]:not(:disabled) {
cursor: pointer
}
input:not([type=radio]):not([type=checkbox]),
select {
vertical-align: middle
}
::-moz-placeholder {
opacity: 1
}
.form-control,
.textarea,
input:not([type]),
input[type=text],
input[type=password],
input[type=date],
input[type=number],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea {
height: 26px;
max-width: 100%;
padding: 3px 6px 4px;
border: solid #afbac1;
border-width: 0 0 1px;
background: #ededed;
color: #020202;
-webkit-transition: all linear .2s;
transition: all linear .2s
}
.form-control:focus,
.textarea:focus,
input:not([type]):focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=number]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
select:focus,
textarea:focus {
border-color: #0f7faf;
outline: 0;
background: #ecf5f9;
color: #020202
}
.form-control[readonly],
.textarea[readonly],
input:not([type])[readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=date][readonly],
input[type=number][readonly],
input[type=datetime][readonly],
input[type=datetime-local][readonly],
input[type=month][readonly],
input[type=time][readonly],
input[type=week][readonly],
input[type=email][readonly],
input[type=url][readonly],
input[type=search][readonly],
input[type=tel][readonly],
input[type=color][readonly],
select[readonly],
textarea[readonly] {
border-color: #afbac1;
background: #ededed;
color: #020202
}
.form-control[disabled],
.textarea[disabled],
input:not([type])[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=date][disabled],
input[type=number][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=month][disabled],
input[type=time][disabled],
input[type=week][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=color][disabled],
select[disabled],
textarea[disabled] {
border-color: #e2e2e2;
background-color: #f4f4f4;
color: #999;
opacity: 1
}
.form-control .form-row .checkbox-group,
.form-row .form-control,
.form-row .textarea,
.form-row input:not([type]),
.form-row input[type=text],
.form-row input[type=password],
.form-row input[type=date],
.form-row input[type=number],
.form-row input[type=datetime],
.form-row input[type=datetime-local],
.form-row input[type=month],
.form-row input[type=time],
.form-row input[type=week],
.form-row input[type=email],
.form-row input[type=url],
.form-row input[type=search],
.form-row input[type=tel],
.form-row input[type=color],
.form-row select,
.form-row textarea,
.textarea .form-row .checkbox-group,
input:not([type]) .form-row .checkbox-group,
input[type=text] .form-row .checkbox-group,
input[type=password] .form-row .checkbox-group,
input[type=date] .form-row .checkbox-group,
input[type=number] .form-row .checkbox-group,
input[type=datetime] .form-row .checkbox-group,
input[type=datetime-local] .form-row .checkbox-group,
input[type=month] .form-row .checkbox-group,
input[type=time] .form-row .checkbox-group,
input[type=week] .form-row .checkbox-group,
input[type=email] .form-row .checkbox-group,
input[type=url] .form-row .checkbox-group,
input[type=search] .form-row .checkbox-group,
input[type=tel] .form-row .checkbox-group,
input[type=color] .form-row .checkbox-group,
select .form-row .checkbox-group,
textarea .form-row .checkbox-group {
margin-bottom: 4px
}
select[multiple] {
height: auto;
min-height: 26px
}
.textarea,
textarea {
height: auto
}
:-ms-input-placeholder {
color: #999!important
}
::-moz-placeholder {
color: #999
}
::-webkit-input-placeholder {
color: #999
}
:disabled:-ms-input-placeholder {
color: #999!important
}
:disabled::-moz-placeholder {
color: #999
}
:disabled::-webkit-input-placeholder {
color: #999
}
legend {
width: 100%;
border: 0;
padding: 0 0 12px;
font-size: 16px;
line-height: 24px
}
legend:after {
content: "";
display: block;
border-bottom: 1px solid #ddd;
width: 100%
}
.f-date {
width: 30px
}
.f-date-year,
.f-small-size {
width: 50px
}
.f-limits {
width: 70px
}
.f-middle-size {
width: 215px
}
.f-big-size {
width: 260px
}
.f-large-size {
width: 320px
}
.f-max-size {
width: 100%
}
.field-value,
.form-row {
box-sizing: border-box;
min-height: 26px
}
.form-row:after {
content: "";
display: block;
clear: both
}
.form-row img {
max-width: 16px;
vertical-align: -3px
}
.form-box,
.form-table {
margin-bottom: 12px
}
.form-box+.form-box,
.form-box+.form-table,
.form-table+.form-box,
.form-table+.form-table {
margin-top: 12px
}
*+.form-row {
margin-top: 4px
}
.form-box .single-row {
margin-top: 3px
}
@media (max-width: 767px) {
.form-row .field-name {
display: block;
margin-bottom: 4px;
font-weight: 600
}
}
@media (max-width: 479px) {
.f-large-size {
width: 100%
}
.form-row .lookup {
display: block
}
.form-row .lookup .input-group,
.form-row .lookup .input-group .form-control {
width: 100%
}
.form-row .lookup .input-group-btn {
width: 1%
}
}
@media (min-width: 768px) {
.form-row .field-name {
width: 200px;
margin-top: 3px;
float: left
}
.form-row .field-value {
margin-left: 215px
}
.form-row .text-value {
padding-top: 3px
}
}
.form--vertical .field-name {
display: block;
float: none;
width: 100%;
margin-bottom: 4px
}
.form--vertical .field-value {
margin-left: 0
}
.form-table.form-limits {
width: auto
}
.form-table .form-row:after,
.form-table .form-row:before {
display: none
}
.form-table>tbody>tr>td {
min-height: 26px;
vertical-align: top;
padding: 4px 0
}
.form-table>tbody>tr>td+td {
padding-right: 10px
}
.form-table .field-name {
display: table-cell;
float: none;
margin: 0;
padding-right: 15px
}
.form-table .field-value {
display: table-cell;
padding-top: 0
}
.form-row .btn,
.form-row .s-btn {
vertical-align: middle;
margin-bottom: 4px
}
.btns-box {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid #ddd
}
.btns-box.no-border {
padding-top: 0
}
.sid-legacy .formArea .buttons {
margin-top: 12px;
border-top: 1px solid #ddd
}
.sid-legacy .formArea .buttons td {
padding-top: 10px
}
fieldset .buttons,
fieldset .buttons td,
fieldset .formArea .buttons {
padding-top: 0;
border-top: 0
}
.formFields>tbody>tr>td {
min-height: 26px;
vertical-align: top;
padding: 4px 0
}
.formFields>tbody>tr>td+td {
padding-right: 10px
}
.formFields>tbody>tr>td td {
padding-bottom: 5px
}
.footnote,
.formFields td.name,
.formFields td.nameError {
width: 200px;
padding-right: 15px
}
.checkbox-group label,
.radio-group label {
position: relative;
display: block;
padding: 0 0 0 18px
}
.touch .checkbox-group label,
.touch .radio-group label {
padding: 2px 0 2px 26px
}
.checkbox-group>.checkbox-group,
.radio-group>.radio-group {
margin-left: 18px
}
.touch .checkbox-group>.checkbox-group,
.touch .radio-group>.radio-group {
margin-left: 26px
}
.checkbox-group>div,
.checkbox-group>label,
.radio-group>div,
.radio-group>label {
margin-top: 5px
}
.checkbox-group>:first-child,
.radio-group>:first-child {
margin-top: 0
}
.checkbox-group label input[type=checkbox],
.radio-group label input[type=radio] {
position: absolute;
margin: 3px 0 0 -18px
}
.touch .checkbox-group label input[type=checkbox],
.touch .radio-group label input[type=radio] {
margin: -1px 0 0 -26px
}
.multi-checkboxes:after {
content: "";
display: block;
clear: both
}
.multi-checkboxes label {
float: left;
width: 200px;
margin: 5px 10px 5px 0
}
.multi-checkboxes .checkbox-group:after,
.multi-checkboxes .radio-group:after {
content: "";
display: block;
clear: both
}
.multi-checkboxes .checkbox-group>:first-child,
.multi-checkboxes .radio-group>:first-child {
margin-top: 5px
}
.e-checkbox-pre {
position: relative
}
.e-checkbox-pre:before {
position: absolute;
top: 50%;
left: 0;
width: 13px;
height: 13px;
margin-top: -6px;
content: "?";
text-align: center;
font: 700 11px/14px arial, helvetica, sans-serif
}
.e-checkbox-pre .e-checkbox-text {
display: inline-block;
vertical-align: top
}
.e-checkbox-off .e-checkbox-text-on,
.e-checkbox-off .e-checkbox-text-pre,
.e-checkbox-on .e-checkbox-text-off,
.e-checkbox-on .e-checkbox-text-pre,
.e-checkbox-pre .e-checkbox-text-off,
.e-checkbox-pre .e-checkbox-text-on {
display: none
}
.e-checkbox-pre {
color: #787878
}
.e-checkbox-on {
color: #609d49
}
.e-checkbox-off {
color: #c80000
}
.sid-legacy .option {
margin-bottom: 5px
}
.sid-legacy .suboption {
margin: 0 0 5px 18px
}
.sid-legacy .option.clear {
padding-left: 18px
}
.sid-legacy .option-block,
.sid-legacy .option.clear .checkbox,
.sid-legacy .option.clear .radiobox {
float: left
}
.sid-legacy .option.clear .option-block .hint {
margin: 5px 0
}
.sid-legacy .option.clear .checkbox,
.sid-legacy .option.clear .radiobox {
margin: 0 0 -2px -18px
}
.form-box .options-set {
padding-bottom: 0
}
.form-box .options-set label {
display: block;
padding: 0 0 5px 18px
}
.form-box .indent input.checkbox,
.form-box .indent input.radio,
.form-box .options-set label input.checkbox,
.form-box .options-set label input.radio {
float: left;
margin-left: -18px
}
.form-box .indent {
display: block;
padding-left: 18px
}
.form-row .error-hint,
.form-row .hint {
display: block;
max-width: 500px;
margin: 0 0 5px;
padding: 0
}
.f-max-size+.field-errors+.hint,
.f-max-size+.hint {
max-width: 100%
}
.formFields .hint {
margin: 0 0 5px
}
.error {
position: relative;
background: #fedddf;
outline: 3px solid #fedddf
}
.error-hint,
.required,
.sid-legacy .error .hint {
color: #c80000
}
.level1 {
display: block;
padding: 0 0 0 18px
}
.level1 .field-name {
width: 182px
}
.level1 .field-value {
margin-left: 197px
}
.field-limits {
display: table
}
.field-limits .limit,
.field-limits .unlimited {
display: table-cell;
white-space: nowrap
}
.field-limits .limit {
width: 180px;
padding-right: 5px
}
.form-row textarea.ta-compact {
height: 50px
}
.form-row textarea.ta-eula {
width: 560px;
height: 356px
}
#key-code-input {
width: 260px
}
.form-row .sb-item-remove {
margin: 0 0 0 20px
}
.multicolumn-list {
margin: 0;
padding: 0;
list-style: none
}
.multicolumn-list>li {
display: inline-block;
width: 255px;
vertical-align: top
}
.choice-block span {
display: inline-block;
margin: 3px 0;
padding: 1px 5px;
vertical-align: top;
white-space: nowrap;
line-height: 18px
}
.choice-block .selected {
background: #bcdf94
}
.choice-block .selected.no {
background: #f4b3b3
}
.field-value .inline-buttons a+a {
margin-left: 12px
}
.formButtons {
margin: 5px 0;
padding-top: 5px;
text-align: right
}
.formButtons .commonButton,
.formButtons input {
margin: 0 0 0 7px
}
.formFields td.limit,
.formFields td.limitDate {
width: 145px;
padding-right: 5px;
white-space: nowrap
}
.formFields td.limitDate {
width: 155px
}
.formFields td td.limit {
padding-left: 0
}
.formFields td.withButton {
vertical-align: middle
}
.sid-legacy textarea,
.sid-main-legacy textarea {
width: 98%
}
#chkProceed {
margin-left: 3px
}
.recommended {
padding-left: 20px;
background: url(../icons/16/plesk/aps-featured8011.png?17.0) no-repeat;
font-weight: 700;
line-height: 16px
}
.uploadAdd {
padding: 0 0 1px 20px;
background: url(../icons/16/plesk/field-add8011.png?17.0) no-repeat
}
.uploadRemove {
margin-left: 15px;
padding: 0 0 1px 20px;
background: url(../icons/16/plesk/field-remove8011.png?17.0) no-repeat
}
.formFields .warningHint {
display: inline-block;
margin: 0 0 0 5px;
padding: 0 0 1px 20px;
vertical-align: top;
background: url(../icons/16/plesk/att8011.png?17.0) no-repeat
}
.form-control-group {
position: relative
}
.form-control-group .form-control {
width: 100%;
margin: 0;
padding-right: 26px
}
.form-control-group .form-control-icon {
position: absolute;
top: 0;
right: 0;
height: 26px;
width: 26px;
box-sizing: border-box;
padding: 5px;
line-height: 16px
}
.form-control-group .form-control-icon-action {
cursor: pointer
}
.icon-form-control-search {
background-image: url(../images/search8011.png?17.0)
}
.icon-form-control-clear {
background-image: url(../images/clear-search8011.png?17.0)
}
.dropdown-menu .form-control {
background-color: #fff
}
.btn-group-open,
.combobox-open,
.lookup-open {
z-index: 1000
}
.btn-group-open .dropdown-menu,
.combobox-open .dropdown-menu,
.lookup-open .dropdown-menu {
display: block
}
.combobox,
.lookup {
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap
}
.form-row .combobox,
.form-row .lookup {
margin: 0 0 4px
}
.form-row .combobox .form-control,
.form-row .lookup .form-control {
margin-bottom: 0
}
.combobox .dropdown-menu,
.lookup .dropdown-menu {
overflow: auto;
box-sizing: border-box;
min-width: 100%;
max-height: 192px
}
.dropdown-menu.lookup-dropdown-menu {
min-width: 320px;
max-width: 100%;
word-wrap: break-word;
overflow-wrap: break-word;
box-shadow: 0 0 0 2px #fff
}
@media (min-width: 480px) {
.dropdown-menu.lookup-dropdown-menu {
max-width: 400px
}
}
@media (min-width: 768px) {
.dropdown-menu.lookup-dropdown-menu {
max-width: 500px
}
}
.lookup .dropdown-menu.lookup-dropdown-menu {
min-width: 100%
}
.dropdown-menu.lookup-dropdown-menu>li>a {
white-space: normal
}
.heading .object-switcher .lookup-dropdown-menu .search-result-label {
color: #fff
}
.combobox {
padding-right: 26px
}
.combobox>input.combobox-input {
margin: 0!important
}
.combobox>.dropdown-toggle {
position: absolute;
top: 0;
right: 0;
min-height: 26px;
min-width: 26px;
margin: 0;
padding: 3px 8px
}
.combobox>.dropdown-toggle button {
min-height: 26px;
min-width: 26px;
margin: -4px -9px;
padding: 3px 8px
}
.lookup>input.lookup-input {
margin: 0!important;
padding-right: 26px
}
.lookup>.lookup-button,
.lookup>.lookup-button button {
min-height: 26px;
min-width: 26px;
margin: 0;
padding: 0;
border: 0
}
.lookup>.lookup-button,
.lookup>.lookup-button button,
.lookup>.lookup-button button.active,
.lookup>.lookup-button button:active,
.lookup>.lookup-button button:focus,
.lookup>.lookup-button button:hover,
.lookup>.lookup-button.active,
.lookup>.lookup-button:active,
.lookup>.lookup-button:focus,
.lookup>.lookup-button:hover {
background-color: transparent
}
.lookup>.lookup-button {
position: absolute;
right: 0;
top: 0
}
.lookup>.lookup-button button {
background: url(../images/search8011.png?17.0) 50% 5px no-repeat;
background-size: 16px
}
.lookup>.lookup-button-clear button {
background-image: url(../images/clear-search8011.png?17.0)
}
.lookup .lookup-note {
margin: 5px 10px 0;
padding: 8px 16px 5px 0;
border-top: 1px solid #b1b1b1;
color: #666
}
.lookup .lookup-empty {
padding: 5px 16px 5px 10px;
color: #666
}
.lookup input[type=text][readonly] {
cursor: pointer
}
.dropdown-menu *+.lookup {
margin-top: 5px
}
.input-group {
position: relative;
display: table;
border-collapse: separate
}
.input-group input.form-control {
position: relative;
z-index: 2;
float: left;
height: 26px;
margin: 0!important
}
.input-group input.form-control[readonly] {
cursor: pointer
}
.input-group .form-control,
.input-group-btn {
display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-btn {
vertical-align: top;
white-space: nowrap
}
.input-group .form-control:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group .form-control:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-btn {
position: relative;
white-space: nowrap;
font-size: 0
}
.input-group-btn>.btn {
min-height: 26px;
min-width: 26px;
margin: 0;
padding: 3px 8px
}
.input-group-btn>.btn button {
min-height: 26px;
min-width: 26px;
margin: -4px -9px;
padding: 3px 8px
}
.input-group-btn+.btn {
margin-left: -1px
}
.input-group-btn:active,
.input-group-btn:focus,
.input-group-btn:hover {
z-index: 2
}
.input-group-max .form-control {
width: 100%
}
.input-group-max .input-group-btn {
width: 1%
}
.input-btn-group {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle
}
.input-btn-group .icon,
.input-btn-group [class*=" icon-"],
.input-btn-group [class^=icon-] {
margin-right: 5px
}
.input-btn-group>.btn,
.input-btn-group>.form-control {
margin: 0 2px 0 0!important
}
.input-btn-group>.btn+.icon,
.input-btn-group>.btn+[class*=" icon-"],
.input-btn-group>.btn+[class^=icon-],
.input-btn-group>.form-control+.icon,
.input-btn-group>.form-control+[class*=" icon-"],
.input-btn-group>.form-control+[class^=icon-] {
margin-left: 3px
}
.form-row .input-btn-group {
margin-bottom: 4px
}
.folder-selector>.btn {
margin-top: 10px
}
.folder-selector .tree-item .input-btn-group {
margin-top: -5px
}
.editable-field {
position: relative;
display: inline-block;
box-sizing: border-box;
max-width: 100%;
margin: -3px 34px -3px -5px;
padding-right: 25px;
vertical-align: top
}
.editable-field .input-group-btn .btn .icon {
overflow: hidden;
text-indent: 100px
}
.editable-field-content {
min-width: 7px;
max-width: 402px;
min-height: 16px;
padding: 3px 5px 2px;
cursor: text;
word-wrap: break-word
}
.editable-field.inactive:hover {
margin: -4px 34px -4px -6px;
padding-right: 24px;
border: 1px solid
}
.editable-field.inactive:hover .overlay-icon {
opacity: 1;
border-left: 1px solid;
filter: alpha(opacity=100)
}
.editable-field-empty.inactive:hover {
margin: -3px 58px -3px -5px;
padding-right: 0;
border: 0
}
.editable-field-empty .overlay-icon,
.editable-field-empty.inactive:hover .overlay-icon {
display: none
}
.editable-field.active {
margin: -4px 0;
padding: 0
}
.editable-field.active:hover {
border: 0
}
.editable-field.active .editable-field-content,
.editable-field.active .overlay-icon {
display: none
}
.editable-field .overlay-icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
width: 24px;
height: auto;
margin: 0;
cursor: pointer;
opacity: 1;
background-size: 16px;
filter: alpha(opacity=100)
}
.editable-field-textarea .input-group {
max-width: 472px
}
.editable-field.active .input-group {
z-index: 100;
margin: 0 0 0 -6px
}
.editable-field .input-group .form-control {
padding: 2px 5px;
line-height: 1.231
}
.editable-field .input-group textarea.form-control {
min-width: 100%;
min-height: 24px;
padding: 3px 5px
}
@-moz-document url-prefix() {
.editable-field .input-group textarea.form-control {
padding: 3px 0 3px 4px
}
}
.editable-field+.error-hint {
margin: 5px 0 0;
padding: 0
}
.editable-field {
border-radius: 3px
}
.editable-field.inactive:hover {
border-color: #afbac1;
background-color: #fff;
box-shadow: inset 0 5px 6px -3px #e3e5e6
}
.editable-field-empty.inactive:hover {
background: 0 0;
box-shadow: none
}
.editable-field.active {
background: 0 0
}
.editable-field.active:hover {
box-shadow: none
}
.editable-field .overlay-icon {
opacity: .5;
background-position: 4px 3px;
-webkit-filter: grayscale(100%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: gray;
filter: gray;
filter: grayscale(100%)
}
.editable-field.inactive:hover .overlay-icon {
opacity: 1;
border-color: #afbac1;
border-radius: 0 3px 3px 0;
background-color: #e7eaec;
background-position: 4px 3px;
-webkit-filter: grayscale(0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: none;
filter: grayscale(0)
}
.editable-field.saved .editable-field-content {
-webkit-animation: saved-effect .5s ease-in-out;
animation: saved-effect .5s ease-in-out
}
@-webkit-keyframes saved-effect {
50% {
background: #cceea3;
box-shadow: 0 0 10px 7px #cceea3
}
}
@keyframes saved-effect {
50% {
background: #cceea3;
box-shadow: 0 0 10px 7px #cceea3
}
}
.btn::-moz-focus-inner,
.btn>button::-moz-focus-inner {
border: 0;
padding: 0
}
.btn,
.btn>button {
-webkit-appearance: none;
margin: 0;
border: 1px solid transparent;
overflow: visible;
font: inherit;
color: #373737;
text-transform: none;
display: inline-block;
box-sizing: border-box;
padding: 5px 10px;
background: #dedede;
vertical-align: middle;
min-height: 30px;
line-height: 18px;
font-size: 13px;
text-decoration: none;
text-align: center;
white-space: nowrap;
cursor: pointer
}
.btn:focus,
.btn:hover,
.btn>button:focus,
.btn>button:hover {
background-color: #1e96c9;
color: #fff;
outline: 0;
text-decoration: none
}
.btn.active,
.btn:active,
.btn>button.active,
.btn>button:active {
background-color: #0e78a6;
color: #fff
}
.btn {
margin-right: 5px
}
.btn>button {
display: block;
margin: -6px -11px
}
.btn .icon,
.btn [class*=" icon-"],
.btn [class^=icon-] {
margin: 0 1px 0 0
}
.btn.btn-icon-only,
.btn.btn-icon-only>button {
width: 30px;
height: 30px;
min-width: 0;
overflow: hidden;
padding: 5px 6px
}
.btn.btn-icon-only .icon,
.btn.btn-icon-only [class*=" icon-"],
.btn.btn-icon-only [class^=icon-],
.btn.btn-icon-only>button .icon,
.btn.btn-icon-only>button [class*=" icon-"],
.btn.btn-icon-only>button [class^=icon-] {
margin-right: 20px
}
span.btn.btn-icon-only {
overflow: visible
}
span.btn.btn-icon-only>button {
margin: -6px -7px
}
.input-btn,
.input-btn>button {
min-height: 26px;
padding-top: 3px;
padding-bottom: 3px
}
.input-btn>button {
margin-top: -4px;
margin-bottom: -4px
}
.input-btn.btn-icon-only,
.input-btn.btn-icon-only>button {
width: 26px;
height: 26px;
padding: 3px 4px
}
span.input-btn.btn-icon-only {
overflow: visible
}
span.input-btn.btn-icon-only>button {
margin: -4px -5px
}
.btn.btn-waiting:before,
.btn.btn-waiting>button:before,
.btn>.wait:before,
.btn>button>.wait:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
vertical-align: -3px;
background-repeat: no-repeat;
background-image: url(../icons/16/plesk/indicator8011.gif?17.0);
background-size: 16px 16px
}
span.btn.btn-waiting:before {
display: none
}
.btns-box .btn:not(.dropdown-toggle),
.btns-box .btn:not(.dropdown-toggle)>button,
.btns-container .btn:not(.dropdown-toggle),
.btns-container .btn:not(.dropdown-toggle)>button {
min-width: 90px
}
.btns-box .btn,
.btns-box .btn>button,
.btns-container .btn,
.btns-container .btn>button {
padding: 8px 12px;
font-weight: 600
}
.btns-box .btn>button,
.btns-container .btn>button {
margin: -9px -13px
}
.btns-box .btn,
.btns-container .btn {
margin-right: 10px
}
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle),
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle),
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button {
background-color: #999;
color: #fff
}
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):focus,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):hover,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button:focus,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button:hover,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):focus,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):hover,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button:focus,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button:hover {
background-color: #b9b9b9;
color: #fff
}
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle).active,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):active,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button.active,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button:active,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle).active,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):active,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button.active,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle)>button:active {
background-color: #696969;
color: #fff
}
.btns-box .btn.disabled:not(.action):not(.btn-primary),
.btns-box .btn.disabled:not(.action):not(.btn-primary).active,
.btns-box .btn.disabled:not(.action):not(.btn-primary):active,
.btns-box .btn.disabled:not(.action):not(.btn-primary):focus,
.btns-box .btn.disabled:not(.action):not(.btn-primary):hover,
.btns-box .btn.disabled:not(.action):not(.btn-primary)>button,
.btns-box .btn.disabled:not(.action):not(.btn-primary)>button.active,
.btns-box .btn.disabled:not(.action):not(.btn-primary)>button:active,
.btns-box .btn.disabled:not(.action):not(.btn-primary)>button:focus,
.btns-box .btn.disabled:not(.action):not(.btn-primary)>button:hover,
.btns-box .btn[disabled]:not(.action):not(.btn-primary),
.btns-box .btn[disabled]:not(.action):not(.btn-primary).active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary):active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary):focus,
.btns-box .btn[disabled]:not(.action):not(.btn-primary):hover,
.btns-box .btn[disabled]:not(.action):not(.btn-primary)>button,
.btns-box .btn[disabled]:not(.action):not(.btn-primary)>button.active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary)>button:active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary)>button:focus,
.btns-box .btn[disabled]:not(.action):not(.btn-primary)>button:hover,
.btns-container .btn.disabled:not(.action):not(.btn-primary),
.btns-container .btn.disabled:not(.action):not(.btn-primary).active,
.btns-container .btn.disabled:not(.action):not(.btn-primary):active,
.btns-container .btn.disabled:not(.action):not(.btn-primary):focus,
.btns-container .btn.disabled:not(.action):not(.btn-primary):hover,
.btns-container .btn.disabled:not(.action):not(.btn-primary)>button,
.btns-container .btn.disabled:not(.action):not(.btn-primary)>button.active,
.btns-container .btn.disabled:not(.action):not(.btn-primary)>button:active,
.btns-container .btn.disabled:not(.action):not(.btn-primary)>button:focus,
.btns-container .btn.disabled:not(.action):not(.btn-primary)>button:hover,
.btns-container .btn[disabled]:not(.action):not(.btn-primary),
.btns-container .btn[disabled]:not(.action):not(.btn-primary).active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary):active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary):focus,
.btns-container .btn[disabled]:not(.action):not(.btn-primary):hover,
.btns-container .btn[disabled]:not(.action):not(.btn-primary)>button,
.btns-container .btn[disabled]:not(.action):not(.btn-primary)>button.active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary)>button:active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary)>button:focus,
.btns-container .btn[disabled]:not(.action):not(.btn-primary)>button:hover {
background-color: #e8e8e8;
color: #b9b9b9;
cursor: not-allowed
}
.btn-primary,
.btn.action,
.btn.action>button,
.sid-login .btns-box .btn:not(.action):not(.btn-primary),
.sid-login .btns-box .btn:not(.action):not(.btn-primary)>button {
background-color: #0f7faf;
color: #fff
}
.btn-primary:focus,
.btn-primary:hover,
.btn.action:focus,
.btn.action:hover,
.btn.action>button:focus,
.btn.action>button:hover,
.sid-login .btns-box .btn:not(.action):not(.btn-primary):focus,
.sid-login .btns-box .btn:not(.action):not(.btn-primary):hover,
.sid-login .btns-box .btn:not(.action):not(.btn-primary)>button:focus,
.sid-login .btns-box .btn:not(.action):not(.btn-primary)>button:hover {
background-color: #1e96c9;
color: #fff
}
.btn-primary.active,
.btn-primary:active,
.btn.action.active,
.btn.action:active,
.btn.action>button.active,
.btn.action>button:active,
.sid-login .btns-box .btn:not(.action):not(.btn-primary).active,
.sid-login .btns-box .btn:not(.action):not(.btn-primary):active,
.sid-login .btns-box .btn:not(.action):not(.btn-primary)>button.active,
.sid-login .btns-box .btn:not(.action):not(.btn-primary)>button:active {
background-color: #0e78a6;
color: #fff
}
.btn-secondary {
background-color: #999;
color: #fff
}
.btn-secondary:focus,
.btn-secondary:hover {
background-color: grey;
color: #fff
}
.btn-secondary.active,
.btn-secondary:active {
background-color: #737373;
color: #fff
}
.btn-success {
background-color: #bcdf94;
color: #373737
}
.btn-success:focus,
.btn-success:hover {
background-color: #a3d36d;
color: #373737
}
.btn-success.active,
.btn-success:active {
background-color: #97cd59;
color: #373737
}
.btn-info {
background-color: #c6e5fa;
color: #373737
}
.btn-info:focus,
.btn-info:hover {
background-color: #97d0f6;
color: #373737
}
.btn-info.active,
.btn-info:active {
background-color: #80c5f4;
color: #373737
}
.btn-warning {
background-color: #fdd896;
color: #373737
}
.btn-warning:focus,
.btn-warning:hover {
background-color: #fcc564;
color: #373737
}
.btn-warning.active,
.btn-warning:active {
background-color: #fcbc4b;
color: #373737
}
.btn-danger {
background-color: #f4b3b3;
color: #373737
}
.btn-danger:focus,
.btn-danger:hover {
background-color: #ee8686;
color: #373737
}
.btn-danger.active,
.btn-danger:active {
background-color: #ea7070;
color: #373737
}
.btn.disabled,
.btn.disabled.active,
.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn.disabled>button,
.btn.disabled>button.active,
.btn.disabled>button:active,
.btn.disabled>button:focus,
.btn.disabled>button:hover,
.btn[disabled],
.btn[disabled].active,
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover {
background-color: #e8e8e8;
color: #b9b9b9;
cursor: not-allowed
}
.btn-link,
.btn-link>button {
color: #0877bf
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.btn-link>button,
.btn-link>button.active,
.btn-link>button:active,
.btn-link>button:focus,
.btn-link>button:hover {
border-color: transparent;
background: 0 0
}
.btn-link.active,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.btn-link>button.active,
.btn-link>button:active,
.btn-link>button:focus,
.btn-link>button:hover {
color: #2498e3;
text-decoration: underline
}
.btn-link.disabled,
.btn-link.disabled.active,
.btn-link.disabled:active,
.btn-link.disabled:focus,
.btn-link.disabled:hover,
.btn-link>button.disabled,
.btn-link>button.disabled.active,
.btn-link>button.disabled:active,
.btn-link>button.disabled:focus,
.btn-link>button.disabled:hover,
.btn-link>button[disabled],
.btn-link>button[disabled].active,
.btn-link>button[disabled]:active,
.btn-link>button[disabled]:focus,
.btn-link>button[disabled]:hover,
.btn-link[disabled],
.btn-link[disabled].active,
.btn-link[disabled]:active,
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
background: 0 0;
color: #999;
text-decoration: none
}
.btn-link:focus,
.btn-link>button:focus {
outline: 1px dotted
}
.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn+.dropdown-toggle>button {
background-color: #c5c5c5
}
.btn-group>.btn+.dropdown-toggle:focus,
.btn-group>.btn+.dropdown-toggle:hover,
.btn-group>.btn+.dropdown-toggle>button:focus,
.btn-group>.btn+.dropdown-toggle>button:hover {
background-color: #1e96c9;
color: #fff;
outline: 0;
text-decoration: none
}
.btn-group-open.btn-group>.btn+.dropdown-toggle,
.btn-group-open.btn-group>.btn+.dropdown-toggle>button,
.btn-group>.btn+.dropdown-toggle.active,
.btn-group>.btn+.dropdown-toggle:active,
.btn-group>.btn+.dropdown-toggle>button.active,
.btn-group>.btn+.dropdown-toggle>button:active,
.open.btn-group>.btn+.dropdown-toggle,
.open.btn-group>.btn+.dropdown-toggle>button {
background-color: #0e78a6;
color: #fff
}
.s-btn,
.sb-btn {
white-space: nowrap;
display: inline-block;
margin-right: 5px;
padding-left: 20px;
line-height: 16px
}
.s-btn i,
.sb-btn i {
font-style: normal
}
.s-btn[class*=" sb-"]:before,
.s-btn[class^=sb-]:before,
.sb-btn[class*=" sb-"]:before,
.sb-btn[class^=sb-]:before {
content: "";
display: inline-block;
vertical-align: -3px;
float: left;
width: 16px;
height: 16px;
margin-left: -20px;
background-repeat: no-repeat;
background-size: 16px 16px
}
.s-btn[class*=" sb-"]:after,
.s-btn[class^=sb-]:after,
.sb-btn[class*=" sb-"]:after,
.sb-btn[class^=sb-]:after {
content: "";
display: inline-block;
height: 16px;
vertical-align: -3px
}
.s-btn .icon,
.s-btn [class*=" icon-"],
.s-btn [class^=icon-],
.sb-btn .icon,
.sb-btn [class*=" icon-"],
.sb-btn [class^=icon-] {
float: left;
margin-left: -20px
}
.s-btn.btn-icon-only {
box-sizing: border-box;
width: 16px;
padding-left: 16px;
overflow: hidden;
vertical-align: -3px
}
.s-btn.btn-icon-only .icon,
.s-btn.btn-icon-only [class*=" icon-"],
.s-btn.btn-icon-only [class^=icon-],
.s-btn.btn-icon-only[class*=" sb-"]:before,
.s-btn.btn-icon-only[class^=sb-]:before {
margin-left: -16px;
margin-right: 10px
}
.b-btn {
display: inline-block;
margin: 0 3px 12px 0;
cursor: pointer;
text-align: center;
vertical-align: top
}
.b-btn:before {
content: "";
display: inline-block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px 32px
}
.b-btn i {
font-style: normal
}
.b-btn span {
display: block;
width: 144px;
word-wrap: break-word
}
.b-btn.btn-disabled,
.b-btn.btn-disabled:hover,
.b-btn.disabled,
.b-btn.disabled:hover,
.b-btn[disabled],
.b-btn[disabled]:hover,
.s-btn.btn-disabled,
.s-btn.btn-disabled:hover,
.s-btn.disabled,
.s-btn.disabled:hover,
.s-btn[disabled],
.s-btn[disabled]:hover {
color: #333;
text-decoration: none;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: gray;
filter: gray;
filter: grayscale(100%);
cursor: not-allowed
}
.disabledIcon {
opacity: .5
}
.commonButton {
display: inline-block;
white-space: nowrap;
cursor: pointer;
margin-right: 5px
}
span.commonButton {
cursor: not-allowed
}
.formArea .commonButton span,
.formButtons .commonButton span,
.paging .commonButton span {
display: none
}
.listArea .buttons .commonButton button,
.reportTools .commonButton button,
.toolbar .commonButton button,
.toolsArea .commonButton button {
display: none
}
.listArea .buttons .commonButton span {
display: block
}
.commonButton button {
-webkit-appearance: none;
margin: 0;
border: 1px solid transparent;
overflow: visible;
font: inherit;
color: #373737;
text-transform: none;
display: block;
box-sizing: border-box;
padding: 8px 12px;
background: #dedede;
vertical-align: middle;
line-height: 18px;
font-size: 13px;
text-decoration: none;
text-align: center;
white-space: nowrap;
cursor: pointer
}
.commonButton button:focus,
.commonButton button:hover {
background-color: #1e96c9;
color: #fff;
outline: 0;
text-decoration: none
}
.commonButton button:active {
background-color: #0e78a6;
color: #fff
}
#bid-finish button,
#bid-ok button {
min-width: 90px;
background-color: #0f7faf;
color: #fff
}
#bid-finish button:focus,
#bid-finish button:hover,
#bid-ok button:focus,
#bid-ok button:hover {
background-color: #1e96c9;
color: #fff
}
#bid-finish button.active,
#bid-finish button:active,
#bid-ok button.active,
#bid-ok button:active {
background-color: #0e78a6;
color: #fff
}
#bid-cancel button {
min-width: 90px;
background-color: #999;
color: #fff
}
#bid-cancel button:focus,
#bid-cancel button:hover {
background-color: #b9b9b9;
color: #fff
}
#bid-cancel button.active,
#bid-cancel button:active {
background-color: #696969;
color: #fff
}
#bid-to-exclusive,
#bid-to-shared {
width: 100%
}
#bid-to-exclusive button,
#bid-to-shared button {
width: 100%
}
span#bid-cancel.commonButton button,
span#bid-cancel.commonButton button:active,
span#bid-cancel.commonButton button:focus,
span#bid-cancel.commonButton button:hover,
span#bid-finish.commonButton button,
span#bid-finish.commonButton button:active,
span#bid-finish.commonButton button:focus,
span#bid-finish.commonButton button:hover,
span#bid-ok.commonButton button,
span#bid-ok.commonButton button:active,
span#bid-ok.commonButton button:focus,
span#bid-ok.commonButton button:hover,
span.commonButton button,
span.commonButton button:active,
span.commonButton button:focus,
span.commonButton button:hover {
background-color: #e8e8e8;
color: #b9b9b9;
cursor: not-allowed
}
.commonButton span {
display: block;
padding-left: 20px;
line-height: 16px;
color: #2498e3;
text-decoration: none;
cursor: pointer
}
.commonButton span:before {
content: "";
display: inline-block;
vertical-align: -3px;
float: left;
width: 16px;
height: 16px;
margin-left: -20px;
background-repeat: no-repeat;
background-size: 16px 16px
}
.commonButton span:after {
content: "";
display: inline-block
}
.commonButton:hover span {
color: #188dd9;
text-decoration: underline
}
span.commonButton span,
span.commonButton span:hover {
color: #333;
text-decoration: none;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: gray;
filter: gray;
filter: grayscale(100%);
cursor: not-allowed
}
.toolsArea .commonButton {
margin: 0 3px 12px 0;
text-align: center;
vertical-align: top;
background: 50% 0 no-repeat;
background-size: 32px 32px
}
.toolsArea .commonButton:before {
content: "";
display: inline-block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-size: 32px 32px
}
.formArea .toolsArea .commonButton span,
.toolsArea .commonButton span {
display: block;
width: 144px;
padding-left: 0;
white-space: normal;
word-wrap: break-word
}
.formArea .toolsArea .commonButton span:before,
.toolsArea .commonButton span:before {
display: none
}
.toolsArea span.commonButton:hover span {
color: #333;
text-decoration: none
}
.toolsArea span.commonButton:before {
opacity: .5;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: gray;
filter: gray;
filter: grayscale(100%);
cursor: not-allowed
}
.tabs {
margin-bottom: 12px
}
.tabs ul {
margin: -1px 0 0;
padding: 0;
list-style: none
}
.tabs ul:after {
content: "";
display: block;
clear: both
}
.tabs li {
display: block;
position: relative
}
.tabs li>a {
display: block;
margin-top: 1px;
padding: 10px 10px 12px;
border: 1px solid #b5b5b5;
color: #fff;
text-decoration: none;
background: #b5b5b5
}
.tabs li>a:hover {
border-color: #2298cb;
background-color: #2298cb
}
.tabs li>a .close {
float: right;
width: 14px;
margin-left: 2px;
text-align: right;
text-shadow: none;
cursor: pointer
}
.tabs li>a .close:hover {
opacity: .5
}
.tabs li>a .close:before {
content: "\2715";
font-weight: 400;
font-size: 12px
}
.tabs .active>a,
.tabs .active>a:hover {
position: relative;
border-color: #09729f;
background-color: #fff;
color: #09729f
}
.tabs .active>a:before,
.tabs .active>a:hover:before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
height: 1px;
width: 100%;
background: #fff
}
@media (max-width: 767px) {
.tabs li>a {
font-size: 15px;
line-height: 20px
}
.tabs .active>a,
.tabs .active>a:hover {
margin-bottom: 0;
padding-right: 30px;
background: #09729f;
color: #fff;
box-shadow: none
}
.tabs .active>a:before {
display: none
}
.tabs .active>a:after {
content: "";
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
top: 50%;
right: 0;
margin: -8px 10px 0;
background-image: url(../icons/64/plesk/_expand8011.png?17.0);
background-repeat: no-repeat;
background-size: 16px
}
.tabs li:not(.active) {
d-isplay: none
}
.responsive-tabs-visible.tabs li:not(.active) {
display: block;
-webkit-animation: fade .2s ease-in-out;
animation: fade .2s ease-in-out
}
}
@media (min-width: 768px) {
.tabs ul {
margin-top: -2px;
border-bottom: 1px solid #09729f
}
.tabs li {
float: left;
}
.tabs li>a {
float: left;
margin: 2px 2px 0 0;
padding: 6px 10px;
border-bottom-width: 0
}
.tabs .active>a {
margin-bottom: -1px;
padding-bottom: 7px
}
}
@media (max-width: 767px) {
.tabs.sticky-nav {
padding-bottom: 0!important
}
}
@media (min-width: 768px) {
.tabs.sticky-nav .tabs-area {
position: fixed;
z-index: 200;
top: 50px;
right: 0;
left: 220px;
padding-top: 3px;
background: #fff;
box-shadow: 0 20px 10px -10px #fff
}
.tabs.sticky-nav .tabs-area>ul {
margin: 0 20px
}
.page-sidebar-closed .tabs.sticky-nav .tabs-area,
.page-sidebar-hidden .tabs.sticky-nav .tabs-area {
left: 0
}
.page-header-hidden .tabs.sticky-nav .tabs-area {
top: 0
}
}
.animation-blink {
-webkit-animation: blink 1s infinite steps(2, start);
animation: blink 1s infinite steps(2, start)
}
@-webkit-keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fade-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
transform: scale(1.8)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes slide-left {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slide-left {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes slide-right {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slide-right {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes scale-12 {
0% {
-webkit-transform: scale(1.2) rotate(.02deg);
transform: scale(1.2) rotate(.02deg)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale-12 {
0% {
-webkit-transform: scale(1.2) rotate(.02deg);
transform: scale(1.2) rotate(.02deg)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-9px);
transform: translateX(-9px)
}
20% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
30% {
-webkit-transform: translateX(-7px);
transform: translateX(-7px)
}
40% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
50% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
60% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
70% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
80% {
-webkit-transform: translateX(2px);
transform: translateX(2px)
}
90% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-9px);
transform: translateX(-9px)
}
20% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
30% {
-webkit-transform: translateX(-7px);
transform: translateX(-7px)
}
40% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
50% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
60% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
70% {
-webkit-transform: translateX(-3px);
transform: translateX(-3px)
}
80% {
-webkit-transform: translateX(2px);
transform: translateX(2px)
}
90% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px)
}
}
@-webkit-keyframes blink {
80% {
visibility: hidden
}
}
@keyframes blink {
80% {
visibility: hidden
}
}
@-webkit-keyframes slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.btn [class*=" icon-"],
.btn [class^=icon-],
.s-btn [class*=" icon-"],
.s-btn [class^=icon-],
[class*=" icon-"],
[class^=icon-],
i.icon,
span.icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: -3px;
background-repeat: no-repeat;
background-size: 16px
}
[class*=" icon-"] img,
[class^=icon-] img,
i.icon img {
display: block;
width: 16px;
height: 16px;
overflow: hidden
}
.icon-md,
[class*=" icon-md-"],
[class^=icon-md-] {
width: 32px;
height: 32px;
vertical-align: middle;
background-size: 32px
}
.icon-md img,
[class*=" icon-md-"] img,
[class^=icon-md-] img {
width: 32px;
height: 32px
}
.b-collapsible>.box-area>.title h3,
.e-collapsible-title {
display: inline-block;
margin: 0 0 12px;
padding: 0 0 0 20px;
cursor: pointer;
font-size: 13px;
line-height: normal;
color: #2498e3;
background: 0 -97px no-repeat;
background-image: url(../images/expand-collapse8011.png?17.0);
background-size: 14px 114px
}
.b-collapsible>.box-area>.title h3:after,
.e-collapsible-title:after {
display: none
}
.b-collapsible>.box-area>.title h3:hover,
.e-collapsible-title:hover {
color: #188dd9
}
.b-collapsible>.box-area>.title h3 span,
.e-collapsible-title span {
display: inline-block;
border-bottom: 1px dashed;
cursor: pointer
}
.b-collapsible.hide>.box-area>.title h3,
.e-collapsible-title-collapsed {
background-position: 0 3px
}
.b-collapsible.hide .content,
.b-collapsible.hide .title .title-content-hide,
.b-collapsible>.box-area>.title h3 .title-content-show {
display: none
}
.b-collapsible.hide .title h3 .title-content-show {
display: inline
}
.double-list-select {
position: relative;
overflow: hidden;
width: 100%;
max-width: 960px;
height: 174px;
margin-top: -6px;
padding-top: 6px
}
.double-list-select.dls-large {
height: 428px
}
.dls-first-box,
.dls-second-box {
width: 49.9%;
height: 174px
}
.dls-large .dls-first-box,
.dls-large .dls-second-box {
width: 49.9%;
height: 428px
}
.dls-second-box {
position: relative;
top: -174px;
left: 50%
}
.dls-large .dls-second-box {
top: -428px
}
.double-list-select h4 {
margin: 0 0 8px;
font-size: 13px;
font-weight: 400
}
.dls-second-box h4 {
margin-left: 54px
}
.dls-box-area {
clear: both;
overflow: auto;
height: 140px;
margin: 0 54px 0 0;
border: solid #cfcfcf;
border-width: 1px 0;
background: #f4f4f4
}
.dls-large .dls-box-area {
height: 395px
}
.dls-second-box .dls-box-area {
margin: 0 0 0 54px
}
.dls-search {
position: relative;
float: right;
margin: -3px 0 3px 10px;
width: 250px
}
.dls-first-box .dls-search {
margin-right: 54px
}
.dls-search .search-input {
display: block;
width: 100%;
padding-right: 30px
}
.dls-search .search-button {
position: absolute;
top: 50%;
right: 0;
width: 16px;
height: 16px;
margin: -10px 6px 0 0;
padding: 0;
background-repeat: no-repeat;
background-size: 16px 16px
}
.dls-search .search-button-clear {
cursor: pointer;
background-image: url(../images/clear-search8011.png?17.0)
}
.dls-search input:focus {
outline: 0
}
.dls-box-area ul {
margin: 0;
padding: 0;
list-style: none
}
.dls-box-area ul ul {
margin: 7px -10px -8px -22px
}
.dls-box-area li {
position: relative;
margin: -1px 0 0;
padding: 6px 10px 7px 22px;
list-style: none;
cursor: default;
border: solid #ced7e0;
border-width: 1px 0;
background: #ededed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none
}
.dls-box-area li.marked,
.dls-box-area li.marked .dls-item-block:hover {
background: #ffdfba
}
.dls-box-area li .collapsible-control {
position: absolute;
width: 12px;
height: 12px;
margin: 3px 0 0 -16px;
padding: 0;
cursor: pointer
}
.dls-group .collapsible-control i {
display: block;
width: 8px;
height: 8px;
margin: 2px;
padding: 0;
cursor: pointer;
background: 0 -72px no-repeat;
background-image: url(../images/collapsible-control8011.png?17.0);
background-size: 18px 80px
}
.dls-group-collapsed .collapsible-control i {
background-position: 0 -61px
}
.dls-group-expanded .collapsible-control i {
background-position: 0 -72px
}
.dls-group-collapsed .collapsible-control:hover i {
background-position: -10px -61px
}
.dls-group-expanded .collapsible-control:hover i {
background-position: -10px -72px
}
.dls-icons {
position: absolute;
top: 50%;
right: 10px;
margin: -9px 0 0;
white-space: nowrap
}
.dls-box-area li li .dls-item-block {
padding-left: 40px
}
.dls-item-block {
position: relative;
margin: -6px -10px -7px -22px;
padding: 6px 10px 7px 22px
}
.dls-item-block:hover {
background: #e3f7ff
}
.dls-icons-1 .dls-item-block {
padding-right: 30px
}
.dls-icons-2 .dls-item-block {
padding-right: 50px
}
.dls-icons-3 .dls-item-block {
padding-right: 70px
}
.dls-icons-4 .dls-item-block {
padding-right: 90px
}
.dls-group-collapsed ul {
display: none
}
.dls-box-area b {
font-weight: 400
}
.dls-box-area span {
display: block;
padding: 1px 0 0;
color: #787878
}
.dls-controls {
position: absolute;
top: 50%;
left: 50%;
width: 108px;
margin: -30px 0 0 -54px;
text-align: center
}
.dls-controls .btn {
display: block;
width: 60px;
min-width: 60px;
margin: 0 auto 10px
}
.dls-controls .btn button {
width: 60px;
min-width: 10px
}
.dls-box-area .dls-sort-controls {
visibility: hidden;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
opacity: 0
}
.dls-box-area .dls-sort-controls .icon {
cursor: pointer
}
.dls-box-area .dls-sort-controls .icon.disabled {
cursor: default;
opacity: .4
}
.dls-box-area .dls-item-block:hover .dls-sort-controls {
visibility: visible;
opacity: 1
}
.edls {
display: table;
min-width: 650px;
max-width: 960px
}
.edls-wrap {
display: table-row
}
.edls-box {
display: table-cell;
width: 50%;
vertical-align: top
}
.edls-header-title {
margin: 0 0 5px
}
.edls-header-controls {
float: right
}
.edls-header-controls .btn {
min-width: 0;
margin: -5px 0 0 3px
}
.edls-header-controls .btn button {
min-width: 0;
padding: 5px 7px
}
.edls-header-controls a.btn {
padding: 4px 6px
}
.edls-box-wrap {
clear: both;
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease
}
.edls-search {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0 0 -1px
}
.edls-search .edls-check {
margin: 10px 6px 0 10px
}
.touch .edls-search .edls-check {
margin-top: 7px
}
.edls-search-control {
position: relative;
display: block;
overflow: hidden;
padding: 4px 0 4px 4px
}
.edls-search-control .search-input {
box-sizing: border-box;
width: 100%;
height: 26px;
margin: 0;
padding: 2px 22px 2px 2px
}
.edls-search-control .search-button {
position: absolute;
top: 50%;
right: 0;
width: 16px;
height: 16px;
margin: -10px 5px 0 0;
padding: 0;
cursor: default;
background: 0 0
}
.edls-search-control .search-button-clear {
cursor: pointer
}
.edls-box-body {
position: relative;
overflow: auto;
height: 209px;
border: solid #cfcfcf;
border-width: 1px 0;
background: #f4f4f4
}
.edls-list {
margin: 0;
padding: 0;
list-style: none
}
.edls-item {
position: relative;
padding: 0 24px 0 10px;
cursor: pointer;
border-bottom: 1px solid #cfcfcf;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #ededed
}
.edls-item:hover {
background: #e3f7ff;
border-color: #dfdfdf
}
.edls-item:hover:after {
position: absolute;
top: 10px;
right: 10px;
content: "";
width: 7px;
height: 13px;
background: 0 0 no-repeat;
background-image: url(../images/double-list-arrows8011.png?17.0);
background-size: 7px 52px
}
.edls-box-second .edls-item:hover:after {
background-position: 0 -13px
}
.edls-list .edls-item.selected {
border-color: #cfcfcf;
background: #ffdfba
}
.edls-ajax-loading,
.edls-list-empty {
color: #999;
font-style: italic
}
.edls-ajax-loading .ajax-loading {
background-position: 0 50%
}
.edls-item-wrap,
.edls-text {
display: block;
overflow: hidden
}
.edls-text {
padding: 6px 0 8px
}
.edls-check {
position: relative;
float: left;
width: 13px;
height: 13px;
margin: 9px 10px 2px 0;
line-height: 10px
}
.touch .edls-check {
width: 22px;
height: 22px;
margin-top: 5px
}
.edls-check input.checkbox {
position: absolute;
margin: 0;
vertical-align: top
}
.edls-ajax-loading,
.edls-list-empty {
position: absolute;
top: 50%;
width: 100%;
margin-top: -16px;
text-align: center
}
.edls-control {
display: table-cell;
vertical-align: middle
}
.edls-control-wrap {
position: relative;
min-width: 110px;
margin: 28px 12px 0;
padding: 10px 10px 12px;
-webkit-transition: margin .3s ease, box-shadow .3s ease;
transition: margin .3s ease, box-shadow .3s ease;
border: 1px solid #e8e8e8;
color: #373737;
background: #e8e8e8
}
.edls-over .edls-control-wrap {
border-color: #e3f7ff;
background: #e3f7ff;
box-shadow: 0 0 0 2px #2298cb
}
.edls-control-text {
text-align: center
}
.edls-over-first .edls-control-wrap {
margin: 28px 21px 0 3px
}
.edls-over-second .edls-control-wrap {
margin: 28px 3px 0 21px
}
.edls-over-first.edls-selected-first .edls-control-wrap,
.edls-over-second.edls-selected-second .edls-control-wrap {
border-color: #5fb6dc;
color: #fff;
background: #5fb6dc;
box-shadow: 0 0 0 2px #2298cb;
cursor: pointer
}
.edls-over-first.edls-selected-first .edls-control-wrap:hover,
.edls-over-second.edls-selected-second .edls-control-wrap:hover {
border-color: #5fb6dc;
color: #fff;
background-color: #5fb6dc;
box-shadow: 0 0 0 2px #2298cb
}
.edls-over-first.edls-selected-first .edls-control-indicator,
.edls-over-second.edls-selected-second .edls-control-indicator {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
border: solid #fff;
border-width: 0 0 0 1px
}
.edls-over-first.edls-selected-first .edls-control-indicator:after,
.edls-over-second.edls-selected-second .edls-control-indicator:after {
position: absolute;
top: 50%;
left: 50%;
content: "";
margin: -7px 0 0 -3px;
width: 7px;
height: 13px;
background: 0 -26px no-repeat;
background-image: url(../images/double-list-arrows8011.png?17.0);
background-size: 7px 52px
}
.edls-over-second.edls-selected-second .edls-control-indicator {
right: auto;
left: 0;
border-width: 0 1px 0 0
}
.edls-over-second.edls-selected-second .edls-control-indicator:after {
margin: -7px 0 0 -4px;
background-position: 0 -39px
}
.edls-over-first.edls-selected-first .edls-control-body {
padding-right: 31px
}
.edls-over-second.edls-selected-second .edls-control-body {
padding-left: 31px
}
.edls-over-first .edls-box-first .edls-box-wrap,
.edls-over-second .edls-box-second .edls-box-wrap {
box-shadow: 0 0 0 2px #2298cb
}
.search-result-label {
font-weight: 400;
background: #0f7eae;
color: #fff
}
.edls-control-text-first,
.edls-control-text-second,
.edls-over-first.edls-selected-first .edls-control-text-none,
.edls-over-second.edls-selected-second .edls-control-text-none {
display: none
}
.edls-over-first.edls-selected-first .edls-control-text-first,
.edls-over-second.edls-selected-second .edls-control-text-second {
display: block
}
@media (max-width: 767px) {
.edls,
.edls-box,
.edls-control,
.edls-wrap {
display: block
}
.edls {
min-width: 0
}
.edls-box {
width: 100%
}
.edls-item:hover:after,
.edls-over-first.edls-selected-first .edls-control-indicator:after,
.edls-over-second.edls-selected-second .edls-control-indicator:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.edls-control-wrap,
.edls-over-first .edls-control-wrap,
.edls-over-second .edls-control-wrap {
margin: 12px 0
}
.edls-over-second.edls-selected-second .edls-control-indicator {
left: auto;
right: 0;
border-width: 0 0 0 1px
}
.edls-over-second.edls-selected-second .edls-control-body {
padding-left: 0;
padding-right: 31px
}
}
.pathbar {
margin: -10px 0 0;
min-height: 12px;
color: #2c2c2c;
font-size: 12px
}
.pathbar ul {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
list-style: none
}
.pathbar li {
float: left
}
.pathbar li>a,
.pathbar li>span {
position: relative;
float: left;
margin: 0 3px 2px 0;
padding: 0 5px 0 15px;
height: 20px;
line-height: 20px;
text-align: center;
background: #ebebeb
}
.pathbar li>a:after,
.pathbar li>a:before,
.pathbar li>span:after,
.pathbar li>span:before {
content: "";
position: absolute;
top: 0;
left: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #fff
}
.pathbar li>a:after,
.pathbar li>span:after {
right: -10px;
left: auto;
z-index: 1;
border-left-color: #ebebeb
}
.pathbar li:first-child>a,
.pathbar li:first-child>span {
padding-left: 10px
}
.pathbar li:first-child>a:before,
.pathbar li:first-child>span:before {
display: none
}
.pathbar li>a {
color: #2c2c2c;
text-decoration: none
}
.pathbar li>a:hover {
color: #fff;
background: #2298cb
}
.pathbar li>a:hover:after {
border-left-color: #2298cb
}
.pathbar b {
display: none
}
.b-panels,
.b-panels-box {
display: inline-block;
width: 100%
}
@media (min-width: 768px) {
.b-panels .form-row .field-name,
.b-panels-box .form-row .field-name {
width: auto
}
.page-sidebar-closed .b-panels .column,
.page-sidebar-closed .b-panels-box .column {
float: left;
width: 50%
}
.page-sidebar-closed .b-panels .col-2-1 .b-panel,
.page-sidebar-closed .b-panels-box .col-2-1 .b-panel {
margin-right: 5px
}
.page-sidebar-closed .b-panels .col-2-2 .b-panel,
.page-sidebar-closed .b-panels-box .col-2-2 .b-panel {
margin-left: 5px
}
}
@media (min-width: 960px) {
.b-panels .column,
.b-panels-box .column {
float: left;
width: 50%
}
.b-panels .col-2-1 .b-panel,
.b-panels-box .col-2-1 .b-panel {
margin-right: 5px
}
.b-panels .col-2-2 .b-panel,
.b-panels-box .col-2-2 .b-panel {
margin-left: 5px
}
}
@media (min-width: 1220px) {
.b-panels .form-table .field-name,
.b-panels-box .form-table .field-name {
width: 180px
}
}
.b-panel {
margin: 0 0 10px;
border: 1px solid #bebebe;
background: #fafafa
}
.b-panel>.box-area>.content {
padding: 10px 15px
}
.b-panel .form-box:last-child,
.b-panel .form-table:last-child {
margin-bottom: 0
}
.b-panel>.box-area>.content {
padding: 10px 20px
}
.collapsed.b-panel>.box-area>.content {
display: none
}
.b-panel>.box-area>.title {
margin: -1px -1px 0;
padding: 6px 20px;
border: 1px solid #dedede;
background: #dedede
}
.collapsed.b-panel>.box-area>.title,
.expanded.b-panel>.box-area>.title {
cursor: pointer
}
.b-panel>.box-area>.title h3 {
min-height: 32px;
margin: 0;
padding: 0;
font-size: 20px;
line-height: 28px;
color: #353535
}
.b-panel>.box-area>.title h3 img {
float: left;
margin-right: 8px;
width: 32px;
height: 32px
}
.b-panel>.box-area .title .b-panel-control {
float: right;
margin: 6px 0 0 5px
}
.b-panel>.box-area .title .b-panel-control img {
display: block;
width: 16px;
height: 16px
}
.b-panel>.box-area .title .b-panel-control .s-btn {
margin: 0
}
.b-panel .tools-list .tools-item,
.page-sidebar-closed .b-panel .tools-list .tools-item,
.page-sidebar-hidden .b-panel .tools-list .tools-item {
width: 50%
}
.b-panels .b-panel-content {
min-height: 32px;
padding: 8px 10px 8px 52px;
background: 10px 10px no-repeat;
background-size: 32px
}
.bp-stat-disk-usage .b-panel-content {
background-image: url(../icons/32/plesk/disk-usage8011.png?17.0)
}
.bp-stat-traffic .b-panel-content {
background-image: url(../icons/32/plesk/traffic8011.png?17.0)
}
.line-chart-data-table td,
.line-chart-data-table th {
padding: 0 0 7px;
text-align: left;
vertical-align: top
}
.line-chart-data-table .t-r {
padding-left: 2px;
text-align: right
}
.pie-chart-block .pie-chart-title {
padding: 0 0 10px
}
.pie-chart-block .pie-chart-title {
font-weight: 700
}
.pie-chart-block .chart-legend {
margin: 0;
padding: 0;
list-style: none
}
.pie-chart-block .chart-legend li {
box-sizing: border-box;
display: inline-block;
min-width: 100px;
padding: 5px 10px 5px 18px
}
.pie-chart-block .chart-legend li em {
float: left;
width: 10px;
height: 10px;
margin: 3px 0 0 -18px;
border: 1px solid transparent;
font-size: 1px
}
.pie-chart-block .chart-legend .label-1 em {
background: #fd8b8b
}
.pie-chart-block .chart-legend .label-2 em {
background: #ffde9a
}
.pie-chart-block .chart-legend .label-3 em {
background: #62cefb
}
.pie-chart-block .chart-legend .label-4 em {
background: #94ff5f
}
.pie-chart-block .chart-legend .label-5 em {
background: #cd7b7b
}
.pie-chart-block .chart-legend .label-6 em {
background: #cfb685
}
.pie-chart-block .chart-legend .label-7 em {
background: #5daacb
}
.pie-chart-block .chart-legend .label-8 em {
background: #81cf5b
}
@media (min-width: 480px) {
.pie-chart-block .pie-chart {
float: left
}
.pie-chart-block .chart-legend {
margin-left: 110px
}
}
.panel {
margin: 0 0 12px;
border: 1px solid #dedede;
background: #fafafa
}
.panel .panel-heading {
position: relative;
margin: -1px;
padding: 7px 10px 9px;
background: #dedede
}
.panel .panel-heading .panel-heading-name {
margin: 0;
padding: 0;
line-height: 18px;
font-size: 15px;
color: #303030
}
.panel .panel-heading .panel-control {
float: right;
width: 18px;
height: 18px;
margin: 0 0 0 4px;
cursor: pointer;
background: url(../images/collapsible-control8011.png?17.0) no-repeat;
background-size: 18px 80px
}
.panel-collapsed.panel .panel-heading .panel-control {
background-position: 0 -18px
}
.panel .panel-heading a {
color: #353535
}
.panel .panel-heading a:hover {
color: #47515b
}
.panel.panel-collapsible .panel-heading {
cursor: pointer
}
.panel .panel-content {
padding: 10px;
font-size: 12px;
color: #4a4a4a;
line-height: normal;
word-wrap: break-word;
-webkit-animation: fade .3s ease-in-out;
animation: fade .3s ease-in-out
}
.panel-collapsed.panel .panel-content {
display: none
}
.p-additional-services.panel .panel-content,
.p-domain-registration.panel .panel-content,
.p-tools.panel .panel-content {
font-size: 13px
}
.panel .panel-bottom-actions {
overflow: hidden;
margin-top: 12px;
padding-top: 6px;
border-top: 1px solid #ddd
}
.panel .panel-bottom-actions a {
color: #7aa9bf
}
.panel .panel-bottom-actions a:hover {
color: #94c2d8
}
.panel .panel-sub-heading {
margin: 0 0 5px;
padding: 0;
font-size: 13px;
font-weight: 400;
color: #5e6974;
line-height: normal
}
.panel .s-btn {
white-space: normal
}
.panel-content-wrap>div,
.panel-content-wrap>ol,
.panel-content-wrap>p,
.panel-content-wrap>ul {
margin-top: 8px;
margin-bottom: 0
}
.panel-content-wrap>div:first-child,
.panel-content-wrap>ol:first-child,
.panel-content-wrap>p:first-child,
.panel-content-wrap>ul:first-child {
margin-top: 0
}
.panel-content-wrap>ul {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.panel-content-wrap>ul>li+li {
margin-top: 8px
}
.panel-content-wrap>ul>p {
margin-top: 8px;
margin-bottom: 0
}
.panel-content-wrap>ul>p:first-child {
margin-top: 0
}
.panel-content-wrap>.panel-ul {
padding-left: 1.231em;
list-style: disc
}
.panel-content-wrap>ul>li+li {
margin-top: 8px
}
.panel-content-wrap>ul>li>p {
margin: 8px 0 0
}
.panel-content-wrap>ul>li>p:first-child {
margin-top: 0
}
.panel .panel-content-wrap .progress-box>:last-child {
margin-bottom: 0
}
.panel .data-list-title {
display: block;
padding-top: 8px
}
.panel .data-list>li:first-child .data-list-title {
padding-top: 0
}
.panel .data-list-value {
font-weight: 700
}
.panel .stat-block>div {
margin-top: 3px
}
.panel .stat-block>div:first-child {
margin-top: 0
}
.panel .stat-block .stat-block-value {
font-weight: 700
}
.panel .app-block {
display: block;
margin-bottom: 10px;
text-align: center;
color: #727f86;
text-decoration: none
}
.panel .app-block:hover {
color: #188dd9
}
.panel .app-block .app-icon {
display: block
}
.panel .app-block .app-icon img {
max-width: 100%;
max-height: 32px
}
.panel .app-block .app-name {
display: block;
padding-top: 3px
}
.panel.p-featured-applications .b-grid-list {
margin-bottom: -10px
}
.panel.p-featured-applications .b-grid-2 .b-grid-item {
width: 50%
}
.panel.p-promo .tools-list {
margin: -5px -10px 0
}
.b-content-side .panel.p-promo .tools-list .tools-item {
display: none;
width: 100%;
-webkit-animation: fade .3s ease-in-out;
animation: fade .3s ease-in-out
}
.b-content-side .panel.p-promo .tools-list .tools-item-active {
display: block
}
.panel.p-promo .tools-list a.tool-block:hover {
background: 0 0
}
.panel.p-promo .tools-list a.tool-block:hover .tool-name {
color: #188dd9
}
.panel.p-promo .tools-list .tool-block .tool-name {
font-size: 14px;
color: #000;
text-decoration: none
}
.panel.p-promo .tools-list .tool-block .tool-info {
font-size: 12px;
color: #4a4a4a
}
.panel.p-promo .tools-list .tool-actions {
margin-top: 5px;
padding: 0 0 0 38px
}
.panel.p-promo .tools-list .tool-actions .btn {
margin: 0 10px 0 0
}
.panel.p-promo .panel-bottom-actions .prev-link {
float: left
}
.panel.p-promo .panel-bottom-actions .next-link {
float: right
}
.b-content-side .sidebar {
margin: 0 0 12px;
border: 1px solid #dedede;
background: #fafafa
}
.b-content-side .sidebar .content {
padding: 10px;
font-size: 12px;
color: #4a4a4a;
line-height: normal
}
.b-content-side .update-block h4 {
margin: 0 0 12px;
padding: 0 0 0 20px;
line-height: 16px;
font-size: 15px;
color: #303030;
background: url(../icons/16/plesk/update8011.png?17.0) no-repeat;
background-size: 16px
}
.b-content-side .update-block ul {
margin: 8px 0 0;
padding: 0;
list-style: none
}
.b-content-side .update-block ul>li {
margin: 4px 0
}
.b-content-side .update-block .update-info {
padding: 0 0 0 20px
}
.p-box {
position: relative;
margin: 0 0 12px;
border: 1px solid #c5e1ed;
background-color: #ecf5f9
}
*+.p-box {
margin-top: 12px
}
.p-box .close {
float: right;
color: #000;
line-height: 16px;
width: 16px;
margin: 5px 5px 0;
text-align: center;
cursor: pointer
}
.p-box .close:hover {
opacity: .8
}
.p-box .close:before {
content: "\2715";
font-weight: 400;
font-size: 13px
}
.p-box-bl,
.p-box-tl {
display: none
}
.p-box-footer,
.p-box-header {
position: relative;
overflow: hidden;
margin: 0 15px
}
.p-box-header {
border-bottom: 1px solid #ddd
}
.p-box-footer {
border-top: 1px solid #ddd
}
.p-box-footer-nav a,
.p-box-header-nav a {
float: right;
margin: 8px 0 8px 10px
}
.p-box-footer-nav a:first-child,
.p-box-header-nav a:first-child {
float: left;
margin: 8px 10px 8px 0
}
.p-box-footer-text,
.p-box-header-text {
padding: 8px 0
}
.p-box-content {
padding: 10px
}
.home-promo-block .p-box-footer,
.home-promo-block .p-box-header {
margin: 0 20px
}
.home-promo-block .p-box-content {
padding: 10px 20px
}
.home-promo-block .tools-list {
position: relative;
overflow: hidden
}
.home-promo-block .tools-list a.tool-block .tool-name {
font-size: 15px;
font-weight: 700
}
.home-promo-block .tools-list a.tool-block:hover {
background-color: transparent
}
.home-promo-block .tools-list .tools-item {
width: 33.3%
}
.home-promo-block .tools-item:before {
position: absolute;
display: block;
height: 100%;
margin-left: -1px;
content: "";
width: 1px;
background: #ddd
}
.home-promo-block .tools-list .tool-actions {
padding: 0 8px 8px 49px
}
.app-list {
margin: 0;
padding: 0
}
.app-list-item {
overflow: hidden;
margin: 12px 0 0;
padding: 0
}
.app-list-title {
margin: 0;
padding: 0 0 5px;
border-bottom: 1px solid #ddd;
font-weight: 700
}
*+.app-list-title {
margin-top: 12px
}
.app-list-item-block {
display: block;
margin: 0;
padding: 0 0 0 50px;
cursor: pointer
}
.app-list-item-block:after,
.app-list-item-block:before {
content: "";
display: table
}
.app-list-item-block:after {
clear: both
}
a.app-list-item-block {
color: #000;
text-decoration: none
}
a.app-list-item-block .app-list-item-name {
color: #2498e3;
text-decoration: none
}
a.app-list-item-block:hover .app-list-item-name {
color: #188dd9;
text-decoration: underline
}
.app-list-item-icon {
float: left;
width: 50px;
margin: 0 0 0 -50px;
cursor: pointer
}
.app-list-item-icon img {
display: block;
width: 40px
}
.app-list-item-name {
display: block;
font-weight: 700
}
.app-list-item-info {
display: block;
padding-top: 2px
}
@media (min-width: 768px) {
.panel .tools-list {
margin: 0 10px
}
.panel .tools-list .tool-block {
margin: 0;
padding: 5px 8px 5px 38px
}
.panel .tools-list .tool-block .tool-icon {
width: 24px;
height: 24px;
margin-left: -30px
}
.panel .tools-list .tool-block .tool-icon img {
width: 24px;
height: 24px
}
.b-content-side .panel .tools-list .tools-item {
display: block;
width: 100%
}
}
.tools-list {
margin: 0 -8px;
padding: 0;
list-style: none
}
.tools-list .tools-item {
display: block
}
.tools-list .tools-item .ajax-loading {
margin: 8px 10px
}
.tools-list .tool-block {
display: block;
margin: 0 2px 5px;
padding: 8px 8px 8px 46px
}
.tools-list .tool-block:after,
.tools-list .tool-block:before {
content: "";
display: table
}
.tools-list .tool-block:after {
clear: both
}
.tools-list .tool-block .tool-icon {
float: left;
width: 32px;
height: 32px;
margin: 0 0 0 -38px
}
.tools-list .tool-block .tool-icon img {
display: block;
width: 32px;
height: 32px
}
.tools-list .tool-block .tool-name {
display: block;
padding: 0 0 3px;
font-weight: 700
}
.tools-list .tool-block .tool-info {
display: block;
word-wrap: break-word;
margin: 0;
padding: 0;
list-style: none
}
.tools-list .tool-block .tool-info>li {
padding: 0 0 6px 12px;
background: 0 7px no-repeat;
background-image: url(../images/bullet8011.gif?17.0)
}
.tools-list a.tool-block {
cursor: pointer;
color: #000;
text-decoration: none
}
.tools-list a.tool-block:hover {
color: #000;
background-color: #ecf5f9;
text-decoration: none
}
.tools-list a.tool-block-disabled,
.tools-list a.tool-block-disabled .tool-name,
.tools-list a.tool-block-disabled:hover .tool-name {
cursor: default
}
.tools-list a.tool-block .tool-name {
font-weight: 400;
color: #2498e3;
text-decoration: none
}
.tools-list a.tool-block:hover .tool-name {
color: #188dd9;
text-decoration: underline
}
.tools-list a.tool-block.disabled,
.tools-list a.tool-block.disabled:hover {
text-decoration: none;
background: 0 0;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: gray;
filter: gray;
filter: grayscale(100%);
cursor: not-allowed
}
.tools-list a.tool-block.disabled:hover .tool-name {
text-decoration: none
}
@media (min-width: 480px) {
.tools-list {
margin: 0 -8px;
letter-spacing: -4px
}
.tools-list .tools-item {
display: inline-block;
width: 50%;
vertical-align: top;
letter-spacing: 0
}
}
@media (min-width: 768px) {
.tools-list .tools-item {
width: 33.3%
}
}
@media (min-width: 1360px) {
.page-sidebar-closed .tools-list .tools-item,
.page-sidebar-hidden .tools-list .tools-item {
width: 25%
}
.page-sidebar-closed .active-list .tools-list .tools-item,
.page-sidebar-hidden .active-list .tools-list .tools-item {
width: 33.3%
}
}
@media (min-width: 1570px) {
.tools-list .tools-item {
width: 25%
}
.active-list .tools-list .tools-item {
width: 33.3%
}
}
@media (min-width: 1900px) {
.page-sidebar-closed .tools-list .tools-item,
.page-sidebar-hidden .tools-list .tools-item {
width: 20%
}
.page-sidebar-closed .active-list .tools-list .tools-item,
.page-sidebar-hidden .active-list .tools-list .tools-item {
width: 33.3%
}
}
@media (min-width: 2110px) {
.tools-list .tools-item {
width: 20%
}
.active-list .tools-list .tools-item {
width: 33.3%
}
}
.label {
display: inline-block;
padding: 3px 8px;
background: #80c2de;
font-size: 12px;
font-weight: 600;
line-height: 14px;
color: #fff;
text-align: center
}
a.label:focus,
a.label:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label {
background-color: #80c2de
}
.label[href]:focus,
.label[href]:hover {
background-color: #58afd3
}
.label-inactive {
background-color: #747474
}
.label-inactive[href]:focus,
.label-inactive[href]:hover {
background-color: #5a5a5a
}
.label-success {
background-color: #86c939
}
.label-success[href]:focus,
.label-success[href]:hover {
background-color: #6ca32c
}
.label-info {
background-color: #80c2de
}
.label-info[href]:focus,
.label-info[href]:hover {
background-color: #58afd3
}
.label-warning {
background-color: #feb534
}
.label-warning[href]:focus,
.label-warning[href]:hover {
background-color: #fea301
}
.label-danger {
background-color: #ed6060
}
.label-danger[href]:focus,
.label-danger[href]:hover {
background-color: #e83232
}
.alert {
padding: 10px;
margin-bottom: 12px;
background-color: #dadada
}
*+.alert {
margin-top: 12px
}
.alert .close {
text-shadow: none;
float: right;
line-height: 16px;
margin-left: 10px;
text-align: center;
cursor: pointer
}
.alert .close:hover {
opacity: .8
}
.alert .close:before {
content: "\2715";
font-weight: 700;
font-size: 13px
}
.alert .btn {
margin: 0;
vertical-align: inherit
}
.alert .b-indent>p,
.alert .b-indent>ul,
.alert>p,
.alert>ul {
margin-bottom: 0
}
.alert .b-indent>p+.b-indent,
.alert .b-indent>p+p,
.alert>p+.b-indent,
.alert>p+p {
margin-top: 8px
}
.alert .b-indent+.b-indent,
.alert .b-indent+p {
margin-top: 8px
}
.alert-success {
background-color: #bcdf94
}
.alert-success hr {
border-top-color: #a3d36d
}
.alert-info {
background-color: #c6e5fa
}
.alert-info hr {
border-top-color: #97d0f6
}
.alert-warning {
background-color: #fdd896
}
.alert-warning hr {
border-top-color: #fcc564
}
.alert-danger {
background-color: #f4b3b3
}
.alert-danger hr {
border-top-color: #ee8686
}
.panel .alert {
padding: 10px 9px;
margin-left: -10px;
margin-right: -10px
}
.panel .alert .close:before {
font-size: 11px
}
.panel .alert .btn {
min-height: 0;
padding: 3px 5px;
font-size: inherit
}
.msg-box {
margin: 0 0 12px;
padding: 10px 10px 10px 32px;
color: #000;
line-height: 18px;
background: #dadada
}
*+.msg-box {
margin-top: 12px
}
.msg-box:before {
content: '';
display: inline-block;
float: left;
width: 16px;
height: 16px;
margin: 1px 0 0 -22px;
background-size: 16px
}
.msg-box .title {
font-weight: 700
}
.msg-box .task-status-link {
margin-left: 10px
}
.msg-box .close {
text-shadow: none;
float: right;
line-height: 16px;
margin-left: 10px;
text-align: center;
cursor: pointer
}
.msg-box .close:hover {
opacity: .8
}
.msg-box .close:before {
content: "\2715";
font-weight: 700;
font-size: 13px
}
.msg-box pre {
background: 0 0;
margin: 0;
padding: 0;
overflow-wrap: break-word;
white-space: pre-wrap;
word-wrap: break-word
}
.msg-top-note {
position: absolute;
z-index: 10;
top: 60px;
right: 20px;
padding: 10px
}
.msg-top-note:before {
display: none
}
.msg-info,
.msg-top-note,
.msg-update {
background: #bcdf94
}
.msg-limits,
.msg-warning {
background: #fdd896
}
.msg-error {
background: #f4b3b3
}
.msg-progress,
.msg-screen-help {
background: #dadada
}
.msg-info:before {
background-image: url(../icons/16/plesk/ok8011.png?17.0)
}
.msg-warning:before {
background-image: url(../icons/16/plesk/att8011.png?17.0)
}
.msg-limits:before {
background-image: url(../icons/16/plesk/convert-subscriptions8011.png?17.0)
}
.msg-error:before {
background-image: url(../icons/16/plesk/warning8011.png?17.0)
}
.msg-progress:before,
.msg-update-running:before {
background-image: url(../icons/16/plesk/indicator8011.gif?17.0)
}
.msg-update:before {
background-image: url(../icons/16/plesk/install8011.png?17.0)
}
.msg-screen-help:before {
background-image: url(../icons/16/plesk/info8011.png?17.0)
}
.msg-wordpress-promo {
padding-left: 80px;
background: #bbe7f9 url(../images/wordpress-big8011.png?17.0) -7px 2px no-repeat;
background-size: 75px
}
.msg-progress .msg-progress-info {
padding-right: 20px
}
.msg-progress .progress {
min-width: 200px
}
.msg-update .update {
padding: 0 10px 0 0
}
.msg-update .update-info {
display: block;
padding: 2px 0 0
}
.msg-update .update-links {
padding: 0 0 0 10px;
text-align: right;
white-space: nowrap
}
.msg-update .update-links .btn {
margin: 0 10px 0 0;
vertical-align: middle
}
.progressWithPercent {
padding-left: 35px;
line-height: 9px
}
.progressWithPercent .progressPercent {
float: left;
margin-left: -35px
}
.progressWithPercent .gaugeWrapper {
margin: 0
}
.extended-status-message-container {
text-align: center
}
.extended-status-message {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 550px;
margin: 12px auto;
padding: 10px;
background: #dadada
}
.extended-status-message hr {
border-top-color: #a7a7a7
}
.extended-status-message-success {
background-color: #bcdf94
}
.extended-status-message-success .extended-status-message-title {
color: #3c591b
}
.extended-status-message-success hr {
border-top-color: #8bc845
}
.extended-status-message-info {
background-color: #c6e5fa
}
.extended-status-message-info .extended-status-message-title {
color: #1070b1
}
.extended-status-message-info hr {
border-top-color: #68baf2
}
.extended-status-message-warning {
background-color: #fdd896
}
.extended-status-message-warning .extended-status-message-title {
color: #915e03
}
.extended-status-message-warning hr {
border-top-color: #fbb332
}
.extended-status-message-danger {
background-color: #f4b3b3
}
.extended-status-message-danger .extended-status-message-title {
color: #931515
}
.extended-status-message-danger hr {
border-top-color: #e75a5a
}
.extended-status-message-image {
padding: 10px
}
.extended-status-message-image img {
max-width: 128px
}
.extended-status-message-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 10px;
box-sizing: border-box;
text-align: center
}
.extended-status-message-title {
line-height: 24px;
font-size: 22px
}
.extended-status-message-description {
display: block;
margin-top: 10px
}
.extended-status-message-actions {
margin-top: 6px
}
.extended-status-message-actions .btn {
margin: 6px 2px 0;
background: #fff
}
.extended-status-message-actions .btn:focus,
.extended-status-message-actions .btn:hover {
background-color: #1e96c9;
color: #fff
}
.extended-status-message-actions .btn.active,
.extended-status-message-actions .btn:active {
background-color: #0e78a6;
color: #fff
}
@media (max-width: 600px) {
.extended-status-message {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.extended-status-message-image img {
max-width: 64px
}
}
.progress-box-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.progress-box-horizontal .progress {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.progress-box-horizontal .progress+.progress-label,
.progress-box-horizontal .progress-label+.progress {
margin-left: 5px
}
.progress-label:after {
content: "";
display: block;
clear: both
}
.progress-label-left {
float: left
}
.progress-label-right {
float: right
}
.progress {
position: relative;
box-sizing: border-box;
height: 24px;
min-width: 100px;
margin-top: 3px;
margin-bottom: 3px;
background: #e2e2e2;
overflow: hidden;
line-height: 24px
}
.progress .progress-bar {
width: 0;
height: 100%;
background: #80c2de;
float: left;
-webkit-transition: width .6s ease;
transition: width .6s ease;
font-size: 12px;
color: #fff;
text-align: center
}
.progress .progress-bar-success {
background-color: #86c939
}
.progress .progress-bar-warning {
background-color: #feb534
}
.progress .progress-bar-danger {
background-color: #e66383
}
.progress .progress-bar-striped {
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 30px 30px
}
.progress .progress-bar-striped.active {
-webkit-animation: progress-bar-stripes .5s linear infinite;
animation: progress-bar-stripes .5s linear infinite
}
.progress .progress-bar-indeterminate {
position: static;
background: #80c2de
}
.progress .progress-bar-indeterminate:after,
.progress .progress-bar-indeterminate:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
content: "";
background-color: inherit;
will-change: left, right
}
.progress .progress-bar-indeterminate:before {
-webkit-animation: progress-bar-indeterminate 3.1s cubic-bezier(.65, .815, .735, .395) infinite;
animation: progress-bar-indeterminate 3.1s cubic-bezier(.65, .815, .735, .395) infinite
}
.progress .progress-bar-indeterminate:after {
-webkit-animation: progress-bar-indeterminate-short 3.1s cubic-bezier(.165, .84, .44, 1) infinite;
animation: progress-bar-indeterminate-short 3.1s cubic-bezier(.165, .84, .44, 1) infinite;
-webkit-animation-delay: 2.15s;
animation-delay: 2.15s
}
.progress-xs {
height: 6px
}
.progress-sm {
height: 12px
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 0 0
}
100% {
background-position: 30px 0
}
}
@-webkit-keyframes progress-bar-indeterminate {
0% {
left: -35%;
right: 100%
}
100%,
60% {
left: 100%;
right: -90%
}
}
@keyframes progress-bar-indeterminate {
0% {
left: -35%;
right: 100%
}
100%,
60% {
left: 100%;
right: -90%
}
}
@-webkit-keyframes progress-bar-indeterminate-short {
0% {
left: -200%;
right: 100%
}
100%,
60% {
left: 107%;
right: -8%
}
}
@keyframes progress-bar-indeterminate-short {
0% {
left: -200%;
right: 100%
}
100%,
60% {
left: 107%;
right: -8%
}
}
.password-strength,
.password-strength i {
display: block;
height: 26px
}
.password-strength {
position: relative;
display: inline-block;
width: 160px;
margin: 0 5px;
vertical-align: middle;
background: #e6e6e6
}
.form-row .password-strength {
margin-bottom: 4px
}
.password-strength b {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
height: 26px;
line-height: 26px;
font-weight: 700;
font-size: 12px;
color: #000
}
.password-strength-very-weak i {
width: 19%;
background-color: #ed6060
}
.password-strength-weak i {
width: 39%;
background-color: #e66383
}
.password-strength-medium i {
width: 59%;
background-color: #eeb248
}
.password-strength-strong i {
width: 79%;
background-color: #86c939
}
.password-strength-very-strong i {
width: 100%;
background-color: #63ade1
}
.bar-chart-table {
width: 200px
}
.bar-chart-table td {
padding: 1px 0 1px 10px;
white-space: nowrap
}
.bar-chart-table td:first-child {
padding-left: 0
}
.bar-chart-table-data {
width: 100%
}
.bar-chart-table .separator hr {
margin: 8px 0
}
.bar-chart-item,
.bar-chart-item i {
display: block;
height: 14px
}
.bar-chart-item {
position: relative;
display: inline-block;
width: 100%;
min-width: 160px;
vertical-align: middle;
background-color: #e2e2e2
}
.bar-chart-item b {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 14px;
text-align: center;
line-height: 14px;
font-weight: 400;
font-size: 12px;
color: #000
}
.bar-chart-item i {
background-color: #80c2de
}
.bar-chart-item-over i {
width: 100%;
background-color: #e66383
}
.progress-step {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
padding: 16px 14px;
border-bottom: 1px solid #ddd
}
.progress-step:first-child {
border-top: 1px solid #ddd
}
.progress-step-success {
background-color: #e1f1cf;
box-shadow: inset 3px 0 0 #bcdf94
}
.progress-step-info {
background-color: #ddf0fc;
box-shadow: inset 3px 0 0 #97d0f6
}
.progress-step-warning {
background-color: #feebc8;
box-shadow: inset 3px 0 0 #fdcf7d
}
.progress-step-danger {
background-color: #fadbdb;
box-shadow: inset 3px 0 0 #f09898
}
.progress-step-icon {
padding-right: 10px
}
.progress-step-icon+.progress-step-body {
margin-top: 7px
}
.progress-step-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.progress-step-status {
float: right
}
.progress-step-content {
margin-top: 7px
}
.progress-step-content .progress-label {
margin: 0 0 4px
}
.progress-step-content .progress {
margin: 0
}
.progress-step-content .progress+.progress-label {
margin: 4px 0 0
}
.progress-step-content .console-output {
max-height: 15.385em
}
.progress-steps+.btns-box {
margin-top: -1px
}
.paging {
width: 100%;
color: #787878
}
.paging .paging-info {
display: inline-block;
margin: 3px 0
}
.paging .paging-nav,
.paging .paging-view {
display: block;
margin: 3px 0
}
.paging .paging-nav {
display: block;
white-space: nowrap
}
.objects-details .paging {
padding: 0 10px
}
@media (max-width: 767px) {
.list+.paging {
display: none
}
.paging {
margin: 9px 0
}
.paging .paging-info {
/*jjj
border-bottom: 1px dashed;
cursor: pointer
*/
}
.paging .paging-nav,
.paging .paging-view {
/* jjj
display: none
*/
display:block
}
.paging .paging-nav,
.paging .paging-view {
font-size:large;
}
.r-top-search {
display:none!important;
}
.r-paging-visible .paging-nav,
.r-paging-visible .paging-view {
display: block
}
}
@media (min-width: 768px) {
.paging-area {
display: inline-block;
width: 100%
}
.paging .paging-info {
float: left
}
.paging .paging-view {
float: right
}
.paging .paging-nav {
text-align: center
}
.objects-details .paging {
padding: 0 10px
}
}
.actions-box {
width: 100%
}
*+.actions-box {
margin-top: 12px
}
.actions-box .actions-msg-container,
.objects-details .warning-block {
width: 100%;
height: 0;
text-align: center;
font-size: 1px;
line-height: 1px
}
.list-actions-msg {
position: relative;
top: -50px;
display: inline-block;
height: 39px;
margin: 0;
padding: 0 20px;
border: 1px solid #feb534;
color: #fff;
font-weight: 400;
font-size: 13px;
line-height: 39px;
background: #feb534
}
.r-actions-list {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none
}
.r-actions-item {
position: relative;
float: left;
padding: 8px;
background: #dedede;
cursor: pointer
}
.r-actions-item+.r-actions-item {
margin-left: 6px
}
.r-actions-item:hover {
background: #5e646e
}
.r-actions-item span {
display: block;
width: 24px;
height: 24px;
background: 0 0 no-repeat;
background-size: 24px 48px
}
.r-actions-select span {
background-image: url(../icons/64/plesk/_select8011.png?17.0)
}
.r-actions-toolbar span {
background-image: url(../icons/64/plesk/_toolbar8011.png?17.0)
}
.r-actions-search span {
background-image: url(../icons/64/plesk/_search8011.png?17.0)
}
.r-actions-item-active,
.r-actions-item-active:hover {
background: #2298cb
}
.r-actions-item-active span:after,
.r-actions-item-active span:before {
content: "";
display: inline-block;
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 0;
border: solid transparent;
margin-left: -7px;
border-width: 0 7px 7px;
border-bottom-color: #dedede
}
.r-actions-select.r-actions-item-active span:after,
.r-actions-select.r-actions-item-active span:before {
display: none
}
.r-actions-item-active span,
.r-actions-item-active:hover span,
.r-actions-item:hover span {
background-position: 0 -24px
}
.objects-toolbar {
box-sizing: border-box;
display: inline-block;
width: 100%
}
.objects-toolbar .actions-menu>.s-btn,
.objects-toolbar .search-control>.s-btn,
.objects-toolbar>.s-btn {
float: left;
margin: 0 1px 10px 0;
padding: 6px 8px;
color: #373737;
background: #dedede
}
.objects-toolbar .actions-menu>.s-btn:before,
.objects-toolbar .search-control>.s-btn:before,
.objects-toolbar>.s-btn:before {
display: none
}
.objects-toolbar .actions-menu>.s-btn:focus,
.objects-toolbar .actions-menu>.s-btn:hover,
.objects-toolbar .search-control>.s-btn:focus,
.objects-toolbar .search-control>.s-btn:hover,
.objects-toolbar>.s-btn:focus,
.objects-toolbar>.s-btn:hover {
background-color: #1e96c9;
color: #fff;
outline: 0;
text-decoration: none
}
.objects-toolbar .actions-menu>.s-btn.active,
.objects-toolbar .actions-menu>.s-btn:active,
.objects-toolbar .search-control>.s-btn.active,
.objects-toolbar .search-control>.s-btn:active,
.objects-toolbar>.s-btn.active,
.objects-toolbar>.s-btn:active {
background-color: #0e78a6;
color: #fff
}
.objects-toolbar .actions-menu>.s-btn.btn-disabled,
.objects-toolbar .actions-menu>.s-btn.btn-disabled.active,
.objects-toolbar .actions-menu>.s-btn.btn-disabled:active,
.objects-toolbar .actions-menu>.s-btn.btn-disabled:focus,
.objects-toolbar .actions-menu>.s-btn.btn-disabled:hover,
.objects-toolbar .actions-menu>.s-btn.disabled,
.objects-toolbar .actions-menu>.s-btn.disabled.active,
.objects-toolbar .actions-menu>.s-btn.disabled:active,
.objects-toolbar .actions-menu>.s-btn.disabled:focus,
.objects-toolbar .actions-menu>.s-btn.disabled:hover,
.objects-toolbar .search-control>.s-btn.btn-disabled,
.objects-toolbar .search-control>.s-btn.btn-disabled.active,
.objects-toolbar .search-control>.s-btn.btn-disabled:active,
.objects-toolbar .search-control>.s-btn.btn-disabled:focus,
.objects-toolbar .search-control>.s-btn.btn-disabled:hover,
.objects-toolbar .search-control>.s-btn.disabled,
.objects-toolbar .search-control>.s-btn.disabled.active,
.objects-toolbar .search-control>.s-btn.disabled:active,
.objects-toolbar .search-control>.s-btn.disabled:focus,
.objects-toolbar .search-control>.s-btn.disabled:hover,
.objects-toolbar>.s-btn.btn-disabled,
.objects-toolbar>.s-btn.btn-disabled.active,
.objects-toolbar>.s-btn.btn-disabled:active,
.objects-toolbar>.s-btn.btn-disabled:focus,
.objects-toolbar>.s-btn.btn-disabled:hover,
.objects-toolbar>.s-btn.disabled,
.objects-toolbar>.s-btn.disabled.active,
.objects-toolbar>.s-btn.disabled:active,
.objects-toolbar>.s-btn.disabled:focus,
.objects-toolbar>.s-btn.disabled:hover {
color: #373737;
background: #dedede
}
.objects-toolbar .actions-menu {
margin: 0 1px 10px 0;
float: left
}
.objects-toolbar .actions-menu>.s-btn {
margin: 0
}
.objects-toolbar .actions-menu>.s-btn:after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 5px;
vertical-align: 2px;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.objects-toolbar span.separator,
.objects-toolbar span.separator-disabled {
float: left;
width: 1px;
height: 28px;
margin: 0 9px 10px 0
}
.objects-toolbar .list-actions {
float: left;
margin: 0 1px 10px 0;
line-height: 28px
}
.objects-toolbar .list-actions select {
height: 28px;
vertical-align: top
}
.fm .objects-toolbar .sb-settings,
.objects-toolbar .actions-menu.list-type-switcher,
.objects-toolbar .global-search-button.btn-icon-only,
.objects-toolbar .sb-help.btn-icon-only {
float: right;
margin: 0 0 10px 1px
}
.fm .objects-toolbar .sb-settings+.quick-search-box,
.objects-toolbar .actions-menu.list-type-switcher+.quick-search-box,
.objects-toolbar .global-search-button.btn-icon-only+.quick-search-box,
.objects-toolbar .sb-help.btn-icon-only+.quick-search-box {
margin-right: 9px
}
.objects-toolbar .log-browser-options {
float: right;
margin: 0 0 10px 1px
}
.objects-toolbar .log-browser-options .input-group input.form-control {
height: 28px;
padding: 4px 6px 5px
}
.objects-toolbar .log-browser-options .input-group-btn>.btn,
.objects-toolbar .log-browser-options .input-group-btn>.btn button {
min-height: 28px;
min-width: 28px;
padding: 4px 9px
}
.objects-toolbar .log-browser-options .input-group-btn>.btn button {
margin: -5px -10px
}
.objects-toolbar .log-browser-options .dropdown-menu {
min-width: 100%;
z-index: 1010
}
.objects-toolbar .list-type-switcher>.popup-box {
right: 0;
left: auto
}
.objects-toolbar .list-type-switcher>.s-btn {
padding-left: 28px
}
.objects-toolbar .list-type-switcher>.s-btn:before {
display: inline-block
}
.objects-toolbar>.s-btn.btn-icon-only[class*=" sb-"],
.objects-toolbar>.s-btn.btn-icon-only[class^=sb-] {
height: 28px;
width: 28px;
padding-right: 6px;
padding-left: 6px
}
.objects-toolbar>.s-btn.btn-icon-only[class*=" sb-"]:before,
.objects-toolbar>.s-btn.btn-icon-only[class^=sb-]:before {
display: inline-block;
margin-left: 0
}
.objects-toolbar .quick-search-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
float: right
}
.objects-toolbar .quick-search-box .search-field {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.objects-toolbar .quick-search-box input {
float: left;
width: 200px;
height: 28px;
margin: 0 0 10px;
padding: 4px 22px 5px 6px
}
.objects-toolbar .quick-search-box input.default-description {
color: #a4a4a4
}
.objects-toolbar .quick-search-box-wide,
.objects-toolbar .quick-search-box-wide input {
width: 100%
}
.objects-toolbar .quick-search-box .search-field em {
float: left;
width: 16px;
height: 16px;
margin: 6px 0 0 -22px;
cursor: pointer;
background: url(../images/search-input8011.png?17.0) no-repeat;
background-size: 16px
}
.actions-box #bid-search-hide span:before,
.search-control .sb-search-hide:before {
background-image: url(../images/search-hide8011.png?17.0)
}
.actions-box #bid-search-show span:before,
.search-control .sb-search-show:before {
background-image: url(../images/search-show8011.png?17.0)
}
.objects-toolbar .search-control>.s-btn {
width: 0;
overflow: hidden;
margin: 0 0 10px 1px;
padding: 5px 6px 5px 24px
}
.objects-toolbar .search-control>.s-btn:before {
display: block;
width: 18px;
height: 18px;
margin: 0 20px 0 -18px;
background-size: 18px 36px
}
.objects-toolbar .search-control>.s-btn.active:before,
.objects-toolbar .search-control>.s-btn:active:before,
.objects-toolbar .search-control>.s-btn:focus:before,
.objects-toolbar .search-control>.s-btn:hover:before {
background-position: 0 -18px
}
.actions-box-search-show .search-control .sb-search-show,
.hide #bid-search-hide,
.search-box,
.search-control .sb-search-hide,
.show #bid-search-show {
display: none
}
.actions-box-search-show .search-control .sb-search-hide {
display: inline-block
}
.actions-box-search-show .search-box {
display: block
}
.sid-legacy .actions-box .buttons {
margin: 0;
border: 0
}
.sid-legacy .actions-box .buttons td {
padding: 0
}
.sid-legacy .actions-box .buttons .commonButton {
float: left;
margin: 0 1px 10px 0
}
.sid-legacy .actions-box .buttons .misc .commonButton {
float: right;
margin: 0 0 10px 1px
}
.sid-legacy .actions-box .buttons .commonButton span {
margin: 0;
padding: 6px 8px 6px 28px;
color: #373737;
background: #dedede
}
.sid-legacy .actions-box .buttons .commonButton span:focus,
.sid-legacy .actions-box .buttons .commonButton span:hover {
background-color: #1e96c9;
color: #fff;
outline: 0;
text-decoration: none
}
.sid-legacy .actions-box .buttons .commonButton span:active {
background-color: #0e78a6;
color: #fff
}
.sid-legacy .actions-box .buttons .main .commonButton span {
padding-left: 8px
}
.sid-legacy .actions-box .buttons .main .commonButton span:before {
display: none
}
.sid-legacy .actions-box .buttons span.commonButton span,
.sid-legacy .actions-box .buttons span.commonButton span.active,
.sid-legacy .actions-box .buttons span.commonButton span:active,
.sid-legacy .actions-box .buttons span.commonButton span:focus,
.sid-legacy .actions-box .buttons span.commonButton span:hover {
color: #373737;
background: #dedede
}
.actions-box #bid-search-hide span,
.actions-box #bid-search-show span {
width: 0;
overflow: hidden;
padding: 5px 6px 5px 24px
}
.actions-box #bid-search-hide span:before,
.actions-box #bid-search-show span:before {
display: block;
width: 18px;
height: 18px;
margin: 0 20px 0 -18px;
background-size: 18px 36px
}
.actions-box #bid-search-hide span.active:before,
.actions-box #bid-search-hide span:active:before,
.actions-box #bid-search-hide span:focus:before,
.actions-box #bid-search-hide span:hover:before,
.actions-box #bid-search-show span.active:before,
.actions-box #bid-search-show span:active:before,
.actions-box #bid-search-show span:focus:before,
.actions-box #bid-search-show span:hover:before {
background-position: 0 -18px
}
.search-box {
border-top: 1px solid #d6d6d6;
margin-bottom: 10px
}
.search-box ul {
display: inline-block;
margin: 0;
padding: 0;
list-style: none
}
.search-box li {
display: inline-block;
margin-top: 10px
}
.search-box li span {
display: block;
margin: -3px 5px 2px 0
}
.search-box li input,
.search-box li select {
margin-right: 5px
}
.search-box .s-btn {
border:none;
margin: 10px 5px 0 0;
padding: 5px 8px;
color: #373737;
background: #dedede;
vertical-align: bottom
}
.search-box .s-btn:before {
display: none
}
.search-box .s-btn:focus,
.search-box .s-btn:hover {
background-color: #1e96c9;
color: #fff;
outline: 0;
text-decoration: none
}
.search-box .s-btn.active,
.search-box .s-btn:active {
background-color: #0e78a6;
color: #fff
}
.search-box .s-btn.btn-disabled,
.search-box .s-btn.btn-disabled.active,
.search-box .s-btn.btn-disabled:active,
.search-box .s-btn.btn-disabled:focus,
.search-box .s-btn.btn-disabled:hover {
color: #373737;
background: #dedede
}
.sid-legacy .actions-box .searchArea {
border-top: 1px solid #d6d6d6
}
.sid-legacy .actions-box .searchArea td {
padding-top: 3px
}
.sid-legacy .actions-box .searchArea .searchSimple {
margin-top: 7px
}
.sid-legacy .actions-box .searchArea input,
.sid-legacy .actions-box .searchArea select {
margin-right: 5px
}
.sid-legacy .actions-box .searchArea .commonButton {
float: none;
margin: 0 5px 0 0
}
.sid-legacy .actions-box .searchArea .commonButton span {
padding: 5px 8px
}
.sid-legacy .actions-box.hide .searchArea {
display: none
}
@media (max-width: 767px) {
.actions-box {
margin-bottom: 12px
}
.actions-box .objects-toolbar,
.actions-box .objects-toolbar .actions-menu,
.actions-box .objects-toolbar .quick-search-box,
.actions-box .objects-toolbar>.s-btn,
.actions-box .objects-toolbar>.separator,
.actions-box-search-show .search-box {
display: none
}
.r-actions-active .objects-toolbar,
.r-actions-active-search.actions-box-search-show .search-box,
.r-actions-active-toolbar .objects-toolbar .actions-menu,
.r-actions-active-toolbar .objects-toolbar>.s-btn {
display: block
}
.r-actions-active-search .objects-toolbar .quick-search-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.objects-toolbar {
margin-top: 2px;
padding: 5px 0;
background: #dedede
}
.objects-toolbar .actions-menu,
.objects-toolbar .actions-menu>.s-btn,
.objects-toolbar>.s-btn {
float: none;
display: block;
margin: 0
}
.objects-toolbar .actions-menu.list-type-switcher {
margin: 0
}
.actions-box .objects-toolbar .actions-menu {
float: none
}
.objects-toolbar span.separator,
.objects-toolbar span.separator-disabled {
display: block;
float: none;
height: 1px;
width: auto;
margin: 5px 10px;
background: #b1b1b1
}
.objects-toolbar .actions-menu>.s-btn {
display: none
}
.objects-toolbar .actions-menu .popup-box,
.objects-toolbar .actions-menu .popup-box.collapsed {
position: static;
display: block;
overflow: visible;
max-height: none;
max-width: none;
visibility: visible;
opacity: 1;
float: none;
margin: 0;
padding: 0
}
.objects-toolbar .list-actions {
float: none;
display: block;
margin: 0 10px
}
.objects-toolbar .actions-menu.list-type-switcher,
.objects-toolbar .global-search-button.btn-icon-only,
.objects-toolbar .sb-help.btn-icon-only {
float: none
}
.objects-toolbar .log-browser-options {
float: none;
margin: 0;
padding: 10px
}
.objects-toolbar .log-browser-options .input-group,
.objects-toolbar .log-browser-options .input-group input.form-control {
width: 100%
}
.objects-toolbar .log-browser-options .input-group .input-group-btn {
width: 1%
}
.objects-toolbar .log-browser-options .btn,
.objects-toolbar .log-browser-options .btn>button {
background-color: #ababab
}
.objects-toolbar .log-browser-options .dropdown-menu {
position: static;
float: none;
margin: 0 -10px
}
.objects-toolbar .quick-search-box {
float: none;
padding: 10px 10px 0
}
.objects-toolbar .quick-search-box input {
width: 100%
}
.objects-toolbar .search-control>.s-btn {
background-color: #ababab
}
body .objects-toolbar>.switch {
float: none;
margin: 0 10px
}
body .objects-toolbar>.switch>input:not(:checked)+.switch__indicator {
background: #999;
border-color: #999
}
.search-box {
margin-top: -10px;
padding: 0 10px 10px;
border-top: 0;
background: #dedede
}
.search-box ul {
display: block
}
.search-box li {
display: block
}
.search-box li input,
.search-box li select {
margin-right: 0;
min-width: 100%
}
.search-box .s-btn {
background: #c5c5c5
}
.search-box .s-btn:focus,
.search-box .s-btn:hover {
background-color: #1e96c9
}
.search-box .s-btn.active,
.search-box .s-btn:active {
background-color: #0e78a6
}
}
@media (min-width: 768px) {
.r-actions {
display: none
}
}
.a-toolbar {
margin-bottom: 7px
}
*+.a-toolbar {
margin-top: 12px
}
.a-toolbar-buttons-table {
width: 100%
}
.a-toolbar-buttons-table-main {
width: 100%;
vertical-align: top
}
.a-toolbar-buttons-main {
display: inline-block;
width: 100%
}
.a-toolbar-buttons-main .btn,
.a-toolbar-buttons-main .btn-group {
margin: 0 1px 5px 0
}
.a-toolbar-buttons-table-misc {
text-align: right;
vertical-align: top;
white-space: nowrap
}
.a-toolbar-buttons-misc>.btn {
margin: 0 0 5px 1px
}
.a-toolbar-buttons-settings {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 0 5px 1px
}
.a-toolbar-buttons-settings>.btn {
margin: 0
}
.a-toolbar-buttons-settings .popup-box {
top: 100%;
left: auto;
right: 0;
margin-top: 2px;
display: none;
border: 0;
background: #dedede;
-webkit-animation: slide-top-fixed .2s ease-in-out;
animation: slide-top-fixed .2s ease-in-out
}
.a-toolbar-buttons-settings .popup-box .popup-content {
padding: 5px 0
}
.a-toolbar-buttons-settings-active .popup-box {
display: block
}
.a-toolbar-buttons-settings .popup-box .btn {
display: block;
margin: 0;
text-align: left
}
.a-toolbar-buttons-settings .popup-box .btn .icon {
display: none
}
.a-toolbar-buttons-settings .popup-box .btn-state-selected {
background-color: #0e78a6;
color: #fff;
cursor: default
}
.a-toolbar-buttons-settings .settings-item-title {
margin: 0 10px;
padding: 0;
font-size: 13px;
font-weight: 600;
white-space: nowrap
}
.a-toolbar-buttons-settings .settings-item+.settings-item .settings-item-title {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #b1b1b1
}
.a-toolbar-buttons-misc .btn-informer i.icon,
.a-toolbar-buttons-misc .btn-search i.icon,
.a-toolbar-buttons-misc .btn-settings i.icon {
background: url(../images/toolbar-icons8011.png?17.0) no-repeat;
background-size: 48px 32px
}
.a-toolbar-buttons-misc .btn-informer i.icon img,
.a-toolbar-buttons-misc .btn-search i.icon img,
.a-toolbar-buttons-misc .btn-settings i.icon img {
display: none
}
.a-toolbar-buttons-misc .btn-informer i.icon {
background-position: 0 0
}
.a-toolbar-buttons-misc .btn-search i.icon {
background-position: -16px 0
}
.a-toolbar-buttons-misc .btn-settings i.icon {
background-position: -32px 0
}
.a-toolbar-buttons-misc .btn-informer button:active i.icon,
.a-toolbar-buttons-misc .btn-informer button:focus i.icon,
.a-toolbar-buttons-misc .btn-informer button:hover i.icon,
.a-toolbar-buttons-misc .btn-informer:active i.icon,
.a-toolbar-buttons-misc .btn-informer:focus i.icon,
.a-toolbar-buttons-misc .btn-informer:hover i.icon {
background-position: 0 -16px
}
.a-toolbar-buttons-misc .btn-search button:active i.icon,
.a-toolbar-buttons-misc .btn-search button:focus i.icon,
.a-toolbar-buttons-misc .btn-search button:hover i.icon,
.a-toolbar-buttons-misc .btn-search:active i.icon,
.a-toolbar-buttons-misc .btn-search:focus i.icon,
.a-toolbar-buttons-misc .btn-search:hover i.icon {
background-position: -16px -16px
}
.a-toolbar-buttons-misc .btn-settings button:active i.icon,
.a-toolbar-buttons-misc .btn-settings button:focus i.icon,
.a-toolbar-buttons-misc .btn-settings button:hover i.icon,
.a-toolbar-buttons-misc .btn-settings:active i.icon,
.a-toolbar-buttons-misc .btn-settings:focus i.icon,
.a-toolbar-buttons-misc .btn-settings:hover i.icon {
background-position: -32px -16px
}
.a-toolbar-search {
border-top: 1px solid #d6d6d6;
margin-top: 5px;
-webkit-animation: slide-top-fixed .2s ease-in-out;
animation: slide-top-fixed .2s ease-in-out
}
.a-toolbar-collapsed .a-toolbar-search {
display: none
}
.a-toolbar-search-basic {
padding-top: 10px
}
.a-toolbar-search-basic-table,
.a-toolbar-search-basic-table-main {
width: 100%
}
.a-toolbar-search-basic-main {
margin-bottom: 7px;
vertical-align: top
}
.a-toolbar-search-basic-main input {
box-sizing: border-box;
width: 100%
}
.a-toolbar-search-basic-table-misc {
min-width: 130px;
text-align: center;
white-space: nowrap
}
.a-toolbar-search-basic-misc {
margin-left: 10px;
line-height: 16px;
font-size: 12px
}
.a-toolbar-search-list {
margin: 0;
padding: 0;
list-style: none
}
.a-toolbar-search-item {
display: inline-block;
vertical-align: bottom;
margin: 0 5px 7px 0
}
.a-toolbar-search .search-item-label {
display: block;
margin: -3px 0 3px
}
.a-toolbar-search-advanced-off .a-toolbar-search-advanced,
.a-toolbar-search-advanced-off .a-toolbar-search-basic-view,
.a-toolbar-search-advanced-on .a-toolbar-search-advanced-view {
display: none
}
@media (max-width: 959px) {
.a-toolbar-buttons .btn-informer {
display: none
}
}
.a-toolbar-buttons-main .btn:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
vertical-align: -3px;
background-repeat: no-repeat;
background-image: url(../icons/16/plesk/toolbar-add8011.png?17.0);
background-size: 16px 16px
}
.a-toolbar-buttons-main .btn.dropdown-toggle:before {
display: none
}
.a-toolbar-buttons-main .btn:active:before,
.a-toolbar-buttons-main .btn:focus:before,
.a-toolbar-buttons-main .btn:hover:before {
background-image: url(../icons/16/plesk/toolbar-add-active8011.png?17.0)
}
.objects-toolbar>.actions-menu>.sb-add-new,
.objects-toolbar>.sb-activate,
.objects-toolbar>.sb-add-cert,
.objects-toolbar>.sb-add-db,
.objects-toolbar>.sb-add-mail-account,
.objects-toolbar>.sb-add-mail-list,
.objects-toolbar>.sb-add-new,
.objects-toolbar>.sb-add-new-addon,
.objects-toolbar>.sb-add-new-customer,
.objects-toolbar>.sb-add-new-ip,
.objects-toolbar>.sb-add-new-own-subscription,
.objects-toolbar>.sb-add-new-plan,
.objects-toolbar>.sb-add-new-reseller,
.objects-toolbar>.sb-add-new-subscription,
.objects-toolbar>.sb-add-new-webmail,
.objects-toolbar>.sb-add-role,
.objects-toolbar>.sb-add-subservice-instance,
.objects-toolbar>.sb-add-user,
.objects-toolbar>.sb-app-configure,
.objects-toolbar>.sb-archive-create,
.objects-toolbar>.sb-archive-extract,
.objects-toolbar>.sb-assign-new-owner,
.objects-toolbar>.sb-backup,
.objects-toolbar>.sb-backup-subscription,
.objects-toolbar>.sb-bounce-settings,
.objects-toolbar>.sb-change-subscription,
.objects-toolbar>.sb-change-time,
.objects-toolbar>.sb-clean,
.objects-toolbar>.sb-convert-to-customer,
.objects-toolbar>.sb-convert-to-reseller,
.objects-toolbar>.sb-copy,
.objects-toolbar>.sb-copy-selected,
.objects-toolbar>.sb-customize-columns,
.objects-toolbar>.sb-delete,
.objects-toolbar>.sb-disable,
.objects-toolbar>.sb-download,
.objects-toolbar>.sb-download-config-file,
.objects-toolbar>.sb-email-link,
.objects-toolbar>.sb-ftp-settings,
.objects-toolbar>.sb-install,
.objects-toolbar>.sb-lock,
.objects-toolbar>.sb-make-invisible,
.objects-toolbar>.sb-make-visible,
.objects-toolbar>.sb-manage-plugins,
.objects-toolbar>.sb-manage-themes,
.objects-toolbar>.sb-move,
.objects-toolbar>.sb-new-domain,
.objects-toolbar>.sb-new-domain-alias,
.objects-toolbar>.sb-new-subdomain,
.objects-toolbar>.sb-partners-store,
.objects-toolbar>.sb-publish,
.objects-toolbar>.sb-recreate,
.objects-toolbar>.sb-refresh,
.objects-toolbar>.sb-remove-selected,
.objects-toolbar>.sb-reread,
.objects-toolbar>.sb-restart,
.objects-toolbar>.sb-restore-defaults,
.objects-toolbar>.sb-scan,
.objects-toolbar>.sb-schedule,
.objects-toolbar>.sb-security-scan,
.objects-toolbar>.sb-settings,
.objects-toolbar>.sb-share,
.objects-toolbar>.sb-start,
.objects-toolbar>.sb-stop,
.objects-toolbar>.sb-subscription-customize,
.objects-toolbar>.sb-suspend,
.objects-toolbar>.sb-switch-service,
.objects-toolbar>.sb-task-add,
.objects-toolbar>.sb-unlock,
.objects-toolbar>.sb-update,
.objects-toolbar>.sb-update-available,
.objects-toolbar>.sb-upgrade,
.objects-toolbar>.sb-upload,
.objects-toolbar>.sb-upload-config-file,
.objects-toolbar>.sb-upload-file,
.objects-toolbar>.sb-waiting,
.objects-toolbar>.sb-webmail {
padding-left: 28px
}
.objects-toolbar>.actions-menu>.sb-add-new:before,
.objects-toolbar>.sb-activate:before,
.objects-toolbar>.sb-add-cert:before,
.objects-toolbar>.sb-add-db:before,
.objects-toolbar>.sb-add-mail-account:before,
.objects-toolbar>.sb-add-mail-list:before,
.objects-toolbar>.sb-add-new-addon:before,
.objects-toolbar>.sb-add-new-customer:before,
.objects-toolbar>.sb-add-new-ip:before,
.objects-toolbar>.sb-add-new-own-subscription:before,
.objects-toolbar>.sb-add-new-plan:before,
.objects-toolbar>.sb-add-new-reseller:before,
.objects-toolbar>.sb-add-new-subscription:before,
.objects-toolbar>.sb-add-new-webmail:before,
.objects-toolbar>.sb-add-new:before,
.objects-toolbar>.sb-add-role:before,
.objects-toolbar>.sb-add-subservice-instance:before,
.objects-toolbar>.sb-add-user:before,
.objects-toolbar>.sb-app-configure:before,
.objects-toolbar>.sb-archive-create:before,
.objects-toolbar>.sb-archive-extract:before,
.objects-toolbar>.sb-assign-new-owner:before,
.objects-toolbar>.sb-backup-subscription:before,
.objects-toolbar>.sb-backup:before,
.objects-toolbar>.sb-bounce-settings:before,
.objects-toolbar>.sb-change-subscription:before,
.objects-toolbar>.sb-change-time:before,
.objects-toolbar>.sb-clean:before,
.objects-toolbar>.sb-convert-to-customer:before,
.objects-toolbar>.sb-convert-to-reseller:before,
.objects-toolbar>.sb-copy-selected:before,
.objects-toolbar>.sb-copy:before,
.objects-toolbar>.sb-customize-columns:before,
.objects-toolbar>.sb-delete:before,
.objects-toolbar>.sb-disable:before,
.objects-toolbar>.sb-download-config-file:before,
.objects-toolbar>.sb-download:before,
.objects-toolbar>.sb-email-link:before,
.objects-toolbar>.sb-ftp-settings:before,
.objects-toolbar>.sb-install:before,
.objects-toolbar>.sb-lock:before,
.objects-toolbar>.sb-make-invisible:before,
.objects-toolbar>.sb-make-visible:before,
.objects-toolbar>.sb-manage-plugins:before,
.objects-toolbar>.sb-manage-themes:before,
.objects-toolbar>.sb-move:before,
.objects-toolbar>.sb-new-domain-alias:before,
.objects-toolbar>.sb-new-domain:before,
.objects-toolbar>.sb-new-subdomain:before,
.objects-toolbar>.sb-partners-store:before,
.objects-toolbar>.sb-publish:before,
.objects-toolbar>.sb-recreate:before,
.objects-toolbar>.sb-refresh:before,
.objects-toolbar>.sb-remove-selected:before,
.objects-toolbar>.sb-reread:before,
.objects-toolbar>.sb-restart:before,
.objects-toolbar>.sb-restore-defaults:before,
.objects-toolbar>.sb-scan:before,
.objects-toolbar>.sb-schedule:before,
.objects-toolbar>.sb-security-scan:before,
.objects-toolbar>.sb-settings:before,
.objects-toolbar>.sb-share:before,
.objects-toolbar>.sb-start:before,
.objects-toolbar>.sb-stop:before,
.objects-toolbar>.sb-subscription-customize:before,
.objects-toolbar>.sb-suspend:before,
.objects-toolbar>.sb-switch-service:before,
.objects-toolbar>.sb-task-add:before,
.objects-toolbar>.sb-unlock:before,
.objects-toolbar>.sb-update-available:before,
.objects-toolbar>.sb-update:before,
.objects-toolbar>.sb-upgrade:before,
.objects-toolbar>.sb-upload-config-file:before,
.objects-toolbar>.sb-upload-file:before,
.objects-toolbar>.sb-upload:before,
.objects-toolbar>.sb-waiting:before,
.objects-toolbar>.sb-webmail:before {
display: inline-block
}
.sid-legacy .actions-box .buttons .main #bid-backup-copy-to-local span,
.sid-legacy .actions-box .buttons .main #bid-copy-move span,
.sid-legacy .actions-box .buttons .main #bid-create-archive span,
.sid-legacy .actions-box .buttons .main #bid-dbbackup-restore span,
.sid-legacy .actions-box .buttons .main #bid-extract-archive span,
.sid-legacy .actions-box .buttons .main #bid-on-off span,
.sid-legacy .actions-box .buttons .main #bid-refresh span,
.sid-legacy .actions-box .buttons .main #bid-remove-selected span,
.sid-legacy .actions-box .buttons .main #bid-service-auto span,
.sid-legacy .actions-box .buttons .main #bid-service-manual span {
padding-left: 28px
}
.sid-legacy .actions-box .buttons .main #bid-backup-copy-to-local span:before,
.sid-legacy .actions-box .buttons .main #bid-copy-move span:before,
.sid-legacy .actions-box .buttons .main #bid-create-archive span:before,
.sid-legacy .actions-box .buttons .main #bid-dbbackup-restore span:before,
.sid-legacy .actions-box .buttons .main #bid-extract-archive span:before,
.sid-legacy .actions-box .buttons .main #bid-on-off span:before,
.sid-legacy .actions-box .buttons .main #bid-refresh span:before,
.sid-legacy .actions-box .buttons .main #bid-remove-selected span:before,
.sid-legacy .actions-box .buttons .main #bid-service-auto span:before,
.sid-legacy .actions-box .buttons .main #bid-service-manual span:before {
display: inline-block
}
.objects-toolbar>.actions-menu>.sb-add-new:before,
.objects-toolbar>.sb-add-cert:before,
.objects-toolbar>.sb-add-db:before,
.objects-toolbar>.sb-add-mail-account:before,
.objects-toolbar>.sb-add-mail-list:before,
.objects-toolbar>.sb-add-new-addon:before,
.objects-toolbar>.sb-add-new-customer:before,
.objects-toolbar>.sb-add-new-ip:before,
.objects-toolbar>.sb-add-new-own-subscription:before,
.objects-toolbar>.sb-add-new-plan:before,
.objects-toolbar>.sb-add-new-reseller:before,
.objects-toolbar>.sb-add-new-subscription:before,
.objects-toolbar>.sb-add-new-webmail:before,
.objects-toolbar>.sb-add-new:before,
.objects-toolbar>.sb-add-role:before,
.objects-toolbar>.sb-add-subservice-instance:before,
.objects-toolbar>.sb-add-user:before,
.objects-toolbar>.sb-install:before,
.objects-toolbar>.sb-new-domain-alias:before,
.objects-toolbar>.sb-new-domain:before,
.objects-toolbar>.sb-new-subdomain:before,
.objects-toolbar>.sb-task-add:before {
background-image: url(../icons/16/plesk/toolbar-add8011.png?17.0)
}
.objects-toolbar>.sb-activate:before {
background-image: url(../icons/16/plesk/toolbar-activate8011.png?17.0)
}
.objects-toolbar>.sb-backup-subscription:before,
.objects-toolbar>.sb-backup:before {
background-image: url(../icons/16/plesk/toolbar-backup8011.png?17.0)
}
.objects-toolbar>.sb-archive-create:before {
background-image: url(../icons/16/plesk/toolbar-archive-create8011.png?17.0)
}
.objects-toolbar>.sb-archive-extract:before {
background-image: url(../icons/16/plesk/toolbar-archive-extract8011.png?17.0)
}
.objects-toolbar>.sb-assign-new-owner:before {
background-image: url(../icons/16/plesk/toolbar-assign-new-owner8011.png?17.0)
}
.objects-toolbar>.sb-change-subscription:before {
background-image: url(../icons/16/plesk/toolbar-change-subs8011.png?17.0)
}
.objects-toolbar>.sb-change-time:before,
.objects-toolbar>.sb-schedule:before {
background-image: url(../icons/16/plesk/toolbar-change-time8011.png?17.0)
}
.objects-toolbar>.sb-convert-to-customer:before {
background-image: url(../icons/16/plesk/toolbar-convert-to-customer8011.png?17.0)
}
.objects-toolbar>.sb-convert-to-reseller:before {
background-image: url(../icons/16/plesk/toolbar-convert-to-resellers8011.png?17.0)
}
.objects-toolbar>.sb-copy-selected:before,
.objects-toolbar>.sb-copy:before {
background-image: url(../icons/16/plesk/toolbar-copy8011.png?17.0)
}
.objects-toolbar>.sb-delete:before,
.objects-toolbar>.sb-remove-selected:before {
background-image: url(../icons/16/plesk/toolbar-delete8011.png?17.0)
}
.objects-toolbar>.sb-disable:before {
background-image: url(../icons/16/plesk/toolbar-disable8011.png?17.0)
}
.objects-toolbar>.sb-ftp-settings:before {
background-image: url(../icons/16/plesk/toolbar-ftp-access8011.png?17.0)
}
.objects-toolbar>.sb-bounce-settings:before {
background-image: url(../icons/16/plesk/toolbar-mail-unknown8011.png?17.0)
}
.objects-toolbar>.sb-make-invisible:before {
background-image: url(../icons/16/plesk/toolbar-make-invisible8011.png?17.0)
}
.objects-toolbar>.sb-make-visible:before {
background-image: url(../icons/16/plesk/toolbar-make-visible8011.png?17.0)
}
.objects-toolbar>.sb-manage-plugins:before {
background-image: url(../icons/16/plesk/toolbar-manage-plugins8011.png?17.0)
}
.objects-toolbar>.sb-manage-themes:before {
background-image: url(../icons/16/plesk/toolbar-manage-themes8011.png?17.0)
}
.objects-toolbar>.sb-move:before {
background-image: url(../icons/16/plesk/toolbar-move8011.png?17.0)
}
.objects-toolbar>.sb-switch-service:before {
background-image: url(../icons/16/plesk/toolbar-on-off8011.png?17.0)
}
.objects-toolbar>.sb-partners-store:before {
background-image: url(../icons/16/plesk/toolbar-partners-store8011.png?17.0)
}
.objects-toolbar>.sb-refresh:before,
.objects-toolbar>.sb-reread:before {
background-image: url(../icons/16/plesk/toolbar-refresh8011.png?17.0)
}
.objects-toolbar>.sb-scan:before {
background-image: url(../icons/16/plesk/toolbar-scan8011.png?17.0)
}
.objects-toolbar>.sb-security-scan:before {
background-image: url(../icons/16/plesk/toolbar-security-scan8011.png?17.0)
}
.objects-toolbar>.sb-app-configure:before,
.objects-toolbar>.sb-customize-columns:before,
.objects-toolbar>.sb-settings:before,
.objects-toolbar>.sb-subscription-customize:before {
background-image: url(../icons/16/plesk/toolbar-settings8011.png?17.0)
}
.objects-toolbar>.sb-update-available:before,
.objects-toolbar>.sb-update:before,
.objects-toolbar>.sb-upgrade:before,
.objects-toolbar>.sb-upload-config-file:before {
background-image: url(../icons/16/plesk/toolbar-update8011.png?17.0)
}
.objects-toolbar>.sb-upload-file:before,
.objects-toolbar>.sb-upload:before {
background-image: url(../icons/16/plesk/toolbar-upload-files8011.png?17.0)
}
.objects-toolbar>.sb-webmail:before {
background-image: url(../icons/16/plesk/toolbar-webmail-on8011.png?17.0)
}
.objects-toolbar>.sb-share:before {
background-image: url(../icons/16/plesk/toolbar-share8011.png?17.0)
}
.objects-toolbar>.sb-publish:before {
background-image: url(../icons/16/plesk/toolbar-publish8011.png?17.0)
}
.objects-toolbar>.sb-email-link:before {
background-image: url(../icons/16/plesk/toolbar-email-link8011.png?17.0)
}
.objects-toolbar>.sb-clean:before {
background-image: url(../icons/16/plesk/toolbar-clean-app-cache8011.png?17.0)
}
.objects-toolbar>.sb-suspend:before {
background-image: url(../icons/16/plesk/toolbar-suspend8011.png?17.0)
}
.objects-toolbar>.sb-lock:before {
background-image: url(../icons/16/plesk/toolbar-lock8011.png?17.0)
}
.objects-toolbar>.sb-unlock:before {
background-image: url(../icons/16/plesk/toolbar-unlock8011.png?17.0)
}
.objects-toolbar>.sb-start:before {
background-image: url(../icons/16/plesk/toolbar-start8011.png?17.0)
}
.objects-toolbar>.sb-stop:before {
background-image: url(../icons/16/plesk/toolbar-stop8011.png?17.0)
}
.objects-toolbar>.sb-restart:before,
.objects-toolbar>.sb-restore-defaults:before {
background-image: url(../icons/16/plesk/toolbar-restart8011.png?17.0)
}
.objects-toolbar>.sb-recreate:before {
background-image: url(../icons/16/plesk/toolbar-recreate8011.png?17.0)
}
.objects-toolbar>.sb-waiting:before {
background-image: url(../icons/16/plesk/indicator8011.gif?17.0)
}
.objects-toolbar>.sb-download-config-file:before,
.objects-toolbar>.sb-download:before {
background-image: url(../icons/16/plesk/toolbar-download8011.png?17.0)
}
.objects-toolbar>.actions-menu>.sb-add-new:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.actions-menu>.sb-add-new:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.actions-menu>.sb-add-new:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-cert:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-cert:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-cert:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-db:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-db:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-db:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-mail-account:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-mail-account:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-mail-account:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-mail-list:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-mail-list:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-mail-list:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-addon:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-addon:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-addon:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-customer:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-customer:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-customer:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-ip:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-ip:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-ip:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-own-subscription:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-own-subscription:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-own-subscription:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-plan:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-plan:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-plan:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-reseller:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-reseller:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-reseller:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-subscription:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-subscription:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-subscription:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new-webmail:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new-webmail:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new-webmail:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-new:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-new:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-new:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-role:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-role:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-role:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-subservice-instance:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-subservice-instance:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-subservice-instance:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-add-user:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-add-user:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-add-user:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-install:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-install:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-install:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-new-domain-alias:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-new-domain-alias:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-new-domain-alias:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-new-domain:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-new-domain:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-new-domain:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-new-subdomain:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-new-subdomain:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-new-subdomain:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-task-add:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-task-add:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-task-add:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-add-active8011.png?17.0)
}
.objects-toolbar>.sb-activate:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-activate:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-activate:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-activate-active8011.png?17.0)
}
.objects-toolbar>.sb-backup-subscription:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-backup-subscription:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-backup-subscription:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-backup:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-backup:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-backup:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-backup-active8011.png?17.0)
}
.objects-toolbar>.sb-archive-create:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-archive-create:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-archive-create:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-archive-create-active8011.png?17.0)
}
.objects-toolbar>.sb-archive-extract:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-archive-extract:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-archive-extract:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-archive-extract-active8011.png?17.0)
}
.objects-toolbar>.sb-assign-new-owner:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-assign-new-owner:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-assign-new-owner:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-assign-new-owner-active8011.png?17.0)
}
.objects-toolbar>.sb-change-subscription:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-change-subscription:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-change-subscription:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-change-subs-active8011.png?17.0)
}
.objects-toolbar>.sb-change-time:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-change-time:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-change-time:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-schedule:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-schedule:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-schedule:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-change-time-active8011.png?17.0)
}
.objects-toolbar>.sb-convert-to-customer:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-convert-to-customer:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-convert-to-customer:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-convert-to-customer-active8011.png?17.0)
}
.objects-toolbar>.sb-convert-to-reseller:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-convert-to-reseller:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-convert-to-reseller:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-convert-to-resellers-active8011.png?17.0)
}
.objects-toolbar>.sb-copy-selected:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-copy-selected:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-copy-selected:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-copy:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-copy:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-copy:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-copy-active8011.png?17.0)
}
.objects-toolbar>.sb-delete:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-delete:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-delete:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-remove-selected:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-remove-selected:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-remove-selected:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-delete-active8011.png?17.0)
}
.objects-toolbar>.sb-disable:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-disable:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-disable:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-disable-active8011.png?17.0)
}
.objects-toolbar>.sb-ftp-settings:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-ftp-settings:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-ftp-settings:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-ftp-access-active8011.png?17.0)
}
.objects-toolbar>.sb-bounce-settings:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-bounce-settings:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-bounce-settings:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-mail-unknown-active8011.png?17.0)
}
.objects-toolbar>.sb-make-invisible:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-make-invisible:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-make-invisible:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-make-invisible-active8011.png?17.0)
}
.objects-toolbar>.sb-make-visible:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-make-visible:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-make-visible:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-make-visible-active8011.png?17.0)
}
.objects-toolbar>.sb-manage-plugins:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-manage-plugins:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-manage-plugins:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-manage-plugins-active8011.png?17.0)
}
.objects-toolbar>.sb-manage-themes:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-manage-themes:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-manage-themes:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-manage-themes-active8011.png?17.0)
}
.objects-toolbar>.sb-move:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-move:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-move:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-move-active8011.png?17.0)
}
.objects-toolbar>.sb-switch-service:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-switch-service:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-switch-service:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-on-off-active8011.png?17.0)
}
.objects-toolbar>.sb-partners-store:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-partners-store:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-partners-store:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-partners-store-active8011.png?17.0)
}
.objects-toolbar>.sb-refresh:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-refresh:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-refresh:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-reread:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-reread:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-reread:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-refresh-active8011.png?17.0)
}
.objects-toolbar>.sb-scan:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-scan:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-scan:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-scan-active8011.png?17.0)
}
.objects-toolbar>.sb-security-scan:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-security-scan:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-security-scan:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-security-scan-active8011.png?17.0)
}
.objects-toolbar>.sb-app-configure:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-app-configure:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-app-configure:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-customize-columns:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-customize-columns:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-customize-columns:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-settings:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-settings:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-settings:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-subscription-customize:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-subscription-customize:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-subscription-customize:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-settings-active8011.png?17.0)
}
.objects-toolbar>.sb-update-available:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-update-available:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-update-available:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-update:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-update:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-update:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-upgrade:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-upgrade:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-upgrade:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-upload-config-file:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-upload-config-file:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-upload-config-file:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-update-active8011.png?17.0)
}
.objects-toolbar>.sb-upload-file:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-upload-file:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-upload-file:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-upload:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-upload:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-upload:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-upload-files-active8011.png?17.0)
}
.objects-toolbar>.sb-webmail:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-webmail:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-webmail:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-webmail-on-active8011.png?17.0)
}
.objects-toolbar>.sb-share:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-share:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-share:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-share-active8011.png?17.0)
}
.objects-toolbar>.sb-publish:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-publish:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-publish:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-publish-active8011.png?17.0)
}
.objects-toolbar>.sb-email-link:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-email-link:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-email-link:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-email-link-active8011.png?17.0)
}
.objects-toolbar>.sb-clean:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-clean:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-clean:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-clean-app-cache-active8011.png?17.0)
}
.objects-toolbar>.sb-suspend:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-suspend:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-suspend:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-suspend-active8011.png?17.0)
}
.objects-toolbar>.sb-lock:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-lock:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-lock:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-lock-active8011.png?17.0)
}
.objects-toolbar>.sb-unlock:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-unlock:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-unlock:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-unlock-active8011.png?17.0)
}
.objects-toolbar>.sb-start:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-start:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-start:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-start-active8011.png?17.0)
}
.objects-toolbar>.sb-stop:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-stop:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-stop:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-stop-active8011.png?17.0)
}
.objects-toolbar>.sb-restart:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-restart:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-restart:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-restore-defaults:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-restore-defaults:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-restore-defaults:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-restart-active8011.png?17.0)
}
.objects-toolbar>.sb-recreate:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-recreate:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-recreate:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-recreate-active8011.png?17.0)
}
.objects-toolbar>.sb-waiting:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-waiting:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-waiting:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/indicator8011.gif?17.0)
}
.objects-toolbar>.sb-download-config-file:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-download-config-file:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-download-config-file:not(.btn-disabled):not(.disabled):hover:before,
.objects-toolbar>.sb-download:not(.btn-disabled):not(.disabled):active:before,
.objects-toolbar>.sb-download:not(.btn-disabled):not(.disabled):focus:before,
.objects-toolbar>.sb-download:not(.btn-disabled):not(.disabled):hover:before {
background-image: url(../icons/16/plesk/toolbar-download-active8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-create-archive span:before {
background-image: url(../icons/16/plesk/toolbar-archive-create8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-extract-archive span:before {
background-image: url(../icons/16/plesk/toolbar-archive-extract8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-backup-copy-to-local span:before,
.sid-legacy .actions-box .buttons .main #bid-copy-move span:before {
background-image: url(../icons/16/plesk/toolbar-copy8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-remove-selected span:before {
background-image: url(../icons/16/plesk/toolbar-delete8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-on-off span:before,
.sid-legacy .actions-box .buttons .main #bid-service-manual span:before {
background-image: url(../icons/16/plesk/toolbar-on-off8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-dbbackup-restore span:before,
.sid-legacy .actions-box .buttons .main #bid-refresh span:before,
.sid-legacy .actions-box .buttons .main #bid-service-auto span:before {
background-image: url(../icons/16/plesk/toolbar-refresh8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-create-archive span:active:before,
.sid-legacy .actions-box .buttons .main #bid-create-archive span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-create-archive span:hover:before {
background-image: url(../icons/16/plesk/toolbar-archive-create-active8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-extract-archive span:active:before,
.sid-legacy .actions-box .buttons .main #bid-extract-archive span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-extract-archive span:hover:before {
background-image: url(../icons/16/plesk/toolbar-archive-extract-active8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-backup-copy-to-local span:active:before,
.sid-legacy .actions-box .buttons .main #bid-backup-copy-to-local span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-backup-copy-to-local span:hover:before,
.sid-legacy .actions-box .buttons .main #bid-copy-move span:active:before,
.sid-legacy .actions-box .buttons .main #bid-copy-move span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-copy-move span:hover:before {
background-image: url(../icons/16/plesk/toolbar-copy-active8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-remove-selected span:active:before,
.sid-legacy .actions-box .buttons .main #bid-remove-selected span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-remove-selected span:hover:before {
background-image: url(../icons/16/plesk/toolbar-delete-active8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-on-off span:active:before,
.sid-legacy .actions-box .buttons .main #bid-on-off span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-on-off span:hover:before,
.sid-legacy .actions-box .buttons .main #bid-service-manual span:active:before,
.sid-legacy .actions-box .buttons .main #bid-service-manual span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-service-manual span:hover:before {
background-image: url(../icons/16/plesk/toolbar-on-off-active8011.png?17.0)
}
.sid-legacy .actions-box .buttons .main #bid-dbbackup-restore span:active:before,
.sid-legacy .actions-box .buttons .main #bid-dbbackup-restore span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-dbbackup-restore span:hover:before,
.sid-legacy .actions-box .buttons .main #bid-refresh span:active:before,
.sid-legacy .actions-box .buttons .main #bid-refresh span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-refresh span:hover:before,
.sid-legacy .actions-box .buttons .main #bid-service-auto span:active:before,
.sid-legacy .actions-box .buttons .main #bid-service-auto span:focus:before,
.sid-legacy .actions-box .buttons .main #bid-service-auto span:hover:before {
background-image: url(../icons/16/plesk/toolbar-refresh-active8011.png?17.0)
}
.media {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
a.media,
a.media:hover {
color: inherit;
text-decoration: inherit
}
a.media:hover .media__ui-link {
color: #188dd9;
text-decoration: underline
}
.media--inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.media__figure {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 6px 0 0
}
.media__figure--reverse {
margin: 0 0 0 6px
}
.media__body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0
}
.media__body,
.media__body>:last-child {
margin-bottom: 0
}
.media--small .media__figure {
margin-right: 4px
}
.media--small .media__figure--reverse {
margin: 0 0 0 4px
}
.media--large .media__figure {
margin-right: 10px
}
.media--large .media__figure--reverse {
margin: 0 0 0 10px
}
.media--center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.media--hovered {
margin: -8px;
padding: 8px;
-webkit-transition: background .25s;
transition: background .25s
}
.media--hovered:hover {
background: #ecf5f9;
cursor: pointer
}
.media--hovered:hover .media__ui-link {
color: #188dd9;
text-decoration: underline
}
@media (max-width: 480px) {
.media--responsive {
display: block
}
.media--responsive .media__figure {
margin: 0 0 6px
}
}
.catalog {
margin-bottom: 12px
}
*+.catalog {
margin-top: 12px
}
.catalog-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: 12px
}
.catalog-item:first-child {
margin-top: 0
}
[dir=ltr] .catalog-item-start {
padding-right: 15px
}
[dir=rtl] .catalog-item-start {
padding-left: 15px
}
.catalog-item-start .label {
display: block;
margin-top: 5px;
padding: 3px 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
[dir=ltr] .catalog-item-end {
padding-left: 15px
}
[dir=rtl] .catalog-item-end {
padding-right: 15px
}
.catalog-item-end,
.catalog-item-start {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box
}
.catalog-item-end .image,
.catalog-item-start .image {
display: block;
width: 64px;
margin: auto;
padding: 0
}
.catalog-item-end .image>img,
.catalog-item-start .image>img {
display: block;
width: 100%;
height: auto
}
.catalog-item-end-actions {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.catalog-item-end-actions>.btn,
.catalog-item-end-actions>.btn-group {
margin: 0
}
.catalog-item-end-actions>.btn+.btn,
.catalog-item-end-actions>.btn+.btn-group,
.catalog-item-end-actions>.btn-group+.btn,
.catalog-item-end-actions>.btn-group+.btn-group {
margin-top: 5px
}
.catalog-item-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1
}
.catalog-item-heading {
margin: -2px 0 0;
font-size: 1.231em;
line-height: 1.2
}
.catalog-item-heading+.catalog-item-content {
margin-top: 5px
}
.catalog-item-external {
display: inline-block;
width: 16px;
height: 16px;
margin-top: 2px;
vertical-align: top;
background: url(../images/external-link8011.html?17.0) 50% 50% no-repeat;
background-size: 9px 9px
}
.catalog-item-meta {
margin: .3em 0;
font-size: 1em;
line-height: 1.2;
color: rgba(0, 0, 0, .6)
}
.catalog-item-footer {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
padding-top: .7692em
}
[dir=ltr] .catalog-item-footer {
text-align: right
}
[dir=rtl] .catalog-item-footer {
text-align: left
}
[dir=ltr] .catalog-item-footer .btn,
[dir=ltr] .catalog-item-footer .btn-group {
margin-right: 0
}
[dir=rtl] .catalog-item-footer .btn,
[dir=rtl] .catalog-item-footer .btn-group {
margin-left: 0
}
[dir=ltr] .catalog-item-footer .toggler {
margin-right: 10px
}
[dir=rtl] .catalog-item-footer .toggler {
margin-left: 10px
}
.btn-group {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
margin-right: 5px
}
.btn-group>.btn:not(.dropdown-toggle) {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.btn-group>.btn {
position: relative;
margin: 0
}
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
z-index: 2
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle)>button {
border-radius: 0
}
.btn-group>.btn:first-child {
margin-left: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle)>button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.btn:last-child:not(:first-child)>button,
.btn-group>.dropdown-toggle:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child)>button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.btn-group>.btn-group {
float: left;
margin-right: 0
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn>button {
border-radius: 0
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child>button,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle>button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child>button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.btn-group .dropdown-toggle:active,
.btn-group .dropdown-toggle:active>button,
.btn-group.open .dropdown-toggle,
.btn-group.open .dropdown-toggle>button {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px
}
.btn-group>.btn+.dropdown-toggle>button {
margin-left: -9px;
margin-right: -9px
}
.btn .caret {
margin-left: 0
}
.btn-set-vertical {
display: inline-block
}
.btn-set-vertical>.btn {
display: block;
margin: 10px 0 0;
width: 100%
}
.btn-set-vertical>.btn:first-child {
margin-top: 0
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: 2px;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropup .caret {
border-top: 0;
border-bottom: 4px solid
}
.dropdown,
.dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
box-sizing: border-box;
float: left;
min-width: 150px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 13px;
text-align: left;
line-height: normal;
background-color: #dedede;
border: 0 solid transparent;
background-clip: padding-box
}
.dropdown-menu>ul {
box-sizing: border-box;
min-width: 150px;
padding: 5px 0;
margin: -5px 0;
list-style: none;
border: 0
}
.btn-group-open>.dropdown-menu,
.open>.dropdown-menu {
display: block;
-webkit-animation: fade .2s ease-in-out;
animation: fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.btn-group-open>a,
.open>a {
outline: 0
}
.dropdown-menu-flip,
.dropdown-menu.pull-right,
.pull-right>.dropdown-menu {
left: auto;
right: 0
}
.dropdown-menu-up,
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: auto;
margin-bottom: 2px
}
.dropdown-menu .divider {
height: 1px;
margin: 5px 10px;
background-color: #b1b1b1
}
.dropdown-menu-list>li>a,
.dropdown-menu-nav>li>a,
.dropdown-menu>li>a {
display: block;
padding: 7px 10px;
clear: both;
font-weight: 400;
line-height: 16px;
color: #373737;
white-space: nowrap
}
.dropdown-menu-list>li>a.s-btn,
.dropdown-menu-nav>li>a.s-btn,
.dropdown-menu>li>a.s-btn {
margin: 0;
padding-left: 30px
}
.dropdown-menu-list>li>a:focus,
.dropdown-menu-list>li>a:hover,
.dropdown-menu-nav>li>a:focus,
.dropdown-menu-nav>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #5aadd1
}
.touch .dropdown-menu-list>li>a,
.touch .dropdown-menu-nav>li>a,
.touch .dropdown-menu>li>a {
padding-top: 10px;
padding-bottom: 10px
}
.dropdown-menu-list>.active>a,
.dropdown-menu-list>.active>a:focus,
.dropdown-menu-list>.active>a:hover,
.dropdown-menu-nav>.active>a,
.dropdown-menu-nav>.active>a:focus,
.dropdown-menu-nav>.active>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #5aadd1
}
.dropdown-menu-list>.disabled>a,
.dropdown-menu-list>.disabled>a:focus,
.dropdown-menu-list>.disabled>a:hover,
.dropdown-menu-nav>.disabled>a,
.dropdown-menu-nav>.disabled>a:focus,
.dropdown-menu-nav>.disabled>a:hover,
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
text-decoration: none;
color: #333;
opacity: .5;
background: 0 0;
cursor: not-allowed
}
.dropdown-menu-content {
padding: 7px 10px
}
.dropdown-header {
display: block;
padding: 7px 10px;
font-size: 13px;
line-height: 16px;
color: #777;
white-space: nowrap
}
.dropdown-header:not(:first-child) {
margin-top: 5px
}
.dropdown-menu--full {
width: 100%;
min-width: 100%
}
.dropdown-menu--full,
.dropdown-menu--full>li>a {
white-space: normal
}
.dropdown-icon-menu .dropdown-menu-list>li>a,
.dropdown-icon-menu .dropdown-menu-nav>li>a,
.dropdown-icon-menu>li>a {
padding-left: 38px
}
.dropdown-icon-menu .dropdown-menu-list>li>a .icon,
.dropdown-icon-menu .dropdown-menu-list>li>a [class*=" icon-"],
.dropdown-icon-menu .dropdown-menu-list>li>a [class^=icon-],
.dropdown-icon-menu .dropdown-menu-nav>li>a .icon,
.dropdown-icon-menu .dropdown-menu-nav>li>a [class*=" icon-"],
.dropdown-icon-menu .dropdown-menu-nav>li>a [class^=icon-],
.dropdown-icon-menu>li>a .icon,
.dropdown-icon-menu>li>a [class*=" icon-"],
.dropdown-icon-menu>li>a [class^=icon-] {
float: left;
margin-left: -28px
}
.dropdown-icon-menu .dropdown-menu-list>li>a.s-btn,
.dropdown-icon-menu .dropdown-menu-nav>li>a.s-btn,
.dropdown-icon-menu>li>a.s-btn {
padding-left: 38px
}
.dropdown-icon-menu .dropdown-menu-list>li>a.s-btn .icon,
.dropdown-icon-menu .dropdown-menu-list>li>a.s-btn [class^=icon-],
.dropdown-icon-menu .dropdown-menu-list>li>a.s-btn[class*=" sb-"]:before,
.dropdown-icon-menu .dropdown-menu-nav>li>a.s-btn .icon,
.dropdown-icon-menu .dropdown-menu-nav>li>a.s-btn [class^=icon-],
.dropdown-icon-menu .dropdown-menu-nav>li>a.s-btn[class*=" sb-"]:before,
.dropdown-icon-menu>li>a.s-btn .icon,
.dropdown-icon-menu>li>a.s-btn [class^=icon-],
.dropdown-icon-menu>li>a.s-btn[class*=" sb-"]:before,
[class*=" icon-"] .dropdown-icon-menu .dropdown-menu-list>li>a.s-btn[class^=sb-]:before,
[class*=" icon-"] .dropdown-icon-menu .dropdown-menu-nav>li>a.s-btn[class^=sb-]:before,
[class*=" icon-"] .dropdown-icon-menu>li>a.s-btn[class^=sb-]:before {
float: left;
margin-left: -28px
}
.dropdown-icon-menu:after {
position: absolute;
top: 0;
bottom: 0;
left: 32px;
width: 1px;
height: 100%;
content: "";
background: #b1b1b1
}
.dropdown-icon-menu .dropdown-header,
.dropdown-icon-menu .dropdown-menu-content {
padding-left: 38px
}
.dropdown-icon-menu .divider {
margin-left: 38px
}
.dropdown-icon-menu__content--bottom,
.dropdown-icon-menu__content--only {
position: relative;
z-index: 1;
background: #dedede
}
.dropdown-icon-menu__content--only {
margin: -5px 0;
padding: 10px 8px
}
.dropdown-icon-menu__content--bottom {
margin: 5px 8px -5px;
border-top: 1px solid #b1b1b1;
padding: 5px 0 10px
}
.dropdown-scrollable {
overflow-y: auto;
max-height: 200px
}
.dropdown-menu .dropdown-submenu {
position: relative
}
.dropdown-menu .dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin: -2px 0 0 2px;
display: none
}
.dropdown-menu .dropdown-submenu.to-left>.dropdown-menu {
right: 100%;
left: auto;
margin: -2px 2px 0 0
}
.dropdown-menu .dropdown-submenu.open>.dropdown-menu {
display: block
}
.dropdown-menu .dropdown-submenu>a {
padding-right: 20px
}
.dropdown-menu .dropdown-submenu>a:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
display: inline-block;
width: 0;
height: 0;
margin-top: -4px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid
}
.objects-toolbar .actions-menu {
position: relative;
float: left
}
.actions-menu .popup-box,
.fm-popup-file-operations.popup-box,
.popup-menu.popup-box {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
box-sizing: border-box;
float: left;
padding: 5px 0;
margin: 2px 0 0;
font-size: 13px;
text-align: left;
background-color: #dedede;
border: 0 solid transparent;
background-clip: padding-box;
-webkit-transition: none;
transition: none;
-webkit-animation: fade .2s ease-in-out;
animation: fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.actions-menu .popup-box.collapsed,
.fm-popup-file-operations.popup-box.collapsed,
.popup-menu.popup-box.collapsed {
display: none
}
.actions-menu .popup-box .popup-heading,
.fm-popup-file-operations.popup-box .popup-heading,
.popup-menu.popup-box .popup-heading {
display: none
}
.actions-menu .popup-box .popup-wrapper,
.fm-popup-file-operations.popup-box .popup-wrapper,
.popup-menu.popup-box .popup-wrapper {
width: 100%;
max-width: 100%
}
.actions-menu .popup-box .popup-content,
.fm-popup-file-operations.popup-box .popup-content,
.popup-menu.popup-box .popup-content {
padding: 0
}
.actions-menu .popup-box ul,
.fm-popup-file-operations.popup-box ul,
.popup-menu.popup-box ul {
margin: 0;
padding: 0;
list-style: none
}
.actions-menu .popup-box ul>li>a,
.fm-popup-file-operations.popup-box ul>li>a,
.popup-menu.popup-box ul>li>a {
display: block;
padding: 7px 10px;
clear: both;
font-weight: 400;
line-height: 16px;
color: #373737;
white-space: nowrap
}
.actions-menu .popup-box ul>li>a.s-btn,
.actions-menu .popup-box ul>li>a.sb-btn,
.fm-popup-file-operations.popup-box ul>li>a.s-btn,
.fm-popup-file-operations.popup-box ul>li>a.sb-btn,
.popup-menu.popup-box ul>li>a.s-btn,
.popup-menu.popup-box ul>li>a.sb-btn {
margin: 0
}
.actions-menu .popup-box ul>li>a.s-btn .icon,
.actions-menu .popup-box ul>li>a.s-btn [class^=icon-],
.actions-menu .popup-box ul>li>a.s-btn[class*=" sb-"]:before,
.actions-menu .popup-box ul>li>a.sb-btn .icon,
.actions-menu .popup-box ul>li>a.sb-btn [class^=icon-],
.actions-menu .popup-box ul>li>a.sb-btn[class*=" sb-"]:before,
.fm-popup-file-operations.popup-box ul>li>a.s-btn .icon,
.fm-popup-file-operations.popup-box ul>li>a.s-btn [class^=icon-],
.fm-popup-file-operations.popup-box ul>li>a.s-btn[class*=" sb-"]:before,
.fm-popup-file-operations.popup-box ul>li>a.sb-btn .icon,
.fm-popup-file-operations.popup-box ul>li>a.sb-btn [class^=icon-],
.fm-popup-file-operations.popup-box ul>li>a.sb-btn[class*=" sb-"]:before,
.popup-menu.popup-box ul>li>a.s-btn .icon,
.popup-menu.popup-box ul>li>a.s-btn [class^=icon-],
.popup-menu.popup-box ul>li>a.s-btn[class*=" sb-"]:before,
.popup-menu.popup-box ul>li>a.sb-btn .icon,
.popup-menu.popup-box ul>li>a.sb-btn [class^=icon-],
.popup-menu.popup-box ul>li>a.sb-btn[class*=" sb-"]:before,
[class*=" icon-"] .actions-menu .popup-box ul>li>a.s-btn[class^=sb-]:before,
[class*=" icon-"] .actions-menu .popup-box ul>li>a.sb-btn[class^=sb-]:before,
[class*=" icon-"] .fm-popup-file-operations.popup-box ul>li>a.s-btn[class^=sb-]:before,
[class*=" icon-"] .fm-popup-file-operations.popup-box ul>li>a.sb-btn[class^=sb-]:before,
[class*=" icon-"] .popup-menu.popup-box ul>li>a.s-btn[class^=sb-]:before,
[class*=" icon-"] .popup-menu.popup-box ul>li>a.sb-btn[class^=sb-]:before {
display: none
}
.actions-menu .popup-box ul>li>a:focus,
.actions-menu .popup-box ul>li>a:hover,
.fm-popup-file-operations.popup-box ul>li>a:focus,
.fm-popup-file-operations.popup-box ul>li>a:hover,
.popup-menu.popup-box ul>li>a:focus,
.popup-menu.popup-box ul>li>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #5aadd1
}
.actions-menu .popup-box ul>.active>a,
.actions-menu .popup-box ul>.active>a:focus,
.actions-menu .popup-box ul>.active>a:hover,
.fm-popup-file-operations.popup-box ul>.active>a,
.fm-popup-file-operations.popup-box ul>.active>a:focus,
.fm-popup-file-operations.popup-box ul>.active>a:hover,
.popup-menu.popup-box ul>.active>a,
.popup-menu.popup-box ul>.active>a:focus,
.popup-menu.popup-box ul>.active>a:hover {
text-decoration: none;
outline: 0;
color: #fff;
background-color: #5aadd1
}
.actions-menu .popup-box ul>.disabled>a,
.actions-menu .popup-box ul>.disabled>a:focus,
.actions-menu .popup-box ul>.disabled>a:hover,
.fm-popup-file-operations.popup-box ul>.disabled>a,
.fm-popup-file-operations.popup-box ul>.disabled>a:focus,
.fm-popup-file-operations.popup-box ul>.disabled>a:hover,
.popup-menu.popup-box ul>.disabled>a,
.popup-menu.popup-box ul>.disabled>a:focus,
.popup-menu.popup-box ul>.disabled>a:hover {
text-decoration: none;
color: #333;
opacity: .5;
background: 0 0;
cursor: not-allowed
}
.actions-menu .popup-box .separator,
.fm-popup-file-operations.popup-box .separator,
.popup-menu.popup-box .separator {
height: 1px;
margin: 5px 10px;
background-color: #b1b1b1
}
.actions-menu .popup-box {
min-width: 100%
}
.popup-box {
position: absolute;
z-index: 1000;
max-width: 400px;
font: 400 13px/1.4 "Open Sans Tilde", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
text-align: left;
color: #000;
background-color: #ffefd3;
background-clip: padding-box;
border: 1px solid #ffb73a;
white-space: normal;
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.popup-box.collapsed {
overflow: hidden;
max-height: 0;
max-width: 0;
visibility: hidden;
opacity: 0
}
.popup-box.top {
margin-top: -7px
}
.popup-box.right {
margin-top: -8px;
margin-left: 9px
}
.popup-box.bottom {
margin-top: 7px
}
.popup-box.left {
margin-top: -8px;
margin-left: -9px
}
.popup-box .popup-heading {
position: relative;
margin: -1px -1px 0;
padding: 8px 30px 8px 10px;
font-size: 13px;
line-height: 1.4;
color: #fff;
background-color: #1e96c9;
border: 1px solid #1e96c9;
white-space: nowrap
}
.popup-box .popup-heading h2,
.popup-box .popup-heading h4 {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.4;
color: #fff
}
.popup-box .popup-wrapper {
max-width: 400px
}
.popup-box .popup-wrapper .popup-container {
padding: 0
}
.popup-box .close {
float: right;
margin-right: -20px;
font-size: 18px;
line-height: 18px;
font-weight: 400;
cursor: pointer
}
.popup-box .close:before {
content: "\2715"
}
.popup-box .popup-content {
box-sizing: border-box;
padding: 10px
}
.popup-box .popup-content-area>:last-child {
margin-bottom: 0
}
.popup-box .arrow,
.popup-box .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border: solid transparent
}
.popup-box .arrow {
border-width: 7px
}
.popup-box .arrow:after {
content: "";
border-width: 7px
}
.popup-box.top .arrow,
.popup-box.top-left .arrow,
.popup-box.top-right .arrow {
left: 50%;
margin-left: -7px;
border-bottom-width: 0;
border-top-color: #feb534;
bottom: -7px
}
.popup-box.top .arrow:after,
.popup-box.top-left .arrow:after,
.popup-box.top-right .arrow:after {
content: "";
bottom: 1px;
margin-left: -7px;
border-bottom-width: 0;
border-top-color: #ffefd3
}
.popup-box.top-left .arrow {
left: -webkit-calc(100% - 50px);
left: calc(100% - 50px)
}
.popup-box.top-right .arrow {
left: 50px
}
.popup-box.top .popup-heading .arrow {
border-top-color: #1e96c9
}
.popup-box.top .popup-heading .arrow:after {
border-top-color: #1e96c9
}
.popup-box.right .arrow {
top: 50%;
left: -7px;
margin-top: -7px;
border-left-width: 0;
border-right-color: #feb534
}
.popup-box.right .arrow:after {
content: "";
left: 1px;
bottom: -7px;
border-left-width: 0;
border-right-color: #ffefd3
}
.popup-box.right .popup-heading .arrow {
border-right-color: #1e96c9
}
.popup-box.right .popup-heading .arrow:after {
border-right-color: #1e96c9
}
.popup-box.bottom .arrow,
.popup-box.bottom-left .arrow,
.popup-box.bottom-right .arrow {
left: 50%;
margin-left: -7px;
border-top-width: 0;
border-bottom-color: #feb534;
top: -7px
}
.popup-box.bottom .arrow:after,
.popup-box.bottom-left .arrow:after,
.popup-box.bottom-right .arrow:after {
content: "";
top: 1px;
margin-left: -7px;
border-top-width: 0;
border-bottom-color: #ffefd3
}
.popup-box.bottom-left .arrow {
left: -webkit-calc(100% - 50px);
left: calc(100% - 50px)
}
.popup-box.bottom-right .arrow {
left: 50px
}
.popup-box.bottom .popup-heading .arrow {
border-bottom-color: #1e96c9
}
.popup-box.bottom .popup-heading .arrow:after {
border-bottom-color: #1e96c9
}
.popup-box.left .arrow {
top: 50%;
right: -7px;
margin-top: -7px;
border-right-width: 0;
border-left-color: #feb534
}
.popup-box.left .arrow:after {
content: "";
right: 1px;
border-right-width: 0;
border-left-color: #ffefd3;
bottom: -7px
}
.popup-box.left .popup-heading .arrow {
border-left-color: #1e96c9
}
.popup-box.left .popup-heading .arrow:after {
border-left-color: #1e96c9
}
.popup-box-scrollable .popup-content {
max-height: 600px;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.popup-box.view-switcher-popover {
margin: -3px 0 0 30px
}
.popup-box.view-switcher-popover .arrow {
margin: 0;
left: 40px
}
@media (max-width: 767px) {
.popup-box.view-switcher-popover {
position: fixed;
max-width: none;
margin: 10px;
top: 0!important;
right: 0;
left: 0
}
.popup-box.view-switcher-popover .popup-wrapper {
max-width: none;
width: 100%
}
.popup-box.view-switcher-popover .arrow {
display: none
}
}
.popup-box .form-row .field-name {
float: none;
width: auto;
margin: 0 0 4px
}
.popup-box .form-row .field-value {
float: none;
margin-left: 0
}
.popup-box .form-row .combobox,
.popup-box .form-row .input-group,
.popup-box .form-row .input-text,
.popup-box .form-row .lookup,
.popup-box .form-row input[type=text] {
margin: 4px 0
}
.popup-box .form-row .form-control-group .form-control {
margin: 0
}
.popup-box .btns-box .btn,
.popup-box .btns-box .btn>button {
padding: 5px 10px
}
.popup-box .btns-box .btn>button {
margin: -6px -11px
}
.popup-box .fm-scrollable {
width: 380px
}
.popup-box__spotlight {
margin-bottom: 12px;
padding: 10px;
background: #fff
}
.pb-panel-version .panel-version-details {
width: 260px
}
.pb-panel-version .panel-version-details p,
.pb-panel-version .panel-version-details ul {
margin-top: 8px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0
}
.pb-panel-version .panel-version-details p:first-child,
.pb-panel-version .panel-version-details ul:first-child {
margin-top: 0
}
.pb-panel-version .panel-version-details ul>li {
margin-top: 8px
}
.pb-panel-version .panel-version-details ul>li:first-child {
margin-top: 0
}
.popup-data-table {
margin: -4px
}
.popup-data-table td,
.popup-data-table th {
padding: 4px;
text-align: left;
vertical-align: top;
font-weight: 400
}
.popup-box.pb-dir-structure {
margin: 3px 0 0 -22px
}
.popup-box.pb-dir-structure .popup-content {
width: 250px
}
.pb-server-health .t-box {
width: 442px
}
.b-threshold-legend .popup-content {
padding-bottom: 0
}
.b-threshold-legend .popup-content .ajax-loading {
padding-bottom: 12px
}
.b-threshold-legend .b-indent {
overflow: visible;
padding: 0 10px 8px 22px;
white-space: nowrap
}
.pb-video-tutorial {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1050;
max-width: 100%;
width: auto;
left: 10px;
right: 10px;
box-sizing: border-box;
text-align: center
}
.pb-video-tutorial .popup-wrapper {
max-width: 100%;
width: 100%
}
.pb-video-tutorial .heading-area {
white-space: normal
}
.pb-video-tutorial .heading-area h2 {
font-size: 18px;
margin: 0
}
.pb-video-tutorial .heading-area .close {
line-height: 24px
}
.pb-video-tutorial .popup-content {
padding: 0;
max-height: none
}
.pb-video-tutorial .popup-content-area {
position: relative;
padding-bottom: 56.25%;
padding-top: 20px;
height: 0!important;
overflow: hidden
}
.pb-video-tutorial .popup-content-area embed,
.pb-video-tutorial .popup-content-area iframe,
.pb-video-tutorial .popup-content-area object,
.pb-video-tutorial .popup-content-area video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.pb-video-tutorial .no-flash-info {
position: absolute;
box-sizing: border-box;
top: 50%;
width: 100%;
padding: 0 10px;
margin-top: -74px;
text-align: center;
line-height: 25px
}
.pb-video-tutorial .no-flash-info img {
margin-bottom: 10px
}
.tools-list-video-tutorial .tool-block {
padding: 8px
}
@media (min-width: 1280px) {
.pb-video-tutorial {
left: 50%;
margin-left: -640px;
width: 1280px
}
}
.modal-open {
overflow: hidden
}
.main-disabled-block {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: rgba(0, 0, 0, .7);
-webkit-animation: fade .3s ease-in-out;
animation: fade .3s ease-in-out
}
.modal-open .main-disabled-block {
display: block
}
.popup-panel {
position: fixed;
z-index: 1050;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: hidden;
outline: 0;
-webkit-overflow-scrolling: touch;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.popup-panel-centered {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.modal-open .popup-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
overflow-y: scroll
}
.popup-panel .popup-wrapper {
position: relative;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
margin: 30px 10px;
-webkit-animation: fade-top .3s ease-in-out;
animation: fade-top .3s ease-in-out;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
@media (min-width: 620px) {
.popup-panel .popup-wrapper {
max-width: 600px
}
}
@media (min-width: 510px) {
.popup-panel-sm .popup-wrapper {
max-width: 490px
}
}
@media (min-width: 620px) {
.popup-panel-md .popup-wrapper {
max-width: 600px
}
}
@media (min-width: 920px) {
.popup-panel-lg .popup-wrapper,
.popup-panel-xl .popup-wrapper {
max-width: 900px
}
}
@media (min-width: 1220px) {
.popup-panel-xl .popup-wrapper {
max-width: 1200px
}
}
.popup-panel-auto .popup-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: none;
width: auto
}
.popup-panel-auto .popup-wrapper .img-screenshot {
max-width: 100%;
height: auto
}
.popup-panel .popup-container {
position: relative;
word-wrap: break-word;
overflow-wrap: break-word;
outline: 0;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
.popup-panel .popup-heading {
position: relative;
padding: 10px 20px;
line-height: 32px;
background: #219ed4;
font-weight: 400;
color: #fff
}
.popup-panel .popup-heading .close {
float: right;
margin-left: 10px;
font-size: 24px;
line-height: 32px;
font-weight: 400;
cursor: pointer
}
.popup-panel .popup-heading .close:before {
content: "\2715"
}
.popup-panel .popup-heading .close:hover {
opacity: .8
}
.popup-panel .popup-heading a {
color: #fff
}
.popup-panel .popup-heading a:hover {
color: rgba(255, 255, 255, .85)
}
.popup-panel .popup-heading .popup-heading-actions {
float: right;
margin-left: 5px
}
.popup-panel .popup-heading h2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
color: #fff;
font-size: 24px;
line-height: 32px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.popup-panel .popup-heading h2>span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.popup-panel .popup-heading [class*=" pp-"]:before,
.popup-panel .popup-heading [class^=pp-]:before {
display: block;
width: 32px;
height: 32px;
margin-right: 8px;
content: "";
background-size: 32px;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.popup-panel .popup-heading .pp-upload:before {
background-image: url(../icons/32/plesk/upload8011.png?17.0)
}
.popup-panel .popup-heading .pp-download:before {
background-image: url(../icons/32/plesk/download8011.png?17.0)
}
.popup-panel .popup-heading .pp-alert:before {
background-image: url(../icons/32/plesk/file-alert8011.png?17.0)
}
.popup-panel .popup-heading .pp-add-folder:before {
background-image: url(../icons/32/plesk/file-add-folder8011.png?17.0)
}
.popup-panel .popup-heading .pp-share:before {
background-image: url(../icons/32/plesk/file-share8011.png?17.0)
}
.popup-panel .popup-heading .pp-publish:before {
background-image: url(../icons/32/plesk/file-publish8011.png?17.0)
}
.popup-panel .popup-heading .pp-copy:before {
background-image: url(../icons/32/plesk/file-copy8011.png?17.0)
}
.popup-panel .popup-heading .pp-move:before {
background-image: url(../icons/32/plesk/file-move8011.png?17.0)
}
.popup-panel .popup-heading .pp-delete:before {
background-image: url(../icons/32/plesk/file-delete8011.png?17.0)
}
.popup-panel .popup-heading .pp-send-link:before {
background-image: url(../icons/32/plesk/file-send-link8011.png?17.0)
}
.popup-panel .popup-heading .pp-error:before {
background-image: url(../icons/32/plesk/file-error8011.png?17.0)
}
.popup-panel .popup-heading .pp-configure-email-client:before,
.popup-panel .popup-heading .pp-email-link:before {
background-image: url(../icons/32/plesk/mail8011.png?17.0)
}
.popup-panel .popup-heading .pp-access:before {
background-image: url(../icons/32/plesk/change-passwd8011.png?17.0)
}
.popup-panel .popup-heading .pp-add-file:before {
background-image: url(../icons/32/plesk/file-add8011.png?17.0)
}
.popup-panel .popup-heading .pp-archive-extract:before {
background-image: url(../icons/32/plesk/archive-extract8011.png?17.0)
}
.popup-panel .popup-heading .pp-archive-create:before {
background-image: url(../icons/32/plesk/archive-create8011.png?17.0)
}
.popup-panel .popup-heading .pp-security:before {
background-image: url(../icons/32/plesk/protect8011.png?17.0)
}
.popup-panel .popup-heading .pp-wordpress:before {
background-image: url(../icons/32/plesk/wordpresses8011.png?17.0)
}
.popup-panel .popup-heading .pp-edit-description:before {
background-image: url(../icons/32/plesk/edit-description8011.png?17.0)
}
.popup-panel .popup-content {
position: relative
}
.popup-panel .popup-content-area {
box-sizing: border-box;
padding: 10px 20px;
overflow-y: auto;
max-height: -webkit-calc(100vh - 112px);
max-height: calc(100vh - 112px);
min-height: 110px
}
.popup-panel-scrollable .popup-content-area {
padding-bottom: 0
}
.popup-panel-scrollable .form-box {
box-sizing: border-box;
margin: -10px -20px;
padding: 10px 20px;
overflow-y: auto;
max-height: -webkit-calc(100vh - 112px);
max-height: calc(100vh - 112px);
min-height: 110px
}
.popup-panel-scrollable .form-box:after {
content: "";
display: block;
height: 60px;
visibility: hidden
}
.popup-panel-scrollable .btns-box {
height: 40px;
position: relative;
margin: -61px 0 0 0;
padding-bottom: 10px;
background-color: #fff
}
.popup-panel .single-row .field-name,
.popup-panel .single-row .field-value {
display: block;
float: none;
margin: 3px 0 0
}
.popup-panel .single-row .field-value {
margin-left: 0
}
.popup-panel .single-row .btn,
.popup-panel .single-row .btn-group {
margin: 0 5px
}
.popup-panel .btns-box.no-separator {
margin-top: 0;
padding-top: 0;
border-top: 0;
box-shadow: none
}
.popup-panel .btns-box.simple-box .form-row .field-value {
text-align: right
}
.popup-panel .btns-box .single-row {
text-align: center
}
.popup-panel .btns-box .single-row .field-name {
display: none
}
.popup-panel .btns-box .single-row .field-value {
margin: 0
}
.popup-panel .btns-box .single-row .btn,
.popup-panel .btns-box .single-row .btn-group {
margin: 0 5px
}
.popup-panel .btns-box .btn-group>.btn {
margin: 0
}
.popup-panel .btns-box .btn-group>.btn+.btn {
margin-left: -1px
}
.popup-panel .btns-box .btn-group>.btn:first-child {
margin-left: 0
}
@media (min-width: 768px) {
.popup-form-vertical .form-row .field-name {
width: auto;
float: none
}
.popup-form-vertical .form-row .field-name,
.popup-form-vertical .form-row .field-value,
.popup-form-vertical .form-row .single-row {
margin: 4px 0
}
.popup-form-vertical .form-row .text-value {
padding: 0
}
.popup-form-vertical .btns-box .form-row .field-name,
.popup-form-vertical .btns-box .form-row .field-value,
.popup-form-vertical .btns-box .form-row .single-row {
margin: 4px 0 0
}
}
.popup-pane .list {
overflow: auto
}
.popup-pane .list>table>tfoot tr td {
border-color: transparent
}
.popup-pane .list>table>tfoot tr:first-child td {
border-top: 1px double #d6d6d6
}
.popup-panel-security .list table>tbody>tr>td,
.popup-panel-security .list table>tfoot>tr>td {
padding-top: 10px;
padding-bottom: 10px
}
.popup-panel-security .list .btn {
margin: -4px 10px -4px 0;
vertical-align: top
}
.popup-panel-security .list .hint-minor {
font-size: 12px
}
.popup-panel .loading-block {
padding: 20px 0 30px;
text-align: center
}
.popup-panel .social-links {
padding: 10px 0;
text-align: center
}
.popup-panel .social-links>a {
margin: 0 5px
}
.popup-panel .social-links .twitter-share-button {
display: inline-block;
padding: 6px 10px 6px 9px;
background-color: #1b95e0;
color: #fff;
border-radius: 4px;
white-space: nowrap
}
.popup-panel .social-links .twitter-share-button:active,
.popup-panel .social-links .twitter-share-button:focus,
.popup-panel .social-links .twitter-share-button:hover {
background-color: #0c7abf;
text-decoration: none
}
.popup-panel .social-links .twitter-share-button:before {
content: "";
display: inline-block;
height: 18px;
width: 18px;
margin-right: 3px;
vertical-align: top;
background: 0 0 no-repeat;
background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E)
}
.popup-panel .pathbar {
margin: 0
}
.confirmation-box {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.confirmation-box .popup-wrapper {
-webkit-animation: fade-scale-02 .3s ease-in-out;
animation: fade-scale-02 .3s ease-in-out
}
.confirmation-box .popup-content-area {
padding: 20px
}
.confirmation-box .confirmation-msg[class*=" mw-"],
.confirmation-box .confirmation-msg[class^=mw-] {
padding-left: 74px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 64px;
min-height: 64px
}
.confirmation-box .mw-delete {
background-image: url(../icons/64/plesk/mw-delete8011.png?17.0)
}
.confirmation-box .mw-reboot {
background-image: url(../icons/64/plesk/mw-reboot8011.png?17.0)
}
.confirmation-box .mw-shutdown {
background-image: url(../icons/64/plesk/mw-shutdown8011.png?17.0)
}
.confirmation-box .mw-confirm {
background-image: url(../icons/64/plesk/mw-confirm8011.png?17.0)
}
.confirmation-box .mw-toggle {
background-image: url(../icons/64/plesk/mw-toggle8011.png?17.0)
}
.confirmation-box .mw-clean {
background-image: url(../icons/64/plesk/mw-clean8011.png?17.0)
}
.confirmation-box .mw-unlink {
background-image: url(../icons/64/plesk/mw-unlink8011.png?17.0)
}
.confirmation-box .confirmation-msg h3 {
margin: 0 0 12px;
padding: 0;
font-weight: 400;
font-size: 13px;
line-height: normal;
color: #000
}
.confirmation-box .confirmation-msg h3 b {
font-weight: 400;
color: #e59910
}
.confirmation-box .b-indent label {
color: #787878
}
.confirmation-box .btns-container {
margin: 12px 0 0;
text-align: left
}
.modal-informer .popup-wrapper {
max-width: 820px
}
.modal-informer .popup-container {
background: #383838
}
.modal-informer .popup-content-area {
padding: 0
}
.modal-informer .btns-box {
margin: 0;
padding: 10px
}
.informer-page-1 .popup-heading .informer-heading-2,
.informer-page-2 .popup-heading .informer-heading-1 {
display: none
}
.lists-informer-text {
color: #fff
}
.lists-informer-image {
background: url(../images/lists-informer8011.png?17.0) no-repeat
}
.lists-informer-action-button,
.lists-informer-action-button>div {
text-shadow: none;
background: url(../images/informer-action-button8011.png?17.0) no-repeat
}
.lists-informer-action-button {
color: #243600
}
.lists-informer-action-button:hover {
color: #4a6e00
}
.lists-informer-action-button-1 {
background-position: 100% -75px
}
.lists-informer-action-button-1>div {
background-position: 0 -75px
}
.lists-informer-action-button-2 {
background-position: 0 0
}
.lists-informer-action-button-2>div {
background-position: 100% 0
}
.lists-informer {
overflow: hidden;
width: 820px;
color: #fff
}
.lists-informer-wrap {
width: 1640px;
padding: 3px 0 10px;
-webkit-transition: margin .5s ease;
transition: margin .5s ease
}
.informer-page-1 .lists-informer-wrap {
margin-left: -820px
}
.informer-page-2 .lists-informer-wrap {
margin-left: 0
}
.lists-informer-text {
position: relative
}
.lists-informer-text>div {
display: inline-block;
vertical-align: bottom
}
.lists-informer-text.lists-informer-text-bottom>div {
vertical-align: top
}
.lists-informer-text .text-1 {
width: 334px;
margin: 0 0 -44px 476px
}
.lists-informer-text .text-2 {
width: 300px;
margin: 0 0 -44px 46px
}
.lists-informer-text .text-3 {
width: 234px;
margin: 0 0 -35px 76px
}
.lists-informer-text .text-4 {
position: relative;
z-index: 10;
width: 230px;
margin: 0 0 -141px -151px;
text-align: center
}
.lists-informer-text .text-5 {
width: 422px;
margin: -5px 0 0 100px
}
.lists-informer-text .text-6 {
width: 384px;
margin: 4px 0 0 439px
}
.lists-informer-image {
position: relative;
width: 1640px;
height: 251px;
background: url(../images/lists-informer8011.png?17.0) no-repeat
}
.lists-informer-action-button,
.lists-informer-action-button>div {
height: 75px;
cursor: pointer;
white-space: nowrap;
line-height: 70px;
background: url(../images/informer-action-button8011.png?17.0) no-repeat
}
.lists-informer-action-button-1 {
position: absolute;
top: 19px;
right: 52px;
padding: 0 40px 0 0;
background-position: 100% -75px
}
.lists-informer-action-button-1>div {
max-width: 500px;
margin-left: -54px;
padding-left: 54px;
background-position: 0 -75px
}
.lists-informer-action-button-1>div>span {
margin-right: -3px
}
.lists-informer-action-button-2 {
position: absolute;
top: 19px;
left: 53px;
width: 0;
padding: 0 0 0 40px;
background-position: 0 0
}
.lists-informer-action-button-2>div {
position: absolute;
max-width: 322px;
margin-right: -54px;
padding-right: 54px;
background-position: 100% 0
}
.lists-informer-action-button-2>div>span {
margin-left: -3px
}
.slider {
display: inline-block;
text-align: left;
position: relative;
margin: 10px 31px 30px!important;
box-shadow: 0 0 30px rgba(0, 0, 0, .3)
}
.slider>.slider-check {
display: none
}
.slider>.slider-check:nth-of-type(8):checked~ul li:first-of-type {
margin-left: -700%
}
.slider>.slider-check:nth-of-type(7):checked~ul li:first-of-type {
margin-left: -600%
}
.slider>.slider-check:nth-of-type(6):checked~ul li:first-of-type {
margin-left: -500%
}
.slider>.slider-check:nth-of-type(5):checked~ul li:first-of-type {
margin-left: -400%
}
.slider>.slider-check:nth-of-type(4):checked~ul li:first-of-type {
margin-left: -300%
}
.slider>.slider-check:nth-of-type(3):checked~ul li:first-of-type {
margin-left: -200%
}
.slider>.slider-check:nth-of-type(2):checked~ul li:first-of-type {
margin-left: -100%
}
.slider>.slider-check:nth-of-type(1):checked~ul li:first-of-type {
margin-left: 0
}
.slider>.slider-container {
position: relative;
width: 1024px;
height: 768px;
max-height: -webkit-calc(100vh - 172px);
max-height: calc(100vh - 172px);
max-width: -webkit-calc(100vw - 130px);
max-width: calc(100vw - 130px);
z-index: 1;
font-size: 0;
line-height: 0;
background-color: #3a3a3a;
margin: auto;
padding: 0;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box
}
.slider>.slider-container>.slider-item {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
overflow: hidden;
font-size: 13px;
color: #fff;
line-height: normal;
-webkit-transition: all .5s cubic-bezier(.4, 1.3, .65, 1);
transition: all .5s cubic-bezier(.4, 1.3, .65, 1);
vertical-align: top;
box-sizing: border-box;
white-space: normal;
text-align: center
}
.slider>.slider-container>.slider-item.scrollable {
overflow-y: scroll
}
.slider>.slider-container>.slider-item:before {
content: "";
display: inline-block;
min-height: inherit;
height: 100%;
vertical-align: middle
}
.slider>.slider-container>.slider-item .slider-image {
display: inline-block;
margin: auto;
height: auto;
max-width: 100%;
max-height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.slider>.slider-container>.slider-item .slider-content {
display: inline-block;
vertical-align: middle
}
.slider>.slider-container>.slider-item .slider-image+.slider-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 10px;
background: rgba(0, 0, 0, .5)
}
.slider>.slider-navigation {
position: absolute;
bottom: -8px;
left: 50%;
z-index: 10;
margin-bottom: -14px;
font-size: 0;
line-height: 0;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.slider>.slider-navigation>.slider-navigation-inner {
margin-left: -100%
}
.slider>.slider-navigation .slider-label {
position: relative;
display: inline-block;
cursor: pointer;
border-radius: 50%;
margin: 0 4px;
padding: 4px;
background: #3a3a3a
}
.slider>.slider-navigation .slider-label:hover:after {
opacity: 1
}
.slider>.slider-navigation .slider-label:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -6px;
margin-top: -6px;
background: #1e96c9;
border-radius: 50%;
padding: 6px;
opacity: 0
}
.slider>.slider-arrows {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.slider.inside .slider-navigation {
bottom: 0;
margin-bottom: 14px
}
.slider.inside .slider-navigation .slider-label {
border: 1px solid #7e7e7e
}
.slider>input:nth-of-type(1):checked~.slider-navigation label:nth-of-type(1):after,
.slider>input:nth-of-type(2):checked~.slider-navigation label:nth-of-type(2):after,
.slider>input:nth-of-type(3):checked~.slider-navigation label:nth-of-type(3):after,
.slider>input:nth-of-type(4):checked~.slider-navigation label:nth-of-type(4):after,
.slider>input:nth-of-type(5):checked~.slider-navigation label:nth-of-type(5):after,
.slider>input:nth-of-type(6):checked~.slider-navigation label:nth-of-type(6):after,
.slider>input:nth-of-type(7):checked~.slider-navigation label:nth-of-type(7):after,
.slider>input:nth-of-type(8):checked~.slider-navigation label:nth-of-type(8):after,
.slider>input:nth-of-type(9):checked~.slider-navigation label:nth-of-type(9):after {
opacity: 1
}
.slider>.slider-arrows {
position: absolute;
left: -30px;
top: 0;
width: 100%;
height: 100%;
padding: 0 30px;
box-sizing: content-box
}
.slider>.slider-arrows .slider-label {
display: none;
position: absolute;
z-index: 1;
top: 0;
height: 100%;
width: 50%;
cursor: pointer;
color: #3a3a3a;
-webkit-transition: color .15s;
transition: color .15s
}
.slider>.slider-arrows .slider-label:hover {
color: #1e96c9
}
.slider>.slider-arrows .slider-label:before {
position: absolute;
content: '❯';
font-size: 40px;
width: 20px;
text-align: center;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.slider.infinity>input:first-of-type:checked~.slider-arrows label.goto-last,
.slider>input:nth-of-type(1):checked~.slider-arrows>label:nth-of-type(0),
.slider>input:nth-of-type(2):checked~.slider-arrows>label:nth-of-type(1),
.slider>input:nth-of-type(3):checked~.slider-arrows>label:nth-of-type(2),
.slider>input:nth-of-type(4):checked~.slider-arrows>label:nth-of-type(3),
.slider>input:nth-of-type(5):checked~.slider-arrows>label:nth-of-type(4),
.slider>input:nth-of-type(6):checked~.slider-arrows>label:nth-of-type(5),
.slider>input:nth-of-type(7):checked~.slider-arrows>label:nth-of-type(6),
.slider>input:nth-of-type(8):checked~.slider-arrows>label:nth-of-type(7),
.slider>input:nth-of-type(9):checked~.slider-arrows>label:nth-of-type(8) {
display: block;
left: 0;
right: auto;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.slider.infinity>input:last-of-type:checked~.slider-arrows label.goto-first,
.slider>input:nth-of-type(1):checked~.slider-arrows>label:nth-of-type(2),
.slider>input:nth-of-type(2):checked~.slider-arrows>label:nth-of-type(3),
.slider>input:nth-of-type(3):checked~.slider-arrows>label:nth-of-type(4),
.slider>input:nth-of-type(4):checked~.slider-arrows>label:nth-of-type(5),
.slider>input:nth-of-type(5):checked~.slider-arrows>label:nth-of-type(6),
.slider>input:nth-of-type(6):checked~.slider-arrows>label:nth-of-type(7),
.slider>input:nth-of-type(7):checked~.slider-arrows>label:nth-of-type(8),
.slider>input:nth-of-type(8):checked~.slider-arrows>label:nth-of-type(9),
.slider>input:nth-of-type(9):checked~.slider-arrows>label:nth-of-type(10) {
display: block;
right: 0;
left: auto
}
.tooltip {
position: absolute;
z-index: 1020;
max-width: 240px;
padding: 5px;
text-align: left;
word-wrap: break-word;
border: 1px solid #aaa;
font-size: 12px;
background: #ffc;
color: #000
}
.tooltip b,
.tooltip i {
font-weight: 400;
font-style: normal
}
.touch .tooltip {
display: none!important
}
.async-progress-bar {
position: fixed;
z-index: 1000;
right: 10px;
bottom: 24px;
width: 328px;
background: #d9f1fa
}
.async-progress-bar-top {
margin: 0 0 -1px;
cursor: pointer;
border: 1px solid #a3d1e2;
background: #d9f1fa
}
.async-progress-bar-control {
float: right;
margin: 10px 10px 10px 5px;
background: url(../images/hide-show-button8011.png?17.0) no-repeat;
background-size: 16px 32px
}
.async-progress-bar-control:hover {
opacity: .8
}
.async-progress-bar-collapsed .async-progress-bar-control {
background-position: 0 -16px
}
.async-progress-bar-control,
.async-progress-bar-control-hide,
.async-progress-bar-control-show {
overflow: hidden;
width: 16px;
height: 16px
}
.async-progress-bar-item-heading,
.async-progress-bar-item-title,
.async-progress-bar-title,
.async-progress-bar-top {
overflow: hidden
}
.async-progress-bar-collapsed .async-progress-bar-top .async-progress-bar-control-hide,
.async-progress-bar-top .async-progress-bar-control-show {
display: none
}
.async-progress-bar-collapsed .async-progress-bar-top .async-progress-bar-control-show,
.async-progress-bar-control-hide,
.async-progress-bar-control-show {
display: inline-block;
text-indent: 20px
}
.async-progress-bar-title {
position: relative;
z-index: 0;
padding: 10px 0 10px 10px;
font-size: 14px;
font-weight: 700;
color: #353535
}
.async-progress-bar-title-tasks-complete>span,
.async-progress-bar-title-tasks-error>span,
.async-progress-bar-title-tasks-warning>span {
position: relative;
z-index: -1;
margin: 0 -5px;
padding: 0 5px
}
.async-progress-bar-body {
overflow: auto;
max-height: 370px;
margin-left: -10px;
padding: 0 0 1px 10px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
opacity: 1
}
.async-progress-bar-collapsed .async-progress-bar-body {
overflow: hidden;
max-height: 0;
opacity: 0
}
.async-progress-bar-wrap:after {
position: relative;
display: block;
height: 12px;
content: "";
border: solid #a3d1e2;
border-width: 0 1px 1px;
font-size: 0;
line-height: 0;
background: #d9f1fa
}
.async-progress-bar-collapsed .async-progress-bar-wrap:after {
display: none
}
.async-progress-bar-list {
margin: 0;
padding: 0;
list-style: none
}
.async-progress-bar-item {
position: relative;
margin: 0 0 -1px;
padding: 10px;
word-wrap: break-word;
border: 1px solid;
border-color: #c1e3ee #a3d1e2;
background: #d9f1fa
}
.async-progress-bar-item-control {
float: right
}
.async-progress-bar-floating-item {
position: absolute;
z-index: 1010;
overflow: hidden;
width: 16px;
height: 16px;
padding: 3px 10px;
white-space: nowrap;
opacity: .5;
border: 1px solid #a3d1e2;
background: #d9f1fa
}
.async-progress-bar-floating-item-end {
padding: 10px;
opacity: 1
}
.async-progress-bar-preparing-item-begin {
display: none
}
.async-progress-bar-preparing-item {
display: block;
overflow: hidden;
max-height: 0;
padding: 0 10px
}
.async-progress-bar-preparing-item-end {
max-height: 50px;
padding: 10px
}
.async-progress-bar-floating-item,
.async-progress-bar-preparing-item-end {
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.async-progress-bar-item .progress {
margin: 4px 0 0
}
.async-progress-bar-item-footer {
margin-top: 4px
}
.async-progress-bar-item-complete {
border-color: #c1e3ee #a3d1e2;
background: #bcdf94;
z-index: 1
}
.async-progress-bar-item-error {
border-color: #c1e3ee #a3d1e2;
background: #f4b3b3;
z-index: 1
}
.async-progress-bar-item-warning {
border-color: #c1e3ee #a3d1e2;
background: #fdd896;
z-index: 1
}
.async-progress-bar-collapsed .async-progress-bar-title-tasks-hide {
display: none
}
.async-progress-bar-item-msg {
min-height: 16px;
padding: 1px 0 1px 20px;
background: 0 2px no-repeat;
background-size: 16px
}
.async-progress-bar-item-msg .close {
float: right;
line-height: 16px;
width: 16px;
margin: 2px 0 0 10px;
text-align: center;
cursor: pointer
}
.async-progress-bar-item-msg .close:before {
content: "\2715";
font-weight: 700;
font-size: 12px
}
.async-progress-bar-item-msg .close:hover {
opacity: .8
}
.async-progress-bar-title-tasks-hide {
display: inline-block;
margin-top: 1px;
vertical-align: top;
font-size: 13px;
font-weight: 400
}
.async-progress-bar-title-tasks,
.async-progress-bar-title-tasks-complete,
.async-progress-bar-title-tasks-error,
.async-progress-bar-title-tasks-warning {
display: inline-block;
margin-right: 8px;
padding: 0 0 0 20px;
vertical-align: top;
background: 0 1px no-repeat;
background-size: 16px
}
.async-progress-bar-title-tasks {
background-image: url(../icons/16/plesk/indicator8011.gif?17.0)
}
.async-progress-bar-item-complete .async-progress-bar-item-msg,
.async-progress-bar-title-tasks-complete {
background-image: url(../icons/16/plesk/ok8011.png?17.0)
}
.async-progress-bar-item-error .async-progress-bar-item-msg,
.async-progress-bar-title-tasks-error {
background-image: url(../icons/16/plesk/warning8011.png?17.0)
}
.async-progress-bar-item-warning .async-progress-bar-item-msg,
.async-progress-bar-title-tasks-warning {
background-image: url(../icons/16/plesk/att8011.png?17.0)
}
.async-progress-bar-complete.async-progress-bar-collapsed {
-webkit-animation: async-progress-bar-pulse 1.5s ease-in-out infinite;
animation: async-progress-bar-pulse 1.5s ease-in-out infinite
}
@-webkit-keyframes async-progress-bar-pulse {
0% {
box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
}
50% {
box-shadow: 0 0 0 2px #fff, 0 0 0 7px rgba(117, 178, 226, .3)
}
100% {
box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
}
}
@keyframes async-progress-bar-pulse {
0% {
box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
}
50% {
box-shadow: 0 0 0 2px #fff, 0 0 0 7px rgba(117, 178, 226, .3)
}
100% {
box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(117, 178, 226, .3)
}
}
.async-progress-bar-title-tasks-complete>span {
border-radius: 16px;
-webkit-animation: pulse-complete 1.2s ease-in-out;
animation: pulse-complete 1.2s ease-in-out
}
.async-progress-bar-title-tasks-error>span {
border-radius: 16px;
-webkit-animation: pulse-error 1.2s ease-in-out;
animation: pulse-error 1.2s ease-in-out
}
.async-progress-bar-title-tasks-warning>span {
border-radius: 16px;
-webkit-animation: pulse-warning 1.2s ease-in-out;
animation: pulse-warning 1.2s ease-in-out
}
@-webkit-keyframes pulse-complete {
10%, 40%, 80% {
background: #8ebe73;
color: #fff;
box-shadow: 0 0 0 5px #8ebe73;
text-shadow: 0 -1px 0 #7b9354
}
20%,
60%,
90% {
box-shadow: 0 0 0 0 #8ebe73
}
}
@keyframes pulse-complete {
10%, 40%, 80% {
background: #8ebe73;
color: #fff;
box-shadow: 0 0 0 5px #8ebe73;
text-shadow: 0 -1px 0 #7b9354
}
20%,
60%,
90% {
box-shadow: 0 0 0 0 #8ebe73
}
}
@-webkit-keyframes pulse-error {
10%, 40%, 80% {
background: #f99ca2;
color: #fff;
box-shadow: 0 0 0 5px #f99ca2;
text-shadow: 0 -1px 0 #d06554
}
20%,
60%,
90% {
box-shadow: 0 0 0 0 #f99ca2
}
}
@keyframes pulse-error {
10%, 40%, 80% {
background: #f99ca2;
color: #fff;
box-shadow: 0 0 0 5px #f99ca2;
text-shadow: 0 -1px 0 #d06554
}
20%,
60%,
90% {
box-shadow: 0 0 0 0 #f99ca2
}
}
@-webkit-keyframes pulse-warning {
10%, 40%, 80% {
background: #ecc579;
color: #fff;
box-shadow: 0 0 0 5px #ecc579;
text-shadow: 0 -1px 0 #9c772f
}
20%,
60%,
90% {
box-shadow: 0 0 0 0 #ecc579
}
}
@keyframes pulse-warning {
10%, 40%, 80% {
background: #ecc579;
color: #fff;
box-shadow: 0 0 0 5px #ecc579;
text-shadow: 0 -1px 0 #9c772f
}
20%,
60%,
90% {
box-shadow: 0 0 0 0 #ecc579
}
}
@media (max-width: 767px) {
.async-progress-bar {
right: 6px;
bottom: 6px;
max-width: 100%
}
.async-progress-bar-body {
max-height: 200px
}
}
.sid-popup .topline {
position: relative;
padding: 8px 10px;
text-align: center;
border-bottom: 1px solid #c4cacd;
background: #f3f5f6
}
.sid-popup .topline:after,
.sid-popup .topline:before {
display: table;
content: ""
}
.sid-popup .topline:after {
clear: both
}
.sid-popup .topline .close {
float: right
}
.sid-popup .topline .navigation {
float: left
}
.sid-popup .screenshots-images {
padding: 20px;
text-align: center
}
.sid-popup .screenshots-images img {
margin: 0 0 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.sid-popup.home-dir-popup table {
width: 100%;
border-collapse: collapse
}
.sid-popup.home-dir-popup table td {
padding: 0;
vertical-align: top
}
.sid-popup.home-dir-popup .formArea .buttons {
margin: 0;
border: 0
}
.sid-popup.home-dir-popup .formArea .buttons td {
padding: 10px
}
.sid-popup.home-dir-popup input,
.sid-popup.home-dir-popup select {
width: 100%;
margin: 0
}
.sid-popup.home-dir-popup input[readonly] {
padding: 2px 3px;
border: 0
}
.sid-popup.home-dir-popup .path {
height: 1%
}
.sid-popup.home-dir-popup .path div {
overflow: hidden
}
.sid-popup.home-dir-popup .path-list,
.sid-popup.home-dir-popup form,
.sid-popup.home-dir-popup select,
.sid-popup.home-dir-popup table {
height: 100%
}
.console-output {
box-sizing: border-box;
min-height: 15.385em;
max-height: 25em;
max-width: 80em;
padding: .7692em;
border: 1px solid #afbac1;
background: #ededed;
font: 1em/1.231em Consolas, "Liberation Mono", Menlo, Courier, monospace;
color: #020202;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
overflow-x: hidden;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word
}
.console-output .cursor {
display: inline-block;
width: .4615em;
height: 1em;
margin-left: .2308em;
vertical-align: -1px;
background-color: #666
}
.console-output-wide {
max-width: 100%
}
.mode-selector {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin-bottom: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.mode-selector:after {
content: "";
position: absolute;
height: 1px;
background: #ddd;
right: 0;
left: 0;
bottom: -6px
}
.mode-selector .mode-selector-item,
.mode-selector-radio,
.mode-selector-radio-label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.mode-selector-item {
width: 100%;
margin: 0 0 5px
}
.mode-selector-item:last-child {
margin: 0
}
.mode-selector-radio {
box-sizing: border-box;
position: relative;
width: 100%;
padding: 10px;
border: 1px solid #bebebe;
background-color: #fafafa;
cursor: pointer
}
.mode-selector-radio.checked {
border-color: #0f7faf;
background-color: #c6e5fa
}
.mode-selector .mode-selector-radio-input,
.touch .mode-selector .mode-selector-radio-input {
margin: 0;
vertical-align: middle;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.mode-selector-radio-label {
margin-left: 10px;
line-height: 1.231em;
z-index: 5
}
.mode-selector-radio-label [class*=" icon-md-"],
.mode-selector-radio-label [class^=icon-md-] {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 10px
}
.icon-md-desktop {
background-image: url(../icons/32/plesk/desktop8011.png?17.0)
}
.icon-md-cloud {
background-image: url(../icons/32/plesk/cloud8011.png?17.0)
}
@media (min-width: 768px) {
.mode-selector {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.field-value .mode-selector:after {
left: -215px
}
.mode-selector-item {
width: auto;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
margin: 0 5px 0 0
}
.mode-selector-radio {
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
max-width: 290px
}
.mode-selector-radio.checked:after {
display: block;
position: absolute;
pointer-events: none;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
height: 20px;
box-shadow: 1px 1px 0 0 #0f7faf;
background-color: #c6e5fa;
z-index: 2;
bottom: -10px;
left: 50%;
margin: 0 0 0 -10px
}
}
.form-flow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.form-flow-item {
position: relative;
width: 100%;
padding-bottom: 64px;
margin-bottom: 12px;
-webkit-animation: fade .3s ease-in-out;
animation: fade .3s ease-in-out
}
.form-flow-item:after {
display: block;
position: absolute;
content: "";
bottom: 0;
left: 50%;
margin-left: -24px;
width: 48px;
height: 48px;
background: url(../images/form-flow-arrow8011.png?17.0) 0 50% no-repeat;
background-size: contain;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.form-flow-item:last-child {
padding-bottom: 0
}
.form-flow-item:last-child:after {
display: none
}
.form-flow-item-image {
margin-bottom: 6px
}
.form-flow-item-name {
font-weight: 600;
margin-bottom: 4px
}
.form-flow-item-image,
.form-flow-item-name {
text-align: center
}
.form-flow-item .form-row .field-name {
float: none;
width: auto;
margin: 0;
font-weight: 400
}
.form-flow-item .form-row .field-value {
float: none;
margin-left: 0
}
.form-flow-item .form-row .input-text,
.form-flow-item .form-row input[type=text] {
margin: 4px 0
}
.form-flow-item-image img {
max-width: 96px
}
.form-flow-item-content {
word-wrap: break-word;
overflow-wrap: break-word;
padding: 20px;
border-top: 1px solid #ddd;
background: rgba(0, 0, 0, .02)
}
@media (min-width: 768px) {
.form-flow-item:after {
left: 24px;
margin-left: 0
}
.form-flow-item-image,
.form-flow-item-name {
text-align: left
}
.form-flow-item-content {
border-top: 0;
padding: 0;
background: 0 0
}
}
@media (min-width: 1026px) {
.form-flow {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-flow-item {
width: auto;
padding: 0 97px 0 0;
margin-right: 49px
}
.form-flow-item:after {
top: 0;
right: 0;
bottom: auto;
left: auto;
margin-top: 74px;
margin-left: 0;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.form-flow-item:last-child {
padding: 0;
margin-right: 0
}
.form-flow-item-image,
.form-flow-item-name {
text-align: left
}
.form-flow-item-content {
max-width: 320px;
padding: 0;
background: 0 0
}
}
.tree {
display: inline-block;
min-width: 100%;
vertical-align: top
}
.tree-container {
margin: 0;
padding: 0;
list-style: none
}
.tree-container .tree-container {
padding-left: 19px
}
.tree-item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 6px;
height: 16px;
line-height: 16px;
white-space: nowrap
}
.tree-item {
-webkit-animation: fade .3s ease-in-out;
animation: fade .3s ease-in-out
}
.tree-item a,
.tree-item a:hover {
color: #000;
text-decoration: none
}
.tree-item img {
width: 16px;
margin: 0 3px 0 0;
vertical-align: top
}
.tree-item b {
margin-left: 2px;
font-weight: 400
}
.tree-item-content,
.tree-item-state {
position: relative
}
.tree-item-select {
position: absolute;
left: 0;
width: 100%;
height: 28px;
margin: -6px 0 0;
cursor: pointer
}
.tree-item-select.tree-item-hover {
background: #e0f2fa
}
.tree-item-row-active .tree-item-select {
background: #c9e8f5
}
.tree-item-row-active b {
color: #0877bf
}
.login-mobile-application-promotion {
margin: -20px 0 30px;
padding: 20px;
background: #fff
}
.login-mobile-application-promotion .media__figure>img {
width: 56px
}
.login-mobile-application-promotion .media__heading {
margin: 0 0 5px;
font-size: 18px;
font-weight: 300;
line-height: 22px
}
.login-mobile-application-promotion-actions {
margin: 7px -5px 0 0;
text-align: center
}
.login-mobile-application-promotion-actions .btn {
margin-top: 8px
}
.frame-panel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
min-height: 62px
}
.frame-panel__sidebar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
overflow: auto;
box-sizing: border-box;
height: 100%;
width: 240px;
border: solid #bbb;
border-width: 0 1px 0 0;
background-color: #ecf5f9;
-webkit-transition: width .2s linear;
transition: width .2s linear
}
.frame-panel__sidebar-body {
box-sizing: border-box;
height: 100%;
-webkit-transition: margin .2s linear;
transition: margin .2s linear
}
.frame-panel--sidebar-hidden>.frame-panel__sidebar {
overflow: hidden;
width: 0
}
.frame-panel--sidebar-hidden>.frame-panel__sidebar>.frame-panel__sidebar-body {
margin-left: -240px
}
.frame-panel__content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: auto;
box-sizing: border-box;
height: 100%;
padding-left: 16px
}
.frame-panel__splitter {
position: relative;
width: 0;
cursor: pointer
}
.frame-panel__splitter-control {
position: absolute;
top: 50%;
border-radius: 5px 0 0 5px;
margin: -31px 0 0 -6px;
width: 6px;
height: 62px;
opacity: 1;
background: #1e96c9
}
.frame-panel__splitter-control:before {
content: '';
position: absolute;
top: 50%;
right: 1px;
width: 0;
height: 0;
margin-top: -4px;
border-style: solid;
border-width: 4px 4px 4px 0;
border-color: transparent #fff
}
.frame-panel--sidebar-hidden .frame-panel__splitter-control {
border-radius: 0 5px 5px 0;
margin-left: 0
}
.frame-panel--sidebar-hidden .frame-panel__splitter-control:before {
right: auto;
left: 1px;
border-width: 4px 0 4px 4px
}
.frame-panel--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.frame-panel--vertical .frame-panel__sidebar {
height: auto;
max-height: 600px;
width: 100%;
border-width: 0 0 1px 0;
-webkit-transition: max-height .2s linear;
transition: max-height .2s linear
}
.frame-panel--vertical.frame-panel--sidebar-hidden>.frame-panel__sidebar {
width: 100%;
max-height: 0
}
.frame-panel--vertical.frame-panel--sidebar-hidden>.frame-panel__sidebar>.frame-panel__sidebar-body {
margin-left: 0
}
.frame-panel--vertical .frame-panel__content {
height: auto;
padding-top: 16px;
overflow: visible;
padding-left: 0
}
.frame-panel--vertical .frame-panel__content>.flex-container>.flex-item.is-scrollable {
overflow: visible
}
.frame-panel--vertical .frame-panel__splitter {
width: 100%;
height: 0
}
.frame-panel--vertical .frame-panel__splitter-control {
top: 100%;
left: 50%;
border-radius: 5px 5px 0 0;
margin: -6px 0 0 -31px;
width: 62px;
height: 6px
}
.frame-panel--vertical .frame-panel__splitter-control:before {
top: auto;
right: auto;
left: 50%;
bottom: 1px;
margin-top: 0;
margin-left: -4px;
border-width: 0 4px 4px 4px;
border-color: #fff transparent
}
.frame-panel--vertical.frame-panel--sidebar-hidden .frame-panel__splitter-control {
border-radius: 0 0 5px 5px;
margin: 0 0 0 -31px
}
.frame-panel--vertical.frame-panel--sidebar-hidden .frame-panel__splitter-control:before {
top: 1px;
bottom: auto;
left: 50%;
border-width: 4px 4px 0 4px
}
.frame-panel--vertical .flex-container--column>.flex-item--fill {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.sidebar-nav {
padding: 0 10px
}
.sidebar-nav__list {
margin: 0;
padding: 0;
list-style: none
}
.sidebar-nav__item {
padding: 6px 0
}
.sidebar-nav__item:not(:first-child) {
border-top: 1px solid #ddd
}
.sidebar-nav__link {
display: block;
padding: 5px 10px
}
.sidebar-nav__link,
.sidebar-nav__link:hover {
color: #000;
text-decoration: none
}
.sidebar-nav__link:hover {
background-color: rgba(30, 150, 201, .1)
}
.sidebar-nav__item.selected .sidebar-nav__link,
.sidebar-nav__item.selected .sidebar-nav__link:hover {
background-color: rgba(30, 150, 201, .3)
}
.sidebar-nav__item.selected .sidebar-nav__link:hover .sidebar-nav__title-text,
.sidebar-nav__title-text {
margin-right: 5px;
color: #2498e3;
text-decoration: none
}
.sidebar-nav__link:hover .sidebar-nav__title-text {
color: #188dd9;
text-decoration: underline
}
.category__title {
border-bottom: 1px solid #ddd;
padding-bottom: 2px;
font-size: 16px;
font-weight: 400;
line-height: 1.4
}
.category__title-link {
cursor: pointer;
color: #444;
text-decoration: none
}
.category__title-link:hover {
color: rgba(0, 0, 0, .7);
text-decoration: none
}
.category__list {
margin: 0;
padding: 0;
list-style: none
}
.category__bottom,
.category__list-item:not(:first-child) {
margin-top: 5px
}
.grid--gutters {
margin: 0 0 0 -32px
}
.grid--gutters .grid-col {
padding: 0 0 32px 32px
}
.is-scrollable {
overflow: auto
}
.frame-panel__content-sidebar {
width: 200px
}
.frame-panel__content-sidebar .panel {
margin-top: 5px
}
.frame-panel__content .toolbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 16px
}
.frame-panel--vertical .cid-categories-container.p-left--medium {
padding-left: 0
}
.frame-panel--vertical .cid-categories-container.p-right--x-large {
padding-right: 0
}
.text-body--default {
font-size: 13px
}
.text-body--xxx-small {
font-size: 9px
}
.text-body--x-small {
font-size: 11px
}
.text-body--small {
font-size: 12px
}
.text-heading--x-small {
font-size: 16px;
line-height: 1.4
}
.text-heading--xx-small {
font-size: 15px;
line-height: 1.4;
font-weight: 600
}
.line-height--reset {
line-height: 1
}
.text-color--default {
color: #000
}
.text-color--muted {
color: #787878
}
.text-color--muted-light {
color: #a9a9a9
}
.text-color--muted-dark {
color: #666
}
.flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box
}
.flex-container--column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box
}
.flex-container--full {
height: 100%
}
.flex-item {
box-sizing: inherit
}
.flex-item--fill {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.flex--wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p-top--medium {
padding-top: 16px
}
.p-right--medium {
padding-right: 16px
}
.p-bottom--medium {
padding-bottom: 16px
}
.p-left--medium {
padding-left: 16px
}
.p-top--x-large {
padding-top: 32px
}
.p-right--x-large {
padding-right: 32px
}
.p-bottom--x-large {
padding-bottom: 32px
}
.p-left--x-large {
padding-left: 32px
}
.table {
width: 100%;
max-width: 100%;
background-color: #fff
}
.table td,
.table th {
padding: 6px 8px;
vertical-align: top;
border-top: 1px solid #d6d6d6
}
.table th {
font-weight: 400;
text-align: left
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #d6d6d6
}
.table tbody+tbody {
border-top: 2px solid #d6d6d6
}
.table tr:first-child>td,
.table tr:first-child>th {
border-top: 0
}
.table .cell-nowrap {
white-space: nowrap
}
.table .cell-shrink {
width: 1%
}
.table tbody tr.is-selected>td,
.table tbody tr.is-selected>th {
background-color: #ffdfba
}
.table tbody tr:hover>td,
.table tbody tr:hover>th {
box-shadow: #d8dde6 0 -1px 0 inset, #d8dde6 0 1px 0 inset
}
.table tbody tr:not(.is-selected):hover>td,
.table tbody tr:not(.is-selected):hover>th {
background-color: #ecf5f9
}
.table .is-sortable {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.table .is-sorted .th__action:after {
position: absolute;
display: inline-block;
margin: 1px 0 0 2px;
font-family: Consolas, monospace;
color: #999
}
.table .is-sorted:hover .th__action:after {
color: #000
}
.table .is-sorted--up .th__action:after {
content: "\2191"
}
.table .is-sorted--down .th__action:after {
content: "\2193"
}
.nps-survey__container {
max-width: 600px
}
.nps-survey__container--block {
padding: 12px;
background: #fff
}
.nps-survey__scores {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -4px
}
.nps-survey__score {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
padding: 4px;
cursor: pointer
}
.nps-survey__score>input[type=radio] {
width: 1px;
height: 1px;
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute
}
.nps-survey__score-label {
display: block;
width: 38px;
height: 38px;
border-radius: 50%;
background: url(../images/nps-survey-emoji.svg) no-repeat;
background-size: 538px 89px;
-webkit-transition: box-shadow .3s;
transition: box-shadow .3s
}
.nps-survey__score--0 .nps-survey__score-label {
background-position: 0 0
}
.nps-survey__score--0 .nps-survey__score-label:hover,
.nps-survey__score--0>input[type=radio]:checked~.nps-survey__score-label {
background-position: 0 -51px
}
.nps-survey__score--1 .nps-survey__score-label {
background-position: -50px 0
}
.nps-survey__score--1 .nps-survey__score-label:hover,
.nps-survey__score--1>input[type=radio]:checked~.nps-survey__score-label {
background-position: -50px -51px
}
.nps-survey__score--2 .nps-survey__score-label {
background-position: -100px 0
}
.nps-survey__score--2 .nps-survey__score-label:hover,
.nps-survey__score--2>input[type=radio]:checked~.nps-survey__score-label {
background-position: -100px -51px
}
.nps-survey__score--3 .nps-survey__score-label {
background-position: -150px 0
}
.nps-survey__score--3 .nps-survey__score-label:hover,
.nps-survey__score--3>input[type=radio]:checked~.nps-survey__score-label {
background-position: -150px -51px
}
.nps-survey__score--4 .nps-survey__score-label {
background-position: -200px 0
}
.nps-survey__score--4 .nps-survey__score-label:hover,
.nps-survey__score--4>input[type=radio]:checked~.nps-survey__score-label {
background-position: -200px -51px
}
.nps-survey__score--5 .nps-survey__score-label {
background-position: -250px 0
}
.nps-survey__score--5 .nps-survey__score-label:hover,
.nps-survey__score--5>input[type=radio]:checked~.nps-survey__score-label {
background-position: -250px -51px
}
.nps-survey__score--6 .nps-survey__score-label {
background-position: -300px 0
}
.nps-survey__score--6 .nps-survey__score-label:hover,
.nps-survey__score--6>input[type=radio]:checked~.nps-survey__score-label {
background-position: -300px -51px
}
.nps-survey__score--7 .nps-survey__score-label {
background-position: -350px 0
}
.nps-survey__score--7 .nps-survey__score-label:hover,
.nps-survey__score--7>input[type=radio]:checked~.nps-survey__score-label {
background-position: -350px -51px
}
.nps-survey__score--8 .nps-survey__score-label {
background-position: -400px 0
}
.nps-survey__score--8 .nps-survey__score-label:hover,
.nps-survey__score--8>input[type=radio]:checked~.nps-survey__score-label {
background-position: -400px -51px
}
.nps-survey__score--9 .nps-survey__score-label {
background-position: -450px 0
}
.nps-survey__score--9 .nps-survey__score-label:hover,
.nps-survey__score--9>input[type=radio]:checked~.nps-survey__score-label {
background-position: -450px -51px
}
.nps-survey__score--10 .nps-survey__score-label {
background-position: -500px 0
}
.nps-survey__score--10 .nps-survey__score-label:hover,
.nps-survey__score--10>input[type=radio]:checked~.nps-survey__score-label {
background-position: -500px -51px
}
.nps-survey__score--11 .nps-survey__score-label {
background-position: -550px 0
}
.nps-survey__score--11 .nps-survey__score-label:hover,
.nps-survey__score--11>input[type=radio]:checked~.nps-survey__score-label {
background-position: -550px -51px
}
.nps-survey__score>input[type=radio]:checked~.nps-survey__score-label {
box-shadow: inset 0 0 0 .6px #ffaba5, 0 0 0 4px #ffaba5
}
.nps-survey__score--7>input[type=radio]:checked~.nps-survey__score-label,
.nps-survey__score--8>input[type=radio]:checked~.nps-survey__score-label {
box-shadow: inset 0 0 0 .6px #ffe092, 0 0 0 4px #ffe092
}
.nps-survey__score--10>input[type=radio]:checked~.nps-survey__score-label,
.nps-survey__score--9>input[type=radio]:checked~.nps-survey__score-label {
box-shadow: inset 0 0 0 .6px #d3f86b, 0 0 0 4px #d3f86b
}
.nps-survey__legend {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 6px;
font-size: 12px
}
.user-rating {
position: relative;
display: inline-block;
overflow: hidden
}
.user-rating__rates>input {
-webkit-appearance: none;
position: absolute;
width: inherit;
height: inherit;
opacity: 0;
left: 0;
top: 0;
z-index: -1
}
.user-rating__rates>input:checked~.user-rating__indicator,
.user-rating__rates>input:focus~.user-rating__indicator,
.user-rating__rates>input:hover~.user-rating__indicator {
background-position: 50% -55px
}
.user-rating__rates>input.checked~.user-rating__indicator {
-webkit-animation: scale-12 .5s;
animation: scale-12 .5s
}
.user-rating__indicator {
position: relative;
display: inline-block;
float: right;
box-sizing: content-box;
width: 36px;
height: 32px;
cursor: pointer;
background: url(../images/rating.svg) 50% 2px no-repeat;
background-size: 32px auto;
text-indent: -9999px
}
.user-rating--static {
width: 70px;
height: 12px;
margin-top: 4px;
vertical-align: -2px
}
.user-rating--static .user-rating__rates,
.user-rating--static:not(.user-rating--static-total) {
background: url(../images/rating.svg) repeat-x;
background-size: 14px auto;
background-position: 0 0
}
.user-rating--static .user-rating__rates {
float: left;
height: 12px;
background-position: 0 -25px
}
.user-rating--static .user-rating__rates[data-rate="5"] {
width: 100%
}
.user-rating--static .user-rating__rates[data-rate="4"] {
width: 80%
}
.user-rating--static .user-rating__rates[data-rate="3"] {
width: 60%
}
.user-rating--static .user-rating__rates[data-rate="2"] {
width: 40%
}
.user-rating--static .user-rating__rates[data-rate="1"] {
width: 20%
}
.user-rating--static-total .user-rating__rates {
float: right;
background-position: 100% -50px
}
.user-rating--small.user-rating--static {
width: 50px;
height: 10px
}
.user-rating--small.user-rating--static .user-rating__rates,
.user-rating--small.user-rating--static:not(.user-rating--static-total) {
background-size: 10px auto
}
.user-rating--small.user-rating--static .user-rating__rates {
height: 10px;
background-position: 0 -18px
}
.user-rating--small.user-rating--static-total .user-rating__rates {
background-position: 100% -36px
}
@-webkit-keyframes rate {
from {
opacity: 0;
-webkit-transform: scale(1.5) rotate(90deg);
transform: scale(1.5) rotate(90deg)
}
to {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes rate {
from {
opacity: 0;
-webkit-transform: scale(1.5) rotate(90deg);
transform: scale(1.5) rotate(90deg)
}
to {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
.switch {
cursor: pointer;
position: relative;
display: inline-block;
height: 26px
}
.switch>label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.switch>.switch__label {
display: inline-block;
margin-right: 5px;
vertical-align: middle
}
.switch>.switch__indicator {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
position: relative;
height: 26px;
width: 56px;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 20px;
text-align: center;
background: #dedede;
border: 2px solid #dedede;
text-transform: uppercase;
border-radius: 2px;
vertical-align: middle;
-webkit-transition: .3s ease-out;
transition: .3s ease-out
}
.switch>.switch__indicator:before {
content: attr(data-off);
position: absolute;
top: 1px;
right: 1px;
width: 30px
}
.switch>.switch__indicator:after {
content: "";
display: block;
width: 18px;
height: 18px;
margin: 2px;
background: #fff;
border-radius: 1px;
box-shadow: 0 2px 1px rgba(0, 0, 0, .2)
}
.switch>input {
-webkit-appearance: none;
position: absolute;
width: inherit;
height: inherit;
opacity: 0;
left: 0;
top: 0;
z-index: -1
}
.switch>input:focus {
outline: 0
}
.switch>input:focus+.switch__indicator {
border-color: #d1d1d1;
background: #d1d1d1
}
.switch>input:checked+.switch__indicator {
border-color: #81ca0d;
background: #81ca0d;
padding-left: 30px
}
.switch>input:checked+.switch__indicator:before {
content: attr(data-on);
left: 1px
}
.switch>input:checked:focus+.switch__indicator {
border-color: #72b20b;
background: #72b20b
}
.switch--round>.switch__indicator {
border-radius: 13px
}
.switch--round>.switch__indicator:after {
width: 18px;
height: 18px;
margin: 2px;
border-radius: 50%
}
.switch--round>.switch__indicator {
border-radius: 13px
}
.switch--round>.switch__indicator:after {
border-radius: 50%
}
.switch:not(.switch--text)>.switch__indicator:before {
content: none
}
.switch:not(.switch--text)>input:checked+.switch__indicator:before {
content: '';
position: absolute;
top: 2px;
left: 10px;
height: 11px;
width: 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
border-radius: 0;
background-color: transparent;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.switch:not(.switch--text).switch--round>input:checked+.switch__indicator:before {
left: 12px
}
.objects-toolbar>.switch {
float: left;
margin: 1px 1px 10px 0
}
.toast-container {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
padding: 25px 10px 15px;
pointer-events: none;
-webkit-transition: padding .3s ease-in-out;
transition: padding .3s ease-in-out
}
@media (min-width: 768px) {
.toast-container {
padding-left: 230px
}
.page-sidebar-closed .toast-container,
.page-sidebar-hidden .toast-container {
padding-left: 10px
}
}
.toast-container>span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.toast-container--top {
top: 0
}
.toast {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
margin: 5px auto 0;
padding: 10px;
box-shadow: 0 0 0 1px rgba(16, 22, 26, .1), 0 2px 4px rgba(16, 22, 26, .2), 0 8px 24px rgba(16, 22, 26, .2);
background-color: #dadada;
min-width: 300px;
max-width: 680px;
width: 100%;
pointer-events: all
}
.toast:focus {
outline: 0
}
.toast--info {
background-color: #c6e5fa
}
.toast--success {
background-color: #bcdf94
}
.toast--warning {
background-color: #fdd896
}
.toast--danger {
background-color: #f4b3b3
}
.toast__action,
.toast__icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.toast__icon {
line-height: 1;
padding: 1px 6px 1px 0
}
.toast__content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.toast--enter,
.toast--enter~.toast {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px)
}
.toast--enter-active,
.toast--enter-active~.toast {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .3s cubic-bezier(.54, 1.12, .38, 1.11);
transition: -webkit-transform .3s cubic-bezier(.54, 1.12, .38, 1.11);
transition: transform .3s cubic-bezier(.54, 1.12, .38, 1.11);
transition: transform .3s cubic-bezier(.54, 1.12, .38, 1.11), -webkit-transform .3s cubic-bezier(.54, 1.12, .38, 1.11)
}
.toast--leave {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0)
}
.toast--leave-active {
opacity: 0;
-webkit-filter: blur(10px);
filter: blur(10px);
-webkit-transition: opacity .3s cubic-bezier(.4, 1, .75, .9), -webkit-filter .3s cubic-bezier(.4, 1, .75, .9);
transition: opacity .3s cubic-bezier(.4, 1, .75, .9), -webkit-filter .3s cubic-bezier(.4, 1, .75, .9);
transition: opacity .3s cubic-bezier(.4, 1, .75, .9), filter .3s cubic-bezier(.4, 1, .75, .9);
transition: opacity .3s cubic-bezier(.4, 1, .75, .9), filter .3s cubic-bezier(.4, 1, .75, .9), -webkit-filter .3s cubic-bezier(.4, 1, .75, .9)
}
.toast--leave~.toast {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.toast--leave-active~.toast {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transition: -webkit-transform .1s cubic-bezier(.4, 1, .75, .9) 50ms;
transition: -webkit-transform .1s cubic-bezier(.4, 1, .75, .9) 50ms;
transition: transform .1s cubic-bezier(.4, 1, .75, .9) 50ms;
transition: transform .1s cubic-bezier(.4, 1, .75, .9) 50ms, -webkit-transform .1s cubic-bezier(.4, 1, .75, .9) 50ms
}
.toast .close {
display: inline-block;
height: 16px;
width: 16px;
line-height: 16px;
margin: -1px -5px -1px 3px;
padding: 2px;
border-radius: 3px;
text-align: center;
cursor: pointer
}
.toast .close:hover {
background-color: rgba(255, 255, 255, .3)
}
.toast .close:before {
content: "\2715";
font-weight: 700;
font-size: 13px
}
.t-collapsible {
margin: 5px 0 0;
table-layout: fixed
}
.t-collapsible td,
.t-collapsible th {
padding: 6px 5px;
text-align: left;
vertical-align: top;
font-weight: 400
}
.t-collapsible thead th {
padding-top: 10px;
border-top: 1px solid #ddd
}
.t-collapsible:first-child thead th {
padding-top: 0;
border-top: 0
}
.t-collapsible th.t-collapsible-name {
width: 190px;
padding-left: 0;
font-weight: 700
}
.t-collapsible .t-collapsible-name {
width: 170px;
padding-left: 20px
}
.t-collapsible .t-collapsible-anchor {
display: block;
padding-left: 20px;
cursor: pointer;
background: 0 -98px no-repeat;
background-image: url(../images/expand-collapse8011.png?17.0);
background-size: 14px 114px
}
.t-collapsible .t-collapsible-anchor::-moz-selection {
background: 0 0
}
.t-collapsible .t-collapsible-anchor::selection {
background: 0 0
}
.t-collapsible-collapsed .t-collapsible-anchor {
background-position: 0 2px
}
.t-collapsible img {
width: 16px;
height: 16px;
vertical-align: middle
}
.t-collapsible .t-collapsible-content-collapsed,
.t-collapsible-collapsed tbody {
display: none
}
.t-collapsible .b-visual-data-container {
width: 590px;
margin-left: 37px
}
.t-collapsible .b-visual-data-image {
position: relative;
min-height: 296px
}
.t-collapsible .b-visual-data-image img {
width: auto;
height: auto
}
.t-collapsible .b-visual-data-selection {
padding: 5px 10px;
text-align: right;
background: #ddd
}
.t-collapsible .b-visual-data-loading {
padding: 136px 0 0;
text-align: center
}
.t-collapsible .state-error,
.t-collapsible .state-ok,
.t-collapsible .state-warning {
margin-right: 5px
}
.objects-management-box {
position: relative;
padding-left: 240px
}
.objects-management-box-collapsible .frame-switcher {
position: absolute;
z-index: 1;
width: 0;
height: 100%;
margin-left: -1px;
cursor: pointer;
border-right: 1px solid #bbb
}
.objects-management-box-collapsible .frame-switcher-wrap {
position: absolute;
top: 50%;
border-radius: 5px 0 0 5px;
margin: -31px 0 0 -5px;
width: 6px;
height: 62px;
opacity: 1;
background: #1e96c9
}
.objects-management-box-collapsible .frame-switcher-wrap>span {
position: absolute;
top: 50%;
right: 1px;
display: inline-block;
width: 0;
height: 0;
margin-top: -4px;
border-style: solid;
border-width: 4px 4px 4px 0;
border-color: transparent #fff
}
.objects-management-box-collapsible .frame-switcher:hover .frame-switcher-wrap {
opacity: 1
}
.fm-hidden-tree .frame-switcher,
.objects-management-box-collapsed .frame-switcher {
border-radius: 5px 0 0 5px
}
.fm-hidden-tree .frame-switcher-wrap,
.objects-management-box-collapsed .frame-switcher-wrap {
border-radius: 0 5px 5px 0;
margin-left: 0
}
.fm-hidden-tree .frame-switcher-wrap>span,
.objects-management-box-collapsed .frame-switcher-wrap>span {
right: auto;
left: 1px;
border-width: 4px 0 4px 4px
}
.objects-management-box-collapsible {
-webkit-transition: padding .2s linear;
transition: padding .2s linear
}
.objects-management-box-collapsible .objects-list {
-webkit-transition: all .2s linear;
transition: all .2s linear
}
.objects-management-box-collapsible.fm-hidden-tree,
.objects-management-box-collapsible.objects-management-box-collapsed {
padding-left: 1px
}
.objects-management-box-collapsible.fm-hidden-tree .objects-list,
.objects-management-box-collapsible.objects-management-box-collapsed .objects-list {
margin-left: -1px;
width: 0;
overflow: hidden
}
.objects-management-box-collapsible.fm-hidden-tree .objects-list .objects-content,
.objects-management-box-collapsible.fm-hidden-tree .objects-list .objects-content-area,
.objects-management-box-collapsible.objects-management-box-collapsed .objects-list .objects-content,
.objects-management-box-collapsible.objects-management-box-collapsed .objects-list .objects-content-area {
overflow: hidden
}
.objects-management-box-collapsible.fm-hidden-tree,
.objects-management-box-collapsible.fm-hidden-tree .objects-list {
-webkit-transition: none;
transition: none
}
.fm {
padding-left: 215px
}
.fm .objects-list {
width: 215px;
margin-left: -215px
}
.objects-list {
display: inline;
float: left;
box-sizing: border-box;
width: 240px;
margin: 0 0 0 -240px;
border-right: 1px solid #bbb;
background: #ecf5f9
}
.objects-list .objects-content,
.objects-list .objects-content-area {
position: relative;
overflow: auto
}
.objects-list .top-action {
padding: 6px 10px 0;
text-align: center
}
.objects-list .top-action>a {
display: block;
padding: 6px 8px;
font-weight: 700;
color: #fff;
text-decoration: none;
background: #0f7faf
}
.objects-list .top-action>a i {
font-style: normal
}
.objects-list .top-action>a span i {
display: none
}
.objects-list .top-action>a:hover {
background: #1e96c9;
text-decoration: none
}
.objects-list hr {
margin: 6px 0
}
.objects-list .hint-help {
position: absolute;
right: 10px;
bottom: 10px;
left: 10px;
padding: 10px 10px 10px 5px;
background-color: rgba(30, 150, 201, .15)
}
.objects-list .hint-help .content {
padding-left: 22px;
background: 0 0 no-repeat;
background-image: url(../icons/16/plesk/note8011.png?17.0);
background-size: 16px
}
.objects-list .hint-help p {
margin-bottom: 5px
}
.objects-nav-container {
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 0 10px
}
.objects-nav {
margin: 6px 0
}
.objects-nav-title {
padding: 6px 10px
}
.objects-nav-list {
margin: 0;
padding: 0;
list-style: none
}
.objects-nav-item:hover {
background-color: rgba(30, 150, 201, .1)
}
.objects-nav-item-active,
.objects-nav-item-active:hover {
background: rgba(30, 150, 201, .3)
}
.objects-nav-block {
position: relative;
display: block;
padding: 5px 10px;
color: #000;
text-decoration: none
}
.objects-nav-block em {
font-style: normal
}
.objects-nav-block,
.objects-nav-block:hover {
color: #000;
text-decoration: none
}
.objects-nav-item .objects-nav-icon {
display: none
}
.objects-nav-item .objects-nav-icon img {
width: 16px;
height: 16px
}
.objects-nav-item ul {
margin: 0;
padding: 0 0 5px 27px
}
.objects-nav-item li {
list-style-type: disc
}
.objects-nav-info {
display: block
}
.objects-nav-count,
.objects-nav-name {
display: inline-block
}
.objects-nav-name {
vertical-align: top;
color: #2498e3
}
.objects-nav-block:hover .objects-nav-name {
color: #188dd9;
text-decoration: underline
}
.objects-nav-item-active .objects-nav-name,
.objects-nav-item-active:hover .objects-nav-name {
text-decoration: none
}
.objects-nav-item-1 .objects-nav-block {
padding-left: 25px
}
.objects-list .tree-wrap {
position: relative;
margin: 6px
}
.objects-details {
position: relative;
width: 100%
}
.objects-details .objects-toolbar,
.objects-details .pathbar {
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: top
}
.objects-details .objects-toolbar:after,
.objects-details .objects-toolbar:before,
.objects-details .pathbar:after,
.objects-details .pathbar:before {
display: none
}
.objects-details .actions-box {
width: auto;
margin: 0 0 0 16px
}
.objects-details .actions-box .search-box {
padding-bottom: 12px
}
.objects-details .objects-content {
position: relative;
overflow: auto;
padding: 0 0 0 16px
}
.objects-details .objects-content .actions-box {
margin: 0
}
.objects-details .pathbar {
margin: 0;
padding: 0 0 0 16px
}
.objects-details .pathbar ul {
width: auto;
margin: 0 10px 5px 0
}
.objects-details .objects-details-heading {
margin: 0 0 12px 16px
}
.objects-details .objects-details-heading h3 {
margin: 0;
padding: 0;
font-size: 18px;
color: #353535
}
.objects-details .objects-details-heading .toolbar {
display: inline;
float: right;
padding: 2px 0 0 5px
}
.objects-details .msg-box,
.objects-details .object-details-hint {
margin: 0 0 12px
}
.objects-details .list {
overflow: visible
}
.objects-details .objects-details-content-area>.object-details-hint,
.objects-details .objects-details-content-area>hr,
.objects-details div.ajax-loading {
margin-left: 16px
}
@media (max-width: 959px) {
.objects-management-box {
padding-left: 0
}
.objects-list {
display: block;
float: none;
width: auto;
margin: 0 0 12px;
border-right: 0
}
.fm .objects-list,
.objects-management-box-collapsible .frame-switcher,
.popup-box.pb-dir-structure {
display: none
}
.objects-details,
.objects-details .objects-content,
.objects-details .objects-content-area,
.objects-list .objects-content,
.objects-list .objects-content-area {
overflow: visible;
height: auto!important
}
.objects-list .objects-content-area {
padding-bottom: 10px!important
}
.objects-list .hint-help {
position: static;
margin: 10px 10px 0
}
}
@media (max-width: 767px) {
.objects-details .actions-box {
margin: 0 0 12px
}
.objects-details .objects-toolbar {
display: none
}
.objects-details .r-actions-active .objects-toolbar {
display: block
}
.objects-details .objects-content,
.objects-details .pathbar {
padding: 0
}
.objects-details .objects-details-content-area>.object-details-hint,
.objects-details .objects-details-content-area>hr,
.objects-details .objects-details-heading,
.objects-details div.ajax-loading {
margin-left: 0
}
}
.objects-details .aps-category-list {
margin: 0;
padding: 0;
letter-spacing: -4px
}
.objects-details .aps-category-list li {
display: inline-block;
width: 49.9%;
vertical-align: top;
letter-spacing: 0
}
.objects-details .aps-category-block {
padding: 0 10px 30px 42px
}
.objects-details .aps-category-block:before {
content: '';
display: block;
float: left;
width: 32px;
height: 32px;
margin: 0 0 0 -42px;
background: url(../icons/32/plesk/default-button8011.png?17.0) no-repeat;
background-size: 32px
}
.objects-details .ac-web .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-web8011.png?17.0)
}
.objects-details .ac-back-office .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-back-office8011.png?17.0)
}
.objects-details .ac-collaboration .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-collaboration8011.png?17.0)
}
.objects-details .ac-personal .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-personal8011.png?17.0)
}
.objects-details .ac-front-office .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-front-office8011.png?17.0)
}
.objects-details .ac-infrastructure .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-infrastructure8011.png?17.0)
}
.objects-details .ac-customization .aps-category-block:before {
background-image: url(../icons/32/plesk/aps-category-customization8011.png?17.0)
}
.objects-details .aps-category-block h4 {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 16px
}
.objects-details .aps-category-items {
line-height: 20px
}
.objects-details .aps-category-items a {
color: #353535
}
.objects-details .aps-category-items a:hover {
color: #188dd9
}
.aps-group-list,
.catalog-list {
margin: 0;
padding: 0;
list-style: none
}
.aps-group-list>li,
.catalog-list>li {
margin-right: 10px;
padding: 12px 0;
background-color: transparent
}
.aps-group-list>li+li,
.catalog-list>li+li {
border-top: 1px solid #dbdee2
}
.aps-group-list .package-block,
.catalog-item-block {
display: inline-block;
width: 100%;
vertical-align: top
}
.aps-group-list .package-icon,
.catalog-item-icon {
float: left;
margin-right: 10px;
text-align: center
}
.aps-group-list .package-icon {
min-width: 64px
}
.aps-group-list .package-icon img {
max-width: 64px
}
.catalog-item-icon {
min-width: 32px
}
.catalog-item-icon img {
max-width: 32px
}
.aps-group-list .package-actions,
.catalog-item-actions {
float: right;
margin: 0 0 0 10px
}
.aps-group-list .package-actions .btn-group,
.aps-group-list .package-actions>.btn {
float: right;
margin: 0
}
.aps-group-list .package-actions>.btn {
margin-bottom: 5px;
min-width: 92px
}
.aps-group-list .package-actions>.btn>button {
min-width: 92px
}
.aps-group-list .package-actions .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.aps-group-list .package-actions .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle)>button {
min-width: 63px
}
.catalog-item-actions .catalog-item-status,
.catalog-item-actions>.btn {
float: right;
margin: 0 0 5px;
min-width: 92px
}
.catalog-item-actions .catalog-item-status {
display: inline-block;
text-align: center
}
.aps-group-list h4,
.catalog-item-name {
overflow: hidden;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 400
}
.aps-group-list .package-description,
.catalog-item-description {
overflow: hidden
}
span.app-icon-default {
display: inline-block;
width: 64px;
height: 64px;
vertical-align: top;
background-image: url(../icons/64/plesk/app-default8011.png?17.0)
}
.aps-marketplace {
margin: 10px 0 0 -15px
}
.aps-marketplace-list {
margin: -10px 0 0;
padding: 0;
letter-spacing: -4px
}
.aps-marketplace-list>li {
display: inline-block;
width: 50%;
margin-left: -1px;
vertical-align: top;
letter-spacing: 0;
background-color: transparent
}
.aps-marketplace-list>li.odd {
border-right: 1px solid #dbdee2
}
.aps-marketplace-list>li.even {
border-left: 1px solid #dbdee2
}
.aps-marketplace-list .package-block {
margin: -1px 15px 0;
padding: 10px 0 15px;
border-top: 1px solid #dbdee2
}
.aps-marketplace-list .package-block .package-icon {
float: left;
width: 90px;
text-align: center
}
.aps-marketplace-list .package-block .package-icon img {
max-width: 80px
}
.aps-marketplace-list .package-block h4 {
margin: 0;
padding: 0
}
.aps-marketplace-list .package-info {
margin-left: 90px
}
.aps-marketplace-list .package-description {
padding: 0 10px 10px 0
}
.objects-details .aps-marketplace-details {
padding: 0 16px
}
.aps-group-list .package-block .package-actions,
.aps-marketplace-list .package-block .package-actions {
text-align: right
}
.catalog-overview-actions>.btn,
.catalog-overview-actions>.catalog-item-status {
display: inline-block;
margin: 0 0 5px;
min-width: 92px
}
.aps-marketplace-details .package-actions,
.catalog-overview .catalog-overview-actions {
float: right;
width: 200px
}
.aps-marketplace-details .package-actions .action-block,
.catalog-overview .catalog-overview-actions .action-block {
margin: 0 0 12px;
padding: 10px;
letter-spacing: 0;
border: 1px solid #dedede;
font-size: 12px;
background: #fafafa
}
.aps-marketplace-details .package-actions .sys-reqs,
.catalog-overview .catalog-overview-actions .sys-reqs {
padding-left: 20px
}
.aps-marketplace-details .package-actions .sys-reqs:before,
.catalog-overview .catalog-overview-actions .sys-reqs:before {
content: '';
float: left;
margin-left: -20px;
width: 16px;
height: 16px;
background: url(../icons/16/plesk/preferences8011.png?17.0) no-repeat;
background-size: 16px
}
.aps-marketplace-details .package-actions .sys-reqs span,
.catalog-overview .catalog-overview-actions .sys-reqs span {
display: block;
margin-bottom: 5px
}
.aps-marketplace-details .package-actions .sys-reqs ul,
.catalog-overview .catalog-overview-actions .sys-reqs ul {
margin: 0;
padding: 0
}
.aps-marketplace-details .package-actions .sys-reqs li,
.catalog-overview .catalog-overview-actions .sys-reqs li {
margin: 5px
}
.aps-marketplace-details .package-actions .more-info,
.catalog-overview .catalog-overview-actions .more-info {
padding-left: 20px
}
.aps-marketplace-details .package-actions .more-info:before,
.catalog-overview .catalog-overview-actions .more-info:before {
content: '';
float: left;
margin-left: -20px;
width: 16px;
height: 16px;
background: url(../icons/16/plesk/info8011.png?17.0) no-repeat;
background-size: 16px
}
.aps-marketplace-details .package-actions .more-info p,
.catalog-overview .catalog-overview-actions .more-info p {
margin: 0
}
.aps-marketplace-details .package-actions .more-info *+p,
.catalog-overview .catalog-overview-actions .more-info *+p {
margin-top: 10px
}
.aps-marketplace-details .package-actions *+.more-info,
.catalog-overview .catalog-overview-actions *+.more-info {
margin-top: 10px
}
.aps-marketplace-details .package-actions .action-control,
.aps-marketplace-details .package-actions .action-description,
.catalog-overview .catalog-overview-actions .action-control,
.catalog-overview .catalog-overview-actions .action-description {
text-align: center
}
.aps-marketplace-details .package-content {
margin: 0 210px 0 0
}
.aps-marketplace-details .package-info {
padding-left: 78px
}
.aps-marketplace-details .package-info .package-icon {
display: inline;
float: left;
margin: 3px 0 0 -78px
}
.aps-marketplace-details .package-info .package-icon img {
width: 64px
}
.aps-marketplace-details .package-info h3 {
margin: 0 0 5px;
padding: 0;
font-weight: 400;
font-size: 26px;
line-height: normal;
color: #353535
}
.aps-marketplace-details .package-info h3 .package-version {
display: block;
font-size: 14px;
color: #787878
}
.aps-marketplace-details .package-description {
padding: 10px 0 0
}
.aps-marketplace-details .package-screenshot {
padding: 10px 0 0;
text-align: center
}
.aps-marketplace-details .package-screenshot img {
max-width: 100%
}
.aps-marketplace-details .package-screenshot .package-img {
margin: 0 0 10px
}
.catalog-overview-content-block {
margin-top: 1.4em
}
.catalog-overview-content-block>h4 {
font-size: 20px;
line-height: 26px
}
.catalog-overview-info {
overflow: hidden;
margin: 0 0 12px;
padding-left: 46px
}
.catalog-overview-info-icon {
float: left;
margin: 3px 0 0 -46px
}
.catalog-overview-info-icon img {
width: 32px
}
.catalog-overview-info-name {
margin: 0;
font-weight: 400;
font-size: 26px;
line-height: normal;
color: #353535
}
.catalog-overview-info-vendor,
.catalog-overview-info-version {
display: block;
font-size: 14px;
line-height: 1.6em;
color: #787878
}
.catalog-overview-info-actions {
margin-top: 1em
}
.catalog-overview-info-actions .catalog-item-status {
display: inline-block;
margin-right: 10px
}
.catalog-overview-screenshots a {
display: inline-block;
margin: 0 10px 10px 0;
padding: 5px;
border: 1px solid #d6dfe3;
border-radius: 3px;
background: #fff
}
.catalog-overview-screenshots img {
width: 320px;
max-width: 100%
}
.content-cuttable-content {
max-height: -webkit-calc(1.4em * 5);
max-height: calc(1.4em * 5);
overflow: hidden
}
.content-cuttable-expand .content-cuttable-content {
max-height: none
}
.content-cuttable-collapse .content-cuttable-content {
position: relative
}
.content-cuttable-collapse .content-cuttable-content:after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 1.4em;
box-shadow: inset 0 -30px 18px -18px #fff
}
.table tr.is-selected>td .content-cuttable-collapse .content-cuttable-content:after {
box-shadow: inset 0 -30px 18px -18px #ffdfba
}
.table tr:not(.is-selected):hover>td .content-cuttable-collapse .content-cuttable-content:after {
box-shadow: inset 0 -30px 18px -18px #ecf5f9
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
line-height: 1.1;
font-size: 13px;
font-weight: 700
}
.markdown img {
max-width: 100%
}
.markdown--compact .markdown h1,
.markdown--compact .markdown h2,
.markdown--compact .markdown h3,
.markdown--compact .markdown h4,
.markdown--compact .markdown h5,
.markdown--compact .markdown h6,
.markdown--compact .markdown ol,
.markdown--compact .markdown p,
.markdown--compact .markdown ul,
.markdown--compact h1,
.markdown--compact h2,
.markdown--compact h3,
.markdown--compact h4,
.markdown--compact h5,
.markdown--compact h6,
.markdown--compact ol,
.markdown--compact p,
.markdown--compact ul {
margin: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit
}
pre.plaintext {
background: 0 0;
margin: 0;
padding: 0;
overflow-wrap: break-word;
white-space: pre-wrap;
word-wrap: break-word;
font: 400 13px/1.4 "Open Sans Tilde", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
color: #000
}
.apps-box .package-screenshot {
float: right;
margin: 2px 0 20px 20px;
text-align: center
}
.apps-box .package-screenshot img {
display: block;
width: 180px;
margin-bottom: 10px
}
.apps-box .package-content {
padding: 0 0 0 88px
}
.apps-box .package-content .package-icon {
float: left;
margin: 2px 0 0 -88px
}
.apps-box h3 {
font-size: 18px;
line-height: 18px
}
.apps-box h3 span {
font-size: 13px;
font-weight: 400;
vertical-align: top
}
.apps-box h4 {
font-size: 15px;
line-height: 18px;
font-weight: 700
}
.apps-box h4 span {
display: inline-block;
padding: 0 0 0 20px;
cursor: pointer;
background: url(../images/expand-collapse8011.png?17.0) 0 -98px no-repeat;
background-size: 14px 114px
}
.apps-box .package-block.hide h4 span {
background-position: 0 2px
}
.apps-box .package-block.hide .package-block-area {
display: none
}
.apps-box ul {
margin-left: 20px
}
.app-progress-panel {
width: 473px;
margin: 30px auto
}
.app-progress-panel .progress {
margin: 5px 0
}
.extension-overview {
padding-right: 16px
}
.extension-overview__sections {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.extension-overview__sections-group {
-webkit-box-flex: 1;
-webkit-flex: 1 1 300px;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
max-width: 600px;
padding-right: 30px
}
.extension-overview__section {
margin-top: 16px
}
.extension-overview__section--info {
border: solid #ddd;
border-width: 1px 0;
margin-top: 0;
padding-top: 16px
}
.extension-overview__section--info .alert,
.extension-overview__section--info .alert .s-btn {
margin: 0
}
.extension-overview__section--info .alert .btn {
margin-right: 5px
}
.extension-overview__section-title {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin: 0 0 12px
}
.extension-overview__section-title--info {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
margin: -3px 0 3px
}
.extension-overview__details {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.extension-overview__details-block {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box;
padding: 0 16px 16px 0;
max-width: 300px;
width: 33.3333%
}
.extension-overview__details-block:last-child {
margin-right: 0
}
.extension-overview__details-item>:last-child {
margin-bottom: 0
}
.extension-overview__details-item:not(:last-child) {
margin-bottom: 3px
}
.extension-overview__details-item--actions {
margin-top: 12px
}
.extension-overview__categories-list a {
color: #969696
}
.extension-overview__categories-list a:hover {
color: #188dd9
}
.extension-overview__section--screenshots {
-webkit-box-flex: 0;
-webkit-flex: 0 1 182px;
-ms-flex: 0 1 182px;
flex: 0 1 182px
}
.extension-overview__screenshots>a {
display: inline-block;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #d6dfe3;
border-radius: 3px;
background: #fff
}
.extension-overview__screenshots img {
width: 160px;
max-width: 100%
}
.fm-drop-area {
position: absolute;
z-index: 1000;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
text-align: center;
border: 2px dashed #1e96c9;
font-size: 18px;
background: rgba(255, 255, 255, .5)
}
.fm-drop-area .fm-drop-area-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%
}
.fm-drop-area .fm-drop-area-text {
position: relative;
top: -50%
}
.fm .objects-details .objects-content-area {
height: 100%
}
.fm .list td {
white-space: nowrap
}
@media (max-width: 767px) {
.fm .list td {
white-space: normal;
word-wrap: break-word;
word-break: break-all
}
}
.fm-scrollable {
overflow: auto;
height: 200px;
max-width: 400px;
border: 1px solid #ddd;
background: #fff
}
.popup-box .fm-scrollable,
.popup-panel .fm-scrollable {
max-width: 100%
}
.fm-scrollable .scrollable-wrap {
position: relative;
margin: 2px
}
.popup-form-vertical .fm-scrollable {
height: auto;
max-height: -webkit-calc(100vh - 320px);
max-height: calc(100vh - 320px);
min-height: 200px
}
.files-progress-upload {
margin-bottom: 12px
}
.files-progress-upload .progress {
margin-top: 5px
}
.filesharing .objects-details .objects-content {
overflow: visible
}
.filesharing .objects-details .objects-content-area {
overflow: auto
}
.type-archive,
.type-audio,
.type-binary,
.type-folder,
.type-image,
.type-my-folder,
.type-pdf,
.type-ppt,
.type-txt,
.type-unknown,
.type-video,
.type-web,
.type-word,
.type-xls {
background: 0 0 no-repeat;
background-size: 16px;
padding-left: 20px
}
.type-folder {
background-image: url(../icons/16/plesk/file-folder8011.png?17.0)
}
.type-my-folder {
background-image: url(../icons/16/plesk/file-folder-personal8011.png?17.0)
}
.type-archive {
background-image: url(../icons/16/plesk/file-arch8011.png?17.0)
}
.type-word {
background-image: url(../icons/16/plesk/file-word8011.png?17.0)
}
.type-txt {
background-image: url(../icons/16/plesk/file-txt8011.png?17.0)
}
.type-video {
background-image: url(../icons/16/plesk/file-video8011.png?17.0)
}
.type-image {
background-image: url(../icons/16/plesk/file-image8011.png?17.0)
}
.type-xls {
background-image: url(../icons/16/plesk/file-xls8011.png?17.0)
}
.type-pdf {
background-image: url(../icons/16/plesk/file-pdf8011.png?17.0)
}
.type-ppt {
background-image: url(../icons/16/plesk/file-ppt8011.png?17.0)
}
.type-binary {
background-image: url(../icons/16/plesk/file-binary8011.png?17.0)
}
.type-web {
background-image: url(../icons/16/plesk/file-html8011.png?17.0)
}
.type-audio {
background-image: url(../icons/16/plesk/file-audio8011.png?17.0)
}
.type-unknown {
background-image: url(../icons/16/plesk/file-unknown8011.png?17.0)
}
.objects-details-footer {
padding: 2px 10px;
background: #ecf5f9
}
.objects-details-footer .footer-action {
width: 1%;
text-align: right
}
.objects-details-footer .msg-protected {
display: block;
padding: 4px 0 4px 22px
}
.objects-details-footer .msg-protected:before {
content: '';
display: block;
float: left;
width: 16px;
height: 16px;
margin: 0 0 0 -22px;
background: url(../icons/16/plesk/protected8011.png?17.0) no-repeat;
background-size: 16px
}
.objects-details-footer .show-access-info {
white-space: nowrap
}
.objects-details-footer .access-info-block {
position: relative;
z-index: 10;
padding-left: 50px
}
.objects-details-footer .access-info-block .popup-box {
right: -10px;
bottom: 100%;
margin-bottom: 7px
}
.access-info td,
.access-info th {
padding-bottom: 4px;
text-align: left;
vertical-align: top
}
.access-info th {
padding-right: 8px;
font-weight: 400
}
.access-info td {
font-weight: 700
}
.objects-details .pathbar .folder-link-block {
position: relative;
z-index: 20;
float: right;
margin-top: 2px
}
.folder-link-block .folder-link {
display: block
}
.folder-link-block .folder-link img,
.folder-link-block>img {
display: block;
width: 16px;
height: 16px
}
.folder-link-block .popup-box {
top: -3px;
right: 26px
}
.folder-link-block .popup-box input {
width: 290px;
font-size: 11px
}
.select-block {
position: relative;
overflow: auto;
width: 100%;
height: 119px;
border: 1px solid #c8c8c8;
background: #fff
}
.select-block label {
display: block;
margin: 1px;
padding: 3px 6px;
white-space: nowrap
}
.select-block label.selected {
background: #c9e8f5
}
.popup-panel .path-to-folder {
padding: 5px 0;
font-weight: 700
}
.popup-panel .select-folder {
padding: 2px 0 5px;
color: #787878
}
.popup-panel .select-folder span {
display: inline-block;
padding: 0 0 0 20px;
cursor: pointer;
background: 0 -98px no-repeat;
background-image: url(../images/expand-collapse8011.png?17.0);
background-size: 14px 114px
}
.popup-panel .fs-select-block.hide .select-folder span {
background-position: 0 2px
}
.popup-panel .fs-select-block.hide .tree-box {
display: none
}
.popup-panel .two-cols-block {
padding: 0 0 10px;
font-size: 11px
}
.popup-panel .two-cols-block .first-col,
.popup-panel .two-cols-block .second-col {
width: 50%
}
.popup-panel .first-col .col-content {
padding: 0 5px 0 0
}
.popup-panel .second-col .col-content {
padding: 0 0 0 5px
}
.popup-panel .second-col .col-content .error-hint {
padding: 0 0 3px
}
.popup-panel .two-cols-block .col-heading {
padding: 0 0 5px
}
.popup-panel .second-col textarea {
overflow: auto;
width: 100%;
height: 65px;
margin: 0 0 5px;
padding: 5px
}
.popup-panel textarea.f-max-size {
height: 100px
}
.tree-box {
overflow: auto;
height: 140px
}
.tree-box .hint,
.tree-box .hint-wait {
display: inline-block;
margin: 7px 10px
}
.tree-box ul {
margin: 0;
padding: 0;
list-style: none
}
.tree-box li li {
padding-left: 17px
}
.tree-box li div {
padding: 7px 5px;
white-space: nowrap;
line-height: 16px
}
.tree-box li div span {
padding: 5px
}
.tree-box li div span span {
padding: 2px 4px;
cursor: default;
white-space: normal;
line-height: 16px
}
.tree-box li img {
margin-right: 1px;
vertical-align: top
}
.tree-box .selected span {
background: #c9e8f5
}
.explorer-block {
margin: 0 0 10px;
border: solid #d9dcde;
border-width: 1px 0
}
.explorer-block .folders-list {
float: left;
overflow: auto;
width: 200px;
height: 140px;
border-right: 1px solid #d9dcde;
background: #ecf5f9
}
.explorer-block .folders-list ul {
margin: 0;
padding: 0;
list-style: none
}
.folders-list li div {
padding: 0 10px;
cursor: default
}
.folders-list .active div {
background: #c9e8f5
}
.folders-list span {
display: block;
padding: 7px 0 7px 22px;
background: 0 7px no-repeat;
background-size: 16px
}
.folders-list .files-common span {
background-image: url(../icons/16/plesk/file-common8011.png?17.0)
}
.folders-list .files-private span {
background-image: url(../icons/16/plesk/file-private8011.png?17.0)
}
.folders-list .files-shared span {
background-image: url(../icons/16/plesk/shared8011.png?17.0)
}
.folders-list .files-external span {
background-image: url(../icons/16/plesk/file-external8011.png?17.0)
}
.folders-list .files-external li span {
padding: 3px 0 3px 22px;
color: #757575;
background: 8px 10px no-repeat;
background-image: url(../images/bullet8011.gif?17.0)
}
.folders-list .active li div,
.tree-box .selected span span {
background: 0 0
}
.star-holder,
.star-holder .star-rating {
height: 12px;
background: url(../images/stars8011.png?17.0) repeat-x;
background-size: 13px 24px
}
.star-holder {
position: relative;
width: 64px
}
.star-holder .star-rating {
float: left;
overflow: hidden;
background-position: 0 100%
}
.list td .star-holder {
margin-top: 3px
}
.licenseArea {
width: 824px;
margin: 20px auto;
font-size: 12px;
line-height: 16px
}
.licenseArea .licenseTitle {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid;
font-size: 13px;
font-weight: 700;
line-height: 16px
}
.licenseArea .licenseIndent {
margin: 0 0 0 2.5em
}
.licenseArea .licenseItemNum {
display: inline;
float: left;
margin: 0 0 0 -2.5em
}
.integration-log-data {
overflow: auto;
width: 100%;
max-height: 400px;
margin: 0 0 12px
}
.integration-log-data code {
display: block;
padding: 2px 0;
font-size: 13px
}
.crash-report-log pre {
white-space: normal;
line-height: 24px
}
.list-in-col .even,
.list-in-col .odd {
background: 0 0
}
@media (min-width: 768px) {
.bp-account-credit-balance .list-in-col .name,
.bp-invoices-balance .list-in-col .name {
width: 190px
}
.bp-account-credit-balance .b-indent,
.bp-invoices-balance .b-indent {
margin-left: -6px
}
}
.bp-invoices-balance .s-btn {
margin-top: 6px
}
.bp-invoices-unpaid .more,
.bp-latest-todos .more {
display: block
}
.bp-latest-todos .latest-todos-list {
margin: 0;
padding: 0;
list-style: none
}
.bp-latest-todos .latest-todos-list li {
overflow: hidden;
height: 18px;
padding: 0 0 5px;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 18px
}
.ext-billing-data table {
width: 100%;
margin-bottom: 12px
}
.ext-billing-data table td {
width: 210px;
padding: 5px 5px 6px 0
}
.ext-billing-data table img {
display: none
}
.ext-billing-data .HSPCPMFormBorder {
width: auto
}
.ext-billing-data .HSPCPMFolderTitleBg {
margin: 0 0 12px;
padding: 0;
font-size: 16px;
line-height: 24px;
color: #444
}
.ext-billing-data .HSPCPMFolderTitleBg .HSPCPMFolderTitle {
display: block
}
.ext-billing-data .HSPCPMFolderTitleBg .HSPCPMFolderTitle:after {
content: "";
display: block;
border-bottom: 1px solid #ddd
}
.hint,
.hint-in-input,
.hint-top,
.text-muted {
color: #787878
}
.ajax-loading,
.hint-attention,
.hint-failed,
.hint-ok,
.hint-upgrade,
.hint-wait,
.hint-warning,
.migration-status-failed,
.migration-status-stopped,
.migration-status-success,
.switch-to {
padding: 0 0 0 20px;
background: 0 0 no-repeat;
background-size: 16px
}
.hint-upgrade {
background-image: url(../icons/16/plesk/update8011.png?17.0)
}
.ajax-loading,
.hint-wait {
background-image: url(../icons/16/plesk/indicator8011.gif?17.0)
}
.hint-ok,
.migration-status-success {
background-image: url(../icons/16/plesk/ok8011.png?17.0)
}
.hint-attention,
.hint-warning,
.migration-status-stopped {
background-image: url(../icons/16/plesk/att8011.png?17.0)
}
.hint-failed,
.migration-status-failed {
background-image: url(../icons/16/plesk/warning8011.png?17.0)
}
.switch-to {
background-image: url(../icons/16/plesk/switch8011.png?17.0)
}
div.ajax-loading {
padding: 6px 0 10px 25px;
background-position: 5px 7px;
line-height: 16px
}
.tool-block .hint-attention {
padding: 0 20px 0 0;
background-position: 100% 0
}
.hint-info {
cursor: pointer
}
.hint-top {
padding: 12px 0
}
.tooltipData {
display: none!important;
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.checkbox-disabled-wrapper {
position: absolute;
z-index: 2;
width: 13px;
height: 13px
}
.content-blocker {
position: absolute;
z-index: 1000;
opacity: .4;
background: #fff
}
.content-dimmer {
position: relative
}
.content-dimmer:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .5);
vertical-align: middle;
-webkit-transition: background-color .5s linear;
transition: background-color .5s linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1000
}
.owned-subscription {
display: block;
min-height: 14px;
padding: 0 0 2px;
line-height: 14px
}
.state-bg-error,
.state-bg-warning {
padding: 3px 10px;
font-weight: 700
}
.state-bg-warning {
color: #e29a00;
background: #ffef82
}
.state-bg-error {
color: #cf2121;
background: #f0acb0
}
.state-warning {
color: #e29a00!important
}
.state-error {
color: #c80000!important
}
.list .status-overused .hint-info,
.status-overused {
color: #c00;
font-weight: 700
}
.list .status-overused .hint-info a,
.status-overused a {
font-weight: 400
}
.status-overused a {
font-weight: 400
}
.input-highlighted,
input.input-highlighted,
select.input-highlighted,
textarea.input-highlighted {
background: #fcf0bf
}
.highlighted,
.highlighted-simple {
font-size: 14px;
font-weight: 700
}
.highlighted {
color: #c00
}
.b-indent,
.b-indent-x2 {
display: block;
overflow: hidden;
min-height: 16px;
padding: 0 0 0 22px
}
.b-indent-x2 {
padding: 0 0 0 44px
}
.b-indent-icon {
margin: 0 3px 0 0
}
img.b-indent-icon {
width: 16px;
height: 16px
}
.b-indent .b-indent-icon {
float: left;
margin: 0 0 0 -22px
}
.b-indent-x2 .b-indent-icon {
float: left;
margin: 0 0 -2px -44px
}
.b-indent .b-indent-icon img,
.b-indent-x2 .b-indent-icon img {
float: left;
width: 16px;
height: 16px;
margin: 0 5px 0 0
}
.b-indent-flip {
padding-left: 0;
padding-right: 22px
}
.b-indent-flip .b-indent-icon {
float: right;
margin-left: 0;
margin-right: -22px
}
.b-subitem,
.hint-sub {
margin-top: 5px
}
.indent-box {
position: relative;
padding-left: 18px
}
.touch .indent-box {
padding-left: 27px
}
.touch .indent-box>input[type=checkbox],
.touch .indent-box>input[type=radio] {
margin-left: -27px
}
.indent-box+.indent-box,
.indent-box-content>.indent-box {
margin-top: 4px
}
.touch .indent-box+.indent-box,
.touch .indent-box-content>.indent-box {
margin-top: 8px
}
.indent-box>input.checkbox,
.indent-box>input.radio,
.indent-box>input.radiobox {
display: inline;
float: left;
margin: 3px 0 0 -18px
}
.indent-box .indent-box-content {
padding: 0 0 4px
}
.indent-box .hint {
margin-top: 3px
}
.indent-box-thumb {
margin-left: 215px;
padding: 0
}
.indent-box-thumb .thumb-img {
float: left;
width: 200px;
margin: 7px 15px 0 -215px;
padding: 0 0 8px
}
.indent-box-thumb:after,
.indent-box-thumb:before {
display: table;
content: ""
}
.indent-box-thumb:after {
clear: both
}
.indent-box-unlimited {
display: inline-block;
white-space: nowrap;
margin-left: 20px
}
.popup-panel .indent-box-unlimited {
display: block;
margin-left: 0
}
.indent-box-unlimited input.checkbox {
float: none;
margin: 2px 2px 5px 0
}
.scrollingBox {
overflow: auto;
overflow-x: hidden;
width: 100%
}
table.scrollingBoxBorder {
border: 1px solid #787878;
background-color: #fff
}
td.subTd a {
padding-left: 20px
}
.specific {
font-weight: 700
}
.reportTools,
.reportTools img,
.reportTools input,
.reportTools select {
vertical-align: middle
}
.reportSection {
margin: 10px 0;
padding-top: 5px;
border-top: 1px solid #ccc
}
.reportIndex {
margin: 15px 0
}
#fldset-mailInfo td,
#fldset-mailInfo td a,
#fldset-mailInfo td img {
vertical-align: middle
}
#fldset-mailInfo td img {
margin-right: 3px
}
#fldset-mailInfo td {
width: 25%
}
#fldset-admin_info {
float: left;
width: 405px;
margin-right: 12px
}
#fldset-admin_info .screenButtons {
width: 333px
}
#fldset-power .screenButtons {
width: 222px
}
#login .screenButtons {
width: auto
}
.off-state img,
.on-state img {
width: 16px;
height: 16px
}
.i-block {
display: block;
margin: 0 0 0 20px;
vertical-align: top
}
.i-block i.icon {
float: left;
width: 16px;
height: 16px;
margin: 0 0 0 -20px
}
.badge-new {
position: relative;
display: inline-block;
height: 14px;
line-height: 14px;
margin: 0 0 0 6px;
padding: 1px 3px 1px 1px;
vertical-align: middle;
white-space: nowrap;
letter-spacing: 0;
opacity: .9;
background-color: #e50008;
color: #fff;
font-weight: 700;
font-size: 11px
}
.badge-new:before {
position: absolute;
top: 0;
left: -6px;
float: left;
width: 0;
height: 0;
content: "";
border-width: 8px 6px 8px 0;
border-style: solid;
border-color: transparent #e50008 transparent transparent
}
.badge-new.left {
margin: 0 6px 0 0;
padding: 1px 1px 1px 3px
}
.badge-new.left:before {
right: -6px;
left: auto;
float: right;
border-width: 8px 0 8px 6px;
border-color: transparent transparent transparent #e50008
}
.tool-name .badge-new {
margin-left: 10px
}
.objects-toolbar .s-btn .badge-new {
vertical-align: top
}
.objects-details .package-actions .badge-new.left {
margin-right: 10px
}
.active-list .caption-toolbar .badge-new {
margin: 4px 0 0 -5px
}
.clearfix:after {
content: "";
display: block;
clear: both
}
.no-border {
border: 0!important
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-wrap,
.wrap,
.wrap * {
white-space: normal!important
}
.nobr,
.nowrap,
.nowrap *,
.text-nowrap {
white-space: nowrap!important
}
.displayNone,
.hidden {
display: none!important
}
.noBold {
font-weight: 400!important
}
.adminOnlyVisibility,
.hideByDefault,
.hideVisibility,
.r-visible {
display: none
}
.wrapper {
display: block;
clear: both;
overflow: hidden;
height: 0
}
.w-spacing {
padding: 10px 0
}
.fixed {
position: fixed
}
.pull-left {
float: left
}
.pull-right {
float: right
}
.text-truncate {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.about-image>img {
width: 400px;
height: auto;
max-width: 100%
}
.plesk-about.flip-container {
margin-bottom: 12px;
-webkit-perspective: 1000px;
perspective: 1000px
}
.plesk-about.flip-container .about-image {
margin-bottom: 0
}
.plesk-about.flip-container.flipped .flipper {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.plesk-about .back,
.plesk-about .front,
.plesk-about.flip-container {
width: 400px;
height: 220px
}
.plesk-about .flipper {
-webkit-transition: .6s;
transition: .6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative
}
.plesk-about .back,
.plesk-about .front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0
}
.plesk-about .front {
z-index: 2
}
.plesk-about .back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
@media (max-width: 959px) {
.b-content-main,
.b-content-side {
height: auto!important;
margin-top: 0!important
}
.b-content-side {
margin-top: 12px!important
}
.b-content-main #main.fixed,
.b-content-side .panels-group.fixed {
position: relative!important;
top: auto!important;
bottom: auto!important
}
.b-content-main #main.fixed {
position: static!important
}
}
@media (min-width: 768px) and (max-width: 959px) {
.b-content-rside .tools-list .tools-item,
.with-side-panel .tools-list .tools-item {
width: 50%
}
.b-content-rside .panel .tools-list .tools-item {
width: 100%
}
}
@media (max-width: 767px) {
.r-visible,
.s-btn .r-visible,
.sb-btn .r-visible {
display: inline;
white-space: normal;
letter-spacing: 0;
word-spacing: 0
}
.screen-description {
position: relative;
overflow: hidden;
white-space: nowrap
}
.screen-description.expanded {
white-space: normal
}
.screen-description-wrap {
display: inline-block
}
.screen-description-control {
position: absolute;
top: 1px;
right: 0;
border: 1px solid #dedede;
width: 28px;
height: 16px;
font-family: serif;
font-size: 22px;
font-weight: 700;
line-height: 5px;
text-align: center;
background: #dedede;
color: #858585;
cursor: pointer
}
.screen-description-control:before {
position: absolute;
top: -2px;
right: 29px;
content: '';
width: 30px;
height: 18px;
box-shadow: inset -12px 0 10px #fff
}
.screen-description-control:after {
content: '...'
}
.screen-description-control.off,
.screen-description.expanded .screen-description-control {
display: none
}
.actions-box .actions-msg-container,
.filesharing .objects-details .warning-block {
position: static;
height: auto
}
.actions-msg-container .list-actions-msg,
.warning-block .list-actions-msg {
display: block;
top: 0;
margin: 0 0 12px;
padding: 10px;
height: auto;
line-height: normal;
text-align: left
}
.b-content-rside .b-content-wrap,
.with-side-panel .main-content {
margin: 0
}
.b-content-rside .b-content-main {
float: none
}
.b-content-rside .b-content-side,
.with-side-panel #side-panel {
float: none;
margin: 0;
width: auto
}
.popup-box.pb-panel-version {
position: static;
margin: 0
}
.popup-box.pb-panel-version .popup-wrapper {
position: static;
width: 100%;
max-width: 100%
}
.popup-box.pb-panel-version .arrow {
display: none
}
.popup-box.pb-panel-version .panel-version-details {
width: auto
}
.aps-marketplace {
margin: 0
}
.aps-marketplace-list {
margin: 0
}
.aps-marketplace-list>li {
display: block;
width: auto;
margin: 0
}
.aps-marketplace-list>li:first-child .package-block {
border-top: 0;
padding-top: 0
}
.aps-marketplace-list>li.even,
.aps-marketplace-list>li.odd {
border: 0
}
.aps-marketplace-list .package-block {
margin: 0
}
.aps-marketplace-list .package-content {
height: auto!important
}
.aps-marketplace-list .dropdown-menu {
right: 0;
left: auto;
float: right
}
.aps-marketplace-list .dropdown-menu .dropdown-submenu>.dropdown-menu {
top: 100%;
right: 5px;
left: auto;
margin: 0
}
.objects-details .aps-category-list li {
width: 100%
}
.objects-details .aps-group-list .package-block .package-actions {
text-align: left
}
.aps-group-list>li,
.catalog-list>li {
margin-right: 0
}
.aps-marketplace-details .package-content {
margin: 0
}
.aps-marketplace-details .package-actions {
display: block;
float: none;
width: auto
}
.aps-marketplace-details .package-content,
.catalog-overview .catalog-overview-content {
margin: 0
}
.aps-marketplace-details .package-actions,
.catalog-overview .catalog-overview-actions {
float: none;
display: block;
width: auto
}
.aps-marketplace-details .package-actions .action-control,
.aps-marketplace-details .package-actions .action-description,
.catalog-overview .catalog-overview-actions .action-control,
.catalog-overview .catalog-overview-actions .action-description {
text-align: left
}
.b-panels,
.b-panels-box {
white-space: normal
}
.b-panels .column,
.b-panels-box .column {
width: 100%
}
.b-panels .col-2-1 .b-panel,
.b-panels-box .col-2-1 .b-panel {
margin-right: 0
}
.b-panels .col-2-2 .b-panel,
.b-panels-box .col-2-2 .b-panel {
margin-left: 0
}
}
@media (max-width: 479px) {
.objects-details-footer table.footer-container,
.objects-details-footer table.footer-container td,
.objects-details-footer table.footer-container th,
.objects-details-footer table.footer-container thead,
.objects-details-footer table.footer-container tr {
display: block
}
.objects-details-footer table.footer-container .footer-action {
width: auto;
text-align: left
}
}
#page > div.page-header-wrapper > div > div {
background-color: #878787!important;
border-bottom: 1px solid #878787!important;
}
#page > div.page-main-wrapper > div > div.page-sidebar-wrapper > div > div.page-sidebar-content > div.page-sidebar-menu-wrapper {
background-color: #878787!important;
}
#page > div.page-header-wrapper > div {
border-bottom: 1px solid #636363!important;
}