@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

:root{
    --dh-blue:#2196d3;
    --dh-blue-dark:#167caf;
    --dh-red:#ed4e4e;
    --dh-red-dark:#d83e3e;
    --dh-navy:#252b35;
    --dh-dark:#1f252d;
    --dh-text:#444b55;
    --dh-muted:#8a929d;
    --dh-light:#f4f5f7;
    --dh-border:#e4e7eb;
    --dh-white:#ffffff;
    --dh-green:#2ebf7f;
    --dh-orange:#f4a340;
}

html,
body{
    min-height:100%;
}

body{
    background:#f5f6f8;
    color:var(--dh-text);
    font-family:'Roboto',sans-serif;
    font-size:14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar,
.btn{
    font-family:'Rajdhani',sans-serif;
}

a{
    color:var(--dh-blue);
}

a:hover{
    color:var(--dh-blue-dark);
}

/* HEADER */
#header.header{
    background:#fff;
    border:0;
    box-shadow:none;
}

#header .topbar{
    background:var(--dh-dark);
    border:0;
    min-height:42px;
}

#header .topbar .container{
    min-height:42px;
    display:flex;
    align-items:center;
}

#header .topbar .btn{
    color:#d6d9dd;
    font-family:'Roboto',sans-serif;
    font-size:12px;
}

#header .topbar .btn:hover{
    color:#fff;
}

#header .topbar .input-group-text{
    background:transparent;
    border:0;
    color:#aab0b7;
    font-size:12px;
}

#header>.navbar.navbar-light{
    background:#fff;
    padding:16px 0;
    min-height:92px;
    border:0;
}

#header .navbar-brand{
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
}

#header .navbar-brand .logo-img{
    max-height:58px;
    width:auto;
    max-width:250px;
}

#header .search .form-control{
    height:44px;
    width:285px;
    border:1px solid #dfe3e8;
    border-left:0;
    background:#f9fafb;
    border-radius:0 4px 4px 0;
    box-shadow:none;
    font-family:'Roboto',sans-serif;
    font-size:13px;
}

#header .search .input-group-prepend .btn{
    height:44px;
    width:44px;
    background:#f9fafb;
    border:1px solid #dfe3e8;
    border-right:0;
    border-radius:4px 0 0 4px;
    color:#808791;
}

#header .toolbar .nav-link{
    width:44px;
    height:44px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#555e68;
    border:1px solid #e0e4e8;
    border-radius:3px;
}

#header .toolbar .nav-link:hover{
    background:var(--dh-blue);
    border-color:var(--dh-blue);
    color:#fff;
}

#header .cart-btn{
    position:relative;
}

#header .cart-btn .badge{
    position:absolute;
    right:-7px;
    top:-7px;
    background:var(--dh-red)!important;
    border:2px solid #fff;
    color:#fff;
    border-radius:15px;
}

/* MAIN NAVIGATION */
#header .main-navbar-wrapper{
    background:#262c34;
    min-height:58px;
    border:0;
    padding:0;
}

#header .main-navbar-wrapper .container{
    min-height:58px;
}

#header .main-navbar-wrapper .navbar-nav>.nav-item>.nav-link{
    color:#fff;
    text-transform:uppercase;
    font-family:'Rajdhani',sans-serif;
    font-size:15px;
    font-weight:600;
    letter-spacing:.2px;
    padding:19px 15px;
}

#header .main-navbar-wrapper .navbar-nav>.nav-item>.nav-link:hover,
#header .main-navbar-wrapper .navbar-nav>.nav-item.active>.nav-link{
    color:#fff;
    background:var(--dh-blue);
}

#header .dropdown-menu{
    border:0;
    border-radius:0;
    padding:8px;
    box-shadow:0 10px 28px rgba(0,0,0,.16);
}

#header .dropdown-menu .dropdown-item{
    font-family:'Roboto',sans-serif;
    font-size:13px;
    padding:9px 13px;
    border-radius:2px;
}

#header .dropdown-menu .dropdown-item:hover{
    background:var(--dh-blue);
    color:#fff;
}

/* BREADCRUMB */
.master-breadcrumb{
    background:#eef0f2;
    border:0;
    border-bottom:1px solid #e0e3e6;
}

