/* login-button */

.login-white-button,
.login-white-button:focus {
    /* width: 180px; */
    text-align: center;
    /* padding: 9px 0; */
    transition: all 0.3s ease-in-out;
    padding: 10px 15px;
}

.login-white-button:hover {
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}

.login-create-button button,
.login-create-button button:focus {
    margin-left: auto;
    margin-right: auto;
    /* width: 180px;
    padding: 9px 0; */
    padding: 10px 15px;
    display: block;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--white);
    color: var(--white);
}

.login-create-button button:hover {
    background: transparent;
    color: var(--b_primary);
    border: 1px solid var(--b_primary);
}

.accept-button {
    padding: 5px 21px;
}

.reject-button {
    padding: 5px 21px;
}

.viewPropertyBtn {
    padding: 9px 16px;
}

button#viewAgentBtn:focus,
.viewPropertyBtn:focus {
    color: var(--white_grey);
}

.slider-top-right {
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
}

.Overdue {
    color: var(--pink_three);
    background: var(--white_eight);
}

.complete {
    color: var(--green);
    background: var(--white_seven);
}

.in_progress {
    background: var(--white_nine);
    color: var(--b_primary);
}

.edit_progress-button {
    padding: 7px 15px;
}

.span_active {
    color: var(--green_three);
    border-radius: 6px;
    background: var(--white_seven);
    padding: 5px 23px;
}

.span_complete {
    color: var(--purple_six);
    border-radius: 6px;
    background: var(--white_nine);
    padding: 5px 23px;
}

.span_pending {
    color: var(--pink_three);
    border-radius: 6px;
    background: var(--white_eight);
    padding: 5px 23px;
}

.delete_project {
    border: 1px solid var(--b_primary);
    background: transparent;
    color: var(--b_primary);
}

.delete_project:hover {
    border: 1px solid;
    background: var(--Gradient-one);
    color: var(--white);
}

.collaborate_btn:hover {
    background: var(--Gradient-one);
    color: var(--white);
}

.collaborate_btn[disabled]:hover {
    background: transparent;
    color: var(--b_primary);
}

.inite_collabe:hover {
    background: var(--Gradient-one);
    color: var(--white);
}

.inite_collabe[disabled]:hover {
    background: transparent;
    color: var(--b_primary);
}

.delete_project[disabled]:hover {
    border: 1px solid var(--b_primary);
    background: transparent;
    color: var(--b_primary);
}

.delete_project.gradiant-button {
    border: 1px solid;
    color: var(--white);
}

.delete_project_collabe,
.inite_collabe,
.collaborate_btn {
    background-color: var(--b_primary) !important;
    color: var(--white) !important;
}

.delete_project_collabe[disabled]:hover {
    background-color: var(--b_primary) !important;
    color: var(--white) !important;
}

.complete_project {
    background-color: var(--white_two);
}

.complete_project:focus {
    color: var(--white);
}

.Gradient_button:hover {
    background: transparent;
    color: var(--b_primary);
    border: 1px solid var(--b_primary);
}

.Gradient_button:focus {
    color: var(--white);
    background: var(--Gradient-one);
    border: none;
}

.chat-m-button {
    padding: 13px 0 18px 0;
}

.chat-m-button button {
    border: 1px solid var(--b_primary);
}

.addAgentBtn {
    padding: 5px 17px;
}

.requestPendingBtn {
    padding: 5px 12px;
}

.viewAgentbtn {
    /* width: 99px;
    height: 28px; */
    padding: 5px 14px;
}

.rejectedBtn {
    padding: 3px 23px;
}

.gardient-button:focus {
    color: var(--white);
}

.gardient-button:hover {
    background: transparent;
    color: var(--b_primary);
    border: 1px solid var(--b_primary);
}

.next-btn {
    margin: 30px 0 40px 0;
}

.addNewCertificateBtn {
    padding: 10px 15px;
    width: 180px;
}

.gradiant-hover:hover {
    background: var(--Gradient-one);
    color: var(--white_grey);
}

.gradiant-hover:focus {
    color: var(--light_blue);
}

.gradiant-hover:hover:focus {
    color: var(--white_grey);
}

.icon-plus:before {
    color: var(--b_primary) !important;
}

