/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@media (min-width: 1200px) {
    .container {
        width: 1240px;
    }
}
h1, h2, h3, h4, h5{
    font-family: "Poppins", sans-serif !important;
}
span, p, label, a, form, div{
    font-family: "Inter", sans-serif;
}
section.main-footer {
    color: #fff !important;
    padding: 50px 0 20px;
}
.footer-content img {
    width: 275px;
}
.footer-content h6 {
    font-size: 12px;
    font-family: "Inter", sans-serif;
}
.footer-content .footer-links a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: rgb(224, 218, 255);
    text-decoration: none;
    margin-bottom: 20px;
}
.footer-content .footer-links {
    margin-top: 15px;
}
.footer-content .footer-links img {
    width: 24px;
    margin-right: 5px;
}
.footer-content .footer-links a:hover{
    color:#6c3eff;
}
.social-links a i {
    font-size: 20px;
    color: #6c3eff;
    margin-right: 15px;
}
.social-links a svg {
    width: 20px;
    margin-right: 13px;
    color: #6c3eff;
}
.social-links {
    border-bottom: 1px solid #767887;
    padding-bottom: 2.5rem;
}
.social-links {
    border-bottom: 1px solid #767887;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}
.copyright-txt p {
    font-size: 16px;
    color: white;
}
.pp-links a {
    font-size: 18px;
    font-weight: 400;
    color: rgb(224, 218, 255);
    text-decoration: none;
    margin-left: 20px;
}
.pp-links {
    text-align: right;
}
body {
    background-image: linear-gradient(320deg, #12056a, #02022d 10%, #02022d 52%, #00061700 103%), linear-gradient(250deg, #12056a, #02022d 53%, #040436);
}
section#main-body{
    background: transparent !important;
}
.logo-container img {
    width: 220px;
}
section.main-header {
    padding: 25px 0;
    border-bottom: 1px solid #272735;
}
section#header, section#main-menu{
    display: none;
}
.header-links-container {
    text-align: right;
}
.header-links-container a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    margin-left: 30px;
}
.header-links-container a:hover{
    color: #c5c0ff;
}
.header-links-container a.gets-btn {
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
    border: 1px solid;
    border-radius: 50px;
}
.header-links-container {
    text-align: right;
    padding: 15px 0;
}
.header-links-container a.gets-btn:hover {
    border-color: #6c3eff;
    background-color: #6c3eff;
    opacity: 1;
    color: #fff;
    transform: scale3d(.95, .95, 1.01);
}
.logincontainer {
    backdrop-filter: blur(10px);
    background-color: rgba(4, 4, 54, 0.67);
    background-image: radial-gradient(circle, rgba(247, 247, 252, 0.1), rgba(255, 255, 255, 0));
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(128, 128, 128, 0.35);
    border-radius: 1.5rem;
    padding: 30px 50px;
    transition: 0.35s;
    color: #fff;
}
.logincontainer .btn-primary {
    background: #6C3EFF;
    border-color: #6C3EFF;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 16px;
}
.logincontainer .btn-default {
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 16px;
    background: transparent;
    color: #fff;
}
.logincontainer h1 {
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.logincontainer h1 small {
    font-family: "Inter", sans-serif;
    text-transform: capitalize;
    font-size: 16px;
}
.logincontainer  .form-control {
    background: transparent !important;
    border-width: 0 0 1px 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.logincontainer  .form-group {
    margin-bottom: 25px;
}
div#containerNewUserSignup .form-control, #registration .prepend-icon .field {
    background: transparent !important;
    border-width: 0 0 1px 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.selected-dial-code {
    color: #fff !important;
}
div.header-lined  h1 {
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
div.header-lined h1 small {
    font-family: "Inter", sans-serif;
    text-transform: capitalize;
    font-size: 16px;
}
#registration .sub-heading {
    height: 0;
    border-top: none !important;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 30px;
}
#registration .sub-heading span {
    background: transparent;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}
p {
    color: #fff;
}
.marketing-email-optin {
    backdrop-filter: blur(10px);
    background-color: rgba(4, 4, 54, 0.67);
    background-image: radial-gradient(circle, rgba(247, 247, 252, 0.1), rgba(255, 255, 255, 0));
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(128, 128, 128, 0.35);
    border-radius: 1.5rem;
    padding: 30px 50px;
    transition: 0.35s;
    color: #fff;
}
div.header-lined .breadcrumb>.active {
    color: #c5c0ff;
}
#registration .btn-primary {
    background: #6C3EFF;
    border-color: #6C3EFF;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 16px;
}
.panel-sidebar {
    border-color: #6c3eff !important;
}
.panel-sidebar>.panel-heading {
    background: #040436 !important;
    color: #fff !important;
}
.panel-sidebar .panel-title {
    color: #fff !important;
}
.panel-sidebar .list-group-item {
    background-color: #02022E !important;
    border: 1px solid #8080804f !important;
    color: #fff !important;
}
.panel-body, .panel-sidebar>.panel-footer {
    padding: 10px 15px;
    background: #030330 !important;
    color: #fff !important;
}
.btn-success {
    color: #fff;
    background-color: #6C3EFF !important;
    border-color: #6C3EFF !important;
    border-radius: 50px !important;
}
.btn-default {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
    border-radius: 50px !important;
}
.home-kb-search {
    display: none !important;
}
.client-home-panels .panel>.panel-heading {
    background-color: #02022D;
    border-bottom: 1px solid;
    font-weight: 700;
    color: #fff !important;
}
.client-home-panels .panel>.panel-footer {
    border-top: 0;
    background-color: #02022D;
    color: #fff !important;
}
a {
    color: #6C3EFF;
}
div#announcementsPanel {
    display: none;
}
@media (min-width: 768px) {
    .client-home-panels .col-sm-6 {
        width: 100%;
    }
}
.tiles .tile {
    background-color: #21276C !important;
}
.tiles .tile .stat {
    color: #fff !important;
}
.tiles .tile .title {
    color: #ffffffb5;
}
div#registerDomainPanel .form-control {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid !important;
    border-radius: 0 !important;
}
table.table-list thead th {
    background: #0f0f55 !important;
    color: #fff !important;
}
table.dataTable thead .sorting:after {
    opacity: 0.7 !important;
    color: #888 !important;
}
.table-list>tbody>tr>td {
    background-color: #4A3FCC !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_length {
    background-color: #0F0F55 !important;
    color: #fff !important;
}
.form-group label {
    color: #ffffffa8 !important;
}
.form-group .form-control, input#inputKnowledgebaseSearch {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid !important;
    border-radius: 0 !important;
    color: #fff !important;
}
.md-editor .md-footer, .md-editor>.md-header {
    background: #02022E !important;
}
.btn-primary {
    color: #fff;
    background-color: #6C3EFF !important;
    border-color: #6C3EFF !important;
    border-radius: 50px !important;
}
.md-editor>.md-preview, .md-editor>textarea.markdown-editor {
    background-color: #060737 !important;
}
.ticket-number {
    color: #fff !important;
}
.ticket-subject {
    color: #ffffffab !important;
}
.sidebarr {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11111;
    top: 0;
    left: 0;
    background-color: #000000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0;
}

