/*-------------------------
* Responsive breakpoint
*
---------------------------*/
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
*******************************************
. Variables - Main
*******************************************
*/
/*
*******************************************
. Variables - Panel Sidebar
*******************************************
*/
/*
*******************************************
. Variables - List Group
*******************************************
*/
/*
*******************************************
. Variables - Tile
*******************************************
*/
/*
*******************************************
. Variables - Tile
*******************************************
*/
/*
*******************************************
. Variables - Header Lined
*******************************************
*/
/*
*******************************************
. Variables - Social Buttons
*******************************************
*/
/*
*******************************************
. Variables - Login Container
*******************************************
*/
/*
*******************************************
. Variables - iCheck
*******************************************
*/
/*
*******************************************
. Variables - panel-group
*******************************************
*/
/*
*******************************************
. Order Summary
*******************************************
*/
/*
*******************************************
. SVG Graphics
*******************************************
*/
/*
*******************************************
. range slider
*******************************************
*/
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
*******************************************
. Variables - Main
*******************************************
*/
/*
*******************************************
. Variables - Panel Sidebar
*******************************************
*/
/*
*******************************************
. Variables - List Group
*******************************************
*/
/*
*******************************************
. Variables - Tile
*******************************************
*/
/*
*******************************************
. Variables - Tile
*******************************************
*/
/*
*******************************************
. Variables - Header Lined
*******************************************
*/
/*
*******************************************
. Variables - Social Buttons
*******************************************
*/
/*
*******************************************
. Variables - Login Container
*******************************************
*/
/*
*******************************************
. Variables - iCheck
*******************************************
*/
/*
    *******************************************
    . Variables - panel-group
    *******************************************
    */
/*
*******************************************
. Order Summary
*******************************************
*/
/*
*******************************************
. SVG Graphics
*******************************************
*/
/*
    *******************************************
    . range slider
    *******************************************
    */
/* General */
/* Package */
/* Panels */
/* Navbar-nav */
/* Svg */
/* Tile */
/* Input */
/* Main-header banner */
/* Landing-page-browser */
/* Alert */
/* Bottom-action-sticky */
/* Support-tickets */
/* Landing-page */
/* Left-nav */
/* Add-founds */
/*
*******************************************
Variables
1. General
. Navbar Main
. Section
. Panel Sidebar
. List Group
. Pagination
. Social Buttons
. 
*******************************************
*/
/*
*******************************************
. Variables - Navigation
*******************************************
*/
/*
*******************************************
    PANELS
*******************************************
*/
/* client-home-panels */
.client-home-panels .panel .list-group .list-group-item {
    color: rgba(224, 232, 255, 0.8);
}

.client-home-panels .panel.panel-info > .panel-heading,
.client-home-panels .panel.panel-info .panel-body,
.client-home-panels .panel.panel-info .panel-footer {
    background: transparent;
    color: #E0E8FF;
    border-color: rgba(224, 232, 255, 0.078);
}

.client-home-panels .panel.panel-info .panel-title > i {
    color: rgba(224, 232, 255, 0.48) !important;
}

.client-home-panels .panel-domain-register {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
    padding: 20px;
}

.client-home-panels .panel-domain-register .panel-heading .panel-title {
    margin-bottom: 16px;
    font-size: 22px;
}

.client-home-panels .panel-domain-register .panel-body {
    padding: 0px 20px;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 {
    margin: 10px 0px 24px;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .form-control {
    background-color: rgba(5, 23, 95, 0.24);
    color: rgba(224, 232, 255, 0.48) !important;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .form-control:focus {
    background-color: rgba(5, 23, 95, 0.32) !important;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn {
    margin-top: 18px;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn:last-child {
    border-color: transparent;
    background-color: rgba(224, 232, 255, 0.16);
    color: #E0E8FF;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn:last-child:hover {
    background-color: rgba(224, 232, 255, 0.25);
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn-success {
    margin-left: 17px;
    border-color: transparent;
    background-color: #ECF4FC;
    color: #1062FE;
}

.client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn-success:hover, .client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn-success:active, .client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn-success:focus, .client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn-success:active:hover, .client-home-panels .panel-domain-register .panel-body .input-group.margin-10 .input-group-btn .btn-success:active:focus {
    border-color: transparent;
    background-color: #fff;
    color: #1062FE;
}

@media (max-width: 400px) {
    .client-home-panels .panel-domain-register {
        padding: 16px;
    }

    .client-home-panels .panel-domain-register .panel-heading {
        padding: 20px 0px 0px 0px;
    }

    .client-home-panels .panel-domain-register .panel-body {
        padding: 0px;
    }
}

.client-home-panels .panel .text-last-updated,
.client-home-panels .panel small {
    color: rgba(224, 232, 255, 0.48) !important;
}

label {
    color: rgba(224, 232, 255, 0.64);
}

a.tile:hover {
    background-color: rgba(5, 108, 234, 0.16);
}

.panel.panel-sidebar.panel-sidebar .panel-footer {
    clear: both;
}

.panel.panel-info.panel-affilaite-program p {
    color: rgba(224, 232, 255, 0.8);
}

.text-domain {
    color: rgba(224, 232, 255, 0.48);
}

/* panel-client-details */
.panel-sidebar.panel-client-details .panel-footer .btn, .panel-sidebar.panel-client-contacts .panel-footer .btn, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn {
    background-color: rgba(255, 255, 255, 0.161);
    border: none;
    text-transform: uppercase;
    color: rgba(224, 232, 255, 0.8);
    padding: 10px 16px;
    font-size: 11px;
}

.panel-sidebar.panel-client-details .panel-footer .btn:hover, .panel-sidebar.panel-client-details .panel-footer .btn:active, .panel-sidebar.panel-client-details .panel-footer .btn:focus, .panel-sidebar.panel-client-details .panel-footer .btn:active:hover, .panel-sidebar.panel-client-details .panel-footer .btn:active:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn:active, .panel-sidebar.panel-client-contacts .panel-footer .btn:focus, .panel-sidebar.panel-client-contacts .panel-footer .btn:active:hover, .panel-sidebar.panel-client-contacts .panel-footer .btn:active:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:focus, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active:hover, .panel-sidebar[menuitemname*="Support-Pin"] .panel-footer .btn:active:focus {
    background-color: rgba(224, 232, 255, 0.16);
    color: rgba(224, 232, 255, 0.8);
}

.panel-sidebar.panel-client-details strong {
    color: #E0E8FF;
    font-weight: 500;
    font-size: 17px;
}

.panel-sidebar .list-group > a.list-group-item:active, .panel-sidebar .list-group > a.list-group-item:focus {
    color: #fff;
}

/* panel-payment */
.panel-sidebar.panel-primary {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
}

.panel-sidebar .form-control {
    border: transparent;
}

.panel-sidebar.panel-payment {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
}

.panel-sidebar.panel-payment .form-control {
    height: 50px;
}

.panel-sidebar label {
    margin-bottom: 8px;
}

.panel-sidebar.panel-payment #paymentmethod.form-control {
    background-color: #fff !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control:hover {
    background-color: #fff !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control:active {
    background-color: #fff !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control:focus {
    background-color: #fff !important;
    color: #393d45;
}

#sticky-sidebar .panel-sidebar.panel-payment .form-control {
    background-color: #fff !important;
    color: #393d45;
}

#sticky-sidebar .panel-sidebar.panel-payment .form-control:hover {
    background-color: #fff !important;
    color: #393d45;
}

#sticky-sidebar .panel-sidebar.panel-payment .form-control:active {
    background-color: #fff !important;
    color: #393d45;
}

#sticky-sidebar .panel-sidebar.panel-payment .form-control:focus {
    background-color: #fff !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control {
    background-color: #ECF4FC !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control:hover {
    background-color: #ECF4FC !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control:active {
    background-color: #ECF4FC !important;
    color: #393d45;
}

.panel-sidebar.panel-payment #paymentmethod.form-control:focus {
    background-color: #ECF4FC !important;
    color: #393d45;
}