.dot-button {
    width: 150px;
    height: 40px;
    background-color: var(--white_grey);
    border-radius: 8px;
    box-shadow: var(--box-shadow_two);
    padding: 0 15px;
}

.image-button {
    position: absolute;
    bottom: 25px;
    right: 20px;
    padding: 10px 13px;
}

.icon-error-icon {
    color: var(--red);
}

.icon-error-icon1:before {
    content: "\e934";
    color: var(--b_primary);
}

.icon-warning-icon {
    color: var(--yellow_two);
}

.header-right-button:hover .icon-To_do_list::before,
.header-right-button:hover .icon-schedule_add:before,
.header-right-button:hover .icon-view-files:before {
    color: var(--white);
}

.common-label-css .toggle-password {
    top: 45%;
}

.common-has-help .toggle-password {
    top: 57%;
}

.common-has-help .form-control.is-invalid~.toggle-password {
    top: 43%;
}

.eye_reset .form-control.is-invalid~.toggle-password {
    top: 12%;
}

#loginForm .form-control.is-invalid~.toggle-password {
    top: 16%;
}

#registerForm .form-control.is-invalid~.toggle-password {
    top: 10%;
}

.change-password-img img {
    width: 100px;
    height: 100px;
}

.border-button:hover {
    border: none;
    background: var(--Gradient-one);
    color: var(--white_grey);
}

.border-button:hover .icon-done:before {
    color: #f3f4f6;
}

.delete_project:hover .icon-Export:before {
    color: #fff;
}

.small-button {
    padding: 10px 15px;
}

.message-card-button {
    padding: 10px 28px;
}

.add_property_button {
    padding: 3px 12px;
}

.tab-button-save {
    background: #3831921a;
    padding: 2px 8px;
}

/* .saved_search_icon {
    opacity: 0.5; 
} */

/* .save_search-checkbox {
    opacity: 1 !important; 
} */

@media only screen and (max-width: 768px) {
    .login-white-button {
        width: 150px;
    }

    .login-create-button button {
        width: 150px;
    }
}

@media only screen and (max-width: 567px) {
    .login-white-button {
        width: 125px;
    }

    .login-create-button button {
        width: 125px;
    }
}

.button_tab-flex {
    padding: 2px 10px;
    background-color: #f6f6ff;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
}

.button_tab-flex span {
    font-size: 14px;
    color: var(--b_primary);
}

.edit_profile_agent {
    padding: 8px;
    /* margin-bottom: 10px; */
    color: var(--b_primary);
    background-color: #fff;
    border: 1px solid var(--b_primary);
}

.edit_profile_agent:hover {
    background: var(--Gradient-one);
    border: 1px solid var(--grey);
    /* margin-left: 1px;
    margin-right: 1px; */
    color: var(--white);
    opacity: 0.8;
}

.edit_profile_agent:hover i {
    color: var(--white);
}

.blur_btn_gradiant {
    /* transition: all 0.3s ease-in-out; */
    border-radius: 8px;
    position: relative;
    background-image: linear-gradient(var(--white_grey), var(--white_grey)),
        radial-gradient(circle at top left, #26b1d8 0%, #af31d3 102.13%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    z-index: 2;
    overflow: hidden;
}

.blur_btn_gradiant:hover {
    background: var(--b_primary);
    color: var(--white);
}

.bg_gradiant_hover:hover {
    background: var(--Gradient-one);
    color: var(--white_grey);
}

.bg_gradiant_hover:focus {
    color: var(--b_primary);
}

.bg_gradiant_hover:hover:focus {
    color: var(--white);
}

.bg_gradiant_hover.focus-white-color:focus {
    color: var(--white);
}

.gradiant-hover.focus-white-color:focus {
    color: var(--white);
}

.claim_btn:hover {
    background: var(--Gradient-one);
    border: 1px solid transparent;
    color: var(--white);
}

.orange_hover_blue {
    padding: 10px 20px;
    background-color: #ff7b00 !important;
    border: 1px solid #ff7b00 !important;
    border-radius: 10px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orange_hover_blue:hover {
    padding: 10px 20px;
    background-color: var(--b_primary) !important;
    border: 1px solid var(--b_primary) !important;
    border-radius: 10px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orange_hover_blue i::before {
    color: #fff;
}

.button_i_hover:hover i::before {
    color: #fff;
}