@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');
}
/* Fix for tilde in 13px font-size */
@font-face {
    font-family: "Open Sans Tilde";
    src: local('Arial');
    unicode-range: U+007E;
}
/* ========================================================================
   Base
 ========================================================================== */
html {
  font: normal 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: rgba(0, 0, 0, 0);
  overflow-y: scroll;
  color: #000000;
}
html,
body {
  height: 100%;
  min-height: 100%;
}
body {
  margin: 0;
}
/* Links
 ========================================================================== */
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
a {
  color: #2498e3;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #188dd9;
  text-decoration: underline;
}
a.link-01 {
  color: #7aa9bf;
}
a.link-01:hover {
  color: #94c2d8;
}
a.link-02,
.more a {
  color: #969696;
}
a.link-02:hover,
.more a: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 > span,
.i-link.toggler:hover > span {
  text-decoration: none;
  border-bottom: 1px dashed;
}
/* Text-level semantics
 ========================================================================== */
b,
strong {
  font-weight: bold;
}
code,
.code,
kbd,
samp {
  font-family: Consolas, monospace, serif;
  font-size: 12px;
  color: #dd0055;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Preformatted text
 ========================================================================== */
pre {
  padding: 10px;
  background: #f5f5f5;
  font: 12px/18px Consolas, monospace, serif;
  color: #444444;
  -moz-tab-size: 4;
  tab-size: 4;
  overflow: auto;
}
/* Images
 ========================================================================== */
img {
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
/* Block elements
 ========================================================================== */
/*
 * Margins
 */
p,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
  margin: 0 0 12px;
}
.page-content > :last-child,
.b-content-main > :last-child,
.b-content-side > :last-child,
#main > :last-child {
  margin-bottom: 0;
}
/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #444444;
  text-transform: none;
}
/*
 * Sizes
 */
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;
}
/* Lists
 ========================================================================== */
ul,
ol {
  padding-left: 20px;
}
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
  margin: 0;
}
/* Horizontal rules
 ========================================================================== */
hr {
  box-sizing: content-box;
  height: 0;
  margin: 12px 0;
  border: 0;
  border-top: 1px solid #dddddd;
}
.divider:not(tr) {
  height: 1px;
  overflow: hidden;
  margin: 12px 0;
  border: 0;
  background-color: #dddddd;
}
/* Selection pseudo-element
 ========================================================================== */
::-moz-selection {
  background: #3399ff;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #3399ff;
  color: #ffffff;
  text-shadow: none;
}
/* HTML5 elements
 ========================================================================== */
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;
}
/* Tables
 ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* Iframe
 ========================================================================== */
iframe {
  border: 0;
}
/* Fix viewport for IE10 snap mode
 ========================================================================== */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
}
/* ========================================================================
   Layout
 ========================================================================== */
.page-container {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.page-header-wrapper,
.page-main-wrapper,
.page-footer-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 0.3s ease-in-out;
            transition: margin 0.3s ease-in-out;
  }
  .page-sidebar-closed .page-content-wrapper,
  .page-sidebar-hidden .page-content-wrapper,
  .page-sidebar-closed .page-footer,
  .page-sidebar-hidden .page-footer {
    margin-left: 0;
  }
  .page-content,
  .page-footer {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.page-content-only .page-header-wrapper,
.page-content-only .page-sidebar-wrapper,
.page-content-only .page-footer-wrapper {
  display: none;
}
.page-content-only .page-content-wrapper {
  margin: 0;
}
/* - Content - */
.sid-legacy #login {
  width: 824px;
  margin: 40px auto 15px;
}
.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;
}
/* - Content with Sidebar - */
.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;
}
/* - Classic Mode & Integrated Mode - */
.sid-main-embedded-inner .pathbar,
.sid-main-embedded-inner .heading {
  display: none;
}
.sid-main-embedded-inner .page-content {
  padding-top: 0;
}
/* - Content with Grid - */
.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
 ========================================================================== */
.main-header-wrapper {
  min-height: 50px;
  padding: 0 10px;
}
.main-header {
  position: relative;
  z-index: 300;
}
.main-header:before,
.main-header:after,
.main-header-navbar:before,
.main-header-navbar:after {
  display: table;
  content: "";
}
.main-header:after,
.main-header-navbar: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;
  }
}
/* ========================================================================
   Component: Top Bar
 ========================================================================== */
.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;
  }
}
/* Brand logo
 ========================================================================== */
.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;
  }
}
/* Banner
 ========================================================================== */
.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-store.png?1");
  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/feedback.png?1");
}
@media (max-width: 959px) {
  .main-header-banner {
    display: none;
  }
}
/* Header navbar
========================================================================== */
.r-main-header-navbar {
  margin-top: 5px;
}
.r-main-header-navbar:before,
.r-main-header-navbar:after {
  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: #bc1313;
}
.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-back.png?1");
}
.r-main-header-navbar .r-top-user span {
  background-image: url("../icons/64/plesk/_top-user.png?1");
}
.r-main-header-navbar .r-top-webspace span {
  background-image: url("../icons/64/plesk/_top-domain.png?1");
}
.r-main-header-navbar .r-top-help span {
  background-image: url("../icons/64/plesk/_top-help.png?1");
}
.r-main-header-navbar .r-top-search span {
  background-image: url("../icons/64/plesk/_top-search.png?1");
}
.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:hover,
.main-header-navbar-nav > li > a:focus {
  color: #dedede;
  text-decoration: none;
}
.main-header-navbar .dropdown-menu {
  margin-bottom: 10px;
  background: #0f7eae;
}
.main-header-navbar .dropdown-menu li > a {
  color: #ffffff;
}
.main-header-navbar .dropdown-menu li > a:hover,
.main-header-navbar .dropdown-menu li > a:focus,
.main-header-navbar .dropdown-menu li.active > a {
  outline: none;
  color: #ffffff;
  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 .top-logo,
  .main-header-navbar-nav .top-user-info-name,
  .main-header-navbar-nav .btn .caret {
    display: none;
  }
  .main-header-navbar-nav .dropdown > .btn,
  .main-header-navbar-nav .dropdown > .btn:hover,
  .main-header-navbar-nav .dropdown.open > .btn,
  .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 > .btn,
  .touch .main-header-navbar-nav .dropdown.open > .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 > li,
  .main-header-navbar-nav .top-user,
  .main-header-navbar-nav .top-webspace {
    display: none;
  }
  .r-show-main-header-navbar .main-header-navbar-nav,
  .r-show-top-user li.top-user-info,
  .r-show-top-user .top-user,
  .r-show-top-webspace li.top-user-info,
  .r-show-top-webspace .top-webspace,
  .r-show-top-help li.top-help {
    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: -0.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, 0.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: none;
    box-shadow: none;
    color: #fff;
    outline: none;
    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;
  }
}
/* ========================================================================
   Page sidebar
 ========================================================================== */
.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 0.3s ease-in-out;
            transition: left 0.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%;
  }
  .touch .page-sidebar,
  .page-sidebar:hover {
    overflow: auto;
  }
  .page-sidebar-content {
    display: table;
    width: 100%;
    height: 100%;
  }
  .page-sidebar-menu-wrapper {
    display: table-row;
    height: 100%;
  }
}
/* Page sidebar toggler
 ========================================================================== */
@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;
  }
  .touch .page-sidebar-toggler-wrapper,
  .page-sidebar-toggler-wrapper:hover {
    -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) #ffffff;
    margin: -4px 0 0 1px;
  }
  .page-sidebar-closed .page-sidebar-toggler:before {
    border-width: 4px 0 4px 4px;
  }
}
/* Page sidebar search
 ========================================================================== */
.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 0.3s ease;
          transition: opacity 0.3s ease;
  color: #202020;
}
.page-sidebar-search .form-control::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #202020;
}
.page-sidebar-search .form-control:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  color: #202020;
}
.page-sidebar-search .form-control::placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
          transition: opacity 0.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 {
  background: #0f7eae;
}
.page-sidebar-search .dropdown-menu li > a {
  white-space: normal;
  color: #ffffff;
}
.page-sidebar-search .dropdown-menu li > a:hover,
.page-sidebar-search .dropdown-menu li > a:focus,
.page-sidebar-search .dropdown-menu li.active > a {
  outline: none;
  color: #ffffff;
  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: #ffffff;
}
.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, 0.5);
}
.page-sidebar-search .dropdown-menu .search-results-note a:hover {
  color: rgba(255, 255, 255, 0.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-home.png?1");
}
.icon-search-clients {
  background-image: url("../icons/16/plesk/search-clients.png?1");
}
.icon-search-users {
  background-image: url("../icons/16/plesk/search-users.png?1");
}
.icon-search-resellers {
  background-image: url("../icons/16/plesk/search-resellers.png?1");
}
.icon-search-domains {
  background-image: url("../icons/16/plesk/search-domains.png?1");
}
.icon-search-subscriptions {
  background-image: url("../icons/16/plesk/search-subscriptions.png?1");
}
.icon-search-service-plans {
  background-image: url("../icons/16/plesk/search-service-plans.png?1");
}
.icon-search-tools {
  background-image: url("../icons/16/plesk/search-tools.png?1");
}
.icon-search-wordpress-toolkit {
  background-image: url("../icons/16/plesk/search-wordpress-toolkit.png?1");
}
.icon-search-health {
  background-image: url("../icons/16/plesk/search-health.png?1");
}
.icon-search-modules {
  background-image: url("../icons/16/plesk/search-modules.png?1");
}
.icon-search-personal-info {
  background-image: url("../icons/16/plesk/search-personal-info.png?1");
}
.icon-search-credentials-info {
  background-image: url("../icons/16/plesk/search-credentials-info.png?1");
}
.icon-search-mails {
  background-image: url("../icons/16/plesk/search-mails.png?1");
}
.icon-search-applications {
  background-image: url("../icons/16/plesk/search-applications.png?1");
}
.icon-search-files {
  background-image: url("../icons/16/plesk/search-files.png?1");
}
.icon-search-sharing {
  background-image: url("../icons/16/plesk/search-sharing.png?1");
}
.icon-search-statistics {
  background-image: url("../icons/16/plesk/search-statistics.png?1");
}
.icon-search-custom {
  background-image: url("../icons/16/plesk/search-custom.png?1");
}
.icon-search-roles {
  background-image: url("../icons/16/plesk/search-roles.png?1");
}
.icon-search-mail-lists {
  background-image: url("../icons/16/plesk/search-mail-lists.png?1");
}
.icon-search-databases {
  background-image: url("../icons/16/plesk/search-database.png?1");
}
/* Page sidebar menu
 ========================================================================== */
.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/_menu.png?1");
  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:hover,
.page-sidebar-menu a:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.08);
}
.page-sidebar-menu .menu-group-title {
  position: relative;
  padding-right: 22px;
  padding-left: 10px;
  background: rgba(255, 255, 255, 0.12);
}
.page-sidebar-menu .menu-group-title:hover,
.page-sidebar-menu .menu-group-title:focus {
  background: rgba(255, 255, 255, 0.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 {
  overflow: hidden;
  max-height: 500px;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s 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: #bc1313;
}
.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 {
  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-home.png?1");
}
.icon-nav-clients {
  background-image: url("../icons/16/plesk/nav-clients.png?1");
}
.icon-nav-users {
  background-image: url("../icons/16/plesk/nav-users.png?1");
}
.icon-nav-resellers {
  background-image: url("../icons/16/plesk/nav-resellers.png?1");
}
.icon-nav-domains {
  background-image: url("../icons/16/plesk/nav-domains.png?1");
}
.icon-nav-subscriptions {
  background-image: url("../icons/16/plesk/nav-subscriptions.png?1");
}
.icon-nav-service-plans {
  background-image: url("../icons/16/plesk/nav-service-plans.png?1");
}
.icon-nav-tools {
  background-image: url("../icons/16/plesk/nav-tools.png?1");
}
.icon-nav-wordpress-toolkit {
  background-image: url("../icons/16/plesk/nav-wordpress-toolkit.png?1");
}
.icon-nav-health {
  background-image: url("../icons/16/plesk/nav-health.png?1");
}
.icon-nav-modules {
  background-image: url("../icons/16/plesk/nav-modules.png?1");
}
.icon-nav-personal-info {
  background-image: url("../icons/16/plesk/nav-personal-info.png?1");
}
.icon-nav-credentials-info {
  background-image: url("../icons/16/plesk/nav-credentials-info.png?1");
}
.icon-nav-mails {
  background-image: url("../icons/16/plesk/nav-mails.png?1");
}
.icon-nav-applications {
  background-image: url("../icons/16/plesk/nav-applications.png?1");
}
.icon-nav-files {
  background-image: url("../icons/16/plesk/nav-files.png?1");
}
.icon-nav-sharing {
  background-image: url("../icons/16/plesk/nav-sharing.png?1");
}
.icon-nav-statistics {
  background-image: url("../icons/16/plesk/nav-statistics.png?1");
}
.icon-nav-custom {
  background-image: url("../icons/16/plesk/nav-custom.png?1");
}
.icon-nav-database {
  background-image: url("../icons/16/plesk/nav-database.png?1");
}
.icon-nav-interface-pref {
  background-image: url("../icons/16/plesk/nav-interface-pref.png?1");
}
.icon-nav-billing-accounting {
  background-image: url("../icons/16/plesk/nav-billing-accounting.png?1");
}
.icon-nav-billing-customers {
  background-image: url("../icons/16/plesk/nav-billing-customers.png?1");
}
.icon-nav-billing-discounts {
  background-image: url("../icons/16/plesk/nav-billing-discounts.png?1");
}
.icon-nav-billing-emails {
  background-image: url("../icons/16/plesk/nav-billing-emails.png?1");
}
.icon-nav-billing-tasks {
  background-image: url("../icons/16/plesk/nav-billing-events.png?1");
}
.icon-nav-billing-invoices {
  background-image: url("../icons/16/plesk/nav-billing-invoices.png?1");
}
.icon-nav-billing-payments {
  background-image: url("../icons/16/plesk/nav-billing-payments.png?1");
}
.icon-nav-billing-plans {
  background-image: url("../icons/16/plesk/nav-billing-plans.png?1");
}
.icon-nav-billing-reports {
  background-image: url("../icons/16/plesk/nav-billing-reports.png?1");
}
.icon-nav-billing-resellers {
  background-image: url("../icons/16/plesk/nav-billing-resellers.png?1");
}
.icon-nav-billing-settings {
  background-image: url("../icons/16/plesk/nav-billing-settings.png?1");
}
.icon-nav-billing-stores {
  background-image: url("../icons/16/plesk/nav-billing-stores.png?1");
}
.icon-nav-billing-subscriptions {
  background-image: url("../icons/16/plesk/nav-billing-subscriptions.png?1");
}
.icon-nav-billing-todos {
  background-image: url("../icons/16/plesk/nav-billing-todos.png?1");
}
/* Page sidebar footer
 ========================================================================== */
.view-switcher {
  box-sizing: border-box;
  margin-top: -1px;
  min-height: 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.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:hover,
.view-switcher a:active {
  background: rgba(255, 255, 255, 0.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, 0.08);
}
.view-switcher .close:before {
  content: "✕";
  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
 ========================================================================== */
.page-footer {
  padding: 5px 10px;
  text-align: center;
  color: rgba(255, 255, 255, 0.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:visited,
.page-footer a.s-btn:visited,
.page-footer a:hover,
.page-footer a.s-btn:hover,
.page-footer a:active,
.page-footer a.s-btn:active {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
}
.page-footer .social-actions:before,
.page-footer .feedback-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: none;
}
.page-footer .social-actions,
.page-footer .feedback-actions,
.page-footer .fb-link,
.page-footer .fb-like {
  display: inline-block;
  vertical-align: top;
}
.page-footer .feedback-actions .s-btn {
  margin: 0;
  vertical-align: baseline;
  font-size: 12px;
}
/* Login page
 ========================================================================== */
.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: #ffffff;
}
#login-page .form-box {
  margin: 0;
}
#login-page .form-row select,
#login-page .form-row input[type="text"],
#login-page .form-row input[type="password"] {
  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, 0.6);
  font-size: 12px;
}
.login-footer a,
.login-footer a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.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;
  }
}
/* = Active List =
------------------------------------------------------------------------------ */
hr + .active-list {
  padding-top: 6px;
}
.active-list .active-list-item {
  margin: 0 0 12px;
  border: 1px solid #bebebe;
  background: #fafafa;
}
.active-list .caption {
  position: relative;
  padding-bottom: 10px;
}
/* Caption control */
.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, 0.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-control.png?1) 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-on,
.active-list-item .caption-control-off {
  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;
}
.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, 0.85);
}
.active-list .caption-head-widget {
  float: right;
  margin: 1px 18px 0 0;
}
.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;
}
.active-list .caption-name a {
  color: #fff;
}
.active-list .caption-name a:hover {
  color: rgba(255, 255, 255, 0.85);
}
.active-list .caption-head-action,
.active-list .caption-head-action a {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.85);
}
.active-list .caption-head-action a:hover {
  color: #fff;
}
.active-list .caption-status,
.active-list .caption-head-action,
.active-list .caption-status i {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.active-list .caption-head-action {
  margin: 8px 18px 0 0;
}
.active-list .caption-head-action select,
.active-list .caption-head-action .btn {
  margin: -4px 0;
}
.active-list .caption-head-action .btn {
  color: #373737;
}
.active-list .caption-head-action .btn:hover,
.active-list .caption-head-action .btn:focus {
  color: #ffffff;
}
.active-list .caption-head-action .btn:active,
.active-list .caption-head-action .btn.active {
  color: #ffffff;
}
.active-list .caption-status {
  display: inline-block;
  margin: 4px 18px 0 0;
  padding: 1px 8px;
  white-space: nowrap;
  border: 1px solid;
  line-height: 14px;
}
.active-list .caption-status.toggle {
  float: right;
  overflow: hidden;
  width: 52px;
  height: 18px;
  margin-top: 5px;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: 0;
  -webkit-touch-callout: none;
}
.active-list .caption-status.toggle i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}
.active-list .caption-status.toggle span {
  display: inline-block;
  overflow: hidden;
  width: 31px;
  margin: 0 2px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  text-align: center;
  line-height: 18px;
}
.active-list .caption-status.toggle.status-off span:first-child,
.active-list .caption-status.toggle.status-off-by-error span:first-child,
.active-list .caption-status.toggle.status-disabling span:first-child {
  margin-left: -32px;
}
.active-list .caption-status.toggle.status-enabling,
.active-list .caption-status.toggle.status-disabling {
  cursor: default;
}
.active-list .caption-status.toggle.status-enabling i,
.active-list .caption-status.toggle.status-disabling i {
  opacity: .4;
}
.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-status,
.active-list .status-disabled {
  padding: 4px 8px;
  border-radius: 0;
  border-color: #a5b1bd;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-shadow: none;
  white-space: nowrap;
  background-color: #a5b1bd;
  box-shadow: none;
}
.active-list .status-active,
.active-list .status-starting,
.active-list .status-on,
.active-list .status-enabling {
  border-color: #7d9945;
  background-color: #7d9945;
  box-shadow: none;
}
.active-list .status-stopped,
.active-list .status-off-by-error {
  border-color: #db6c67;
  background-color: #db6c67;
  box-shadow: none;
}
.active-list .status-maintenance,
.active-list .status-disabling {
  border-color: #f2ab00;
  background-color: #f2ab00;
  box-shadow: none;
}
.active-list .status-starting,
.active-list .status-enabling,
.active-list .status-disabling,
.async-progress-bar .indeterminate-progress-bar .gauge-filled {
  background-image: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.active-list .status-starting,
.active-list .status-enabling,
.active-list .status-disabling,
.async-progress-bar .indeterminate-progress-bar .gauge-filled {
  -webkit-animation: status-stripes 2s linear infinite;
          animation: status-stripes 2s linear infinite;
}
@-webkit-keyframes status-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes status-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.active-list .caption-summary {
  overflow: hidden;
  padding: 4px 17px 0 0;
}
.active-list .caption-summary .summary-item {
  float: left;
  margin: 6px 0 0 17px;
  white-space: nowrap;
  line-height: 18px;
}
.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-gauge,
.active-list .stat-data,
.active-list .stat-name {
  display: block;
}
.active-list .stat-name,
.active-list .stat-gauge {
  padding: 0 0 1px;
}
.active-list .caption-statistics,
.active-list .caption-services {
  margin: 10px 17px -11px;
  border: solid #e2e2e2;
  border-width: 1px 0;
}
.active-list .caption-service-title,
.active-list .caption-service-icon,
.active-list .caption-service-toolbar {
  display: inline-block;
  vertical-align: top;
  line-height: 26px;
}
.active-list .caption-service-toolbar {
  margin: 0;
}
.active-list .caption-service-toolbar .toggler {
  line-height: normal;
}
.active-list .caption-service-title {
  margin: 0 2px -4px 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 > span,
.active-list .caption-service-toolbar > div {
  display: inline-block;
  margin: 0 1px 1px 0;
  vertical-align: middle;
}
.active-list .caption-services select {
  height: 26px;
  margin: 5px 5px 0 0;
  padding: 2px;
}
.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-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: 0.8;
}
.active-list .quick-start-header .close:before {
  content: "✕";
  font-weight: 400;
  font-size: 16px;
}
.active-list .caption-services-quick-start .b-grid,
.active-list .caption-services-custom .b-grid {
  margin: 0 -17px;
}
.active-list .caption-services-quick-start .b-grid-list,
.active-list .caption-services-custom .b-grid-list {
  position: relative;
}
.active-list .caption-services-quick-start .b-grid-item + .b-grid-item:before,
.active-list .caption-services-custom .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-quick-start .b-grid-list,
  .active-list .caption-services-custom .b-grid-list {
    display: table;
    width: 100%;
  }
  .active-list .caption-services-quick-start .b-grid-item,
  .active-list .caption-services-custom .b-grid-item {
    display: table-cell;
  }
  .active-list .caption-services-quick-start .b-grid-item + .b-grid-item:before,
  .active-list .caption-services-custom .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-quick-start .b-grid .b-grid-item,
  .active-list .caption-services-custom .b-grid .b-grid-item {
    width: 100%;
  }
}
.active-list .active-list-details {
  position: relative;
  z-index: 1;
  visibility: visible;
  overflow: hidden;
  max-height: 1500px;
  -webkit-transition: visibility 0.5s ease, opacity 0.5s ease, max-height 1.5s ease;
          transition: visibility 0.5s ease, opacity 0.5s ease, max-height 1.5s ease;
}
.active-list-item-collapsed .active-list-details {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: visibility 0.3s ease, opacity 0.3s ease, margin 0.3s ease, max-height 0.3s ease;
          transition: visibility 0.3s ease, opacity 0.3s ease, margin 0.3s ease, max-height 0.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;
}
/* = Headings =
------------------------------------------------------------------------------ */
.heading {
  margin: 0 0 12px;
}
.heading:before,
.heading:after {
  display: table;
  content: "";
}
.heading:after {
  clear: both;
}
.heading h2 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 28px;
}
.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 .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 - */
.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;
}
.tools-list-box .title h3,
.list-box .title h3,
.form-box .title h3 {
  margin: 0 0 12px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
}
.tools-list-box .title h3:after,
.list-box .title h3:after,
.form-box .title h3:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ddd;
}
/* ========================================================================
   Table (`list`)
 ========================================================================== */