.panel-sidebar.panel-payment .panel-body input[type="submit"] {
    background-color: #ECF4FC !important;
    color: #1062FE;
}

.panel-sidebar.panel-payment .panel-body input[type="submit"]:hover {
    background-color: #ECF4FC !important;
    color: #1062FE;
}

.panel-sidebar.panel-payment .panel-body input[type="submit"]:active {
    background-color: #ECF4FC !important;
    color: #1062FE;
}

.panel-sidebar.panel-payment .panel-body input[type="submit"]:focus {
    background-color: #ECF4FC !important;
    color: #1062FE;
}

#sticky-sidebar .panel-sidebar.panel-payment .panel-body input[type="submit"], #sticky-sidebar .panel-sidebar.panel-payment .panel-body .btn {
    background-color: #ECF4FC !important;
    color: #1062FE;
    height: 50px;
}

#sticky-sidebar .panel-sidebar.panel-payment .panel-body input[type="submit"]:hover, #sticky-sidebar .panel-sidebar.panel-payment .panel-body .btn:hover {
    background-color: #fff !important;
    color: #1062FE;
}

#sticky-sidebar .panel-sidebar.panel-payment .panel-body input[type="submit"]:active, #sticky-sidebar .panel-sidebar.panel-payment .panel-body .btn:active {
    background-color: #fff !important;
    color: #1062FE;
}

#sticky-sidebar .panel-sidebar.panel-payment .panel-body input[type="submit"]:focus, #sticky-sidebar .panel-sidebar.panel-payment .panel-body .btn:focus {
    background-color: #fff !important;
    color: #1062FE;
}

.order-summary > h2 {
    font-size: 18px;
    margin-bottom: 25px;
    position: relative;
}

.order-summary > h2:after {
    content: "";
    height: 1px;
    background-color: rgba(224, 232, 255, 0.078);
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: -25px;
}

.order-summary .order-summary-list {
    border-bottom: 0;
    position: relative;
}

.order-summary .order-summary-list:after {
    content: "";
    height: 1px;
    background-color: rgba(224, 232, 255, 0.078);
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: 0px;
}

.order-summary .total-due-today {
    padding-top: 14px;
}

.order-summary .total-due-today .content {
    font-size: 34px;
}

.order-summary .total-due-today .basket-icon {
    position: absolute;
    top: 17px;
    right: 16px;
}

.order-summary-actions .btn {
    font-size: 17px;
}

.order-summary-actions .btn:hover {
    background-color: #fff !important;
    color: #1062FE;
}

.order-summary-actions .btn:active {
    background-color: #fff !important;
    color: #1062FE;
}

