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

/*-------Login CSS START---------*/

body {
    font-family: 'Roboto', sans-serif !important;
}

body.theme-purple {
    background: #E5E5E5;
}

.theme-purple .page-loader-wrapper,
.theme-purple .active-bg {
    background: #1A134B;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body.theme-purple.login {
    background: #E5E5E5;
    font-family: 'Roboto', sans-serif;
}

.authentication .card-plain {
    max-width: 400px;
    padding: 40px;
}

.authentication .card-plain .header h1 {
    color: #404243;
    font-size: 2.25rem;
}

.authentication .container>.content-center {
    padding-top: 80px;
}

.authentication .container>.content-center .logo {
    margin-bottom: 70px;
}

.authentication::before {
    height: 289px;
    background: linear-gradient(90deg, #1A134B 0%, #2C296A 100%);
}

.authentication .card-plain form.form .input-group {
    margin-bottom: 20px;
    height: 49px;
}

.authentication .card-plain form.form .input-group .form-control {
    background: #F9F9F9;
    border: 1px solid #ECECEC;
    border-right: 0;
}

.authentication .card-plain form.form .input-group .form-control:focus~span.input-group-addon {
    border-color: #ECECEC;
}

.authentication .card-plain form.form .input-group span.input-group-addon {
    background: #F9F9F9;
    line-height: 29px;
    /* border: 1px solid #ECECEC; */
}

.authentication .card-plain .footer a.btn.btn-primary {
    padding: 15px 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.theme-purple .btn-primary.btn-simple {
    border-color: #D6D8D4;
    color: #404243;
}

.theme-purple .btn-primary.btn-simple:hover {
    background-color: #2C296A;
    color: #fff;
}

.authentication .card-plain .footer a.btn.btn-primary.btn-round.btn-block.login_btn {
    background: #2C296A;
    border: 1px #2C296A solid;
}

.authentication .card-plain .footer a.btn.btn-primary.btn-round.btn-block.login_btn:hover {
    background: transparent;
    color: #2C296A;
    border-color: #2C296A;
}

.authentication .card-plain a.link {
    color: #8CC37A;
}


/*-------Login CSS End---------*/


/*---------------Home Page CSS START-----------------*/

.overlay {
    z-index: 10;
}

.navbar-nav .profile img {
    border: 0;
}

.navbar-logo {
    height: 63px;
    line-height: 6;
}

section.content {
    margin-top: 100px;
}

section.content.homepage_graph {
    z-index: 20;
}

.top_navbar {
    background: linear-gradient(90deg, #1A134B 0%, #2C296A 100%);
    border-color: #1A134B;
    z-index: 30;
}

.top_navbar img.small-logo {
    max-width: 40px;
}

.navbar-nav>li>a {
    color: #fff;
}

.sidebar.h_menu .menu li>a {
    color: #ABA7D0;
}

.sidebar .menu .list a {
    padding: 16px 10px;
}

.sidebar .menu .list li.active a svg path {
    fill: #2C296A;
}


/* .sidebar .menu .list li.active.open a svg path {
    fill: #2C296A;
} */

.sidebar .menu .list li.active a {
    color: #2C296A;
}

.sidebar.h_menu {
    width: auto;
    background: transparent;
    position: absolute;
    top: 10px;
    left: 18%;
}

.theme-purple .sidebar.h_menu .menu li.active>a {
    color: #fff;
}

.theme-purple .sidebar .menu .list a:hover svg path,
.theme-purple .sidebar.h_menu .menu li.active>a svg path {
    fill: #fff;
}

.sidebar.h_menu .menu li .ml-menu li a:hover {
    color: #1A134B;
}

.sidebar.h_menu .menu li>a:before {
    top: auto !important;
    bottom: 0;
}

.theme-purple .sidebar .menu .list a:hover {
    color: #fff;
}

.theme-purple .sidebar.h_menu .menu li a:hover:before {
    background: #fff;
}

.theme-purple .sidebar.h_menu .menu li.active>a:before {
    background: #fff;
    width: 100%;
}

section.content::before {
    display: none;
}

section.content.homepage_graph .card {
    /* min-height: 320px; */
    overflow: hidden;
    position: relative;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);
}

section.content.homepage_graph .card .header h2::before {
    display: none;
}

section.content.homepage_graph .card .header h2 {
    font-size: 18px;
    color: #404243;
}

section.content.homepage_graph .card .header p.mb-0 {
    font-size: 24px;
    color: #404243;
    font-weight: 500;
}

section.content.homepage_graph .card .form-group button.btn.dropdown-toggle.btn-round.btn-simple {
    background-color: #ECECEC;
    color: #404243;
    border: 0;
    padding: 10px 35px 10px 20px;
}

section.content.homepage_graph .card body {
    height: 100%;
}

.dropdown-toggle::after {
    background-image: url('../images/arrow-down.svg');
    background-repeat: no-repeat;
    width: 14px;
    height: 10px;
    position: absolute;
    border: 0 !important;
    top: 14px;
    right: 10px;
}

.theme-purple .card .header .dropdown-menu li a:hover {
    background-color: #2c296a;
    color: #fff;
}

.bootstrap-select .dropdown-menu li.selected a {
    background-color: #2c296a !important;
    color: #fff !important;
}

section.content.homepage_graph .card.active_customer h2 .daily.active {
    color: #2C296A;
    font-weight: 700;
    cursor: pointer;
}

.card.active_customer h2 .daily {
    color: #7A7A7A;
    font-weight: 500;
    display: inline-block;
    margin-left: 39px;
    cursor: pointer;
}

.partner_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.partner_inner .partner_total {
    margin-bottom: 32px;
}

.body.partner_count {
    background: #F9F9F9;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);
    border-radius: 0px 0px 6px 6px;
}

.body.partner_count .partner_total p {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    color: #7A7A7A;
}

.body.partner_count .partner_total span {
    font-size: 30px;
    font-weight: bold;
}

ul.list-inline.partner_service {
    display: flex;
    margin-bottom: 0;
}

ul.list-inline.partner_service li {
    font-size: 14px;
    background: linear-gradient( 90deg, #1A134B 0%, #2C296A 100%);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #8CC37A;
}

ul.list-inline.partner_service li:nth-child(2) {
    background: #8CC37A;
    margin-left: -14px;
}

ul.list-inline.partner_service li:nth-child(3) {
    background: #BC3D7E;
    margin-left: -14px;
}

ul.list-inline.partner_service li:nth-child(4) {
    background: #EBC973;
    margin-left: -14px;
}

ul.list-inline.partner_service li:nth-child(5) {
    background: #fff;
    margin-left: -14px;
}

ul.list-inline.partner_service li:last-child {
    background: #cccccc;
    color: #ffffff;
    margin-left: -14px;
}

.customer_center {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 8px 20px;
    background: #F9F9F9;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);
    border: 1px solid #D6D8D4;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.customer_center .service_center {
    display: flex;
    cursor: pointer;
}

.customer_center .service_center .mit_service {
    margin-left: 10px;
}

.customer_center .service_center .mit_service p {
    font-size: 12px;
    margin-bottom: 4px;
}

.customer_center .service_center .mit_service span.percentage {
    font-size: 14px;
    font-weight: 700;
    color: #404243;
}

.customer_center .service_center span.circle_center {
    width: 12px;
    height: 12px;
    background: #EBC973;
    display: inline-block;
    border-radius: 50%;
    margin-top: 4px;
}

.customer_center .service_center span.circle_center2 {
    background: #BC3D7E;
}

.customer_center .service_center span.circle_center3 {
    background: #2C296A;
}


/*-------------Customers Page START-------------*/

section.content.customer-wrapper {
    padding-bottom: 30px;
    /* z-index: 99; */
}

.customer-wrapper .table-responsive.customer-table {
    background: #fff;
    border-radius: 6px;
    padding: 0 0 20px
}

.customer-wrapper .add_customer_btn {
    background: #8CC37A;
    border: 2px solid #8CC37A;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 14px;
    margin: 0;
}

.customer-wrapper .add_customer_btn:hover {
    background: #fff;
    color: #8CC37A;
}

.customer-wrapper .add_customer_btn:hover svg path {
    fill: #8CC37A;
}

.customer-wrapper .add_customer_btn span {
    display: inline-block;
    vertical-align: revert;
}

.customer-wrapper .filter a.js-right-sidebar {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 50px;
    color: #1A1919;
    height: 49px;
}

.bottom_pagination .pagination .page-item.previous .page-link {
    background: transparent !important;
}

.bottom_pagination .pagination .page-item.next .page-link,
.bottom_pagination .pagination .page-item.previous .page-link {
    width: 24px;
    height: 24px;
    background: #2C296A;
    border: 1px #D6D8D4 solid;
    border-radius: 50% !important;
    padding: 0 !important;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.bottom_pagination .pagination .page-item.next .page-link {
    border-color: #2C296A;
}

.table-count {
    color: #B6B8B4;
    font-size: 14px;
}

.bottom_pagination .pagination .page-item.active .page-link {
    font-weight: 600;
    background: transparent;
    color: #333;
    box-shadow: none;
}

.bottom_pagination .pagination .page-item .page-link:hover {
    background: #2C296A;
    color: #fff;
    box-shadow: none;
}

.bottom_pagination .pagination .page-item .page-link {
    margin: 0 6px;
    width: 24px;
    height: 24px;
    background: transparent;
    border: 0;
    border-radius: 50% !important;
    padding: 0 !important;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.customer-wrapper .table-responsive.customer-table tr.even:hover,
.customer-wrapper .table-responsive.customer-table tr.odd:hover {
    background: #F9F9F9 !important;
    cursor: pointer;
}

.right-sidebar {
    width: 350px;
    right: -360px;
    z-index: 999999 !important;
}

.slimScrollDiv {
    height: 100% !important;
}

.slimScrollDiv .slim_scroll.pt-0 {
    height: 100% !important;
}

.bottom-button {
    position: relative;
    bottom: -30px;
}

.bottom-button button.btn.btn-primary.btn-round.waves-effect {
    border: 2px solid #2C296A;
    background: #2C296A;
    padding: 12px 35px;
    font-size: 14px;
}

.bottom-button button.btn.btn-primary.btn-round.waves-effect.clear_btn {
    /* border: 1px solid #D6D8D4; */
    background: transparent;
    color: #404243;
    ;
}

.bottom-button button.btn.btn-primary.btn-round.waves-effect:hover {
    border: 1px solid #D6D8D4;
    ;
    background: transparent;
    color: #404243;
    box-shadow: none;
}

.bottom-button button.btn.btn-primary.btn-round.waves-effect.clear_btn:hover {
    border: 1px solid #2C296A;
    background: #2C296A;
    color: #fff;
    box-shadow: none;
}

.customer-wrapper .filter a {
    color: #1A1919;
    display: inline-block;
    font-weight: 400;
}

section.customer-wrapper .form-group input.form-contorl {
    height: 49px;
    width: 300px;
    border: 0;
    padding: 0 20px;
    border-radius: 50px;
    font-size: 14px;
}

::placeholder {
    color: #7A7A7A;
    opacity: 1;
    /* Firefox */
}

 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7A7A7A;
}

 ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7A7A7A;
}

section.customer-wrapper .form-group button.btn.btn-default.search_btn {
    position: absolute;
    background: transparent;
    right: 0;
    border-radius: 50px;
    height: 49px;
    margin: 0;
    bottom: 0;
}

section.customer-wrapper .form-group button.btn.btn-default.search_btn:hover {
    box-shadow: none;
}

.customer-wrapper .table-responsive.customer-table .dataTables_length,
.customer-wrapper .table-responsive.customer-table .dataTables_filter {
    display: none;
}

.customer-wrapper .table-responsive.customer-table .table tr.odd {
    background: transparent;
}

.customer-wrapper .table-responsive.customer-table .table td,
.customer-wrapper .table-responsive.customer-table .table th {
    border: 0;
    border-bottom: 1px solid #ECECEC;
    font-size: 12px;
    margin: -3px !important;
    width: auto !important;
    cursor: pointer;
    padding: 18px 20px;
}

.customer-wrapper .table-responsive.customer-table .table td a {
    color: #1A1919;
}

.customer-wrapper .table-responsive.customer-table .table th {
    color: #7A7A7A;
    font-weight: 700;
    background: #f9f9f9;
    font-size: 12px;
}

.sorting_desc::after,
.sorting_desc::before,
.sorting::before,
.sorting::after,
.sorting_asc::after,
.sorting_asc::before {
    display: none !important;
}

section.customer-wrapper .checkbox label::before {
    width: 18px;
    height: 18px;
    top: -12px;
}

section.customer-wrapper .checkbox label::after {
    top: -12px !important;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkbox input[type="checkbox"]:checked+label::after {
    background-color: #2C296A;
    border-color: #2C296A;
}

.customer-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(140, 195, 122, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-purple .checkbox input[type="checkbox"]:checked+label::after {
    border-color: #8cc37a;
    background: #8cc37a;
    color: #fff;
}

.custom_checked.checkbox input[type="checkbox"]:checked+label::after {
    background: #8CC37A;
}

.right-sidebar h6 {
    border: 0 !important;
}

.filter_heading {
    padding: 16px 20px 16px;
    background: #F9F9F9;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.filter_heading span.close:focus .right-sidebar {
    right: -360px;
}

.filter_heading span.close {
    background: #7A7A7A;
    color: #FFFFFF;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.filter_bar .checkbox label::before {
    border: 1px solid #D6D8D4;
}

.filter_bar .checkbox label::before,
.filter_bar .checkbox label::after {
    width: 18px;
    height: 18px;
    top: 6px;
}

.filter_bar .checkbox input[type="checkbox"]:checked+label::after {
    border-color: #8CC37A;
    ;
    background: #8CC37A;
    ;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*-----------------Add Customer Page START---------------------*/

.customer_topbar .right h3 {
    font-size: 18px;
}

.add-customer-wrapper .card.genreal_card {
    height: calc(100vh - 220px);
}

section.content.add-customer-wrapper .body {
    padding: 40px;
}

.add-customer-wrapper .card.genreal_card button.btn.dropdown-toggle.btn-round.btn-simple {
    background: #F9F9F9;
    color: #7A7A7A;
    border: 1px solid #ECECEC;
    font-size: 14px;
    height: 49px;
}

.add-customer-wrapper .card.genreal_card label {
    color: #1A1919;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 400;
}

.add-customer-wrapper .card.genreal_card .form-group input.form-control {
    background: #F9F9F9;
    color: #7A7A7A;
    border: 1px solid #ECECEC;
    font-size: 14px;
    height: 49px;
}

.add-customer-wrapper .card.genreal_card .form-group ::placeholder {
    color: #7A7A7A;
    opacity: 1;
    /* Firefox */
}

.add-customer-wrapper .card.genreal_card .form-group :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7A7A7A;
}

.add-customer-wrapper .card.genreal_card .form-group ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7A7A7A;
}

.add-customer-wrapper .customer_topbar ul li {
    font-size: 12px;
}

.add-customer-wrapper .customer_topbar ul li a {
    color: #7A7A7A;
}

.add-customer-wrapper .customer_topbar ul li.active {
    color: #404243;
    font-weight: 400;
}

.add-customer-wrapper .right_side_button button.btn.btn-primary {
    width: 124px;
    background: #fff;
    color: #000;
    text-transform: capitalize;
    border-radius: 50px;
    font-size: 14px;
    padding: 0 25px;
    border: 1px solid #D6D8D4;
    height: 48px;
    line-height: 45px;
}

.add-customer-wrapper .view_customer_button button.btn.btn-primary {
    width: auto;
}

.add-customer-wrapper .right_side_button button.btn.btn-primary:hover {
    background: #8CC37A;
    color: #fff;
    border: 1px solid #8CC37A;
}

.add-customer-wrapper .right_side_button button.btn.btn-primary:not(:last-child) {
    margin-right: 10px;
}

.add-customer-wrapper .right_side_button button.btn.btn-primary.save_btn {
    background: #8CC37A;
    color: #fff;
    border-color: #8CC37A;
}

.add-customer-wrapper .right_side_button button.btn.btn-primary.save_btn:hover {
    background: #fff;
    color: #404243;
    border-color: #8CC37A;
}


/*--------------Customer Detail Page CSS START--------------*/

.customer_email {
    color: #7A7A7A;
    font-size: 14px;
    position: relative;
}

section.content.customer-wrapper .customer_information.card::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1px;
    background: #D6D8D4;
    opacity: 0.5;
    height: 110px;
    left: 40%;
    top: auto;
    bottom: -65px;
}

section.content.customer-wrapper .customer_information.card::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1px;
    background: #D6D8D4;
    opacity: 0.5;
    height: 100px;
    right: 36%;
    top: auto;
    bottom: 0;
}


/* .customer_email::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1px;
    background: #eee;
    height: 60px;
    right: 20px;
    top: 0;
} */

.customer_information .body::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50px;
    background: #8cc37a;
}

.location-email:after {
    display: none;
}

.customer_topbar .detail_tab .nav-tabs .nav-link {
    background: #fff;
    border: 1px solid #D6D8D4;
    color: #B6B8B4;
}

.customer_information {
    position: relative;
}

.customer_information .body {
    padding: 25px 0 25px 45px;
    z-index: 99;
}


/* .customer_information .body::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 50px;
    background: #8cc37a;
} */

.customer_information::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 40px;
    background-color: #8CC37A;
    border-radius: 30px;
}