.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 > thead > tr > th,
.scrollable-list-wrapper > table > thead > tr > th,
table.list > thead > tr > th,
.list > table > tbody > tr > th,
.scrollable-list-wrapper > table > tbody > tr > th,
table.list > tbody > tr > th,
.list > table > tfoot > tr > th,
.scrollable-list-wrapper > table > tfoot > tr > th,
table.list > tfoot > tr > th,
.list > table > thead > tr > td,
.scrollable-list-wrapper > table > thead > tr > td,
table.list > thead > tr > td,
.list > table > tbody > tr > td,
.scrollable-list-wrapper > table > tbody > tr > td,
table.list > tbody > tr > td,
.list > table > tfoot > tr > td,
.scrollable-list-wrapper > table > tfoot > tr > td,
table.list > tfoot > tr > td {
  padding: 6px 8px;
  line-height: 1.4;
  vertical-align: top;
  border-top: 1px solid #d6d6d6;
}
.list > table > thead > tr:first-child > th,
.scrollable-list-wrapper > table > thead > tr:first-child > th,
table.list > thead > tr:first-child > th,
.list > table > tbody > tr:first-child > th,
.scrollable-list-wrapper > table > tbody > tr:first-child > th,
table.list > tbody > tr:first-child > th,
.list > table > tfoot > tr:first-child > th,
.scrollable-list-wrapper > table > tfoot > tr:first-child > th,
table.list > tfoot > tr:first-child > th,
.list > table > thead > tr:first-child > td,
.scrollable-list-wrapper > table > thead > tr:first-child > td,
table.list > thead > tr:first-child > td,
.list > table > tbody > tr:first-child > td,
.scrollable-list-wrapper > table > tbody > tr:first-child > td,
table.list > tbody > tr:first-child > td,
.list > table > tfoot > tr:first-child > td,
.scrollable-list-wrapper > table > tfoot > tr:first-child > td,
table.list > tfoot > tr:first-child > td {
  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 > th,
.scrollable-list-wrapper > table > caption + thead > tr:first-child > th,
table.list > caption + thead > tr:first-child > th,
.list > table > colgroup + thead > tr:first-child > th,
.scrollable-list-wrapper > table > colgroup + thead > tr:first-child > th,
table.list > colgroup + thead > tr:first-child > th,
.list > table > thead:first-child > tr:first-child > th,
.scrollable-list-wrapper > table > thead:first-child > tr:first-child > th,
table.list > thead:first-child > tr:first-child > th,
.list > table > caption + thead > tr:first-child > td,
.scrollable-list-wrapper > table > caption + thead > tr:first-child > td,
table.list > caption + thead > tr:first-child > td,
.list > table > colgroup + thead > tr:first-child > td,
.scrollable-list-wrapper > table > colgroup + thead > tr:first-child > td,
table.list > colgroup + thead > tr:first-child > td,
.list > table > thead:first-child > tr:first-child > td,
.scrollable-list-wrapper > table > thead:first-child > tr:first-child > td,
table.list > thead:first-child > tr:first-child > td {
  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-down.gif?1);
}
.list th.sort > a.sort-up {
  background-image: url(../images/sort-up.gif?1);
}
.sid-legacy .list th.sort a {
  padding: 0;
  background: none;
}
.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.select,
.list td.icon,
.list td.min {
  width: 1%;
}
.list td.icon {
  text-align: center;
}
div.list .number,
.form-table .number {
  width: 1%;
  white-space: nowrap;
}
.list .max,
.list .fm-file-name {
  width: 100%;
}
.list .usage {
  width: 18%;
  padding: 3px 0;
}
.list .t-r,
.form-table .t-r,
.list .list-users {
  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 img,
.list .action-icon-set .popup-box {
  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/menu.png") no-repeat;
  background-size: 16px;
}
.list .btn-list-menu .icon img {
  display: none;
}
.list .btn-list-menu:hover,
.list .btn-group-open .btn-list-menu,
.list > table > tbody > tr:hover > td > .list-menu .btn-list-menu {
  opacity: 1;
}
.list .btn-list-menu:hover .icon,
.list .btn-group-open .btn-list-menu .icon,
.list .list-menu .btn-list-menu button:focus .icon {
  background-image: url("../icons/16/plesk/menu-light.png");
}
.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;
}
.sid-legacy .number,
.sid-legacy .misc,
.formArea .formButtons .misc {
  text-align: right;
}
.formArea .misc {
  text-align: left;
}
.search input,
.search .commonButton {
  margin-right: 7px;
  vertical-align: middle;
}
.sid-legacy .buttons {
  margin: 7px 0;
}
.sid-legacy .buttons div {
  white-space: nowrap;
}
.sid-legacy .buttons input,
.sid-legacy .buttons .commonButton {
  vertical-align: middle;
}
.sid-legacy .main input,
.sid-legacy .main select,
.sid-legacy .misc input,
.sid-legacy .misc select,
.sid-legacy .misc .commonButton {
  margin-right: 7px;
}
.listArea .paging {
  margin: 0 0 10px;
  text-align: left;
  vertical-align: middle;
}
.sid-legacy .paging input,
.sid-legacy .paging .commonButton,
.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 th,
.sid-legacy .list.limitsList td {
  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: transparent;
}
.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-new,
.list .list-item-deleted,
.list .list-item-modified {
  font-weight: 700;
}
.list .list-item-deleted {
  text-decoration: line-through;
}
.odd,
.oddrowbg {
  background-color: #fff;
}
.even,
.evenrowbg {
  background-color: #f6f9fc;
}
.list .odd,
.list .oddrowbg,
.list .even,
.list .evenrowbg {
  background: none;
}
.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 .list td.group-name,
.list-groups-box .list > table > tbody > tr:hover > td.group-name,
.list-groups-box .odd,
.list-groups-box .even {
  background: none;
}
.list-groups-box .list td.group-name {
  box-shadow: none;
}
/* List search filter
 ========================================================================== */
