.card-title-label
{
    position: absolute;
    top: -0.8rem;
    left: 1rem;
    background: #fff !important;
    padding: 0 0.6rem;
    font-weight: 700;
    font-size: 0.85rem;
    color: #ed3237;
    border-radius: 0.25rem; /* border: 1px solid #16218587; */
}



.bg-title
{
    background-color: #e88a27;
    background-image: url() !important;
}


/* màu cam khi hover*/
.btn-ff6600
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff6600;
    --bs-btn-border-color: #ff6600;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cc5100; /* màu khi hover*/
    --bs-btn-hover-border-color: #cc5100; /* màu khi hover*/
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff6600;
    --bs-btn-active-border-color: #ff6600;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff6600;
    --bs-btn-disabled-border-color: #ff6600;
}

/* màu hồng đậm khi hover*/

.btn-dd1b5c
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #dd1b5c;
    --bs-btn-border-color: #dd1b5c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #aa1446; /* màu khi hover*/
    --bs-btn-hover-border-color: #aa1446; /* màu khi hover*/
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dd1b5c;
    --bs-btn-active-border-color: #dd1b5c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dd1b5c;
    --bs-btn-disabled-border-color: #dd1b5c;
}



#ctl00_cphMain1_cphMain_uList_uEdit_fileUpload_ctl01
{
    max-width: 100px !important;
}



.btn-2980b9
{
    --bs-btn-color: #fff;
    --bs-btn-bg: #2980b9;
    --bs-btn-border-color: #2980b9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2980b9; /* màu khi hover*/
    --bs-btn-hover-border-color: #2980b9; /* màu khi hover*/
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2980b9;
    --bs-btn-active-border-color: #2980b9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2980b9;
    --bs-btn-disabled-border-color: #2980b9;
}




#ctl00_cphMain1_cphMain_uGraduationResult_dtmCerIssued_dateInput_text
{
    width: 100%;
    padding: 15px;
}

#ctl00_cphMain1_cphMain_SummaryScheduleOfClass1_SummaryScheduleOfClass1_dtmFrom_dateInput_text
,#ctl00_cphMain1_cphMain_SummaryScheduleOfClass1_SummaryScheduleOfClass1_dtmTo_dateInput_text
,#ctl00_cphMain1_cphMain_SummaryScheduleOfTeacher1_SummaryScheduleOfTeacher1_dtmFrom_dateInput_text
,#ctl00_cphMain1_cphMain_SummaryScheduleOfTeacher1_SummaryScheduleOfTeacher1_dtmTo_dateInput_text

{ padding: 15px;
      min-width: 100px;
    
    }


.pd-tr
{
    padding: 0.4rem .4rem !important;
}
.table td.pd-tr {
    padding: 0.4rem .4rem !important;
}

.table thead.pd-tr td {
    padding: 0.4rem .4rem !important;
}

/* áp dụng chung cho tất cả td trong thead.pd-tr */
.table thead.pd-tr > tr > td {
    padding: 0.4rem .4rem !important;
}


.table tr.pd-tr th
{
    padding: 0.5rem .4rem !important;
    
    }
    
    .table tr.pd-tr td
{
    padding: 0.4rem .4rem !important;
    
    }
    
    
@media (max-width: 576px) {
    .ct-td-table {
        padding: 0.1rem !important;
        word-break: normal;
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .ct-td-table {
        padding: 0.1rem !important;
        word-break: normal;
        white-space: normal;
    }
}