@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

/* make sure that domain details are still clickable when cancelled */
/* .domain-details .list-group-item.disabled, .domain-details .list-group-item:disabled {
    color: #495057!important;
    pointer-events: initial!important;
    background-color: #fff!important;
} */

/* Page: Manage DNSSEC Records */
.dnssec-records-table {
    border: 0px!important;
    background: white;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.dnssec-records div.row.d-flex.align-items-center {
    padding: 0px 15px 5px 17px;
}

.dnssec-alert-on-enabled.alert.alert-warning {
    background-color: #fff!important;
}

.dnssec-records-table td:nth-child(1) {
    border-left-width: 0px!important;
}

.dnssec-records-table td:nth-child(4) {
    border-right-width: 0px!important;
}

.dnssec-records-table textarea.ta {
    width: 100%;
    border: 0px;
}

/* Extra title above the cancellation selection date dropdown on URL's like https://mijn.jvhhosting.nl/clientarea.php?action=cancel&id=11461 */
body.cancellation.verzoek-tot-opzegging-product label.col-form-label:after {
    content: "Ik wil deze dienst stopzetten per:";
    font-weight: 700;
    color: #ef5350;
    display: block;
    /* height: 30px; */
    /* padding-top: 5px; */
    line-height: 20px;
    padding-top: 5px;
}

/* Input height cancellation reason */
body.cancellation.verzoek-tot-opzegging-product textarea#cancellationreason {
    height: 65px;
}

/* max-width block tekst + dropdown selection etc. */
body.cancellation.verzoek-tot-opzegging-product #form > fieldset > div.form-group.text-center {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* alert warning block 'gekoppelde domeinnaam ook opzeggen?'*/
body.cancellation.verzoek-tot-opzegging-product .alert-warning {
    color: #ef5350 !important;
    background-color: #ffffff !important;
    border-color: #ef5350!important;
    font-weight: 400;
}

body.cancellation.verzoek-tot-opzegging-product #form > fieldset > div.alert.alert-warning.yes > label {
    font-weight: bold;
}

/* title: Registreer direct je domeinnaam ... */
body.winkelwagen.cartphpaadddomainregister .cart-body > p {
    font-size: 18px;
    color: #455a64;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding-top: 15px;
}

/* title: 'Voer alstublieft alle benodige gegevens in om door te gaan naar afrekenen.' */
body.fix-header.fix-sidebar.card-no-border.logged-in-as-admin-or-adminMasqueradingAsClient.winkelwagen.cartphpacheckoutefalse p.text-sm-left.overflow-hidden {
    font-size: 18px;
    color: #455a64;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    margin-bottom: -18px;
}

/* Hide 'Betaal via Mollie' paymentmethode when upgrading an hostingpackage */
.upgradephp option[value="molliecheckout_devapp"] {
    display: none;
}

/* ticket review stars */
.ticket-reply .rating span.star, .ticket-reply .rating-done span.star {
    font-weight: 900;
}

/* style domainlock texts */
#tabReglock > div > div > h2 > span.label.label-danger {
    font-size: 0;
    background: transparent;
}

#tabReglock > div > div > h2 > span.label.label-danger:after {
    content: 'inactief';
    font-size: 24px;
    color: #ef5350;
}

#tabReglock > div > div > h2 > span.label.label-success {
    font-size: 0;
    background: transparent;
}

#tabReglock > div > div > h2 > span.label.label-success:after {
    content: 'actief';
    font-size: 24px;
    color: #155724;
}

/* add mouse pointer to custom e-mail preferences checkboxes in client account here clientarea.php?action=details */
.mijn-gegevens select, .mijn-gegevens label {
    cursor: pointer;
}

/* Add 'Opzegging intrekken' as button 
.productdetails a#Primary_Sidebar-Service_Details_Actions-Cancel {
    background: #ffaa00;
    border: 1px solid #ffaa00;
    transition: 0.2s ease-in;
    padding: 7px 12px;
    color: white;
    border-radius: 0.25rem;
    border-top-left-radius: 0px;form#addform[namespace="ModulesGarden_Servers_PleskExtended_App_UI_Client_WordPressToolkit_Forms_AddInstance"] #modalTabmainTab .form-group:nth-child(4)
    border-top-right-radius: 0px;
}*/

/* hide PHP settings that we do not want visible for customers in hostingproduct php settings popup */
#confirmationModal[namespace="ModulesGarden_servers_PleskExtended_app_UI_Client_PhpSettings_Modals_PhpSettingsModal"] li.lu-nav__item,
form#phpSettingsForm .lu-col-md-6:nth-child(1) .lu-form-group:nth-child(8),
form#phpSettingsForm .lu-col-md-6:nth-child(1) .lu-form-group:nth-child(9),
form#phpSettingsForm .lu-col-md-6:nth-child(1) .lu-form-group:nth-child(10),
form#phpSettingsForm .lu-col-md-6:nth-child(2) .lu-form-group:nth-child(2),
form#phpSettingsForm .lu-col-md-6:nth-child(2) .lu-form-group:nth-child(3),
form#phpSettingsForm .lu-col-md-6:nth-child(2) .lu-form-group:nth-child(8)
{
	display: none!important;
}

/* hide not needed WP toolkit settings in form for setting up new WP installation via clientarea here: https://mijn.jvhhosting.nl/clientarea.php?mg-page=wordPressToolkit */
#addForm[namespace="ModulesGarden_Servers_PleskExtended_App_UI_Client_WordPressToolkit_Forms_AddInstance"] .lu-form-group:nth-child(4) {
    display: none;
}

/* hide @ domeinnaam bij aanmaken FTP gebruiker is alleen maar verwarrend */
form#addForm[namespace="ModulesGarden_Servers_PleskExtended_App_UI_Client_Ftp_Forms_Add"] > div:nth-child(1) > div.lu-input-group > div,
form#addForm[namespace="ModulesGarden_Servers_PleskExtended_App_UI_Client_Ftp_Forms_Add"] > div:nth-child(1) > div.lu-input-group > input:nth-child(3) {
    display: none;
}

/* hide SSL-info for SSL products on productdetails */
.is-ssl-product div#layers {
    display: none;
}

/* min-height for page-wrapper */
.page-wrapper {
    min-height: 100vh!important;
}

/* hide upgrade/downgrade options in 'pakket aanpassen' sidebar */
a#Primary_Sidebar-Service_Details_Actions-Upgrade_Downgrade_Options {
    display: none;
}

/* fix some styling padding at the top of the page */
.abonnementen .page-wrapper {
    padding-top: 60px;
}

.abonnementen .col-md-7.align-self-center, .abonnementen .col-md-5.align-self-center {
    display: none;
}

a#Primary_Sidebar-Service_Details_Actions-Change_Password {
    display: none;
}

#lagom-one-step-order .main-header-wrapper {
    padding-top: 15px;
}

/* temp CSS wat normaliter in twenty-one->css->invoice.css stond */
.invoice-container form .col-xs-8.col-xs-offset-2.col-sm-4.col-sm-offset-4 {
    max-width: 100%!important;
    flex: 0 0 100%!important;
    margin-bottom: 15px!important;
    margin-top: 15px!important;
}
body > div.container-fluid.invoice-container > div.panel.panel-success {
    margin-top: -50px;
}
.invoice-container .transactions-container {
    background: #f8f8f8!important ;
}
.invoice-container .small-text {
    font-size: 1.0em!important;
}
body > div.container-fluid.invoice-container > div.transactions-container.small-text:before {
    content: 'Gekoppelde betalingen';
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #212529;
    text-align: left;
    width: 100%;
    padding: 0px;
}

/* hide bank transfer payment method when logged out 
.logged-out #payment-gateway-component > div:nth-child(2) {
    display: none!important;
}

/* hide bank betaal met Mollie payment method because only used for bulk payments */
#lagom-one-step-order #payment-gateway-component > div:nth-child(4) {
    display: none!important;
}

/* add payment image at payment sidebar */
form[action="clientarea.php?action=masspay"] button#btnMassPayMakePayment:before {
    content: url(https://mijn.jvhhosting.nl/images/kb/197_pay.png);
    left: -7px;
    position: absolute;
    top: -10px;
    cursor: pointer;
    pointer-events: all;
}

form[action="clientarea.php?action=masspay"] select#paymentmethod {
    display: none;
}

form[action="clientarea.php?action=masspay"] label.col-form-label {
    display: none;
}

form[action="clientarea.php?action=masspay"] button#btnMassPayMakePayment {
    margin-top: 170px;
}

/* set pointer to registration tabs and make entire tabs clickable */
#order-standard_cart .domain-selection-options .option {
    cursor: pointer;
}

.winkelwagen #order-standard_cart .domain-selection-options .option-selected {
    background-color: #9db73033;
    color: white;
}

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
    width: 100%;
    cursor: pointer;
    height: 100%;
}

.winkelwagen #order-standard_cart label, .winkelwagen #order-standard_cart p.domain-renewal-desc, .winkelwagen .service-renewals .div-renewal-period-label {
    font-weight: 400;
    font-size: 13px;
    color: #455a64;
	padding-top: 10px;
	display: ruby;
}

.winkelwagen #btnDomainContinue {
    margin-bottom: 15px;
}