.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 > th > input,
.list-search-filter > th > select,
.list-search-filter .input-group input {
  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
 ========================================================================== */
.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 > td,
.list .alert-container:hover > td {
  border-color: #e0e9f0;
  background: #fff;
}
.list .alert-container .alert {
  display: inline-block;
  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;
}
/* List divider
 ========================================================================== */
@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 > table,
  .scrollable-list-wrapper > table {
    display: block;
  }
  .list > table > thead > tr,
  .scrollable-list-wrapper > table > thead > tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .list > table > tbody,
  .scrollable-list-wrapper > table > tbody {
    display: block;
  }
  .list > table > tbody > tr,
  .scrollable-list-wrapper > table > tbody > tr {
    display: block;
    border-top: 1px solid #d6d6d6;
  }
  .list > table > tbody > tr > th,
  .scrollable-list-wrapper > table > tbody > tr > th,
  .list > table > tbody > tr > td,
  .scrollable-list-wrapper > table > tbody > tr > td {
    display: block;
    padding: 2px 8px 2px 30px;
    border-top: 0;
    width: auto;
    text-align: left;
  }
  .touch .list > table > tbody > tr > th,
  .touch .scrollable-list-wrapper > table > tbody > tr > th,
  .touch .list > table > tbody > tr > td,
  .touch .scrollable-list-wrapper > table > tbody > tr > td {
    padding-left: 43px;
  }
  .list > table > tbody > tr > th:first-child,
  .scrollable-list-wrapper > table > tbody > tr > th:first-child,
  .list > table > tbody > tr > td:first-child,
  .scrollable-list-wrapper > table > tbody > tr > td:first-child,
  .list > table > tbody > tr > .select + th,
  .scrollable-list-wrapper > table > tbody > tr > .select + th,
  .list > table > tbody > tr > .select + td,
  .scrollable-list-wrapper > table > tbody > tr > .select + td {
    padding-top: 6px;
  }
  .list > table > tbody > tr > th:last-child,
  .scrollable-list-wrapper > table > tbody > tr > th:last-child,
  .list > table > tbody > tr > td:last-child,
  .scrollable-list-wrapper > table > tbody > tr > td:last-child {
    padding-bottom: 6px;
  }
  .list > table > tbody > tr td.select,
  .scrollable-list-wrapper > table > tbody > tr td.select,
  .list > table > tbody > tr td.icon,
  .scrollable-list-wrapper > table > tbody > tr td.icon,
  .list > table > tbody > tr td.min,
  .scrollable-list-wrapper > table > tbody > tr td.min,
  .list > table > tbody > tr td.number,
  .scrollable-list-wrapper > table > tbody > tr td.number,
  .list > table > tbody > tr td.max,
  .scrollable-list-wrapper > table > tbody > tr td.max,
  .list > table > tbody > tr td.fm-file-name,
  .scrollable-list-wrapper > table > tbody > tr td.fm-file-name,
  .list > table > tbody > tr .fm-file-name-wrap,
  .scrollable-list-wrapper > table > tbody > tr .fm-file-name-wrap {
    width: auto;
    text-align: left;
  }
  .list > table > tbody > tr > td:empty,
  .scrollable-list-wrapper > table > tbody > tr > td:empty {
    display: none;
  }
  .list > table > tbody > tr > .select,
  .scrollable-list-wrapper > table > tbody > tr > .select,
  .touch .list > table > tbody > tr > .select,
  .touch .scrollable-list-wrapper > table > tbody > tr > .select {
    float: left;
    padding-left: 8px;
  }
  .list > table > tbody > tr:first-child,
  .scrollable-list-wrapper > table > tbody > tr:first-child {
    border-top: 0;
  }
  .form-table .number {
    width: auto;
  }
  .list .t-r,
  .list .text-right,
  .form-table .t-r,
  .list .list-users {
    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 > table .action-icon-set {
    letter-spacing: 0;
    white-space: normal;
  }
  .list > table .action-icon-set > img {
    display: none;
  }
  .list > table .action-icon-set > span {
    display: block;
    padding: 6px 0;
  }
  .list > table .i-link,
  .list > table .action-icon-set a {
    display: inline-block;
    padding-left: 20px;
  }
  .list > table .i-link i.icon,
  .list > table .action-icon-set a i.icon {
    float: left;
    margin-left: -20px;
  }
  .list > table .i-block {
    margin-left: 20px;
  }
  .list > table .i-block i.icon {
    margin-left: -20px;
  }
  .list > table .list-menu {
    margin: 0;
  }
}
/* ========================================================================
   Form
 ========================================================================== */
button,
input,
optgroup,
select,
textarea,
.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: bold;
}
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;
}
/*
 * Controls
 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 */
.form-control,
select,
textarea,
.textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  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,
select:focus,
textarea:focus,
.textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: #0f7faf;
  outline: 0;
  background: #ecf5f9;
  color: #020202;
}
.form-control[readonly],
select[readonly],
textarea[readonly],
.textarea[readonly],
input:not([type])[readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="time"][readonly],
input[type="week"][readonly],
input[type="number"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="color"][readonly] {
  border-color: #afbac1;
  background: #ededed;
  color: #020202;
}
.form-control[disabled],
select[disabled],
textarea[disabled],
.textarea[disabled],
input:not([type])[disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled] {
  border-color: #e2e2e2;
  background-color: #f4f4f4;
  color: #999999;
  opacity: 1;
}
.form-row .form-control,
.form-row select,
.form-row textarea,
.form-row .textarea,
.form-row input:not([type]),
.form-row input[type="text"],
.form-row input[type="password"],
.form-row input[type="datetime"],
.form-row input[type="datetime-local"],
.form-row input[type="date"],
.form-row input[type="month"],
.form-row input[type="time"],
.form-row input[type="week"],
.form-row input[type="number"],
.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"] {
  margin: 0 0 4px;
}
select[multiple] {
  height: auto;
  min-height: 26px;
}
textarea,
.textarea {
  height: auto;
}
/*
 * Placeholder
 */
:-ms-input-placeholder {
  color: #999999 !important;
}
::-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
:disabled:-ms-input-placeholder {
  color: #999999 !important;
}
:disabled::-moz-placeholder {
  color: #999999;
}
:disabled::-webkit-input-placeholder {
  color: #999999;
}
/*
 * Legend
 */
legend {
  width: 100%;
  border: 0;
  padding: 0 0 12px;
  font-size: 16px;
  line-height: 24px;
}
legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}
/* Size sub-modifiers
 ========================================================================== */
.f-date {
  width: 30px;
}
.f-small-size,
.f-date-year {
  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%;
}
/* Sub-objects: `form-row`
 * Groups labels and controls in rows
 ========================================================================== */
.form-row,
.field-value {
  box-sizing: border-box;
  min-height: 26px;
}
.form-row:before,
.form-row:after {
  content: "";
  display: table;
}
.form-row:after {
  clear: both;
}
.form-row img {
  max-width: 16px;
  vertical-align: -3px;
}
.form-box,
.form-table {
  margin-bottom: 12px;
}
* + .form-box,
* + .btns-box,
* + .form-table {
  margin-top: 12px;
}
* + .form-row {
  margin-top: 4px;
}
.form-box .single-row {
  margin-top: 3px;
}
/* Tablet portrait and smaller */
@media (max-width: 767px) {
  .form-row .field-name {
    display: block;
    margin-bottom: 3px;
    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%;
  }
}
/* Desktop and bigger */
@media (min-width: 768px) {
  .form-row .field-name {
    width: 200px;
    margin-top: 3px;
    float: left;
  }
  .form-row .field-value {
    margin-left: 215px;
  }
  /* Better vertical alignment if controls are checkboxes and radio buttons with text */
  .form-row .text-value {
    padding-top: 3px;
  }
}
/* `form-table`
 ========================================================================== */
.form-table.form-limits {
  width: auto;
}
.form-table .form-row:before,
.form-table .form-row:after {
  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 {
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.btns-box.no-border {
  margin-top: 0;
}
.sid-legacy .formArea .buttons {
  margin-top: 12px;
  border-top: 1px solid #ddd;
}
.sid-legacy .formArea .buttons td {
  padding-top: 10px;
}
fieldset .formArea .buttons,
fieldset .buttons,
fieldset .buttons td {
  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;
}
.formFields td.name,
.formFields td.nameError,
.footnote {
  width: 200px;
  padding-right: 15px;
}
/*
 * Checkboxes and radio buttons
 */
.checkbox-group label {
  position: relative;
  display: block;
  padding: 0 0 0 18px;
}
.touch .checkbox-group label {
  padding: 2px 0 2px 26px;
}
.checkbox-group > .checkbox-group {
  margin-left: 18px;
}
.touch .checkbox-group > .checkbox-group {
  margin-left: 26px;
}
.checkbox-group label + label,
.checkbox-group label + .checkbox-group,
.checkbox-group .checkbox-group + label {
  margin-top: 5px;
}
.checkbox-group label input[type="checkbox"] {
  position: absolute;
  margin: 3px 0 0 -18px;
}
.touch .checkbox-group label input[type="checkbox"] {
  margin: -1px 0 0 -26px;
}
/* multi-colums set of checkboxes */
.multi-checkboxes label {
  float: left;
  width: 200px;
  padding: 5px 10px 5px 0;
}
/* 3 position checkbox */
.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-pre .e-checkbox-text-on,
.e-checkbox-pre .e-checkbox-text-off,
.e-checkbox-on .e-checkbox-text-pre,
.e-checkbox-on .e-checkbox-text-off,
.e-checkbox-off .e-checkbox-text-pre,
.e-checkbox-off .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.clear .radiobox,
.sid-legacy .option.clear .checkbox,
.sid-legacy .option-block {
  float: left;
}
.sid-legacy .option.clear .option-block .hint {
  margin: 5px 0;
}
.sid-legacy .option.clear .radiobox,
.sid-legacy .option.clear .checkbox {
  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 .options-set label input.radio,
.form-box .options-set label input.checkbox,
.form-box .indent input.radio,
.form-box .indent input.checkbox {
  float: left;
  margin-left: -18px;
}
.form-box .indent {
  display: block;
  padding-left: 18px;
}
/* Hints and errors */
.form-row .hint,
.form-row .error-hint {
  display: block;
  max-width: 500px;
  margin: 0 0 5px;
  padding: 0;
}
.f-max-size + .hint,
.f-max-size + .field-errors + .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-featured.png?1) no-repeat;
  font-weight: bold;
  line-height: 16px;
}
.uploadAdd {
  padding: 0 0 1px 20px;
  background: url(../icons/16/plesk/field-add.png?1) no-repeat;
}
.uploadRemove {
  margin-left: 15px;
  padding: 0 0 1px 20px;
  background: url(../icons/16/plesk/field-remove.png?1) 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/att.png?1) no-repeat;
}
.form-control-group {
  position: relative;
}
.form-control-group .form-control {
  width: 100%;
  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/search.png?1);
}
.icon-form-control-clear {
  background-image: url(../images/clear-search.png?1);
}
.dropdown-menu .form-control {
  background-color: #fff;
}
/* - Combobox / Lookup - */
.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;
  box-shadow: 0 0 0 2px #fff;
}
.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;
}
.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;
  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:hover,
.lookup > .lookup-button button:hover,
.lookup > .lookup-button:focus,
.lookup > .lookup-button button:focus,
.lookup > .lookup-button:active,
.lookup > .lookup-button button:active,
.lookup > .lookup-button.active,
.lookup > .lookup-button button.active {
  background-color: transparent;
}
.lookup > .lookup-button {
  position: absolute;
  right: 0;
  top: 0;
}
.lookup > .lookup-button button {
  background: url(../images/search.png?1) 50% 5px no-repeat;
  background-size: 16px;
}
.lookup > .lookup-button-clear button {
  background-image: url(../images/clear-search.png?1);
}
.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;
}
.input-group input.form-control[readonly] {
  cursor: pointer;
}
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control: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:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .form-control:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  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:hover,
.input-group-btn:focus,
.input-group-btn:active {
  z-index: 2;
}
.input-group-max .form-control {
  width: 100%;
}
.input-group-max .input-group-btn {
  width: 1%;
}
/* - Editable Field - */
.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: progid:DXImageTransform.Microsoft.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: progid:DXImageTransform.Microsoft.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 - */
.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: none;
  box-shadow: none;
}
.editable-field.active {
  background: none;
}
.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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: gray;
          filter: gray;
  -webkit-filter: grayscale(100%);
          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;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.editable-field.saved .editable-field-content {
  -webkit-animation: saved-effect 0.5s ease-in-out;
  animation: saved-effect 0.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;
  }
}
/* ========================================================================
   Component: Button
 ========================================================================== */
.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:hover,
.btn > button:hover,
.btn:focus,
.btn > button:focus {
  background-color: #1e96c9;
  color: #ffffff;
  outline: none;
  text-decoration: none;
}
.btn:active,
.btn > button:active,
.btn.active,
.btn > button.active {
  background-color: #0e78a6;
  color: #ffffff;
}
.btn {
  margin-right: 5px;
}
.btn .icon,
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  margin: 0 1px 0 0;
}
.btn > button {
  display: block;
  margin: -6px -11px;
}
/* Modifier: `btn-icon-only` for `btn`
 ========================================================================== */
.btn.btn-icon-only,
.btn.btn-icon-only > button,
.btn.icon-only,
.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 > button .icon,
.btn.icon-only .icon,
.btn.icon-only > button .icon,
.btn.btn-icon-only [class^="icon-"],
.btn.btn-icon-only > button [class^="icon-"],
.btn.icon-only [class^="icon-"],
.btn.icon-only > button [class^="icon-"],
.btn.btn-icon-only [class*=" icon-"],
.btn.btn-icon-only > button [class*=" icon-"],
.btn.icon-only [class*=" icon-"],
.btn.icon-only > button [class*=" icon-"] {
  margin-right: 20px;
}
@-moz-document url-prefix() {
  button.btn-icon-only .icon,
  button.btn.icon-only .icon,
  .btn-icon-only > button .icon,
  .btn.icon-only > button .icon,
  button.btn-icon-only [class^="icon-"],
  button.btn.icon-only [class^="icon-"],
  .btn-icon-only > button [class^="icon-"],
  .btn.icon-only > button [class^="icon-"],
  button.btn-icon-only [class*=" icon-"],
  button.btn.icon-only [class*=" icon-"],
  .btn-icon-only > button [class*=" icon-"],
  .btn.icon-only > button [class*=" icon-"] {
    margin-left: 6px;
  }
}
span.btn.btn-icon-only,
span.btn.icon-only {
  overflow: visible;
}
span.btn.btn-icon-only > button,
span.btn.icon-only > button {
  margin: -6px -7px;
}
/* Modifier: `input-btn`
 * height equal to form inputs
 ========================================================================== */
.btn.input-btn,
.btn.input-btn > button {
  min-height: 26px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.btn-icon-only.btn.input-btn,
.btn-icon-only.btn.input-btn > button,
.icon-only.btn.input-btn,
.icon-only.btn.input-btn > button {
  height: 26px;
}
span.btn.input-btn > button {
  margin-top: -4px;
  margin-bottom: -4px;
}
/* Modifier: `btn-waiting`
 ========================================================================== */
.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/indicator.gif?1");
  background-size: 16px 16px;
}
span.btn.btn-waiting:before {
  display: none;
}
/* Form submit buttons in `btns-box`
 ========================================================================== */
