.otp-modal-wrapper{ padding:8px 8px 18px 8px; }
.otp-modal-wrapper .modal-title{ font-weight:600; }
.otp-gsm-line{ color:#6c757d; font-weight:500; }
#otpCountdownLabel{ font-weight:700; font-size:18px; letter-spacing:1px; }

.btn_1.rounded{ border-radius:14px; padding:.75rem 1rem; }
.btn_1.rounded_outline{ border:1px solid #2a41e8; color:#2a41e8; background:#fff; border-radius:14px; padding:.75rem 1rem; }
.btn_1.rounded_outline:hover{ background:#2a41e8; color:#fff; }

#txtonaykodu{ letter-spacing:3px; font-weight:600; }

#OnayKodu[disabled] {
    background: #e5e7eb;
    color: #9ca3af;
    border: 1px solid #d1d5db;
    cursor: not-allowed;
    opacity: 0.9;
    box-shadow: none;
}

.btn-otp-esboy {
    min-width: 120px;
    height: 38px;
    padding: .5rem .75rem;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
}


#mdlilceler .modal-body,
#mdlilceler .modal-header,
#mdlilceler label,
#mdlilceler input,
#mdlilceler button {
    font-size: 0.65rem;
}

    #mdlilceler input[type="text"],
    #mdlilceler input[type="number"],
    #mdlilceler input[type="password"] {
        padding: 4px 6px;
        font-size: 0.7rem;
    }

#mdlilceler .modal-title {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0;
}

#mdlilceler .btn-otp-esboy {
    min-width: 75px;
    height: 28px;
    padding: .2rem .4rem;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 6px;
}

@media (max-width: 575.98px) {
    #mdlilceler .modal-dialog {
        max-width: 280px;
        margin: auto;
    }

    #mdlilceler .modal-content {
        padding: 4px;
    }

    #mdlilceler .modal-body {
        padding: 4px;
    }

    #mdlilceler .btn-otp-esboy {
        min-width: 70px;
        height: 26px;
        padding: .15rem .35rem;
        font-size: 0.65rem;
    }

    #mdlilceler input[type="text"],
    #mdlilceler input[type="number"],
    #mdlilceler input[type="password"] {
        padding: 3px 5px;
        font-size: 0.65rem;
    }
}