.order-summary-actions .btn:focus {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-payment .btn:hover {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-payment .btn:active {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-payment .btn:focus {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-primary .btn:hover {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-primary .btn:active {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-primary .btn:active:hover {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-primary .btn:active:focus {
    background-color: #fff !important;
    color: #1062FE;
}

.panel-sidebar.panel-primary .btn:focus {
    background-color: #fff !important;
    color: #1062FE;
}

.sidebar-primary .panel-sidebar.panel-payment .panel-body .list-info {
    margin-top: 0px;
    border: none;
    position: relative;
}

.sidebar-primary .panel-sidebar.panel-payment .panel-body .list-info:after {
    content: "";
    height: 1px;
    background-color: rgba(224, 232, 255, 0.078);
    position: absolute;
    left: -16px;
    right: -16px;
    top: -5px;
}

.order-summary + .alert-panel,
.panel-sidebar.panel + .alert-panel {
    border: none !important;
}

.order-summary-actions .btn,
.panel-sidebar.panel-payment .btn,
.panel-sidebar.panel-primary .btn {
    background-color: #ECF4FC;
    color: #1062FE;
    height: 50px;
}

.panel-accordion .panel-heading {
    background: transparent;
}

/* panel-tickets */
.panel-sidebar.panel-ticket-information .list-group > .list-group-item:hover {
    background-color: transparent;
    color: rgba(224, 232, 255, 0.8);
}

.panel-sidebar.panel-recent-tickets .list-group > .list-group-item:hover {
    background-color: transparent;
    color: rgba(224, 232, 255, 0.8);
}

/*
*******************************************
    DROPDOWN
*******************************************
*/
.nav-divider {
    background-color: rgba(224, 232, 255, 0.078);
}

.dropdown-menu .dropdown-menu-items > .active > a,
.dropdown-menu .dropdown-menu-items > .active > a:hover,
.dropdown-menu .dropdown-menu-items > .active > a:focus {
    background-color: #1b2d7a;
}

/*
*******************************************
    PATTERN-BG
*******************************************
*/
.pattern-bg-affiliates:after {
    background-image: none;
}

.pattern-bg-domain:after {
    background-image: none;
}

.pattern-bg-downloads:after {
    background-image: none;
}

.pattern-bg-index:after {
    background-image: none;
}

.pattern-bg-knowledgebase:after {
    background-image: none;
}

.pattern-bg-transfer:after {
    background-image: none;
}

.pattern-bg-error:after {
    background-image: none;
}

/*
*******************************************
    CHOOSE-DOMAIN
*******************************************
*/
.main-grid-order-domain .panel-choose-domain .panel-domain-option {
    padding: 30px 52px 15px 47px;
}

.main-grid-order-domain .panel-choose-domain .content {
    margin: 0px;
}

.main-grid-order-domain .panel-choose-domain .panel-domain-search {
    padding: 40px 47px;
}

.main-grid-order-domain .panel-choose-domain .content {
    margin-left: 0px;
}

.main-grid-order-domain .panel-choose-domain .btn-transfer {
    width: 100%;
}

.main-grid-order-domain .panel-domain-search {
    background: transparent !important;
}

.main-grid-order-domain .dropdown .tld-select {
    background: rgba(224, 232, 255, 0.08);
}

.panel-choose-domain .panel-domain-search {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
}

.panel-choose-domain .panel-domain-search .form-control {
    border-color: transparent;
    background-color: rgba(5, 23, 95, 0.24);
    transition: background-color 0.24s ease;
    color: #fff;
}

.panel-choose-domain .panel-domain-search .form-control:focus {
    background-color: rgba(5, 23, 95, 0.32) !important;
}

.panel-choose-domain .panel-domain-search .btn-primary {
    background-color: #ECF4FC;
    border-color: #ECF4FC;
    color: #0C70DE;
    width: 100% !important;
}

.panel-choose-domain .panel-domain-search .btn-primary:hover {
    background-color: #fff;
}

.panel-choose-domain .tooltip-inner {
    color: #FF6868 !important;
    background-color: #fff !important;
}

.selectize-control.form-control {
    background: rgba(224, 232, 255, 0.08);
}

.selectize-control.form-control .selectize-dropdown-content {
    background: rgba(224, 232, 255, 0.16);
}

.featured-tlds-container .featured-tld .img-container img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.selectize-control.form-control .selectize-input.items > div .remove {
    font-size: 20px;
}

.selectize-control.form-control .selectize-input.items > div .remove:before {
    text-indent: -999999px;
    background: transparent;
}

.selectize-control.form-control .selectize-input input {
    background-color: transparent;
}

.selectize-control.form-control .selectize-dropdown-content {
    background-color: #fff;
}

.selectize-control.form-control .selectize-dropdown .option {
    color: #1b2d7a;
}

.order-content .panel.panel-choose-domain {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
}

.order-content .panel.panel-choose-domain .radio-styled {
    background-color: rgba(5, 23, 95, 0.32);
}

.order-content .panel.panel-choose-domain label.radio {
    font-size: 17px;
}

.order-content .panel.panel-choose-domain label.radio .radio-styled.checked + span {
    color: #fff;
}

.order-content .panel.panel-choose-domain .panel-domain-search {
    border-top: 1px solid rgba(224, 232, 255, 0.078);
}

.order-content .panel.panel-choose-domain .panel-domain-search .inline-form-element:first-child:before {
    content: "www.";
    position: absolute;
    left: 16px;
    color: #fff;
    font-size: 17px;
    font-family: Roboto;
    top: 13px;
}

.order-content .panel.panel-choose-domain .panel-domain-search .form-control {
    background-color: rgba(5, 23, 95, 0.24);
    padding-left: 67px;
    transition: background-color 0.24s ease;
}

.order-content .panel.panel-choose-domain .panel-domain-search .form-control:focus {
    background-color: rgba(5, 23, 95, 0.32) !important;
}

.order-content .panel.panel-choose-domain .panel-domain-search .tld-select {
    background-color: rgba(5, 23, 95, 0.24);
    color: #fff;
}

.order-content .panel.panel-choose-domain .panel-domain-search .btn-primary {
    background-color: #ECF4FC;
    color: #1062FE;
}

.order-content .panel.panel-choose-domain .panel-domain-search .btn-primary:focus, .order-content .panel.panel-choose-domain .panel-domain-search .btn-primary:hover, .order-content .panel.panel-choose-domain .panel-domain-search .btn-primary:active {
    background-color: #fff;
}

.order-content .panel.panel-choose-domain .panel-domain-search .dropdown .dropdown-menu-search input {
    padding-left: 8px;
    background-color: transparent !important;
}

.order-content .panel.panel-choose-domain .panel-domain-search .dropdown .dropdown-menu-search .dropdown-menu-items {
    overflow-y: visible;
}

.order-content .panel-boxed-checkbox.checked,
.order-content .panel-boxed-checkbox.open {
    background-color: rgba(5, 108, 234, 0.16);
}

.order-content .panel-info .panel-body.bg-info {
    background-color: rgba(5, 108, 234, 0.08);
}

.order-content .panel-info .panel-body.bg-info .credit-balance {
    color: #fff;
}

.domain-suggestion.added {
    background-color: rgba(5, 108, 234, 0.16);
}

.suggested-domains .domain-suggestion .content .domain, .suggested-domains .domain-suggestion .content .extension, .suggested-domains .domain-suggestion .content .price {
    font-size: 17px !important;
}

.suggested-domains .domain-suggestion .content .extension {
    color: #fff;
}

.suggested-domains .domain-suggestion .price {
    color: rgba(224, 232, 255, 0.64);
    font-size: 17px !important;
}

.suggested-domains .added {
    border-bottom: 0 !important;
}

.tld-label {
    color: rgba(224, 232, 255, 0.56);
}

/*
*******************************************
    KNOWLEDGEBASE
*******************************************
*/
.kb-search .kb-search-wrapper {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}

.kb-search .kb-search-wrapper .form-control {
    border-color: transparent;
    background-color: rgba(5, 23, 95, 0.24);
    transition: background-color 0.24s ease;
}

.kb-search .kb-search-wrapper .form-control:focus {
    background-color: rgba(5, 23, 95, 0.32) !important;
}

.kb-search .kb-search-wrapper .btn-primary {
    background-color: #ECF4FC;
    border-color: transparent;
    color: #0C70DE;
}

.kb-search .kb-search-wrapper .btn-primary:hover {
    background-color: #fff;
}

/*
*******************************************
    SUPPORT
*******************************************
*/
.panel-sidebar.panel-ticket-information .list-group > .list-group-item .title, .panel-sidebar.panel-recent-tickets .list-group > .list-group-item .title {
    color: rgba(224, 232, 255, 0.56);
}

.panel-sidebar.panel-ticket-information .list-group > .list-group-item .pull-right, .panel-sidebar.panel-recent-tickets .list-group > .list-group-item .pull-right {
    color: rgba(224, 232, 255, 0.8);
}

.ticket-departments > a:hover {
    background: #1b2d7a;
}

.ticket-departments-boxes .panel.panel-support:hover {
    background: rgba(5, 108, 234, 0.16);
}

.ticket-reply.staff .ticket-reply-top {
    background-color: transparent;
    border-color: rgba(224, 232, 255, 0.078);
}

.panel div.md-editor {
    border: none;
}

.panel div.md-editor:active {
    border: none;
}

.panel div.md-editor > .md-header {
    padding: 0px 0px 14px 0px;
}

.panel div.md-editor > textarea.markdown-editor {
    border-color: transparent !important;
}

.panel div.md-editor .md-footer {
    background-color: transparent;
    padding-bottom: 0px;
    margin-bottom: -6px;
}

.panel div.md-editor .md-footer .markdown-editor-status {
    color: rgba(224, 232, 255, 0.64);
}

.panel .file-input {
    background-color: rgba(224, 232, 255, 0.08);
}

.listtable .table-list .text-primary {
    color: #fff !important;
}

@media (max-width: 768px) {
    .table-container .listtable {
        padding: 0px;
    }

    .table-container .listtable .btn-table-collapse {
        background-color: transparent !important;
    }
}

.tld-pricing .tld-row {
    border-color: rgba(224, 232, 255, 0.078);
}

.network-status .d-flex {
    -webkit-box-align: center;
    align-items: center;
}

.network-status-body > .panel:not(:last-of-type) {
    border-bottom: 1px solid rgba(224, 232, 255, 0.078);
}

.network-status .network-status-pagination {
    background-color: rgba(5, 108, 234, 0.08);
}

.network-status .network-status-body .priority-critical .priority-text {
    color: #FF6868;
}

.network-status .network-status-body .priority-critical:before {
    color: #FF6868;
}

.network-status .network-status-body .priority-medium .priority-text {
    color: #e1bf66;
}

.network-status .network-status-body .priority-medium:before {
    color: #e1bf66;
}

.network-status .panel span strong {
    color: #FF6868;
}

.spotlight-tld .spotlight-footer {
    background-color: transparent;
}

select option {
    color: #1b2d7a;
}

#modalAjax .modal-dialog .modal-body pre {
    background-color: rgba(5, 108, 234, 0.08);
    border: none;
    color: rgba(224, 232, 255, 0.64);
}

/*
*******************************************
    RADIO-CHECKBOX 
*******************************************
*/
.radio label, .checkbox label,
.radio, .checkbox {
    color: rgba(224, 232, 255, 0.64);
}

.checkbox-styled.checked {
    border-color: #1062FE;
    background: #1062FE !important;
}

.checkbox-styled:before {
    top: 0px;
    left: 1px;
}

.radio-styled.hover,
.radio-styled,
.icheck-label > .checkbox-styled,
.checkbox-styled.hover,
.checkbox-styled {
    border: transparent;
}

/*
*******************************************
    MAIN-HEADER
*******************************************
*/
.lagom-layout-banner .main-header {
    background: rgba(5, 108, 234, 0.08);
}

.main-header .breadcrumb li a:hover {
    color: #fff;
}

/*
*******************************************
   LANDING-PAGE
*******************************************
*/
.landing-page {
    background: transparent;
}

.landing-page .main-banner .main-subnav {
    background: transparent;
}

.landing-page .main-subnav.navbar.navbar-default.is-open {
    background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
}

.landing-page .main-banner .main-subnav .navbar-collapse {
    background: transparent !important;
}

.landing-page .plans .pricing-item .header h4, .landing-page .plans .pricing-item .header h5 {
    color: #1b2d7a;
}

.landing-page .plans .pricing-item .header p {
    color: #1b2d7a;
}

.landing-page .plans .pricing-item ul {
    font-size: 14px;
    line-height: 20px;
}

.landing-page .plans .pricing-item ul li {
    color: #1b2d7a;
}

.landing-page .plans .pricing-item .feature-heading {
    color: #1b2d7a;
}

.landing-page .plans .pricing-item form select {
    border: 1px solid #dcdee2;
    background-color: transparent;
    color: #393d45;
}

.landing-page .plans-sitelock .pricing-item ul li, .landing-page .plans-sitelock .pricing-item ul span {
    color: #1b2d7a;
}

.landing-page .plans-sitelock .pricing-item ul li span, .landing-page .plans-sitelock .pricing-item ul span span {
    color: #1b2d7a;
}

.landing-page .plans .panel-package,
.landing-page .plans .panel-accordion {
    border: none;
}

.landing-page .package h4 {
    color: #1b2d7a;
}

.landing-page .package ul {
    color: #1b2d7a;
}

.landing-page .browser {
    background: linear-gradient(135deg, #051866 0%, #021038 80%);
}

.landing-page .browser .browser-actions > span {
    background-color: #1062FE;
}

.landing-page .banner-promo .btn-info {
    background-color: #ECF4FC;
    color: #1062FE;
}

.landing-page .banner-promo .btn-info:focus, .landing-page .banner-promo .btn-info:hover, .landing-page .banner-promo .btn-info:active {
    background-color: #fff;
}

.content-block .browser-notice p {
    color: #1b2d7a;
}

.landing-page.spamexperts .panel-package .icon {
    color: rgba(224, 232, 255, 0.48);
}

.landing-page.spamexperts .panel-package .price {
    color: #fff;
}

.landing-page.spamexperts .panel-package .btn-outline:hover {
    background-color: transparent;
}

.landing-page.spamexperts .get-started {
    background: rgba(0, 0, 0, 0.1);
}

.landing-page.spamexperts .get-started .get-started-right {
    background-color: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.landing-page.spamexperts .content-block-gray {
    background-color: transparent;
}

.landing-page .tabs .nav-tabs > li {
    margin-bottom: 0px;
}

.landing-page .tabs .nav-tabs > li.active > a {
    background-color: rgba(5, 108, 234, 0.08);
}

.site .logos .logo > img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.content-block.trusted-by img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.content-block > .container.text-center {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.panel .panel,
.panel .table-container {
    border: none;
}

.landing-page .feature i,
.landing-page .feature-wrapper .feature-icons > i {
    color: rgba(224, 232, 255, 0.48);
}

@media (max-width: 991px) {
    .main-banner .main-subnav .navbar-collapse {
        background: linear-gradient(#0c70de 0%, #2f4dbd 100%);
    }
}

/*
*******************************************
   LOGIN-PAGE
*******************************************
*/
.login-page .message {
    background: transparent;
}

.main-body.login-page .header-lined {
    margin-bottom: 0px;
    line-height: 29px;
}

.btn-social {
    background-color: rgba(12, 112, 222, 0.161);
    border: transparent;
}

.btn-social:after,
.btn-social i {
    color: #CCDDFF;
}

.logincontainer {
    /*padding-top: 36px;*/
    justify-content: space-between;
    padding: 40px;
   /* max-width: 1200px !important;*/
}

.m-0 {
    margin: 0;
}

@media (max-width: 600px) {
    .logincontainer {
        padding: 20px;
    }
}

.logincontainer .header-lined h1 {
    text-align: left;
}

.justify-content-center {
    justify-content: center;
}

.logincontainer .logincontainer-body {
    padding: 0;
    max-width: 700px;
}

.pt-2 {
    padding-top: 15px;
}

.logincontainer-address {
    padding-bottom: 30px;
}

.logincontainer-system {
    position: absolute;
    bottom: 4em;
}

@media (min-width: 992px) {
    .d-md-flex {
        display: flex;
        flex-wrap: wrap;
    }
}

.logincontainer-login {
    padding-top: 30px;
}

.logincontainer-login a {
    color: rgba(224, 232, 255, .8) !important;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .logincontainer-system {
        position: relative;
        bottom: 0;
    }
}

.logincontainer-system .icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #00ff00;
    border-radius: 50%;
    margin-right: 6px;
}

.logincontainer .social-signin-btns {
    padding: 30px 0px;
}

.logincontainer .social-signin-btns .btn {
    margin-bottom: 0px;
}

.logincontainer .text-divider span {
    font-size: 11px;
    background: transparent;
}

.logincontainer.register, .logincontainer.contact {
    max-width: 788px;
}

.logincontainer.register .header-lined h1 {
    margin-bottom: 0px;
}

.logincontainer.register .logincontainer-body {
    padding: 24px 48px 36px 48px;
}

.logincontainer .m-b-24 {
    margin-bottom: 0px !important;
}

.logincontainer .form-control {
    background-color: rgba(224, 232, 255, 0.08);
    border-color: transparent;
}

.logincontainer a:not(.btn) {
    color: #1062FE;
}

.logincontainer-footer {
    background-color: transparent;
    border-top: 1px solid rgba(224, 232, 255, 0.078);
}

.logincontainer .message {
    background-color: transparent;
}

.logincontainer .text-lighter {
    color: rgba(224, 232, 255, 0.64);
}
.row.about_features_grid_wrap {
    padding-top: 40px;
}
@media (max-width: 480px) {
    .logincontainer .logincontainer-body, .logincontainer.register .logincontainer-body {
        padding: 12px;
    }
}

/*
*******************************************
   LOADER
*******************************************
*/
.loader-table {
    background: linear-gradient(270deg, #081E6E 0%, #0E2475 100%);
    right: -1px;
}

.panel-collapsable > .panel-heading .panel-title {
    color: #fff;
}

.message-icon {
    color: #fff !important;
    border-color: #fff !important;
}

.message-text {
    color: #fff !important;
}

.message .domain-price h4 {
    font-size: 26px;
    margin-top: 10px;
}

.message .domain-price .btn {
    height: 50px;
}

/*
*******************************************
    SVG
*******************************************
*/
.svg-icon-on-dark .outline {
    stroke: #fff;
}

.svg-icon .prime-l {
    fill: #33adff;
    stroke: #33adff;
}

.svg-icon .prime {
    fill: #009aff;
    stroke: #009aff;
}

.panel.checked .panel-heading.check .svg-icon path {
    fill: #fff;
}

.panel.checked .panel-heading.check .svg-icon rect {
    fill: #fff;
}

.panel.checked .panel-heading.check .svg-icon polygon {
    fill: #fff;
}

.panel.checked .panel-heading.check .scg-icon path {
    fill: #fff;
}

.panel.checked .panel-heading.check .scg-icon rect {
    fill: #fff;
}

.panel.checked .panel-heading.check .scg-icon polygon {
    fill: #fff;
}

.panel .panel-heading.check .svg-icon path {
    fill: rgba(224, 232, 255, 0.64);
}

.panel .panel-heading.check .svg-icon rect {
    fill: rgba(224, 232, 255, 0.64);
}

.panel .panel-heading.check .svg-icon polygon {
    fill: rgba(224, 232, 255, 0.64);
}

.panel .panel-heading.check .scg-icon path {
    fill: rgba(224, 232, 255, 0.64);
}

.panel .panel-heading.check .scg-icon rect {
    fill: rgba(224, 232, 255, 0.64);
}

.panel .panel-heading.check .scg-icon polygon {
    fill: rgba(224, 232, 255, 0.64);
}

/*
*******************************************
    CART
*******************************************
*/
@media (max-width: 767px) {
    .panel.panel-cart .panel-body.cart-item .prod-price {
        background: none;
    }

    .panel.panel-cart .panel-body.cart-item .cart-item-price {
        background-color: rgba(224, 232, 255, 0.08);
    }
}

.panel.panel-cart .panel-body.cart-item .input-number {
    background-color: rgba(224, 232, 255, 0.08);
    border-color: transparent;
}

.panel.panel-cart .panel-body.cart-item .input-number.is-active {
    border-color: transparent;
}

.panel.panel-cart .panel-body.cart-item .input-number.is-active .input-number-actions {
    border-left-color: rgba(224, 232, 255, 0.078);
}

.panel.panel-cart .panel-body.cart-item .input-number input {
    background-color: transparent;
    color: #fff;
}

.panel.panel-cart .panel-body.cart-item .input-number-actions {
    border-color: rgba(224, 232, 255, 0.078);
    border-color: rgba(224, 232, 255, 0.078);
}

.panel.panel-cart .panel-body.cart-item .btn-default.dropdown-toggle {
    background-color: rgba(224, 232, 255, 0.08);
    color: #fff;
}

.panel.panel-cart .panel-footer {
    border-top: none;
}

.annoucements .announcement-title {
    color: #fff;
}

.annoucements .announcement-item:hover {
    background-color: rgba(224, 232, 255, 0.08);
}

.panel-check:hover,
.panel-switch:hover {
    border-color: transparent;
}

.panel-switch {
    border-color: transparent;
}

.panel.panel-form .domain-information .domain-information-title h2 {
    margin-left: 0px;
}

.panel.panel-form .domain-information .domain-information-title .ls-check {
    display: none;
}

.panel.panel-form .product-info {
    padding-left: 0px;
}

.order-content .panel-default > .panel-heading {
    color: rgba(224, 232, 255, 0.48);
    font-size: 14px;
}

.order-content .panel.checked .panel-collapse.collapse.in {
    padding-bottom: 15px;
}

.order-content .panel-group.panel-group-condensed > .panel + .panel {
    border-top: none;
}

.order-content .panel-group.panel-group-condensed .panel-body {
    margin: 15px 0px 0px 24px;
    padding: 0px 15px 0px 24px;
    border-left: 1px solid rgba(224, 232, 255, 0.078);
}

.order-content .panel-group.panel-group-condensed h6 {
    color: #E0E8FF;
    font-weight: 400;
}

.order-content .cart-item-title {
    padding: 0px;
}

.order-content .cart-item-title h2 {
    font-size: 15px;
}

.order-content .cart-item-price {
    color: #fff;
    padding: 0px;
}

.order-content .panel-group-condensed > .panel .panel-heading + .panel-collapse > .panel-body {
    padding-left: 24px;
}

.order-content .check-content > span {
    font-weight: 400;
}

.order-content #creditCardInputFields .panel-body .list-info-text {
    color: #fff;
}

.panel-group-condensed > .panel + .panel {
    border-top: none;
}

.mc-promos .mc-promo .header {
    background: rgba(5, 108, 234, 0.078);
}

.mc-promos .mc-promo .header .expander .lm {
    color: rgba(224, 232, 255, 0.48);
}

.mc-promos .mc-promo .header .price {
    color: #fff;
}

.mc-promos .mc-promo .header .content .headline {
    font-size: 20px;
    color: #fff;
}

.mc-promos .mc-promo .body {
    background-color: rgba(5, 108, 234, 0.078);
}

.mc-promos .mc-promo .body ul li i {
    color: rgba(224, 232, 255, 0.48);
}

.cart-item, .additional-information {
    border-color: rgba(224, 232, 255, 0.078);
}

.additional-information {
    margin-bottom: 0px;
}

.additional-information li .item-name {
    color: rgba(224, 232, 255, 0.48);
}

.panel-range-slider .irs-line .irs-line-left,
.panel-range-slider .irs-line .irs-line-mid,
.panel-range-slider .irs-line .irs-line-right {
    background: rgba(224, 232, 255, 0.16);
}

.irs-line-left, .irs-line-right {
    width: 9% !important;
}

.table-masspay .masspay-title {
    color: #E0E8FF;
}

.credit-card-container {
    border: none;
    border-bottom: 1px solid rgba(224, 232, 255, 0.078);
}

.file-input-button.btn.btn-default {
    background-color: transparent;
    border-right: 1px solid rgba(224, 232, 255, 0.078);
}

/*
*******************************************
    THEME-SWITCHER
*******************************************
*/
.theme-switcher h1, .theme-switcher h2, .theme-switcher h4 {
    color: #393d45;
}

.theme-switcher .btn-default {
    color: #393d45;
    background-color: #fff;
    border-color: #dcdee2;
}

.theme-switcher .btn-default:hover {
    background-color: #f6f7f8;
}

.theme-switcher .alert-info .alert-body {
    color: #0470df;
}

.package .package-name, .package .package-price,
.kbarticles a {
    color: #fff;
}

.kbarticles a:before {
    color: #1062FE;
}

.panel.panel-info.panel-collapsable .panel-heading {
    background: transparent;
}

/*
*******************************************
    BOTTOM-ACTION-STICKY
*******************************************
*/
.bottom-action-sticky {
    background-color: rgba(4, 28, 93, 0.95);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.bottom-action-sticky .badge {
    background-color: #1062FE;
}

.bottom-action-sticky .btn {
    height: 50px;
}

/*
*******************************************
    INPUTS
*******************************************
*/
.form-control.text-primary.bg-white {
    background-color: rgba(224, 232, 255, 0.08) !important;
    margin-left: 0px !important;
}

.panel.panel-default.panel-form .input-group-addon {
    border-right: 1px solid rgba(224, 232, 255, 0.078);
}

.md-editor > textarea.markdown-editor {
    background-color: rgba(224, 232, 255, 0.08) !important;
}

.intl-tel-input .selected-flag {
    border-color: rgba(224, 232, 255, 0.078);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus:hover {
    border: 1px solid rgba(224, 232, 255, 0.08) !important;
    -webkit-text-fill-color: #b9bdc5;
    -webkit-box-shadow: 0 0 0px 1000px rgba(224, 232, 255, 0.08) inset !important;
    transition: background-color 5000s ease-in-out 0s;
    background-color: rgba(224, 232, 255, 0.08) !important;
}

.input-number:focus,
.form-control:focus,
.form-control.text-primary.bg-white:focus,
.md-editor > textarea.markdown-editor:focus {
    background-color: rgba(224, 232, 255, 0.16) !important;
    transition: 0.24s;
}

.form-control:focus,
.module-custom-output input[type="text"]:focus {
    border-color: transparent;
}

/*
*******************************************
    PAGE-WITH-BANNER
*******************************************
*/
.lagom.page-with-banner .main-body {
    padding-top: 0px;
}

.lagom.page-with-banner .main-body .main-banner .search-box input.form-control {
    color: #b9bdc5;
}

@media (max-width: 586px) {
    .lagom.page-with-banner .main-body .search-box .btn.btn-info {
        background-color: #fff;
    }

    .lagom.page-with-banner .main-body .search-box input.form-control {
        background-color: rgba(5, 23, 95, 0.24);
    }

    .lagom.page-with-banner .main-body .search-box input.form-control:focus {
        background-color: rgba(5, 23, 95, 0.32);
    }
}

/*
*******************************************
    CUSTOM-SCROLLBAR
*******************************************
*/
.ps__thumb-x,
.ps__rail-y {
    background-color: transparent !important;
    transition: background-color 0.2s linear, opacity 0.2s linear !important;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear !important;
}

/*
*******************************************
    MODAL
*******************************************
*/
.modal .modal-content {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}

/*
*******************************************
    ALERTS
*******************************************
*/
.alert.alert-success {
    border-left: 3px solid #8bd086;
}

.alert.alert-info {
    border-left: 3px solid #0470df;
}

.alert.alert-warning {
    border-left: 3px solid #e1bf66;
}

.alert.alert-danger {
    border-left: 3px solid #FF6868;
}

.alert.alert-danger .ls {
    color: #8bd086;
}

.alert.alert-success .ls {
    color: #8bd086;
}

.alert.alert-info .ls {
    color: #0470df;
}

.alert.alert-warning .ls {
    color: #e1bf66;
}

.alert.alert p {
    color: #fff;
}

.text-info {
    color: #0470df !important;
}

.text-success {
    color: #8bd086 !important;
}

.text-warning {
    color: #e1bf66 !important;
}

.text-danger {
    color: #FF6868 !important;
}

.alert-actions .btn-icon .ls {
    color: rgba(224, 232, 255, 0.48);
}

.alert-warning p {
    color: rgba(224, 232, 255, 0.8) !important;
}

.panel-domain-search .alert-warning {
    background-color: rgba(5, 23, 95, 0.24) !important;
}

.lagom-layout-banner .email-verification.alert {
    border-top: 1px solid rgba(224, 232, 255, 0.078);
}

/*
*******************************************
    AFFILIATES
*******************************************
*/
.main-body-affiliates .banner-affiliates .btn-primary {
    background-color: #ECF4FC;
    color: #1062FE;
}

.main-body-affiliates .banner-affiliates .btn-primary:hover, .main-body-affiliates .banner-affiliates .btn-primary:active, .main-body-affiliates .banner-affiliates .btn-primary:focus {
    background-color: #fff;
}

/*
*******************************************
    MOBILE-MENU
*******************************************
*/
/*
*******************************************
    NAV-LEFT
*******************************************
*/
.lagom.lagom-layout-left .app-nav {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav > li.active > a:after {
    height: 0px;
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu {
    min-width: 270px;
    background: linear-gradient(rgba(5, 34, 120, 0.98), rgba(3, 31, 107, 0.98));
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu > li > a:hover {
    background-color: rgba(5, 108, 234, 0.16);
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu > li > a:focus {
    background-color: rgba(5, 108, 234, 0.16);
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu .nav-divider {
    display: none;
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu-item a {
    color: rgba(224, 232, 255, 0.8);
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu-item a:hover {
    background-color: rgba(5, 108, 234, 0.16);
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu-item a:focus {
    background-color: rgba(5, 108, 234, 0.16);
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main .lm {
    height: 18px;
    width: 18px;
    font-size: 18px;
}

.lagom.lagom-layout-left .app-nav #main-menu .navbar-main span {
    font-size: 16px;
}

.lagom.lagom-layout-left .main-top {
    border-bottom: 1px solid rgba(224, 232, 255, 0.078);
    padding: 10px 0px;
}

@media (max-width: 991px) {
    .lagom .app-nav #main-menu .navbar-main {
        transition: 0.24s ease;
    }

    .lagom .app-nav #main-menu .navbar-main .navbar-nav .dropdown-menu {
        background: transparent;
    }

    .lagom.menu-open .app-nav .navbar-main {
        box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.24);
        z-index: 9999;
    }
}

/*
*******************************************
    ACCOUNT-SETTINGS
*******************************************
*/
.tab.tab-boxed .nav-tabs {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(224, 232, 255, 0.078);
}

.tab.tab-boxed .tab-content {
    border: none;
}

.tab.tab-boxed .tab-content #linked-accounts .table-container .popover .popover-title {
    border-bottom: 1px solid rgba(224, 232, 255, 0.078);
}

.tab.tab-boxed .tab-content #linked-accounts .table-container .popover .confirmation-buttons .btn-success {
    background-color: #1062FE;
    border: #1062FE;
}

.tab.tab-boxed .tab-content #linked-accounts .table-container .popover .confirmation-buttons .btn-success:hover, .tab.tab-boxed .tab-content #linked-accounts .table-container .popover .confirmation-buttons .btn-success:active, .tab.tab-boxed .tab-content #linked-accounts .table-container .popover .confirmation-buttons .btn-success:focus {
    background-color: #015ABE;
    border: #015ABE;
}

/*
*******************************************
    MENAGE-PRODUCT
*******************************************
*/
.domain-lookup-result.list-group .list-group-item .domain {
    color: rgba(224, 232, 255, 0.8) !important;
}

.table-container .dataTable .small,
.table-container .dataTable .small,
.table-container .dataTable .text-small,
.table-container .dataTable .text-small {
    color: rgba(224, 232, 255, 0.48) !important;
}

.panel-group-condensed > .panel.checked .check-content > span {
    color: #fff;
}

.addon-promo-container .logo {
    display: none;
}

.addon-promo-container .description {
    padding-right: 0px;
}

.product-details .product-icon .product-status {
    color: rgba(224, 232, 255, 0.48);
}

.product-details .list-info-v .list-info-text {
    color: #fff;
}

.product-details #frmCreateEmailAccount .btn {
    top: calc(50% + 8px);
}

.usage-stats span, .usage-stats .usage-dial {
    color: rgba(224, 232, 255, 0.8) !important;
}

.cpanel-actions-container .cpanel-actions-btn .btn {
    color: #fff !important;
    border-color: rgba(224, 232, 255, 0.24);
}

.cpanel-actions-container .cpanel-actions-btn .btn:hover {
    border-color: #1062FE;
    background-color: transparent;
}

.cpanel-actions-container .cpanel-actions-btn .btn:active {
    border-color: #1062FE;
    background-color: transparent;
}

/*
*******************************************
    ADD-FOUNDS
*******************************************
*/
.panel.well-lg .control-label {
    margin-bottom: 8px;
}

.panel.well-lg #add-credits-buttons .btn-outline {
    color: #fff !important;
}

.panel.well-lg #add-credits-buttons .btn-outline:not(.active) {
    border-color: rgba(224, 232, 255, 0.24);
}

.panel.well-lg #add-credits-buttons .btn-outline:hover {
    border-color: #1062FE;
}

.panel.well-lg #add-credits-buttons .btn-outline:active {
    border-color: #1062FE;
}

/*
*******************************************
    HEADER
*******************************************
*/
@media (min-width: 992px) {
    .lagom-layout-condensed.lagom-layout-banner .app-nav {
        border-bottom: 1px solid rgba(224, 232, 255, 0.078);
    }

    .lagom-layout-left-wide .email-verification {
        background: #051e6d;
    }
}

@media (max-width: 992px) {
    #header {
        background: linear-gradient(270deg, #081E6E 0%, #0E2475 100%);
    }
}

/*
*******************************************
    INVOICE
*******************************************
*/
.invoice table .total-row td {
    border: none;
}

.invoice .well {
    border: none;
}

/*
*******************************************
   TABLE
*******************************************
*/
table > thead > tr > th,
table > tbody > tr > th,
.table > thead > tr > th,
.table > tbody > tr > th {
    color: rgba(224, 232, 255, 0.56) !important;
}

/*
*******************************************
    BILLING-OVERVIEW
*******************************************
*/
.billingOverview .gray-base {
    color: rgba(224, 232, 255, 0.56);
}

/*
*******************************************
    TAB
*******************************************
*/
.nav-tabs > li > a {
    color: rgba(224, 232, 255, 0.56);
}

.tab-pane .list-info-title {
    color: rgba(224, 232, 255, 0.56);
}

/*
*******************************************
    MG-WRAPPER
*******************************************
*/
.search-box .btn-info {
    color: #1062FE;
    background-color: transparent;
    border-color: #1062FE;
}

.search-box .btn-info:hover, .search-box .btn-info:active,
.search-box .btn-info:focus .search-box .btn-info:active:hover {
    color: #015ABE;
    border-color: #015ABE;
}

#mg-wrapper a {
    text-decoration: none !important;
    color: rgba(224, 232, 255, 0.64);
}

#mg-wrapper .form-control {
    background-color: rgba(224, 232, 255, 0.08) !important;
    border: transparent !important;
}

.mg-wrapper .domain-checker-result-headline {
    margin-top: 20px !important;
}

.panel-qsl > .panel-heading .panel-title > i {
    color: rgba(224, 232, 255, 0.48);
}

.mg-wrapper .promoted-domain {
    background-color: rgba(5, 108, 234, 0.08);
    border-color: transparent;
}

#mg-wrapper .module-header {
    display: table;
    width: 100%;
    line-height: 14px;
}

#mg-wrapper .module-header > .header-title {
    white-space: nowrap;
    vertical-align: middle;
}

#mg-wrapper .module-header > .header-title h1 {
    font-size: 20px;
    color: #fff;
    line-height: 34px;
}

#mg-wrapper .header-actions {
    display: table-cell;
    width: 100%;
}

#mg-wrapper .header-actions > .badge {
    float: left;
    margin: 3px 0 0 10px;
}

#mg-wrapper .header-search {
    margin-left: 10px;
    float: right;
}