.btns-box .btn:not(.dropdown-toggle),
.btns-container .btn:not(.dropdown-toggle),
.btns-box .btn:not(.dropdown-toggle) > button,
.btns-container .btn:not(.dropdown-toggle) > button {
  min-width: 90px;
}
.btns-box .btn,
.btns-container .btn,
.btns-box .btn > button,
.btns-container .btn > button {
  padding: 8px 12px;
  font-weight: 600;
}
.btns-box .btn > button,
.btns-container .btn > button {
  margin: -9px -13px;
}
.btns-box .btn + .btn,
.btns-container .btn + .btn {
  margin-left: 10px;
}
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle),
.btns-container .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) > button {
  background-color: #999999;
  color: #ffffff;
}
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):hover,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):hover,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle) > button:hover,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle) > button:hover,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):focus,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):focus,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle) > button:focus,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle) > button:focus {
  background-color: #b9b9b9;
  color: #ffffff;
}
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):active,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle):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) > button:active,
.btns-box .btn:not(.action):not(.btn-primary):not(.dropdown-toggle).active,
.btns-container .btn:not(.action):not(.btn-primary):not(.dropdown-toggle).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) > button.active {
  background-color: #696969;
  color: #ffffff;
}
.btns-box .btn.disabled:not(.action):not(.btn-primary),
.btns-container .btn.disabled:not(.action):not(.btn-primary),
.btns-box .btn[disabled]:not(.action):not(.btn-primary),
.btns-container .btn[disabled]:not(.action):not(.btn-primary),
.btns-box .btn.disabled:not(.action):not(.btn-primary) > button,
.btns-container .btn.disabled:not(.action):not(.btn-primary) > button,
.btns-box .btn[disabled]:not(.action):not(.btn-primary) > button,
.btns-container .btn[disabled]:not(.action):not(.btn-primary) > button,
.btns-box .btn.disabled:not(.action):not(.btn-primary):hover,
.btns-container .btn.disabled:not(.action):not(.btn-primary):hover,
.btns-box .btn[disabled]:not(.action):not(.btn-primary):hover,
.btns-container .btn[disabled]:not(.action):not(.btn-primary):hover,
.btns-box .btn.disabled:not(.action):not(.btn-primary) > button:hover,
.btns-container .btn.disabled:not(.action):not(.btn-primary) > button:hover,
.btns-box .btn[disabled]:not(.action):not(.btn-primary) > button:hover,
.btns-container .btn[disabled]:not(.action):not(.btn-primary) > button:hover,
.btns-box .btn.disabled:not(.action):not(.btn-primary):focus,
.btns-container .btn.disabled:not(.action):not(.btn-primary):focus,
.btns-box .btn[disabled]:not(.action):not(.btn-primary):focus,
.btns-container .btn[disabled]:not(.action):not(.btn-primary):focus,
.btns-box .btn.disabled:not(.action):not(.btn-primary) > button:focus,
.btns-container .btn.disabled:not(.action):not(.btn-primary) > button:focus,
.btns-box .btn[disabled]:not(.action):not(.btn-primary) > button:focus,
.btns-container .btn[disabled]:not(.action):not(.btn-primary) > button:focus,
.btns-box .btn.disabled:not(.action):not(.btn-primary):active,
.btns-container .btn.disabled:not(.action):not(.btn-primary):active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary):active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary):active,
.btns-box .btn.disabled:not(.action):not(.btn-primary) > button:active,
.btns-container .btn.disabled:not(.action):not(.btn-primary) > button:active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary) > button:active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary) > button:active,
.btns-box .btn.disabled:not(.action):not(.btn-primary).active,
.btns-container .btn.disabled:not(.action):not(.btn-primary).active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary).active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary).active,
.btns-box .btn.disabled:not(.action):not(.btn-primary) > button.active,
.btns-container .btn.disabled:not(.action):not(.btn-primary) > button.active,
.btns-box .btn[disabled]:not(.action):not(.btn-primary) > button.active,
.btns-container .btn[disabled]:not(.action):not(.btn-primary) > button.active {
  background-color: #e8e8e8;
  color: #b9b9b9;
  cursor: not-allowed;
}
/* Color modifiers
 ========================================================================== */
/* Modifier: `btn-primary` (`action`) */
.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: #ffffff;
}
.btn-primary:hover,
.btn.action:hover,
.btn.action > button:hover,
.sid-login .btns-box .btn:not(.action):not(.btn-primary):hover,
.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button:hover,
.btn-primary:focus,
.btn.action:focus,
.btn.action > button:focus,
.sid-login .btns-box .btn:not(.action):not(.btn-primary):focus,
.sid-login .btns-box .btn:not(.action):not(.btn-primary) > button:focus {
  background-color: #1e96c9;
  color: #ffffff;
}
.btn-primary:active,
.btn.action: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) > button:active,
.btn-primary.active,
.btn.action.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) > button.active {
  background-color: #0e78a6;
  color: #ffffff;
}
.btn-group > .btn + .dropdown-toggle,
.btn-group > .btn + .dropdown-toggle > button {
  background-color: #c5c5c5;
}
.btn-group > .btn + .dropdown-toggle:hover,
.btn-group > .btn + .dropdown-toggle > button:hover,
.btn-group > .btn + .dropdown-toggle:focus,
.btn-group > .btn + .dropdown-toggle > button:focus {
  background-color: #1e96c9;
  color: #ffffff;
  outline: none;
  text-decoration: none;
}
.btn-group > .btn + .dropdown-toggle:active,
.btn-group > .btn + .dropdown-toggle > button:active,
.btn-group > .btn + .dropdown-toggle.active,
.btn-group > .btn + .dropdown-toggle > button.active,
.btn-group-open.btn-group > .btn + .dropdown-toggle,
.btn-group-open.btn-group > .btn + .dropdown-toggle > button,
.open.btn-group > .btn + .dropdown-toggle,
.open.btn-group > .btn + .dropdown-toggle > button {
  background-color: #0e78a6;
  color: #ffffff;
}
/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */
.btn.disabled,
.btn[disabled],
.btn.disabled > button,
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled > button:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled > button:focus,
.btn.disabled:active,
.btn[disabled]:active,
.btn.disabled > button:active,
.btn.disabled.active,
.btn[disabled].active,
.btn.disabled > button.active {
  background-color: #e8e8e8;
  color: #b9b9b9;
  cursor: not-allowed;
}
/* Modifier: `btn-link`
 ========================================================================== */
.btn-link,
.btn-link > button {
  color: #0877bf;
}
.btn-link,
.btn-link > button,
.btn-link:hover,
.btn-link > button:hover,
.btn-link:focus,
.btn-link > button:focus,
.btn-link:active,
.btn-link > button:active,
.btn-link.active,
.btn-link > button.active {
  border-color: transparent;
  background: none;
}
.btn-link:hover,
.btn-link > button:hover,
.btn-link:focus,
.btn-link > button:focus,
.btn-link:active,
.btn-link > button:active,
.btn-link.active,
.btn-link > button.active {
  color: #2498e3;
  text-decoration: underline;
}
.btn-link.disabled,
.btn-link > button.disabled,
.btn-link[disabled],
.btn-link > button[disabled],
.btn-link.disabled:hover,
.btn-link > button.disabled:hover,
.btn-link[disabled]:hover,
.btn-link > button[disabled]:hover,
.btn-link.disabled:focus,
.btn-link > button.disabled:focus,
.btn-link[disabled]:focus,
.btn-link > button[disabled]:focus,
.btn-link.disabled:active,
.btn-link > button.disabled:active,
.btn-link[disabled]:active,
.btn-link > button[disabled]:active,
.btn-link.disabled.active,
.btn-link > button.disabled.active,
.btn-link[disabled].active,
.btn-link > button[disabled].active {
  background: none;
  color: #999999;
  text-decoration: none;
}
.btn-link:focus,
.btn-link > button:focus {
  outline: 1px dotted;
}
/* ========================================================================
   Link button: Text with small icon 's-btn'
 ========================================================================== */
.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,
.sb-btn[class^="sb-"]:before,
.s-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,
.sb-btn[class^="sb-"]:after,
.s-btn[class*=" sb-"]:after,
.sb-btn[class*=" sb-"]:after {
  content: "";
  display: inline-block;
  height: 16px;
  vertical-align: -3px;
}
.s-btn .icon,
.sb-btn .icon,
.s-btn [class^="icon-"],
.sb-btn [class^="icon-"],
.s-btn [class*=" icon-"],
.sb-btn [class*=" icon-"] {
  float: left;
  margin-left: -20px;
}
/* Modifier: `btn-icon-only` for `s-btn`
 ========================================================================== */
.s-btn.btn-icon-only,
.s-btn.icon-only {
  box-sizing: border-box;
  width: 16px;
  padding-left: 16px;
  overflow: hidden;
  vertical-align: -3px;
}
.s-btn.btn-icon-only[class^="sb-"]:before,
.s-btn.icon-only[class^="sb-"]:before,
.s-btn.btn-icon-only[class*=" sb-"]:before,
.s-btn.icon-only[class*=" sb-"]:before,
.s-btn.btn-icon-only .icon,
.s-btn.icon-only .icon,
.s-btn.btn-icon-only [class^="icon-"],
.s-btn.icon-only [class^="icon-"],
.s-btn.btn-icon-only [class*=" icon-"],
.s-btn.icon-only [class*=" icon-"] {
  margin-left: -16px;
  margin-right: 10px;
}
/* ========================================================================
   Link button: Text with big icon 'b-btn'
 ========================================================================== */
.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;
}
/* Disabled state for `s-btn` and `b-btn`
 ========================================================================== */
.s-btn.btn-disabled,
.b-btn.btn-disabled,
.s-btn.disabled,
.b-btn.disabled,
.s-btn[disabled],
.b-btn[disabled],
.s-btn.btn-disabled:hover,
.b-btn.btn-disabled:hover,
.s-btn.disabled:hover,
.b-btn.disabled:hover,
.s-btn[disabled]:hover,
.b-btn[disabled]:hover {
  color: #333;
  text-decoration: none;
  opacity: .5;
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: gray;
          filter: gray;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  cursor: not-allowed;
}
.disabledIcon {
  opacity: .5;
}
/* ========================================================================
   Legacy Button
 ========================================================================== */
.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,
.toolsArea .commonButton button,
.toolbar .commonButton button {
  display: none;
}
.listArea .buttons .commonButton span {
  display: block;
}
/* Button */
.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:hover,
.commonButton button:focus {
  background-color: #1e96c9;
  color: #ffffff;
  outline: none;
  text-decoration: none;
}
.commonButton button:active {
  background-color: #0e78a6;
  color: #ffffff;
}
#bid-ok button,
#bid-finish button {
  min-width: 90px;
  background-color: #0f7faf;
  color: #ffffff;
}
#bid-ok button:hover,
#bid-finish button:hover,
#bid-ok button:focus,
#bid-finish button:focus {
  background-color: #1e96c9;
  color: #ffffff;
}
#bid-ok button:active,
#bid-finish button:active,
#bid-ok button.active,
#bid-finish button.active {
  background-color: #0e78a6;
  color: #ffffff;
}
#bid-cancel button {
  min-width: 90px;
  background-color: #999999;
  color: #ffffff;
}
#bid-cancel button:hover,
#bid-cancel button:focus {
  background-color: #b9b9b9;
  color: #ffffff;
}
#bid-cancel button:active,
#bid-cancel button.active {
  background-color: #696969;
  color: #ffffff;
}
#bid-to-shared,
#bid-to-exclusive {
  width: 100%;
}
#bid-to-shared button,
#bid-to-exclusive button {
  width: 100%;
}
span.commonButton button,
span#bid-ok.commonButton button,
span#bid-finish.commonButton button,
span#bid-cancel.commonButton button,
span.commonButton button:hover,
span#bid-ok.commonButton button:hover,
span#bid-finish.commonButton button:hover,
span#bid-cancel.commonButton button:hover,
span.commonButton button:focus,
span#bid-ok.commonButton button:focus,
span#bid-finish.commonButton button:focus,
span#bid-cancel.commonButton button:focus,
span.commonButton button:active,
span#bid-ok.commonButton button:active,
span#bid-finish.commonButton button:active,
span#bid-cancel.commonButton button:active {
  background-color: #e8e8e8;
  color: #b9b9b9;
  cursor: not-allowed;
}
/* Link button: Text with small icon */
.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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: gray;
          filter: gray;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  cursor: not-allowed;
}
/* Link button: Text with big icon */
.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;
}
.toolsArea .commonButton span,
.formArea .toolsArea .commonButton span {
  display: block;
  width: 144px;
  padding-left: 0;
  white-space: normal;
  word-wrap: break-word;
}
.toolsArea .commonButton span:before,
.formArea .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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: gray;
          filter: gray;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  cursor: not-allowed;
}
/* = Tabs =
------------------------------------------------------------------------------ */
.tabs,
#screenTabs {
  margin: 0 0 12px;
}
.tabs ul,
#screenTabs ul {
  margin: -1px 0 0;
  padding: 0;
  list-style: none;
}
.tabs ul:before,
#screenTabs ul:before,
.tabs ul:after,
#screenTabs ul:after {
  content: "";
  display: table;
}
.tabs ul:after,
#screenTabs ul:after {
  clear: both;
}
.tabs li,
#screenTabs li {
  display: block;
  position: relative;
}
.tabs li > a,
#screenTabs 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,
#screenTabs li > a:hover {
  border-color: #2298cb;
  background-color: #2298cb;
}
.tabs li > a .close,
#screenTabs li > a .close {
  text-shadow: none;
  float: right;
  width: 14px;
  margin-left: 2px;
  text-align: right;
  cursor: pointer;
}
.tabs li > a .close:hover,
#screenTabs li > a .close:hover {
  opacity: 0.5;
}
.tabs li > a .close:before,
#screenTabs li > a .close:before {
  content: "✕";
  font-weight: 400;
  font-size: 12px;
}
.tabs .active a,
#screenTabs #current a,
.tabs .active a:hover,
#screenTabs #current a:hover {
  position: relative;
  border-color: #09729f;
  background-color: #fff;
  color: #09729f;
}
.tabs .active a:before,
#screenTabs #current a:before,
.tabs .active a:hover:before,
#screenTabs #current a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #fff;
}
@media (max-width: 767px) {
  .tabs li > a,
  #screenTabs li > a {
    font-size: 15px;
    line-height: 20px;
  }
  .tabs .active > a,
  #screenTabs #current > a,
  .tabs .active > a:hover,
  #screenTabs #current > a:hover {
    margin-bottom: 0;
    padding-right: 30px;
    background: #09729f;
    color: #fff;
    box-shadow: none;
  }
  .tabs .active > a:before,
  #screenTabs #current > a:before {
    display: none;
  }
  .tabs .active > a:after,
  #screenTabs #current > a:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    margin: -8px 10px 0;
    background: url(../icons/64/plesk/_expand.png?1) no-repeat;
    background-size: 16px;
  }
  .tabs li:not(.active),
  #screenTabs li:not(#current) {
    display: none;
  }
  .responsive-tabs-visible.tabs li:not(.active),
  .responsive-tabs-visible#screenTabs li:not(#current) {
    -webkit-animation: fade 0.2s ease-in-out;
            animation: fade 0.2s ease-in-out;
    display: block;
  }
}
@media (min-width: 768px) {
  .tabs ul,
  #screenTabs ul {
    margin-top: -2px;
    border-bottom: 1px solid #09729f;
  }
  .tabs li,
  #screenTabs li {
    float: left;
  }
  .tabs li > a,
  #screenTabs li > a {
    float: left;
    margin: 2px 2px 0 0;
    padding: 6px 10px;
    border-bottom-width: 0;
  }
  .tabs .active a,
  #screenTabs #current a {
    margin-bottom: -1px;
    padding-bottom: 7px;
  }
}
/* = Sticky navigation =
------------------------------------------------------------------------------ */
@media (max-width: 767px) {
  .sticky-nav {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .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 #ffffff;
  }
  .sticky-nav .tabs-area > ul {
    margin: 0 20px;
  }
  .page-sidebar-closed .sticky-nav .tabs-area,
  .page-sidebar-hidden .sticky-nav .tabs-area {
    left: 0;
  }
  .page-header-hidden .sticky-nav .tabs-area {
    top: 0;
  }
}
/* ========================================================================
   Animation
 ========================================================================== */
/* Keyframes: Fade
 ========================================================================== */
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Keyframes: Fade with slide
 ========================================================================== */
@-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);
  }
}
/* Keyframes: Fade with scale
 ========================================================================== */
@-webkit-keyframes fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fade-scale-02 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.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);
  }
}
/* Keyframes: Slide
 ========================================================================== */
@-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);
  }
}
/* Keyframes: Scale
 ========================================================================== */
@-webkit-keyframes scale-12 {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-12 {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* Keyframes: Rotate
 ========================================================================== */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/* Keyframes: Shake
 ========================================================================== */
@-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);
  }
}
/* Keyframes: Fade with slide fixed
 ========================================================================== */
@-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);
  }
}
/* = Icons =
------------------------------------------------------------------------------ */
i.icon,
span.icon,
[class^="icon-"],
[class*=" icon-"],
.btn [class^="icon-"],
.btn [class*=" icon-"],
.s-btn [class^="icon-"],
.s-btn [class*=" icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  background-repeat: no-repeat;
  background-size: 16px;
}
i.icon img,
[class^="icon-"] img,
[class*=" icon-"] img {
  display: block;
  width: 16px;
  height: 16px;
}
/* = Collapsible block =
------------------------------------------------------------------------------ */
.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-collapse.png?1);
  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 > .box-area > .title h3 .title-content-show,