.customer_topbar .detail_tab .nav-tabs .nav-link.active,
.customer_topbar .detail_tab .nav-tabs .nav-link:hover {
    background: #2C296A;
    border-color: #2C296A !important;
    color: #fff;
}

.customer_email span {
    display: block;
    color: #404243;
    font-size: 16px;
    /* white-space: nowrap; */
}

.vehicle-box .nav-tabs .nav-link span.black {
    color: #000;
    font-weight: 700;
}

.vehicle-box .nav-tabs .nav-link .mileage-text {
    margin-top: 20px;
}

.vehicle-box .nav-tabs .nav-link .mileage-text p {
    font-size: 14px;
    font-weight: 700;
}

.vehicle-box .nav-tabs .nav-link .mileage-text span {
    font-size: 12px;
    color: #7A7A7A
}

.table-responsive.vehicle_history {
    background: #fff;
}

.vehicles_heading {
    font-size: 18px;
    font-weight: 400;
}

.reset-modal .modal-content .modal-body button.close {
    position: absolute;
    top: 10px;
    right: 20px;
}

.reset-modal .modal-content .modal-body {
    position: relative;
}

.modal-open .modal.reset-modal {
    background: rgba(0, 0, 0, 0.4);
}

.reset-modal .modal-content .modal-body h4.title {
    color: #2c296a;
}

