/*------------header-------------*/
.modal .icon-x:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
}
a.link-payment {
    color: #006AFA;
}
a.link-payment:hover {
    color: #006AFA;
    text-decoration: underline;
}
.header-wrapper.account-logined{
    background-color: #fff;
}
.header-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
    padding: 6px 0px;
    transition: 0.5s;
    background-color: #00AE86;
}
.header-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-wrapper.sticky {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.inner-page-navbar {
    background-color: #27282c;
}
.logo-part {
    margin-right: 25px;
    overflow: hidden;
}
.logo-part a img {
    display: block;
    max-width: 50px;
}

.nav-bar li {
    margin-left: 5px;
    position: relative;
}
.nav-bar li a {
    color: #fff;
    position: relative;
    display: block;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    letter-spacing: 0.3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 12px;
}


.nav-bar li.active a:before{
    content: '';
    width: calc(100% - 22px);
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.account-header-right {
    margin-left: 10px;
}
.account-header-right li{
    position: relative;
}
.nav-bar li.active a{
    font-weight: 700;
    /*font-family: 'ProximaNova-SemiBold';*/
}
.right-navbar li a{
    padding: 5px 18px;
}
.account-header-right li.active a:before {
    content: '';
    width: 42px;
    height: 3px;
    border-radius: 0;
    background-color: #f67611;
    position: absolute;
    bottom: -13px;
    left: 34%;
    transform: translate(-50%, -50%);
}
.header-user-dropdown {
    margin-left: 20px;
}
.header-icon{
    color: #fff;
    font-size: 20px;
}
.header-icon:hover{
    color: #fff;
}
.user-header-image{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.dropdown-toggle::after{
    display: none;
}
.dropright .dropdown-toggle::after{
    display: none;
}
.menu-part-left ul li a img{
    display: none;
    max-width: 20px;
}
.menu-part-left ul li>.got-active a{
    z-index: 1;
}
.header-notification-dropdown{

}
.header-notification-dropdown .dropdown-menu:before{
    background-image: url(../images/dropdown-arrow.png);
    position: absolute;
    content: '';
    top: -11px;
    right: 10px;
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
}
.notification-container {
    max-height: 300px;
    overflow-x: hidden;
}
.badge-danger{
    background-color: #EB5757;
}
.header-notification-dropdown .badge-notify {
    position: absolute;
    border-radius: 50px;
    padding: 6px 11px;
    left: -15px;
    top: -11px;
    transform: scale(0.8);
    font-weight: 600;
    line-height: 1;
    font-size: 14px;
}
.dropdown-menu{
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transform: translateY(20%) !important;
}
.dropdown-menu.show {
    opacity: 1;
    transform: translateY(5%) !important;
    visibility: visible;
}
.header-notification-dropdown .dropdown-menu{
    border: none;
    min-width: 400px;
    -webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    right: -11px;
    left: initial;
    padding: 0;
}
.notification-footer{
    text-align: center;
}
.notification-image img{
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    border-radius: 50%;
}
.notification-time {
    color: #828282;
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular-Italic';
    padding: 5px;
    padding-left: 90px;
}
.notification-time p {
    margin-bottom: 0px;
}
.notification-footer a {
    display: inline-block;
    width: 100%;
    color: #4F4F4F;
    text-align: center;
    font-weight: 400;
    background-color: rgba(0, 106, 250, 0.02);
    font-family: 'ProximaNova-Regular';
    padding: 6px 15px;
    font-size: 13px;
}
.notification-header{
    border-bottom: 1px solid #E0E0E0;
    padding: 10px 25px;
}
.notification-box {
    display: flex;
    background-color: #F5FCFA;
    padding: 15px 25px;
}
.notification-image {
    margin-right: 12px;
}
.notification-header h6 {
    margin-bottom: 0px;
    color: #4F4F4F;
    font-weight: 400;
    font-size: 13px;
    font-family: 'ProximaNova-Regular';
    text-transform: uppercase;
    line-height: inherit;
}
.notification-text-content h3 {
    font-weight: 700;
    font-size: 14px;
    /*font-family: 'ProximaNova-SemiBold';*/
    margin-bottom: 3px;
    color: #4f4f4f;
}
.notification-text-content p b.text-success{
    color: #00ae86!important;
    margin-right: 5px;
}
.notification-text-content p {
    color: #4F4F4F;
    font-weight: 400;
    font-size: 13px;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
.notify-link-area{
    font-weight: 700;
    font-size: 13px;
    /*font-family: 'ProximaNova-SemiBold';*/
    color: #006AFA;
}
.notify-link-area:hover{
    color: #006AFA;
}
.notify-link-area img{
    margin: 0px 3px;
}
.header-profile-dropdown .dropdown-menu{
    border: none;
    min-width: 200px;
    -webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    right: -2px;
    left: initial;
    padding: 0;
}
.header-profile-dropdown .dropdown-menu:before{
    background-image: url(../images/dropdown-arrow.png);
    position: absolute;
    content: '';
    top: -11px;
    right: 10px;
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
}
.profile-dropdown-link {
    padding: 10px 4px;
}
.profile-dropdown-link a {
    font-weight: 700;
    font-size: 14px;
    /*font-family: 'ProximaNova-SemiBold';*/
    color: #4f4f4f;
    display: inline-block;
    width: 100%;
    padding: 6px 16px;
}
.profile-dropdown-link a:hover {
    color: #00AE86;
}

.got-it-img{
    padding: 20px;
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
}
.got-it-img img{
    max-width: 93px;
}
.got-it-text-box{
    padding: 20px;
}
.got-it-text-box p{
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    color: #4F4F4F;
}
.got-it-text-box span{
    font-weight: 700;
    font-size: 14px;
    /*font-family: 'ProximaNova-SemiBold';*/
}
.got-it-text-box .got-it-btn {
    background-color: rgba(0, 106, 250, 0.1);
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    font-family: 'ProximaNova-Bold';
    text-transform: uppercase;
    color: #006AFA;
    display: inline-block;
    padding: 10px 20px;
    line-height: initial;
}



.got-it-popup-menu{
    position: absolute;
    top: 100%;
    z-index: 1000;
    float: left;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    border: none;
    min-width: 296px;
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.32);
    border-radius: 8px;
    right: -62%;
    left: initial;
    padding: 0;
    transform: translateY(25%) !important;
}
.got-it-message.got-active .got-it-popup-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(9%) !important;
}
.got-it-message .got-it-click{
    border: 2px solid #00AE86;
}
.got-it-message.got-active .got-it-click{
    background: #00AE86;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
}
.got-it-popup-menu:before{
    background-image: url(../images/dropdown-arrow.png);
    position: absolute;
    content: '';
    top: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
}
/*--------header-end----------*/


/*-------page-content------*/
.content-area-container {
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 61px);
}

/*-------page-content-end------*/



/*-------footer--------*/
.page-footer{
    position: relative;
}
.page-footer p {
    padding: 15px;
    color: #3A506B;
    font-size: 13px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0px;
}
.page-footer p a {
    color: #3A506B;
    font-size: 13px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    padding-left: 10px;
    position: relative;
}
.page-footer p a:before {
    content: '';
    width: 2px;
    height: 2px;
    background-color: #3A506B;
    position: absolute;
    top: 8px;
    left: 2px;
}
.footer-line-bg{
    width: 100%;
    height: 12px;
    background: linear-gradient(269.44deg, #006AFA 2.3%, #00AE86 99.19%);
}
.modal-header-bg{
    width: 100%;
    height: 12px;
    background: linear-gradient(269.44deg, #006AFA 2.3%, #00AE86 99.19%);
}
/*---------footer-end----------*/


/*--------home-page------------*/
.main-home-content{
    text-align: center;

}
.main-home-heading{
    color: #00AE86;
    margin-bottom: 0px;
}
.main-home-text{
    font-size: 16px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    color: #828282;
    margin-bottom: 0;
}
.home-start-box{
    -webkit-box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    height: 100%;
    width: 100%;
    max-width: 252px;
    margin: 0 auto;
}
.home-start-content {
    padding: 20px 42px;
    min-height: 204px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.home-start-content img {
    max-width: 93px;
}
.home-start-box a{
    display: inline-block;
}
.home-start-content p{
    color: #828282;
    font-weight: 400;
    font-size: 15px;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0;
}
.home-link-content {
    border-top: 1px solid #E0E0E0;
    padding: 15px;
    font-weight: 700;
    font-size: 13px;
    font-family: 'ProximaNova-Bold';
    color: #006AFA;
    display: inline-block;
    width: 100%;
}
.drodpown-overlay{
    position: fixed;
    background-color: rgba(5, 27, 49, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.drodpown-overlay.show{
    opacity: 1;
    visibility: visible;
}
.main-empty-container{
    padding: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04);
    /* min-height: calc(100vh - 281px); */
}
.welcome-box {
    padding: 20px 40px;
    background-color: rgba(0, 106, 250, 0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.welcome-box h3{
    font-weight: 700;
    font-size: 22px;
    font-family: 'ProximaNova-Bold';
    color: #006AFA;
}
.welcome-box p{
    font-size: 16px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    color: #828282;
}
.welcome-box-right img {
    min-width: 324px;
    max-width: 324px;
    width: 100%;
}
.content-area-flex{
    display: flex;
    flex-direction: column;
}
.section-padding-h100{
    height: 100%;
    flex: 1;
}
.section-padding{
    padding-top: 80px;
    padding-bottom: 80px;
}

.empty-post-box{
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}
.empty-post-box p{
    font-size: 17px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    color: #bdbdbd;
    margin-bottom: 15px;
}
.empty-post-box img{
    max-width: 228px;
    width: 100%;
}




/*---------modal-dialog-post------------*/
.modal-dialog-post{

}
.modal-dialog-post .modal-body{
    padding: 0;
}
.modal-dialog-post .modal-content{
    border: none;
    border-radius: 0px;
    margin: 0px 5px;
}
.post-modal-heading {
    margin-bottom: 20px;
    padding-left: 90px;
    padding-right: 90px;
}
.post-modal-area-box{
    padding: 50px 0px;

}

/*-------wizard----------*/
.wizard {
    position: relative;
}
.wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
}
.wizard > div.wizard-inner {
    padding-left: 75px;
    padding-right: 75px;
}
.wizard .nav-tabs > li > a.active .round-tab,
.wizard .nav-tabs > li > a.active:hover .round-tab,
.wizard .nav-tabs > li > a.active:focus .round-tab{
    cursor: default;
    background-color:  rgba(0, 106, 250, 0.15);
    color: #006AFA;
}


.wizard .nav-tabs > li > a.active,
.wizard .nav-tabs > li > a.active:hover,
.wizard .nav-tabs > li > a.active:focus{
    color: #006AFA;
}

.wizard li.active span.round-tab {
    background: #0db02b;
    color: #fff;
    border-color: #0db02b;
}
.wizard li a span.round-tab em{
    font-style: normal;
}
.wizard li a span.round-tab i,
.wizard li a.active span.round-tab i{
    display: none;
    font-size: 13px;
    padding-top: 6px;
}


.wizard li.done a span.round-tab i{
    display: block;
}
.wizard li.done a span.round-tab em{
    display: none;
}


.wizard .nav-tabs > li a {
    padding: 15px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    color: #828282;
}

.wizard .nav-tabs > li a p{
    margin-bottom: 0;
}
.wizard .nav-tabs > li:first-child{
    margin-left: 0px;
}
.wizard .nav-tabs > li {
    position: relative;
    margin-left: 50px;
}

.wizard .nav-tabs > li a .round-tab{
    width: 26px;
    height: 26px;
    color: #828282;
    font-weight: 600;
    background-color: rgba(189,189,189, 0.15);
    display: inline-block;
    border-radius: 50%;
    padding-top: 1px;
    text-align: center;
    z-index: 1;
    position: relative;
    transition: 0.5s;
    font-size: 17px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    margin-right: 8px;
}

.wizard .nav-tabs > li:before{
    content: '';
    position: absolute;
    height: 1px;
    width: 40px;
    top: 50%;
    background-color: #828282;
    right: -45px;
}

.wizard .nav-tabs > li:last-child:before{
    display: none;
}

.wizard .nav-tabs > li a.disabled{
    cursor: default;
}
.wizard li.done.active a span.round-tab i{
    display: none;
}
.wizard li.done.active a span.round-tab em{
    display: block;
}
.wizard .tab-content>.active{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.wizard .tab-pane {
    position: relative;
}
.step-list-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 90px;
    padding-right: 90px;
}
.step-list-inline li{
    flex: 1;
}
.step-list-inline li .btn-default{
    width: 100%;
    padding: 14px 5px;
}
.prev-step-link{
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    color: #828282;
    display: flex;
    align-items: center;
}
.prev-step-link img{
    margin-right: 5px;
}

.mr-align-btn{
    margin-left: 35px;
}
.return-step-list{
    padding-left: 90px;
    padding-right: 90px;
}
.return-step-list span{
    position: relative;
}
.return-step-list span:before{
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 2px;
    background-color: #bdbdbd;
}
.form-input-steps{
    padding-left: 90px;
    padding-right: 90px;
}
.form-custom-label .form-group>label{
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 0;
    padding-left: 5px;
}
.form-custom-label .right-icon {
    font-size: 20px;
}
/*--------datepicker--------*/
.datepicker table{
    border-collapse: inherit;
    border-spacing: 5px;
}
.datepicker-dropdown{
    opacity: 1;
    visibility: visible;
    border: none;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    /*font-family: 'ProximaNova-SemiBold';*/
}
.datepicker-dropdown {
    transform: none !important;
    display: none;
}
.datepicker .datepicker-days table tbody tr td {
    border-radius: 100px;
    border: 1px solid #F2F2F2;
    color: #4f4f4f;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
    color: #fff;
    background-color: #006afa;
    border-color: #006afa;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover{
    color: #fff !important;
    background-color: #00AE86;
    border-color: #00AE86;
}
.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #bbb;
}
.datepicker .prev,
.datepicker .next{
    color: #006afa;
    font-size: 16px;
}
/*------------------*/
.qs-circle{
    color: #bdbdbd;
    position: relative;
    top: 1px;
    font-size: 15px;
    margin-left: 1px;
}
.qs-circle:hover{
    color: #bdbdbd;

}
.mt-align-25{
    margin-top: 25px;
}
.side-link-box{
    position: relative;
}
.side-link-box a{
    color: #006AFA;
    transition: 0.5s;
}
.side-link-box a i{
    color: #bdbdbd;
}
.custom-tooltip {
    position: absolute;
    min-width: 150px;
    background-color: rgba(29, 29, 29, 0.7);
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    bottom: 28px;
    display: none;
    min-height: 66px;
}
.custom-tooltip:before {
    background-image: url(../images/down-arrow.svg);
    position: absolute;
    content: '';
    bottom: -19px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
    opacity: 0.7;
}
.tooltip-content-box{
    padding: 12px;
    display: none;
}
.tooltip-content-box p{
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'ProximaNova-Regular';
}
.tooltip-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.tooltip-loader.show{
    display: block;
}
.loader-area {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 3px solid;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: rgba(255,255,255, 0.3);
    -webkit-animation: tooltiploader 1s ease-in-out infinite;
    animation: tooltiploader 1s ease-in-out infinite;
}
@keyframes tooltiploader {
   from {transform: rotate(0deg);}
   to {transform: rotate(360deg);}
}
@-webkit-keyframes tooltiploader {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(360deg);}
}
.form-bottom-border-box{
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.mb20{
    margin-bottom: 20px;
}
.mt20{
    margin-top: 20px;
}
.mb-40{
    margin-bottom: 40px;
}
.mt-40{
    margin-top: 40px;
}
.close-modal-custom {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    float: right;
    z-index: 2;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 4px;
    width: 35px;
    height: 35px;

}
.property-step-form-box{
    padding: 40px 90px;
    background-color: rgba(0 ,174 ,134 ,0.04);
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 0px 1px;
}
.step-2-heading{
    font-size: 24px;
    font-weight: 700;
    font-family: 'ProximaNova-Bold';
}
.resize-none{
    resize: none;
}
.property-step-form-box .form-control{
    background-color: transparent;
}
.property-step-form-box .form-control:disabled,
.property-step-form-box .form-control[readonly]{
    background: #F2F2F2;
}
.property-added-box {
    border-top: 1px solid #E0E0E0;
    margin: 0px 1px;
}
.property-added-box:last-child{
    border-bottom: 1px solid #E0E0E0;
}
.property-set-box {
    display: flex;
    justify-content: space-between;
    padding: 20px 90px;
    cursor: pointer;
    position: relative;
}
.property-set-content {
    display: flex;
    margin-right: 15px;
}
.property-set-icon {
    margin-right: 15px;
    padding-top: 3px;
}
.property-set-icon img{
    min-width: 39px;
    min-height: 39px;
    height: 100px;
    width: 100px;
    border-radius: 6px;
}
.property-set-text h3 {
    margin-bottom: 3px;
}
.property-set-text p {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
}
.proprty-expend-box a {
    font-size: 15px;
    font-weight: 400;
    color: #006AFA;
    font-family: 'ProximaNova-Regular';
    position: relative;
    padding-right: 20px;
    white-space: nowrap;
}
.proprty-expend-box a i {
    margin-left: 5px;
    font-size: 20px;
    position: absolute;
    font-weight: 500;
    top: 0px;
}
.property-set-box[aria-expanded="true"] .proprty-expend-box i{
    transform: rotate(180deg);
}

.property-step-form-box .link-text-group textarea.form-control{
    padding-right: 45px;
}
.proprty-expend-box {
    padding-top: 10px;
}

/*------payment-method-------*/
.payment-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.payment-method-container h1{
    text-align: center;
}
.payment-method-container p{
    text-align: center;
    color: #00AE86;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
}
.payment-method-container .form-control,
.payment-method-container .select2-container--default .select2-selection--single{
    background-color: transparent;
}

.form-custom-label .password-label p{
    color: #8D8D94;
}
.mt-select-align {
    margin-top: 24px;
}

.payment-total-amount-box {
    padding: 20px 0px;
    border-top: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
}
.payment-total-amount-box h3{
    color: #495052;
    font-weight: 700;
    font-family: 'ProximaNova-Bold';
    font-size: 24px;
    margin-bottom: 0;
}

/*----------my-posts------------*/
.filter-right-btn {
    position: relative;
    padding: 8px 25px;
    padding-left: 15px;
}
.filter-right-btn i{
    position: relative;
    top: 1px;
}
.filter-container p {
    vertical-align: middle;
    line-height: 26px;
    color: #868686;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
}
.filter-container .radio-align-boxes{
    display: inline-block;
    margin-top: 0;
}
.my-post-left-filter h3{
    color:  #4F4F4F;
    font-weight: 400;
    font-size: 24px;
    font-family: 'ProximaNova-Regular';
    display: inline-block;
    margin-right: 45px;
    margin-bottom: 0;
}
.my-post-left-filter .filter-container{
    display: inline-block;
}
.my-post-left-filter .badge {
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    /*font-family: 'ProximaNova-SemiBold';*/
    padding: 3px 13px;
    position: relative;
    top: -3px;
    line-height: inherit;

}
.my-post-left-filter .badge.badge-secondary{
    background-color: #4F4F4F;
}
.my-post-heading-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.my-post-section {
    padding-top: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #F2F2F2;
}
.my-post-table-section {

}

.my-post-header {
    display: flex;
}

.my-post-header-tr {
    display: table-row;
}

.my-post-header-th {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    color: #007B9B;
    padding: 12px 15px;
}
.my-post-view-section {
    padding-top: 30px;
    padding-bottom: 80px;
}
.my-post-expand {
    color: #006AFA;
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding-right: 20px;
}
.my-post-expand i {
    position: absolute;
    top: 4px;
    font-weight: 600;
    right: 2px;
    transition: 0.5s;
}
.my-post-expand[aria-expanded="true"] i{
    transform: rotate(180deg);
}
.my-post-body {
    display: table-row-group;
}

.my-post-body-content {
    display: table-row-group;
}




.my-post-body-tr {
    display: table-row;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}




.my-post-table-section .badge{
    font-size: 13px;
    padding: 5px 17px;
    border-radius: 50px;
    line-height: inherit;
}
.my-post-table-section .badge.my-post-status-tag{
    padding: 5px 7px;
    font-size: 12px;
}
.my-post-table-section .badge.badge-status{
    line-height: 1;
    padding: 6px 15px;
}

.mp-card{
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: relative;
    margin-bottom: 15px;
}
.mp-data {
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    padding: 17px 8px;
    color: #4F4F4F;
    margin-left: -2px;
    vertical-align: top;
    float: left;
}
.mp-header {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}
.mp-header.mp-mobile-header{
    background-color: transparent;
}
.mp-header .mp-data:nth-child(1){
    width: 14%;
    padding-left: 15px;
}
.mp-header .mp-data:nth-child(2){
    width: 12%;
}
.mp-header .mp-data:nth-child(3){
    width: 14%;
}
.mp-header .mp-data:nth-child(4){
    width: 14%;
}
.mp-header .mp-data:nth-child(5){
    width: 11%;
}
.mp-header .mp-data:nth-child(6){
    width: 9%;
}
.mp-header .mp-data:nth-child(7){
    width: 12%;
}
.mp-header .mp-data:nth-child(8){
    width: 5%;
}
.mp-header .mp-data:nth-child(9){
    width: 10%;
}



.more-dropdown{
    display: inline-block;
    margin-left: 10px;
}
.more-dropdown .dropdown-menu {
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 0px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.14), 0px 0px 8px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    right: 0;
    left: inherit;
    border: none;
    border-radius: 4px;
}
.more-dropdown .dropdown-toggle{
    display: inline-block;
    color: #828282;
}
.more-dropdown .dropdown-link-full {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    color: #4F4F4F;
    padding: 8px 18px;
    transition: 0.5s;
}
.more-dropdown .dropdown-link-full img{
    margin-right: 10px;
    max-width: 20px;
    max-height: 20px;
}
.more-dropdown .dropdown-link-full:hover{
    background-color: rgba(79,79,79,0.05);
}
.mp-text-data {
    word-break: break-word;
}
.mp-mobile-data{
    display: none;
    color: #007B9B;
}
.mp-collapse-body{
    position: relative;
}
.mp-collapse-data{
    background-color: rgba(0,174,134,0.04);
    padding-top: 20px;
    /* padding-bottom: 40px; */
    position: relative;
}
.mp-collapse-data-payment{
 padding-bottom: 40px;
}
.slider-loader {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    width: 100%;
    height: 100%;
    transition: 0.7s;
}
.property-main-slider{
    padding-left: 40px;
    padding-right: 40px;
    /* padding-bottom: 40px; */
}
.property-main-slider-payment{
    padding-bottom: 40px;
}
.slider-loader.loader-hide{
    visibility: hidden;
    opacity: 0;
}
.slider-loader .spinner-area{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.proprty-img-content-box{
    display: flex;
}
.proprty-img-box{
    margin-right: 15px;
    position: relative;
}
.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 8px;
    left: 8px;
}
.status-dot.bg-yellow{
    background-color: #FFBC10;
}
.status-dot.bg-violet{
    background-color: #c100d1;
}
.proprty-img-box img{
    max-width: 112px;
    max-height: 112px;
    border-radius: 4px;
}
.proprty-w-90 img{
    max-width: 90px;
    max-height: 90px;
    min-width: 90px;
    min-height: 90px;
    object-fit: cover;
}
.property-card-box {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
    background-color: #fff;
    margin: 3px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.property-main-slider .swiper-wrapper{
    height: auto;
}
.property-main-slider .swiper-slide{
    height: auto;
}
.propert-cnnt-box>p{
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    color: #666666;
    margin-bottom: 5px;
}
.property-set-text h6,
.propert-cnnt-box h6{
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular' !important;
    color: #666666;
}
/*.propety-size-box b {*/
/*    font-weight: 500 !important;*/
/*}*/
.propety-size-box > p + p:before {
    content: none;
}
.propety-size-box {
    line-height: initial;
}
.propety-size-box>p{
    display: inline-block;
    position: relative;
    padding-right: 12px;
    line-height: inherit;
    margin-bottom: 5px;
}
.propety-size-box p:before{
    content: '';
    height: 15px;
    width: 1px;
    background-color: #666666;
    position: absolute;
    top: 1px;
    right: 5px;
}
.propety-size-box p:last-child:before{
    display: none;
}
.propety-size-box p b {
    font-weight: normal;
    margin-right: 4px;
    font-size: 13px;
}

.proprty-line{
    padding-top: 15px;
    padding-bottom: 15px;
}
.line-border{
    border-bottom: 1px solid #E0E0E0;
}
.proprty-sub-text p {
    font-weight: 400;
    font-size: 15px;
    font-family: 'ProximaNova-Regular';
    color: #666666;
    margin-bottom: 8px;
}
.proprty-sub-text p:last-child{
    margin-bottom: 4px;
}
.proprty-action-btns .prpty-btn{
    display: inline-block;
    width: 100%;
    padding: 7px 12px;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 16px;
}
.proprty-action-btns .grey-btn{
    background-color: rgba(130, 130, 130, 0.1);
    color: #828282;
}

.proprty-action-btns .light-blue-btn{
    background-color: rgba(0, 106, 250, 0.1);
    color: #006AFA;
}
.mp-mobile-header .mp-data{
    color: #007B9B;
}

/*---swiper-slider-custom-navigation-------*/
.custom-swiper-slider .swiper-slider-next,
.custom-swiper-slider .swiper-slider-prev{
    position: absolute;
    top: calc(50% - 40px);
    z-index: 10;
    cursor: pointer;
    width: 25px;
    height: 60px;
    text-align: center;
    background-color: #00AE86;
    color: #fff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.custom-swiper-slider .swiper-slider-next,
.custom-swiper-slider .swiper-container-rtl .swiper-slider-prev{
    right: 0px;
    left: auto;
}
.custom-swiper-slider .swiper-slider-prev,
.custom-swiper-slider .swiper-container-rtl .swiper-slider-next {
    left: 0px;
    right: auto;
}

.custom-swiper-slider .swiper-slider-prev.swiper-button-disabled,
.custom-swiper-slider .swiper-slider-next.swiper-button-disabled{
    visibility: hidden;
    opacity: 0;
}

/*-------------*/
.property-add-box{
    background-color: rgba(130,130,130,0.1);
    padding: 0;
}
.property-add-box a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.another-property-add-box {
    width: 100%;
    color: #828282;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    min-height: 280px;
}
.another-property-add-box p{
    margin-bottom: 0px;
    margin-top: 15px;
}
.profil-view-dropdown{
    position: relative;
    display: inline-block;
}
.profil-view-img-box {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
}
.profil-view-box {
    position: relative;
    display: inline-block;
    text-align: center;
}
.profile-view-status {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -3px;
    right: -8px;
    text-align: center;
}
.profile-view-status.success-status{
    background-color: #12BA23;
}
.profile-view-status.pending-status{
    background-color: #ffbc10;
}
.profile-view-status i {
    color: #fff;
    font-size: 10px;
    position: relative;
    top: -3px;
}
.profile-view-status-job i {
    color: #fff;
    font-size: 10px;
    position: relative;
    top: 5px;
}
.profil-view-box img{
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 50%;
}
.profil-view-dropdown p{
    color: #A4A8A5;
    margin-bottom: 0;
    font-size: 14px;
}

.my-proview-view-box {
    display: inline-block;
    position: absolute;
    width: auto;
    left: -85px;
    top: 10px;
}
.profileview-header{
    display: flex;
    align-items: center;
    padding:10px 20px;
    border-bottom: 1px solid #F2F2F2;

}
.profile-img-view {
    margin-right: 12px;
}
.profile-img-view img{
    width: 52px;
    height: 52px;
    min-height: 52px;
    min-width: 52px;
    border-radius: 50%;
}
.profile-detail-text h3{
    margin-bottom: 0px;
    font-size: 18px;
    color: #4F4F4F;
}
.profile-detail-text p{
    margin-bottom: 0;
    font-size: 14px;
    color: #4F4F4F;
}
.profil-view-dropdown .dropdown-menu {
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    border: none;
    min-width: 315px;
    padding: 0;
    border-radius: 6px;
    transform: translateY(-7%) !important;
    left: calc(100% + 12px);
}
.profil-view-dropdown .dropdown-menu:before {
    background-image: url(../images/dropdleft-arrow.png);
    position: absolute;
    content: '';
    top: 50%;
    left: -10px;
    width: 14px;
    height: 17px;
    background-repeat: no-repeat;
}
.profil-view-dropdown .dropdown-menu.show{
     transform: translateY(-22%) !important;
}
.profile-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.profile-action-buttons a{
    display: inline-block;
    text-align: center;
    flex: 1;
    flex-grow: 1;
    margin: 0px 2px;
}
.profile-action-buttons a p{
    color: #006AFA;
    margin-bottom: 0;
    margin-top: 5px;
}
.profile-action-buttons a img{
    max-height: 44px;
    max-width: 44px;
    height: 44px;
    width: 44px;
}

.modal-dialog-profile .modal-content{
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.2), 0px 13px 19px rgba(0, 0, 0, 0.14), 0px 5px 24px rgba(0, 0, 0, 0.12);
    border-radius: 9px;
    background-color: #fff;
}
.prf-mdl-view-img{
    width: 220px;
    max-width: 220px;
    max-height: 220px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.prf-mdl-tag{
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    bottom: 0;
    width: 100%;
    padding: 5px 15px;
    font-size: 13px;
}
.view-profile-modal-box {
    padding: 80px 15px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.prf-mdl-dtl-text {
    margin: 15px 0px;
}
.prf-mdl-dtl-text h1{
    margin-bottom: 20px;
}
.prf-mdl-dtl-box{
    margin-bottom: 20px;
}
.prf-mdl-dtl-box:last-child{
    margin-bottom: 0;
}
.prf-mdl-dtl-box h6{
    margin-bottom: 2px;
    font-weight: 700;
    font-family: 'ProximaNova-Bold';
    color: #4f4f4f;
}
.prf-mdl-dtl-box p{
    margin-bottom: 0px;
}
.prf-mdl-dtl-box p a{
    color: #006AFA;
}


/*------------report-sidebar---------*/
html.my-post-report-overflow-hdn,
.my-post-report-overflow-hdn body,
html.account-sidebar-overflow-hdn,
.account-sidebar-overflow-hdn body {
    overflow: hidden;
    position: relative;
    height: auto;
}
.my-post-report-overlay{
    position: fixed;
    /*background-color: rgba(5, 27, 49, 0.4);*/
    background-color: rgba(5, 27, 49, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1002;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.my-post-report-overlay.active{
    opacity: 1;
    visibility: visible;
}
.my-post-report-container{
    max-width: 592px;
    width: 90%;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    height: 100vh;
    z-index: 1003;
    box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25);
    transition: 0.5s;
}
.my-post-report-container.active{
    right: 0;
}
.my-post-report-main-controller{
    height: calc(100% - 12px);
    overflow-x: hidden;
}
.my-post-report-close-btn{
        position: absolute;
    top: 3px;
    left: -34px;
}
.my-post-report-close-btn a{
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    border-radius: 4px;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 5px;
}
.my-post-report-heading{
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 105px;
    padding-right: 105px;
}

.pty-rpt-box {
    padding: 20px 105px;
    border-bottom: 1px solid #E0E0E0;
}
.pty-rpt-box:last-child{
    border-bottom: none;
}
.pty-rpt-box-img-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.pty-rpt-img {
    margin-right: 10px;
}
.pty-rpt-img img{
    width: 53px;
    height: 44px;
    max-width: 53px;
    max-height: 53px;
    border-radius: 3px;
}
.pty-rpt-detail-text h6 {
    font-size: 18px;
    font-weight: 700;
    /*font-family: 'ProximaNova-SemiBold';*/
    margin-bottom: 0;
    color: #4f4f4f;
}
.pty-rpt-detail-text p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #828282;
    font-weight: 400;
}
.pty-rpt-content-box p {
    font-size: 16px;
    font-weight: 400;
    color: #4f4f4f;
}

.pty-rpt-read-more a {
    font-size: 14px;
    color: #006AFA;
    position: relative;
    padding-right: 20px;
}
.pty-rpt-read-more a i {
    position: absolute;
    right: 0;
    font-weight: 600;
    font-size: 16px;
    top: 1px;
}
.post-detail-controller{
    max-height: 100vh;
    overflow-x: hidden;
    background-color: #fff;
}

.modal-dialog-post-detail .modal-content{
    border: none;
    border-radius: 0;
}
.price-list-flex {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}
.post-detail-head-box .propert-cnnt-box .price-list-flex h6{
    margin: 8px 0px;
}
.price-list-flex .propety-size-box>p{
    margin: 5px 0px;
}
.post-detail-head-box .propert-cnnt-box h6{
    font-size: 18px;
    color: #666666;
    font-family: 'ProximaNova-Bold';
    margin-bottom: 15px;
}
.post-detail-head-box .propert-cnnt-box>p{
    font-size: 15px;
}
.proprty-detail-img img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}
.post-detail-img-slider {
    height: 275px;
}



.post-detail-img-slider{
    z-index: 2;
}
.post-detail-img-slider.custom-swiper-slider .swiper-slider-next,
.post-detail-img-slider.custom-swiper-slider .swiper-container-rtl .swiper-slider-prev{
    right: 0px;
}
.post-detail-img-slider.custom-swiper-slider .swiper-slider-prev,
.post-detail-img-slider.custom-swiper-slider .swiper-container-rtl .swiper-slider-next{
    left: 0px;
}
.post-detail-img-slider.custom-swiper-slider .swiper-slider-prev.swiper-button-disabled,
.post-detail-img-slider.custom-swiper-slider .swiper-slider-next.swiper-button-disabled{
    visibility: visible;
    opacity: 1;
}
.post-detail-row {
    border-bottom: 1px solid #DDDDDD;
}
.swiper-pagination-list {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background-color: #007B9B;
    color: #fff;
    padding: 6px 15px;
}
.swiper-pagination-list span{
    font-family: 'ProximaNova-Regular';
    font-size: 14px;
    font-weight: 400;
}
.swiper-pagination-list .swiper-pagination-fraction,
.swiper-number-pagination, .swiper-container-horizontal>.swiper-pagination-bullets{
    display: inline-block;
    width: auto;
}
.swiper-pagination-list .swiper-pagination-current{
    /*font-family: 'ProximaNova-SemiBold';*/
    font-weight: 700;
}
.post-detail-head-box {
    height: 100%;
    padding: 40px 20px 40px 50px;
}

.postdetail-main-list{
    padding: 40px 80px;
    border-bottom: 1px solid #DDDDDD;
}
.border-bottom-none{
    border-bottom: none;
}
.modal-list-head{
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
}
.intsrudetail{
    border-radius: 4px;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    padding: 15px 20px;
}
.intsrudetail p{
    margin-bottom: 0;
    font-family: 'ProximaNova-Regular';
    font-weight: 400;
    font-size: 15px;
}
.intsrudetail.light-sucess{
    background: rgba(240, 248, 233, 0.5);
    border: 1px solid #12BA23;
    color: #0A6853;
}
.instuction-box{
    margin-bottom: 50px;
}
.hs-detail p{
    font-size: 16px;
    color:  #656565;
}
.hs-detail p b{
    display: inline-block;
    margin-right: 5px;
}
.post-detail-map {
    position: relative;
    display: inline-block;
    width: 100%;
}
.post-detail-map-box{
    width: 100%;
    height: 300px;
}
.post-direction-button {
    -webkit-box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.2), 0px 14px 21px rgba(0, 0, 0, 0.14), 0px 5px 26px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.2), 0px 14px 21px rgba(0, 0, 0, 0.14), 0px 5px 26px rgba(0, 0, 0, 0.12);
    color: #006AFA;
    padding: 10px 20px;
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
}
.post-direction-button:hover,
.post-direction-button:focus{
    -webkit-box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.2), 0px 14px 21px rgba(0, 0, 0, 0.14), 0px 5px 26px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 7px 9px rgba(0, 0, 0, 0.2), 0px 14px 21px rgba(0, 0, 0, 0.14), 0px 5px 26px rgba(0, 0, 0, 0.12);
}
.modal-dialog-post-detail {
    max-width: 775px;
    width: 90%;
    margin: 0rem auto;
}
.detail-main-container{
    position: relative;
}
.detail-main-container .swiper-main-next,
.detail-main-container .swiper-container-rtl .swiper-main-prev{
    right: -75px;
}
.detail-main-container .swiper-main-prev,
.detail-main-container .swiper-container-rtl .swiper-main-next{
    left: -75px;
}
.detail-main-container .swiper-main-prev,
.detail-main-container .swiper-main-next{
    position: fixed;
    top: 50%;
    color: #fff;
    text-align: center;
    transition: 0.5s;
}

.detail-main-container .swiper-main-prev {
    left: 50%;
    transform: translate(-50%, -50%) translateX(-450px);
}
.detail-main-container .swiper-main-next {
    right: 50%;
    transform: translate(-50%, -50%) translateX(475px);
}

.detail-main-container .swiper-main-prev span,
.detail-main-container .swiper-main-next span{
    font-size: 14px;
}
.detail-main-container .swiper-main-prev .slidericon,
.detail-main-container .swiper-main-next .slidericon{
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.2);
    font-size: 24px;
    padding-top: 10px;
    margin-bottom: 6px;
}
/*.detail-main-container .swiper-main-prev.swiper-button-disabled,
.detail-main-container .swiper-main-next.swiper-button-disabled{
    visibility: hidden;
    opacity: 0;
}*/


/*-----------account------------*/
.account-sidebar {
    width: 250px;
    display: inline-block;
    margin-top: 70px;
}
.account-sidebar ul li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 25px;
    width: 100%;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.account-sidebar ul li a img {
    max-width: 22px;
    margin-right: 14px;
}
.account-sidebar ul li a span {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    color: #828282;
}
.account-sidebar-toggle {
    display: none;
}
.account-sidebar ul li.active a{
    background-color: #e9eefb;
}
.account-sidebar ul li.active a span{
    color: #006AFA;
}
.account-sidebar ul li.active a img {
    filter: invert(0) sepia(7) saturate(40) hue-rotate(-150deg);
}
.account-right-container {

}
.account-rt-heading{
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
.account-rt-heading h3 {
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    letter-spacing: 0.1px;
    color: #4F4F4F;
}
.account-rt-heading p{
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    letter-spacing: 0.1px;
    color: #2C2C2C;
    margin-top: 10px;
}


.account-right-section-container{
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    min-height: 590px;
}

.account-profile-change{
    text-align: center;
    overflow: hidden;
}
.userprofile-img-bx {
    min-height: 108px;
    min-width: 108px;
    width: 108px;
    height: 108px;
    display: inline-block;
    margin-right: 0px;
    position: relative;
}
.userprofile-img-bx .prf-img-prev {
    min-height: 108px;
    min-width: 108px;
    width: 108px;
    height: 108px;
    border-radius: 50%;
}
.filepreviewprofile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.profile-img-change-btn{
    display: inline-block;
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: #F2F2F2;
    border-radius: 50%;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
    padding-top: 8px;
    bottom: -7px;
    right: -10px;
}
.account-right-label .form-control{
    font-weight: 400;
    color: #4F4F4F;
    font-size: 16px;
}
.account-right-label label{
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    color: #4F4F4F;
    margin-bottom: 3px;
    padding-left: 8px;
    width: 100%;
}
.account-right-label .btn-size-data{
    min-width: 215px;
}
/*
.account-right-label .link-text-group .form-control{
    padding-right: 55px;
}*/
.account-right-label .password-label p {
    color: #8D8D94;
}
.sub-form-text{
    font-size: 13px;
    color: #8A8888;
}
.mt-pass-submit{
    margin-top: 100px;
}
.notification-right-section-container{
    padding: 10px 0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    min-height: 590px;
}
.notification-right-section-container .notification-left-box {
    display: flex;
    flex: 1;
    flex-grow: 1;
    margin-right: 15px;
}
.notification-right-section-container .notification-box {
    display: flex;
    background-color: #F5FCFA;
    padding: 15px 25px;
    border-bottom: 1px solid #E0E0E0;
    justify-content: space-between;
    align-items: center;
    min-height: 72px;
    margin-bottom: 10px;
}
.notification-right-section-container .notification-text-content h3{
    font-size: 15px;
}
.notification-right-section-container .notification-text-content p{
    font-size: 14px;
    white-space: initial;
    overflow: inherit;
    max-width: inherit;
}
.notification-right-section-container .notification-image img{
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
}
.notification-right-section-container .notification-date-box {
    flex: 1;
    flex-grow: 1;
    max-width: 150px;
    margin-right: 15px;
}
.notification-right-section-container .notification-date-box h3{
    font-weight: 700;
    /*font-family: 'ProximaNova-SemiBold';*/
    color: #4F4F4F;
    font-size: 14px;
    margin-bottom: 0;
}
.notification-right-section-container .notification-close-box a i{
    font-weight: 700;
    color: #4F4F4F;
}

.default-content-area{
    padding-top: 30px;
    margin-bottom: 20px;
}
.default-content-area:last-child{
    margin-bottom: 0;
}
.default-content-area p{
    color: #666666;
    margin-bottom: 25px;
}

.payment-right-section-container {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    min-height: 590px;
}
.payment-top-section-container {
    padding:  30px;
    background-color: #fff;
    border-bottom: 1px solid #E0E0E0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.payment-title-header {
    display: inline-block;
    width: 100%;
}
.payment-title-header .payment-sub-data{
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    padding: 8px;
    margin-left: -2px;
    vertical-align: top;
    float: left;
    color: #007B9B;
}

.payment-title-header .payment-sub-data:first-child{
    width: 25%;
    padding-left: 15px;
}
.payment-title-header .payment-sub-data:last-child{
    width: 75%;
    padding-left: 15px;
}
.payment-card-box{
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    border: 1px solid #E0E0E0;
    width: 100%;
}
.payment-card-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.payment-card-header .payment-data{
    font-weight: 400;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
    padding: 12px 18px;
    color: #4F4F4F;
    margin-left: -2px;
    vertical-align: top;
    float: left;
}
.payment-title-header .payment-sub-data:nth-child(1){
    width: 30%;
    padding-left: 15px;
}
.payment-title-header .payment-sub-data:nth-child(2){
    width: 37%;
    padding-left: 15px;
}
.payment-title-header .payment-sub-data:nth-child(3){
    width: 33%;
    padding-left: 15px;
}
.payment-actions{
    text-align: right;
}
.payment-actions a{
    display: inline-block;
    padding: 5px 23px;
    font-size: 16px;
    border-radius: 6px;
}
.payment-edit {
    background-color: #006AFA;
    color: #fff;
}
.payment-edit:hover{
    color: #fff;
}
.payment-delete{
    background-color: rgba(0, 106, 250, 0.1);
    color: #006AFA;
    margin-left: 5px;
}
.payment-card-header .payment-data:nth-child(1){
    width: 30%;
    padding-left: 15px;
}
.payment-card-header .payment-data:nth-child(2){
    width: 37%;
    padding-left: 15px;
}
.payment-card-header .payment-data:nth-child(3){
    width: 33%;
    padding-left: 15px;
}


.payment-mobile-data {
    display: none;
    color: #007B9B;
}
.payment-method-add-link a{
    display: inline-block;
    color: #006AFA;
    font-size: 14px;
}
.payment-method-card-right-area{
    text-align: right;
}
.payment-method-card-right-area img{
    max-width: 136px;
}
.payment-method-card-right-area p{
    font-size: 13px;
    color: #828282;
    margin-bottom: 0px;
    margin-top: 10px;
}
.payment-method-add-link{
    display: inline-block;
    width: 100%;
}

.job-alert-label label{
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #4F4F4F;
    margin-bottom: 6px;
    padding-left: 0;
}


.job-alert-label .form-group{
    margin-bottom: 40px;
}

.job-alert-label .custom-control-label{
    vertical-align: middle;
    line-height: 26px;
    color: #868686;
    font-size: 14px;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
}
.selection-select{
    display: none;
}
.job-alert-section-container{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    min-height: 590px;
    position: relative;
}
.job-alert-top-section{
    padding: 30px;
    background-color: #fff;
    border-bottom: 1px solid #E0E0E0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.job-alert-content-section{
    padding: 30px;
}
.job-alert-link-set{
    font-size: 15px;
    font-weight: 400;
    color: #006AFA;
    display: inline-block;
    margin-left: 15px;
}
.job-link-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}

.job-link-section  .job-alert-link-set{

}




/*-------switch-container---*/
.jon-switch-box {
    display: flex;
    padding: 25px;
    padding-bottom: 0;
    margin-bottom: -20px;
    justify-content: flex-end;
    align-items: center;
}
.jon-switch-box p {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 0;
    color: #868686;
}
.onoffswitch {
    position: relative;
    width: 60px;
    height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    background-color: #3a506b;
    transition: all 0.3s ease-in 0s;
    margin-bottom: 0;
    height: 100%;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 100%;
    padding: 3px;
    font-size: 13px;
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 15px;
    background-color: transparent;
    color: #ffffff;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 9px;
    text-align: right;
    background-color: transparent;
}

.onoffswitch-switch {
    width: 18px;
    height: 18px;
    margin: 2px;
    background: #ffffff;
    border-radius: 20px;
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 37px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #00AE86;
}






/*-----------*/
.job-filter-drodpown-box{
    position: relative;
    display: inline-block;
}
.job-filter-button a {
    position: relative;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
    letter-spacing: 0.3px;
    font-size: 14px;
    padding: 5px 16px;
    border: 1px solid #E0E0E0;
    display: inline-block;
    border-radius: 50px;
    color: #656565;
}
.job-filter-dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    float: left;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    border: none;
    width: 250px;
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.32);
    border-radius: 8px;
    right: -100%;
    padding: 0;
    transform: translateY(25%) !important;
}
.job-filter-drodpown-box.active .job-filter-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(9%) !important;
}
.job-filter-drodpown-box.active .job-filter-button a {
    color: #006AFA;
    background-color: #eef3ff;
    border-color: #eef3ff;
}
.job-filter-dropdown-menu:before {
    background-image: url(../images/dropdown-arrow.png);
    position: absolute;
    content: '';
    top: -5px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
}
.job-filter-content-box{
    padding: 10px;
}