.b-collapsible.hide .title .title-content-hide,
.b-collapsible.hide .content {
  display: none;
}
.b-collapsible.hide .title h3 .title-content-show {
  display: inline;
}
/* - Double List Control - */
.double-list-select,
.doubleListSelect {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 960px;
  height: 174px;
  margin-top: -6px;
  padding-top: 6px;
}
.double-list-select.dls-large,
.doubleListSelect {
  height: 428px;
}
.dls-first-box,
.dls-second-box {
  width: 49.9%;
  height: 174px;
}
.dls-large .dls-first-box,
.dls-large .dls-second-box,
.doubleListSelectLeftOuter,
.doubleListSelectRightOuter {
  width: 49.9%;
  height: 428px;
}
.dls-second-box,
.doubleListSelectRightOuter {
  position: relative;
  top: -174px;
  left: 50%;
}
.dls-large .dls-second-box,
.doubleListSelectRightOuter {
  top: -428px;
}
.double-list-select h4,
.doubleListSelectTitle {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 400;
}
.dls-second-box h4 {
  margin-left: 54px;
}
.dls-box-area,
.doubleListSelectLeft,
.doubleListSelectRight {
  clear: both;
  overflow: auto;
  height: 140px;
  margin: 0 54px 0 0;
  border: solid #cfcfcf;
  border-width: 1px 0;
  background: #f4f4f4;
}
.doubleListSelectLeft,
.doubleListSelectRight {
  clear: both;
  height: 400px;
  margin: 0 70px 0 0;
}
.dls-large .dls-box-area {
  height: 395px;
}
.dls-second-box .dls-box-area {
  margin: 0 0 0 54px;
}
.doubleListSelectRight {
  margin: 0 0 0 70px;
}
.doubleListSelectRightOuter .doubleListSelectTitle {
  margin-left: 70px;
}
.doubleListSelectAll {
  display: inline;
  float: right;
  text-transform: lowercase;
}
.doubleListSelectLeftOuter .doubleListSelectAll {
  margin-right: 70px;
}
.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-search.png");
}
.dls-search input:focus {
  outline: none;
}
.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,
.doubleListSelectItem {
  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,
.doubleListSelectItem.selected,
.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-control.png?1);
  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,
.doubleListSelectControls {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 108px;
  margin: -30px 0 0 -54px;
  text-align: center;
}
.doubleListSelectControls {
  top: 170px;
  width: 100px;
  margin: 0 0 0 -50px;
}
.dls-controls .btn {
  display: block;
  width: 60px;
  min-width: 60px;
  margin: 0 auto 10px;
}
.dls-controls .btn button {
  width: 60px;
  min-width: 10px;
}
.doubleListSelect .doubleListSelectControls .commonButton {
  margin: 0 0 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: 0.4;
}
.dls-box-area .dls-item-block:hover .dls-sort-controls {
  visibility: visible;
  opacity: 1;
}
/* - Extended Double List Control - */
.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 0.3s ease;
          transition: box-shadow 0.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: none;
}
.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-arrows.png?1);
  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-list-empty,
.edls-ajax-loading {
  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-list-empty,
.edls-ajax-loading {
  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 0.3s ease, box-shadow 0.3s ease;
          transition: margin 0.3s ease, box-shadow 0.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-arrows.png?1);
  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-wrap,
  .edls-box,
  .edls-control {
    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 {
  color: #2c2c2c;
  text-decoration: none;
}
.pathbar li a:hover {
  background: #2298cb;
  color: #fff;
}
.pathbar li a:hover:after {
  border-left-color: #2298cb;
}
.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:before,
.pathbar li > span:before {
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ffffff;
  content: "";
}
.pathbar li a:after,
.pathbar li > span:after {
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 1;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #ebebeb;
  content: "";
}
.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,
.pathbar li:first-child a:before,
.pathbar li:first-child > span:before {
  display: none;
}
.pathbar b {
  display: none;
}
/* = Panels =
------------------------------------------------------------------------------ */
.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;
}
/* - Service provider home - */
.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 {
  width: 50%;
}
/* - Statistics - */
.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-usage.png?1);
}
.bp-stat-traffic .b-panel-content {
  background-image: url(../icons/32/plesk/traffic.png?1);
}
.line-chart-data-table th,
.line-chart-data-table td {
  padding: 0 0 10px;
  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-control.png?1) 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 0.3s ease-in-out;
          animation: fade 0.3s ease-in-out;
}
.panel-collapsed.panel .panel-content {
  display: none;
}
.p-tools.panel .panel-content,
.p-additional-services.panel .panel-content,
.p-domain-registration.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-ul,
.panel-ul-simple {
  margin: 0;
  padding: 0;
  list-style: none;
}
.panel-ul > li {
  padding: 4px 0 4px 10px;
  background: 0 11px no-repeat;
  background-image: url(../images/bullet.gif?1);
}
.panel-ul-simple > li {
  padding: 4px 0;
}
.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%;
}
.data-list,
.panel.p-system-overview .system-overview-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
* + .data-list {
  margin-top: 4px;
}
.data-list .data-list-item,
.panel.p-system-overview .system-overview-item {
  padding: 4px 0;
}
.panel.p-system-overview .system-overview-details {
  margin: 4px 0;
}
.panel.p-system-overview .system-overview-details p {
  margin: 5px 0;
  padding: 0;
}
.panel .stat-block + .stat-block {
  margin-top: 10px;
}
.panel .stat-gauge,
.panel .stat-data,
.panel .stat-name {
  display: block;
  color: #4a4a4a;
}
.panel .stat-name,
.panel .stat-gauge {
  padding: 0 0 1px;
}
.panel .stat-name {
  font-weight: 700;
}
.panel .stat-data {
  font-size: 11px;
}
.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 0.3s ease-in-out;
          animation: fade 0.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: none;
}
.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;
}
/* - Sidebar -
------------------------------------------------------------------------------ */
.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/update.png?1) 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;
}
/* Promo blocks
 --------------------------------- */
.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: 0.8;
}
.p-box .close:before {
  content: "✕";
  font-weight: 400;
  font-size: 13px;
}
.p-box-tl,
.p-box-bl {
  display: none;
}
.p-box-header,
.p-box-footer {
  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-header-nav a,
.p-box-footer-nav a {
  float: right;
  margin: 8px 0 8px 10px;
}
.p-box-header-nav a:first-child,
.p-box-footer-nav a:first-child {
  float: left;
  margin: 8px 10px 8px 0;
}
.p-box-header-text,
.p-box-footer-text {
  padding: 8px 0;
}
.p-box-content {
  padding: 10px;
}
/* - Home page apps promo block - */
.home-promo-block .p-box-header,
.home-promo-block .p-box-footer {
  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;
}
/* - Side panel apps promo block - */
.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:before,
.app-list-item-block:after {
  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 Area =
------------------------------------------------------------------------------ */
.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:before,
.tools-list .tool-block:after {
  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/bullet.gif?1);
}
.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: none;
  opacity: .5;
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: gray;
          filter: gray;
  -webkit-filter: grayscale(100%);
          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%;
  }
}
/* ========================================================================
   Labels
 ========================================================================== */