#mg-wrapper .panel-heading > .header-actions > .btn {
    float: right;
    margin-top: -2px;
    margin-bottom: -2px;
}

#mg-wrapper .panel-heading > .header-title {
    display: table-cell;
    width: 0%;
    white-space: nowrap;
    vertical-align: middle;
}

#mg-wrapper .panel-heading > .header-title a {
    color: #fff !important;
}

#mg-wrapper .btn-icon {
    color: rgba(224, 232, 255, 0.48) !important;
    width: 22px;
    height: 22px;
}

#mg-wrapper .btn-icon:hover {
    color: #1062FE !important;
}

#mg-wrapper .panel-list > li {
    border: none !important;
    color: rgba(224, 232, 255, 0.8);
}

#layers .tile {
    background-color: rgba(5, 108, 234, 0.08) !important;
    border-color: transparent;
}

#layers .tile .tile__title {
    color: rgba(224, 232, 255, 0.8);
}

#layers .tile:hover {
    background-color: rgba(5, 108, 234, 0.16) !important;
}

#layers .tile + .is-checked {
    background-color: rgba(5, 108, 234, 0.16) !important;
}

.mg-wrapper #layers .p-3 {
    color: rgba(224, 232, 255, 0.48) !important;
}

#layers .top__title-text {
    color: #fff !important;
}

