/* ------ Header ------ */
.header {
    position: fixed;
    background-size: cover;
    background-color: #112251;
}
.pre-header a:hover {
    color: #ccf1ff;
    opacity: 0.7;
}
.navbar {
    background: transparent;
    height: auto;
}
/*.pre-header .tollfree-no {
    font: 15px / 21px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
}
.pre-header a {
    font: 15px / 21px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
}
.navbar .navs-holder a {
    font: normal 17px / 21px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    font-size: 17px;
}*/
.navbar .navs-holder a:hover {
    color: #8fdbfc;
}
.navbar .navs-holder a:focus {
    color: #8cf2ae;
}

/* ------ Footer ------ */
footer .copyright p {
    font-size: 14px;
}
footer .copyright a:hover {
    text-decoration: underline;
}
body .footer-content {
    z-index: auto;
}

/* ------ Container ------ */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

/* ------ Navbar ------ */
.navbar.fixed-top {
    top: 180px;
    padding: unset;
    height: 72px;
    background: #fff;
    z-index: 2;
}
.navbar.sub-bar {
    margin-top: 92px;
}
/*rwd*/
@media (min-width: 993px) and (max-width: 1200px) {
    .navbar.fixed-top {
        top: 200px;
    }
}
@media (max-width: 992px) {
    .navbar.fixed-top {
        top: 90px;
        position: fixed;
        z-index: 1000 !important;
    }
    .navbar.sub-bar {
        position: fixed;
        top: 70px;
  }
}

@media (max-width: 993px) {
    .navbar .navbar-body {
        background-color: transparent;
    }
}

.navbar .navbar-left {
  background: #0054AA;
}
.navbar .navbar-left .btn-left-navbar, .navbar .navbar-left .btn-left-navbar:active {
    color: #fff;
}
.navbar .navbar-body .navbar-search .input-group .input-icon-placeholder .input-group-text {
    color: #0054AA !important;
}
.navbar .navbar-body .navbar-search .input-group input::placeholder {
  color: #0054AA !important;
}
.navbar .navbar-body .navbar-search .input-group input {
    color: #0054AA;
}
.navbar .navbar-body .navbar-menu .nav-link {
    color: #0054AA;
}
.navbar .navbar-body .navbar-menu .nav-link:hover {
    color: #174a8a !important;
}
.navbar .navbar-body .navbar-menu .nav-link:hover:not(.active, .disabled) {
    color: #174a8a !important;
}
.navbar.fixed-top small, .navbar.fixed-top .small {
    font-size: 80%;
}

.dropdown-menu.dropdown-menu-right.show .dropdown-item {
  color: #174a8a ;
}
.dropdown-menu.dropdown-menu-right.show .material-icons.icon-info-color {
  color: #174a8a ;
}

/* ------ Sidebar ------ */
.sidebar {
    top: 250px;
    background-color: #0054AA;
}
@media (max-width: 993px) {
    .sidebar {
        top: 160px;
    }
}

.sidebar .nav-item>.nav-link {
    color: #fff;
    font-size: 16px;
}
.sidebar .nav-item>.nav-link>.material-icons {
    color: #fff;
}
.sidebar .nav-item>.nav-link:hover:not(.active) {
    background-color: #5aa1e3;
    color: #fff;
}
.sidebar .nav-item>.nav-link:focus, .sidebar .nav-item>.nav-link:active, .sidebar .nav-item>.nav-link.active {
    background-color: #5aa1e3;
    color: #fff;
}
.sidebar .nav-item .nav-subnav .nav-item>.nav-link {
    background-color: #5aa1e3;
    color: #fff;
}
.sidebar .nav-item>.nav-link.nav-link-dropdown:not(.collapsed) {
    background-color: #5aa1e3;
    color: #fff;
}
.sidebar .nav-item .nav-subnav .nav-item>.nav-link:hover:not(.active, .disabled) {
    background-color: #4092df;
    color: #fff;
}
.sidebar .nav-item .nav-subnav .nav-item>.nav-link .badge.badge-secondary {
    background-color: #1e73be;
    color: #fff;
}

/* ------ Button ------ */
.btn {
    background-color: #1e73be!important;
    color: #fff !important;
    border-radius: 5px !important;
    border-color: transparent !important;
    font-size: 16px;
    padding: 10px 20px 10px 20px !important;
}
.btn:hover, .btn:focus {
    background-color: #4092df !important;
    color: #f7f7f7 !important;
    border-radius: 5px !important;   
    border-color: transparent !important;
}

/* ------ Body ------ */
body .body-content .section-main {
    padding-top: 180px !important;
    padding-bottom: 50px !important;
}

@media (max-width: 993px) {
    body .body-content .section-main {
        padding-top: 280px !important;
        padding-bottom: 50px !important;
    }
}