.winkelwagen #order-standard_cart .btn-primary, .winkelwagen 	#order-standard_cart .btn-primary.disabled {
    background: #ffb22b !important;
    border: 1px solid #ffb22b !important;
}

.winkelwagen #order-standard_cart .cart-body {
    background-color: #fff;
}

/* cart complete */
.winkelwagen.cartphpacomplete .cart-body {
    text-align: center;
    padding: 25px;
    font-size: 17px;
	max-height: 465px;
}

.winkelwagen.cartphpacomplete #order-standard_cart .cart-body {
	background: #fff;
}

.winkelwagen.cartphpacomplete #order-standard_cart > div > div.cart-body > p:nth-child(3) {
    margin-top: 75px;
}

/* hide double title */ 
form[action="clientarea.php?action=masspay"] h3.card-title {display: none;}
/* intro text */ 
form[action="clientarea.php?action=masspay"] .text-muted {font-size: 18px!important; line-height: 30px!important; color: #455a64!important; font-family: "Poppins", sans-serif; font-weight: 400;}
/* columns align */
form[action="clientarea.php?action=masspay"] {display:inline-flex; width:100%;}
form[action="clientarea.php?action=masspay"] .card {max-width:60%; float:left;}
form[action="clientarea.php?action=masspay"] .row {max-width:40%; float:right;}
/* table styles */
form[action="clientarea.php?action=masspay"] .card td.bg-default {padding: 10px 0px 0px 0px; border-top: 0px;}
form[action="clientarea.php?action=masspay"] .row .col-sm-6 {margin-left:10%; flex: 0 0 100%; width:100%; max-width: 100%;}
form[action="clientarea.php?action=masspay"] .card tr.masspay-invoice-detail td {padding: 5px 10px; background: #efefef;}
form[action="clientarea.php?action=masspay"] .table thead th:nth-child(1) {padding: 0px;}
form[action="clientarea.php?action=masspay"] .table thead th:nth-child(2) {padding: 0px 10px;}
/* payment method sticky */
form[action="clientarea.php?action=masspay"] .row .col-sm-6 .card {width:300px; max-width: 100%; position: sticky; top: 85px;}

/* cart stijling */
#order-standard_cart .summary-container {
    border-radius: 3px;
    background-color: white!important;
    font-size: .9em!important;
    padding:  15px!important;
}

#order-standard_cart .secondary-cart-body {
    background: white!important;
    color: black!important;
    font-size: 14px!important;
    padding:  15px!important;
}

#order-standard_cart span.primary-bg-color {
    background: #ee7203;
    color: #fff!important;
}

#order-standard_cart .btn-primary, #order-standard_cart .btn-primary.disabled {
    background: #afca0b!important;
    border: 1px solid #afca0b!important;
}

#order-standard_cart .product-info .product-title {
    margin-bottom: 20px!important;
    font-size: 1.6em;
    background: #afca0b;
    padding: 5px;
    border-radius: 3px;
    color: white;
}

#order-standard_cart .product-info {
    font-size: .85em;
    background-color: #fff!important;
    border: 1px solid #efefef;
    padding: 15px;
    color: #67757c!important;
}

/*
#order-standard_cart label[for="inputBillingcycle"]:after {
    content: " (getoonde prijs is maandprijs)";
    font-weight: bold;
}
*/

/* billingcycle select full width and border in cart */
.winkelwagen select#inputBillingcycle {
    width: 100%;
    border: 1px solid #ee7203 !important;
}

/* do not show danger alerts with class hidden */
.winkelwagen .alert-danger.hidden {
    display: none;
}

/* hide sub heading 'Extra informatie - Enkel voor bedrijven' while ordering add-ons in cart */
.cartphpaconfproducti1 .sub-heading,
.cartphpaconfproducti2 .sub-heading {
	display: none;
}

#order-standard_cart a.nav-link.active[aria-controls="applyPromo"] {
    visibility: hidden;
}

form#frmConfigureDomains {
    background: white;
    padding: 25px;
    margin-left: -15px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

/* fix domain forwarders table styling */
table#domain-forwarders-table tr.even a, table#domain-forwarders-table tr.odd a {
    pointer-events: initial!important;
}

.modal-backdrop.show {
    opacity: .5!important;
}

/* modal styling colors forwarders */
#mg-modal-forward-delete .modal-header {
    background-color: #afca0b;
}

#mg-modal-forward-delete .modal-body {
    background: #eee;
    color: #263238;
    font-size: 17px;
}

/* table services */
.abonnementen table.table-list thead th {
    text-align: center!important;
}

/* account statement pagina */
table#tableInvoicesList tr a {
    pointer-events: initial!important;
}

.customrow.accountStatement {
    width: 100%;
    max-width: 1200px;
}

.customrow.accountStatement .col-sm-6 {
    margin: auto;
    margin-top: 25px;
}

/* on clientarea_product_details */
/*  dienst opgezegd buttons */
.dienst_opgezegd_buttons {
    display: flex;
}

.dienst_opgezegd_buttons .form-group {
	margin-bottom: 0px;
}

.dienst_opgezegd_buttons form#form, 
.dienst_opgezegd_buttons p.text-center {
    width: 40%;
    padding: 2% 0%;
    margin: auto;
}

.dienst_opgezegd_buttons p.text-center {
	float: right;
}

.dienst_opgezegd_buttons .btn {
    width: 100%;
}

.dienst_opgezegd_buttons .btn-primary, .dienst_opgezegd_buttons .btn-primary.disabled {
    background: #f0ad4e;
    border: 1px solid #f0ad4e;
    /* -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12); */
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    font-size: 16px!important;
    color: #fff;
    opacity: 1;
}

/* new styling cancellation setup add ons and services */
input.btn.btn-danger[value="Klik hier om de opzegging ongedaan te maken"] {
    background: #bee5eb;
    border: 1px solid #bee5eb;
    -webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    color: #0c5460;
    font-size: 16px;
    width:  100%;
}

.add_on_is_cancelled td {
	min-width: 200px;
	vertical-align: middle;
}

.alert-success {
    font-weight: 400;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    line-height: 22px;
    font-size: 18px;
}

/* hide extra support element because it's double for logged in users */
li#Primary_Navbar-Support {
    display: none;
}

/* hide payment option for logged out users 
.logged-out #paymentGatewaysContainer > div > label:nth-child(2) {
    display: none;
} */

/* hide selection of default payment methode on clientarea.php?action=details */
.form-group.methode {
    display: none;
}

/* hide not correct notice on https://mijn.jvhhosting.nl/clientarea.php?action=domaindetails&id=xxxx#tabAutorenew about service will expire in xxx days */
.domain-details #main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div.alert.alert-danger {
    display: none;
}

/* translate operator naar JVH support */
span.label.requestor-type-operator {
    font-size: 0px;
}

span.label.requestor-type-operator:before {
    content: "JVH support";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04rem;
}