#layers .widget {
    background-color: rgba(5, 108, 234, 0.08) !important;
    border-color: transparent !important;
}

#layers .search-box {
    background-color: rgba(224, 232, 255, 0.08) !important;
    border-color: transparent !important;
}

#layers .search-box span {
    color: rgba(224, 232, 255, 0.48) !important;
}

#layers .t-c__footer {
    border-top: rgba(224, 232, 255, 0.078) !important;
}

#layers .t-c__footer .dt-button {
    color: rgba(224, 232, 255, 0.8) !important;
}

#layers .t-c__footer .paginate_button.previous {
    color: rgba(224, 232, 255, 0.8) !important;
}

#layers .t-c__footer .paginate_button.next {
    color: rgba(224, 232, 255, 0.8) !important;
}

#layers .t-c__footer .dt-button.active {
    color: #1062FE !important;
}

#layers .btn--primary {
    color: #fff !important;
    background-color: #1062FE !important;
    border-color: #1062FE !important;
}

#layers .btn--success {
    background-color: #1062FE !important;
    border-color: #1062FE !important;
}

.modal .btn.btn--success {
    background-color: #1062FE !important;
    border-color: #1062FE !important;
}

#layers .btn--primary:hover, .modal .btn.btn--success:hover,
#layers .btn--success:hover {
    background-color: #015ABE !important;
    border-color: #015ABE !important;
}

