body{
	background: #f4f7fc;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
    color: #7f7f7f;
}

h3{
    font-size: 22px;
    font-weight: 700;
}

.navbar{
	background: #fff;
	box-shadow: rgba(0,0,0,0.03) 0 6px 0;
}

.dp-main-nav{
    position:fixed;
    left:0;
    top:83px;
    bottom:0;
    background:#fff;
    width:205px;
    box-shadow:rgba(0, 0, 0, 0.03) 7px 0 0;
    align-items: flex-start;
}

.dp-main-nav .navbar-nav{
    flex-direction:column;
}

.navbar .navbar-nav.dp-top-nav a.nav-link{
    background:#4691ff;
    border-radius:8px;
    color:#fff;
    font-weight:600;
    padding-left:25px;
    padding-right:25px;
}

.navbar .navbar-nav.dp-top-nav a.nav-link i{
    font-size:13px;
}

.navbar .navbar-nav.dp-top-nav .nav-item:not(:last-child){
    margin-right:15px;
}

.navbar .navbar-nav.dp-top-nav span.nav-link{
    color:#7f7f80;
    font-weight:600;
}

.dp-main-nav .navbar-nav{
    width:100%;
    padding-left:15px;
    padding-right:15px;
}

.dp-main-nav .navbar-nav .nav-item{
	margin-bottom: 2px;
}
.dp-main-nav .navbar-nav .nav-link{    
    font-weight:600;
    border-radius:10px;
    padding:15px 20px;
    transition:color 0.3s ease-in-out, background 0.3s ease-in-out;
    font-size: 14px;
}



.dp-main-nav .navbar-nav .active .nav-link,
.dp-main-nav .navbar-nav .nav-link:hover{
    background:#e0f1fa;
    color:#4691ff
}

.dp-main-nav .navbar-nav .nav-link{
    position:relative;
    padding-left:45px;
}

.dp-main-nav .navbar-nav .nav-link > i{
    position:absolute;
    left:15px;
    top:50%;
    transform:translate(0, -50%);
    
}

.dp-main-nav .navbar-nav .dp-btn-change-pwd,
.dp-main-nav .navbar-nav .dp-btn-logout{
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
}

.dp-main-nav .navbar-nav .dp-btn-change-pwd{
	bottom: 70px;
}
.dp-main-nav .navbar-nav .dp-btn-change-pwd .nav-link{
    padding:10px 15px;
    text-align:center;
    border-radius:30px;
    background: #99d9ea;
    color: #fff;
}

.dp-main-nav .navbar-nav .dp-btn-logout .nav-link{
    padding:10px 15px;
    text-align:center;
    border-radius:30px;
    background:#fff0f0;
    color:#ff4040;
}

.dp-main-nav .navbar-nav .dp-btn-logout .nav-link i{
    left:25px;
}



.dp-main-content{
	padding:115px 30px 30px 235px;
}

.dp-dashboard-box {
    border: none;
    box-shadow: rgb(0 0 0 / 3%) 0 0 30px;
    transition: all 0.3s ease-in-out;
}

.dp-dashboard-box:hover{
    transform: translate(0, -5px);
}

.dp-dashboard-box .card-body{
    padding:20px 30px;
}

.dp-card-icon-box{
    display:flex;
}

.dp-card-icon-content{
    flex:1;
    padding-left:20px;
    padding-top:12px;
}

.dp-card-icon-i i{
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    background:#e3fffb;
    border-radius:50%;
    color:#57dfce;
    font-size:24px;
}

.dp-dashboard-box .card-title{
     font-weight:bold;
}

.dp-dashboard-box .card-subtitle{
    opacity:0.6
}

i.dp-icon-box-yellow{
    background:#fdf7eb;
    color:#f0a608;
}

i.dp-icon-box-violet{
    background:#f4f0ff;
    color:#ae90ff;
}

.dp-common-sec{
    padding-top: 25px;
    padding-bottom: 25px;
}

.dp-common-sec:first-child{
    padding-top: 0;
}

input, select, textarea{
    box-shadow: none !important;
}