/* page = clientarea.php */
/* first four cards */
.bg-tickets {background-color: #5bc0de;}
.text-tickets {color: #5bc0de;}

.bg-domains {background-color: #AFCA0B;}
.text-domains {color: #AFCA0B;}

.bg-subscriptions {background-color: #f0ad4e;}
.text-subscriptions {color: #f0ad4e;}

.bg-invoices {background-color: #d9534f;}
.text-invoices {color: #d9534f;}

/* achterstallige facturen element */
[menuitemname="Overdue Invoices"] .card-header {background:#d9534f; color:#fff;}
[menuitemname="Overdue Invoices"] b {font-weight: 600;}
[menuitemname="Overdue Invoices"] .card-header h3 {color:#fff;}
[menuitemname="Overdue Invoices"] .card-header a {color:#fff!important; background:#d9534f; border:1px solid #fff!important;}
[menuitemname="Overdue Invoices"] .card-header a:hover {color:#d9534f!important; background:#fff; border:1px solid #d9534f;}

/* krediet saldo element */
[menuitemname="Credit Balance"] a {
    background-color: #fff;
	border: 1px solid #d9534f!important;
	box-shadow: none;
	color: #d9534f!important;
}

[menuitemname="Credit Balance"] a:hover {
    background-color: #d9534f!important;
	border: 1px solid #d9534f!important;
	box-shadow: none;
	color: #fff;
}

/* recente support tickets element + knowledgebase element */
[menuitemname="Recent Support Tickets"] .card-header a,
[menuitemname="knowledgebase"] .card-header a {
    background-color: #fff!important;
	border: 1px solid #5bc0de!important;
	box-shadow: none;
	color: #5bc0de!important;
}

[menuitemname="Recent Support Tickets"] .card-header a:hover,
[menuitemname="knowledgebase"] .card-header a:hover	{
    background-color: #5bc0de!important;
	border: 1px solid #5bc0de!important;
	box-shadow: none;
	color: #fff!important;
}

[menuitemname="Overdue Invoices"] .card-header,
[menuitemname="Credit Balance"] .card-header,
[menuitemname="Recent Support Tickets"] .card-header {
	border-bottom: 1px solid #dddddd!important;
}

[menuitemname="Overdue Invoices"] p,
[menuitemname="Credit Balance"] p,
[menuitemname="Recent Support Tickets"] p {
	padding-bottom: 0px!important;
	margin-bottom: 10px;
}

[menuitemname="Register a New Domain"] .btn-success,
[menuitemname="Client Details"] .btn-success,
[menuitemname="Active Products/Services"] .btn {
    background-color: #fff!important;
	border: 1px solid #f0ad4e!important;
	box-shadow: none;
	color: #f0ad4e!important;
}

[menuitemname="Register a New Domain"] .btn-success:hover,
[menuitemname="Client Details"] .btn-success:hover,
[menuitemname="Active Products/Services"] .btn:hover {
	color: #fff!important;
    background-color: #f0ad4e!important;
    box-shadow: 0 14px 26px -12px rgba(240, 173, 78, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(240, 173, 78, 0.2)!important;
	border: 1px solid #f0ad4e;
}

[menuitemname="Active Products/Services"] .label-success {
    background-color: #afca0b;
}

/* button 'alle artikelen' kennisbank */
a.btn.btn-default.bg-color-silver.btn-xs {
    background: #5bc0de;
}

/* style password reset popup background */
div#modalGeneratePassword .modal-content, div#modalGeneratePassword .modal-body {
    background-color: white;
    border-color: #afca0b;
    color: #67757c;
}

/* hide domein doorsturen button everywhere except for forwardpackage */
.hasDomainForwarding a#Primary_Sidebar-mg-provisioning-module-Domein_Forwarding {
    display: block;
}

a#Primary_Sidebar-mg-provisioning-module-Domein_Forwarding {
    display: none;
}

/* styles the auto_renew_on message here clientarea.php?action=domaindetails&id= */
.card-body-auto-renew-on span {
    visibility: visible;
    color: #155724;
    background-color: #d4edda;
    border-color: #d4edda;
    width: 100%;
    display: block;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    line-height: 22px;
    font-size: 18px;
}

.card-body-auto-renew-off span {
	visibility: visible;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    width: 100%;
    display: block;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    line-height: 22px;
    font-size: 18px;
}

/* hide second double autorenewal message */
div#tabAutorenew span.label.label-success,
div#tabAutorenew span.label.label-danger {
  display: none!important;
}

.invoice-container form .col-xs-8.col-xs-offset-2.col-sm-4.col-sm-offset-4 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* verbergen optie crediteren aan frontend wanneer klant factuur opent */
body > div.container-fluid.invoice-container > div:nth-child(4) > div.invoice-col.right > span > form > select > option:nth-child(4) {
    display: none!important;
}

/* hide 'Eerste betalingsbedrag: € 0,-' on clientarea.php?action=domaindetails&id= */
.domain-details #tabOverview > div > div > div:nth-child(2) > div:nth-child(2) {
	display: none;
}

.domain-details #tabOverview > div > div > div:nth-child(2) > div:nth-child(1) > h5 {
	width: auto;
	display: inline-block;
}

/* nieuwe abonnementen stijling */
.abonnementen .card-body {
	background: #eee;
	padding: 0px;
	overflow: hidden;
}

.abonnementen #main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div {
	box-shadow: none;
}
/* setup responsive_table WHMCS */
div#responsive_table {
	overflow-x: scroll;
}

.modal-open .btn-primary, .modal-open .btn-primary.disabled {
	background: #afca0b;
	border: 1px solid #afca0b;
}

.modal-open .modal-header {
	background-color: #EE7203;
}

.modal-open .modal-body {
	background: #EE7203;
	color: white;
}

.knowledgebase_article .primary-content .card-body {
	overflow: hidden;
}

.knowledgebase_article iframe#advanced_iframe {
	/* box-shadow: 5px 0px 10px rgb(0 0 0 / 50%); */
	border: 1px solid #dee2e6;
	border-radius: 4px;
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.knowledgebase_article .primary-content .card h2,
.knowledgebase_article .primary-content .card h3,
.knowledgebase_article .primary-content .card h4,
.knowledgebase_article .primary-content .card h5,
.knowledgebase_article .primary-content .card h6 {
	color: #455a64;
	font-family: "Poppins", sans-serif;
	font-weight: 600!important;
	margin-bottom: 5px;
	margin-top: 20px;
}

/* device specific CSS rules */
/* mobile devices (max-width: 767px) */
@media only screen and (max-width: 767px) {
	.knowledgebase_article > div.page-wrapper > div.row.page-titles > div.col-md-5.align-self-center > h3 > span.d-none.d-block,
	.knowledgebase_article #main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div:nth-child(2) > div > ul > li:nth-child(1) > span,
	.knowledgebase_article #main-body > div > div.row > div.col-lg-4.col-xl-3 > div:nth-child(1) > div.card.d-block.d-md-none.bg-light > div.card-header {
		display: none;
	}

	.knowledgebase_article #main-body > div > div.row > div.col-lg-4.col-xl-3 > div:nth-child(1) > div.card.d-block.d-md-none.bg-light > div.card-body {
		margin-top: -40px;
	}

	.knowledgebase_article .primary-content .card h2, .knowledgebase_article .primary-content .card h3, .knowledgebase_article .primary-content .card h4, .knowledgebase_article .primary-content .card h5, .knowledgebase_article .primary-content .card h6 {
		margin-top: 0px;
	}

	.knowledgebase_article #main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div:nth-child(2) > div > ul > li.list-inline-item.text-sm.pr-3.text-muted {
		display: block;
		padding: 0px!important;
		margin-top: -20px;
	}
}

/* ipads, tablets (min-width: 768px) */
@media only screen and (min-width: 768px) {
}

/* laptops, desktops (1200px and above) */
@media only screen and (min-width: 1200px) {
	/* global class mobile hidden on 1200px and above */
	div#mobile {
		display: none!important;
	}

	.knowledgebase_article span.badge.badge-pill.badge-info {
		max-width: 1125px;
	}

	/* knowledgebase_article titel */
	.knowledgebase_article #main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div:nth-child(2) > div > h3 {
		font-size: 30px!important;
		line-height: 50px!important;
		margin-top: 0px;
	}
}

/* combined rules */
/* mobiel + tablet (max-width: 1199px) */
@media only screen and (max-width: 1199px) {
	/* global class not_mobile hidden on 1999px and before */
	div#not_mobile {
		display: none!important;
	}
}

/* CSS for tablet + desktop = add CSS only in the ipads/tablets  rule */


/* fix 'traffic' translation in statistieken here */
#metrics > table > tbody > tr:nth-child(3) > td:nth-child(1) {
	visibility: hidden;
	max-width: 320px;
	width: auto;
}

#metrics > table > tbody > tr:nth-child(3) > td:nth-child(1):before {
	visibility: visible;
	content: "Websiteverkeer (het totale verbruik van data kun je zien in de tab hiernaast 'mijn verbruik'. Het totale verbruik bevat ook mailverkeer data.)";
}

/* table stijling knowledgebase */
.knowledgebase_article .table tr,.knowledgebase_article .table th, .knowledgebase_article .table td {
	border: 1px solid #dee2e6;
}

.knowledgebase_article table tr:nth-child(odd) {
	background-color: #fafaf6;
}

.knowledgebase_article .table th, .knowledgebase_article .table thead th {
	background: white;
}

/* List styling inline with default text */
.knowledgebase_article article li {
	font-weight: 400;
	margin-bottom: 10px;
}

/* domain register page here /cart.php?a=add&domain=register */
.register-domain #order-standard_cart .cart-sidebar {
	width: 20%;
}

.register-domain #order-standard_cart .cart-body {
	width: 80%;
	box-shadow: none;
}

.register-domain #order-standard_cart .font-size-36 {
	font-size: 26px;
	text-align: center;
	max-width: 58%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -30px;
	margin-bottom: -5px;
}

/* Fix toolbar dropdown client area menu */
.topbar ul.dropdown-user li .dw-user-box {
	margin-top: -82px!important;
	visibility: hidden;
}

li#Secondary_Navbar-Account {
	margin-top: -40px!important;
}

.topbar ul.dropdown-user li a:hover {
	background: none!important;
}

.topbar ul.dropdown-user li.divider {
	display: none;
}

li#Secondary_Navbar-Account {
	background: #eeeeee;
	margin-top: auto;
	padding-top: 12px;
	border-radius: 3px;
}

/* fix reset password main ftp user */
.abonnement-details #layers [disabled] {
	opacity: 1;
}

.abonnement-details i.lu-icon-in-button.lu-zmdi.lu-zmdi-lock {
	cursor: pointer!important;
	pointer-events: auto!important;
}

.abonnement-details #layers [disabled] i.lu-btn__icon.lu-zmdi.lu-zmdi-edit, .abonnement-details #layers [disabled] i.lu-btn__icon.lu-zmdi.lu-zmdi-delete {
	opacity: 0.5!important;
}

/* ordering of domain status filters on clientarea.php?action=domains */
a#Primary_Sidebar-My_Domains_Status_Filter-clientareaactive {
	order: 1;
}

a#Primary_Sidebar-My_Domains_Status_Filter-clientareapendingtransfer {
	order: 2;
}

a#Primary_Sidebar-My_Domains_Status_Filter-clientareaexpired {
	order: 3;
}

a#Primary_Sidebar-My_Domains_Status_Filter-domainsExpiringSoon {
	order: 4;
}

a#Primary_Sidebar-My_Domains_Status_Filter-clientareacancelled {
	order: 5;
}

a#Primary_Sidebar-My_Domains_Status_Filter-auto_renew_on {
	order: 6;
}