.label {
  display: inline-block;
  padding: 3px 8px;
  background: #80c2de;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
/* Color modifier
 ========================================================================== */
.label {
  background-color: #80c2de;
}
.label[href]:hover,
.label[href]:focus {
  background-color: #58afd3;
}
.label-inactive {
  background-color: #a5b1bd;
}
.label-inactive[href]:hover,
.label-inactive[href]:focus {
  background-color: #8897a7;
}
.label-success {
  background-color: #86c939;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #6ca32c;
}
.label-info {
  background-color: #80c2de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #58afd3;
}
.label-warning {
  background-color: #feb534;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #fea301;
}
.label-danger {
  background-color: #ed6060;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #e83232;
}
.heading h2 .label,
.active-list .caption-head-wrap .label {
  vertical-align: 3px;
  margin-right: 5px;
}
/* = Messages =
------------------------------------------------------------------------------ */
.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: 0.8;
}
.msg-box .close:before {
  content: "✕";
  font-weight: 700;
  font-size: 13px;
}
.msg-top-note {
  position: absolute;
  z-index: 10;
  top: 60px;
  right: 20px;
  padding: 10px;
}
.msg-top-note:before {
  display: none;
}
.msg-info,
.msg-update,
.msg-top-note {
  background: #bcdf94;
}
.msg-warning,
.msg-limits {
  background: #fdd896;
}
.msg-error {
  background: #f4b3b3;
}
.msg-progress,
.msg-screen-help {
  background: #dadada;
}
.msg-info:before {
  background-image: url(../icons/16/plesk/ok.png?1);
}
.msg-warning:before {
  background-image: url(../icons/16/plesk/att.png?1);
}
.msg-limits:before {
  background-image: url(../icons/16/plesk/convert-subscriptions.png?1);
}
.msg-error:before {
  background-image: url(../icons/16/plesk/warning.png?1);
}
.msg-progress:before,
.msg-update-running:before {
  background-image: url(../icons/16/plesk/indicator.gif?1);
}
.msg-update:before {
  background-image: url(../icons/16/plesk/install.png?1);
}
.msg-screen-help:before {
  background-image: url(../icons/16/plesk/info.png?1);
}
.msg-wordpress-promo {
  padding-left: 80px;
  background: #bbe7f9 url(../images/wordpress-big.png?1) -7px 2px no-repeat;
  background-size: 75px;
}
.msg-progress .progress-info {
  padding: 0 10px 0 0;
}
.msg-progress .progress-start {
  display: block;
  padding: 2px 0 0;
}
.msg-progress .progress-indicator {
  width: 1%;
  padding: 0 0 0 10px;
}
.msg-progress .progress-status {
  width: 1%;
  padding: 0 5px 0 0;
  white-space: nowrap;
}
.msg-progress .gauge-wrapper {
  width: 190px;
  min-width: 0;
  margin: 3px 0 0;
}
.msg-progress .progress-links {
  padding: 0 0 0 10px;
  text-align: right;
  white-space: nowrap;
  word-spacing: 5px;
}
.msg-progress .progress-links a {
  word-spacing: 0;
}
.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;
}
/* = Line Indicators =
------------------------------------------------------------------------------ */
/* - Gauge Elements - */
.gauge-wrapper,
.gauge-container,
.gaugeWrapper,
.gaugeContainer {
  display: block;
  overflow: hidden;
  height: 12px;
}
.gauge-wrapper,
.gaugeWrapper {
  position: relative;
  min-width: 85px;
  margin: 2px 0;
  font-size: 1px;
  line-height: 1px;
  background: #e2e2e2;
}
.gauge-filled,
.gaugeFilled {
  float: left;
  box-sizing: border-box;
  width: 0;
  height: 100%;
  background-color: #80c2de;
}
.over .gauge-filled,
.over .gaugeFilled {
  background-color: #e66383;
}
.warn .gauge-filled,
.warn .gaugeFilled {
  background-color: #feb534;
}
.migration-progress-indicator .gauge-wrapper {
  display: inline-block;
  width: 130px;
  margin-right: 10px;
  vertical-align: middle;
}
/* - Password Strength - */
.password-strength,
.password-strength i {
  display: block;
  height: 26px;
  background: #e6e6e6;
}
.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;
}
/* - Line-Chart - */
.line-chart,
.line-chart .chart-data {
  display: block;
  height: 12px;
  background: #e2e2e2;
}
.line-chart {
  display: block;
  vertical-align: middle;
  background-color: #ebebeb;
}
.line-chart .chart-data {
  background-color: #80c2de;
}
.line-chart .chart-data-warn {
  background-color: #feb534;
}
.line-chart .chart-data-over {
  background-color: #e66383;
}
/* - Progress Bar - */
.progress-bar,
.progress-bar-fill {
  display: block;
  height: 20px;
  background: #e2e2e2;
}
.progress-bar {
  position: relative;
  vertical-align: middle;
  background-color: #e2e2e2;
}
.progress-bar-fill {
  background-color: #80c2de;
}
.progress-bar-box {
  width: 473px;
  margin: 30px auto;
}
.progress-bar-box .progress-counter {
  margin-bottom: 5px;
}
.b-progress {
  margin-bottom: 12px;
}
.b-progress-counter {
  overflow: hidden;
  margin: 0 0 5px;
  padding: 0;
  list-style: none;
}
.b-progress-counter-item-1 {
  float: left;
}
.b-progress-counter-item-2 {
  float: right;
}
/* - Bar-Chart-Table - */
.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;
}
.paging {
  width: 100%;
  color: #787878;
}
.paging .paging-info {
  display: inline-block;
  margin: 3px 0;
}
.paging .paging-view,
.paging .paging-nav {
  display: block;
  margin: 3px 0;
}
.paging .paging-info-select {
  margin: 0 0;
  padding: 3px 5px;
  background: #ffe396;
}
.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 {
    border-bottom: 1px dashed;
    cursor: pointer;
  }
  .paging .paging-info-select {
    border: 0;
  }
  .paging .paging-view,
  .paging .paging-nav {
    display: none;
  }
  .r-paging-visible .paging-view,
  .r-paging-visible .paging-nav {
    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;
  }
}
/* = Toolbar =
============================================================================== */
.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/_select.png?1);
}
.r-actions-toolbar span {
  background-image: url(../icons/64/plesk/_toolbar.png?1);
}
.r-actions-search span {
  background-image: url(../icons/64/plesk/_search.png?1);
}
.r-actions-item-active,
.r-actions-item-active:hover {
  background: #2298cb;
}
.r-actions-item-active span:before,
.r-actions-item-active span:after {
  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:before,
.r-actions-select.r-actions-item-active span:after {
  display: none;
}
.r-actions-item:hover span,
.r-actions-item-active span,
.r-actions-item-active:hover span {
  background-position: 0 -24px;
}
.objects-toolbar > .s-btn,
.objects-toolbar .actions-menu > .s-btn,
.objects-toolbar .search-control > .s-btn {
  float: left;
  margin: 0 1px 10px 0;
  padding: 6px 8px;
  color: #373737;
  background: #dedede;
}
.objects-toolbar > .s-btn:before,
.objects-toolbar .actions-menu > .s-btn:before,
.objects-toolbar .search-control > .s-btn:before {
  display: none;
}
.objects-toolbar > .s-btn:hover,
.objects-toolbar .actions-menu > .s-btn:hover,
.objects-toolbar .search-control > .s-btn:hover,
.objects-toolbar > .s-btn:focus,
.objects-toolbar .actions-menu > .s-btn:focus,
.objects-toolbar .search-control > .s-btn:focus {
  background-color: #1e96c9;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.objects-toolbar > .s-btn:active,
.objects-toolbar .actions-menu > .s-btn:active,
.objects-toolbar .search-control > .s-btn:active,
.objects-toolbar > .s-btn.active,
.objects-toolbar .actions-menu > .s-btn.active,
.objects-toolbar .search-control > .s-btn.active {
  background-color: #0e78a6;
  color: #fff;
}
.objects-toolbar > .s-btn.btn-disabled,
.objects-toolbar .actions-menu > .s-btn.btn-disabled,
.objects-toolbar .search-control > .s-btn.btn-disabled,
.objects-toolbar > .s-btn.btn-disabled:hover,
.objects-toolbar .actions-menu > .s-btn.btn-disabled:hover,
.objects-toolbar .search-control > .s-btn.btn-disabled:hover,
.objects-toolbar > .s-btn.btn-disabled:focus,
.objects-toolbar .actions-menu > .s-btn.btn-disabled:focus,
.objects-toolbar .search-control > .s-btn.btn-disabled:focus,
.objects-toolbar > .s-btn.btn-disabled:active,
.objects-toolbar .actions-menu > .s-btn.btn-disabled:active,
.objects-toolbar .search-control > .s-btn.btn-disabled:active,
.objects-toolbar > .s-btn.btn-disabled.active,
.objects-toolbar .actions-menu > .s-btn.btn-disabled.active,
.objects-toolbar .search-control > .s-btn.btn-disabled.active {
  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 .sb-help.icon-only,
.objects-toolbar .global-search-button.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 .sb-help.icon-only + .quick-search-box,
.objects-toolbar .global-search-button.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.icon-only[class^="sb-"],
.objects-toolbar > .s-btn.btn-icon-only[class*=" sb-"],
.objects-toolbar > .s-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.icon-only[class^="sb-"]:before,
.objects-toolbar > .s-btn.btn-icon-only[class*=" sb-"]:before,
.objects-toolbar > .s-btn.icon-only[class*=" sb-"]:before {
  display: inline-block;
  margin-left: 0;
}
.objects-toolbar .quick-search-box {
  float: right;
  display: table;
}
.objects-toolbar .quick-search-box .search-field,
.objects-toolbar .quick-search-box .search-control {
  display: table-cell;
  vertical-align: top;
}
.objects-toolbar .quick-search-box input {
  float: left;
  width: 200px;
  height: 28px;
  margin: 0;
  padding: 4px 22px 5px 6px;
}
.objects-toolbar .quick-search-box input.default-description {
  color: #a4a4a4;
}
.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-input.png?1) no-repeat;
  background-size: 16px;
}
.search-control .sb-search-hide:before,
.actions-box #bid-search-hide span:before {
  background-image: url(../images/search-hide.png?1);
}
.search-control .sb-search-show:before,
.actions-box #bid-search-show span:before {
  background-image: url(../images/search-show.png?1);
}
.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:hover:before,
.objects-toolbar .search-control > .s-btn:focus:before,
.objects-toolbar .search-control > .s-btn:active:before,
.objects-toolbar .search-control > .s-btn.active:before {
  background-position: 0 -18px;
}
.search-box,
.search-control .sb-search-hide,
.actions-box-search-show .search-control .sb-search-show,
.show #bid-search-show,
.hide #bid-search-hide {
  display: none;
}
.actions-box-search-show .search-control .sb-search-hide {
  display: inline-block;
}
.actions-box-search-show .search-box {
  display: block;
}
/* = Legacy toolbar =
------------------------------------------------------------------------------ */
.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:hover,
.sid-legacy .actions-box .buttons .commonButton span:focus {
  background-color: #1e96c9;
  color: #fff;
  outline: none;
  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:hover,
.sid-legacy .actions-box .buttons span.commonButton span:focus,
.sid-legacy .actions-box .buttons span.commonButton span:active,
.sid-legacy .actions-box .buttons span.commonButton span.active {
  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:hover:before,
.actions-box #bid-search-show span:hover:before,
.actions-box #bid-search-hide span:focus:before,
.actions-box #bid-search-show span:focus:before,
.actions-box #bid-search-hide span:active:before,
.actions-box #bid-search-show span:active:before,
.actions-box #bid-search-hide span.active:before,
.actions-box #bid-search-show span.active:before {
  background-position: 0 -18px;
}
/* = Toolbar search block =
------------------------------------------------------------------------------ */
.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 {
  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:hover,
.search-box .s-btn:focus {
  background-color: #1e96c9;
  color: #fff;
  outline: none;
  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:hover,
.search-box .s-btn.btn-disabled:focus,
.search-box .s-btn.btn-disabled:active,
.search-box .s-btn.btn-disabled.active {
  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 > .separator,
  .actions-box .objects-toolbar > .s-btn,
  .actions-box .objects-toolbar .actions-menu,
  .actions-box .objects-toolbar .quick-search-box,
  .actions-box-search-show .search-box {
    display: none;
  }
  .r-actions-active .objects-toolbar,
  .r-actions-active-toolbar .objects-toolbar > .s-btn,
  .r-actions-active-toolbar .objects-toolbar .actions-menu,
  .r-actions-active-search .objects-toolbar .quick-search-box,
  .r-actions-active-search.actions-box-search-show .search-box {
    display: block;
  }
  .objects-toolbar {
    margin-top: 2px;
    padding: 5px 0;
    background: #dedede;
  }
  .objects-toolbar > .s-btn,
  .objects-toolbar .actions-menu,
  .objects-toolbar .actions-menu > .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 .sb-help.icon-only,
  .objects-toolbar .global-search-button.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;
    margin: 10px 10px 0;
  }
  .objects-toolbar .quick-search-box .search-field {
    width: 100%;
  }
  .objects-toolbar .quick-search-box input {
    width: 100%;
  }
  .objects-toolbar .search-control > .s-btn {
    background-color: #ababab;
  }
  /* = Toolbar search block =
------------------------------------------------------------------------------ */
  .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:hover,
  .search-box .s-btn:focus {
    background-color: #1e96c9;
  }
  .search-box .s-btn:active,
  .search-box .s-btn.active {
    background-color: #0e78a6;
  }
}
@media (min-width: 768px) {
  .r-actions {
    display: none;
  }
}
/* = Active List Toolbar =
------------------------------------------------------------------------------ */
.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 0.2s ease-in-out;
          animation: slide-top-fixed 0.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 .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-search i.icon,
.a-toolbar-buttons-misc .btn-settings i.icon,
.a-toolbar-buttons-misc .btn-informer i.icon {
  background: url(../images/toolbar-icons.png?1) no-repeat;
  background-size: 48px 32px;
}
.a-toolbar-buttons-misc .btn-search i.icon img,
.a-toolbar-buttons-misc .btn-settings i.icon img,
.a-toolbar-buttons-misc .btn-informer 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:hover 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 button:active i.icon,
.a-toolbar-buttons-misc .btn-informer:focus i.icon,
.a-toolbar-buttons-misc .btn-informer button:focus i.icon {
  background-position: 0 -16px;
}
.a-toolbar-buttons-misc .btn-search:hover 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 button:active i.icon,
.a-toolbar-buttons-misc .btn-search:focus i.icon,
.a-toolbar-buttons-misc .btn-search button:focus i.icon {
  background-position: -16px -16px;
}
.a-toolbar-buttons-misc .btn-settings:hover 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 button:active i.icon,
.a-toolbar-buttons-misc .btn-settings:focus i.icon,
.a-toolbar-buttons-misc .btn-settings button:focus i.icon {
  background-position: -32px -16px;
}
.a-toolbar-search {
  border-top: 1px solid #d6d6d6;
  margin-top: 5px;
  -webkit-animation: slide-top-fixed 0.2s ease-in-out;
          animation: slide-top-fixed 0.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-on .a-toolbar-search-advanced-view,
.a-toolbar-search-advanced-off .a-toolbar-search-basic-view,
.a-toolbar-search-advanced-off .a-toolbar-search-advanced {
  display: none;
}
@media (max-width: 959px) {
  .a-toolbar-buttons .btn-informer {
    display: none;
  }
}
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.btn-group > .btn {
  position: relative;
  float: left;
  margin: 0;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  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 > .dropdown-toggle:not(:first-child),
.btn-group > .btn:last-child:not(:first-child) > button,
.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) > .dropdown-toggle,
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child > button,
.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.open .dropdown-toggle,
.btn-group .dropdown-toggle:active > button,
.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;
}
/* ========================================================================
   Dropdown menu
 ========================================================================== */
.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;
}
.dropup,
.dropdown {
  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 rgba(0, 0, 0, 0);
  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 0.2s ease-in-out;
          animation: fade 0.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.pull-right,
.pull-right > .dropdown-menu,
.dropdown-menu-flip {
  left: auto;
  right: 0;
}
.dropup .dropdown-menu,
.dropdown-menu-up {
  top: auto;
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 2px;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 5px 10px;
  background-color: #b1b1b1;
}
.dropdown-menu > li > a,
.dropdown-menu-nav > li > a,
.dropdown-menu-list > li > a {
  display: block;
  padding: 7px 10px;
  clear: both;
  font-weight: normal;
  line-height: 16px;
  color: #373737;
  white-space: nowrap;
}
.dropdown-menu > li > a.s-btn,
.dropdown-menu-nav > li > a.s-btn,
.dropdown-menu-list > li > a.s-btn {
  margin: 0;
  padding-left: 30px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu-nav > li > a:hover,
.dropdown-menu-list > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu-nav > li > a:focus,
.dropdown-menu-list > li > a:focus {
  text-decoration: none;
  outline: 0;
  color: #ffffff;
  background-color: #5aadd1;
}
.touch .dropdown-menu > li > a,
.touch .dropdown-menu-nav > li > a,
.touch .dropdown-menu-list > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.dropdown-menu > .active > a,
.dropdown-menu-nav > .active > a,
.dropdown-menu-list > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu-nav > .active > a:hover,
.dropdown-menu-list > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu-nav > .active > a:focus,
.dropdown-menu-list > .active > a:focus {
  text-decoration: none;
  outline: 0;
  color: #ffffff;
  background-color: #5aadd1;
}
.dropdown-menu > .disabled > a,
.dropdown-menu-nav > .disabled > a,
.dropdown-menu-list > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu-nav > .disabled > a:hover,
.dropdown-menu-list > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu-nav > .disabled > a:focus,
.dropdown-menu-list > .disabled > a:focus {
  text-decoration: none;
  color: #333333;
  opacity: .5;
  background: none;
  cursor: not-allowed;
}
.dropdown-menu-content {
  padding: 7px 10px;
}
.dropdown-header {
  display: block;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 16px;
  color: #777777;
  white-space: nowrap;
}
.dropdown-header:not(:first-child) {
  margin-top: 5px;
}
.dropdown-icon-menu > li > a,
.dropdown-icon-menu .dropdown-menu-nav > li > a,
.dropdown-icon-menu .dropdown-menu-list > li > a {
  padding-left: 38px;
}
.dropdown-icon-menu > li > a .icon,
.dropdown-icon-menu .dropdown-menu-nav > li > a .icon,
.dropdown-icon-menu .dropdown-menu-list > li > a .icon,
.dropdown-icon-menu > li > a [class^="icon-"],
.dropdown-icon-menu .dropdown-menu-nav > li > a [class^="icon-"],
.dropdown-icon-menu .dropdown-menu-list > li > a [class^="icon-"],
.dropdown-icon-menu > li > a [class*=" icon-"],
.dropdown-icon-menu .dropdown-menu-nav > li > a [class*=" icon-"],
.dropdown-icon-menu .dropdown-menu-list > li > a [class*=" icon-"] {
  float: left;
  margin-left: -28px;
}
.dropdown-icon-menu > li > a.s-btn,
.dropdown-icon-menu .dropdown-menu-nav > li > a.s-btn,
.dropdown-icon-menu .dropdown-menu-list > li > a.s-btn {
  padding-left: 38px;
}
.dropdown-icon-menu > li > a.s-btn .icon,
.dropdown-icon-menu .dropdown-menu-nav > li > a.s-btn .icon,
.dropdown-icon-menu .dropdown-menu-list > li > a.s-btn .icon,
.dropdown-icon-menu > li > a.s-btn [class^="icon-"],
.dropdown-icon-menu .dropdown-menu-nav > li > a.s-btn [class^="icon-"],
.dropdown-icon-menu .dropdown-menu-list > li > a.s-btn [class^="icon-"],
[class*=" icon-"] .dropdown-icon-menu > 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 .dropdown-menu-list > li > a.s-btn[class^="sb-"]:before,
.dropdown-icon-menu > li > a.s-btn[class*=" sb-"]:before,
.dropdown-icon-menu .dropdown-menu-nav > li > a.s-btn[class*=" sb-"]:before,
.dropdown-icon-menu .dropdown-menu-list > 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 {
  padding-left: 38px;
}
.dropdown-icon-menu .divider {
  margin-left: 38px;
}
.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;
}
/* Popup menu
 -------------------------------------------------------------------------- */
.objects-toolbar .actions-menu {
  position: relative;
  float: left;
}
.actions-menu .popup-box,
.popup-menu.popup-box,
.fm-popup-file-operations.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 rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-transition: none;
          transition: none;
  -webkit-animation: fade 0.2s ease-in-out;
          animation: fade 0.2s ease-in-out;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.actions-menu .popup-box.collapsed,
.popup-menu.popup-box.collapsed,
.fm-popup-file-operations.popup-box.collapsed {
  display: none;
}
.actions-menu .popup-box .popup-heading,
.popup-menu.popup-box .popup-heading,
.fm-popup-file-operations.popup-box .popup-heading {
  display: none;
}
.actions-menu .popup-box .popup-wrapper,
.popup-menu.popup-box .popup-wrapper,
.fm-popup-file-operations.popup-box .popup-wrapper {
  width: 100%;
  max-width: 100%;
}
.actions-menu .popup-box .popup-content,
.popup-menu.popup-box .popup-content,
.fm-popup-file-operations.popup-box .popup-content {
  padding: 0;
}
.actions-menu .popup-box ul,
.popup-menu.popup-box ul,
.fm-popup-file-operations.popup-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.actions-menu .popup-box ul > li > a,
.popup-menu.popup-box ul > li > a,
.fm-popup-file-operations.popup-box ul > li > a {
  display: block;
  padding: 7px 10px;
  clear: both;
  font-weight: normal;
  line-height: 16px;
  color: #373737;
  white-space: nowrap;
}
.actions-menu .popup-box ul > li > a.s-btn,
.popup-menu.popup-box ul > li > a.s-btn,
.fm-popup-file-operations.popup-box ul > li > a.s-btn,
.actions-menu .popup-box ul > li > a.sb-btn,
.popup-menu.popup-box ul > li > a.sb-btn,
.fm-popup-file-operations.popup-box ul > li > a.sb-btn {
  margin: 0;
}
.actions-menu .popup-box ul > li > a.s-btn .icon,
.popup-menu.popup-box ul > li > a.s-btn .icon,
.fm-popup-file-operations.popup-box ul > li > a.s-btn .icon,
.actions-menu .popup-box ul > li > a.sb-btn .icon,
.popup-menu.popup-box ul > li > a.sb-btn .icon,
.fm-popup-file-operations.popup-box ul > li > a.sb-btn .icon,
.actions-menu .popup-box ul > li > a.s-btn [class^="icon-"],
.popup-menu.popup-box ul > li > a.s-btn [class^="icon-"],
.fm-popup-file-operations.popup-box ul > li > a.s-btn [class^="icon-"],
.actions-menu .popup-box ul > li > a.sb-btn [class^="icon-"],
.popup-menu.popup-box ul > li > a.sb-btn [class^="icon-"],
.fm-popup-file-operations.popup-box ul > li > a.sb-btn [class^="icon-"],
[class*=" icon-"] .actions-menu .popup-box ul > li > a.s-btn[class^="sb-"]:before,
[class*=" icon-"] .popup-menu.popup-box ul > li > a.s-btn[class^="sb-"]:before,
[class*=" icon-"] .fm-popup-file-operations.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-"] .popup-menu.popup-box ul > li > a.sb-btn[class^="sb-"]:before,
[class*=" icon-"] .fm-popup-file-operations.popup-box ul > li > a.sb-btn[class^="sb-"]:before,
.actions-menu .popup-box ul > li > a.s-btn[class*=" sb-"]:before,
.popup-menu.popup-box ul > li > a.s-btn[class*=" sb-"]:before,
.fm-popup-file-operations.popup-box ul > li > a.s-btn[class*=" sb-"]:before,
.actions-menu .popup-box ul > li > a.sb-btn[class*=" sb-"]:before,
.popup-menu.popup-box ul > li > a.sb-btn[class*=" sb-"]:before,
.fm-popup-file-operations.popup-box ul > li > a.sb-btn[class*=" sb-"]:before {
  display: none;
}
.actions-menu .popup-box ul > li > a:hover,
.popup-menu.popup-box ul > li > a:hover,
.fm-popup-file-operations.popup-box ul > li > a:hover,
.actions-menu .popup-box ul > li > a:focus,
.popup-menu.popup-box ul > li > a:focus,
.fm-popup-file-operations.popup-box ul > li > a:focus {
  text-decoration: none;
  outline: 0;
  color: #ffffff;
  background-color: #5aadd1;
}
.actions-menu .popup-box ul > .active > a,
.popup-menu.popup-box ul > .active > a,
.fm-popup-file-operations.popup-box ul > .active > a,
.actions-menu .popup-box ul > .active > a:hover,
.popup-menu.popup-box ul > .active > a:hover,
.fm-popup-file-operations.popup-box ul > .active > a:hover,
.actions-menu .popup-box ul > .active > a:focus,
.popup-menu.popup-box ul > .active > a:focus,
.fm-popup-file-operations.popup-box ul > .active > a:focus {
  text-decoration: none;
  outline: 0;
  color: #ffffff;
  background-color: #5aadd1;
}
.actions-menu .popup-box ul > .disabled > a,
.popup-menu.popup-box ul > .disabled > a,
.fm-popup-file-operations.popup-box ul > .disabled > a,
.actions-menu .popup-box ul > .disabled > a:hover,
.popup-menu.popup-box ul > .disabled > a:hover,
.fm-popup-file-operations.popup-box ul > .disabled > a:hover,
.actions-menu .popup-box ul > .disabled > a:focus,
.popup-menu.popup-box ul > .disabled > a:focus,
.fm-popup-file-operations.popup-box ul > .disabled > a:focus {
  text-decoration: none;
  color: #333333;
  opacity: .5;
  background: none;
  cursor: not-allowed;
}
.actions-menu .popup-box .separator,
.popup-menu.popup-box .separator,
.fm-popup-file-operations.popup-box .separator {
  height: 1px;
  margin: 5px 10px;
  background-color: #b1b1b1;
}
.actions-menu .popup-box {
  min-width: 100%;
}
/* ========================================================================
   Popovers
 ========================================================================== */
.popup-box {
  position: absolute;
  z-index: 1000;
  max-width: 400px;
  font: normal 13px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  color: #000000;
  background-color: #ffefd3;
  background-clip: padding-box;
  border: 1px solid #ffb73a;
  white-space: normal;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.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: #ffffff;
  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: #ffffff;
}
.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: "✕";
}
.popup-box .popup-content {
  padding: 10px;
}
.popup-box .arrow,
.popup-box .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popup-box .arrow {
  border-width: 7px;
}
.popup-box .arrow:after {
  border-width: 7px;
  content: "";
}
.popup-box.top .arrow {
  left: 50%;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #feb534;
  bottom: -7px;
}
.popup-box.top .arrow:after {
  content: "";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #ffefd3;
}
.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 {
  left: 50%;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #feb534;
  top: -7px;
}
.popup-box.bottom .arrow:after {
  content: "";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #ffefd3;
}
.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.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;
  }
}
/* Version details popup
 -------------------------------------------------------------------------- */
