.login-form {
    margin-top: 2%;
    background-position: top center;
    background: #ffffff;
}

.header-login {
    background: url("../../Logo/bg-register-form.png") bottom center #76b737 no-repeat;
    margin-top: 0px;
    height: 85px;
}

#s_Sex {
    border: none;
}

.select2-container--default .select2-selection--single {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
}

.form-control {
    height: 41px;
}

    .form-control::placeholder {
        color: #999999 !important;
    }

.select2-selection__rendered[title="Chọn giới tính"],
.select2-selection__rendered[title="Chọn tỉnh/thành phố"],
.select2-selection__rendered[title="Chọn trường"] {
    color: #999 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%) rotate(0deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 95%;
}

.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow::after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.toggle-password {
    z-index: 10;
}

.tooltip-container img {
    margin-top: -2px;
}
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltip-container .tooltip-text {
        visibility: hidden;
        opacity: 0;
        background-color: #1368BC;
        color: #fff;
        text-align: center;
        padding: 8px 14px;
        border-radius: 6px;
        position: absolute;
        z-index: 9999;
        bottom: 125%; 
        left: 50%;
        transform: translateX(-50%);
        transition: opacity 0.3s;
        font-size: 14px;
        width: 250px; 
        white-space: normal;
        word-wrap: break-word; 
    }

        .tooltip-container .tooltip-text::after {
            content: "";
            position: absolute;
            top: 100%; /* nằm dưới tooltip */
            left: 50%;
            margin-left: -6px;
            border-width: 6px;
            border-style: solid;
            border-color: #1368BC transparent transparent transparent;
        }

/* Hover cho PC */
@media (hover: hover) and (pointer: fine) {
    .tooltip-container:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }
}

/* Khi có class .active thì tooltip hiện (dùng cho mobile click) */
.tooltip-container.active .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.form-v10-content {
    overflow:visible !important;
}

@media (min-width: 768px) {
    .site-footer {
        display: none !important;
    }
}

.site-footer {
    margin-top: 0 !important;
}