input[type=checkbox].showDashBoardSecrete { display:none; } /* to hide the checkbox itself */
input[type=checkbox].showDashBoardSecrete + label:before {
    font-family: FontAwesome;
    display: inline-block;
}

input[type=checkbox].showDashBoardSecrete + label:before { content: "\f070"; font-size: 20px; cursor: pointer; } /* unchecked icon */
input[type=checkbox].showDashBoardSecrete + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox].showDashBoardSecrete:checked + label:before { content: "\f06e"; font-size: 20px; color: #00acec; cursor: pointer; } /* checked icon */
input[type=checkbox].showDashBoardSecrete:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

body {
    font-family: 'JetBrains Mono', monospace;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'JetBrains Mono', monospace;
}
#main-nav-bg {
    border-right: none;
    background: #fbfbfb;
}
#main-nav .navigation {
    padding-left: 10px;
    background-color: #0163ac;
    border-radius: 0px 0px 11px 0px;
    padding-bottom: 15px;
    padding-top: 15px;
}
#main-nav .navigation > .nav {
    border-bottom: none;
    background-color: #0163ac;
    border-radius: 0px 0px 11px 0px;
}
#main-nav .navigation > .nav > li > a {
    background-color: #0163ac;
    border: none;
}
#main-nav .navigation > .nav > li > a span {
    text-shadow: none;
    color: #FFF;
}
.nav-stacked li:last-child a:last-child {
    border-radius: 0px 0px 10px 0px;   
}
#main-nav .navigation > .nav > li > a [class^="icon-"], #main-nav .navigation > .nav > li > a [class*=" icon-"] {
    color:  #FFF;
}
#main-nav .navigation > .nav > li:hover > a, #main-nav .navigation > .nav > li:focus > a, #main-nav .navigation > .nav > li.active > a {
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0 1px 3px rgb(0 0 0);
    z-index: 1;
}
.nav-stacked b:nth-child(1) {
    position: absolute;
    width: 100%;
    height: 20px;
    background: #FFF;
    top: -20px;
}
.mb15{
    margin-bottom:15px!important;
}
.mt15{
    margin-top:15px!important;
}
@keyframes expand {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes expand {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes collapse {
  to {
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes  collapse {
  to {
    transform: scale(0);
    opacity: 0;
  }
}
.animate-expand {
    animation: expand .3s ease-in;
}
.animate-colapse {
    animation: collapse .4s ease-out;
}
.balancer-add-ip-button, .balancer-add-rule-button {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 2px 8px 2px 8px;
}
.balancer-remove-ip-button, .balancer-remove-rule-button {
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 2px 8px 2px 8px;
    line-height: 23px;
    display: none;
}
.label-success {
    -webkit-box-shadow: 3px 3px 7px rgb(62 176 91);
    box-shadow: 3px 3px 7px rgb(62 176 91);
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background-color: #FFF;
    color: #000;
}
.label-danger {
    -webkit-box-shadow: 3px 3px 7px rgb(217 83 79);
    box-shadow: 3px 3px 7px rgb(217 83 79);
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background-color: #FFF;
    color: #000;
}
.label-important {
    -webkit-box-shadow: 3px 3px 7px rgb(243 69 65);
    box-shadow: 3px 3px 7px rgb(243 69 65);
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background-color: #FFF;
    color: #000;
}
.label-warning {
    -webkit-box-shadow: 3px 3px 7px rgb(248 163 38);
    box-shadow: 3px 3px 7px rgb(248 163 38);
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background-color: #FFF;
    color: #000;
}
.label-info {
    -webkit-box-shadow: 3px 3px 7px rgb(149 100 226);
    box-shadow: 3px 3px 7px rgb(149 100 226);
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background-color: #FFF;
    color: #000;
}
.label-blue {
    -webkit-box-shadow: 3px 3px 7px rgb(0 172 236);
    box-shadow: 3px 3px 7px rgb(0 172 236);
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    background-color: #FFF;
    color: #000;
}
.new-lable {
    position: absolute;
    top: 2px;
    right: 8px;
    padding: 0 2px;
    font-size: 12px;
    background-color: red;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.circle-red {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #f34541;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
.circle-blue {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #01518e;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #FFF;
    text-align: center;   
}
.start-wizard {
    -webkit-box-shadow: 3px 3px 7px rgb(73 191 103);
    box-shadow: 3px 3px 7px rgb(73 191 103);
    border-radius: 50%;
    line-height: 31px;
    text-align: center;
    height: 30px;
    width: 30px;
    float: right;
    font-size: 36px;
    margin-right: 25px;
    /*margin-top: 25px;*/
    cursor: pointer;
}
.start-wizard:hover {
    -webkit-box-shadow: 5px 5px 9px rgb(73 191 103);
    box-shadow: 5px 5px 9px rgb(73 191 103);
}
.d-none {
    display: none
}
.text-xs-small {
    font-size: 13px
}
.tooltip-inner {
    word-wrap: break-word;
    max-width: 300px;
}
.invoice-action {
    width: 145px;
}
.white-backgroudn {
    background-color: #FFF;
}
.server-box-tariff {
    -webkit-box-shadow: 3px 3px 7px rgb(122, 168, 208);
    box-shadow: 3px 3px 7px rgb(122, 168, 208);
}
.server-box-running {
    -webkit-box-shadow: 3px 3px 7px rgb(73, 191, 103);
    box-shadow: 3px 3px 7px rgb(73, 191, 103);
    border-radius: 3px;
}
.server-box-running:hover {
    -webkit-box-shadow: 4px 4px 8px rgb(62, 176, 91);
    box-shadow: 3px 3px 7px rgb(62, 176, 91);
}
.server-box-stoped {
    -webkit-box-shadow: 3px 3px 7px rgb(241, 46, 41);
    box-shadow: 3px 3px 7px rgb(241, 46, 41);
    border-radius: 3px;
}
.server-box-stoped:hover {
    -webkit-box-shadow: 4px 4px 8px rgb(240, 22, 17);
    box-shadow: 3px 3px 8px rgb(240, 22, 17);
}
.server-box-deploying {
    -webkit-box-shadow: 3px 3px 7px rgb(255, 207, 99);
    box-shadow: 3px 3px 7px rgb(255, 207, 99);
    border-radius: 3px;
}
.server-box-deploying:hover {
    -webkit-box-shadow: 3px 3px 7px rgb(255, 183, 22);
    box-shadow: 3px 3px 7px rgb(255, 183, 22);
}
.server-box-create {
    -webkit-box-shadow: 3px 3px 7px rgb(30, 172, 236);
    box-shadow: 3px 3px 7px rgb(30, 172, 236);
    border-radius: 3px;
}
.server-box-create:hover {
    -webkit-box-shadow: 3px 3px 7px rgb(28, 158, 216);
    box-shadow: 3px 3px 7px rgb(28, 158, 216);
}
.box-content.vhd-box-plugged {
    -webkit-box-shadow: 3px 3px 7px rgb(73, 191, 103);
    box-shadow: 3px 3px 7px rgb(73, 191, 103);
}
.box-content.vhd-box-plugged:hover {
    -webkit-box-shadow: 4px 4px 8px rgb(62, 176, 91);
    box-shadow: 3px 3px 7px rgb(62, 176, 91);
}
.box-content.vhd-box-unplugged {
    -webkit-box-shadow: 3px 3px 7px rgb(241, 46, 41);
    box-shadow: 3px 3px 7px rgb(241, 46, 41);
}
.box-content.vhd-box-unplugged:hover {
    -webkit-box-shadow: 4px 4px 8px rgb(240, 22, 17);
    box-shadow: 3px 3px 8px rgb(240, 22, 17);
}
.box-content.vhd-box-not-attached {
    -webkit-box-shadow: 3px 3px 7px rgb(255, 207, 99);
    box-shadow: 3px 3px 7px rgb(255, 207, 99);
}
.box-content.vhd-box-not-attached:hover {
    -webkit-box-shadow: 3px 3px 7px rgb(255, 183, 22);
    box-shadow: 3px 3px 7px rgb(255, 183, 22);
}
.vdsToVSwitch {
    -webkit-box-shadow: 0 0 8px #dce1e5;
    -moz-box-shadow: 0 0 8px #dce1e5;
    box-shadow: 0 0 8px #dce1e5;
    border: 1px #d0d0d0 solid;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box-content.box-plugged, .box-plugged {
    -webkit-box-shadow: 3px 3px 7px rgb(73, 191, 103);
    box-shadow: 3px 3px 7px rgb(73, 191, 103);
}
.box-content.box-plugged:hover, .box-plugged:hover {
    -webkit-box-shadow: 4px 4px 8px rgb(62, 176, 91);
    box-shadow: 3px 3px 7px rgb(62, 176, 91);
}
.box-content.box-unplugged {
    -webkit-box-shadow: 3px 3px 7px rgb(241, 46, 41);
    box-shadow: 3px 3px 7px rgb(241, 46, 41);
}
.box-content.box-unplugged:hover {
    -webkit-box-shadow: 4px 4px 8px rgb(240, 22, 17);
    box-shadow: 3px 3px 8px rgb(240, 22, 17);
}
.box-content.box-not-attached, .box-not-attached {
    -webkit-box-shadow: 3px 3px 7px rgb(255, 207, 99);
    box-shadow: 3px 3px 7px rgb(255, 207, 99);
}
.box-content.box-not-attached:hover, .box-not-attached:hover {
    -webkit-box-shadow: 3px 3px 7px rgb(255, 183, 22);
    box-shadow: 3px 3px 7px rgb(255, 183, 22);
}
.remove-vds-from-vswitch {
    position: absolute;
    top: 0px;
    right: 5px;
}
select.vdsSelect option {
    color: black;
}
select.vdsSelect option:invalid {
    color: #dce1e5;
}
select.vdsSelect option[disabled=disabled] {
    color: #dce1e5;
}
.search-divider {
    margin: 0px !important;
}
.intelli-search-data {
    padding: 3px 6px !important;
}
.backup-radio-label {
    display: inherit;
    cursor: pointer;
}
.backup-radio-label > .box-content > input {
    visibility: hidden;
    margin-left: -16px !important;
}
.margin-top-45 {
    margin-top: 10% !important;
}
.margin-top-40 {
    margin-top: 42px !important;
}
.btn {
    border-radius: 3px !important;
}
.btn-whitesmoke {
    background-color: whitesmoke !important;
    color: #333333 !important;
}
.btn-reg {
    border-radius: 3px !important;
}
.btn-google-registration {
    background-color: #fff;
    margin-top: 10px;
    border-radius: 3px !important;
}
.btn-google-registration:hover {
    background-color: #eee;
}
.page-header {
    margin: 0px 0px 15px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.transporent-div {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.transporent-div:hover {
    opacity: 1;
    background-color: #83bbf5;
}
.icon-sitemap.inactive {
    color:#CCC;
    font-size:45px;
}
.icon-sitemap.active {
    color:#FFF;
    font-size:45px;
}
.nounderline:hover{
    text-decoration:none
}
#pswd_info {
    position:absolute;
    bottom:-168px;
    bottom: -115px\9; /* IE Specific */
    right:50px;
    width:300px;
    padding:15px;
    background:#fefefe;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    z-index: 2;
}
#pswd_info-newRootPassword {
    position:absolute;
    bottom:43px;
    bottom: -115px\9; /* IE Specific */
    right:-40px;
    width:300px;
    padding:15px;
    background:#fefefe;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    z-index: 2;
}
#pswd_info-newBackupPassword {
    position:absolute;
    bottom:43px;
    bottom: -115px\9; /* IE Specific */
    right:-40px;
    width:300px;
    padding:15px;
    background:#fefefe;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    z-index: 2;
}
#pswd_info ul {
    padding-left: 20px;
}
#pswd_info-newRootPassword ul {
    padding-left: 20px;
}
#pswd_info-newBackupPassword ul {
    padding-left: 20px;
}
#pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
    font-size: 15px;
}
#pswd_info-newRootPassword h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
    font-size: 15px;
}
#pswd_info-newBackupPassword h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
    font-size: 15px;
}
#pswd_info:before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}
#pswd_info-newRootPassword:after {
    content: "\25BC";
    position:absolute;
    bottom:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}
