.hostbillcontainer,
.hostbillcontainer .card,
.hostbillcontainer .navbar,
.hostbillcontainer .sidebar {
    border-radius: var(--border-radius)
}

.hostbillcontainer .card,
.hostbillcontainer .navbar .navbar-body {
    border-color: #86D2DA;
    /* border-bottom-width: var(--border-bottom-width) */
}

.hostbillbody .modal,
.hostbillbody .navmain {
    z-index: 9999
}

.hostbillcontainer {
    background: #f5f6f7
}

.hostbillbody .pageloader-wrapper,
.hostbillcontainer .cart-progress {
    display: none !important
}

.hostbillcontainer .sidebar {
    z-index: 1
}

.hostbillbody .navbar .dropdown-order-items {
    z-index: 1000
}

.hostbillbody {
    font-family: var(--font-body) !important
}

.hostbillbody .headingstyle2,
.hostbillbody .headingstyle3,
.hostbillbody h1,
.hostbillbody h2,
.hostbillbody h3,
.hostbillbody h4,
.hostbillbody h5,
.hostbillbody h6 {
    font-family: var(--font-heading) !important
}

.hostbillbody .hostbillcontainer a {
    text-decoration: none
}

.hostbillbody b,
.hostbillbody strong {
    font-weight: 700
}

.hostbillcontainer .footer-content,
.hostbillcontainer .navbar .navbar-left .navbar-brand,
.hostbillcontainer .navbar.sub-bar,
.hostbillcontainer .section-passreminder img.image,
.hostbillcontainer .section-signin img.image {
    display: none
}

.hostbillcontainer .navbar.fixed-top {
    position: relative;
    z-index: 992
}

.hostbillcontainer .cart-product.selected:not(.outofstock) .text-primary,
.hostbillcontainer .cart-product.selected:not(.outofstock) .text-primary *,
.hostbillcontainer .text-primary,
.hostbillcontainer .text-primary:active,
.hostbillcontainer .text-primary:hover,
.hostbillcontainer .text-primary:visited {
    color: #F04D4D !important;
    padding-left: 5px;
}

.hostbillcontainer .cart-product.selected:not(.outofstock) *,
.hostbillcontainer .text-secondary {
    color: var(--color-body) !important
}

.hostbillcontainer .title06 {
    letter-spacing: 0
}

.hostbillbody .body-content .section-main {
    margin-top: 0
}

.hostbillbody.sidenav-toggled .sidebar {
    margin-left: 0
}

@media (min-width:993px) {
    .hostbillcontainer .navbar .navbar-left {
        display: none
    }
}

@media (max-width:993px) {
    .hostbillbody.sidenav-toggled .sidebar {
        display: block;
        position: fixed;
        top: 315px;
        left: 160px;
        z-index: 1500;
        transform: translateX(-50%)
    }
    .sidebar .sidebar-wrap{
        width: 200px;
    }
    .sidebar .sidebar-wrap .mt-4{
        margin-top: 0;
    }
    .social-sidewidget {
        display: none;
    }
    .hostbillbody.sidenav-toggled .navmain {
        z-index: 100
    }
}

.hostbillcontainer .navbar .navbar-left {
    background-color: transparent
}