.feedback-content h6{
    font-weight: 600;
}


.filter-my-posts{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 15px;
}

.filter-my-posts label{
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: 10px;
}
.filter-my-posts .select2Part{
    width: 240px;
}

.filter-my-posts .select2-container--default .select2-selection--single{
    height: 38px;
}
.filter-my-posts .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 38px;
}
.filter-my-posts .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 38px;
}


/*-------min-width----------*/

@media (min-width: 576px){
    .modal-dialog-post {
        max-width: 744px;
    }
    .modal-dialog-profile{
        max-width: 462px;
        margin: .75rem auto;
    }
    .modal-dialog-post-detail {
        max-width: 775px;
        margin: 0rem auto;
    }
}

.nav-bar li a.login-btn-mobile{
    font-size: 20px;
}

.low-amount-alert.alert-popup{
    top: 120px;
}





/*-------max-width----------*/
@media(max-width: 1366px){
    .my-proview-view-box {
        position: static;
        width: 100%;
        text-align: left;
        background-color: #fff;
    }
    .profil-view-box{
        display: flex;
        align-items: center;
        padding: 8px;
    }
    .profil-view-img-box{
        margin-right: 10px;
    }

    .profil-view-dropdown .dropdown-menu {
        transform: translateY(-23%) !important;
        left: calc(100% + 4px);
    }
    .profil-view-dropdown .dropdown-menu.show {
        transform: translateY(-37%) !important;
    }
}