body {
    font: normal normal normal 16px / 27px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    font-family: "Poppins", Helvetica, Arial, Verdana, sans-serif !important;
    font-size: 16px;
}
body .main-overlay {
    position: unset;
}
body .main-overlay.active {
    opacity: 0;
}
.body-content .section-main h1 {
    font: normal normal 600 28px / 34px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    color: #0a0a0a;
}
/*body .body-content .section-main*/ a {
    color: #1ebbf0;
}
/*body .body-content .section-main*/ a:hover {
    color: #1ebbf0;
    opacity: 0.8;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #0a0a0a;
}

/* ------ HomePage ------ */
.badge-primary {
    background-color: #1e73be;
}
.text-primary {
    color: #0054AA !important;
}
.material-icons.icon-info-color {
    color: #0054AA;
}
.card-deck.root-boxes .card.root-box {
    text-align: center;
}
.root-news .list-group-item a.h3 {
    color: #0a0a0a !important;
}
.root-news .badge {
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
}

/* ------ Login Page ------ */
.section-signin .image, .section-passreminder .image {
    background-color: #0054AA;
    max-width: 126px;
    padding: 5px;
    border-radius: 5px;
}
.section-signin .form-control, .section-passreminder .form-control {
    padding-top: 30px;
    padding-bottom: 15px;
}
.section-signin .form-label-group label.form-label-placeholder, .section-passreminder .form-label-group label.form-label-placeholder {
    font-size: 12px !important;
}

/* ------ Dashboard ------ */
small, .small {
    font-size: 100%;
}
.text-small {
    font-size: 16px !important;
}
.text-muted {
    color: #1d2533 !important;
}

/* ------ Knowledgebase ------ */
.breadcrumb li a {
    color: #1ebbf0;
}
.breadcrumb li a:hover {
    color: #1ebbf0;
    opacity: 0.8;
}

/* ------ Test VPS and Dedicated Hosting Page ------ */
.bg-primary-svg>path {
    fill: #5aa1e3;
}
.orderpage .section-account-header {
    margin-bottom: 20px !important;
}

/* ------ Test Domains Page ------ */
div:not(.domain-search-dashboard) #orderpage .domain-header {
    background-image: url(https://hb.mockupz.in/templates/wolfpaw/dist/theme_assets/images/top-bar-background.jpg);
    background-size: cover;
}
#orderpage .domain-textarea textarea {
    border: 1px solid transparent !important;
}
#orderpage .domain-input button {
    background: #5aa1e3 !important;
    color: #fff !important;
    border-radius: 5px !important;
    border-color: transparent !important;
}

/* ------ Invoice Page ------ */
.page-item.active .page-link {
    color: #fff;
    background-color: #5aa1e3;
    border-color: #5aa1e3;
}
.invoice-btns .material-icons.icon-btn-color {
    color: #fff;
}

/* ------ Cart Page ------ */
.btn.text-primary {
    color: #fff !important;
}
.btn.text-primary:hover, .btn.text-primary:focus {
    color: #f7f7f7 !important;
}
.table thead th.static {
    color: #0a0a0a;
}
.cart .cards-cart .card .card-body .checker tbody td[data-label="Description"] {
    color: #000;
    font-size: 20px;
}
.cart .cards-cart .card .card-body .checker tbody td .text-small {
    font-size: 14px !important;
}

/* ------ Tickets Page ------ */
.btn-link {
    color: #1ebbf0;
}
.section-tickets .content-view-details .material-icons.icon-btn-color {
    color: #fff;
}
.badge {
    font-size: 12px;
}
.badge.badge-Canceled, .badge.badge-Draft, .badge.badge-Dead, .badge.badge-Cancelled, .badge.badge-Receiptcanceled, .badge.badge-Close, .badge.badge-Closed, .badge.badge-Creditnote, .badge.badge-Fraud, .badge.badge-secondary.badge-styled {
    color: #1d2533 !important;
}
.text-secondary {
    color: #1d2533 !important;
}

/* ------ Manage Contacts Page ------ */
.form-label-group.freeze input.form-control {
    padding-top: 30px;
    padding-bottom: 15px;
}
.form-group_state .form-control__state_select {
    min-width: 100%;
}
.section-account a.badge-info {
    background-color: #5aa1e3;
    color: #fff;
    border-radius: 5px;
    border-color: transparent;
    padding: 10px;
}
.section-account a.badge-info:hover, .section-account a.badge-info:focus {
    background-color: #4092df;
    color: #f7f7f7;
}

/* ------ 404 Page ------ */
.error-actions .material-icons.icon-btn-color {
    color: #fff;
}

.table thead th a {
    font-size: 14px;
    color: #464851;
    font-weight: 500;
    border: none;
}