.master-breadcrumb .breadcrumb{
    background:transparent;
    margin:0;
    padding:12px 0;
    font-size:12px;
}

/* MAIN BODY */
#main-body{
    padding-top:32px;
    padding-bottom:50px;
}

/* SIDEBAR */
.sidebar .card{
    border:1px solid var(--dh-border);
    border-radius:3px;
    box-shadow:none;
    overflow:hidden;
}

.sidebar .card-header{
    background:#262c34;
    border:0;
    color:#fff;
    font-family:'Rajdhani',sans-serif;
    font-size:17px;
    font-weight:600;
}

.sidebar .list-group-item{
    border-color:#eceef0;
    font-size:13px;
    padding:11px 15px;
}

.sidebar .list-group-item:hover,
.sidebar .list-group-item.active{
    background:#f4f8fb;
    color:var(--dh-blue);
}

/* GENERIC CARDS */
.card{
    border:1px solid var(--dh-border);
    border-radius:4px;
    box-shadow:0 2px 7px rgba(0,0,0,.035);
}

.card-header{
    background:#fff;
    border-bottom:1px solid #eceef1;
}

.card-title{
    font-family:'Rajdhani',sans-serif;
    font-weight:600;
}

/* BUTTONS */
.btn{
    font-weight:600;
}

.btn-primary,
.btn-success{
    background:var(--dh-blue);
    border-color:var(--dh-blue);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus{
    background:var(--dh-blue-dark);
    border-color:var(--dh-blue-dark);
}

.btn-danger{
    background:var(--dh-red);
    border-color:var(--dh-red);
}

/* DASHBOARD HEADER */
.dh-dashboard-head{
    background:#262c34;
    border-radius:4px;
    padding:30px;
    margin-bottom:22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    position:relative;
    overflow:hidden;
}

.dh-dashboard-head:before{
    content:"";
    position:absolute;
    right:-70px;
    top:-105px;
    width:260px;
    height:260px;
    border:48px solid rgba(33,150,211,.13);
    border-radius:50%;
}

.dh-dashboard-head:after{
    content:"";
    position:absolute;
    right:95px;
    bottom:-90px;
    width:180px;
    height:180px;
    border:35px solid rgba(237,78,78,.08);
    border-radius:50%;
}

.dh-dashboard-head>div{
    position:relative;
    z-index:2;
}

.dh-dashboard-kicker{
    color:#6fc2ef;
    font-family:'Rajdhani',sans-serif;
    font-weight:700;
    font-size:13px;
    letter-spacing:1.5px;
}

.dh-dashboard-head h2{
    color:#fff;
    margin:4px 0 7px;
    font-size:31px;
    font-weight:600;
}

.dh-dashboard-head p{
    color:#b8bdc4;
    margin:0;
    font-size:13px;
}

.dh-dashboard-actions{
    display:flex;
    gap:9px;
}

.dh-dashboard-actions .btn{
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border-radius:3px;
}

.dh-btn-primary{
    background:var(--dh-red);
    border:1px solid var(--dh-red);
    color:#fff;
}

.dh-btn-primary:hover{
    background:var(--dh-red-dark);
    color:#fff;
}

.dh-btn-outline{
    background:transparent;
    border:1px solid rgba(255,255,255,.28);
    color:#fff;
}

.dh-btn-outline:hover{
    background:#fff;
    color:#262c34;
}

/* STATS */
.dh-stat-row{
    margin-left:-8px;
    margin-right:-8px;
}

.dh-stat-row>[class*="col-"]{
    padding-left:8px;
    padding-right:8px;
    margin-bottom:16px;
}

.dh-stat-card{
    min-height:120px;
    background:#fff;
    border:1px solid #e3e6e9;
    border-radius:4px;
    display:flex;
    align-items:center;
    padding:19px;
    text-decoration:none!important;
    position:relative;
    overflow:hidden;
    transition:.2s;
}

.dh-stat-card:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    background:var(--dh-blue);
    transform:scaleX(0);
    transition:.2s;
}

.dh-stat-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.dh-stat-card:hover:after{
    transform:scaleX(1);
}

.dh-stat-icon{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-size:19px;
}

.dh-stat-blue{
    background:#e8f5fc;
    color:var(--dh-blue);
}

.dh-stat-green{
    background:#eaf8f2;
    color:#20a86e;
}