#layers-body .preloader-container--full-screen,
#layers .preloader-container--full-screen {
    background: linear-gradient(270deg, #081E6E 0%, #0E2475 100%) !important;
}

#mg-wrapper .searchTable {
    background-image: none !important;
}

#mg-wrapper .input-icon:before {
    content: "\e910";
    font-family: "lagom-medium-icons";
    position: absolute;
    height: 100%;
    width: 44px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    color: rgba(224, 232, 255, 0.48);
    z-index: 10;
}

.mg-wrapper #layers,
#layers .form-label,
#layers .form-feedback {
    color: rgba(224, 232, 255, 0.8) !important;
}

#mg-wrapper .modal-header {
    background-color: transparent;
}

#mg-wrapper .modal-header h4,
.top__title.type-6 span.text-faded {
    color: #fff;
}

#mg-wrapper .modal-content, .select2-drop,
#layers-body .drop-content .dropdown, #layers .drop-content .dropdown,
#layers .modal__content,
#layers .nav--arrow .nav__item.is-active .nav__link:after {
    background: linear-gradient(270deg, #081E6E 0%, #0E2475 100%) !important;
    border-color: transparent !important;
}

#mg-wrapper .modal-header, #mg-wrapper .modal-footer {
    border-color: rgba(224, 232, 255, 0.078) !important;
}

