.user-page {
    background-image: none;
    height: auto;
    position: relative;
    z-index: 2;
    min-height: 500px;
    padding: 40px 20px
}

.span-bell, .span-heart {
    padding-top: 7px;
    padding-left: 30px;
    font-size: 21px
}

.m-l-41 {
    margin-right: 41%
}

.user-info {
    background-color: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 7px #9a9a9a;
    margin: 15px 0 0 0;
    padding: 14px 0
}

.user-info .user-info-1 {
    margin-bottom: 15px
}

.user-info-1 {
    border-left: 2px solid #ccc
}

.user-info .user-info-1 .user-img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 5px auto;
    display: block
}

.dash-content {
    background: #fff;
    height: 100%;
    border-radius: .25rem;
    padding: 2rem 1rem;
    border: 1px solid #e8e8e8
}

.nav.nav-pills {
    box-shadow: 0 0 5px #9a9a9a;
    border-radius: .25rem 0 0 .25rem;
    margin-bottom: 15px
}

.nav-pills .nav-link.active {
    background-color: #fff !important;
    position: relative
}

.nav-pills .nav-link.cursor-pointer, .nav-pills > a.nav-link {
    padding: .9rem 1.2rem;
    padding-right: 45px
}

.nav-pills .nav-link {
    border: 1px solid #e8e8e8;
    background-color: #f5f5f5 !important;
    color: #000 !important;
    border-radius: 0;
    padding: .7rem 1rem;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-right: 45px
}

.nav-pills .nav-link:first-child {
    border-radius: .25rem 0 0 0
}

.nav-pills .nav-link:last-child {
    border-radius: 0 0 0 .25rem
}

.nav-pills .nav-link .badge {
    margin-top: 3px
}

.c-92 {
    color: #929292
}

.content-title {
    margin-bottom: 30px;
    border-bottom: 2px solid;
    display: inline-flex
}

.nav-menu-img {
    width: 27px;
    height: 27px;
    display: inline-flex;
    top: 9px;
    position: absolute;
    right: 12px;
    background-image: url(../images/icons_list_menu_p.png);
    background-repeat: no-repeat;
    background-size: 26px
}

.dashboard-icon {
    background-position-y: top
}

.bazar-ads-icon {
    background-position-y: -51px
}

.bazar-items-icon {
    background-position-y: -103px
}

.rented-items-icon {
    background-position-y: -154px
}

.supplier-items-icon {
    background-position-y: -207px
}

.machines-rented-icon {
    background-position-y: -259px
}

.resources-rented-icon {
    background-position-y: -312px
}

.supplier-drivers-icon {
    background-position-y: -363px
}

.user-account-icon {
    background-position-y: -415px
}

.user-upgrade-icon {
    background-position-y: -467px
}

.user-logout-icon {
    background-position-y: -520px
}

.tab-submenu .nav-menu-img {
    background-size: 22px
}

.tab-submenu .resources-rented-icon {
    background-position-y: -306px
}