a#Primary_Sidebar-My_Domains_Status_Filter-auto_renew_off {
	order: 7;
}

/* hide h1 on cart.php?a=add&domain=transfer */
div#order-standard_cart h1 {
	display: none;
}

/* Add filter icon to filter op type on clientarea.php?action=services */
.abonnementen #main-body > div > div.row > div.col-lg-4.col-xl-3 > div:nth-child(1) > div:nth-child(1) > div.card-header > h3:before,
.abonnementen #main-body > div > div.row > div.col-lg-4.col-xl-3 > div:nth-child(1) > div:nth-child(2) > div.card-header > h3:before {
	content: "\f0b0";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
}

/* profile text alignment client dashboard clientarea.php */
.user-profile .profile-text {
	padding: 0px;
	position: relative;
	text-align: center;
	max-width: 90%;
	text-align: center;
	margin: auto;
}

/* fix client dashboard active subscriptions scroll bar */
.client-home-cards #servicesPanel.card>.list-group {
	overflow-y: scroll;
	min-height: 230px;
}

/* product detail hosting diensten stijling */
.abonnement-details #layers .lu-tile__title {
	font-size: 15px;
	color: #3c3c3b;
	min-height: 30px!important;
}

/* pakket kleur actief */
.abonnement-details .product-status-active {
	background-color: #afca0b!important;
}

/* product opzeggen minder prominent */
.abonnement-details a.btn.btn-block.btn-danger {
	color: #3c3c3b;
	background: white;
	border: 1px solid rgb(165 165 164);
	box-shadow: 0 2px 2px 0 rgb(165 165 164 / 14%), 0 3px 1px -2px rgb(165 165 164 / 20%), 0 1px 5px 0 rgb(165 165 164 / 12%);
}

.abonnement-details a.btn.btn-block.btn-danger:hover {
	color: #fff;
	background: #3c3c3b;
	border: 1px solid rgb(165 165 164);
	box-shadow: 0 2px 2px 0 rgb(165 165 164 / 14%), 0 3px 1px -2px rgb(165 165 164 / 20%), 0 1px 5px 0 rgb(165 165 164 / 12%);
}

/* uitlijning diensten abonnement detail */
/* i.p.v. 5 naast elkaar, 4 naast elkaar */
@media (min-width: 514px) {
	.abonnement-details .lu-col-sm-20p {
		-webkit-box-flex: 0;
		flex: 0 0 25%!important;
		max-width: 25%!important;
		padding-right: 8px;
		padding-left: 8px;
	}
}

.abonnement-details .lu-i-c-6x, #layers > div > div > div > a > div.lu-i-c-6x > img {
	height: 60px;
	width: 60px;
	min-width: 48px;
	font-size: 48px;
}

/* fix css SEPA informatie */
div#tab1, div#tab2, div#tab3 {
	background: white;
	padding: 25px;
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
	border-radius: 4px;
	-webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
	box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
	margin-top: 10px;
}

.tab-content input[type="checkbox"] {
	margin-right: 10px;
	bottom: -1px;
}

.tab-content .error {
	color: red;
}

.tab-content>.active {
	display: block;
}

/* .tab-content>.tab-pane {
	display: none;
} */

.tab-content>.active {
	display: block!important;
}

ul.nav.nav-tabs {
	width: 100%;
}

ul.nav.nav-tabs li {
	display: block;
	width: 33%;
}

.nav-tabs li.active {
	opacity: 1!important;
	display: content!important;
}

.nav-tabs {
	border-bottom: 0px solid #dee2e6;
}

ul.nav.nav-tabs a.active {
	background: #afca0b;
	padding: 10px 10px;
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
	border-radius: 4px;
	-webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
	box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
	color: white;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* verbergen van de checkboxes in de popup 'aanmaken mailadres' aangaande quota / gebruik als login op plesk */
.abonnement-details form#addForm[namespace=ModulesGarden_Servers_PleskExtended_App_UI_Client_Emails_Forms_Add] .lu-form-check,
.abonnement-details form#addForm[namespace=ModulesGarden_Servers_PleskExtended_App_UI_Client_Ftp_Forms_Add] .lu-form-check {
	display: none;
}

/* fix width knowledgebase search */
.knowledgebase form.mb-4 {
	width: 100%;
}

.knowledgebase #main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div > div.card {
	width: 100%;
}

.knowledgebase a.list-group-item.kb-article-item {
	display: -webkit-inline-box;
}

.knowledgebase .kb-article-item small {
	display: inline-flex!important;
}

/* improve cancellation proces for DNS beheer */
.cancel-request #layers .lu-top__title h6, .lu-form-check span.lu-form-text {
	font-size: 1rem!important;
	line-height: 1.5;
	text-align: left;
	font-family: "Poppins", sans-serif!important;
	color: #67757c!important;
}

.cancel-request #layers-body .lu-alert--info, .cancel-request #layers .lu-alert--info {
	font-size: 1rem;
	line-height: 1.5;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	box-sizing: border-box;
	outline: none;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	color: #0c5460;
	background-color: #D1ECF1;
	border-color: #bee5eb;
	text-align: center!important;
}

.cancel-request .alert.alert-info.text-center {
	background: transparent;
	color: #ef5350;
	border: 1px solid #ef5350;
}

.cancel-request #layers .lu-form-checkbox:checked + .lu-form-indicator {
	border: 2px solid #afca0b !important;
	background: #afca0b !important;
	padding: 7px;
}

/* text logged in instead of login form */
.clientareahome .text-logged-in h3 {
	text-align: center;
	font-size: 20px!important;
}

.text-logged-in .btn-success {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: fit-content;
}

/* hide login error vanwege JVH search temp fix hide op login en /index.php */
.clientareahome .providerLinkingFeedback.alert.alert-danger, .login .providerLinkingFeedback.alert.alert-danger {
	display: none!important;
}

/* translate 'Message" text in .mailbox .message-center a .mail-contnet h5 */
.mailbox .message-center a .mail-contnet h5, .mailbox ul li .drop-title {
	visibility: hidden;
	font-size: 0px;
}

.mailbox .message-center a .mail-contnet h5:after {
	visibility: visible;
	content: "Bericht";
	font-size: initial;
}

.mailbox ul li .drop-title:after {
	visibility: visible;
	content: "Notificaties";
	font-size: initial;
}

/* color pf btn rounded danger in mailbox notifications dropdown, orange instead of red */
.mailbox .message-center .btn-danger, .mailbox .message-center .btn-danger.disabled {
	background: #ffaa00;
	border: 1px solid #ffaa00;
	-webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
	box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.topbar .top-navbar .mailbox ul li:nth-child(2) {
	border-top: 1px solid rgba(120, 130, 140, 0.13);
}

/* style button 'ga naar bijbehorend hosting document op domain detail pages + beheer domein button bij subscription detail */
.domain-details #tabOverview > div > div > div:nth-child(10) > a,  .domain-details #tabOverview > div > div > div:nth-child(8) > a, .abonnement-details #domain > p > a:nth-child(2), .domain-details #tabOverview > div > div > div:nth-child(9) > a,
.abonnement-details #domain > p > a:nth-child(2) {
	background: #ffaa00;
	border: 1px solid #ffaa00;
	box-shadow: 0 2px 2px 0 rgb(238 114 3 / 14%), 0 3px 1px -2px rgb(238 114 3 / 20%), 0 1px 5px 0 rgb(238 114 3);
	transition: 0.2s ease-in;
	padding: 7px 12px;
	color: white;
	border-radius: 0.25rem;
}

.domain-details #tabOverview > div > div > div:nth-child(9) > a, .abonnement-details #domain > p > a:nth-child(2)
.domain-details #tabOverview > div > div > div:nth-child(9) > a:hover, .abonnement-details #domain > p > a:nth-child(2):hover {
	background: #ffaa00;
	box-shadow: 0 14px 26px -12px rgb(238 114 3 / 20%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(238 114 3 / 20%);
	border: 1px solid #ffaa00;
}

/* hide ga naar Child Hosts beheer op pagina  /clientarea.php?action=domaindetails&id= */
#tabOverview > div > div > div.moduleoutput {
	display: none;
}
/* fixes clearer translations than cancelled for subscriptions like 'opgezegd'*/
.abonnementen span.label.status.status-cancelled {
	visibility: hidden;
}

.abonnementen span.label.status.status-cancelled:after {
	content: "Opgezegd";
	visibility: visible;
	background-color: #87939f;
	padding: 3px 10px;
	line-height: 13px;
	color: #ffffff;
	font-weight: 400;
	border-radius: 4px;
	font-size: 100%;
}

.abonnementen #Primary_Sidebar-My_Services_Status_Filter-Cancelled > span:nth-child(3) {
	visibility: hidden;
}

.abonnementen #Primary_Sidebar-My_Services_Status_Filter-Cancelled > span:nth-child(3):before {
	content: "Opgezegd";
	visibility: visible;
}

.product-status.product-status-cancelled.mb-3 .product-status-text {
	visibility: hidden;
}

.product-status.product-status-cancelled.mb-3 .product-status-text:after {
	content: "Opgezegd, product wordt niet meer verlengd";
	visibility: visible;
	position: absolute;
	left: 15%;
}

/* fixes client area home */
.clientareahome .mt-md-4 {
	margin-top: 0px!important;
}