@media (max-width: 1199px){
    .mp-header .mp-data:nth-child(4){
        width: 11%;
    }
    .mp-header .mp-data:nth-child(8) {
        width: 11%;
    }
    .mp-header .mp-data:nth-child(9) {
        width: 12%;
    }




}


@media (max-width: 991px){
    .modal-open .ga-tab-part {
        display: none;
    }
    .welcome-box{
        flex-direction: column-reverse;
    }
    .welcome-box-left{
        margin-top: 30px;
        text-align: center;
    }
    .close-modal-custom{
            background-color: rgba(5, 27, 49, 1);
        margin-top: 80px;
        margin-right: 10px;
    }
    .my-post-heading-filter{
        flex-direction: column;
        align-items: flex-start;
    }
    .my-post-left-filter{
        margin-bottom: 10px;
    }

    .mp-mobile-data{
        display: inline-block;
        margin-right: 10px;
        min-width: 90px;
    }
    .mp-header{
        display: flex;
        flex-wrap: wrap;
    }
    .mp-card{
        border: 1px solid #ddd;
    }
    .mp-data{
        padding: 8px 12px !important;
        display: flex;
        justify-content: space-between;
        flex: 0 0 50%;
        width: 50% !important;
        border-bottom: 1px solid #eeeeee;
    }
    .mp-collapse-data{
        border-top: 1px solid #eeeeee;
    }
    .mp-data:last-child{
        width: 100% !important;
        flex: 0 0 100%;
        border: none;
    }
    .mp-mobile-header{
        display: none;
    }
    .mp-text-data{
        text-align: right;
    }
    .my-proview-view-box{
        margin-bottom: 10px;
    }

    .detail-main-container .swiper-main-prev .slidericon,
    .detail-main-container .swiper-main-next .slidericon{
         width: 35px;
        height: 35px;
        background-color: rgba(0,0,0,0.5);
        font-size: 15px;
        padding-top: 7px;
    }
    .detail-main-container .swiper-main-prev,
    .detail-main-container .swiper-container-rtl .swiper-main-next{
        left: 6px;
    }
    .detail-main-container .swiper-main-next,
    .detail-main-container .swiper-container-rtl .swiper-main-prev{
        right: 6px;
    }
    .detail-main-container .swiper-main-prev span,
    .detail-main-container .swiper-main-next span{
        display: none;
    }
    .detail-main-container .swiper-main-prev,
    .detail-main-container .swiper-main-next {
        top: calc(50% + 43px);
        z-index: 1;
    }


    /*--account--------*/
    .account-sidebar{
        margin-bottom: 30px;
        margin-top: 0;
        padding-top: 60px;
        position: fixed;
        background-color: #fff;
        left: -250px;
        z-index: 9;
        top: 0;
        border-radius: 0;
        height: 100vh;
        transition: 0.5s;
        border: none;
        box-shadow: 0px 4px 30px rgba(0,0,0,0.2);
    }
    .account-sidebar ul li a{
        border-radius: 0px;
    }
    .account-sidebar ul li:last-child{
        margin-bottom: 20px;
    }
    .account-sidebar ul{
        overflow-x: hidden;
        height: 100%;
    }
    .account-sidebar.active{
        left: 0;
    }
    .account-sidebar-toggle {
        position: absolute;
        right: -42px;
        padding: 7px 14px;
        background-color: #0b7bdd;
        z-index: 99;
        display: block;
        top: 170px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        box-shadow: 0px 2px 20px rgba(0,0,0,0.1);
    }
    .account-sidebar-toggle a{
        color: #fff;
    }
    .account-sidebar.active .fa-chevron-right:before{
        content: "\f053";
    }
    .account-sidebar-overlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }
    .account-sidebar-overlay.active{
        opacity: 1;
        visibility: visible;
    }
    .account-right-container{
        padding-left: 0px;
        max-width: 800px;
        margin: 0 auto;
    }
}