#pswd_info-newBackupPassword:after {
    content: "\25BC";
    position:absolute;
    bottom:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}
#pswd_info-newRootPassword {
    display:none;
}
#pswd_info-newBackupPassword {
    display:none;
}
#pswd_info {
    display:none;
}
li.invalid {
    line-height:24px;
    color:#ec3f41;
    display: inline-block !important;
}
li.invalid:before {
   padding-right:12px;
}
li.valid {
    line-height:24px;
    color:#3a7d34;
    display: inline-block !important;
}
li.valid:before {
    padding-right:12px;
}

.block-page {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    display: none;
}
.block-page-mini {
    position: fixed;
    margin-left: -15px;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    display: none;
}
.block-element {
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    text-align: center;
}
.next-bill-date{
    padding-top: 5px;
    font-size: 13px;
    /*position: absolute;*/
}
.icon-kubernetes {
   height: 19px;
   margin-top: -3px;
}
.icon-file-code-o:before {
    content: "\f1c9";
}
.icon-dot-circle-o:before {
    content: "\f192";
}
.icon-microchip:before {
    content: "\f2db";
}
.icon-rub:before {
    content: "\f158";
}
.icon-user-plus:before {
    content: "\f234";
}
.icon-thumbs-o-up:before {
    content: "\f087";
}
.icon-support:before {
    content: "\f1cd";
}
.icon-shield:before {
    content: "\f132";
}
.icon-heartbeat:before {
    content: "\f21e";
}
.icon-taxi:before {
    content: "\f1ba";
}
.icon-line-chart:before {
    content: "\f201";
}
.icon-WordPress:before {
    content: "\f19a";
    font-size: 45px;
}
.icon-Drupal:before {
    content: "\f1a9";
    font-size: 45px;
}
.icon-Joomla:before {
    content: "\f1aa";
    font-size: 45px;
}
.icon-VestaCP {
    font-size: 41px;
}
.icon-ISPLite {
    font-size: 41px;
}
.icon-LAMP {
    font-size: 45px;
}
.icon-LEMP {
    font-size: 45px;
}
.icon-Kubernetes {
    font-size: 41px;
}
.icon-thumbs-o-up-margin-right {
    margin-right: 15px;
}