/* .clientareahome .col-12.domain-outer-box .card {
	margin-top: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
} */

.clientareahome .col-12.domain-outer-box .card {
    margin: 0px!important;
    padding-top: 30px;
    padding-bottom: 42px;
    height: 100%;
}

.clientareahome form.mb-4 {
	width: 100%;
	margin-bottom: -15px;
}

.clientareahome > div.page-wrapper > div.container-fluid > div > div.row {
	margin: 0px;
	min-width: -webkit-fill-available;
	padding: 15px;
}

.clientareahome > div.page-wrapper > div.container-fluid > div > div:nth-child(6) {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
}

.clientareahome > div.page-wrapper > div.container-fluid > div > div.row > div.row {
	width: -webkit-fill-available;
}

.clientareahome  > div.page-wrapper > div.container-fluid > div > div.row > div.card {
	width: -webkit-fill-available;
}

.clientareahome > div.page-wrapper > div.container-fluid > div > div.card.p-4 {
	margin: 15px;
}

/* hide HostingRenewals buttons frontend client side. Hide only for clients */
.logged-in-as-client #mg-hosting-renewals-integration, .logged-out #mg-hosting-renewals-integration {
	display: none;
}

/* verbergen renewals knop frontend Hide only for clients */
.logged-in-as-client div#mg-hosting-renewals-integration, .logged-out #mg-hosting-renewals-integration div#mg-hosting-renewals-integration,
.logged-in-as-client #tabOverview > div.card > div > div.product-details > div > div.col-md-6.text-center > h4:nth-child(11),
.logged-out #tabOverview > div.card > div > div.product-details > div > div.col-md-6.text-center > h4:nth-child(11) {
    display: none;
}

/* hide auto renewal upfront for services */
.logged-in-as-client #tabOverview > div.card > div > div.product-details > div > div.col-md-6.text-center > h4:nth-child(6),
.logged-in-as-client span#auto_renewal_config_on,
.logged-in-as-client span#auto_renewal_config_off,
.logged-out #tabOverview > div.card > div > div.product-details > div > div.col-md-6.text-center > h4:nth-child(6),
.logged-out span#auto_renewal_config_on,
.logged-out span#auto_renewal_config_off {
	display: none!important;
}

.logged-in-as-client div#s10_geninvbutton, .logged-out div#s10_geninvbutton  {
    display: none;
}

/* custom texts for different domain status like active or cancelled on /clientarea.php?action=domains */
.my-domains table#tableDomainsList .text-success:after {
	content: "Automatische domeinverlenging ingeschakeld.";
	visibility: visible;
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	line-height: 1.5;
	text-align: left;
	font-family: "Poppins", sans-serif;
	cursor: default;
	color: #212529;
	border-collapse: separate!important;
	border-spacing: 0;
	box-sizing: border-box;
	outline: none;
	font-size: 100%;
	font-weight: 400;
}

.my-domains table#tableDomainsList .text-danger:after {
	content: "Opgezegd. Domein actief tot verloopdatum.";
	visibility: visible;
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	line-height: 1.5;
	text-align: left;
	font-family: "Poppins", sans-serif;
	cursor: default;
	color: #ef5350;
	border-collapse: separate!important;
	border-spacing: 0;
	box-sizing: border-box;
	outline: none;
	font-size: 100%;
	font-weight: 400;
}

.my-domains table#tableDomainsList small {
	visibility: hidden;
}


.my-domains i.fas.fa-fw.fa-check.text-success {
	width: 290px;
	max-width: 100%;
	pointer-events: none;
}

.my-domains i.fas.fa-fw.fa-times.text-danger {
	width: 290px;
	max-width: 100%;
	pointer-events: none;
}

.my-domains .fa-times:before {
	content: "\f00d";
	visibility: visible;
	padding-right: 5px;
}


.my-domains .fa-check:before {
	content: "\f00c";
	visibility: visible;
	padding-right: 5px;
}


/* hide domainsExpiringSoon filter because not relevant due auto renew */
a#Primary_Sidebar-My_Domains_Status_Filter-domainsExpiringSoon {
	display: none;
}

/* fix CSS auto renew page */
div#tabAutorenew h4.text-center.mb-4 {
	visibility: hidden;
}

div#tabAutorenew span.label.label-danger {
	visibility: visible;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	width: 100%;
	display: block;
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	line-height: 22px;
	font-size: 18px;
}


div#tabAutorenew span.label.label-success {
	visibility: visible;
	color: #155724;
	background-color: #d4edda;
	border-color: #d4edda;
	width: 100%;
	display: block;
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	line-height: 22px;
	font-size: 18px;
}

div#tabAutorenew .btn-success {
	/* background: #1976D2;
	border: 1px solid #1976D2; */
background: #bee5eb;
border: 1px solid #bee5eb;
-webkit-box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
box-shadow: 0 2px 2px 0 rgb(116 96 238 / 14%), 0 3px 1px -2px rgb(116 96 238 / 20%), 0 1px 5px 0 rgb(116 96 238 / 12%);
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
color: #0c5460;
font-size: 16px;
}

  div#tabAutorenew .btn-success:hover {
	  background: #afca0b;
	  /* background: #1976D2; */
	  -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	  box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
	  border: 1px solid #afca0b;
	  color: white;
  }

  /* fix view ticket texts */
  .ticket-reply p {
	  font-weight: 400;
  }

  .ticket-reply a {
	  font-weight:bold;
  }

  /* Plesk Extended Fix preloader in popup werkte niet vanwege te lage z-index */
  #layers .lu-preloader-container--full-screen {
	  z-index: 999999999999999999999!important;
  }


  /* padding fix empty notifications message box in client profiel */
  .topbar .top-navbar .mailbox li.none {
	  padding: 15px;
  }

  /* announcements */
  .announcements .card-body a, .announcements .card-body strong {
	  font-weight: 500;
  }

  .knowledgebase_article article a:hover {
	  text-decoration: underline;
  }

  .knowledgebase_article article  p {
	  font-weight: 400;
  }

  .announcements .py-5 {
	  padding-top: 0rem!important;
  }

  /* heading in standard_cart */
  .checkout #order-standard_cart .header-lined h1 {
	  display: none!important;
  }

  /* padding fix module client area */
  .module-client-area {
	  padding: 0px;
  }

  /* verplaats terug naar admin omgeving knop van rechts naar boven */

  .btn-return-to-admin {
	  top: 20px!important;
	  transform: rotate(0deg)!important;
	  right: 50%;
	  background: none!important;
	  color: white!important;
  }

  .btn-return-to-admin:hover {
	  background: none!important;
	  color: #fff!important;
	  text-decoration: none;
  }


  /* alert minder opvallend client portal */
  .alert-warning {
	  color: #ee7203!important;
	  background-color: #eeeeee!important;
	  border-color: #ee7203;
  }

  /* kennisbank */
  .knowledgebase_article article a, .knowledgebase_article article strong {
	  font-weight: bold!important;
  }

  .knowledgebase_article article  p {
	  font-weight: 400;
  }

@media (min-width: 1200px) {
	.knowledgebase_article .col-xl-3, .knowledgebase .col-xl-3 {
		flex: 0 0 20%!important;
		max-width: 20%!important;
	}

	.knowledgebase_article .col-xl-9, .knowledgebase  .col-xl-9 {
		flex: 0 0 80%!important;
		max-width: 80%!important;
	}
}

/* default footer wat minder hoog */
html body .p-t-30 {
	padding-top: 0px;
}

/* default domain registration */
.checkout #order-standard_cart .cart-body {
	margin-top: -25px;
}

/* uitleg clientarea.php?action=services - met JS class aan body toegevoegd in twenty-one/clientareaproducts.tpl */
.abonnementen  .page-wrapper .page-titles:after {
	content: "Op deze pagina kun je de volgende diensten beheren: dns beheer voor alle domeinnamen. De DNS kun je beheren via het DNS only pakket, of via je webhostingpakket. Verder kun je hier alles regelen omtrent de hostingpakketten. Klik op je hostingpakket om de mogelijkheden te zien die bij jouw pakket van toepassing zijn. Als je actieve SSL certificaten hebt, kun je deze abonnementen ook in onderstaande tabel terugvinden. Maak gebruik van de zoekfunctie hieronder om jouw abonnement op te zoeken. Klik op het pakket om deze te beheren. ";
	padding: 5px 15px 0px 15px;
}


/* style e-mail and domain forwarder form */
#MGPageforwarddomains form#domain-forward-form {
	background: white;
	border: none!important;
	padding: 25px;
	width: -webkit-fill-available;
}

#MGPageforwarddomains form#domain-forward-form {
	background: white;
	border: none!important;
	padding: 25px;
	display: inline-flex;
}

#MGPageforwarddomains .form-horizontal .form-group .col-sm-9 {
	max-width: 90%!important;
}

#MGPageforwarddomains .dataTables_wrapper {
	background-color: white !important;
	border: none !important;
	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}


#MGPageforwarddomains .form-horizontal .form-group {
	flex: 0 33%;
	width: 100%;
	text-align: left;
}

#MGPageforwarddomains .form-horizontal .form-group .col-sm-3 {
	flex: 0 0 100%;
	max-width: 100%;
}

#MGPageforwarddomains .form-horizontal .form-group .col-sm-6 {
	max-width: 100%!important;
	flex: 0 0 100%!important;
}

