input {font-family: 'Montserrat';}

footer.footer{background-color:transparent;color:#000;}
footer.footer .nav-link{color:#000}
footer.footer .btn{background-color:#3a1565;color:#fff;}

.card-header{background-color:#3a1565;border-bottom:1px solid #3a1565;color:#fff;}
.client-home-cards .card-header{background-color:#3a1565;}
.client-home-cards .card-body {padding-top:20px;}

.sidebar .list-group-item.active,.sidebar .list-group-item.active:focus,.sidebar .list-group-item.active:hover{background-color:#EFEFEF;border-color:#fff;color:inherit;}

header.header .topbar{background-color:#231F20;color:#fff;}
header.header .topbar .btn{color:#fff;}
header.header .topbar .active-client .input-group-text{color:#fff;}
header.header .topbar .active-client .btn{color:#fff;}


.dataTables_wrapper table.table-list thead th.sorting_asc,.dataTables_wrapper table.table-list thead th.sorting_desc{background-color:#3a1565; color:#fff;}
table.table-list thead th{background-color:#3a1565;border-bottom:1px solid #3a1565;color:#fff;}

.page-item.active .page-link,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#3a1565;border-color:#3a1565}

.navbar-light,.main-navbar-wrapper {background: transparent !important; color:#fff;}
.navbar-light a,.navbar a{color:#fff}
.navbar li a,.navbar li a:link,.navbar li a:active,.navbar li a:visited{color:#fff;}
.navbar li a:focus,.navbar li a:hover{color:#fff; test-decoration:none;}
.dropdown-menu {margin-top:15px;}
.dropdown-menu,.dropdown-menu a:link,.dropdown-menu a:active,.dropdown-menu a:visited {color:#000! important}
.dropdown-menu:hover {color:#999! important}

.primary-content .card-body {
    overflow: inherit;
}

a:hover{text-decoration:none}

.modal {margin-top:100px;}


/*  manually added */

/* 
.fusion-main-menu>ul>li>a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a {
    text-decoration: none;
}

.fusion-footer .widget a {
    text-decoration: none;
}

.fusion-copyright-notice a {
    text-decoration: none;
}
*/

.fusion-title-size-two, h2 {
    margin-bottom: 10px;
    margin-top: 1em;
}

.breadcrumb-item {
    font-size: 11px;
}


a {
    text-decoration:none;
}
 

h1 {
	font-family: 'Montserrat';
	font-size:32px;
}

.font-size-36 {
    font-size:32px;

}

h2 {
	font-family: 'Montserrat';
	font-size:20px;
}



.mc-promo-login .panel-heading .primary-content h3, .mc-promo-manage .panel-heading .primary-content h3, .primary-content .mc-promo-login .panel-heading h3, .primary-content .mc-promo-manage .panel-heading h3, .primary-content .promo-container .header h3, .promo-container .header .primary-content h3 {
	font-family: 'Montserrat';
	font-size:16px;
}

.primary-content .card-title {
	font-family: 'Montserrat';
	font-size:16px;
}

h4 {
	font-family: 'Montserrat';
	font-size:15px;
}

h5 {
	font-family: 'Montserrat';
	font-size:14px;
}

.container {font-size:14px;}
.form-control {font-size:14px;}

header.header .btn {font-size:12px} 

.input-group-text {font-size:14px;}

.btn {font-size:13px}

header.header .toolbar .nav-link {
    border: 0px;
}

.modal-content {font-size:14px;}

/* Verberg de reCAPTCHA badge */
.grecaptcha-badge { 
    visibility: hidden !important; 
}
/* Mobile: footer logo kleiner */
@media only screen and (max-width: 1024px) {
    #media_image-2 img {
        max-width: 160px !important;
    }
}

/* Mobile: footer copyright tekst kleiner */
@media only screen and (max-width: 1024px) {
    .fusion-copyright-notice {
        font-size: 12px !important;
    color: rgba(255,255,255,0.8) !important;
    }
}

/* Mobile: footer padding links */
@media only screen and (max-width: 1024px) {
    .fusion-footer-widget-area .fusion-row,
    .fusion-footer-copyright-area .fusion-row {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Avada header: transparant */
body:not(.fusion-header-layout-v6) .fusion-header {
    background: transparent !important;
    box-shadow: none !important;
}
body:not(.fusion-header-layout-v6) .fusion-header:before {
    display: none !important;
}
.fusion-standard-logo, .fusion-mobile-logo {
    filter: brightness(0) invert(1) !important;
}






/* Avada + WHMCS navbar: één geheel met gradient */
.visiba-header-wrap {
    background: radial-gradient(ellipse 60% 400% at 0% 0%, #f020b0 0%, #c030a0 10%, #7a2090 30%, #3a1565 55%, #220d50 100%) !important;
}
.fusion-header-wrapper {
    background: transparent !important;
}

/* Breuk tussen Avada header en WHMCS navbar verwijderen */
.fusion-header-wrapper {
    margin-bottom: 0 !important;
}
header#header {
    margin-top: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
}
header.header {
    border-top: none !important;
    box-shadow: none !important;
}

/* WHMCS header transparant binnen wrapper */
header.header {
    background: transparent !important;
}

/* Breadcrumb en grijze balk verbergen */
/* .master-breadcrumb {
    display: none !important;
} */

/* Topbar styling */
.topbar {
    background-color: transparent !important;
    border-bottom: none !important;
    border-top: none !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.8) !important;
}

/* Pagina achtergrond lichte tint */
#main-body {
    background-color: #f8f8fc !important;
}

/* WHMCS container breedte */
.main-navbar-wrapper .container,
#main-body .container,
.topbar .container,
.master-breadcrumb .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Navbar padding */
.navbar-expand-xl, .navbar.navbar-expand-xl, .navbar-light {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Borders verwijderen */
.navbar, .main-navbar-wrapper {
    border: none !important;
}
header#header, header.header {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Topbar */
.topbar {
    background-color: transparent !important;
    border: none !important;
    font-size: 12px !important;
}
.topbar, .topbar * {
    color: rgba(255,255,255,0.85) !important;
}
.topbar .btn {
    border-color: transparent !important;
    box-shadow: none !important;
}
.topbar .input-group-text {
    background-color: transparent !important;
    border-color: transparent !important;
}
.topbar .btn-active-client,
.topbar #accountNotifications {
    background-color: rgba(255,255,255,0.12) !important;
    border: none !important;
    border-radius: 4px !important;
}
.topbar .btn-group,
.topbar .input-group {
    border: none !important;
}

/* Breadcrumb */
.master-breadcrumb {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.master-breadcrumb .breadcrumb {
    background-color: transparent !important;
    margin-bottom: 0 !important;
    padding: 8px 0 !important;
}
.master-breadcrumb .breadcrumb-item,
.master-breadcrumb .breadcrumb-item a,
.master-breadcrumb .breadcrumb-item.active {
    color: rgba(255,255,255,0.65) !important;
    font-size: 12px !important;
}
.master-breadcrumb .breadcrumb-item a:hover { color: #fff !important; }
.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255,255,255,0.4) !important;
}

/* Avada header transparant */
.fusion-header,
.fusion-top-header .fusion-header,
.fusion-header-v1 .fusion-header {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
.fusion-header-wrapper {
    background: transparent !important;
    margin-bottom: 0 !important;
}

/* Hamburger knop - alleen op mobile */
.visiba-hamburger {
    display: none !important;
}
.visiba-toggle-line {
    display: block;
    width: 22px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;
    transition: all 0.25s ease-in-out;
}

/* Sluitknop altijd verbergen op desktop */
.visiba-menu-close {
    display: none !important;
}

/* ===================== MOBILE ===================== */
@media (max-width: 1200px) {

    /* Container padding */
    .navbar .container,
    .navbar-light .container,
    .main-navbar-wrapper .container,
    #main-body .container,
    .topbar .container,
    .master-breadcrumb .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Gradient op mobile */
    .visiba-header-wrap {
        background: radial-gradient(ellipse 60% 400% at 0% 0%, #f020b0 0%, #c030a0 10%, #7a2090 30%, #3a1565 55%, #220d50 100%) !important;
    }

    /* Avada flyout verbergen */
    .fusion-flyout-menu-toggle,
    .fusion-flyout-menu-icons {
        display: none !important;
    }

    /* Hamburger tonen en positioneren */
    .visiba-hamburger {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 8px !important;
        background: transparent !important;
        border: none !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 9999 !important;
    }
    .fusion-header {
        position: relative !important;
    }

    /* WHMCS header zichtbaar */
    header#header {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        position: static !important;
    }
    header#header .navbar-light {
        display: none !important;
    }

    /* WHMCS navbar container rechts uitlijnen */
    .navbar-light .container {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
}

/* Desktop: WHMCS navbar container padding aanpassen */
.main-navbar-wrapper .container {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* No Notifications knop */
.topbar #accountNotifications {
    background-color: rgba(255,255,255,0.12) !important;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
}

/* WHMCS navbar eerste item padding */
.main-navbar-wrapper .navbar-nav#nav > li:first-child > a,
.main-navbar-wrapper .navbar-nav#nav > li:first-child > a.pr-4 {
    padding-left: 0 !important;
}
.main-navbar-wrapper .navbar-nav .pr-4 {
    padding-right: 1.5rem !important;
}

/* Hamburger focus */
.visiba-hamburger:focus,
.visiba-hamburger:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ===================== MOBILE MENU ===================== */
@media (max-width: 1200px) {

    /* Logo kleiner */
    .fusion-mobile-logo,
    .fusion-standard-logo {
        max-width: 160px !important;
        height: auto !important;
    }

    /* Hamburger */
    .visiba-hamburger {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 8px !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 9999 !important;
    }
    .visiba-toggle-line {
        width: 30px !important;
        height: 2px !important;
    }

    /* Sluitknop */
    .visiba-menu-close {
        display: none !important;
    }
    #mainNavbar.visiba-open .visiba-menu-close {
        display: block !important;
        position: fixed !important;
        top: 20px !important;
        right: 20px !important;
        background: transparent !important;
        border: none !important;
        font-size: 36px !important;
        color: #270f58 !important;
        cursor: pointer !important;
        z-index: 100000 !important;
        line-height: 1 !important;
        padding: 5px 10px !important;
    }
    .visiba-menu-close:focus {
        outline: none !important;
    }

    /* Fullscreen menu overlay */
    #mainNavbar {
        position: fixed !important;
        top: -1000% !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background-color: rgba(240, 238, 248, 0.97) !important;
        z-index: 99999 !important;
        overflow-y: auto !important;
        border-top: none !important;
        opacity: 0 !important;
        transition: opacity 0.4s ease 0s, top 0s ease 0.4s !important;
        display: block !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    #mainNavbar.visiba-open {
        top: 0 !important;
        opacity: 1 !important;
        transition: opacity 0.4s ease 0s, top 0s ease 0s !important;
        display: flex !important;
    }

    /* Zoekbalk verbergen */
    #mainNavbar .search {
        display: none !important;
    }

    /* Dropdown dividers */
    #mainNavbar .dropdown-divider {
        display: none !important;
    }

    /* Menu items */
    #mainNavbar .navbar-nav {
        width: 100% !important;
    }
    #mainNavbar .navbar-nav > li > a,
    #mainNavbar .navbar-nav > li > .nav-link,
    #mainNavbar #nav > li > a {
        color: #270f58 !important;
        font-size: 22px !important;
        font-weight: 400 !important;
        padding: 15px 20px !important;
        border-bottom: none !important;
        text-align: center !important;
        display: block !important;
    }
    #mainNavbar .navbar-nav > li > a:hover {
        color: #716cd6 !important;
    }

    /* Submenu */
    #mainNavbar .dropdown-menu {
        background-color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    #mainNavbar .dropdown-menu a {
        color: #716cd6 !important;
        font-size: 16px !important;
        padding: 8px 20px !important;
        border-bottom: none !important;
        text-align: center !important;
        display: block !important;
    }

    /* Toolbar */
    #mainNavbar .navbar-nav.toolbar {
        flex-direction: row !important;
        justify-content: center !important;
        padding: 10px 20px !important;
        border-top: 1px solid rgba(39,15,88,0.1) !important;
        margin-top: 20px !important;
        gap: 15px !important;
    }
    #mainNavbar .navbar-nav.toolbar .nav-link {
        color: #270f58 !important;
        border-bottom: none !important;
        padding: 8px !important;
        font-size: 16px !important;
    }

    /* Navbar container */
    .navbar-light .container {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    #mainNavbar .collapsable-dropdown {
        display: none !important;
    }
}

/* Knoppen Visiba-stijl */
.btn-success,
.btn-primary {
    background: linear-gradient(135deg, #7a2090 0%, #3a1565 100%) !important;
    border-color: #3a1565 !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-primary:hover {
    background: linear-gradient(135deg, #9030b0 0%, #4a1585 100%) !important;
    border-color: #4a1585 !important;
    color: #fff !important;
}


/* Verify email banner */
.verification-banner.email-verification {
    background: linear-gradient(135deg, #7a2090 0%, #3a1565 100%) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 0 !important;
}
.verification-banner.email-verification .text,
.verification-banner.email-verification i {
    color: #fff !important;
}
.verification-banner.email-verification .btn-resend-verify-email {
    background: rgba(255,255,255,0.25) !important;
    border: 1px solid rgba(255,255,255,0.6) !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.verification-banner.email-verification .btn-resend-verify-email:hover {
    background: rgba(255,255,255,0.4) !important;
}
.verification-banner.email-verification .close {
    color: rgba(255,255,255,0.7) !important;
    opacity: 1 !important;
}
.verification-banner.email-verification .close:hover {
    color: #fff !important;
}