.reset-modal .modal-content .modal-body input.form-control {
    height: 47px;
}

.reset-modal .modal-content .modal-body button.btn.btn-primary.btn-round.waves-effect {
    background: #2c296a;
    padding: 12px 40px;
    font-size: 14px;
    margin: 0 auto;
    width: 120px;
}

.vehicle-box .nav-tabs {
    background: #F9F9F9;
    padding: 0;
    margin-top: 25px;
    border-bottom: 1px #ECECEC solid;
}

.vehicle-box .nav-tabs .nav-link {
    position: relative;
    margin: 0 !important;
    border: 0;
    color: #1A1919;
    padding: 16px 55px 16px 25px;
}

.vehicle-box .nav-tabs .nav-link::after {
    background-image: url('../../images/arrow-down.svg');
    background-repeat: no-repeat;
    width: 12px;
    height: 10px;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 25px;
    right: 30px;
    content: '';
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.vehicle-box .nav-tabs .nav-link.active::after {
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.vehicle-box .nav-tabs .nav-link:hover,
.vehicle-box .nav-tabs .nav-link:focus {
    border: 0 !important;
}

.vehicle-box .nav-tabs .nav-link.active {
    background: #fff;
    color: #7a7a7a;
    border: 0 !important;
}


/* .vehicle-box .owl-item.active {
    width: 290px !important;
} */

.table-responsive.vehicle_history .table thead tr th,
.table-responsive.vehicle_history .table tbody tr td {
    font-size: 12px !important;
    padding: 20px 30px;
}

.table-responsive.vehicle_history .table thead tr th {
    background: #f9f9f9;
    border: 0;
    border-bottom: 1px #ECECEC solid;
    color: #7A7A7A;
}

.table-responsive.vehicle_history .table tbody tr td {
    border: 0;
    border-bottom: 1px #ECECEC solid;
}


/*-------------Partners page Style START-------------*/

.partner-modal.reset-modal .modal-content .modal-body button.btn.btn-primary.btn-round.waves-effect {
    background: #2C296A;
}

.card .partner-service .body {
    padding: 22px 45px 22px 30px;
    position: relative;
    border-radius: 6px;
}

.card .partner-service .body .service-circle {
    width: 68px;
    height: 68px;
    /* background: linear-gradient( 90deg, #1A134B 0%, #2C296A 100%); */
    box-shadow: 0px 4px 4px rgb(0 0 0 / 12%);
    border-radius: 50%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card .partner-service .body .service-circle img {
    border-radius: 50%;
}

.card .partner-service .body .service-text {
    font-size: 20px;
}

.card .partner-service .body .service-text p {
    position: relative;
    padding-left: 15px;
    color: #7A7A7A;
    font-size: 12px;
    margin: 0;
    font-weight: 400;
}

.card .partner-service .body .service-text span {
    position: absolute;
    left: 0;
}

.service-arrow {
    position: absolute;
    right: 28px;
}

.reset-modal .modal-content .modal-body {
    position: relative;
    padding: 47px 66px;
}

.reset-modal .modal-content .modal-body .add_partner .partner_check {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    background: #8CC37A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reset-modal .modal-content .modal-body .add_partner h5 {
    font-size: 20px;
    color: #404243;
    margin: 0 0 20px;
}

.reset-modal .modal-content .modal-body .add_partner p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 36px;
}


/*-------------Partners Detail page Style START-------------*/

section.content.add-customer-wrapper.partner-wrapper .card.genreal_card {
    height: 100%;
}

section.content.add-customer-wrapper.partner-wrapper .card.genreal_card .form-group textarea.form-control, textarea.form-control {
    background: transparent;
    border: 1px solid #ECECEC;
    border: 1px #eee solid;
    font-size: 14px;
    color: #7A7A7A;
    border-radius: 30px;
}

section.content.add-customer-wrapper.partner-wrapper .card.genreal_card .card {
    box-shadow: none;
}

section.content.add-customer-wrapper.partner-wrapper .card.genreal_card button.btn.dropdown-toggle.bs-placeholder.btn-round.btn-simple {
    background: transparent;
}

.add-customer-wrapper .card.genreal_card .dropdown-toggle::after {
    top: 20px;
    background-color: #fff;
}

.partner-wrapper .card.genreal_card .address {
    font-size: 18px;
    margin: 20px 0 30px;
    font-weight: 400;
    color: #404243;
}

.partner-wrapper .card.genreal_card .custom-file-label::after {
    content: url('../images/upload-icon.svg');
    background: transparent;
    border: 0;
    height: 49px;
    line-height: 40px;
    right: 8px;
}

.partner-wrapper .card.genreal_card .custom-file-label input {
    height: 49px;
}

section.content.add-customer-wrapper.partner-wrapper .card.genreal_card .custom-file input.custom-file-input {
    height: 49px;
    padding: 10px 20px;
}

section.content.add-customer-wrapper.partner-wrapper .card.genreal_card .custom-file label.custom-file-label {
    height: 49px;
    line-height: 30px;
    background: #F9F9F9;
    border-radius: 50px;
    color: #7A7A7A;
    font-size: 14px;
    padding: 10px 20px;
}


/*------------partner-detail-wrapper Css Start---------------*/

.partner-detail-wrapper .customer_information.card {
    background: #F9F9F9;
    border-radius: 6px 6px 0 0;
    position: relative;
}

.partner-detail-wrapper .customer_information.card::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1px;
    background: #D6D8D4;
    opacity: 0.5;
    height: 100px;
    right: 35%;
    top: auto;
    bottom: 0;
}

.partner-detail-wrapper .customer_information.card::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 1px;
    background: #D6D8D4;
    opacity: 0.5;
    height: 110px;
    left: 31%;
    top: auto;
    bottom: -65px;
}