.dh-stat-purple{
    background:#f0ebfc;
    color:#7357c8;
}

.dh-stat-orange{
    background:#fff2e4;
    color:#e68d29;
}

.dh-stat-content{
    display:flex;
    flex-direction:column;
}

.dh-stat-content span{
    color:#8b929a;
    font-size:11px;
    text-transform:uppercase;
}

.dh-stat-content strong{
    font-family:'Rajdhani',sans-serif;
    color:#30363d;
    font-size:30px;
    line-height:1.15;
    font-weight:600;
}

.dh-stat-arrow{
    position:absolute;
    right:15px;
    top:16px;
    color:#cdd1d5;
    font-size:10px;
}

/* QUICK ACCESS */
.dh-quick-section{
    margin:7px 0 23px;
}

.dh-section-title span{
    color:var(--dh-blue);
    text-transform:uppercase;
    font-family:'Rajdhani',sans-serif;
    font-weight:700;
    letter-spacing:1px;
}

.dh-section-title h3{
    font-size:23px;
    margin:1px 0 13px;
    color:#30363d;
}

.dh-quick-card{
    background:#fff;
    border:1px solid var(--dh-border);
    border-radius:4px;
    min-height:105px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#555c65;
    text-decoration:none!important;
    transition:.2s;
}

.dh-quick-card i{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e8f5fc;
    color:var(--dh-blue);
    margin-bottom:8px;
}

.dh-quick-card span{
    font-family:'Rajdhani',sans-serif;
    font-size:15px;
    font-weight:600;
}

.dh-quick-card:hover{
    background:var(--dh-blue);
    border-color:var(--dh-blue);
    color:#fff;
}

.dh-quick-card:hover i{
    background:#fff;
}