.btn-primary{
    background:#4691ff;
    border-color:#4691ff;
    border-radius: 10px;
}

.btn{
    border-radius: 10px;
}


.dp-lead-search-form{
    max-width: 700px;
}

.dp-lead-search-form .form-control,
.dp-lead-search-form .form-select{
    background:none;
    border:none;
    border-radius:0;
    border-bottom:1px solid rgba(0, 0, 0, 0.15);
}

.dp-lead-search-form  .btn{
    border-radius:10px !important;
}

.dp-lead-search-form .form-floating{
    padding-right:15px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background:#4691ff;
}

.dp-table-filter {
    padding-top:10px;
    padding-bottom:30px;
}

.nav-link{
    color:#333
}

.dp-table-filter .nav-pills .nav-link{
    font-size:14px;
    font-weight:600;
}

.btn.btn-light.dp-td-btn{
    display:block;
    background:#fff;
    font-weight:700
}
.dp-btn-table td{
    padding-left:3px;
    padding-right:3px;
}
.dp-btn-table td .dp-td-btn{
    border-radius:0;
    box-shadow:rgba(0, 0, 0, 0.05) 0 0 5px;
    padding:20px 10px;
    color: #7f7f7f;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.dp-btn-table td .dp-td-btn i{
    font-size: 30px;
    vertical-align: middle;
}

.dp-btn-table td:first-child .dp-td-btn{
    border-radius:8px 0 0 8px;
}

.dp-btn-table td:last-child .dp-td-btn{
    border-radius:0 8px 8px 0;
}

.btn.btn-light.dp-td-btn i{
    color:#b3d6f3;
}

.dp-btn-table th{
    color:#262780;
    text-align:center;
}
.dp-btn-table td .dropdown-menu{
    width:100%;
    border:none;
    box-shadow:rgba(0, 0, 0, 0.1) 0 10px 40px;
}

.dp-btn-table td .dropdown-menu .dropdown-item{
    font-weight:700;
        color: #7f7f7f;
        transition: all 0.3s ease-in-out;
}

.btn.btn-light.dp-td-btn.dp-status-new{
    color:#2bb2ec;
}

.btn.btn-light.dp-td-btn.dp-status-sold{
    color:#42cab9
}

.btn.btn-light.dp-td-btn.dp-status-cancelled{
    color:#f76b38
}

.dp-btn-table td .dropdown-menu .dropdown-item:focus,
.dp-btn-table td .dropdown-menu .dropdown-item:active{
    color:#fff;
    background:#4691ff;
}

.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-new{    
    color:#2bb2ec;
}

.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-new:focus,
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-new:hover,
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-new:active{
    background:#2bb2ec;
    color:#fff;
}

.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-sold{    
    color:#42cab9;
}
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-sold:focus,
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-sold:hover,
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-sold:active{
    background:#42cab9;
    color:#fff;
}

.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-cancelled{    
    color:#f76b38;
}

.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-cancelled:focus,
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-cancelled:hover,
.dp-btn-table td .dropdown-menu .dropdown-item.dp-status-cancelled:active{
    background:#f76b38;
    color:#fff;
}

.form-control, .form-select {
    font-weight:600;
    border-radius:0;
    border-color:#e6e6e6;
    padding:10px 20px;
}

.dp-logo-field {
    display:block;
    position:relative;    
    max-width:150px;
}

.dp-logo-field input{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}

.dp-logo-field > i{
    position:absolute;
    right:0;
    top:0;
    width:30px;
    height:30px;
    line-height:28px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:50%;
    color:#4691ff;
    font-size:12px;
}


.dp-form-box {
    border:none;
    box-shadow:rgba(0, 0, 0, 0.03) 0 5px 20px;
}
.dp-form-box  .card-header{
    background:none;
    border:none;
    font-weight:700;
    color:#5e2772;
}

.dp-lead-search-form .form-control, .dp-lead-search-form .form-select{
    padding-left:0;
    padding-right:0;
}
.dp-lead-search-form .form-floating>label{
    padding-left:0;
}

