﻿
.label-custom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 400;
    font-size: 1.13rem;
    color: #333333;
}

.form-control {
    color: var(--bs-color-nine) !important;
}

#rebind {
    display: none;
}

.input-content-custom {
    flex: 1;
}

.fancomplete {
    background: url('/imgs/search/reset-bg.png') no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 122px;
    height: 40px;
    background-size: 122px 40px;
    border: none;
    font-size: 20px;
    color: #8C5518;
    margin-top: 44px;
}

.form-control {
    font-size: 14px;
}

.label-pdr-custom {
    padding-right: 0 !important;
}

.label-pdl-custom {
    padding-left: 0 !important;
}

.input-style-custom {
    max-width: 20rem;
}

.label-sex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-check-input:checked {
    background-color: #469D00 !important;
    border-color: #469D00 !important;
}

.form-check-input:focus { /* box-shadow: none !important; */
}

.custom-sex {
    margin-top: 0 !important;
    margin-right: .5rem;
}


/* 选图片 */
.file-input-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.file-input {
    position: absolute;
    font-size: 100px;
    opacity: 0;
    right: 0;
    top: 0;
}

.file-input-label {
    display: inline-block;
    padding: .3rem 1.69rem; /* background-color: #007bff; */
    color: #4E4E4E;
    cursor: pointer;
    border-radius: 5rem;
    border: 1px solid var(--bs-color-nine);
}

    .file-input-label:hover {
        background-color: #0056b3;
    }

.personal-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .personal-title p {
        color: #000000;
        font-weight: bold;
        margin: 0 !important;
    }

.vr-custom {
    width: .25rem;
    height: 1.38rem;
    background-color: var(--bs-color-ye);
    margin-right: .44rem;
}

.personal-avatar {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 3.25rem 0 3.25rem 1.63rem;
}

    .personal-avatar .img-avatar-large {
        width: 8.13rem;
        height: 8.13rem;
        border-radius: 5rem;
    }

    .personal-avatar .avatar-detail {
        margin-left: 2rem;
    }

.avatar-detail p {
    margin-top: 1rem;
    color: var(--bs-color-nine);
    font-weight: regular;
}

.blankDiv {
    width: 100%;
    height: 1.563rem;
}

.update-btn-custom-fa {
    margin: 0 0 1.563rem 2.8rem;
}


.update-sucess {
    text-align: center;
    margin: 0 0 0 1rem !important;
    color: var(--bs-color-ye);
    font-weight: regular;
}

.update-btn-custom {
    position: relative;
    width: 10.5rem;
    height: 3.63rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../../imgs/button1.png');
    background-size: 100% 100%;
    color: #ECD4A6;
    font-weight: bold;
}

    .update-btn-custom:hover {
        color: #ECD4A6 !important;
    }

/* 定义小于等于991.98px的样式，即：0~991.98px范围内 */
@media (max-width: 991.98px) {
    .personal-form-custom {
    }

    .label-custom-pc-h5 {
        width: 5rem;
    }

    .form-check-input {
        width: 2rem !important;
        height: 2rem !important;
    }

    .label-sex {
        max-width: 7rem;
    }
}

/* 定义某一区间: 大于991.98px的样式*/
@media (min-width: 991.98px) {
    .personal-form-custom {
    }

    .label-custom-pc-h5 {
        width: 5.6rem;
    }

    .form-check-input {
        width: 1rem !important;
        height: 1rem !important;
    }

    .label-sex {
        max-width: 5rem;
    }
}
