/*===========================

  29.PROFILE css

===========================*/
.profile-form .form-group {
    margin-top: 30px;
    margin-bottom: 0;
}
.profile-sidebar-title {
    border-bottom: 1px solid rgba(1, 1, 1, 0.1);
    padding: 12px 20px;
}
.profile-sidebar-title .title {
    font-size: 18px;
    font-weight: 700;
    color: #010101;
    margin: 0;
}
.profile-sidebar-title .title i {
    margin-right: 3px;
}

/*===== Profile Sidebar =====*/
.profile-card {
    border: 1px solid rgba(1, 1, 1, 0.1);
}
.profile-card .profile-user {
    padding: 30px 20px 25px;
}
.profile-card .profile-user .profile-author img {
    width: 100px;
    border-radius: 50%;
}
.profile-card .profile-user .profile-author-name {
    padding-top: 10px;
}
.profile-card .profile-user .profile-author-name .name {
    margin: 0;
}
.profile-card .profile-user .profile-author-name .name a {
    font-size: 18px;
    font-weight: 600;
    color: #010101;
}
.profile-card .profile-user .profile-author-name .sub-title {
    font-size: 14px;
    color: #798795;
}
.profile-card .profile-link ul li a {
    display: block;
    font-size: 16px;
    color: #010101;
    padding: 10px 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-top: 1px solid rgba(1, 1, 1, 0.1);
}
.profile-card .profile-link ul li a i {
    margin-right: 5px;
}
.profile-card .profile-link ul li a.active, .profile-card .profile-link ul li a:hover {
    background-color: #21c87a;
    color: #fff;
    border-color: #21c87a;
}

/*===== Profile Dashboard =====*/
.profile-dashboard {
    border: 1px solid rgba(1, 1, 1, 0.1);
}

.profile-dashboard-wrapper {
    padding: 20px;
    padding-top: 0;
}
.profile-dashboard-wrapper .row .dashboard-col:nth-child(3n+1) .dashboard-stat {
    background-color: #6963ff;
}
.profile-dashboard-wrapper .row .dashboard-col:nth-child(3n+2) .dashboard-stat {
    background-color: #07bfa7;
}
.profile-dashboard-wrapper .row .dashboard-col:nth-child(3n+3) .dashboard-stat {
    background-color: #ec7424;
}
.profile-dashboard-wrapper .dashboard-stat {
    padding: 30px 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 5;
}
.profile-dashboard-wrapper .dashboard-stat .title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.profile-dashboard-wrapper .dashboard-stat p {
    color: #fff;
    font-size: 14px;
    margin-top: 3px;
}
.profile-dashboard-wrapper .dashboard-stat i {
    font-size: 120px;
    color: #fff;
    position: absolute;
    bottom: -25px;
    right: 10px;
    opacity: 0.2;
    z-index: -1;
}

/*===== Profile Ads Table =====*/
.profile-ads-table .table thead tr th {
    border: 1px solid rgba(1, 1, 1, 0.1);
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #010101;
}
.profile-ads-table .table thead tr th.checkbox {
    min-width: 40px;
}
.profile-ads-table .table thead tr th.items {
    min-width: 220px;
}
.profile-ads-table .table thead tr th.price {
    min-width: 100px;
}
.profile-ads-table .table thead tr th.status {
    min-width: 112px;
}
.profile-ads-table .table thead tr th.action {
    min-width: 157px;
}
.profile-ads-table .table tbody tr td {
    border: 1px solid rgba(1, 1, 1, 0.1);
    padding: 8px 15px;
    vertical-align: middle;
}
.profile-ads-table .table .check-box input[type=checkbox] {
    display: none;
}
.profile-ads-table .table .check-box input[type=checkbox] + label {
    border-color: #010101;
    margin: 0;
}
.profile-ads-table .table .check-box input[type=checkbox]:checked + label {
    border-color: #21c87a;
}
.profile-ads-table .table .table-items .items-thumb img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center;
}
.profile-ads-table .table .table-items .items-content {
    padding-left: 15px;
}
.profile-ads-table .table .table-items .items-content .title a {
    font-size: 16px;
    color: #010101;
}
.profile-ads-table .table .table-items .items-content .review {
    margin-top: 5px;
}
.profile-ads-table .table .table-items .items-content .review li {
    display: inline-block;
    font-size: 12px;
}
.profile-ads-table .table .table-items .items-content .review li i {
    color: #ffa800;
}
.profile-ads-table .table .table-items .items-content .review li span {
    margin-left: 5px;
}
.profile-ads-table .table .table-category, .profile-ads-table .table .table-price {
    font-size: 14px;
    color: #010101;
}
.profile-ads-table .table .table-status {
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
    line-height: 24px;
    display: inline-block;
    border-radius: 3px;
}
.profile-ads-table .table .published {
    background-color: #fa3;
}
.profile-ads-table .table .featured {
    background-color: #ec296b;
}
.profile-ads-table .table .active {
    background-color: #00e682;
}
.profile-ads-table .table .expired {
    background-color: #fb5b50;
}
.profile-ads-table .table .sold {
    background-color: #1594ef;
}
.profile-ads-table .table .table-action li {
    display: inline-block;
}
.profile-ads-table .table .table-action li a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #fff;
}
.profile-ads-table .table .table-action li:nth-of-type(4n+1) a {
    background-color: #00e682;
}
.profile-ads-table .table .table-action li:nth-of-type(4n+2) a {
    background-color: #ff382b;
}
.profile-ads-table .table .table-action li:nth-of-type(4n+3) a {
    background-color: #0ab2e6;
}
.profile-ads-table .table .table-action li:nth-of-type(4n+4) a {
    background-color: #ec296b;
}