#MGPageforwarddomains #domain-forward-form > div:nth-child(3) > label {
	visibility: hidden;
}


#MGPageforwarddomains label.control-label.col-sm-3 {
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	text-align: left;
	box-sizing: border-box;
	outline: none;
	color: #455a64;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
	letter-spacing: 0;
	text-shadow: none;
	margin-bottom: 15px;
	font-size: 16px;
}

#MGPageforwarddomains .module-main-header {
	margin-top: -15px !important;
}

#MGPageforwarddomains .well .form-actions {
	border-top: 0px solid #e6e6e6;
	padding-bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

/* choose country color */
.modal-localisation .modal-content {
	background-color: #ee7203;
}

/* new invited user lands here /invite/ form */
.invite-box form {
	background: #f6f6f6;
	box-shadow: none;
}

.invite-box label {
	display: none;
}

/* clientarea.php?action=emails search e-mails links i.p.v. rechts */
.dataTables_wrapper .dataTables_filter {
	float: left;
	width: 50%;
	text-align: left!important;
	margin-top: -10px;
}

/* clientarea.php?action=emails float results left instead of right */
div.dataTables_wrapper div.dataTables_info {
	float: right;
	width: 50%;
	text-align: left;
	padding-top: 0px;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0em;
	display: inline-block;
	margin-bottom: 0.5em;
	height: 50px!important;
	border-radius: 5px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
	background: url(../../../assets/img/search.png) #fff no-repeat 8px 50%;
}

/* clientarea.php?action=emails bredere zoekfunctie */
input.form-control.form-control-sm {
	width: 520px!important;
	max-width: 100%;
}

/* fix error Domein kan verhuisd worden! */
#tabOverview > div > div > div.alert.alert-danger {
	display: none!important;
}

/* hide mega menu dropdown */
li.nav-item.dropdown.mega-dropdown {
	display: none;
}

/* hide deactiveren van auto renew
a#Primary_Sidebar-Domain_Details_Management-Auto_Renew_Settings {
display: none;
}*/

#alertOverdueInvoice {
	background: #eeeeee;
}

/* fix account logged out user marge */
ul.dropdown-user {
	margin-top: -17px!important;
}

tr.even a, tr.odd a {
	pointer-events: none!important;
}

/* tr.odd td {
background: #eeeeee!important;
}*/

.table-list>tbody>tr:hover>td {
	background-color: #f2f4f8!important;
}

/* domeinnaam registeren stijling */
.checkout #order-standard_cart > div > div.cart-body > p {
	font-size: 25px;
	padding: 15px;
	text-align: center;
	padding-bottom: 0px;
}

#main-body > div > div.row > div > form {
	box-shadow: none!important;
	background: transparent;
}

/* domeinnaam checker home */
.domain-checker-container {
	background: -webkit-linear-gradient(top,#afca0b,#ee7203)!important;
}

/* fixes homepage blokken uitlijnen*/

@media (min-width: 768px) {
	.account-detail .col-md-4 {
		flex: 0 0 50%!important;
		max-width: 50%;
	}
}

@media (max-width: 767px) {
	.page-wrapper {
		padding-bottom: 150px;
	}

	.container-fluid {
		padding: 0 15px 25px 15px;
	}

	.d-md-none.col-md-3.sidebar.sidebar-secondary {
		padding-left: 0;
		padding-right: 0;
	}
}

h4.card-title.domain-title {
	margin-top: 10px;
}

.row.home p, .row.home h6 {
	color: rgba(255, 255, 255, 0.85);
	font-size: 14px;
	line-height: 19px;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background-color: #afca0b;
	border: 1px solid #afca0b;
}

.checkout #order-standard_cart .sub-heading-borderless span {
	color: #455a64!important;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: inherit!important;
}

.checkout #order-standard_cart .sub-heading {
	border-top: 1px solid #455a64;
}

.bg-primary {
	background-color: #afca0b!important;
}

h4.modal-title {
	color: white;
}

.alert.alert-warning.checkout-security-msg {
	background-color: #99abb4;
	border-color: #99abb4;
}

span.primary-bg-color {
	border-radius: 5px;
}
.checkout #order-standard_cart #btnAlreadyRegistered, .checkout #order-standard_cart #btnNewUserSignup {
	margin: 0px 20px 20px 0px!important;
	background: #ffaa00;
	border: 1px solid #ffaa00;
	box-shadow: 0 2px 2px 0 rgb(255 170 0 / 14%), 0 3px 1px -2px rgb(255 170 0 / 20%), 0 1px 5px 0 rgb(255 170 0);
	transition: 0.2s ease-in;
}

.btn-success, .btn-success.disabled {
	background: #ffaa00;
	border: 1px solid #ffaa00;
	box-shadow: 0 2px 2px 0 rgb(255 170 0 / 14%), 0 3px 1px -2px rgb(255 170 0 / 20%), 0 1px 5px 0 rgb(255 170 0);
	transition: 0.2s ease-in;
}

.btn-success.disabled:hover, .btn-success:hover, .btn-info.disabled:hover, .btn-info:hover {
	background: #ffaa00;
	box-shadow: 0 14px 26px -12px rgb(255 170 0 / 20%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(255 170 0 / 20%);
	border: 1px solid #ffaa00;
}

/* hosting stijling */
/* fix uitlijning */
.range_slider1_input {
	padding: 0px!important;
	max-width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.range_slider1_input {
	padding: 0px!important;
}

.range_slider1_input .irs-grid-text:before {
	left: -50px!important;
}

/* hostingpakketten stijling */
.slider_container_outer1 .btn-default {
	background-color: #1976D2!important;
	border-color: #1976D2!important;
	box-shadow: 0 2px 2px 0 rgb(199 195 195), 0 3px 1px -2px rgb(40 190 189 / 20%), 0 1px 5px 0 rgb(40 190 189 / 12%);
	margin-top: 0px!important;
	margin-bottom: 20px!important;
}

.slider_container_outer1 .price-box-section span {
	color: #afca0b!important;
}

.range_slider1_input .irs-single, .range_slider1_input .irs--flat .irs-bar, .slider_container_outer1 .btn-default {
	background-color: #afca0b!important;
	border-color: #afca0b!important;
}

.slider_container_outer1 .price-box-section span, .range_slider1_input .irs-grid-text:hover, .slider_container_outer1 .smallbox .price_val,
.slider_container_outer1 .price_txt.smallbox .numeric1.price_val small, .slider_container_outer1 .smallbox small {
	color: #1976d2!important;
}

.range_slider1_input .irs-grid-text, .slider_container_outer1 ul li, .slider_container_outer1 .price-setupfee .price_val {
	color: #455a64!important;
}

.slider_container_outer1 .pricebox {
	width: 50%!important;
}

.price_listing_wrapper .pricebox {
	flex: none!important;
}

.range_slider1_input .irs--flat .irs-handle {
	background-image: url(https:///mijn.jvhhosting.nl/assets/img/hosting/handle-ui5.png)!important;
}

.slider_container_outer1 .pricebox {
	display: flex!important;
	background-color: #ffffff!important;
	padding: 30px;
	border-radius: 5px!important;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 5%)!important;
}

.price_listing_wrapper p {
	font-weight: 400;
	display: inline-flex;
	width: 30%;
	text-align: center;
	padding: 0px 15px;
}

/* small logo fix*/
.mini-sidebar #main-wrapper > header > nav > div.navbar-header > a > b > img {
	display: inline-block;
}

#main-wrapper > header > nav > div.navbar-header > a > b > img {
	display: none;
}

/* e-mail pakketten stijling */
#comparison_table tr td .btn-default:hover, #comparison_table tr th:nth-child(odd) {
	background-color: #ee7203!important;
	border-color: #ee7203!important;
	color: #fff;
}

#comparison_table .txt-l, #comparison_table td {
	color: #455a64!important;
}

#comparison_table th {
	background-color: #afca0b!important;
}

#comparison_table .sep {
	background-color: #eeeeee!important;
	color: #afca0b!important;
}

#comparison_table tr td .btn-default {
	background-color: #1976D2!important;
	border-color: #1976D2!important;
	box-shadow: 0 2px 2px 0 rgb(199 195 195), 0 3px 1px -2px rgb(40 190 189 / 20%), 0 1px 5px 0 rgb(40 190 189 / 12%);
	color: #fff;
}

/*Background achter bepaalde delen van form weg*/
#main-body > div > div.row > div.col-lg-8.col-xl-9.primary-content > div.alert.alert-block.alert-info > form > div {
	background: white;
}

select#inputContactId {
	background: #ffffff!important;
}

.collapsable-card-body {
	display: block!important;
}

/* @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"); */
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: #fff;
}

.preloader .cssload-speeding-wheel {
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px);
}

/*******************
/*Top bar
 *******************/
.topbar {
	background: #AFCA0B;
	-webkit-box-shadow: 5px 0px 10px rgb(0 0 0 / 50%);
	box-shadow: 5px 0px 10px rgb(0 0 0 / 50%);
}

.topbar .navbar-header {
	background: transparant;
	box-shadow: 0;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: none;
	color: rgba(255, 255, 255, 0.8);
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
	color: #ffffff !important;
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
	color: rgba(255, 255, 255, 0.8) !important;
}

/*******************
/*General Elements
 *******************/
