/*
Theme Name: Digit - Responsive WHMCS Client Area Template
Theme URI: http://www.whmcsdes.com
Description: Custom CSS File
Version: 8.1.0
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/

:root {
    --main-gradient-color: #228ae6;
    --secondary-gradient-color: #228ae6;
  }

/*
 * VIVACLOUD
 */
.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.logincontainer {
  max-width: 800px;
}
/*
body {
  background-image: url('https://wallpaperaccess.com/full/1398650.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
*/
section#footer ul {
  padding: 0;
  margin: 12px 0 0 0;
  width: 100%;
  text-align: center;
}
section#footer ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 18px;
}
section#footer ul li:last-child {
  margin-right: 0px;
}
section#footer a {
  font-family: "Montserrat", sans-serif;
}
.breadcrumb li:first-child {
  display:none;
}
.breadcrumb li:nth-child(2):before {
  content:" ";
}
ol.breadcrumb::before {
  display:none;
}
section#header .logo img {
  margin: 2px 0px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px;
  max-height: 59px;
  padding: 0px 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.betterdocs-live-search .docs-search-result {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  min-width: 300px;
  position: absolute;
  top: auto;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
  max-height: 400px;
  overflow-y: scroll;
  z-index: 999;
}
.betterdocs-live-search .docs-search-result {
  width: 100%;
  max-width: 800px;
  background-color: #fff;
  border-color: #f1f1f1;
}
.betterdocs-live-search .docs-search-result li {
  border-bottom: 1px solid #f5f5f5;
  padding: 5px;
  display: flex;
  flex-direction: row;
}
.betterdocs-live-search .docs-search-result li {
  border-color: #f5f5f5;
    border-bottom-color: rgb(245, 245, 245);
}
.betterdocs-live-search .docs-search-result li a {
  display: block;
  color: #444;
  padding: 10px;
  white-space: nowrap;
  text-decoration: none;
}
.betterdocs-live-search .docs-search-result li a {
  font-size: 16px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.betterdocs-live-search .docs-search-result li a .betterdocs-search-title {
  color: #444444;
}
.betterdocs-live-search .docs-search-result li span {
  font-size: .8em;
  color: #444b54;
}
.betterdocs-live-search .docs-search-result li a .betterdocs-search-category {
  color: #444444;
}
.betterdocs-live-search .docs-search-result li span {
  font-size: .8em;
  color: #444b54;
}
.betterdocs-searchform .betterdocs-search-category {
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  color: #434872;
}
.plesk-login a {
  background-color: #0072ff !important;
  border-color: #0072ff !important;
}
ul.top-nav {
  margin: 10px 0 0 0;
}
input.typeToSearch {
  font-size:16px !important;
}
form.header-search-frame .home-kb-search {
  margin-right: 0px;
}
div[menuitemname="Account"] span {
  display: none;
}
#Secondary_Navbar-Account {
  display: none;
}
#Primary_Navbar-Billing-BXTransactions,
#Primary_Navbar-Support-Disdetta,
#Primary_Navbar-Support-Open_Ticket,
.gravatar.wdes-profile-pic {
  display:none;
}
#primary-nav [menuitemname="Account"] a:hover {
  cursor:default !important;
}
.whm-sidebar [menuitemname="Add Funds"] {
  display:none;
}
.whm-sidebar [menuitemname="Domain Details Actions"] {
  display:none;
}
.announcement-single .article-items {
  font-size: 0.85em;
  color: #888;
  margin-top: 15px;
}
.announcement-single > a:hover {
  color: #228ae6;
  text-decoration: underline;
}
.block-no1 {
  background: #fda582 !important;
}
.block-no2 {
  background: #a52dd899 !important;
}
.block-no3 {
  background: #40c9ffe3 !important;
}
.block-no4 {
  background: #acb0b4 !important;
}
.btn.btn-primary {
  background-color: #228ae6;
  border-color: #228ae6;
}
.btn-success:hover, .btn-primary:hover, .btn-success:focus, .btn-primary:focus {
  color: #fff;
  background-color: #0070ff !important;
  border-color: #0070ff !important;
}
#modalGeneratePassword .panel-primary > .panel-heading {
  background-color: #228ae6;
  border-color: #228ae6;
}
section#footer .back-to-top i {
  background: #228ae6;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length {
  background: #228ae6;
}
.dataTables_wrapper table.table-list thead th:nth-child(2n) {
  border-bottom: 4px solid #b3b3b3;
}
.dataTables_wrapper table.table-list thead th {
  border-bottom: 4px solid #cfc8c8;
}
#main-menu .wdes-custom-nav > .panel a[aria-expanded="true"] {
  background: #228ae6;
}
#main-menu .wdes-custom-nav > .panel > a:hover {
  background: #228ae6;
}
.whm-sidebar .panel-sidebar a.list-group-item.active, .whm-sidebar .panel-sidebar a.list-group-item.active:focus, .whm-sidebar .panel-sidebar a.list-group-item.active:hover {
  background: #228ae6;
}
#tabOverview .panel-default > .panel-heading {
  background: #228ae6;
}
.whm-sidebar .panel-sidebar > .panel-heading .panel-title .wdes-sidebar-icon {
  background: #228ae6;
}
.text-info.limit-near {
  color: #333;
}
input.usage-dial {
  color: #333 !important;
}
.plesk-feature-row div.col-sm-4 a {
  line-height: 30px;
}
.btn-group-lg > .btn, .btn-lg {
  border-radius:0px;
}
#Primary_Navbar-Services ul li a.active {
  color: #228ae6;
}
.domain-pricing .two-row-center {
  border-right: 2px solid #228ae6 !important;
}
.wdes-checkout .item:nth-child(odd) {
  background-color: #e8eaf2 !important;
}
.wdes-checkout .item:nth-child(even) {
  background-color: #f5f6fa !important;
}
input.disabled {
  background-color: #dedede !important;
}
.alert-info {
  color: #306f8f;
  background-color: #a5defa;
  border-color: #bce8f1;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fdeea4;
  border-color: #faebcc;
}
.alert-success {
  color: #3c763d;
  background-color: #b3e59e;
  border-color: #d6e9c6;
}
.alert-danger {
  color: #a94442;
  background-color: #eebcbc;
  border-color: #ebccd1;
}
.announcement-single blockquote p {
  font-size: 15px;
}
.announcement-single a {
  font-size:15px;
}
.inner-announce-text {
  font-size: 15px;
}
button.btn.btn-block {
  background: #f0ad4e !important;
}
.view-cart-items .item-domain {
  font-size: 16px !important;
}
#frmProductDomain .btn.btn-warning.btn-block:hover {
  background-color: #e0a148 !important;
}
[menuitemname="Ticket Information"] .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
[menuitemname="Ticket Information"] .row .btn.btn-success, [menuitemname="Ticket Information"] .row .btn.btn-danger {
  border-color: #eea236 !important;
}
[menuitemname="Ticket Information"] .row .btn.btn-success:hover {
  background-color: #e0a148 !important;
}

@media only screen and (min-width: 160px) and (max-width: 1200px) {

  .dataTables_wrapper {
    background: #fff;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #fff;
    min-height: 0.01%;
    overflow-x: auto;
  }
}

@media (min-width: 264px) {
  .lu-container {
    width: 100% !important;
  }
}

@media (min-width: 502px) {
  .lu-container {
    width: 100% !important;
  }
}

@media (min-width: 762px) {
  .lu-container {
    width: 100% !important;
  }
}

@media (min-width: 982px) {
  .lu-container {
    width: 100% !important;
  }
}

.loggedin_as {
  color: #3d4048;
  font-family: 'Karla', sans-serif;
  background-color: #f6f7fb;
  border: 1px solid;
  border-radius: 5px;
  border-color: #f3f3f3;
  padding: 3px;
  margin: 10px 10px 0px 10px;
}

input#inputDCPhone {
  position: relative;
  height: 41px;
  padding-left: 90px !important;
}