.select2-container .select2-choice, .tpx-select2-drop .select2-search input,
#layers .widget .input-group, #layers .form-indicator,
#layers .form-check > label .form-indicator,
#layers .modal .form-group .form-control {
    background-color: rgba(224, 232, 255, 0.08) !important;
    border-color: transparent !important;
}

#layers .modal__dialog .input-group__addon {
    background-color: transparent !important;
    border-right: 1px solid rgba(224, 232, 255, 0.078) !important;
    color: #b9bdc5 !important;
}

#layers .modal .input-group input.form-control,
#layers .selectize-control {
    background-color: transparent !important;
}

#mg-wrapper a.select2-choice .select2-chosen,
#layers .selectize-control .selectize-input:before {
    color: #b9bdc5 !important;
}

#mg-wrapper .close {
    color: rgba(224, 232, 255, 0.8) !important;
}

.select2-drop {
    color: rgba(224, 232, 255, 0.8) !important;
}

.tpx-select2-container .select2-choice .select2-arrow {
    background-color: rgba(224, 232, 255, 0.08) !important;
}

#layers .widget__header, #layers .table thead th,
#layers .table thead td, #layers .table tbody th,
#layers .table tbody td, #layers .table tfoot th,
#layers .table tfoot td,
#layers .modal__body {
    border-color: rgba(224, 232, 255, 0.078) !important;
}