@media (max-width:991px){
    .dp-main-content{
        padding-left:30px;
    }

    .navbar-nav.dp-top-nav {
        flex-direction:row;
    }
    .navbar-collapse.dp-main-nav{
        overflow:hidden !important;
        height:100vh !important;
        display:block !important;
        transform:translate(-100%, 0);
        transition:all 0.3s ease-in-out;
    }

    .navbar-collapse.dp-main-nav.show{
        transform:translate(0, 0)
    }
    .dp-btn-table thead{
        display: none;
    }
    .dp-btn-table tr{
        display:flex;
        flex-wrap:wrap;
    }

    .dp-btn-table tr td{
        width:100%;
        padding:0;
    }

    .dp-btn-table tr{
        margin-top:20px;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 10px;
        background: rgba(255,255, 255, 0.05);
    }

    .dp-btn-table td:first-child .dp-td-btn {
        border-radius: 8px 8px 0 0px;
    }

    .dp-btn-table td:last-child .dp-td-btn {
        border-radius: 0 0 8px 8px;
    }
    .dp-btn-table .btn.btn-light.dp-td-btn{
        padding:10px;
        border-radius:6px;
    }
    .dp-btn-table td:before{
        content:attr(data-title);
        font-weight:bold;
        color:#7f7f7f;
        display:block;
        margin-bottom:10px;
        margin-top:15px;
    }
}

@media (max-width:767px){
    .navbar-nav.dp-top-nav {
        justify-content: center;
        flex: 1;
    }
    .dp-main-content{
        padding-top: 165px;
    }
    
}


.dp-lead-search-info{
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
}

.dp-lead-search-info-item{
    margin-right: 20px;
}

.dp-lead-search-info p{
    margin: 10px 0;
}

.dp-search-btns .btn{
    border-radius: 4px;
    padding: 3px 10px;
    font-weight: 700;
    margin: 5px;
}



/*=======================================
=            Home Quote form            =
=======================================*/

.dp-body-white{
    background: #fff;
}

.dp-steps-sec{
    padding-top:100px;
}

.dp-steps-sec .nav-tabs{
    justify-content:center;
}

.dp-steps-nav{
    border:none;
    padding-top:0;
    padding-bottom:30px;
}
.dp-steps-nav.nav-tabs li{
    flex:1;
    position:relative
}
.dp-steps-nav.nav-tabs .nav-link{
    border:none;
    font-size:0;
    padding:0;
    background:none;
    pointer-events: none;
}


.dp-steps-nav.nav-tabs .nav-link:before{
    content:'';
    display:block;
    width:20px;
    height:20px;    
    border:2px solid #358640;
    border-radius:50%;
    background:#fff;
}

.dp-steps-nav.nav-tabs .nav-link.active:before,
.dp-steps-nav.nav-tabs li.active .nav-link:before{
    background:#358640;
}

.dp-steps-nav.nav-tabs li:before{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:2px solid #358640;
    z-index:-1
}

.dp-steps-nav.nav-tabs li:last-child:before{
    display:none;
}

.dp-step-nav-info{
    color:#358640;
    font-size:14px;
    padding-top:40px;
}
.dp-steps-tab-content{
    padding-top: 30px;
}
.dp-steps-tab-content h2{
    font-weight:800;
    max-width:600px;
    margin:0 auto 30px;
    color:#3a4457;
    text-align: center;
}

.dp-step-form-width-400{
    max-width: 400px;
    margin:0 auto;
}
.dp-step-form-width-600{
    max-width: 600px;
    margin:0 auto;
}
.dp-step-form-width-800{
    max-width: 800px;
    margin:0 auto;
}
.dp-step-form-width-500{
    max-width: 500px;
    margin:0 auto;
}

.form-group{
    margin-bottom: 30px;
}

.dp-steps-footer-note{
    text-align: center;
    padding: 100px 20px;
}

.dp-step-video-embed{
    margin-bottom: 40px;
}

.dp-form-check .form-check-label{
    background:#f7f7f7;
    display: block;
    padding:15px 30px 15px 50px;
    border-radius:6px;
    font-weight:bold;
}

.dp-form-check {
    position:relative;
    padding:0;
}