.partner-detail-wrapper .mtiservices-circle {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 20px;
    /* background: linear-gradient( 90deg, #1A134B 0%, #2C296A 100%); */
    border: 6px #fff solid;
}

.partner-detail-wrapper .mtiservices-circle img {
    border-radius: 50%;
}

.add_customer-button.right_side_button a.btn.add_customer_btn {
    background: #8CC37A;
    border: 2px solid #8CC37A;
    box-sizing: border-box;
    border-radius: 30px;
    height: 48px;
    line-height: 43px;
    padding: 0 17px;
}

.partner-detail-edit-wrapper .add_customer-button.right_side_button a.btn {
    padding: 0 40px;
    font-size: 14px;
}

.add_customer-button.right_side_button a.btn.add_customer_btn:hover {
    background: #fff;
    color: #404243;
    border: 2px solid #8CC37A;
}

.add_customer-button.right_side_button a.btn.add_customer_btn:hover svg path {
    fill: #404243;
}

.partner-contact.card {
    padding: 50px 140px;
}

.partner-detail-wrapper .partner-contact.card {
    border-radius: 0 0 6px 6px;
}

.partner-detail-wrapper .partner-contact.card .inner-contact {
    font-size: 14px;
    color: #7A7A7A;
}

.partner-detail-wrapper .partner-contact.card .description {
    font-size: 14px;
    color: #7a7a7a;
}