@media (max-width: 767px) {
    .account-header-right {
        margin-left: auto;
    }
    .menu-part {
        position: fixed;
        width: 250px;
        height: 100vh;
        background: #fff;
        padding: 15px;
        padding-top: 65px;
        left: -100%;
        top: 0;
        overflow-x: hidden;
        z-index: 99;
        transition: all 0.4s ease-in-out;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
        display: none;
    }

    .close-menu {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 15px;
    }

    .toggle-btn {
        width: 2rem;
        margin-left: 20px;
    }
    .toggle-btn a {
        display: block;
    }
    .toggle-btn a i {
        width: 100%;
        height: 4px;
        margin: 6px 0;
        display: block;
        background: #231f20;
        border-radius: 5px;
    }
    .menu-part-left ul li a img{
        display: inline-block;
    }
    .menu-part-left ul li a span{
        display: none;
    }



    .got-it-message .got-it-popup-menu {
        right: -115px;
        min-width: inherit;
        width: 280px;
    }
    .got-it-find-dropdown .got-it-popup-menu{
        right: inherit;
        left: -85px;
    }
    .got-it-find-dropdown .got-it-popup-menu:before{
        left: calc(50% - 30px);
    }
    .step-list-inline li .btn-default{
        font-size: 15px;
    }
/*    .property-step-form-box .link-text-group textarea.form-control{
        padding-right: 15px;
    }*/
    .my-post-left-filter h3{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .mp-data{
        flex: 0 0 100%;
        width: 100% !important;
    }
    .pty-rpt-box {
        padding: 20px 15px;
    }
    .my-post-report-heading{
        padding-left: 15px;
        padding-right: 15px;
    }
    .my-post-report-heading h1{
        font-size: 24px;
    }


    .account-right-label .link-text-group .link-text-btn{
        top: 18px;
        right: 15px;
        bottom: inherit;
    }
    /*.account-right-label .link-text-group{
        margin-bottom: 0px;
    }*/
    .notification-right-section-container .notification-date-box{
        max-width: 85px;
    }
    .payment-mobile-data {
        display: inline-block;
        margin-right: 10px;
        min-width: 90px;
    }
    .payment-title-header{
        display: none;
    }
    .payment-card-header{
        flex-direction: column;
    }
    .payment-card-header .payment-data {
        padding: 8px 12px !important;
        display: flex;
        justify-content: space-between;
        flex: 0 0 100%;
        width: 100% !important;
        border-bottom: 1px solid #eeeeee;
    }
    .payment-text-data{
        text-align: right;
    }
    .payment-card-header .payment-data.payment-actions{
        justify-content: flex-end;
    }
    .payment-method-add-link{
        margin-top: 5px;
        text-align: right;
    }
}




@media (max-width: 575px){
    .welcome-box-right img {
        min-width: initial;
    }
    .welcome-box{
        padding: 20px 15px;
    }
    .mt-align-25{
        margin-top: 0px;
    }



    .post-modal-heading{
        padding-left: 20px;
        padding-right: 20px;
        font-size: 30px;
    }
    .form-input-steps{
        padding-left: 20px;
        padding-right: 20px;
    }
    .step-list-inline{
        padding-left: 20px;
        padding-right: 20px;
    }
    .wizard > div.wizard-inner{
        padding-left: 10px;
        padding-right: 10px;
    }
    .return-step-list{
        padding-left: 20px;
        padding-right: 20px;
    }
    .property-step-form-box{
        padding-left: 20px;
        padding-right: 20px;
    }
    .property-set-box{
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
    }
    .step-list-inline{
        flex-direction: column;
    }
    .step-list-inline li{
        width: 100%;
    }
    .step-list-inline .mr-align-btn{
        margin-left: 0px;
        margin-top: 10px;
    }
    .proprty-expend-box{
        padding-top: 0px;
        position: absolute;
        top: 10px;
        right: 15px;
    }
    .property-set-content{
        margin-right: 0px;
    }
    .mt-select-align{
        margin-top: 0px;
    }
    .page-footer{
        text-align: center;
    }
    .payment-total-amount-box h3{
        font-size: 18px;
    }
    .my-post-left-filter .filter-container{
        width: 100%;
    }
    .filter-container .radio-align-boxes{
        width: 100%;
    }
    .filter-container .radio-align-boxes .custom-radio{
        width: 100%;
        margin-left: 0;
    }


    .property-main-slider{
        padding-left: 10px;
        padding-right: 10px;
    }
    .profile-img-view img {
        width: 38px;
        height: 38px;
        min-height: 38px;
        min-width: 38px;
    }
    .profil-view-dropdown .dropdown-menu{
        top: 100%;
        left: 5px;
        transform: translateY(15%) !important;
        min-width: 300px;
    }

    .profil-view-dropdown .dropdown-menu.show{
        transform: translateY(0%) !important;
    }
    .profil-view-dropdown .dropdown-menu:before {
        top: -12px;
        left: 20px;
        background-repeat: no-repeat;
        transform: rotate(90deg);
    }
    .profile-action-buttons a p {
        font-size: 13px;
    }
    .profile-action-buttons a img{
        max-height: 35px;
        max-width: 35px;
        height: 35px;
        width: 35px;
    }

    .post-detail-head-box{
        padding-left: 20px;
        padding-right: 20px;
    }
    .postdetail-main-list{
        padding-left: 20px;
        padding-right: 20px;
    }
    .payment-top-section-container{
        padding: 30px 2px;
    }
}



@media (max-width: 479px){
    .header-notification-dropdown .dropdown-menu {
        min-width: 300px;
        max-width: 300px;
        right: -63px;
    }
    .notification-box{
        padding: 15px;
    }
    .notification-image img {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    .header-notification-dropdown .dropdown-menu:before {
        right: 62px;
    }
    .notification-text-content p{
        max-width: 210px;
    }
    .form-input-steps .radio-align-boxes .custom-radio,
    .property-step-form-box .radio-align-boxes .custom-radio{
        margin-left: 0px;
        width: 100%;
    }
    .property-set-icon img {
        min-width: 35px;
        min-height: 35px;
        height: 35px;
        width: 35px;
    }
    .wizard .nav-tabs{
        margin-bottom: 10px;
    }
    .wizard .nav-tabs > li:before{
        display: none;
    }
    .wizard .nav-tabs > li a{
        padding: 6px;
        font-size: 15px;
    }
    .wizard .nav-tabs > li{
        margin-left: 0px;
    }
    .profil-view-dropdown .dropdown-menu:before {
        top: -12px;
        left: 28px;
    }
    .profil-view-dropdown .dropdown-menu{
        left: -5px;
    }

    .notification-right-section-container .notification-left-box{
        flex-direction: column;
    }
    .notification-right-section-container .notification-box{
        align-items: flex-start;
        flex-direction: column;
        position: relative;
        padding-top: 35px;

    }
    .notification-right-section-container .notification-image{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .notification-right-section-container .notification-date-box {
        position: absolute;
        right: 55px;
        top: 15px;
    }
    .notification-right-section-container .notification-close-box{
        position: absolute;
        right: 15px;
        top: 12px;
    }
    .job-alert-section .radio-align-boxes .custom-radio,
    .job-alert-section .checkbox-align-boxes .custom-checkbox {
        margin-left: 0px;
        width: 100%;
    }
}



@media (max-width: 389px){
    .proprty-img-content-box{
        flex-direction: column;
    }
    .proprty-img-box{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .payment-modal-method .form-input-steps{
        padding-left: 0;
        padding-right: 0;
    }
    .payment-modal-method .card-number-input .form-control {
        padding-right: 105px;
    }
    .payment-modal-method .card-number-img img {
        max-width: 85px;
    }
}

/* start here cudtome css  */
label.error {
    color: red !important;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 1.5;
    display: block;
    margin-top: 2px;
}
.bg-red {
    background-color: #f95555;
    color: #ffffff;
}
.loader-text{
    position: relative;
}
 .btn-right-icon .loader-text i{
    right: -25px;
    transform: none;
    top: 3px;
}

/*--------toastr-------*/
#toast-container *{
    width: auto;
}
.toast, #toast-container>div {
    padding: 15px 12px;
    border-radius: 6px;
    min-width: 400px;
    max-width: 450px;
    z-index: 1003;
    width: auto;
    opacity: 1;
        display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.toast-title {
    font-weight: 700;
    color: #4F4F4F;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 22px;
    font-family: 'ProximaNova-Bold';
    position: relative;
    padding-left: 27px;
    padding-right: 20px;
}
.toast-message{
    margin-bottom: 0;
    margin-top: 8px;
    color: #4F4F4F;
    font-weight: 400;
    font-family: 'ProximaNova-Regular';
}
#toast-container > .toast {
    background-image: none !important;
}
#toast-container > .toast .toast-title:before {
    font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#toast-container > .toast .toast-title:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    position: absolute;
    left: 0;
    font-size: 22px;
    vertical-align: middle;
}

.toast-error .toast-message a {
    color: #ff0000;
}

.toast-close-button {
    font-weight: 100;
    color: #000;
    font-size: 28px;
    right: 12px;
    top: 12px;
    position: absolute;
}
.toast-success .toast-close-button{
    color: #12BA23;
}
.toast-error .toast-close-button{
    color: #EB5757;
}
.toast-warning .toast-close-button{
    color: #e6cc10;
}
.toast-info .toast-close-button{
    color: #006AFA;
}
.toast-success {
    background: #E7F7E5;
    border: 2px solid #12BA23;
}
.toast-error{
    background: #FFF2EB;
    border: 2px solid #EB5757;
}
.toast-warning{
    background: #fffad7;
    border: 2px solid #e6cc10;
}
.toast-info{
    background: #EEF5FF;
    border: 2px solid #006AFA;
}
#toast-container > .toast-warning .toast-title:before {
    content: "\e81e";
    color: #e6cc10;
}
#toast-container > .toast-error .toast-title:before {
    content: "\e81c";
    color: #EB5757;
}
#toast-container > .toast-info .toast-title:before {
    content: "\e87f";
    color: #006AFA;
}