/* PAGE HEADING */
.dh-page-head{
    background:#fff;
    border:1px solid var(--dh-border);
    border-left:4px solid var(--dh-blue);
    border-radius:3px;
    padding:21px 24px;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.dh-page-kicker{
    display:block;
    color:var(--dh-red);
    font-family:'Rajdhani',sans-serif;
    font-weight:700;
    font-size:12px;
    letter-spacing:1.4px;
}

.dh-page-head h2{
    color:#30363d;
    font-size:28px;
    font-weight:600;
    margin:2px 0 4px;
}

.dh-page-head p{
    margin:0;
    color:#858c94;
    font-size:12px;
}

.dh-page-actions{
    display:flex;
    gap:8px;
}

.dh-page-primary{
    background:var(--dh-red);
    color:#fff!important;
    border:1px solid var(--dh-red);
    border-radius:3px;
    padding:10px 17px;
    font-size:14px;
}

.dh-page-primary:hover{
    background:var(--dh-red-dark);
    border-color:var(--dh-red-dark);
}

.dh-page-secondary{
    background:var(--dh-blue);
    color:#fff!important;
    border:1px solid var(--dh-blue);
    border-radius:3px;
    padding:10px 17px;
    font-size:14px;
}

.dh-page-secondary:hover{
    background:var(--dh-blue-dark);
}

/* SERVICES / DOMAIN BOX */
.dh-service-box,
.dh-domain-box{
    background:#fff;
    border:1px solid var(--dh-border);
    border-radius:4px;
    overflow:hidden;
}

.dh-service-box-head,
.dh-domain-box-head{
    min-height:72px;
    padding:16px 20px;
    border-bottom:1px solid #e9ebed;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.dh-service-box-head h3,
.dh-domain-box-head h3{
    color:#30363d;
    font-size:20px;
    margin:0 0 2px;
}

.dh-service-box-head p,
.dh-domain-box-head p{
    color:#90969c;
    margin:0;
    font-size:11px;
}

.dh-service-head-icon,
.dh-domain-head-icon{
    width:43px;
    height:43px;
    border-radius:50%;
    background:#e7f4fb;
    color:var(--dh-blue);
    display:flex;
    align-items:center;
    justify-content:center;
}

.dh-domain-toolbar{
    padding:15px 18px 0;
}

.dh-bulk-btn{
    background:#fff;
    color:#59616a;
    border:1px solid #dce0e4;
    border-radius:2px;
    font-family:'Roboto',sans-serif;
    font-size:11px;
}

.dh-bulk-btn:hover{
    background:var(--dh-blue);
    color:#fff;
    border-color:var(--dh-blue);
}

/* TABLES */
.table-container,
.dataTables_wrapper{
    font-family:'Roboto',sans-serif;
}

.dh-service-box .dataTables_wrapper,
.dh-domain-box .dataTables_wrapper{
    padding:17px 18px 20px;
}

.table{
    color:#505862;
}

.table thead th,
.dh-modern-table thead th{
    background:#f0f2f4;
    border-top:1px solid #e2e5e8!important;
    border-bottom:2px solid #dfe3e6!important;
    color:#606871;
    text-transform:uppercase;
    letter-spacing:.3px;
    font-size:10px;
    font-weight:700;
    vertical-align:middle;
    padding:12px!important;
}

.table tbody td,
.dh-modern-table tbody td{
    border-color:#eceef0!important;
    padding:13px 12px!important;
    vertical-align:middle;
    font-size:12px;
}

.table tbody tr:hover,
.dh-modern-table tbody tr:hover{
    background:#f6fafd;
}

.dh-product-name,
.dh-domain-name{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.dh-product-name strong,
.dh-domain-name>a{
    font-family:'Rajdhani',sans-serif;
    color:#343a41;
    font-size:15px;
    font-weight:600;
}

.dh-product-name a{
    font-size:11px;
}

.dh-domain-name small,
.dh-service-price small{
    font-size:10px;
}

.dh-service-price strong{
    font-family:'Rajdhani',sans-serif;
    font-size:15px;
}

.dh-domain-date,
.dh-due-date{
    font-size:11px;
    white-space:nowrap;
}

.dh-domain-date i,
.dh-due-date i{
    color:#9da4ab;
    margin-right:4px;
}

/* STATUS */
.label.status,
.status{
    display:inline-block;
    border-radius:2px!important;
    padding:5px 9px!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1.3;
}

.status-active{
    background:#e5f7ef!important;
    color:#16845a!important;
}

.status-pending{
    background:#fff3dc!important;
    color:#a86d0a!important;
}

.status-suspended{
    background:#fff0e3!important;
    color:#c4691e!important;
}

.status-terminated,
.status-cancelled,
.status-expired{
    background:#fdebed!important;
    color:#be3b48!important;
}

.dh-renew-on{
    color:#1d9a69;
}

.dh-renew-off{
    color:#d34e58;
}

/* DATATABLE */
.dataTables_filter input,
.dataTables_length select{
    border:1px solid #d9dde1!important;
    border-radius:2px!important;
    min-height:34px;
    padding:5px 8px;
    background:#fff;
}

.dataTables_paginate .paginate_button{
    border-radius:2px!important;
}

.dataTables_paginate .paginate_button.current{
    background:var(--dh-blue)!important;
    border-color:var(--dh-blue)!important;
    color:#fff!important;
}

/* FORM */
.form-control{
    border:1px solid #d9dde2;
    border-radius:3px;
    min-height:40px;
    box-shadow:none;
    font-size:13px;
}

.form-control:focus{
    border-color:var(--dh-blue);
    box-shadow:0 0 0 2px rgba(33,150,211,.1);
}

label{
    font-size:12px;
    color:#606871;
    font-weight:500;
}

/* ALERTS */
.alert{
    border-radius:3px;
    font-size:12px;
}

/* LOGIN */
.logincontainer{
    max-width:480px!important;
}

.logincontainer .card,
#registration .card{
    border-top:4px solid var(--dh-blue);
}

.logincontainer h2,
#registration h2{
    font-family:'Rajdhani',sans-serif;
    font-weight:600;
    color:#30363d;
}

/* PANELS */
.dh-home-panels .card{
    border-radius:4px;
    box-shadow:none;
}

.dh-home-panels .card-header{
    padding:14px 16px;
}

.dh-home-panels .card-title{
    font-size:17px;
}

.dh-home-panels .list-group-item{
    font-size:12px;
}

/* FOOTER */
footer.footer{
    background:#242a31;
    border:0;
    color:#aeb4bb;
    padding-top:30px;
    padding-bottom:30px;
}

footer.footer a{
    color:#d4d7da;
}

footer.footer a:hover{
    color:var(--dh-blue);
}

footer.footer .copyright{
    color:#8e959d;
}

/* MOBILE */
@media(max-width:1199.98px){
    #header .main-navbar-wrapper{
        background:#fff;
        border-top:1px solid #eceef0;
    }

    #header .main-navbar-wrapper .navbar-collapse{
        padding:10px 0 15px;
    }

    #header .main-navbar-wrapper .navbar-nav>.nav-item>.nav-link{
        color:#3e464f;
        padding:10px 13px;
        border-bottom:1px solid #f0f1f2;
    }

    #header .main-navbar-wrapper .navbar-nav>.nav-item>.nav-link:hover{
        color:#fff;
        background:var(--dh-blue);
    }
}