a.link:hover, a.link:focus {
	color: #AFCA0B !important;
}

.bg-theme {
	background-color: #0E2D64 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #0E2D64;
	border-color: #AFCA0B;
}

.right-sidebar .rpanel-title {
	background: #AFCA0B;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #1976d2;
}

.text-themecolor {
	color: #AFCA0B !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
	border-bottom: 2px solid #1976d2;
	color: #AFCA0B;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
	color: #AFCA0B;
}

/*******************
/*Buttons
 *******************/
.btn-themecolor,
.btn-themecolor.disabled {
	background: #9BC225;
	color: #ffffff;
	border: 1px solid #AFCA0B;
}

.btn-themecolor:hover,
.btn-themecolor.disabled:hover {
	background: #1976d2;
	opacity: 0.7;
	border: 1px solid #AFCA0B;
}

.btn-themecolor.active, .btn-themecolor:focus,
.btn-themecolor.disabled.active,
.btn-themecolor.disabled:focus {
	background: #028ee1;
}

/*******************
/*sidebar navigation
 *******************/
.label-themecolor {
	background: #AFCA0B;
}

.sidebar-nav > ul > li.active > a {
	color: #AFCA0B;
	border-color: #AFCA0B;
}

.sidebar-nav > ul > li.active > a i {
	color: #AFCA0B;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #AFCA0B;
}

.sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover i {
	color: #AFCA0B;
}

/* SSL pakketten stijling SSL pagina */

.checkout #order-standard_cart .products .product {
	padding: 1px 0 10px 0;
	margin: 0 0 20px 0;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ddd;
	/* background: #afca0b!important; */
	-webkit-box-shadow: 1px 0px 20px rgb(0 0 0 / 8%);
	box-shadow: 1px 0px 20px rgb(0 0 0 / 8%);
	/* color: white; */
	font-size: 20px!important;
	border-radius: 3px 0 0 3px;
	background: linear-gradient(90deg, #FFFFFF 0%, #F1F1F1 100%);
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 5%);
}

.checkout #order-standard_cart .products .product div.product-desc br, .checkout #order-standard_cart .product-info br {
	display: none;
}

.checkout #order-standard_cart .cart-body {
	/* box-shadow: 0px 5px 20px rgb(0 0 0 / 5%); */
	border-radius: 4px;
}


.checkout #order-standard_cart .cart-body {
	box-shadow: none!important;
	background: transparant!important;
}

.sidebar .card-sidebar .card-minimise.minimised {
	display: none;
}

.checkout #order-standard_cart .products .product div.product-pricing {
	margin-bottom: 10px;
	font-weight: 500;
}

.checkout #order-standard_cart .products .product div.product-desc tr {
	font-weight: 400;
}

/* test fix hiden sidebar */

#mySidebar + .sidebar-collapsed {
	display: none;
}

.sidebar-collapsed {
	display: none;
}

.header-lined h1 {
	margin-top: -35px;
	margin-bottom: 15px;
}


/* cart */
.cart .header-lined h1 {
	display: none;
}

.checkout #order-standard_cart .font-size-36 {
	font-size: 36px;

}

.checkout #order-standard_cart .view-cart-tabs .nav-tabs>li.active>a {
	background-color: #455a64!important;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* stijling kennisbank */
a.list-group-item.kb-article-item {
	color: #455a64;
	font-family: "Poppins", sans-serif;
	line-height: 30px!important;
	font-weight: 400;
	margin: 0!important;
	display: block;
	padding: .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}

/* alert stijle melding */
.alert-warning {
	color: white;
	background-color: #ee7203;
	border-color: #ee7203;
}

.checkout #order-standard_cart .secondary-cart-sidebar {
	float: right;
	width: 35%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 5px;
}

.checkout #order-standard_cart .order-summary, .checkout #order-standard_cart .view-cart-items-header {
	background-color: #455a64!important;
	border-bottom: 0px solid #455a64!important;
}

.checkout #order-standard_cart .summary-container {
	background-color: #f8f8f8;
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 5%);
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
}

.checkout #order-standard_cart .view-cart-tabs .tab-content {
	background-color: #f8f8f8;
	padding: 15px;
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 5%);
}

.view-cart-items .btn-link {
	color: #ee7203;
}

.checkout #order-standard_cart .empty-cart .btn {
	background-color: #455a64!important;
	font-size: 12px;
	font-weight: 300;
}

.checkout #order-standard_cart .view-cart-tabs .nav-tabs>li.active>a {
	font-size: 12px;
}

.checkout #order-standard_cart .view-cart-items .item-price span {
	font-size: 15px!important;
}
.checkout #order-standard_cart .secondary-cart-sidebar {
	font-size: 15px;
}

.checkout #order-standard_cart .secondary-cart-sidebar span, .checkout #order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) {
	font-size: 14px;
}

.checkout #order-standard_cart .order-summary .total-due-today span {
	font-size: 16px!important;
	font-weight: 400;
}

.checkout #order-standard_cart .view-cart-items .item-title {
	font-weight: 500;
}

.checkout #order-standard_cart .view-cart-items {
	margin: 0 0 20px 0;
	border-bottom: 0px solid #058!important;
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 5%);
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
	border-radius: -110px;
}

/* cart form */
.checkout #order-standard_cart .cart-body {
	background-color: #fff;
	padding: 15px;
}

.checkout #order-standard_cart .text-muted {
	font-size: inherit;
	color: inherit!important;
	font-weight: 400;
}

.checkout #order-standard_cart .account-select-container, .checkout #order-standard_cart .text-muted, .already-registered.clearfix p.text-sm-left.overflow-hidden
, .checkout #order-standard_cart .field, .checkout #order-standard_cart .form-control {
	text-align: center!important;
}

.checkout #order-standard_cart .sub-heading {
	height: 60px!important;
	border-top: 0px solid #ddd!important;
	text-align: center;
	background-color: #eeeeee!important;
	border-radius: 3px;
	padding-left: 0px;
	margin-left: -25px;
	width: calc(100% + 50px);
	margin-bottom: 30px;
	padding-top: 30px;
}

.checkout #order-standard_cart .sub-heading span {
	color: #455a64!important;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 18px!important;
	font-weight: 400;
	line-height: 27px;
}

.checkout #order-standard_cart .alert-success {
	margin-bottom: 35px;
}

.checkout #order-standard_cart .account-select-container div.account {
	background: transparent!important;
	border: 0px solid #eee!important;
	border-right: 0;
	padding: 10px;
}

.checkout #order-standard_cart .row.margin-bottom {
	margin-bottom: 50px;
}



.checkout #order-standard_cart .checkout-security-msg {
	padding-left: 75px;
	font-size: .8em;
	text-align: center;
	width: max-content;
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
	background: white!important;
	border: 0px;
	max-width: 50%;
	margin-top: 50px;
}

/* fix header sticky background color */
header.topbar.is_stuck {
	background: #AFCA0B!important;
}

/* hide double account icon */
.topbar ul.dropdown-user li .dw-user-box .btn.btn-success.btn-circle.btn-lg {
	display: none;
}

/* hide double .notify .heartbit blinking element */
.profile-img.text-center span {
	display: none!important;
}

/* Sticky header by css instaed of sticky-kit */
div#main-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;
}

/* Order in progress notice */
.order_in_progess {
	margin-top: 15px;
	font-weight: 500;
}

/* Add to cart */
.domain-checker-container {
	background: #EBF2C2 !important;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.domain-checker-bg {
	background: none !important;
}

.domain-checker-bg:after {
	content: '';
	display: block;
	width: 460px;
	height: 433px;
	background-image: url(/templates/hostiko-material/images/domain-names.svg);
	position: absolute;
	top: -63px;
	right: -115px;
}

form#frmDomainChecker {
	position: relative;
	z-index: 1;
}

button#btnCheckAvailability {
	background: #EE7203;
	font-size: 19px !important;
	line-height: 1.5;
	border: none;
	box-shadow: none;
	height: 46px;
	width: 133px;
}

input#inputDomain {
	border-color: #979797 !important;
}

input#inputDomain::placeholder {
	color: transparent !important;
}

.checkout #order-standard_cart .input-group-lg>.form-control {
	padding: 32px 16px !important;
}

.domain-checker-container .input-group-box {
	padding: 15px !important;
}

.featured-tld .price.com,
.featured-tld .price.net {
	background-color: #afca0b;
}

.domain-promo-box i {
	float: right;
	color: #afca0b;
}

.domain-promo-box .btn {
	background: #ee7203;
	border: none;
}

.irs-grid-text:before  {
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: auto 100%;
}

span#icon-0:before {
	background-image: url(/templates/hostiko-material/images/dns-big.svg);
	width: 70px;
	height: 70px;
	top: 34px;
	left: 20px !important;
}

span#icon-1:before {
	background-image: url(/templates/hostiko-material/images/web-mail-doorsturen-big.svg);
	width: 75px;
	height: 60px;
	top: 43px;
	left: 80px !important;
}

span#icon-2:before {
	background-image: url(/templates/hostiko-material/images/minihosting-big.svg);
	width: 70px;
	height: 70px;
	top: 30px;
	left: 20px !important;
	background-size: 100% auto;
}

