/* ==========================================
   Portal Al-Noor
   ========================================== */

body{
    background:#f4f6f9;
    font-size:15px;
}

/* Card */

.card{
    border:0;
    border-radius:10px;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
}

/* Required */

.required{
    color:#dc3545;
}

/* Tablet Friendly Controls */

.form-control,
.form-select{
    min-height:48px;
}

.btn{
    min-height:48px;
}

/* Table */

.table td,
.table th{
    vertical-align:middle;
}

/* Truck Buttons */

.truck-card{
    min-height:100px;
    font-size:22px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
}

.truck-card:hover{
    transform:scale(1.02);
}

/* Checklist */

.checklist-table td{
    padding:.55rem;
}

.checklist-table input[type=radio]{
    transform:scale(1.25);
}


/* Select2 Bootstrap 5 */

.select2-container--bootstrap-5 .select2-selection {
    min-height: 48px;
    padding-top: 6px;
}

.select2-container--bootstrap-5 .select2-selection__rendered {
    line-height: 34px;
}


/* Perform Safety Screen CSS Start */

.truck-card{

    height:120px;

    border-radius:14px;

    transition:.2s;

    cursor:pointer;

    border:2px solid transparent;

}

.truck-card:hover{

    border-color:#0d6efd;

    transform:translateY(-3px);

}

.truck-card h4{

    font-weight:700;

    font-size:24px;

    color:#212529;

}

/* Perform Safety Screen CSS End */





/* Safety Checklist Screen CSS Start */

/* .checklist-table{

    font-size:14px;

}

.checklist-table td{

    vertical-align:middle;

}

.checklist-table .form-check-input{

    width:1.3rem;

    height:1.3rem;

    cursor:pointer;

}

.checklist-table input[type=text]{

    min-width:170px;

}

@media (max-width:992px){

    .checklist-table{

        font-size:13px;

    }

} */
/* Safety Checklist Screen CSS End */



/* ===============================
   Safety Checklist
=================================*/

.checklist-title{
    font-size:28px;
    font-weight:700;
    letter-spacing:.5px;
}

.checklist-table{
    font-size:14px;
}

.checklist-table thead th{

    background:#0d6efd;
    color:#fff;

    text-align:center;

    vertical-align:middle;

    font-weight:600;
}

.check-en{

    font-weight:600;

    font-size:15px;

}

.check-ur{

    direction:rtl;

    text-align:right;

    color:#555;

    font-size:13px;
}

.checklist-table input[type=checkbox]{

    width:24px;

    height:24px;

    cursor:pointer;

}

.checklist-table .form-control-sm{

    min-height:34px;

}

.checklist-table td{

    vertical-align:middle;

}

@media (max-width:768px){

    .checklist-title{

        font-size:22px;

    }

}