@media(max-width:767.98px){
    #main-body{
        padding-top:20px;
    }

    .dh-dashboard-head,
    .dh-page-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .dh-dashboard-actions,
    .dh-page-actions{
        width:100%;
        flex-direction:column;
    }

    .dh-dashboard-actions .btn,
    .dh-page-actions .btn{
        width:100%;
    }

    .dh-table-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .dh-modern-table{
        min-width:760px;
    }

    .dh-domain-toolbar{
        overflow-x:auto;
        white-space:nowrap;
    }
}

@media(max-width:575.98px){
    #header>.navbar.navbar-light{
        min-height:70px;
        padding:10px 0;
    }

    #header .navbar-brand .logo-img{
        max-height:43px;
        max-width:185px;
    }

    #header .toolbar .nav-link{
        width:39px;
        height:39px;
    }

    .dh-dashboard-head{
        padding:22px 17px;
    }

    .dh-dashboard-head h2{
        font-size:25px;
    }

    .dh-stat-card{
        min-height:135px;
        padding:14px 8px;
        flex-direction:column;
        text-align:center;
        justify-content:center;
    }

    .dh-stat-icon{
        margin:0 0 8px;
        width:44px;
        height:44px;
        min-width:44px;
    }

    .dh-stat-content strong{
        font-size:25px;
    }

    .dh-stat-arrow{
        display:none;
    }

    .dh-page-head{
        padding:17px;
    }
}

/* =====================================================
   DOMAIN HOSTING BD ORIGINAL WEBSITE MATCH
===================================================== */

.dh-site-header{
    background:#fff;
    font-family:'Roboto',sans-serif;
}

.dh-brand-area{
    background:#fff;
    padding:27px 0 19px;
}

.dh-brand-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:50px;
}

.dh-site-logo{
    width:42%;
    padding-top:10px;
}

.dh-site-logo img{
    display:block;
    width:auto;
    max-width:255px;
    max-height:68px;
}

.dh-site-domain-search{
    width:48%;
}

.dh-domain-search-box{
    position:relative;
    display:flex;
    width:100%;
}

.dh-domain-search-box input{
    width:100%;
    height:48px;
    background:#fff;
    border:1px solid #d8dce0;
    border-right:0;
    border-radius:2px 0 0 2px;
    padding:0 16px;
    font-family:'Roboto',sans-serif;
    color:#666;
    outline:0;
}

.dh-domain-search-box input:focus{
    border-color:#2499d1;
}

.dh-domain-search-box button{
    width:132px;
    border:0;
    border-radius:0 2px 2px 0;
    background:#2499d1;
    color:#fff;
    text-transform:uppercase;
    font-family:'Rajdhani',sans-serif;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}

.dh-domain-search-box button:hover{
    background:#1685bd;
}

.dh-domain-prices{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid #eceeef;
    border-top:0;
    min-height:37px;
    background:#fafafa;
}

.dh-domain-prices span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border-right:1px solid #e7e9eb;
    font-size:11px;
    color:#747b83;
}

.dh-domain-prices span:last-child{
    border-right:0;
}

.dh-domain-prices strong{
    color:#30363c;
    font-family:'Rajdhani',sans-serif;
    font-size:14px;
}

.dh-header-info{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:23px;
    padding-top:18px;
    border-top:1px solid #eeeeee;
}

.dh-header-info>div{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:33px;
    border-right:1px solid #e6e6e6;
    color:#555d64;
    font-family:'Rajdhani',sans-serif;
    font-size:15px;
    font-weight:500;
}

.dh-header-info>div:last-child{
    border-right:0;
}