#toast-container > .toast-success .toast-title:before {
    content: "\e83e";
    color: #219653;
}

@media (max-width: 768px){
    .toast {
        min-width: 300px;
    }
    .toast, #toast-container>div {
        min-width: inherit;
    }
}

.btn-default .spinner-border {
    width: 15px;
    height: 15px;
    margin-left: 10px;
}
.btn-default .button-loader {
    display: none;
}

@media (max-width: 767px){
    .post-detail-img-slider {
    height: 350px;
    }
    .proprty-detail-img {
    height: 100%;
    }
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #333;
    cursor: not-allowed;
    background-color: #f5f2f2;
}

.btn-default .property-button-loader {
    display: none;
}

.more_desc {display: none;}
.accepted_job_span {cursor: default;color: #006AFA;}

.ui-menu .ui-menu-item a {
  font-size: 12px;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1051 !important;
  float: left;
  display: none;
  min-width: 160px;
  width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  max-width: 450px;
    border: none;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.3);
    border-radius: 8px;
    padding: 12px;
    max-height: 200px;
    overflow-x: hidden;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}
.ui-state-hover, .ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
}


.ui-menu-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
.ui-menu-item-wrapper {
    padding: 8px;
    border-radius: 5px;
    font-size: 15px;
    letter-spacing: 0.3px;
    cursor: pointer;
}
.ui-menu-item-wrapper.ui-state-active {
    background-color: #00AE86;
}
.loader-show .form-control{
    padding-right: 45px;
}
.icon-loading {
    position: absolute;
    right: 30px;
    top: 40px;
    width: 18px;
    height: 18px;
    border: 2px solid #00ae86;
    border-right-color: transparent;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.loader-show .icon-loading{
    opacity: 1;
    visibility: visible;
}
.loader-up{
    top: 16px;
}

.post-detail-controller{
        max-height: inherit;
    overflow-x: visible;
}


/*---------*/
@media (min-width: 576px){
    .modal-dialog.job-modal-dialog{
        max-width: 800px;
        margin: 1.75rem auto;
        width: calc(100% - 20px);
    }
}
.job-modal-dialog .modal-content{
    border-radius: 6px;
    border: none;
    overflow: hidden;
}
.job-modal-dialog .modal-body{
    padding: 0px;
}
.job-accpet-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.job-accppt-left ul li {
    font-size: 15px;
    padding: 2px 0px;
}
.job-accppt-left {
    position: relative;
    width: 100%;
    padding-right: 20px;
}
.job-accppt-left ul li img {
    width: 16px;
    margin-right: 8px;
}
.job-accpet-right {
    background-color: #00AE86;
    color: #fff;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
}
.offer-rate{
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.job-accpet-map{
    width: 100%;
    min-height: 280px;
    position: relative;
}
.job-modal-map{
    width: 100%;
    height: 100%;
    position: absolute !important;
}
.job-data-body{
    padding: 20px;
}
.job-main-slider{
    position: relative;
}
.job-main-slider .property-card-box{
    box-shadow: none;
    border: 1px solid #ddd;
}
.job-slider-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.swiper-job-prev,
.swiper-job-next{
    width: 30px;
    height: 30px;
    background-color: #ddd;
    color: #333;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    padding-top: 7px;
    transition: 0.3s;
    position: relative;
    display: inline-block;
}
.swiper-job-prev:hover,
.swiper-job-next:hover{
    background-color: #00AE86;
    color: #fff;
}
.swiper-job-prev.swiper-button-disabled,
.swiper-job-next.swiper-button-disabled{
    visibility: hidden;
    opacity: 0;
}
.swiper-job-next{
    margin-left: 10px;
}
.job-accpet-box{
    margin-top: 15px;
}
.accept-job-btn{
    padding: 13px 27px;
    background-color: #006AFA;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    border: none;
    width: 100%;
    text-align: center;
}
.payment-data.hidden-card {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9Im5vbmUiLz48ZGVmcz48ZmlsdGVyIHg9Ii0zLjclIiB5PSItNC4yJSIgd2lkdGg9IjEwNy4zJSIgaGVpZ2h0PSIxMTYuNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU1vcnBob2xvZ3kgcmFkaXVzPSIuNSIgb3BlcmF0b3I9ImRpbGF0ZSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd1NwcmVhZE91dGVyMSIvPjxmZU9mZnNldCBkeT0iMTYiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlTW9ycGhvbG9neSByYWRpdXM9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dJbm5lciIvPjxmZU9mZnNldCBkeT0iMTYiIGluPSJzaGFkb3dJbm5lciIgcmVzdWx0PSJzaGFkb3dJbm5lciIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbjI9InNoYWRvd0lubmVyIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjgiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4wNCAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiLz48ZmVNZXJnZT48ZmVNZXJnZU5vZGUgaW49InNoYWRvd01hdHJpeE91dGVyMSIvPjxmZU1lcmdlTm9kZSBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmVNZXJnZT48L2ZpbHRlcj48cmVjdCBpZD0iYiIgd2lkdGg9IjM1IiBoZWlnaHQ9IjI1IiByeD0iMy4zMTYiLz48L2RlZnM+PGcgY2xhc3M9ImN1cnJlbnRMYXllciI+PGcgZmlsdGVyPSJ1cmwoI2EpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii4xIiBjbGFzcz0ic2VsZWN0ZWQiPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2IiIHg9Ii4zMzEiLz48cmVjdCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iLjkyMSIgeD0iLjc5MiIgeT0iLjQ2MSIgd2lkdGg9IjM0LjA3OSIgaGVpZ2h0PSIyNC4wNzkiIHJ4PSIzLjMxNiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik01LjMzIDZoMTF2MWgtMTF6bTAgMmgxMXYxaC0xMXptLTUgN2gzNXY2aC0zNXoiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat left 15px center;
}
.payment-card-header .payment-data.hidden-card:nth-child(1) {
    padding-left: 60px;
}
@media (max-width: 479px){
    .job-accpet-header{
        flex-direction: column;
        align-items: flex-start;
    }
    .job-accppt-left{
        padding-right: 0;
        padding-bottom: 20px;
    }
    .job-accpet-right{
        width: 100%;
    }
}

img.pwd-by-stripe{
    width: 130px;
    float:right;
}

/* Admin */
#create-user-button {
    line-height: 1;
    border: 1px solid #007bff;
    border-radius: 15px;
    width: 150px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#create-user-button:hover {
    background: #eaeff6;
}