.partner-detail-wrapper .partner-contact.card .description p {
    color: #404243;
}

.partner-detail-wrapper .partner-contact.card .inner-contact span {
    font-size: 20px;
    line-height: 26px;
    margin-top: 2px;
    display: inline-block;
    color: #404243;
    font-weight: 400;
}

.add_customer-button.right_side_button a.btn.btn-primary {
    width: auto;
}

section.content.add-customer-wrapper.partner-detail-edit-wrapper .address-heading {
    font-size: 18px;
    color: #404243;
    font-weight: 400;
}

section.content.add-customer-wrapper.partner-detail-edit-wrapper input.form-control,
section.content.add-customer-wrapper.partner-detail-edit-wrapper button.btn.dropdown-toggle.btn-round.btn-simple {
    height: 49px;
    font-size: 14px;
}

section.content.add-customer-wrapper.partner-detail-edit-wrapper button.btn.dropdown-toggle.btn-round.btn-simple::after {
    top: 20px;
}

section.content.add-customer-wrapper.partner-detail-edit-wrapper button.btn.dropdown-toggle.btn-round.btn-simple:focus,
section.content.add-customer-wrapper.partner-detail-edit-wrapper button.btn.dropdown-toggle.btn-round.btn-simple:hover,
section.content.add-customer-wrapper.partner-detail-edit-wrapper .show>button.btn.dropdown-toggle.btn-round.btn-simple:active {
    background: #2c296a;
    color: #fff;
}

