.mla_cpd_requirements{background-image: url(/wp-content/themes/hello-elementor-hkie/img/mla_CPD.jpg);background-size: cover;background-position: center right;background-repeat: no-repeat;display: table;width:100%;}
.mla_cpd_requirements .cpd_item{border-right: 10px solid var(--e-global-color-6e6452a);border-bottom: 10px solid var(--e-global-color-6e6452a);display: table-cell;width: 100%;vertical-align: top;padding: 30px 20px 100px 20px;position: relative;}
.mla_cpd_requirements .cpd_item:last-child{border-left: 0;/*width: 25%;*/}
.mla_cpd_requirements .cpd_item .item_title{
    color: #fff;
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.8rem;
    letter-spacing: var(--e-global-typography-text-letter-spacing);padding-right: 30px;
}
.mla_cpd_requirements .cpd_item .completed_tag{
    border: 1px solid #fff;border-radius: 5px;background-color: transparent;display: inline-block;padding: 2px 10px;
    color: #fff;
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 0.875rem;
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    text-transform: uppercase;
}
.mla_cpd_requirements .cpd_item .completed_tag i{display: inline-block;margin-left: 5px;}
.mla_cpd_requirements .cpd_item .hour_count{
    color: #fff;
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    position: absolute;
    bottom: 40px;
    left: 20px;
}
.mla_cpd_requirements .cpd_item.completed .hour_count{color: var(--e-global-color-0f87b11);}
.mla_cpd_requirements .cpd_item .hour_count .hours{font-size: 1rem;margin-left: 10px;}
.mla_cpd_requirements .cpd_item .item_process_bar{background-color: #ffffff80;border: 0;border-radius: 50px;display: block;width: calc(100% - 40px);height: 8px;position: absolute;bottom: 30px;left: 20px;right: 20px;}
.mla_cpd_requirements .cpd_item .item_process_bar span{background-color: #fff;border-radius: 50px;display: block;width: 0%;height: 8px;}
.mla_cpd_requirements .cpd_item.completed .item_process_bar span{background-color: var(--e-global-color-0f87b11);}
@media (max-width: 1200px) {
    .mla_cpd_requirements{background-position: center left;}
    .mla_cpd_requirements .cpd_item{display: inline-block;width: 100%;}
    .mla_cpd_requirements .cpd_item:nth-child(even){border-right: 0;width: 100%;}

}
@media (max-width: 767px) {
    .mla_cpd_requirements{
        background-image: url(/wp-content/themes/hello-elementor-hkie/img/mla_CPD_mb.jpg);
    }
    .mla_cpd_requirements .cpd_item{border-right: 0;width: 100%;}
    .mla_cpd_requirements .cpd_item:nth-child(even){border-right: 0;width: 100%;}

}
.mla_area .mla_btn.style_3{border:2px solid var(--e-global-color-text);background-color: transparent;color: var(--e-global-color-text);}
.mla_area .mla_btn.style_3:hover{border: 2px solid var(--e-global-color-text);background-color: var(--e-global-color-text);color: #fff;}
.mla_cpd_records .list_view{display: block;position: relative;}
.mla_cpd_records .list_view .l_tools_bar{display: table;width: 100%;padding: 10px 0;}
.mla_cpd_records .list_view .l_tools_col{display: table-cell;padding: 10px 10px 10px 0;vertical-align: middle;}
.mla_cpd_records .list_view .l_tools_col.col_1{width: calc((100% - 250px) * 0.4);}
.mla_cpd_records .list_view .l_tools_col.col_2{width: calc((100% - 250px) * 0.6);}
.mla_cpd_records .list_view .l_tools_col:last-child{width: 250px;padding-right: 0;text-align:right;}
.mla_cpd_records .list_view .l_tools_col label{font-weight: 700;display: inline-block;width: 70px;}
.mla_cpd_records .list_view .l_tools_col .form_input{
    background-color: #fff;
    border: 2px solid #dddddd;
    border-radius: 0;
    color:var(--e-global-color-text);
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: 400;
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    max-width: 100%;
    padding: .5rem 1rem;
    display: inline-block;width: calc(100% - 70px);
}
.mla_cpd_records .list_view .l_tools_col .select_box{position: relative;display: inline-block;width: calc(100% - 70px);margin-left:5px;}
.mla_cpd_records .list_view .l_tools_col .select_box.half{width: calc((100% - 80px) / 2);}
.mla_cpd_records .list_view .l_tools_col .select_box select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:100%;
    padding-right: 30px;
}
.mla_cpd_records .list_view .l_tools_col .select_box i{
    position: absolute;
    bottom: 1.6rem;
    right: 12px;
    transform: translate(0, 90%);
    z-index: 1;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.mla_cpd_records .list_view .list_area{
    display: flex;
    width: calc(100% + 10px);
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
}
.mla_cpd_records .list_view .list_area .list_item{border-top: 2px solid var(--e-global-color-primary); box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.05);display: block;width: calc(33.33% - 10px);margin: 0 10px 10px 0;transition: transform 0.3s;}
.mla_cpd_records .list_view .list_area .list_item:hover{transform: translateY(-8px);transition: transform 0.3s;}
.mla_cpd_records .list_view .list_area .list_content{
    display: block;
    padding: 20px 20px 20px 20px;
    background-color: transparent;
    background-image: linear-gradient(166deg, var(--e-global-color-f85e03d) 81%, var(--e-global-color-6b61ea9) 82%);}
.mla_cpd_records .list_view .list_area .list_title{
    color: var(--e-global-color-08d8cd5);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: var(--e-global-typography-d9d3dce-font-weight);
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
}
.mla_cpd_records .list_view .list_area .list_tags{display: table;width: 100%;}
.mla_cpd_records .list_view .list_area .list_tags .tag{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-accent-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    font-style: var(--e-global-typography-accent-font-style);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    display: inline-block;
    margin: 0 20px 12px 0;
    float: left;
}
.mla_cpd_records .list_view .list_area .list_tags .tag i{font-size: 1rem;margin-right: 6px;}

.mla_cpd_records .l_pagination{display: block;padding: 10px 0;position: relative;}
.mla_cpd_records .l_pagination ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0 !important;
    padding: 0;
}
.mla_cpd_records .l_pagination ul li{display:inline-block;margin-bottom:0!important;}
.mla_cpd_records .l_pagination ul li a{
    color: #202020;
    font-family: var(--e-global-typography-69a21af-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: var(--e-global-typography-69a21af-font-weight);
    line-height: var(--e-global-typography-69a21af-line-height);
    letter-spacing: var(--e-global-typography-69a21af-letter-spacing);
    word-spacing: var(--e-global-typography-69a21af-word-spacing);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    line-height: 1em;
    margin: 0 !important;
    min-width: 40px;
    height: 40px;
    padding: 0 15px;
}
.mla_cpd_records .l_pagination ul li a:hover{background-color: #fff;color:var(--e-global-color-primary);}
.mla_cpd_records .l_pagination ul li a.active{background-color: var(--e-global-color-primary);color:#fff;}
.mla_cpd_records .l_pagination ul li a.active:hover{background-color: var(--e-global-color-e106f88);color:#fff;}
.mla_cpd_records .l_pagination ul li.p_btn{color: #202020;font-size: 1rem;font-weight: 600;text-align: center;}
.mla_cpd_records .l_pagination ul li.p_btn.off{display: none;}
.mla_cpd_records .l_pagination ul li.p_btn.p_prev{}
.mla_cpd_records .l_pagination ul li.p_btn.p_next{}
.mla_cpd_records .l_pagination ul li.p_btn .fa{}
.mla_cpd_records .l_pagination ul li.p_link{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
}
.mla_cpd_records .l_pagination ul li.p_info{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    margin-left: auto;
}
.mla_cpd_records .l_pagination ul li.p_info{display: none;}
.mla_cpd_records .l_pagination ul li.p_info span{
    display: flex;
    align-items: center;
    justify-content: center;}
.mla_cpd_records .l_pagination ul li.p_info input{
    background-color: #fff;
    border: 2px solid #dddddd;
    border-radius: 0;
    color:var(--e-global-color-text);
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: 400;
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    max-width: 100%;
    padding: .5rem 1rem;
    display: inline-block;
    width: 70px;
    margin: 0 10px;
}
.mla_cpd_records .l_pagination ul li.p_info .select_box{position: relative;display: inline-block;}
.mla_cpd_records .l_pagination ul li.p_info .select_box select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 2px solid #dddddd;
    border-radius: 0;
    color:var(--e-global-color-text);
    font-family: var(--e-global-typography-69a21af-font-family), noto sans tc, noto sans sc, microsoft jhenghei, arial, STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-69a21af-font-size);
    font-weight: 400;
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    max-width: 100%;
    padding: .5rem 1rem;
    display: inline-block;
    width: 130px;
}
.mla_cpd_records .l_pagination ul li.p_info .select_box i{
    position: absolute;
    bottom: 1.6rem;
    right: 12px;
    transform: translate(0, 90%);
    z-index: 1;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .mla_cpd_records .list_view .l_tools_col{display:inline-block;}
    .mla_cpd_records .list_view .l_tools_col.col_1{width: 35%;}
    .mla_cpd_records .list_view .l_tools_col.col_2{width: 65%;}
    .mla_cpd_records .list_view .l_tools_col:last-child{width: 100%;padding: 5px 0;text-align:center;}
    .mla_cpd_records .list_view .list_area .list_item{width: calc(50% - 10px)}
}
@media (max-width: 767px) {
    .mla_cpd_records .list_view .l_tools_col{display: block;padding: 5px 0;width: 100%;}
    .mla_cpd_records .list_view .l_tools_col.col_1{width: 100%;}
    .mla_cpd_records .list_view .l_tools_col.col_2{width: 100%;}
    .mla_cpd_records .list_view .l_tools_col:last-child{width: 100%;text-align:center;}
    .mla_cpd_records .l_pagination ul li.p_info{justify-content: center;width: 100%;margin: 0;padding: 10px 0;}
    .mla_cpd_records .list_view .l_tools_col .select_box{}
    .mla_cpd_records .list_view .l_tools_col .select_box.half{width: calc((100% - 70px) / 2);margin-left: 0;}
    .mla_cpd_records .list_view .l_tools_col .select_box.half:last-child{width: calc((100% - 80px) / 2);margin-left: 5px;}
}
@media (max-width: 500px) {
    .mla_cpd_records .list_view .list_area .list_item{width: 100%;margin-right:0;}
}
.hkie_cpd_course_detail td.cpd_td.cpd_label{min-width: 150px;}