body section#content .container{
    min-width: 100%;
}
#content-wrapper {
    padding-bottom: 81px;
}
#footer {
    position: absolute;
    bottom: 0px;
    margin-left: -15px;
}
#footer .footer-wrapper {
    padding: 5px 0;
}
.select-price .template {
    padding: 5px;
    cursor: pointer;
}
.select-price .custom-template {
    padding: 5px;
    cursor: pointer;
}
.select-price .template .box-content:first-child {
    border-bottom: 0px;
}
.select-price .template .box-content {
    text-align: center;
}
.select-price .custom-template .box-content:first-child {
    border-bottom: 0px;
}
.select-price .custom-template .box-content {
    text-align: center;
}
.select-os .os {
    padding: 5px;
    cursor: pointer;
}
.select-os .os .box-content:first-child {
    border-bottom: 0px;
}
.select-os .os .box-content:last-child {
    padding: 0px;
}
.select-os .os .box-content {
    text-align: center;
}
.select-os .os .box-content .form-control{
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.select-os .os .box-content .row{
    margin-left:0px;
    margin-right:0px;
}

/* В зависимости от количества версий ОС делаем ширину одной версии равной "вся длинна row"/"колчисетво версий"*/
.select-os .os .box-content .row div:first-child:nth-last-child(1),
.select-os .os .box-content .row div:first-child:nth-last-child(1) ~ div{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.select-os .os .box-content .row div:first-child:nth-last-child(1) .os-version-select,
.select-os .os .box-content .row div:first-child:nth-last-child(1) ~ div .os-version-select{
    margin-left: -10px;
    margin-right: 2px;
    line-height: 20px;
    float: right;
}
.select-os .os .box-content .row div:first-child:nth-last-child(2),
.select-os .os .box-content .row div:first-child:nth-last-child(2) ~ div{
    width: 50%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.select-os .os .box-content .row div:first-child:nth-last-child(2),
.select-os .os .box-content .row div:first-child:nth-last-child(2) ~ div:first-child{
    border-right: 1px solid #dddddd;
}
.select-os .os .box-content .row div:first-child:nth-last-child(2) .os-version-select,
.select-os .os .box-content .row div:first-child:nth-last-child(2) ~ div .os-version-select{
    margin-left: -10px;
    margin-right: 2px;
    line-height: 20px;
    float: right;
}
.select-os .os .box-content .row div:first-child:nth-last-child(3),
.select-os .os .box-content .row div:first-child:nth-last-child(3) ~ div{
    width: 33.3333%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}
.select-os .os .box-content .row div:first-child:nth-last-child(3),
.select-os .os .box-content .row div:first-child:nth-last-child(3) ~ div:first-child,
.select-os .os .box-content .row div:first-child:nth-last-child(3) ~ div:nth-child(2){
    border-right: 1px solid #dddddd;
}
.select-os .os .box-content .row div:first-child:nth-last-child(3) .os-version-select,
.select-os .os .box-content .row div:first-child:nth-last-child(3) ~ div .os-version-select{
    margin-left: -10px;
    margin-right: 2px;
    line-height: 20px;
    float: right;
}
.select-region {
    cursor: pointer;
}

.os-version-select-inactive {
    color: #E4E4E4;
}
.os-version-select-active {
    color: #03C35D;
}

form[class*="form-"] .with-icon-over-input {
    position: relative;
}
form[class*="form-"] .with-icon-over-input [class^="icon-"] {
    position: absolute;
    right: 10px;
    top: 9px;
}
form[class*="form-"] .with-icon-over-input [class^="icon-"] {
    padding-right: 18px;
}
.bootstrap-select>.dropdown-toggle.btn-white{
    border: 0px;
}
.bootstrap-select .dropdown-menu.inner{
    text-align: center;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option{
    text-align: center;  
}
.page-header-with-buttons .buttons ul.dropdown-menu{
    right: 0;
    left: auto;
}
.page-header-with-buttons .buttons ul.dropdown-menu li a:hover{
    color: #ffffff;
}
ul.forcepoweroff{
    color:white !important;
    background-color: #f34541;
}
a.forcepoweroff{
    color:white !important;
    padding: 3px 12px !important;
}
.forcepoweroff:hover {
    background-color: #f01611 !important;
}

ul.forcereboot{
    color:white !important;
    background-color: #f8a326;
}
a.forcereboot{
    color:white !important;
    padding: 3px 12px !important;
}
.forcereboot:hover {
    background-color: #ec971f !important;
}
span.month-price {
    font-size: 26px;
    font-weight: 600;
}
span.month-price-comment {
    font-size: 16px;
}
.header.price-header-cost.white-background {
    background-color: white;
    color: black !important;
}

.price-header-cost .month-price-comment {
    font-size: 25px;
}
span.minute-price {
    font-size: 14px;
}
span.minute-price-comment {
    font-size: 12px;
}
.os-name.Ubuntu.inactive {
    background-image: url("/cp/images/os-logo/Ubuntu-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 39px;
    margin: auto;
}
.os-name.Ubuntu.active {
    background-image: url("/cp/images/os-logo/Ubuntu-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 39px;
    margin: auto;
}
.os-name.Debian.inactive {
    background-image: url("/cp/images/os-logo/Debian-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 42px;
    margin: auto;
}
.os-name.Debian.active {
    background-image: url("/cp/images/os-logo/Debian-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 42px;
    margin: auto;
}
.os-name.CentOS.inactive {
    background-image: url("/cp/images/os-logo/CentOS-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
}
.os-name.CentOS.active {
    background-image: url("/cp/images/os-logo/CentOS-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
}
.os-name.Fedora.inactive {
    background-image: url("/cp/images/os-logo/Fedora-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 43px;
    margin: auto;
}
.os-name.Fedora.active {
    background-image: url("/cp/images/os-logo/Fedora-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 43px;
    margin: auto;
}
.os-name.FreeBSD.inactive {
    background-image: url("/cp/images/os-logo/Freebsd-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 43px;
    margin: auto;
}
.os-name.FreeBSD.active {
    background-image: url("/cp/images/os-logo/Freebsd-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 43px;
    margin: auto;
}
.os-name.OracleLinux.inactive {
    background-image: url("/cp/images/os-logo/OracleLinux-inactive.png?v=1.5");
    background-repeat: no-repeat;
    height: 45px;
    width: 80px;
    margin: auto;
}
.os-name.OracleLinux.active {
    background-image: url("/cp/images/os-logo/OracleLinux-active.png?v=1.5");
    background-repeat: no-repeat;
    height: 45px;
    width: 80px;
    margin: auto;
}
.os-name.RockyLinux.inactive {
    background-image: url("/cp/images/os-logo/RockyLinux-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
    background-size: cover;
}
.os-name.RockyLinux.active {
    background-image: url("/cp/images/os-logo/RockyLinux-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
    background-size: cover;
}
.os-name.Windows.inactive {
    background-image: url("/cp/images/os-logo/Windows-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
}
.os-name.Windows.active {
    background-image: url("/cp/images/os-logo/Windows-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
}
.os-name.MikrotikCHR.inactive {
    background-image: url("/cp/images/os-logo/MikrotikCHR-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 68px;
    margin: auto;
    background-size: cover;
}
.os-name.MikrotikCHR.active {
    background-image: url("/cp/images/os-logo/MikrotikCHR-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 68px;
    margin: auto;
    background-size: cover;
}
.os-name.FortiGate.inactive {
    background-image: url("/cp/images/os-logo/fortigate-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 62px;
    margin: auto;
    background-size: cover;
}
.os-name.FortiGate.active {
    background-image: url("/cp/images/os-logo/fortigate-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 62px;
    margin: auto;
    background-size: cover;
}
.os-name.BigBlueButton.inactive {
    background-image: url("/cp/images/os-logo/BigBlueButton-inactive.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
    background-size: cover;
}
.os-name.BigBlueButton.active {
    background-image: url("/cp/images/os-logo/BigBlueButton-active.png");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
    background-size: cover;
}
.os-name.openSUSE.inactive {
    background-image: url("/cp/images/os-logo/openSUSE-inactive.png?v=1.3");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
    background-size: cover;
}
.os-name.openSUSE.active {
    background-image: url("/cp/images/os-logo/openSUSE-active.png?v=1.4");
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin: auto;
    background-size: cover;
}
.os-name.icon-dot-circle-o.inactive {
    color: #CCC;
}
.os-name.icon-dot-circle-o.active {
    color: #FFF;
}
.os-name.icon-WordPress.inactive {
    color: #CCC;
}
.os-name.icon-WordPress.active {
    color: #FFF;
}
.os-name.icon-Drupal.inactive {
    color: #CCC;
}
.os-name.icon-Drupal.active {
    color: #FFF;
}
.os-name.icon-Joomla.inactive {
    color: #CCC;
}
.os-name.icon-Joomla.active {
    color: #FFF;
}
.os-name.icon-VestaCP.inactive {
    color: #CCC;
}
.os-name.icon-VestaCP.active {
    color: #FFF;
}
.os-name.icon-ISPLite.inactive {
    color: #CCC;
}
.os-name.icon-ISPLite.active {
    color: #FFF;
}
.os-name.icon-LAMP.inactive {
    color: #CCC;
}
.os-name.icon-LAMP.active {
    color: #FFF;
}
.os-name.icon-LEMP.inactive {
    color: #CCC;
}
.os-name.icon-LEMP.active {
    color: #FFF;
}
.os-name.icon-Kubernetes.inactive {
    color: #CCC;
}
.os-name.icon-Kubernetes.active {
    color: #FFF;
}
#CentOS-lending {
    background-image: url("/cp/images/os-logo/os-list.png");
    background-repeat: no-repeat;
    background-position: -29px -153px;
    height: 68px;
    width: 68px;
    margin: 0 auto;
}
#Debian-lending {
    background-image: url("/cp/images/os-logo/os-list.png");
    background-repeat: no-repeat;
    background-position: -29px -276px;
    height: 68px;
    width: 68px;
    margin: 0 auto;
}
#Fedora-lending {
    background-image: url("/cp/images/os-logo/os-list.png");
    background-repeat: no-repeat;
    background-position: -28px -401px;
    height: 68px;
    width: 68px;
    margin: 0 auto;
}
#FreeBSD-lending {
    background-image: url("/cp/images/os-logo/os-list.png");
    background-repeat: no-repeat;
    background-position: -29px -648px;
    height: 68px;
    width: 68px;
    margin: 0 auto;
}
#Ubuntu-lending {
    background-image: url("/cp/images/os-logo/os-list.png");
    background-repeat: no-repeat;
    background-position: -25px -26px;;
    height: 68px;
    width: 68px;
    margin: 0 auto;
}
#Windows-lending {
    background-image: url("/cp/images/os-logo/windows_lending.png");
    background-repeat: no-repeat;
    height: 78px;
    width: 78px;
    margin: 0 auto;
    background-size: cover;
}
#Vesta-lending {
    background-image: url("/cp/images/os-logo/VestaCP.png");
    background-repeat: no-repeat;
    height: 43px;
    width: 124px;
    margin: 17px auto;
}
#WordPress-lending {
    background-image: url("/cp/images/os-logo/WordPress.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 68px;
    margin: 0 auto;
    background-size: cover;
}
#Joomla-lending {
    background-image: url("/cp/images/os-logo/Joomla.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 68px;
    margin: 0 auto;
    background-size: cover;
}
#Drupal-lending {
    background-image: url("/cp/images/os-logo/Drupal.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 60px;
    margin: 0 auto;
    background-size: cover;
}
#LAMP-lending {
    background-image: url("/cp/images/os-logo/LAMP.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 42px;
    margin: 0 auto;
    background-size: cover;
}
#LEMP-lending {
    background-image: url("/cp/images/os-logo/LEMP.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 62px;
    margin: 0 auto;
    background-size: cover;
}
.disallow {
    z-index: 1000;
    background-color: lightgrey;
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}
.box .box-content-custom{
    padding: 10px;
    background: white;
    display: block;
    -webkit-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.055);
    box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.055);
    border: 1px solid #fff;
}
.box .box-content{
    border-radius: 3px;
}
.pricing-table-border {
    border: 1px solid #dddddd !important;
    -webkit-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.055);
    box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.055);
}
.pricing-tables .pricing-table .header.price-header-cost {
    padding: 25px 0 25px 0;
    color: white;
    font-size: 30px;
}
.pricing-tables .pricing-table .features {
    padding-top: 0px;
}
.pricing-tables .pricing-table .footer {
    background-color: #FFF;
}
.pricing-tables .pricing-table .features > li {
    border-bottom: 0px !important;
}
.label.label-important.recomended-price {
    float: right;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 15px;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.advantage-title {
    font-size: 19px;
}
.advantage-header-title {
    font-size: 22px;
}
.a-record-lable {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
}
.ns-record-lable {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
}
.mx-record-lable {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
}
.cn-record-lable {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
}
.txt-record-lable {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 15px;
}
.dns-list div.row:nth-child(n+3) {
    margin-top: 10px;
}
.server-name {
    display: inline;
    cursor: pointer;
}
.serverEditIcon, .vSwitchEditIcon, .userS3EditIcon {
    color: #bbbbbb !important;
    font-size: 16px;
    margin-top: 2px;
    margin-left: 10px;
    position: absolute;
}
.btn.is-disabled {
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    color: #bbb;
    cursor: not-allowed
}
.is-disabled {
    pointer-events: none
}
.btn-100-width {
    width: 100%;
}
div.advantage-title i {
    margin-right: 7px;
    font-size: 26px;
}
tr[data-href] { cursor: pointer }

.navbar-default .navbar-nav>li>a {
    color: #FFF;
}
.navbar-default .collapse.in .navbar-nav>li>a {
    color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.nav-server-control>.active>a {
    background-color: #0163ac !important;
    color: #FFF !important;
}
.nav-server-control>.active>a>i {
    color: #FFF !important;
}
.nav-server-control>li>a {
    border: 1px solid #ddd;
    border-radius: 5px !important;
    margin-right: 5px !important;
}
.nav-server-control>li>a>i {
    color: #0163ac;
}
.customTooltip {
    min-width: 240px !important;
    max-width: 240px !important;
}
.customTooltip .introjs-skipbutton {
    position: absolute;
    right: 3px;
}
/*landscape show element*/
@media screen and (min-aspect-ratio: 13/9){
    .col-xsl-show {
        display: block !important;
    }
}
/*portrait hide element*/
@media screen and (max-aspect-ratio: 13/9){
    .col-xsl-show {
        display: none !important;
    }
    .col-xsp-6 {
        width: 50%;
    }
}
col-xs-4
@media (max-width: 1024px) {
    #main-nav {
        width: 45px;
        overflow: hidden;
        top: 124px; } }
/*for iPad*/
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  #main-nav {
        width: 45px;
        overflow: hidden;
        top: 39px; } }
@media (max-width: 767px) {
    #main-nav {
        width: 45px;
        overflow: hidden;
        top: 39px; } }
@media (max-width: 1024px) {
    #main-nav-bg {
        width: 0px; } }
@media (max-width: 1024px) {
    .mobile-content {
        margin-left: 22px; } }  
@media (max-width: 767px) {
    .mobile-content {
        margin-left: 22px; } }
@media (max-width: 767px) {
    .tab-content.mobile-content, .nav.nav-tabs.mobile-content, .responsive-table.mobile-content {
        margin-left: 44px; } }
@media (max-width: 767px) {
    span.month-price {
        font-size: 22px; } }
@media (max-width: 767px) {
    span.month-price-comment {
        font-size: 14px; } }
@media (max-width: 767px) {
    .form.form-horizontal.mobile-content {
        margin-left: 44px; } }

@media (max-width: 400px) {
	.col-xs-3-mobile-400 {
		width: 100%;} }
@media (max-width: 768px) {
    .col-xs-2-768 {
        width: 33.33%;
    }
	.margin-top-12-mobile-768 {
		margin-top: 15px;} }

@media (max-width: 320px) {
	.padding-right-0-padding-left-9-mobile-320 {
		padding-right: 0px;
		padding-left: 9px;} }
@media (max-width: 375px) {
    .col-xs-2-375 {
        width: 100%;
    } }       
@media (max-width: 1024px) {
    .padding-0-0-0-8-mobile-1024 {
        padding: 0px 0px 0px 8px;} }

@media (max-width: 320px) {
    .line-height-9-mobile-320 {
        line-height: 9px;} }

@media (max-width: 667px) {
    #content-wrapper {
        padding-bottom: 110px;
    } }

@media (max-width: 568px) {
    #content-wrapper {
        padding-bottom: 130px;
    } }

@media (max-width: 480px) {
    #content-wrapper {
        padding-bottom: 130px;
    } }

@media (max-width: 320px) {
    #content-wrapper {
        padding-bottom: 170px;
    } }
@media (max-width: 1024px) {
    #content {
        margin-left: 0px; } }
@media (max-width: 991px) {
    #content {
        margin-left: 0px; } }
@media (max-width: 767px) {
    #content {
        margin-left: 0; } }
@media print {
    #content {
        margin-left: 0 !important; } }
@media (max-width: 480px) {
    .col-xs-480 {
        width: 100%;
    } }
@media (max-width: 768px) {
    .nav > li > a {
        padding: 10px 10px;
    }
}
@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding: 10px 10px;
    }
}
@media (max-width: 768px) {
    .text-center-sm {
        text-align: center;
    }
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}