/* stepper css */
.buyers-stepper{position:relative;padding-bottom:20px}
.buyers-stepper .steps ul:first-child{position:absolute;bottom:0;display:flex;justify-content:center}
.custom-modal.buyers-agent-modal .modal-content-wrapper .modal-inner-content .modal-close{position:absolute;right:64px;cursor:pointer;z-index:99}
.buyers-stepper .actions ul{display:flex;align-items:center;justify-content:space-between;padding:0}
.buyers-stepper .actions ul li.diabled a{pointer-events:none;cursor:default}
.buyers-stepper .actions ul:not(.has-orders){margin:5px -16px 0;padding:0}
.buyers-stepper .actions ul:not(.has-orders) li{flex:0 0 50%;max-width:50%;padding:0 16px}
.buyers-stepper .actions ul.has-orders{flex-wrap:wrap;flex-direction:column-reverse}
.buyers-stepper .actions ul.has-orders li{width:100%;text-align:center;display:block}
.buyers-stepper .actions ul li .btn{width:100%;font-size:14px}
.buyers-stepper .actions ul.has-orders li+li{margin-bottom:27px}
.buyers-stepper .service-text-wrapper a{text-decoration:underline;margin-bottom:25px}
.buyers-stepper .service-text-wrapper a:hover{text-decoration:none}
.buyers-stepper .service-text-wrapper{margin-bottom:23px}
.custom-modal .buyers-stepper .modal-body .modal-content .custom-radio-title{margin-bottom:18px}
.buyers-stepper .steps ul[role=tablist]{width:100%}
.steps ul[role=tablist] >li.first.last.current {display: none;}
.buyers-stepper .steps ul[role=tablist] li a span{display:none}
.buyers-stepper .steps ul[role=tablist] li a{width:10px;height:10px;background-color:#778899;border-radius:50%}
.buyers-stepper .steps ul[role=tablist] li.current a{width:18px;height:18px;background-color:#0064E5}
.buyers-stepper .steps ul[role=tablist] li{position:relative;padding-right:65px;display:flex;align-items:center;pointer-events:none;cursor:default}
.buyers-stepper .steps ul[role=tablist] li:last-child{padding-right:0}
.buyers-stepper .steps ul[role=tablist] li:not(:last-child) a:after{position:absolute;content:'';height:2px;width:65px;right:0;top:50%;transform:translateY(-50%);background-color:#778899}
.buyers-stepper .steps ul[role=tablist] li.final-step a:after{display:none}
.buyers-stepper .steps ul[role=tablist] li.final-step{padding-right:0}
.buyers-stepper .stepper-wrapper .form-wrapper{display:flex;flex-wrap:wrap;margin:0 -16px}
.buyers-stepper .stepper-wrapper .form-wrapper:not(:last-child){margin-bottom:0}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group{flex:0 0 100%;max-width:100%;padding:0 16px 16px;margin:0}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group.half-width{flex:0 0 50%;max-width:50%}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group.small-width{flex:0 0 33.33%;max-width:33.33%}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-name-wrapper{flex:0 0 calc(100% - 192px);max-width:calc(100% - 192px)}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-cvv-wrapper{flex:0 0 192px;max-width:192px}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-expiry-wrapper .expiry-inner-wrapper{display:flex;justify-content:space-between}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-expiry-wrapper .expiry-inner-wrapper .custom-select-wrapper,.buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-expiry-wrapper .expiry-inner-wrapper .form-control{flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px)}
.buyers-stepper .stepper-wrapper.welcome-step .modal-body .modal-content>p:first-child{margin-bottom:21px}
.buyers-stepper .stepper-wrapper.welcome-step .modal-body .form-group.custom-checkbox{margin-bottom:15px}
.custom-modal .stepper-wrapper.welcome-step .modal-body .modal-content .custom-radio-outer-wrapper{margin-bottom:-15px}
.buyers-stepper .stepper-wrapper.representation-step .modal-body .modal-content>p:first-child{margin-bottom:25px}
.buyers-stepper .stepper-wrapper.payment-info-step .modal-body .modal-content>p:first-child{margin-bottom:35px}
.buyers-stepper .stepper-wrapper .bold-text{font-weight:700}
.buyers-stepper .stepper-wrapper.payment-info-step .service-link-wrapper{margin:20px 0 25px}
.buyers-stepper .stepper-wrapper.welcome-step .service-text-wrapper{margin:24px 0 26px}
.custom-modal .stepper-wrapper.welcome-step .modal-body .modal-content .custom-radio-wrapper label{padding-left:34px}
.buyers-stepper .stepper-wrapper.representation-step p{margin-bottom:25px}
.buyers-stepper .service-text-wrapper .custom-checkbox label a {z-index: 4;margin-bottom: 0;position: relative;}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group#phone_div_offer div.custom-checkbox {margin-top: 20px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; width: 400px; flex: 0 0 100%; max-width: 200%;}
 
/* buyers stepper */
#buyers-stepper.buyers-stepper .stepper-wrapper.welcome-step .service-text-wrapper{margin-bottom:0}
#buyers-stepper.buyers-stepper .stepper-wrapper.welcome-step .service-text-wrapper .form-group:last-child{margin-bottom:0}
#buyers-stepper.buyers-stepper .steps ul[role=tablist] li:not(:last-child){padding-right:105px}
#buyers-stepper.buyers-stepper .steps ul[role=tablist] li:not(:last-child) a:after{width:105px}
#buyers-stepper.buyers-stepper .stepper-wrapper.payment-info-step .modal-body .modal-content>p:first-child{margin-bottom:24px}

/* design changes after development */
.buyers-stepper > .actions{overflow:hidden}
.buyers-stepper .stepper-wrapper .form-wrapper .form-group label.error{top:auto;bottom:1px} /*8px*/
.buyers-stepper .stepper-wrapper .form-wrapper .form-group label[for="phone_number"].error {bottom: 86px;}
.buyers-stepper .stepper-wrapper .modal-content{overflow:hidden}
.buyers-stepper .stepper-wrapper .modal-content>.content-wrapper{padding-bottom:15px}
.buyers-stepper .stepper-wrapper .select2-container--default .select2-results>.select2-results__options{max-height:148px}
.buyers-stepper .stepper-wrapper .modal-content>.content-wrapper .custom-radio-outer-wrapper+.client-registration-wrapper{padding-left:30px}

.message-tab-section.prospects-tab-section.seller-dashboard { padding-top: 30px;}
.buyer-dashboard-redesign.message-tab-section.prospects-tab-section.seller-dashboard .custom-tabbing-wrapper .page-content-wrapper { padding: 30px 0;}
.buyer-dashboard-redesign.agent-property-listing.seller-dashboard .tabbing-content .property-list-wrapper.properties-listing { margin-right: 0; padding: 0 20px;}
.agent-property-listing.has-agent-type-tabbing.seller-dashboard .property-list-wrapper .property-list-item { margin-top: 8px;}
.agent-property-listing.has-agent-type-tabbing.seller-dashboard .property-list-wrapper .property-list-item .property-list-inner { border-radius: 12px;}


@media(max-width: 1199px) {}

@media(max-width: 767px) {
/*    .custom-modal.buyers-agent-modal .modal-content-wrapper .modal-inner-content .modal-close{display:none}*/
    .buyers-stepper{padding-bottom:64px}
    .buyers-stepper .steps ul:first-child{bottom:auto;top:-95px}
    .buyers-stepper .stepper-wrapper.welcome-step .modal-body .modal-content>p:first-child{margin-bottom:25px}
    .buyers-stepper .stepper-wrapper .form-group.custom-radio-wrapper label{font-size:18px;padding-left:35px}
    .buyers-stepper .stepper-wrapper .form-group.custom-radio-wrapper{margin-bottom:11px}
    .buyers-stepper .actions ul.has-orders li+li{margin-bottom:28px}
    .buyers-stepper .actions ul.has-orders li .primary-link{font-size:18px}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.half-width{flex:0 0 100%;max-width:100%}
    .buyers-stepper .actions ul:not(.has-orders){margin:32px -19px 0}
    .buyers-stepper .actions ul:not(.has-orders) li{padding:0 19px}
    .buyers-stepper .stepper-wrapper .form-wrapper{margin:0 -16px -32px}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group{padding:0 16px 32px}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.half-width.card-postalcode-wrapper{flex:0 0 158px;max-width:158px}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.half-width.card-expiry-wrapper{flex:0 0 calc(100% - 158px);max-width:calc(100% - 158px)}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-expiry-wrapper .expiry-inner-wrapper .custom-select-wrapper:first-child{flex:0 0 calc(100% - 64px);max-width:calc(100% - 64px)}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-expiry-wrapper .expiry-inner-wrapper .custom-select-wrapper:last-child{flex:0 0 48px;max-width:48px}
    .buyers-stepper .stepper-wrapper.payment-info-step .modal-body .modal-content>p:first-child{margin-bottom:25px}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-cvv-wrapper{flex:0 0 145px;max-width:145px}
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-name-wrapper{flex:0 0 calc(100% - 145px);max-width:calc(100% - 145px);padding-right:0}
    .buyers-stepper .service-text-wrapper a.primary-link{font-size:18px;margin-bottom:28px}
    .buyers-stepper .stepper-wrapper.welcome-step .service-text-wrapper{margin:24px 0 30px}
    .buyers-stepper .stepper-wrapper .form-group label{margin-bottom:4px}
    .buyers-stepper .stepper-wrapper.personal-info-step .form-wrapper{margin:0 -16px -27px}
    .buyers-stepper .stepper-wrapper.personal-info-step .form-wrapper .form-group{padding:0 16px 27px}
    .buyers-stepper .actions ul li .btn{font-size:18px}
    .buyers-stepper .stepper-wrapper.payment-info-step .service-link-wrapper .primary-link,.buyers-stepper .stepper-wrapper.representation-step .primary-link{font-size:18px}
    #buyers-stepper.buyers-stepper .stepper-wrapper .form-wrapper{margin:0 -16px -24px}
    #buyers-stepper.buyers-stepper .stepper-wrapper .form-wrapper .form-group{padding:0 16px 24px}
    
    .custom-modal.buyers-agent-modal .modal-content-wrapper .modal-inner-content{padding-top:30px!important;min-height:100%;max-height:auto!important}
    .buyers-stepper .stepper-wrapper .modal-content>.content-wrapper .custom-radio-outer-wrapper+.client-registration-wrapper{padding-left:35px}
    .stepper-wrapper .custom-select-wrapper .select2-results__option{font-size:18px}
    .buyers-stepper .actions ul{padding-bottom:32px!important}
}


@media(max-width:575px) {
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.small-width {flex: 0 0 100%;max-width: 100%}
}
@media(max-width:425px) {
    .buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-cvv-wrapper,.buyers-stepper .stepper-wrapper .form-wrapper .form-group.card-name-wrapper,.buyers-stepper .stepper-wrapper .form-wrapper .form-group.half-width.card-expiry-wrapper,.buyers-stepper .stepper-wrapper .form-wrapper .form-group.half-width.card-postalcode-wrapper{flex:0 0 100%;max-width:100%;padding:0 16px 32px}
    .buyers-stepper .actions ul:not(.has-orders){margin:32px -16px 0}
    .buyers-stepper .actions ul:not(.has-orders) li{padding:0 16px}
    .buyers-stepper .actions ul li .btn{min-width:auto}
    .custom-modal.buyers-agent-modal .modal-content-wrapper .modal-inner-content{padding-top:70px!important}
    .buyers-stepper .steps ul:first-child{top:-50px}
    .buyers-stepper .stepper-wrapper .form-wrapper{margin-bottom:0}
}