.avatar-upload {
    position: relative;
    max-width: 130px;
    margin: 50px 0;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 2px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-preview {
    width: 112px;
    height: 112px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #f4f7f6;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/*-------------Notification Style START-------------*/

.notification-wrapper .nav-tabs .nav-link {
    background: #FFFFFF;
    border: 1px solid #D6D8D4;
    color: #B6B8B4;
    padding: 8px 16px;
    font-size: 12px;
}

.notification-wrapper .nav-tabs .nav-item:not(:last-child) .nav-link {
    margin-right: 10px;
}

.notification-wrapper .nav-tabs .nav-link:hover {
    background: #2C296A;
    border: 1px solid #2C296A;
    color: #fff;
}

.notification-wrapper .nav-tabs .nav-link.active {
    background: #2C296A;
    border: 2px solid #2C296A;
}

.right-side-form .form-group {
    width: 339px;
    height: 49px;
    margin-right: 20px;
}

.right-side-form .form-group input.form-control {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 14px;
}

.right-side-form button.btn.btn-primary {
    background: #8CC37A;
    border: 2px solid #8CC37A;
    box-sizing: border-box;
    border-radius: 30px;
    margin: 0;
    font-size: 14px;
    padding: 15px 35px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.right-side-form button.btn.btn-primary:hover {
    background: #fff;
    box-shadow: none;
    border-color: #fff;
    color: #8CC37A;
}

.system-box.card {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 25px;
}

.system-content {
    color: #1A1919;
    font-size: 20px;
    font-weight: 400;
}

.system-content span {
    display: block;
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 400;
}

.system-box .circle-icon {
    background: #BC3D7E;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#myTabContent .col-lg-4:nth-child(2n) .system-box .circle-icon {
    background: #ABA7D0;
}

#myTabContent .col-lg-4:nth-child(3n) .system-box .circle-icon {
    background: #EBC973
}

#myTabContent .col-lg-4:nth-child(4n) .system-box .circle-icon {
    background: #8CC37A;
}

#myTabContent .col-lg-4:nth-child(5n) .system-box .circle-icon {
    background: #2C296A;
}

.system-box.card span.right-arrow {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}


/*-------------notification-wrapper Style START-------------*/

section.content.add-customer-wrapper.notification-wrapper .card .body {
    padding: 40px;
}

.toggle-switch span.switch-text {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #404243;
}

section.content.add-customer-wrapper.notification-wrapper p.form-heading {
    color: #1A1919;
    font-weight: 400;
}

.switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 23px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: -3px 0px 7px rgba(0, 0, 0, 0.25);
}

input:checked+.slider {
    background-color: #8CC37A;
}

input:focus+.slider {
    box-shadow: none;
}

input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

section.content.add-customer-wrapper.notification-wrapper.form-group input.form-control {
    color: #1A1919;
}