.pb-panel-version .panel-version-details {
  width: 260px;
  margin: -5px 0;
}
.pb-panel-version .panel-version-details p,
.pb-panel-version .panel-version-details ul {
  margin: 5px 0;
  padding: 0;
}
.pb-server-health .t-box {
  width: 442px;
}
.popup-data-table {
  margin: -4px;
}
.popup-data-table th,
.popup-data-table td {
  padding: 4px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.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;
}
.popup-box.pb-dir-structure {
  margin: 3px 0 0 -22px;
}
.pb-dir-structure .popup-content {
  width: 250px;
}
/* Video tutorials popup
 -------------------------------------------------------------------------- */
.pb-video-tutorial {
  z-index: 1000;
  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;
}
.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 iframe,
.pb-video-tutorial .popup-content-area object,
.pb-video-tutorial .popup-content-area embed {
  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;
  }
}
/* = Popup Blocks =
------------------------------------------------------------------------------ */
.main-disabled-block {
  position: fixed;
  z-index: 900;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.lte8 .main-disabled-block {
  background: #000;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/* - Confirmation Dialog - */
.confirmation-box {
  position: absolute;
  z-index: 1000;
  top: 210px;
  left: 0;
  width: 100%;
  -webkit-animation: fade-top 0.3s ease-in-out;
          animation: fade-top 0.3s ease-in-out;
}
.confirmation-box table {
  width: 490px;
  margin: auto;
  text-align: left;
  border-collapse: separate;
}
.confirmation-box td {
  padding: 0;
}
.confirmation-box .c1 {
  padding: 20px;
  background: #fff;
}
.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-delete.png?1);
}
.confirmation-box .mw-reboot {
  background-image: url(../icons/64/plesk/mw-reboot.png?1);
}
.confirmation-box .mw-shutdown {
  background-image: url(../icons/64/plesk/mw-shutdown.png?1);
}
.confirmation-box .mw-confirm {
  background-image: url(../icons/64/plesk/mw-confirm.png?1);
}
.confirmation-box .mw-toggle {
  background-image: url(../icons/64/plesk/mw-toggle.png?1);
}
.confirmation-box .mw-clean {
  background-image: url(../icons/64/plesk/mw-clean.png?1);
}
.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;
}
/* - Popup Panel - */
.popup-panel {
  position: absolute;
  z-index: 1000;
  top: 110px;
  left: 0;
  width: 100%;
  -webkit-animation: fade-top 0.3s ease-in-out;
          animation: fade-top 0.3s ease-in-out;
}
.popup-panel .popup-wrapper {
  width: 528px;
  margin: auto;
  text-align: left;
  border-collapse: separate;
}
.popup-panel .popup-wrapper .popup-container {
  padding: 0;
  word-wrap: break-word;
}
.popup-panel .c1 {
  background: #fff;
}
.popup-panel .popup-heading {
  position: relative;
  padding: 10px 20px;
  background: #219ed4;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}
.popup-panel .popup-heading h2 {
  margin: 0;
  padding: 0;
  line-height: 28px;
  color: #fff;
}
.popup-panel .popup-heading h2[class^="pp-"],
.popup-panel .popup-heading h2[class*=" pp-"] {
  padding-left: 41px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
  min-height: 32px;
}
.popup-panel .popup-content {
  margin: 0;
  padding: 10px 20px;
}
.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-left: 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;
}
.popup-panel .list {
  overflow: auto;
}
.popup-panel .list > table > tfoot tr td {
  border-color: transparent;
}
.popup-panel .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 .rating-box {
  margin: 0 0 12px;
  padding: 10px 0 12px;
  text-align: center;
  border: solid #d9dcde;
  border-width: 1px 0;
}
.popup-panel .rating-description {
  padding: 0 0 5px;
}
.popup-panel .social-links {
  padding: 10px 0;
  text-align: center;
}
.popup-panel .social-links .fb-like,
.popup-panel .social-links .twitter-button {
  display: inline-block;
  vertical-align: middle;
}
.popup-panel .social-links .fb-like {
  margin: 0 100px 0 -23px;
}
.popup-panel .social-links .fb-like-widget {
  width: 100px;
  height: 70px;
}
.popup-panel .social-links .twitter-share-button {
  width: 62px;
  height: 70px;
}
.popup-panel .pathbar {
  margin: 0;
}
.popup-panel .popup-heading .pp-upload {
  background-image: url(../icons/32/plesk/upload.png?1);
}
.popup-panel .popup-heading .pp-download {
  background-image: url(../icons/32/plesk/download.png?1);
}
.popup-panel .popup-heading .pp-alert {
  background-image: url(../icons/32/plesk/file-alert.png?1);
}
.popup-panel .popup-heading .pp-add-folder {
  background-image: url(../icons/32/plesk/file-add-folder.png?1);
}
.popup-panel .popup-heading .pp-share {
  background-image: url(../icons/32/plesk/file-share.png?1);
}
.popup-panel .popup-heading .pp-publish {
  background-image: url(../icons/32/plesk/file-publish.png?1);
}
.popup-panel .popup-heading .pp-copy {
  background-image: url(../icons/32/plesk/file-copy.png?1);
}
.popup-panel .popup-heading .pp-move {
  background-image: url(../icons/32/plesk/file-move.png?1);
}
.popup-panel .popup-heading .pp-delete {
  background-image: url(../icons/32/plesk/file-delete.png?1);
}
.popup-panel .popup-heading .pp-send-link {
  background-image: url(../icons/32/plesk/file-send-link.png?1);
}
.popup-panel .popup-heading .pp-error {
  background-image: url(../icons/32/plesk/file-error.png?1);
}
.popup-panel .popup-heading .pp-configure-email-client,
.popup-panel .popup-heading .pp-email-link {
  background-image: url(../icons/32/plesk/mail.png?1);
}
.popup-panel .popup-heading .pp-access {
  background-image: url(../icons/32/plesk/change-passwd.png?1);
}
.popup-panel .popup-heading .pp-feedback {
  background-image: url(../icons/32/plesk/feedback.png?1);
}
.popup-panel .popup-heading .pp-add-file {
  background-image: url(../icons/32/plesk/file-add.png?1);
}
.popup-panel .popup-heading .pp-archive-extract {
  background-image: url(../icons/32/plesk/archive-extract.png?1);
}
.popup-panel .popup-heading .pp-archive-create {
  background-image: url(../icons/32/plesk/archive-create.png?1);
}
.popup-panel .popup-heading .pp-security {
  background-image: url(../icons/32/plesk/protect.png?1);
}
.popup-panel .popup-heading .pp-wordpress {
  background-image: url(../icons/32/plesk/wordpresses.png?1);
}
.popup-panel .popup-heading .pp-edit-description {
  background-image: url(../icons/32/plesk/edit-description.png?1);
}
.informer-page-1 .popup-heading .informer-heading-2,
.informer-page-2 .popup-heading .informer-heading-1 {
  display: none;
}
.modal-informer .popup-heading .close,
.popup-panel .popup-heading .close {
  float: right;
  margin-left: 10px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
  cursor: pointer;
}
.modal-informer .popup-heading .close:before,
.popup-panel .popup-heading .close:before {
  content: "✕";
}
.modal-informer .popup-heading .close:hover,
.popup-panel .popup-heading .close:hover {
  opacity: 0.8;
}
.modal-informer {
  -webkit-animation: fade-top 0.3s ease-in-out;
          animation: fade-top 0.3s ease-in-out;
}
.modal-informer .popup-content {
  padding: 0;
}
.modal-informer .btns-box {
  margin: 0;
  padding: 10px;
}
.modal-informer .c1 {
  background: #383838;
}
.lists-informer-text {
  color: #fff;
}
.lists-informer-image {
  background: url(../images/lists-informer.png?1) no-repeat;
}
.lists-informer-action-button,
.lists-informer-action-button > div {
  text-shadow: none;
  background: url(../images/informer-action-button.png?1) 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-informer.png?1) 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-button.png?1) 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;
}
/* - Tooltip - */
.tooltip {
  position: absolute;
  z-index: 1010;
  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: normal;
  font-style: normal;
}
.touch .tooltip {
  display: none !important;
}
/* Async progress */
.async-progress-bar {
  position: fixed;
  z-index: 1100;
  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: 0 0 0 5px;
  background: url(../images/hide-show-button.png?1) no-repeat;
  background-size: 16px 32px;
}
.async-progress-bar-control:hover {
  opacity: 0.8;
}
.async-progress-bar-collapsed .async-progress-bar-control {
  background-position: 0 -16px;
}
.async-progress-bar-control,
.async-progress-bar-control-show,
.async-progress-bar-control-hide {
  overflow: hidden;
  width: 16px;
  height: 16px;
}
.async-progress-bar-top,
.async-progress-bar-title,
.async-progress-bar-item-heading,
.async-progress-bar-item-title {
  overflow: hidden;
}
.async-progress-bar-top .async-progress-bar-control-show,
.async-progress-bar-collapsed .async-progress-bar-top .async-progress-bar-control-hide {
  display: none;
}
.async-progress-bar-control-show,
.async-progress-bar-control-hide,
.async-progress-bar-collapsed .async-progress-bar-top .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-error > span,
.async-progress-bar-title-tasks-complete > span,
.async-progress-bar-title-tasks-warning > span {
  position: relative;
  z-index: -1;
  margin: 0 -5px;
  padding: 0 5px;
}
.async-progress-bar-control {
  margin: 10px 10px 10px 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: 1500;
  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 .gauge-wrapper {
  display: block;
  margin: 4px 0 0;
}
.async-progress-bar .indeterminate-progress-bar .gauge-filled {
  width: 100%;
}
.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: "✕";
  font-weight: 700;
  font-size: 12px;
}
.async-progress-bar-item-msg .close:hover {
  opacity: 0.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/indicator.gif?1");
}
.async-progress-bar-item-complete .async-progress-bar-item-msg,
.async-progress-bar-title-tasks-complete {
  background-image: url("../icons/16/plesk/ok.png?1");
}
.async-progress-bar-item-error .async-progress-bar-item-msg,
.async-progress-bar-title-tasks-error {
  background-image: url("../icons/16/plesk/warning.png?1");
}
.async-progress-bar-item-warning .async-progress-bar-item-msg,
.async-progress-bar-title-tasks-warning {
  background-image: url("../icons/16/plesk/att.png?1");
}
.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 #ffffff, 0 0 0 2px rgba(117, 178, 226, 0.3);
  }
  50% {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 7px rgba(117, 178, 226, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 2px rgba(117, 178, 226, 0.3);
  }
}
@keyframes async-progress-bar-pulse {
  0% {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 2px rgba(117, 178, 226, 0.3);
  }
  50% {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 7px rgba(117, 178, 226, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 2px rgba(117, 178, 226, 0.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;
  }
}
/* = Popup Windows (sid-popup) =
------------------------------------------------------------------------------ */
.sid-popup .topline {
  position: relative;
  padding: 8px 10px;
  text-align: center;
  border-bottom: 1px solid #c4cacd;
  background: #f3f5f6;
}
.sid-popup .topline:before,
.sid-popup .topline:after {
  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, 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 form,
.sid-popup.home-dir-popup table,
.sid-popup.home-dir-popup select,
.sid-popup.home-dir-popup .path-list {
  height: 100%;
}
/* = Health Monitor =
------------------------------------------------------------------------------ */
.t-collapsible {
  margin: 5px 0 0;
  table-layout: fixed;
}
.t-collapsible th,
.t-collapsible td {
  padding: 6px 5px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}
.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-collapse.png?1);
  background-size: 14px 114px;
}
.t-collapsible .t-collapsible-anchor::-moz-selection {
  background: none;
}
.t-collapsible .t-collapsible-anchor::selection {
  background: none;
}
.t-collapsible-collapsed .t-collapsible-anchor {
  background-position: 0 2px;
}
.t-collapsible img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.t-collapsible-collapsed tbody,
.t-collapsible .t-collapsible-content-collapsed {
  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-ok,
.t-collapsible .state-warning,
.t-collapsible .state-error {
  margin-right: 5px;
}
/* = Two column object management layout =
------------------------------------------------------------------------------ */
.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 #bbbbbb;
}
.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 #ffffff;
}
.objects-management-box-collapsible .frame-switcher:hover .frame-switcher-wrap {
  opacity: 1;
}
.objects-management-box-collapsed .frame-switcher,
.fm-hidden-tree .frame-switcher {
  border-radius: 5px 0 0 5px;
}
.objects-management-box-collapsed .frame-switcher-wrap,
.fm-hidden-tree .frame-switcher-wrap {
  border-radius: 0 5px 5px 0;
  margin-left: 0;
}
.objects-management-box-collapsed .frame-switcher-wrap > span,
.fm-hidden-tree .frame-switcher-wrap > span {
  right: auto;
  left: 1px;
  border-width: 4px 0 4px 4px;
}
.objects-management-box-collapsible {
  -webkit-transition: padding 0.2s linear;
          transition: padding 0.2s linear;
}
.objects-management-box-collapsible .objects-list {
  -webkit-transition: all .2s linear;
          transition: all .2s linear;
}
.objects-management-box-collapsible.objects-management-box-collapsed,
.objects-management-box-collapsible.fm-hidden-tree {
  padding-left: 1px;
}
.objects-management-box-collapsible.objects-management-box-collapsed .objects-list,
.objects-management-box-collapsible.fm-hidden-tree .objects-list {
  margin-left: -1px;
  width: 0;
  overflow: hidden;
}
.objects-management-box-collapsible.objects-management-box-collapsed .objects-list .objects-content,
.objects-management-box-collapsible.fm-hidden-tree .objects-list .objects-content,
.objects-management-box-collapsible.objects-management-box-collapsed .objects-list .objects-content-area,
.objects-management-box-collapsible.fm-hidden-tree .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 #bbbbbb;
  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, 0.15);
}
.objects-list .hint-help .content {
  padding-left: 22px;
  background: 0 0 no-repeat;
  background-image: url(../icons/16/plesk/note.png?1);
  background-size: 16px;
}
.objects-list .hint-help p {
  margin-bottom: 5px;
}
/* Object management navigation */
.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, 0.1);
}
.objects-nav-item-active,
.objects-nav-item-active:hover {
  background: rgba(30, 150, 201, 0.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-indent .objects-nav-icon {
  display: none;
}
.objects-nav-indent .objects-nav-icon img {
  width: 16px;
  height: 16px;
}
.objects-nav-indent ul {
  margin: 0;
  padding: 0 0 5px 27px;
}
.objects-nav-indent li {
  list-style-type: disc;
}
.objects-nav-info {
  display: block;
}
.objects-nav-name,
.objects-nav-count {
  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;
}
/* Object management tree navigation */
.objects-list .tree-wrap {
  position: relative;
  margin: 0 10px;
  padding: 6px 5px 10px;
}
.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 {
  padding: 6px 0;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
  letter-spacing: -4px;
}
.tree-item-wrap span {
  letter-spacing: 0;
  word-spacing: 0;
}
.tree-item a,
.tree-item a:hover {
  color: #333;
  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-state,
.tree-item-content {
  position: relative;
}
.tree-item-hover {
  background: #e0f2fa;
}
.tree-item-select {
  position: absolute;
  left: 0;
  width: 100%;
  height: 28px;
  margin: -6px 0 0;
  cursor: pointer;
}
.tree-item-row-active .tree-item-select {
  background: #c9e8f5;
}
.tree-item-row-active b {
  color: #0877bf;
}
.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:before,
.objects-details .pathbar:before,
.objects-details .objects-toolbar:after,
.objects-details .pathbar:after {
  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 .object-details-hint,
.objects-details .msg-box,
.objects-details .empty-list {
  margin: 0 0 12px;
}
* + .objects-details .object-details-hint,
* + .objects-details .msg-box,
* + .objects-details .empty-list {
  margin-top: 12px;
}
.objects-details .empty-list {
  display: block;
  color: #787878;
}
.objects-details .list {
  overflow: visible;
}
.objects-details .objects-details-content-area > hr,
.objects-details .objects-details-content-area > .object-details-hint,
.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-list .objects-content,
  .objects-details,
  .objects-details .objects-content,
  .objects-list .objects-content-area,
  .objects-details .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 .pathbar,
  .objects-details .objects-content {
    padding: 0;
  }
  .objects-details .objects-details-heading,
  .objects-details .objects-details-content-area > hr,
  .objects-details .objects-details-content-area > .object-details-hint,
  .objects-details div.ajax-loading {
    margin-left: 0;
  }
}
/* = Aplications & Services =
------------------------------------------------------------------------------ */
/* - Apps Category List - */
.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-button.png?1) no-repeat;
  background-size: 32px;
}
.objects-details .ac-web .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-web.png?1);
}
.objects-details .ac-back-office .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-back-office.png?1);
}
.objects-details .ac-collaboration .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-collaboration.png?1);
}
.objects-details .ac-personal .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-personal.png?1);
}
.objects-details .ac-front-office .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-front-office.png?1);
}
.objects-details .ac-infrastructure .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-infrastructure.png?1);
}
.objects-details .ac-customization .aps-category-block:before {
  background-image: url(../icons/32/plesk/aps-category-customization.png?1);
}
.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;
}
/* - Apps Group List - */
.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,
.aps-group-list .package-actions .btn-group {
  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 > .btn,
.catalog-item-actions .catalog-item-status {
  float: right;
  margin-bottom: 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-default.png?1);
}
/* = Marketplace =
------------------------------------------------------------------------------ */
.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-marketplace-list .package-block .package-actions,
.aps-group-list .package-block .package-actions {
  text-align: right;
}
.catalog-overview-actions > .catalog-item-status,
.catalog-overview-actions > .btn {
  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/preferences.png?1) 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/info.png?1) 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-description,
