input, select{height: 30px;     border: 1px solid #ccc;     padding: 4px 25px 4px 5px;}
input[type ="checkbox"]{
    width: 20px;
}

.text-ct{text-align: center;}
.text-lf{text-align: left;}
.text-rg{text-align: right;}

table{width: 100%; border-collapse: collapse;}
table, td, th{border: 1px solid #ccc;}
.d-flex{display: flex;}


.justify-content-between{justify-content: space-between;}

.gap-1{gap: 1rem;}



.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}


.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}