.nav-submenu-img {
    width: 27px;
    height: 27px;
    display: inline-flex;
    top: 9px;
    position: absolute;
    right: 12px;
    background-image: url(../images/icons_list_menu_sub.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position-x: 2px;
    transform: rotateY(180deg)
}

.free-ads-icon {
    background-position-y: -1px
}

.free-pin-ads-icon {
    background-position-y: -47px
}

.special-ads-icon {
    background-position-y: -93px
}

.material-icon {
    background-position-y: -139px
}

.vehicle-machine-icon {
    background-position-y: -187px
}

.table-container {
    border-radius: 6px;
    margin-top: 20px;
    padding: 5px
}

.shadow-7 {
    -webkit-box-shadow: 0 0 7px #ccc;
    -moz-box-shadow: 0 0 7px #ccc;
    box-shadow: 0 0 7px #ccc
}

.custom-user-dash-icon {
    margin-right: 29px;
    font-size: 20px;
    margin-left: 15px
}

.border-b-2-ccc {
    border-bottom: 1px solid #ccc
}

.user-info-center-data {
    width: 80%;
    margin: 5px auto 0
}

.dash-ads-info {
    height: auto;
    width: auto;
    border-radius: 7px;
    box-shadow: 0 0 7px #ccc;
    padding: 5px;
    border-right: 8px solid
}

.dash-ads-info span {
    display: block
}

@media (max-width: 767px) {
    .user-info-1 {
        border-left: 0 !important
    }

    .container-with-shadow {
        box-shadow: none !important;
        padding: 0 !important
    }

    .status-available, .status-disable, .status-reserved {
        height: 60px !important;
        font-size: 14px !important
    }

    .dash-content {
        padding: 5px
    }
}

.br-warning {
    border-color: #fdc500
}

.br-dark {
    border-color: #000
}

.br-gray {
    border-color: #ccc
}

.creating-ads-row {
    padding: 12px 95px 12px 0;
    border-bottom: 2px solid #ccc;
    position: relative
}

.icon-creating-ads-row {
    width: 71px;
    height: 71px;
    top: 24px;
    position: absolute;
    right: 12px;
    background-image: url(../images/icons_list_menu_sub.png);
    background-repeat: no-repeat;
    background-size: 64px
}

.club-icon-creating-ads-row {
    width: 71px;
    height: 71px;
    top: 24px;
    position: absolute;
    right: 12px;
    background-image: url(../images/club_icons_list_menu.png);
    background-repeat: no-repeat;
    background-size: 64px
}

.icon-ads-row-1 {
    background-position-y: top
}

.icon-ads-row-2 {
    background-position-y: -136px
}

.icon-ads-row-3 {
    background-position-y: -272px
}

.icon-ads-row-4 {
    background-position-y: -407px
}

.icon-ads-row-5 {
    background-position-y: -542px
}

.icon-ads-row-6 {
    background-position-y: -678px
}

.icon-ads-row-7 {
    background-position-y: -815px
}

.icon-ads-row-8 {
    background-position-y: -668px
}

.icon-ads-row-9 {
    background-position-y: -801px
}

.icon-ads-row-10 {
    background-position-y: -925px
}

.icon-ads-row-11 {
    background-position-y: -1048px
}

.icon-ads-row-12 {
    background-position-y: top
}

.icon-ads-row-13 {
    background-position-y: -137px
}

.icon-ads-row-14 {
    background-position-y: -278px
}

.icon-ads-row-15 {
    background-position-y: -419px
}

.icon-ads-row-16 {
    background-position-y: -560px
}

.icon-ads-row-17 {
    background-position-y: -701px
}

.wizard > .steps > ul > li.done .number {
    background-color: #fdc500;
    border-color: #fdc500;
    color: #fff !important
}

.wizard > .steps > ul > li:after, .wizard > .steps > ul > li:before {
    background-color: #fdc500
}

@media (max-width: 480px) {
    .wizard > .steps > ul > li.current:after {
        background-color: #fdc500
    }
}

.wizard > .content > .body, .wizard > .content > .body > .row > .col-md-12 {
    padding: 0
}

.wizard > .steps > ul > li.current .number {
    border-color: #fdc500;
    color: #fdc500
}

.wizard > .actions > ul > li > a {
    background: #fdc500;
    color: #000
}

.container-with-shadow {
    padding: 15px;
    border-radius: .25rem;
    box-shadow: 0 0 4px #ccc;
    margin-bottom: 15px
}

.status-available, .status-disable, .status-reserved {
    border-radius: .25rem;
    height: 135px
}

.status-disable {
    background: #ccc
}

.status-available {
    background: #57b894;
    color: #fff !important
}

.status-reserved {
    background: #c36254;
    color: #fff !important
}

.notification-item-p {
    padding-right: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis {
    position: relative
}

.ellipsis span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    width: 100%;
    top: 17px;
    right: 21px
}

.responsive-set-location {
    height: 60px !important;
    font-size: 13px !important
}

.selected-location {
    box-shadow: 0 0 8px #ffc700;
    border: 3px solid #ffc700
}

.p-l-r-3 {
    padding-right: 3px;
    padding-left: 3px
}

.card-calender-list {
    margin-top: 7px;
    box-shadow: 0 0 4px #ccc;
    border: 0
}

.card-calender-list .card-body {
    padding: .7rem;
    font-size: 13px
}

.tab-submenu {
    background-color: #f5f5f5
}

.tab-submenu .nav-link {
    padding-right: 4rem;
    font-weight: 400;
    padding-left: 2rem
}

.tab-submenu .nav-link span {
    right: 36px;
    background-position-x: 2px;
    transform: rotateY(180deg)
}

.nav-link.collapsed .open-close-collapse {
    transform: rotateX(180deg);
    margin-top: 4px
}

.w150-h150 {
    width: 150px;
    height: 150px
}

.nav-link.cursor-pointer:not(.collapsed) {
    background-color: #fff !important
}

.tab-submenu .nav-link.active {
    background-color: #d8d8d8 !important
}

.table-striped-custom tr {
    border-top: 1px solid #dee2e6
}

.table-striped-custom.table td, .table-striped-custom.table th {
    border-top: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8
}

.checked-radio {
    background-color: #ffc107 !important;
    color: #fff
}

.p-l-club-menu {
    padding-right: 62px !important
}

.p-l-club-menu-level-2 {
    padding-right: 5rem !important
}

.club-icons-list {
    width: 27px;
    height: 27px;
    display: inline-flex;
    top: 13px;
    position: absolute;
    right: 12px;
    background-image: url(../images/club_icons_list.png);
    background-repeat: no-repeat;
    background-size: 55px
}

.club-icons-list-sub-1 {
    background-position-x: -29px !important;
    top: 5px !important;
    background-size: 70px
}

.icon-club-menu-001 {
    background-position-y: 0
}

.icon-club-menu-002 {
    background-position-y: -61px
}

.icon-club-menu-003 {
    background-position-y: -114px
}

.icon-club-menu-004 {
    background-position-y: -163px
}

.icon-club-menu-005 {
    background-position-y: -214px
}

.icon-club-menu-006 {
    background-position-y: -263px
}

.icon-club-menu-007 {
    background-position-y: -249px
}

.icon-club-menu-008 {
    background-position-y: -379px;
    top: 8px !important
}

.icon-club-menu-009 {
    background-position-y: -518px;
    top: 8px !important
}

.icon-club-menu-0010 {
    background-position-y: -692px;
    top: 8px !important
}

.tab-submenu .p-l-club-menu-level-2.nav-link span {
    right: 53px
}

/***
new professionals — scoped to page content so layout.app header/footer keep their base styles
 */
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/Roboto/Roboto-Bold.ttf");
}
.p-main-content {
    font-size: 14px;
}
.p-main-content *:not(.fa):not(.fal):not(.fas):not(.fab):not(.el-icon):not([class*=" el-icon-"]):not([class*="el-icon-"]):not(i):not(.mce-ico){
    font-family: "Roboto";
}
.p-main-content .font-weight-bold{
    font-family: "RobotoBold";
    font-weight: 600;
}
.p-main-content>div.d-block{
    background-image: url("../images/user_dash_bg.png");
    background-position: right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
.border-radius-10{
    border-radius: 10px;
}
.profession-profile{
    background-color: #ffffff;
}
.profession-profile .profession-profile-main{
    margin-top: -65px;
}
.profession-profile .profession-profile-cover{
    /*max-width: 942px;*/
    max-height: 241px;
    height: 241px;
    overflow: hidden;
    object-fit: cover;
    position: relative;
}
.profession-profile .profession-profile-main-img{
    max-width: 130px;
    max-height: 130px;
    overflow: hidden;
    position: relative;
}
.h-100per{
    height: 100% !important;
}
.text-51656B{
    color: #51656B !important;
}
.text-292A2D{
    color: #292A2D !important;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fw-500{
    font-weight: 500 !important;
}
.profession-details.more span.short,
.profession-details span.long,
.profession-details .weniger,
.profession-details.more .mehr {
    display: none;

}

.profession-details span.short,
.profession-details.more span.long,
.profession-details.more .weniger,
.profession-details .mehr {
    display: inline;
}
.profession-details .show_more{
    color: #51656B;
    font-weight: 500 !important;
}
.p-main-content .bg-white{
    background-color: #ffffff;
}
.border-bottom-1{
    border-bottom: 1px solid #707070;
}
.border-DEE2E6-1{
    border: 1px solid #DEE2E6;
}
.page-item.active .page-link{
    color: #fff !important;
}
.span-proficiency{
    background-color: #D1D1D1;
    padding: 5px 10px;
    margin-left: 5px;
    border-radius: 5px;
    color: #292A2D !important;
    margin-bottom: 5px !important;
    display: inline-block;
}
.profession-profile-main-img-upload{
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    text-align: center;
}
.profession-profile-main-img-upload label{
    width: 50px;
    height: 50px;
    background-color: #F5F5F5;
    color: #51656B !important;
    border-radius: 50%;
    font-size: 22px;
    padding: 7px;
}
.custom-file-input.cover {
    height: calc(1.5em + 4.75rem + 2px) !important;
}

.p-main-content .btn-light{
    background-color: #9E9E9E;
    color: #ffffff;

}
.p-main-content .btn-light:hover, .p-main-content .btn-light:focus,
.p-main-content .btn-light:not(:disabled):not(.disabled).active,
.p-main-content .btn-light:not(:disabled):not(.disabled):active,
.p-main-content .show>.btn-light.dropdown-toggle{
    background-color: #7b7b7b;
    color: #ffffff;

}

.professionals-filter{
    background-color: #ffffff;
}
.professionals-filter-icon{
    width: 60px;
}
.professionals-filter-search{
    position: relative;
}
.professionals-filter-search .btn{
    position: absolute;
    top: 0;
    right: 0;
}
.professional-list-image{
    width: 205px;
}
.hr-par{
    height: 100%;
    background-color: #D1D1D1;
    width: 1px;
    display: inline-block;
}
.modal.custom-model .modal-header{
    background-color: #F8F8F8;
    padding: 15px 30px;
    box-shadow: 0 1px 8px #dfdfdf;
    border: 0;
}
.modal.custom-model .modal-body{
    padding: 30px 30px;
}
.modal.custom-model .modal-footer{
    border-top: 0;
}
.p-main-content button:focus {
    outline: 0;
}
.applicant-user-img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.bg-F8F8F8{
    background-color: #F8F8F8 !important;
}
.applicants-list-filter{
    position: absolute;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 0 5px #ccc;
    border-radius: 0.3rem;
    outline: 0;
    top: 122px;
    right: 0;
    min-height: 50px;
    z-index: 3;
}
.applicants-list-filter.show{
    display: block;
}
.p-main-content .btn-outline-dark:hover{
    color: #ffffff;
}
.overflow-scroll-y{
    overflow-y: scroll;
}
.h-380px{
    height: 380px;
}
.job-all-details{

}
.job-list-details .job-details-text .details-text{
    height: 63px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.job-details-text.show-all-text .details-text{
    height: auto !important;
    display: block !important;
}
.job-details-text.show-all-text .show_all_less,  .job-details-text .show_all_more{
    display: block;
}
.job-details-text .show_all_less, .job-details-text.show-all-text .show_all_more{
    display: none;
}
.p-main-content .form-control{
    font-size: 14px;
}
.p-main-content .btn{
    font-size: 14px;
}
.p-main-content .page-link .fa-chevron-left,
.p-main-content .page-link .fa-chevron-right,
.p-main-content .fa-angle-left{
    transform: rotate(180deg);
}
.p-main-content select {
    background-position: left 10px center;
}
.p-main-content select.form-control {
    padding-right: .75rem;
    padding-left: 1.5rem;
}
.m-l-25 {
    margin-left: unset !important;
    margin-right: 25px !important;
}