/*===== Edit Profile Form =====*/
.profile-edit {
    border: 1px solid rgba(1, 1, 1, 0.1);
}
.profile-edit .profile-form {
    padding: 20px;
    padding-top: 0;
}
.single-form label {
    margin-bottom: 10px;
    font-size: 14px;
    color: #010101;
}
.single-form textarea, .single-form input {
    border: 1px solid rgba(1, 1, 1, 0.1);
    border-radius: 0;
    font-size: 14px;
    height: 40px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.single-form textarea:focus, .single-form input:focus {
    border-color: #21c87a;
}
.single-form textarea {
    height: 200px;
}
.single-form .nice-select {
    width: 100%;
    border-radius: 0;
    height: 40px;
    padding: 0 20px;
    float: none;
    border: 1px solid rgba(1, 1, 1, 0.1);
}
.single-form .nice-select::after {
    width: 8px;
    height: 8px;
    right: 20px;
    border-color: #798795;
}
.single-form .nice-select .current {
    line-height: 36px;
    font-size: 14px;
    color: #798795;
}
.single-form .nice-select .list {
    width: 100%;
    border-radius: 0;
}
.single-form .nice-select .list .option {
    min-height: 30px;
    line-height: 30px;
}
.profile-edit .profile-form .custom-file [type=file] {
    display: none;
}
.profile-edit .profile-form .custom-file label {
    width: 100%;
    height: 40px;
    border: 1px solid rgba(1, 1, 1, 0.1);
    position: relative;
}
.profile-edit .profile-form .custom-file label span {
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
}
.profile-edit .profile-form .custom-file label::before {
    content: "Browse";
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    background-color: #21c87a;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

/*===== My Ads =====*/
.profile-my-ads {
    border: 1px solid rgba(1, 1, 1, 0.1);
}

.profile-my-ads-wrapper {
    padding: 20px;
    padding-top: 0;
}
.profile-my-ads-wrapper .nav {
    padding-top: 10px;
}
.profile-my-ads-wrapper .nav .nav-item a {
    margin-top: 10px;
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    font-size: 14px;
    color: #010101;
    border: 1px solid rgba(1, 1, 1, 0.1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.profile-my-ads-wrapper .nav .nav-item a.active, .profile-my-ads-wrapper .nav .nav-item a:hover {
    background-color: #21c87a;
    border-color: #21c87a;
    color: #fff;
}

/*===== Payments =====*/
.profile-payments,
.payments-invoice {
    border: 1px solid rgba(1, 1, 1, 0.1);
}

.payments-method {
    padding: 20px;
}
@media (max-width: 767px) {
    .payments-method .nav {
        display: block;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .payments-method .nav {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
}
.payments-method .nav .nav-item a {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    font-size: 14px;
    color: #010101;
    border: 1px solid rgba(1, 1, 1, 0.1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: block;
    background-color: #f6f6f6;
}
.payments-method .nav .nav-item a i {
    margin-right: 3px;
}
.payments-method .nav .nav-item a.active, .payments-method .nav .nav-item a:hover {
    background-color: #21c87a;
    border-color: #21c87a;
    color: #fff;
}
.payments-method .credit-card {
    padding: 0;
}
.payments-method .paypal {
    padding-top: 20px;
}
.payments-method .paypal .title {
    font-size: 16px;
    font-weight: 600;
}
.payments-method .paypal .main-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 600;
    margin-top: 20px;
}
.payments-method .paypal p {
    margin-top: 25px;
    font-size: 14px;
}
.payments-method .paypal p strong {
    color: #010101;
}
.payments-method .bank {
    padding-top: 20px;
}
.payments-method .bank .bank-title {
    font-size: 16px;
    font-weight: 600;
}
.payments-method .bank .card-text {
    margin-bottom: 0;
    margin-top: 20px;
}
.payments-method .bank .card-text dt {
    color: #010101;
    margin-bottom: 5px;
    font-size: 14px;
}
.payments-method .bank .card-text dd {
    margin-bottom: 0;
    font-size: 14px;
}
.payments-method .bank p {
    margin-top: 25px;
    font-size: 14px;
}
.payments-method .bank p strong {
    color: #010101;
}

.payments-invoice-table {
    padding: 20px;
}
.payments-invoice-table .table thead tr th {
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #010101;
}
.payments-invoice-table .table thead tr th.invoice {
    min-width: 100px;
}
.payments-invoice-table .table thead tr th.category {
    min-width: 90px;
}
.payments-invoice-table .table thead tr th.date {
    min-width: 130px;
}
.payments-invoice-table .table thead tr th.price {
    min-width: 80px;
}
.payments-invoice-table .table thead tr th.due-date {
    min-width: 100px;
}
.payments-invoice-table .table thead tr th.action {
    min-width: 90px;
}
.payments-invoice-table .table tbody tr td {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #798795;
    vertical-align: middle;
}