section.content.add-customer-wrapper.notification-wrapper .form-group input.form-control {
    color: #1A1919;
    background: #fff;
    height: 49px;
    border: 1px solid #ECECEC;
    font-size: 14px;
}

section.content.add-customer-wrapper.notification-wrapper .form-group .form-control[readonly] {
    background: #F9F9F9;
}

section.content.add-customer-wrapper.notification-wrapper .form-group ::-webkit-input-placeholder {
    /* Edge */
    color: #1A1919;
}

section.content.add-customer-wrapper.notification-wrapper .form-group :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #1A1919;
}

section.content.add-customer-wrapper.notification-wrapper .form-group ::placeholder {
    color: #1A1919;
}

section.content.add-customer-wrapper.notification-wrapper .form-group.disable ::-webkit-input-placeholder {
    /* Edge */
    color: #7A7A7A;
    ;
}

section.content.add-customer-wrapper.notification-wrapper .form-group.disable :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7A7A7A;
}

content.add-customer-wrapper.notification-wrapper .form-group.disable ::-webkit-input-placeholder ::placeholder {
    color: #7A7A7A;
}

content.add-customer-wrapper.notification-wrapper .form-group.message-form ::placeholder {
    color: #7A7A7A;
}

content.add-customer-wrapper.notification-wrapper .form-group.message-form ::-webkit-input-placeholder {
    /* Edge */
    color: #7A7A7A;
    ;
}

content.add-customer-wrapper.notification-wrapper .form-group.message-form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7A7A7A;
}

.customer-wrapper .table-responsive.customer-table .table tr td ul {
    padding-left: 0;
}

.customer-wrapper .table-responsive.customer-table .table tr td ul li {
    list-style: none;
}

.customer-wrapper .table-responsive.customer-table .table tr td ul li a.dropdown-toggle {
    color: #9e9e9e;
}


/*-------------manage-wrapper Style START-------------*/

.manage-wrapper span.faq-heading {
    color: #404243;
    font-size: 18px;
    font-weight: 500;
}

.card.terms-section .body {
    padding: 40px;
}

.faq-modal .form-buttons {
    display: flex;
    flex-wrap: wrap;
}

.faq-modal .form-buttons button.btn.btn-primary.btn-round {
    flex: 1;
    margin: 10px !important;
    height: 49px;
    background: #2C296A;
    font-size: 18px;
    border: 1px solid #2C296A;
}

.faq-modal .form-buttons button.btn.btn-primary.btn-round:hover {
    box-shadow: none;
    background: #fff;
    color: #2C296A;
}

.faq-modal .form-buttons button.btn.btn-primary.btn-round:hover:first-child {
    background: #2C296A;
    color: #FFFFFF;
}

.faq-modal .form-buttons button.btn.btn-primary.btn-round:first-child {
    flex: 1;
    margin: 10px !important;
    height: 49px;
    background: transparent;
    border: 1px #2C296A solid;
    color: #1A1919;
}

.policy-edit-wrapper a.btn.btn-primary {
    width: 124px;
    background: #fff;
    color: #000;
    text-transform: capitalize;
    border-radius: 50px;
    font-size: 14px;
    padding: 10px 25px;
    border: 1px solid #D6D8D4;
}

.policy-edit-wrapper a.btn.btn-primary:hover {
    box-shadow: none;
    background: #8CC37A;
    color: #fff;
}

.policy-edit-wrapper a.btn.btn-primary:last-child {
    background: #8cc37a;
    margin-left: 15px;
    color: #fff;
}

.policy-edit-wrapper a.btn.btn-primary:hover:last-child {
    background: #fff;
    color: #1A1919;
}

.modal-body button.btn.btn-primary {
    background: #2C296A;
    padding: 12px 40px;
    font-size: 14px;
    margin: 0 10px;
}

.password-form label {
    font-size: 14px;
    font-weight: 400;
}


/*-------------Setting page Style START-------------*/

.setting-wrapper .setting_card label {
    font-size: 16px;
}

section.content.add-customer-wrapper.setting-wrapper .card.setting_card.mt-4.mb-0 {
    height: calc(100vh - 200px);
}

.setting-wrapper .setting_card a.btn.btn-primary.edit_btn {
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 50px;
    background: #8CC37A;
    border: 1px #8CC37A solid;
}

.setting-wrapper .setting_card a.btn.btn-primary.edit_btn:hover {
    background: transparent;
    box-shadow: none;
    color: #1A1919;
}

.bootstrap-select.btn-group.show .dropdown-menu {
    max-height: 270px !important;
}


/*-------------Responsive Style START-------------*/

@media (min-width:1200px) {
    .reset-modal .modal-dialog.modal-dialog-centered {
        max-width: 655px;
    }
    section.content.homepage_graph .card {
        min-height: 355px;
    }
}