.dh-header-info i{
    color:#2499d1;
    font-size:16px;
    margin-right:9px;
}

.dh-header-info a{
    color:#555d64;
    text-decoration:none;
}

.dh-header-info a:hover{
    color:#2499d1;
}

/* NAV LIKE MAIN WEBSITE */

.dh-main-navigation{
    background:#252b32;
    border-bottom:4px solid #2499d1;
}

.dh-main-navigation .navbar{
    padding:0;
    min-height:63px;
}

.dh-site-menu{
    align-items:stretch;
}

.dh-site-menu .nav-item{
    display:flex;
}

.dh-site-menu .nav-item>a{
    display:flex;
    align-items:center;
    padding:0 17px;
    min-height:63px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    font-family:'Rajdhani',sans-serif;
    font-size:15px;
    font-weight:600;
    letter-spacing:.2px;
    transition:.18s;
}

.dh-site-menu .nav-item>a:hover{
    background:#1d2228;
    color:#53b6e7;
}

.dh-client-portal{
    min-height:63px;
    display:flex;
    align-items:center;
}

.dh-portal-button{
    min-height:42px;
    padding:0 20px;
    border:0;
    border-radius:2px;
    background:#ee5050;
    color:#fff!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:'Rajdhani',sans-serif;
    font-size:15px;
    font-weight:600;
    text-decoration:none!important;
    cursor:pointer;
    position:relative;
}

.dh-portal-button:hover,
.dh-portal-button:focus{
    background:#d94343;
    color:#fff;
}

.dh-portal-button i{
    margin-right:8px;
}

.dh-alert-count{
    min-width:18px;
    height:18px;
    margin-left:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:#ee5050;
    font-family:'Roboto',sans-serif;
    font-size:9px;
}

.dh-client-portal .dropdown-menu{
    min-width:210px;
    border:0;
    border-radius:0;
    padding:7px;
    margin-top:0;
    box-shadow:0 10px 30px rgba(0,0,0,.16);
}

.dh-client-portal .dropdown-item{
    padding:9px 11px;
    color:#50575e;
    font-family:'Roboto',sans-serif;
    font-size:12px;
}

.dh-client-portal .dropdown-item i{
    width:20px;
    color:#2499d1;
}

.dh-client-portal .dropdown-item:hover{
    background:#2499d1;
    color:#fff;
}

.dh-client-portal .dropdown-item:hover i{
    color:#fff;
}

/* REMOVE OLD WHMCS HEADER VISUALS */

#header.header,
#header .topbar,
#header>.navbar,
#header .main-navbar-wrapper{
    display:none!important;
}

/* BREADCRUMB */

.master-breadcrumb{
    background:#f0f1f2;
    border-bottom:1px solid #e2e4e6;
}

.master-breadcrumb .breadcrumb{
    padding:13px 0;
    margin:0;
    font-size:11px;
}

/* MAIN AREA */

#main-body{
    background:#fff;
    padding-top:35px;
    padding-bottom:55px;
}

/* MAIN WEBSITE STYLE TITLES */

.primary-content>h1,
.primary-content>.page-header h1{
    font-family:'Rajdhani',sans-serif;
    font-size:30px;
    font-weight:500;
    color:#303840;
}

/* DASHBOARD MORE LIKE WEBSITE */

.dh-dashboard-head{
    background:#2499d1;
    border-radius:0;
    padding:30px 32px;
}

.dh-dashboard-head:before,
.dh-dashboard-head:after{
    display:none;
}

.dh-dashboard-kicker{
    color:#d8f2ff;
}

.dh-dashboard-actions .dh-btn-primary{
    background:#ee5050;
    border-color:#ee5050;
}

.dh-dashboard-actions .dh-btn-outline{
    border-color:#fff;
}

.dh-stat-card{
    border-radius:0;
    box-shadow:none;
}