.hostbillcontainer .navbar {
    background: var(--color-box-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
    color: var(--color-box-foreground)
}

.hostbillcontainer .navbar .navbar-body .navbar-search .input-group {
    background: var(--color-box-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%)
}

.hostbillcontainer .navbar .navbar-body .navbar-search .input-group .input-icon-placeholder .input-group-text {
    background: var(--color-box-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
    color: var(--color-box-foreground)
}

.hostbillcontainer .navbar .navbar-body .navbar-search .input-group input,
.hostbillcontainer .navbar .navbar-body .navbar-search .input-group input:hover {
    background: var(--color-box-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%) !important;
    color: var(--color-box-foreground) !important
} 

.hostbillcontainer .navbar .navbar-body .navbar-menu .nav-link {
    background: var(--color-box-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
    color: var(--color-box-foreground);
    border-color: #86d2da;
}

.hostbillcontainer .navbar .navbar-body .navbar-menu .nav-link:hover {
    color: var(--color-box-foreground)
}

.hostbillcontainer .navbar .dropdown-order-items {
    background: var(--color-box-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
    color: var(--color-box-foreground);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    box-shadow: none
}

.hostbillcontainer .navbar .dropdown-order-items .text-secondary {
    color: var(--color-box-foreground) !important
}

.hostbillcontainer .navbar .dropdown-order-items .navbar-dropdown-item {
    color: var(--color-box-active-foreground);
}

.hostbillcontainer .navbar .dropdown-order-items .navbar-dropdown-item:active,
.hostbillcontainer .navbar .dropdown-order-items .navbar-dropdown-item:hover {
    background: var(--color-box-active-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);
    color: var(--color-box-active-foreground);
    border-radius: var(--border-radius)
}

.hostbillcontainer .navbar .dropdown-order-items hr {
    border-color: var(--color-box-background-border)
}


/* .hostbillcontainer .sidebar{position:relative;top:var(--spacing-child);background:var(--color-box-active-background);background:linear-gradient(var(--gradient-degrees),var(--color-box-active-background-gradient-top) 0,var(--color-box-active-background-gradient-bottom) 100%);color:var(--color-box-active-foreground)} */

.hostbillcontainer .sidebar {
    position: relative;
    top: var(--spacing-child);
    background: #f5f6f7;
    color: #01425F
}

.sidebar .nav-item .nav-subnav {
    background-color: #01425F;
}

.sidebar .nav-item .nav-subnav .nav-item > .nav-link {
    background-color: #01425F;
    color: #FFF;
}

.hostbillcontainer .sidebar .nav-item > .nav-link:hover .material-icons {
    color: #fff;
}

/* .hostbillcontainer .sidebar .sidebar-heading {
    color: var(--color-box-active-foreground-bold);
    text-shadow: 1px 1px var(--color-box-active-foreground-bold-shadow);
    font-size: 1.3em
} */

.hostbillcontainer .sidebar .sidebar-heading {
    color: #01425F;
    /* text-shadow: 1px 1px #01425F; */
    font-size: 1.3em
}


.hostbillcontainer .sidebar .nav-item>.nav-link,
.hostbillcontainer .sidebar .nav-item>.nav-link>.material-icons {
    color: var(--color-box-active-foreground);
    font-weight: 700
}

.hostbillcontainer .sidebar .nav-item>.nav-link,
.hostbillcontainer .sidebar .nav-item>.nav-link>.material-icons {
    background: #01425F;
    color: #fff;
    font-weight: 700
}




.hostbillcontainer .sidebar .nav-item>.nav-link.active,
.hostbillcontainer .sidebar .nav-item>.nav-link.active .material-icons,
.hostbillcontainer .sidebar .nav-item>.nav-link.active:hover,
.hostbillcontainer .sidebar .nav-item>.nav-link.active:hover .material-icons,
.hostbillcontainer .sidebar .nav-item>.nav-link:hover,
.hostbillcontainer .sidebar .nav-item>.nav-link:hover .material-icons {
    /* background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%) !important;
    color: #FFF; */
    color: #01425F !important;
    /* border: solid 1px var(--color-secondary-active-background-border) !important; */
    background: var(--color-secondary-active-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%) !important;
    /* text-shadow: var(--color-secondary-active-foreground-shadow) 1px 1px !important */
}

.hostbillcontainer .card {
    background: var(--color-box-background);
    background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
    color: var(--color-box-foreground);
    /* box-shadow: none !important */
}

.hostbillcontainer .card.border-0 {
    border: 1px solid var(--color-box-background-border) !important;
    border-bottom-width: var(--border-bottom-width) !important
}

.hostbillcontainer .root-boxes .card.border-0:hover,
.hostbillcontainer .root-boxes .card:hover {
    border-color: var(--color-box-active-background-border) !important
}

.hostbillcontainer .card h1,
.hostbillcontainer .card h2,
.hostbillcontainer .card h3,
.hostbillcontainer .card h4,
.hostbillcontainer .card h5,
.hostbillcontainer .card h6 {
    color: var(--color-box-foreground-bold)
}

.hostbillcontainer .list-group .list-group-item {
    background: 0 0 !important
}

.hostbillcontainer .domain-in-02 {
    padding: 0
}

.hostbillcontainer .domain-in-02 input {
    border-radius: 0 !important;
    color: var(--color-body) !important;
    height: 45px !important
}

.hostbillcontainer .domain-in-01 {
    color: var(--color-secondary-foreground) !important;
    border-color: var(--color-secondary-background-border) !important;
    background: var(--color-secondary-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%) !important;
    text-shadow: var(--color-secondary-foreground-shadow) 1px 1px !important
}

.hostbillcontainer .button01,
.hostbillcontainer .button01:active,
.hostbillcontainer .button01:hover,
.hostbillcontainer .button01:visited {
    color: var(--color-primary-foreground) !important;
    border-color: var(--color-primary-background-border) !important;
    background: var(--color-primary-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-primary-background-gradient-top) 0, var(--color-primary-background-gradient-bottom) 100%) !important;
    text-shadow: var(--color-primary-foreground-shadow) 1px 1px !important
}

.hostbillcontainer .cost01 {
    color: var(--color-primary-background)
}

.hostbillcontainer .container-step1 a {
    color: var(--color-secondary-background)
}

.hostbillcontainer .breadcrumb {
    background: 0 0;
    color: var(--color-body)
}

.hostbillcontainer .breadcrumb li a,
.hostbillcontainer .breadcrumb li a:hover,
.hostbillcontainer .breadcrumb-item.active {
    color: var(--color-body)
}

.hostbillcontainer .btn-success,
.hostbillcontainer .btn-success:active,
.hostbillcontainer .btn-success:visited {
    color: var(--color-primary-foreground) !important;
    /* border: solid 1px var(--color-primary-background-border) !important; */
    background: var(--color-primary-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-primary-background-gradient-top) 0, var(--color-primary-background-gradient-bottom) 100%) !important;
    /* text-shadow: var(--color-primary-foreground-shadow) 1px 1px !important */
}

.hostbillcontainer .btn-success:hover {
    /* color: var(--color-secondary-active-foreground) !important;
    border: solid 1px var(--color-secondary-active-background-border) !important;
    background: var(--color-secondary-active-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%) !important;
    text-shadow: var(--color-secondary-active-foreground-shadow) 1px 1px !important */
    color: #01425F !important;
    background: #86d2da !important;
    font-weight: 900;
    
}

.hostbillcontainer .badge-primary,
.hostbillcontainer .badge-primary:active,
.hostbillcontainer .badge-primary:visited,
.hostbillcontainer .btn-primary,
.hostbillcontainer .btn-primary:active,
.hostbillcontainer .btn-primary:visited,
.hostbillcontainer .btn-secondary,
.hostbillcontainer .btn-secondary:active,
.hostbillcontainer .btn-secondary:visited {
    color: var(--color-secondary-foreground) !important;
    /* border: solid 1px var(--color-secondary-background-border) !important; */
    background: var(--color-secondary-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%) !important;
    /* text-shadow: var(--color-secondary-foreground-shadow) 1px 1px !important */
    font-weight: 900;
    
}

.hostbillcontainer .badge-primary:hover,
.hostbillcontainer .btn-primary:hover,
.hostbillcontainer .btn-secondary:hover {
    /* color: var(--color-secondary-active-foreground) !important;
    border: solid 1px var(--color-secondary-active-background-border) !important;
    background: var(--color-secondary-active-background) !important;
    background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%) !important;
    text-shadow: var(--color-secondary-active-foreground-shadow) 1px 1px !important */
    color: #01425F !important;
    background: #86d2da !important;
    font-weight: 900;
 
}

.hostbillcontainer .cart-product.selected:not(.outofstock) .text-muted {
    color: #9799a6 !important
}

.hostbillcontainer .orderpage .orderpage-summary.orderpage-summary-sticky {
    margin-left: 0 !important
}

.hostbillcontainer .form-credentials.form-signin {
    background: #fff;
    margin-top: 50px;
}