#layers .breadcrumb__link, .mg-wrapper #layers .widget a {
    color: rgba(224, 232, 255, 0.8) !important;
}

.mg-wrapper #layers .widget, #layers .widget__body {
    border-color: transparent !important;
}

#layers .btn.btn--icon:hover {
    color: #1062FE !important;
}

#layers-body .drop-content .dropdown span.dropdown__title,
#layers-body .drop-content .dropdown .dropdown__item .dropdown__link span.dropdown__link-text,
#layers-body .drop-content .dropdown .dropdown__link-icon {
    color: rgba(224, 232, 255, 0.8) !important;
}

#layers-body .drop-content .dropdown span.dropdown__title:hover,
#layers-body .drop-content .dropdown .dropdown__item .dropdown__link:hover span {
    color: #fff !important;
}

#layers-body .drop-arrow:after,
#layers-body .drop .dropdown__arrow:after {
    background: linear-gradient(270deg, #081E6E 0%, #0E2475 100%) !important;
}

.mg-wrapper .domain-extensions .dropdown-menu {
    border-color: transparent !important;
}

#layers .btn:hover {
    color: #fff !important;
}

#layers .selectize-control .selectize-dropdown-content {
    color: #1b2d7a;
}

.modal .btn.btn--danger.btn--outline.btn--plain,
#mg-wrapper .btn-default,
.lagom.page-downloaddenied .btn {
    border-color: rgba(235, 244, 253, 0.102) !important;
    background-color: transparent !important;
    color: #fff !important;
}

.section.network-status {
    background-color: transparent;
}

.network-status-top {
    background-color: rgba(5, 108, 234, 0.08);
}

#layers .h4 {
    color: #fff !important;
}

#MGPageorderdomain .search-box > .form-control,
#MGPageorderdomain .search-box > .module-custom-output input[type="text"],
#MGPageorderdomain .search-box > .form-control:focus,
#MGPageorderdomain .search-box > .module-custom-output input[type="text"]:focus,
#MGPageorderdomain .search-box > .form-control:active,
#MGPageorderdomain .search-box > .module-custom-output input[type="text"]:active,
#MGPageorderdomain .search-box > .form-control,
#MGPageorderdomain .search-box > .module-custom-output input[type="text"],
#MGPageorderdomain .search-box > .form-control:focus,
#MGPageorderdomain .search-box > .module-custom-output input[type="text"]:focus,
#MGPageorderdomain .search-box > .form-control:active,
#MGPageorderdomain .search-box > .module-custom-output input[type="text"]:active {
    background-color: transparent !important;
}

ul.country-list {
    background: linear-gradient(270deg, #081E6E 0%, #0E2475 100%);
}

.intl-tel-input .country-list {
    border: none !important;
}

.intl-tel-input .country-list .country .dial-code,
.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
    color: rgba(224, 232, 255, 0.64) !important;
}

.intl-tel-input .country-list .country.highlight {
    background-color: #1b2d7a;
}

.intl-tel-input .country-list .country.highlight .dial-code,
.intl-tel-input .country-list .country.highlight .flag-box,
.intl-tel-input .country-list .country.highlight .country-name {
    color: #fff !important;
}

.intl-tel-input .country-list .divider {
    border-color: rgba(224, 232, 255, 0.078);
}

select.form-control option {
    color: rgba(224, 232, 255, 0.64);
    background-color: #0e2475;
}

select.form-control option:checked {
    color: #fff;
    background-color: #1b2d7a;
}

/*# sourceMappingURL=../maps/futuristic-custom.css.map */


/* About TPL */

.page-about .mb-0,
.mb-0{
    margin-bottom: 0;
}

.page-about .row-reverse,
.row-reverse {
    flex-direction: row-reverse;
}

.page-about .align-items-center,
.align-items-center{
    align-items: center;
}

.page-about .main-header {
    display: none;
}

.page-about .main-body {
    padding: 0;
}

.page-about .about_column .banner-desc p,
.about_column .banner-desc p{
    font-size: 25px;
}

.page-about .about_column .about__image_wrap,
.about_column .about__image_wrap{
    max-width: 500px;
    float: right;
}

.page-about .about-gradient,
.about-gradient{
    background-image: linear-gradient(to right, #00185e, #021e68, #042473, #062a7e, #083089);
}

.page-about .about_cards_section .about_column .about__image_wrap,
.about_cards_section .about_column .about__image_wrap{
    max-width: 180px;
    float: unset;
    margin: 0 auto;
}

.page-about .about_cards_section .about_column .banner-desc p,
.about_cards_section .about_column .banner-desc p{
    font-size: 16px;
    color: white;
    line-height: 26px;
}

.page-about .about_cards_section,
.page-about .about_cards_section .about_card_item,
.page-about .about_hero_section,
.page-about .about_features_section,
.page-about .about_features_grid_wrap,
.about_cards_section,
.about_cards_section .about_card_item,
.about_hero_section,
.about_features_section,
.about_features_grid_wrap{
    padding: 50px 0;
}

.page-about .about_features_item,
.about_features_item{
    padding: 38px;
}

.page-about .about_features_item_img,
.about_features_item_img{
    max-width:66px;
}

.page-about .about_features_desc p,
.about_features_desc p{
    padding-top:32px;
    max-width: 250px;
    margin: 0 auto;
    color: white;
    font-size: 16px;
    line-height: 24px;
}

.page-about .about_cta_section,
.about_cta_section{
    padding: 90px 0;
}

/* Media For About Page */
@media (max-width: 991px) {
    .page-about .about_hero_section .about_column .banner-desc p,
    .about_hero_section .about_column .banner-desc p{
        font-size: 16px;
        line-height: 26px;
    }
}

@media (min-width: 768px) {
    .page-about .about_column .banner-title,
    .page-about .about_column .banner-desc p,

    .about_column .banner-title,
    .about_column .banner-desc p{
        text-align: left;
    }
}

@media (max-width: 767px) {

    .page-about .about_cards_section,
    .page-about .about_features_section,
    .page-about .about_features_grid_wrap

    .about_cards_section,
    .about_features_section,
    .about_features_grid_wrap{
        padding: 25px 0;
    }

    .page-about .about_hero_section.site .about__image_wrap,
    .about_hero_section.site .about__image_wrap {
        display: none;
    }

    .page-about .about_cards_section .about_card_item,
    .about_cards_section .about_card_item{
        padding: 25px 0;
    }

    .page-about .about_column .about__image_wrap,
    .about_column .about__image_wrap {
        padding-top: 50px;
    }

    .page-about .site .max-content,
    .site .max-content{
        margin: 0 auto;
        width: max-content;
    }
}

@media (max-width: 600px) {
    .page-about .about_cta_section .banner-title,
    .about_cta_section .banner-title{
        font-size: 22px;
        line-height: 32px;
    }

    .page-about .about_cta_section,
    .about_cta_section{
        padding: 50px 0;
    }
}

@media (max-width: 575px) {
    .page-about .about_features_item,
    .about_features_item{
        padding: 15px;
        display: flex;
    }

    .page-about .about_features_item_img,
    .about_features_item_img{
        max-width: 60px;
    }

    .page-about .about_features_desc p,
    .about_features_desc p{
        padding-top: 0;
        padding-left: 15px;
        text-align: left;
    }
}

@media (max-width: 475px) {
    .page-about .site .max-content,
    .site .max-content{
        width: 100%;
    }
}