.dh-stat-card:hover{
    box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.dh-quick-card{
    border-radius:0;
}

/* DOMAIN SEARCH ON HOMEPAGE */

.domain-checker-container{
    background:#fff;
    padding:42px 0!important;
}

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

.domain-checker-container h1,
.domain-checker-container h2,
.domain-checker-container h3{
    font-family:'Rajdhani',sans-serif!important;
    color:#303840!important;
    font-weight:500!important;
}

.domain-checker-container .form-control{
    border-radius:2px 0 0 2px;
    min-height:48px;
}

.domain-checker-container .btn{
    border-radius:0;
    min-height:48px;
    background:#2499d1;
    border-color:#2499d1;
}

.domain-checker-container .btn:last-child{
    background:#ee5050;
    border-color:#ee5050;
}

/* WHMCS HOME PRODUCT CARDS */

.home-domain-search,
.home-shortcuts,
.homepage-section{
    font-family:'Roboto',sans-serif;
}

.card,
.dh-service-box,
.dh-domain-box{
    border-radius:0!important;
}

.card-header{
    font-family:'Rajdhani',sans-serif;
}

/* ORIGINAL STYLE FOOTER */

footer.footer{
    display:none!important;
}

.dh-site-footer{
    background:#252b32;
    color:#aab0b6;
    padding:55px 0 0;
    font-family:'Roboto',sans-serif;
}

.dh-footer-widget{
    margin-bottom:35px;
}

.dh-footer-widget h3{
    color:#fff;
    margin:0 0 22px;
    text-transform:uppercase;
    font-family:'Rajdhani',sans-serif;
    font-size:20px;
    font-weight:600;
}

.dh-footer-widget ul{
    padding:0;
    margin:0;
    list-style:none;
}

.dh-footer-widget ul li{
    margin-bottom:10px;
}

.dh-footer-widget ul a{
    color:#9fa6ad;
    font-size:12px;
    text-decoration:none;
    transition:.18s;
}

.dh-footer-widget ul a:hover{
    color:#2499d1;
    padding-left:3px;
}

.dh-footer-contact p{
    color:#9fa6ad;
    font-size:12px;
    line-height:1.8;
    margin-bottom:18px;
}

.dh-footer-contact-line{
    display:block;
    color:#bbbfc4!important;
    font-size:12px;
    margin-bottom:10px;
    text-decoration:none!important;
}

.dh-footer-contact-line i{
    color:#2499d1;
    width:22px;
}

.dh-footer-bottom{
    min-height:68px;
    border-top:1px solid #363d45;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#818990;
    font-size:11px;
}

.dh-footer-bottom-links{
    display:flex;
    gap:18px;
}

.dh-footer-bottom-links a{
    color:#92999f;
    text-decoration:none;
}

.dh-footer-bottom-links a:hover{
    color:#2499d1;
}

/* MOBILE */

.dh-mobile-toggle{
    min-height:43px;
    width:46px;
    background:#2499d1;
    color:#fff;
    border-radius:0;
    margin:10px 0;
}

@media(max-width:991.98px){

    .dh-brand-row{
        display:block;
    }

    .dh-site-logo,
    .dh-site-domain-search{
        width:100%;
    }

    .dh-site-logo{
        text-align:center;
        padding:0 0 22px;
    }

    .dh-site-logo img{
        margin:auto;
    }

    .dh-header-info{
        grid-template-columns:repeat(2,1fr);
    }

    .dh-header-info>div{
        border-bottom:1px solid #e8e8e8;
    }

    .dh-main-navigation .navbar{
        display:block;
    }

    #dhMainNavigation{
        width:100%;
        padding-bottom:12px;
    }

    .dh-site-menu .nav-item,
    .dh-site-menu .nav-item>a{
        width:100%;
    }

    .dh-site-menu .nav-item>a{
        min-height:45px;
        padding:0 13px;
        border-bottom:1px solid #363d44;
    }

    .dh-client-portal{
        width:100%;
        padding-top:10px;
    }

    .dh-client-portal .dropdown,
    .dh-portal-button{
        width:100%;
    }
}

@media(max-width:575.98px){

    .dh-brand-area{
        padding:20px 0 13px;
    }

    .dh-site-logo img{
        max-width:210px;
        max-height:55px;
    }

    .dh-site-domain-search{
        display:none;
    }

    .dh-header-info{
        grid-template-columns:1fr 1fr;
        margin-top:5px;
    }

    .dh-header-info>div{
        font-size:12px;
        padding:8px 3px;
    }

    .dh-footer-bottom{
        padding:18px 0;
        display:block;
        text-align:center;
    }

    .dh-footer-bottom-links{
        margin-top:10px;
        justify-content:center;
    }
}