.sidebarr a {
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidebarr a:hover {
  color: #f1f1f1;
}

.sidebarr .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #6C3EFF;
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 50px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebarr {padding-top: 15px;}
  .sidebarr a {font-size: 18px;}
}
#main {
    transition: margin-left .5s;
    padding: 15px 0;
    text-align: right;
}
section.mobile-header {
    background: #030230;
    padding: 10px 0;
}
section.mobile-header .logo-container img {
    margin-top: 5px;
}
.sidebarr .logo-container a {
    padding: 8px 8px 8px 5px;
}
.sidebarr .closebtn {
    background: #6C3EFF;
    border-radius: 50px;
    padding: 16px 6px 20px !important;
    line-height: 0px;
    color: #fff !important;
    font-size: 38px !important;
    margin-top: 14px;
}
section.mobile-header {
    display: none;
}
.navbar-main {
    background-color: #150C50 !important;
}
.navbar-main li.account {
    background-color: #6C3EFF !important;
}
.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover {
    color: #eee;
    background-color: #6C3EFF;
}
.list-group-item {
    background-color: #150C50 !important;
    color: #fff !important;
}
.navbar-nav>li>.dropdown-menu {
    background: #150C50 !important;
}
.dropdown-menu>li>a {
    color: #fff !important;
    background: transparent ! IMPORTANT;
}
.navbar-main .navbar-nav .dropdown-menu>.active>a, .navbar-main .navbar-nav .dropdown-menu>.active>a:focus, .navbar-main .navbar-nav .dropdown-menu>.active>a:hover, .navbar-main .navbar-nav .dropdown-menu>.open>a, .navbar-main .navbar-nav .dropdown-menu>.open>a:focus, .navbar-main .navbar-nav .dropdown-menu>.open>a:hover, .navbar-main .navbar-nav .dropdown-menu>li>a:focus, .navbar-main .navbar-nav .dropdown-menu>li>a:hover {
    background-color: #6C3EFF ! IMPORTANT;
}
#order-standard_cart .product-info{
	background-color: #0F0948 !important;
}
#order-standard_cart .order-summary {
    background-color: #6C3EFF !important;
    border-bottom: 3px solid #6C3EFF !important;
}
#order-standard_cart .summary-container {
    background-color: #0F0948 !important;
    color: #fff !important;
}
.alert-danger {
    color: #fff !important;
    background-color: #0F0948 !important;
    border-color: #0F0948 !important;
}
#order-standard_cart .products .product {
    background: #040237 !important;
    border: 1px solid #6C3EFF !important;
    color: #fff !important;
}
#order-standard_cart .products .product header {
    background: #080343 !important;
    color: #fff !important;
}
#order-standard_cart .products .product header span {
    color: #fff !important;
}
#order-standard_cart .field, #order-standard_cart .form-control {
    background-color: #080343 !important;
    color: #fff !important;
}
#order-standard_cart .view-cart-items-header {
    background-color: #080343 !important;
}
#order-standard_cart .view-cart-items .item {
    background-color: #040237 !important;
    color: #fff !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true], #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true] {
    border-color: #040237 !important;
    background-color: #040237 !important;
	color: #fff !important;
}
#order-standard_cart .view-cart-tabs .tab-content {
    background-color: #040237 !important;
}
#order-standard_cart .order-summary .recurring-charges {
    color: #ffffffbd !important;
}
.nav-tabs {
    border-bottom: none !important;
}
.ticket-reply {
    border: 1px solid #6C3EFF !important;
    background-color: #05023A !important;
}
.ticket-reply .user {
    padding: 5px 0;
    background-color: #080343 !important;
    color: #fff !important;
}
.ticket-reply .message {
    color: #fff !important;
}
.ticket-reply .date {
    color: #ffffffad !important;
}
h2 {
    color: #fff !important;
}
.table>tbody>tr>td {
    color: #fff !important;
}
h3 {
    color: #fff !important;
}
div.product-details div.product-icon {
    background-color: #21276C !important;
}
div.product-details div.product-icon h4 {
    color: #fff !important;
}
.product-details.clearfix {
    color: #fff !important;
}
i.fas.fa-hdd.fa-stack-1x.fa-inverse {
    color: #6C3EFF !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff !important;
    background-color: #21276C !important;
    border: 1px solid #21276C !important;
    border-bottom-color: transparent !important;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #6C3EFF !important;
    color: #fff !important;
}
.nav-tabs>li>a:hover {
    border-color: #6C3EFF !important;
}
div.product-details-tab-container {
    border: 1px solid #21276C !important;
    border-top: 0 !important;
    background-color: #21276C !important;
}
div.product-details-tab-container .tab-pane {
    color: #fff !important;
}
.module-client-area .h4 {
    color: #fff !important;
}
.lu-app .lu-tooltip, .lu-tile.lu-tile--btn {
    background: #02022D !important;
    color: #fff !important;
    border-color: #02022D !important;
}
#layers .lu-widget {
    border: 1px solid #02022C !important;
    background: #02022C !important;
    color: #fff !important;
}
#layers .lu-table thead th, #layers .lu-table thead td, #layers .lu-table tbody th, #layers .lu-table tbody td, #layers .lu-table tfoot th, #layers .lu-table tfoot td {
    border-top: 1px solid #edeff233 !important;
}
#layers .lu-btn--primary {
    background: #6C3EFF !important;
}




















@media(max-width:768px){
    .footer-content {
        margin-bottom: 30px;
    }
    .copyright-txt {
        text-align: center;
    }
    .pp-links {
        text-align: center;
    }
    section.main-header {
        display: none;
    }
    section.mobile-header {
        display: block;
    }
    .navbar-main .navbar-toggle:before {
        content: 'billing Menu';
        color: #fff;
        position: absolute;
        right: 5px;
        text-transform: uppercase;
        width: 200px;
        margin-top: -4px;
    }
    .logincontainer .btn-primary {
        margin-bottom: 10px;
    }
}