.dp-form-check .form-check-input{
    position:absolute;
    left:15px;
    top:20px;
    margin:0;
}
.dp-form-check .form-check-input:checked{
    background-color:#4691ff;
    border-color:#4691ff;
}

.dp-step-grey-form-group{
    background:#f7f7f7;
    border-radius:6px;
    padding:20px;
}

.dp-step-grey-form-group .form-group{
    margin:0;
}

.dp-step-grey-form-group .form-control{
    border:none;
    background:none;
}

.dp-step-grey-form-group{
    margin-bottom: 10px;
}

.dp-step-grey-form-group + .row{
    margin-top:50px;
}

.dp-invert-checkboxes .dp-form-checkbox{
    padding:0;
    text-align:center;
    margin-bottom: 15px;
}

.dp-invert-checkboxes .form-check .form-check-input{
    float:none;
    width: 30px;
    height: 30px;
    margin:0;
}

.dp-invert-checkboxes .form-check-label{
    display:block;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:10px;
}

.dp-invert-checkboxes{
    padding-bottom: 40px;
}

.form-check-input:checked {
    background-color: #4691ff;
    border-color: #4691ff;
}
.dp-form-check-img {
    display:block;
}

.input-group-text{
    background:#fff;
}
.input-group-text i:first-child{
    margin-right:10px;
}

.dp-steps-tab-content .btn.btn-primary{
    font-weight:bold;
    text-transform:uppercase
}
.dp-step-last-screen h2{
    font-size: calc(2rem + .9vw);
}
/*=====  End of Home Quote form  ======*/




.dp-invert-checkboxes .dp-form-checkbox-1 .form-check-label {
    font-size:22px;
    text-transform: none;
}

.dp-invert-checkboxes .dp-form-checkbox-1 .dp-form-check-img{
    margin-bottom: 15px;
}

.dp-steps-inner-steps-box{
    border-radius:10px;
    background:#fff;
    box-shadow:rgba(0, 0, 0, 0.1) 0 5px 20px;
    padding:20px;
    max-width:500px;
    margin:0 auto;
}

.dp-steps-nav-1{
    border:none;
    display:flex;
}
.dp-steps-nav-1 .nav-item{
    flex:1;
}
.dp-steps-nav-1 .nav-item .nav-link{
    border:none;
    font-size:0;
    position:relative
}

.dp-steps-nav-1 .nav-item .nav-link:before{
    content:'';
    display:block;
    position:absolute;
    height:10px;
    background:#eee;
    left:0;
    right:0;
}

.dp-steps-nav-1 .nav-item .nav-link.active:before,
.dp-steps-nav-1 .nav-item.active .nav-link:before{
    background: #4691ff;
}

.dp-steps-inner-steps-box .form-check-label{
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:20px;
}

.dp-steps-nav-1 .nav-item:first-child .nav-link:before{
    border-radius: 10px 0 0 10px;
}
.dp-steps-nav-1 .nav-item:last-child .nav-link:before{
    border-radius: 0 10px 10px 0;
}
.dp-steps-inner-btn-add{
    display: none;
}
.dp-last-step .dp-steps-inner-btn-add{
    display: inline-block;
}

.dp-last-step .dp-steps-next-inner-btn{
    display: none;
}

.dp-add-car-list .list-group-item{
    border-radius:10px;
    margin-bottom:20px;
    border:none;
    background:#fff;
    box-shadow:rgba(0, 0, 0, 0.07) 0 2px 15px;
    padding:20px;
    color:#333;    
    transition:all 0.3s ease-in-out;
}


.dp-add-car-list .list-group-item .dp-add-car-list-img{
    width:85px;
    display:inline-block;
    text-align:center;
    margin-right:15px;
}

.dp-add-car-list .list-group-item i{
    margin:0 10px;
}

.dp-add-car-list .list-group-item:hover{
    box-shadow:rgba(0, 0, 0, 0.1) 0 2px 25px;
}

.dp-steps-tab-content h2 + p{
    margin-bottom:50px;
}

.input-danger{
    border: 1px solid red;
}