@media (max-width:1199px) {
    .overlay {
        z-index: 22;
    }
    .top_navbar {
        z-index: 999;
    }
    .right-side-form .form-group {
        width: 250px;
    }
    .sidebar.h_menu .menu li>a {
        font-size: 13px;
        margin-right: 12px;
    }
    .customer_center {
        position: inherit;
    }
    .reset-modal .modal-content .modal-body {
        padding: 47px 26px;
    }
    .faq-modal .form-buttons button.btn.btn-primary.btn-round {
        font-size: 14px;
    }
    .partner-detail-wrapper .customer_information.card::before,
    .partner-detail-wrapper .customer_information.card::after {
        display: none;
    }
    .partner-contact.card {
        padding: 30px 70px;
    }
    .system-box.card span.right-arrow {
        right: 15px;
    }
    section.content.customer-wrapper .customer_information.card::after,
    section.content.customer-wrapper .customer_information.card::before {
        display: none;
    }
}

@media (max-width:991px) {
    .right-side-form .form-group {
        width: 180px;
    }
    .add-customer-wrapper .customer_topbar ul li {
        font-size: 11px;
    }
    .customer_topbar .detail_tab .nav-tabs .nav-link {
        font-size: 10px;
    }
}

@media (max-width:767px) {
    .customer_email {
        word-break: break-word;
    }
    section.customer-wrapper .form-group input.form-contorl {
        width: 100%;
    }
    .top_navbar {
        max-height: 73px;
        min-height: auto;
    }
    section.content.homepage_graph .card .header h2 {
        font-size: 14px;
    }
    .card.active_customer h2 span {
        margin-left: 0;
        margin-top: 15px;
    }
    .bottom-button {
        bottom: 40px;
    }
    .faq-modal .form-buttons button.btn.btn-primary.btn-round:first-child {
        padding: 0;
    }
    .faq-modal .form-buttons button.btn.btn-primary.btn-round {
        flex: 0 0 95%;
    }
    .customer_email span {
        white-space: inherit;
    }
    .partner-contact.card {
        padding: 30px;
    }
    .add-customer-wrapper .right_side_button button.btn.btn-primary {
        padding: 0 10px;
        font-size: 12px;
        margin-right: 0 !important;
    }
    .add_customer-button.right_side_button a.btn.add_customer_btn {
        font-size: 12px;
    }
    .add_customer-button.right_side_button a.btn.add_customer_btn span {
        vertical-align: top;
    }
    .partner-detail-edit-wrapper .add_customer-button.right_side_button button.btn {
        padding: 0 40px;
        margin-left: 10px;
    }
    .customer-wrapper .add_customer_btn {
        font-size: 15px;
        padding: 13px 20px;
        width: 100%;
        margin-top: 15px;
    }
    .notification-wrapper .nav-tabs .nav-link {
        font-size: 11px;
    }
    section.content.add-customer-wrapper .body {
        padding: 25px;
    }
}

@media (max-width:576px) {
    .card .partner-service .body {
        padding: 22px 25px 22px 20px;
    }
    .notification-wrapper .right-side-form .form-group {
        width: 100%;
        margin: 0 !important;
    }
    .notification-wrapper .right-side-form button.btn.btn-primary {
        margin-top: 15px;
        width: 100%;
    }
    .card .partner-service .body .service-text {
        font-size: 14px;
    }
    .card .partner-service .body .service-text p {
        font-size: 10px;
    }
    .service-arrow {
        right: 15px;
    }
    .right-sidebar {
        width: 290px;
    }
}

.icon {
  --size: 70px;
  display: inline-block;
  width: var(--size) !important;
  height: var(--size);
  transition: .12s;
  
  -webkit-mask-size: cover;
  mask-size: cover;
}

.icon-search {
  background: black;
  animation: 4s frames infinite linear;
  
  -webkit-mask-image: url('../images/search.svg');
  mask-image: url('../images/search.svg');
}

.icon-add {
  background: white;
  animation: 4s frames infinite linear;
  
  -webkit-mask-image: url('../images/plus-square.svg');
  mask-image: url('../images/plus-square.svg');
}

.icon-location {
  background: green;
  animation: 4s frames infinite linear;
  
  -webkit-mask-image: url('../images/geo-alt.svg');
  mask-image: url('../images/geo-alt.svg');
}

.icon-chevron-right {
  background: black;
  animation: 4s frames infinite linear;
  
  -webkit-mask-image: url('../images/chevron-right.svg');
  mask-image: url('../images/chevron-right.svg');
}

label span.error, label.error {
    color: red !important;
}

.datatable-user tr td:first-child {
    display: none;
}

.datatable-user tr td img, .customer_email img {
    border-radius: 50%;
}

.log_history .dataTables_length, .notification_history .dataTables_length {
    display: none;
}

.dataTables_info {
    padding-left: 0.85em;
    padding-bottom: 0.85em;
}

.user-icon {
    width: 30px;
    height: 30px;
    color: #000000;
    background: #ffffff;
    text-transform: capitalize;
    border-radius: 50%;
    line-height: 30px;
    padding-left: 5px;
    font-weight: bold;
}

.custom_end {
    border: 1px solid #eee;
    border-radius: 25px;
    box-shadow: 1px 1px 1px 1px #eee;
}

.next_service_center {
    cursor: pointer;
}
.h-90{height:90%!important}