.catalog-overview .catalog-overview-actions .action-description,
.aps-marketplace-details .package-actions .action-control,
.catalog-overview .catalog-overview-actions .action-control {
  text-align: center;
}
.aps-marketplace-details .package-content,
.catalog-overview .catalog-overview-content {
  margin: 0 210px 0 0;
}
.catalog-overview .catalog-overview-info {
  overflow: hidden;
  padding: 0 0 10px 46px;
}
.aps-marketplace-details .package-info {
  padding-left: 78px;
}
.aps-marketplace-details .package-info .package-icon,
.catalog-overview .catalog-overview-info .catalog-overview-icon {
  display: inline;
  float: left;
  margin: 3px 0 0 -46px;
}
.aps-marketplace-details .package-info .package-icon {
  margin-left: -78px;
}
.aps-marketplace-details .package-info .package-icon img {
  width: 64px;
}
.catalog-overview .catalog-overview-info .catalog-overview-icon img {
  width: 32px;
}
.aps-marketplace-details .package-info h3,
.catalog-overview .catalog-overview-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,
.catalog-overview .catalog-overview-info h3 .catalog-overview-version {
  display: block;
  font-size: 14px;
  color: #787878;
}
.aps-marketplace-details .package-description,
.catalog-overview .catalog-overview-descriptions {
  padding: 10px 0 0;
}
.aps-marketplace-details .package-screenshot,
.catalog-overview .catalog-overview-screenshots {
  padding: 10px 0 0;
  text-align: center;
}
.aps-marketplace-details .package-screenshot img,
.catalog-overview .catalog-overview-screenshots img {
  max-width: 100%;
}
.aps-marketplace-details .package-screenshot .package-img,
.catalog-overview .catalog-overview-screenshots .catalog-overview-img {
  margin: 0 0 10px;
}
.catalog-overview-img a {
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border: 1px solid #d6dfe3;
  border-radius: 3px;
  background: #ffffff;
}
.catalog-overview-img img {
  width: 320px;
}
.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-collapse.png?1) 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;
}
/* = File manager =
------------------------------------------------------------------------------ */
.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, 0.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%;
}
/* - File Manager Main Pane - List - */
.fm .list td {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .fm .list td {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
}
/* - File manager popups - */
.fm-scrollable {
  overflow: auto;
  height: 140px;
  border: 1px solid #ddd;
  background: #fff;
}
.fm-scrollable .scrollable-wrap {
  position: relative;
  margin: 2px 10px;
}
/* = File sharing =
------------------------------------------------------------------------------ */
.filesharing .objects-details .objects-content {
  overflow: visible;
}
.filesharing .objects-details .objects-content-area {
  overflow: auto;
}
.type-folder,
.type-my-folder,
.type-archive,
.type-word,
.type-txt,
.type-video,
.type-image,
.type-xls,
.type-pdf,
.type-ppt,
.type-binary,
.type-web,
.type-audio,
.type-unknown {
  background: 0 0 no-repeat;
  background-size: 16px;
  padding-left: 20px;
}
.type-folder {
  background-image: url("../icons/16/plesk/file-folder.png?1");
}
.type-my-folder {
  background-image: url("../icons/16/plesk/file-folder-personal.png?1");
}
.type-archive {
  background-image: url("../icons/16/plesk/file-arch.png?1");
}
.type-word {
  background-image: url("../icons/16/plesk/file-word.png?1");
}
.type-txt {
  background-image: url("../icons/16/plesk/file-txt.png?1");
}
.type-video {
  background-image: url("../icons/16/plesk/file-video.png?1");
}
.type-image {
  background-image: url("../icons/16/plesk/file-image.png?1");
}
.type-xls {
  background-image: url("../icons/16/plesk/file-xls.png?1");
}
.type-pdf {
  background-image: url("../icons/16/plesk/file-pdf.png?1");
}
.type-ppt {
  background-image: url("../icons/16/plesk/file-ppt.png?1");
}
.type-binary {
  background-image: url("../icons/16/plesk/file-binary.png?1");
}
.type-web {
  background-image: url("../icons/16/plesk/file-html.png?1");
}
.type-audio {
  background-image: url("../icons/16/plesk/file-audio.png?1");
}
.type-unknown {
  background-image: url("../icons/16/plesk/file-unknown.png?1");
}
/* Access info popup */
.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/protected.png?1) 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: 0;
  bottom: 100%;
  margin-bottom: 5px;
}
.access-info th,
.access-info td {
  padding-bottom: 4px;
  text-align: left;
  vertical-align: top;
}
.access-info th {
  padding-right: 8px;
  font-weight: 400;
}
.access-info td {
  font-weight: 700;
}
/* Link to folder popup */
.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 > img,
.folder-link-block .folder-link img {
  display: block;
  width: 16px;
  height: 16px;
}
.folder-link-block .popup-box {
  top: 100%;
  right: 0;
  margin-top: 3px;
}
.folder-link-block .popup-box input {
  width: 290px;
  font-size: 11px;
}
.select-block {
  position: relative;
  overflow: auto;
  width: 245px;
  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-collapse.png?1);
  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: 236px;
  height: 65px;
  margin: 0 0 5px;
  padding: 5px;
}
.popup-panel .f-max-size {
  width: 500px;
}
.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-common.png?1");
}
.folders-list .files-private span {
  background-image: url("../icons/16/plesk/file-private.png?1");
}
.folders-list .files-shared span {
  background-image: url("../icons/16/plesk/shared.png?1");
}
.folders-list .files-external span {
  background-image: url("../icons/16/plesk/file-external.png?1");
}
.folders-list .files-external li span {
  padding: 3px 0 3px 22px;
  color: #757575;
  background: 8px 10px no-repeat;
  background-image: url(../images/bullet.gif?1);
}
.folders-list .active li div,
.tree-box .selected span span {
  background: none;
}
.star-holder,
.star-holder .star-rating {
  height: 12px;
  background: url(../images/stars.png?1) 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;
}
/* = License =
------------------------------------------------------------------------------ */
.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;
}
/* = Billing =
------------------------------------------------------------------------------ */
.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 .odd,
.list-in-col .even {
  background: none;
}
@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;
}
/* = Misc =
------------------------------------------------------------------------------ */
.hint,
.hint-top,
.hint-in-input {
  color: #787878;
}
.hint-upgrade,
.hint-wait,
.hint-ok,
.migration-status-success,
.hint-attention,
.hint-warning,
.migration-status-stopped,
.hint-failed,
.migration-status-failed,
.ajax-loading,
.switch-to {
  padding: 0 0 0 20px;
  background: 0 0 no-repeat;
  background-size: 16px;
}
.hint-upgrade {
  background-image: url("../icons/16/plesk/update.png?1");
}
.hint-wait,
.ajax-loading {
  background-image: url("../icons/16/plesk/indicator.gif?1");
}
.hint-ok,
.migration-status-success {
  background-image: url("../icons/16/plesk/ok.png?1");
}
.hint-attention,
.hint-warning,
.migration-status-stopped {
  background-image: url("../icons/16/plesk/att.png?1");
}
.hint-failed,
.migration-status-failed {
  background-image: url("../icons/16/plesk/warning.png?1");
}
.switch-to {
  background-image: url("../icons/16/plesk/switch.png?1");
}
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: default;
}
.hint-top {
  padding: 12px 0;
}
.tooltipData {
  display: none;
}
.checkbox-disabled-wrapper {
  position: absolute;
  z-index: 2;
  width: 13px;
  height: 13px;
}
.content-blocker {
  position: absolute;
  z-index: 1000;
  opacity: 0.4;
  background: #fff;
}
.owned-subscription {
  display: block;
  min-height: 14px;
  padding: 0 0 2px;
  line-height: 14px;
}
.state-bg-warning,
.state-bg-error {
  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;
}
.status-overused,
.list .status-overused .hint-info {
  color: #c00;
  font-weight: 700;
}
.status-overused a,
.list .status-overused .hint-info 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: 1px 5px 0 0;
}
.hint-sub,
.b-subitem {
  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:before,
.indent-box-thumb:after {
  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 img,
#fldset-mailInfo td a {
  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;
}
.on-state img,
.off-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;
}
/* = Helper classes =
------------------------------------------------------------------------------ */
.clearfix:before,
.clearfix:after,
.clear:before,
.clear:after {
  display: table;
  content: "";
}
.clearfix:after,
.clear:after {
  clear: both;
}
.no-border {
  border: 0 !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.wrap,
.wrap * {
  white-space: normal !important;
}
.nowrap,
.nowrap *,
.nobr {
  white-space: nowrap !important;
}
.displayNone,
.hidden {
  display: none !important;
}
.noBold {
  font-weight: normal !important;
}
.r-visible,
.hideVisibility,
.hideByDefault,
.adminOnlyVisibility {
  display: none;
}
.wrapper {
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
}
.w-spacing {
  padding: 10px 0;
}
.fixed {
  position: fixed;
}
@media (max-width: 959px) {
  .b-content-side,
  .b-content-main {
    height: auto !important;
    margin-top: 0 !important;
  }
  .b-content-side .panels-group.fixed,
  .b-content-main #main.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 #ffffff;
  }
  .screen-description-control:after {
    content: '...';
  }
  .screen-description.expanded .screen-description-control,
  .screen-description-control.off {
    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.odd,
  .aps-marketplace-list > li.even {
    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-description,
  .catalog-overview .catalog-overview-actions .action-description,
  .aps-marketplace-details .package-actions .action-control,
  .catalog-overview .catalog-overview-actions .action-control {
    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 thead,
  .objects-details-footer table.footer-container,
  .objects-details-footer table.footer-container th,
  .objects-details-footer table.footer-container td,
  .objects-details-footer table.footer-container tr {
    display: block;
  }
  .objects-details-footer table.footer-container .footer-action {
    width: auto;
    text-align: left;
  }
}