span#icon-3:before {
	background-image: url(/templates/hostiko-material/images/megahosting-big.svg);
	width: 65px;
	height: 70px;
	top: 30px;
	left: 30px !important;
	background-size: 100% auto;
}

span#icon-4:before {
	background-image: url(/templates/hostiko-material/images/maxihosting-big.svg);
	width: 55px;
	height: 70px;
	top: 30px;
	left: 30px !important;
	background-size: 100% auto;
}

/* laptops, desktops (1200px and above) */
@media only screen and (min-width: 1200px) {
.slider_container_outer1 .price-box-section {
		margin-top: 165px;
	}

.megahosting .fa-circle {
		display: none;
	}

.megahosting .fa-hdd:before {
		background-image: url(/templates/hostiko-material/images/megahosting-big.svg);
		content: '';
		width: 80px;
		height: 101px;
		background-size: 100% auto;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: bottom;
	}

.megahosting .fa-stack {
		height: 125px;
	}

.minihosting .fa-circle {
		display: none;
	}

.minihosting .fa-hdd:before {
		background-image: url(/templates/hostiko-material/images/minihosting-big.svg);
		content: '';
		width: 80px;
		height: 101px;
		background-size: 100% auto;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: bottom;
	}

.minihosting .fa-stack {
		height: 125px;
	}

.maxihosting .fa-circle {
		display: none;
	}

.maxihosting .fa-hdd:before {
		background-image: url(/templates/hostiko-material/images/maxihosting-big.svg);
		content: '';
		width: 80px;
		height: 101px;
		background-size: 100% auto;
		display: inline-block;
		background-repeat: no-repeat;
	}

.maxihosting .fa-stack {
		height: 125px;
	}

.dns .fa-circle {
		display: none;
	}

.dns .fa-hdd:before {
		background-image: url(/templates/hostiko-material/images/dns-big.svg);
		content: '';
		width: 80px;
		height: 101px;
		background-size: 100% auto;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: bottom;
	}

.dns .fa-stack {
		height: 125px;
	}

.doorsturen .fa-circle {
		display: none;
	}

.doorsturen .fa-hdd:before {
		background-image: url(/templates/hostiko-material/images/web-mail-big.svg);
		content: '';
		width: 80px;
		height: 101px;
		background-size: 100% auto;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: bottom;
	}

.doorsturen .fa-stack {
		height: 125px;
	}

.e-mailpakket .fa-circle {
		display: none;
	}

.e-mailpakket .fa-hdd:before {
		background-image: url(/modules/servers/PleskExtended/templates/client/default/assets/img/plesk/icon-Emails.png);
		content: '';
		width: 80px;
		height: 101px;
		background-size: 100% auto;
		display: inline-block;
		background-repeat: no-repeat;
		background-position: bottom;
	}

.e-mailpakket .fa-stack {
		height: 125px;
	}
}

@media (max-width: 1091px) {
	.domain-pricing .col-lg-4.col-sm-6 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media (max-width: 843px) {
	.knowledgebase .primary-content .row {
		padding: 0 15px;
	}

	.knowledgebase .primary-content .col-xl-6 {
		padding: 0;
	}
}

@media (max-width: 703px) {
	#comparison_table li button {
		height: auto !important;
	}

	#comparison_table > ul {
		display: block !important;
	}

	#comparison_table span.txt-l {
		font-size: 12px !important;
	}

	#comparison_table td:first-child {
		display: none;
	}

	#comparison_table tr td .btn-default {
		padding: 5px !important;
		font-size: 10px !important;
	}

	#comparison_table tr td .btn-default i {
		display: none;
	}
}

@media (max-width: 633px) {
	.clientareahome ul.tld-logos {
		margin-top: 15px;
	}
}

/* stijling table op cart.php?a=add&domain=register */
.domain-pricing .two-row-center {
	border-right: 2px solid #6c757d!important;
}

.domain-pricing .tld-pricing-header div:nth-child(odd) {
	border-color: #afca0b!important;
}

.domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-sm-4, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-xs-4 {
	border-bottom: 6px solid #6c757d!important;
}

.domain-pricing .tld-row.highlighted {
	background: #ebf2c254!important;
}

.domain-promo-box .btn {
	background: #6c757d;
	box-shadow: 0 14px 26px -12px rgba(108, 117, 125, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(108, 117, 125, 0.2);
}

.domain-promo-box .btn:hover {
	color: #6c757d;
	background: #fff;
	border: 1px solid #6c757d;
	box-shadow: none;
}

/* Services overview */
div#tableServicesList_filter,
div#tableServicesList_info {
	width: 100%;
	float: none;
}

@media (max-width: 1091px) {
	.abonnementen .col-lg-4 {
		order: 2;
	}
}

@media (max-width: 767px) {
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		font-size: 10px;
		padding: 0px;
	}

	#MGPageforwarddomains form#domain-forward-form {
		display: block;
	}

	#MGPageforwarddomains #domain-forward-form > div:nth-child(3) > label {
		display: none;
	}

	div.dataTables_wrapper div.dataTables_info {
		width: 100%;
		float: none;
	}

	#tabOverview #domainForm .btn-group {
		display: block;
	}

	#tabOverview #domainForm .btn-group button {
		width: 100%;
	}

	div#tableDomainsList_wrapper .listtable {
		width: 100%;
		overflow: auto;
	}

	.dataTables_wrapper .dataTables_filter {
		width: 100%;
	}

	.register-domain #order-standard_cart .cart-body {
		width: 100%;
	}

	.register-domain #order-standard_cart .font-size-36 {
		max-width: 100%;
	}

	.responsive-tabs-sm .nav-item a.active {
		background-color: #afca0b !important;
	}

	ul.nav.nav-tabs li {
		width: 100%;
	}

	div#tabAutorenew span.label.label-success {
		white-space: normal;
	}

	table.table-list tbody td {
		font-size: 10px;
		padding: 4px;
	}

	table .btn {
		font-size: 9px;
		padding: 4px;
	}

	.listtable {
		overflow: auto;
	}

	a.btn.btn-return-to-admin {
		display: none;
	}

	select#inputBillingcycle {
		font-size: 10px !important;
		width: 100%;
	}
}

/* fix checkout background SEPA */
form#frmCheckout[name="orderfrm"] {
    background: #fff!important;
}

#order-standard_cart .sub-heading {
    border-top: 0px solid #ddd!important;
}

form#frmCheckout[name="orderfrm"] span.primary-bg-color {
    background: white!important;
}

form#frmCheckout[name="orderfrm"] .primary-bg-color {
    background: red!important;
    background-color: red!important;
}

/* DNS table scroll width */
#dnsTable td {
	overflow: hidden;
}

#dnsTable td:nth-child(3) {
    max-width: 600px;
    overflow-x: auto;
}

@media (max-width: 767px) {
	#dnsTable td:nth-child(3) {
		max-width: 250px;
	}
}

.clientareahome #registerDomainPanel {
    background: transparent!important;
    box-shadow: none!important;
}

.clientareahome #registerDomainPanel .card-body {
    background: white;
    margin-bottom: 10px;
}

.clientareahome #registerDomainPanel .card-footer {
    background: #f7f7f7;
}

/* ===================================
   Print‐only overrides for JVH layout
   =================================== */
@media print {
  /* 1) Hide the top bar (navbar/header) */
  header.topbar, .knowledgebase_article span.badge.badge-pill.badge-info {
    display: none !important;
  }

  /* 2) Hide the left‐hand sidebar/nav menu */
  /* In JVH’s HTML, the entire left menu is under <aside class="left-sidebar">…</aside> */
  aside.left-sidebar {
    display: none !important;
  }

  /* 3) Hide any “Print” buttons or action buttons */
  /* The “Print” link is usually rendered as:
       <a class="btn btn-default btn-sm float-right" onclick="window.print()">…</a>
     We’ll hide any element with class .btn (if you only want to hide the print‐button itself, target it more specifically: a[onclick*="window.print"] ) */
  a.btn,
  button.btn {
    display: none !important;
  }

  /* 4) Hide breadcrumbs (optional) */
  /* JVH pages often have the “page‐title” row and breadcrumbs in a <div class="row page-titles">… */
  .page-titles {
    display: none !important;
  }

  /* 5) Hide the right‐hand widgets/footer (if present) */
  /* There is often a <footer class="footer"> at the bottom. */
  footer.footer {
    display: none !important;
  }

  /* If there are any “sidebar” divs elsewhere (e.g. tag clouds, related posts), hide them too: */
  div.sidebar {
    display: none !important;
  }

  /* 6) Force the main content (.primary-content) to go full‐width */
  /* In JVH’s markup, your article/content lives in something like:
       <div class="col-lg-8 col-xl-9 primary-content">…</div>
     We simply make that 100% wide. */
  .primary-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .knowledgebase_article .col-xl-9, .knowledgebase  .col-xl-9 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
  }

  /* 7) Remove any page margins (optional) */
  @page {
    margin: 1cm; /* you can set this to 0 if you truly want zero margins, but most printers need at least a small margin */
  }

  /* 8) Force black text on white background (optional) */
  /* This ensures colored backgrounds or faint grays don’t print. */
  body {
    background: #fff !important;
    color: #000 !important;
  }

  /* 9) Make sure any images in the article scale properly */
  article img,
  .primary-content img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* hide recaptcha badge */
.grecaptcha-badge {
    display: none!important;
}