body.login-page {
    background-image: var(--login-bg-image, url('../img/auth-bg.png'));
    background-size: cover;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body.login-page {
    background-image: url(../../public/assets/img/auth-bg.png);
}
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    height: 46px !important;
    font-size: 16px;
    font-weight: 600;
}

.section-login {
    padding: 140px 0;
}
.section-login img {
    width: 600px;
}
.divider {
    background: #aaa9a5;
    background: -moz-linear-gradient(left,#fff 0,#aaa9a5 40%,#aaa9a5 60%,#fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(40%, #aaa9a5), color-stop(60%, #aaa9a5), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #fff 0, #61768b 40%, #61768b 60%, #fff 100%);
    background: -o-linear-gradient(left,#fff 0,#aaa9a5 40%,#aaa9a5 60%,#fff 100%);
    background: -ms-linear-gradient(left,#fff 0,#aaa9a5 40%,#aaa9a5 60%,#fff 100%);
    background: linear-gradient(left,#fff 0,#aaa9a5 40%,#aaa9a5 60%,#fff 100%);
    height: 1px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px #eeee solid #eee;
    opacity: .5;
}
.section-login .loginbox {
    margin: auto;
    margin-top: -9px;
    width: 380px;
    max-width: 480px;
    position: relative;
    padding: 25px 20px 7px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 -2px 57px 0 rgb(0 0 0 / 0.2) !important;
}
.section-login .loginbox h1 {
    margin: 0;
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
    color: #132d48;
    margin-bottom: 8px;
}
.section-login .loginbox p {
    font-size: 17px;
    color: #61768b;
    line-height: 0px;
    margin-bottom: 0px;
}
.section-login .loginbox .form-group {
    margin-bottom: 15px;
}
.section-login .loginbox .form-control {
    height: 46px !important;
    box-shadow: none;
}
.section-login .loginbox .btn {
    margin-bottom: 15px;
    width: 100%;
}
.section-login .loginbox label {
    display: flex;
    width: 100%;
    color: #61768b;
    justify-content: space-between;
    padding-bottom: 2px;
}
.login-footer {
    position: relative;
    padding: 15px;
    text-align: center;
    background-color: #f8f8f8;
    box-shadow: 0 11px 69px 0 rgb(0 0 0 / 0.2) !important;
    border-radius: 0;
    border-top: 1px solid #e6e9ed;
}
.section-login .loginbox label a {
    font-size: 13px;
    color: var(--bs-primary);
    font-weight: 500;
}
.section-login .loginbox .or {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #8392a5;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 15px 0 15px;
}
.section-login .loginbox .or::after,
.section-login .loginbox .or::before {
    content: "";
    display: block;
    flex: 1 1 0%;
    height: 1px;
    background-color: #e5e9f2;
}
.section-login .loginbox .or::before {
    margin-right: 10px;
}
.section-login .loginbox .or::after {
    margin-left: 10px;
}
.section-login .loginbox .reg-link {
    padding: 10px 0;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}
.section-login .loginbox .reg-link a {
    color: var(--bs-primary);
}
.section-login .loginbox #google-recaptcha-domainchecker {
    margin-top: 0 !important;
}
.login-container {
    position: relative;
    padding: 8px;
    text-align: center;
    background-color: #f8f8f8;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.2) !important;
    border-radius: 0;
    border-top: 1px solid #e6e9ed;
}
.login-footer p {
    font-weight: 500;
    font-size: 15px;
    color: #61768b;
    line-height: 1.2;
    margin-bottom: 5px;
    text-align: center;
}
.login-logo {
    font-weight: 400;
    font-size: 29px;
    color: #61768b;
    line-height: 1.2;
    margin-bottom: 25px;
    text-align: center;
}
.login-footer a {
    display: inline-block;
    font-size: 14px;
    color: #0887fd;
    font-weight: 600;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    font-weight: 700;
}
sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
.form-check {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    min-height: auto;
    line-height: 1.5;
    padding-left: 0;
}
.form-check span {
    line-height: 1.5;
    margin-left: 23px;
    font-weight: 400;
    color: #495057;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
}
.form-check-input[type="checkbox"],
.form-check-input[type="radio"] {
    width: 18px;
    height: 18px;
    margin: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #ced4da;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
}
.form-check-input[type="checkbox"] {
    border-radius: 3px;
}
.form-check-input[type="radio"] {
    border-radius: 50%;
}
.form-check-input:checked[type="checkbox"] {
    background-color: #007bff;
    border-color: #007bff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-size: 12px 12px;
}
.form-check-input:checked[type="radio"] {
    background-color: #007bff;
    border-color: #007bff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
    background-size: 8px 8px;
}
.form-check-input:hover {
    border-color: #adb5bd;
}
.form-check-input:focus {
    border-color: #007bff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    background-size: 14px 14px;
}
.form-switch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 3px 0;
}
.form-switch .form-check-input {
    margin-right: 5px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    background-position: left center;
    transition: background-position 0.15s ease-in-out;
    border-radius: 3.25rem;
    width: 40px;
}
.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
    background-position: right center;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group > .form-control,
.input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group
    > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
        .invalid-feedback
    ) {
    border-radius: 0;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
:root {
    --bs-white: #ffffff;
    --bs-gray: #d8d9da;
    --bs-dark-gray: #6a7076;
    --bs-light-gray: #f7f8fa;
    --bs-primary: #0061eb;
    --bs-blue: #04a2ff;
    --bs-success: #35b34a;
    --bs-warning: #ff6a00;
    --bs-danger: #d80d19;
    --bs-dark: #12181f;
    --bs-light-primary: #f1faff;
    --bs-light-success: #e8fff3;
    --bs-light-info: #f8f5ff;
    --bs-light-warning: #ed681a1f;
    --bs-light-danger: #fff5f8;
    --bs-light-dark: #eff2f5;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
        "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
        "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
 hr {
     background: #aaa9a5;
     background: -moz-linear-gradient(left, #fff 0, #aaa9a5 40%, #aaa9a5 60%, #fff 100%);
     background: -webkit-gradient(
         linear,
         left top,
         right top,
         color-stop(0, #fff),
         color-stop(40%, #aaa9a5),
         color-stop(60%, #aaa9a5),
         color-stop(100%, #fff)
     );
     background: -webkit-linear-gradient(left, #fff 0, #aaa9a5 40%, #aaa9a5 60%, #fff 100%);
     background: -o-linear-gradient(left, #fff 0, #aaa9a5 40%, #aaa9a5 60%, #fff 100%);
     background: -ms-linear-gradient(left, #fff 0, #aaa9a5 40%, #aaa9a5 60%, #fff 100%);
     background: linear-gradient(left, #fff 0, #aaa9a5 40%, #aaa9a5 60%, #fff 100%);
     height: 1px;
     margin-top: 10px;
     margin-bottom: 20px;
     border: 0;
     border-top: 1px solid #eee;
     opacity: 0.5;
 }
 
 /* Mobil Uyumluluk */
 @media (max-width: 768px) {
     body.login-page {
         padding: 10px;
     }
     .section-login {
         padding: 60px 0;
     }
     .section-login .loginbox {
         padding: 30px 20px 20px;
         margin-top: 0;
         box-shadow: 0 -2px 30px 0 rgb(0 0 0 / 0.15) !important;
     }
     .section-login .loginbox h1 {
         font-size: 17px;
         margin-bottom: 6px;
     }
     .section-login .loginbox p {
         font-size: 15px;
     }
     .login-logo {
         margin-bottom: 20px;
     }
     .form-group {
         margin-bottom: 18px;
     }
     .section-login .loginbox .form-control {
         height: 44px !important;
         font-size: 16px; /* iOS zoom önleme */
     }
     .btn-primary {
         height: 44px !important;
         font-size: 16px; /* iOS zoom önleme */
     }
     .login-footer {
         padding: 12px 15px;
     }
     .login-footer p {
         font-size: 13px;
     }
 }
 
 @media (max-width: 576px) {
     .section-login {
         padding: 40px 0;
     }
     .section-login .loginbox {
         padding: 25px 18px 18px;
     }
     .section-login .loginbox h1 {
         font-size: 16px;
     }
     .section-login .loginbox p {
         font-size: 14px;
     }
     .form-group {
         margin-bottom: 15px;
     }
     .login-footer p {
         font-size: 12px;
         line-height: 1.4;
     }
 }
 
 
 @media (max-width: 480px) {
     .section-login .loginbox {
         padding: 20px 15px 15px;
     }
     .section-login .loginbox .form-control {
         height: 42px !important;
     }
     .btn-primary {
         height: 42px !important;
     }
 }