/* ===========================================
   NAVODAYA REGISTRATION FORM
=========================================== */

body{
    background:#e9ecef;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#000;
}

.form-sheet{
    width:210mm;
    min-height:297mm;
    margin:auto;
    background:#fff;
    border:2px solid #000;
    padding:20px;
    box-shadow:0 0 15px rgba(0,0,0,.15);
}

/* ===========================================
   HEADER
=========================================== */

.logo{
    width:95px;
}

.title{
    color:#0b8f3c;
    font-weight:700;
    font-size:38px;
    margin-bottom:0;
    letter-spacing:1px;
}

.subtitle{
    font-size:18px;
    font-weight:700;
    color:#d60000;
    margin-bottom:4px;
}

.iso{
    display:inline-block;
    padding:4px 12px;
    background:#0b8f3c;
    color:#fff;
    font-size:13px;
    border-radius:4px;
    margin-bottom:6px;
}

.runby{
    font-size:13px;
    margin-bottom:10px;
}

.registration{
    display:inline-block;
    background:#c50000;
    color:#fff;
    padding:8px 35px;
    font-weight:bold;
    border-radius:3px;
    letter-spacing:.5px;
}

/* ===========================================
   PHOTO
=========================================== */

.photo-box{
    width:130px;
    height:150px;
    border:2px solid #000;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    margin-left:auto;
}

/* ===========================================
   NOTE
=========================================== */

.note{
    background:#fff8dc;
    border:1px solid #999;
    padding:8px 12px;
    font-size:13px;
}

/* ===========================================
   LABELS
=========================================== */

label{
    font-weight:600;
    margin-bottom:6px;
}

.form-control,
.form-select{
    border:1.5px solid #000;
    border-radius:0;
}

.form-control:focus,
.form-select:focus{
    border-color:#000;
    box-shadow:none;
}

textarea{
    resize:none;
}

/* ===========================================
   CARDS
=========================================== */

.card{
    border-radius:0;
    border:2px solid #000 !important;
}

.card-header{
    font-weight:bold;
    border-radius:0 !important;
    letter-spacing:.5px;
}

/* ===========================================
   CHECKBOX
=========================================== */

.form-check{
    margin-bottom:8px;
}

.form-check-input{
    border:2px solid #000;
}

.form-check-input:checked{
    background:#000;
    border-color:#000;
}

/* ===========================================
   BUTTON
=========================================== */

.btn-primary{
    background:#0b8f3c;
    border-color:#0b8f3c;
    border-radius:0;
    padding:10px 35px;
    font-weight:bold;
}

.btn-primary:hover{
    background:#087030;
}

/* ===========================================
   QR
=========================================== */

img{
    max-width:100%;
}

img.border{
    border:2px solid #000 !important;
}

/* ===========================================
   SIGNATURE
=========================================== */

.text-center{
    font-weight:500;
}

/* ===========================================
   TABLE LOOK
=========================================== */

.table-border{
    border:2px solid #000;
}

.table-border td{
    border:1px solid #000;
}

/* ===========================================
   INPUT HEIGHT
=========================================== */

.form-control{
    min-height:40px;
}

textarea.form-control{
    min-height:80px;
}

/* ===========================================
   SPACING
=========================================== */

.row{
    margin-bottom:10px;
}

/* ===========================================
   A4 PRINT
=========================================== */

@media print{

body{
    background:#fff;
}

.form-sheet{
    box-shadow:none;
    border:none;
    width:100%;
    margin:0;
    padding:10mm;
}

.btn{
    display:none;
}

}

/* ===========================================
   MOBILE
=========================================== */

@media(max-width:768px){

.form-sheet{
    width:100%;
    padding:15px;
}

.title{
    font-size:28px;
}

.subtitle{
    font-size:15px;
}

.registration{
    width:100%;
    text-align:center;
}

.photo-box{
    width:120px;
    height:140px;
    margin:20px auto;
}

.logo{
    width:70px;
}

}

/* ===========================================
   EXTRA STYLING
=========================================== */

hr{
    border-top:2px solid #000;
}

strong{
    color:#d60000;
}

input[type=date]{
    cursor:pointer;
}

input[type=text]{
    text-transform:uppercase;
}

textarea{
    text-transform:uppercase;
}

::placeholder{
    color:#999;
}

.form-sheet *{
    box-sizing:border-box;
}