.toic-page h1{text-align:center;font-size:31px;margin-top:50px;--tw-text-opacity:1;color:rgb(47 128 200/var(--tw-text-opacity,1))}.search-row{margin-left:auto;margin-right:auto;display:flex;width:100%;flex-direction:column;align-items:center;gap:1.25rem;border-radius:.75rem;padding:2rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.search-row{margin-top:2rem;max-height:100px;flex-direction:row}}.search{width:100%}@media (min-width:768px){.search{width:40%}}.search-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(179 184 198/var(--tw-border-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.filter-monthyear{display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width:768px){.filter-monthyear{width:40%}}.dropdown-monthyear{width:100%;cursor:pointer;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(179 184 198/var(--tw-border-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.search-button{width:100%;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(89 120 183/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.search-button{width:20%}}.search-button-text{display:inline-flex;width:100%;align-items:center;justify-content:center}.select-course-item0{width:200px;background:#445589;border:1px solid #445589;margin-right:1px}.select-course-item1{width:200px;background:#3288a8;border:1px solid #3288a8;margin-right:1px}.select-course-item2{width:200px;background:#658c53;border:1px solid #658c53;margin-right:1px}.select-course-item3{width:400px;background:#a07eb7;border:1px solid #a07eb7;margin-right:1px}.select-course-item4{width:250px;background:#ed7722;border:1px solid #ed7722}.select-course-item0,.select-course-item1,.select-course-item2,.select-course-item3,.select-course-item4{font-size:14px;letter-spacing:1px;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;padding-top:10px;padding-bottom:10px;color:#fff}.select-course-types{display:flex;flex-wrap:nowrap}.list-line{width:100%;height:5px}.blue{background:#445589!important}.lightblue{background:#3288a8}.green{background:#658c53}.purple{background:#a07eb7}.orange{background:#ed7722}.table-list table th{font-weight:400;color:#fff}.table-list table td,.table-list table th{border:1px solid #ddd;padding:8px}.table-list table{border-collapse:collapse;width:100%}.blue th{background-color:#445589!important}.lightblue th{background-color:#3288a8}.green th{background:#658c53}.purple th{background:#a07eb7}.orange th{background:#ed7722}.font-sizesmall th{background:#d0d0d04f!important;font-size:12px;opacity:.9}.bg td{color:#424c56}.table-list{border-radius:15px 15px 0 0;overflow:auto;width:100%}.bg tr:nth-child(odd){background-color:#fff}.bg tr:nth-child(2n){background-color:#fafbfc}.linecen{width:50px;height:1px;background-color:#e4ebf5;margin:5px 0}.date-table p{font-size:11px}.date-table svg{margin-right:5px}.table-responsive{overflow-x:scroll;width:100%}.table-scroll{position:relative;max-width:600px;margin:auto;overflow:hidden;border:1px solid #000}.table-wrap{width:100%;overflow:auto}.table-scroll table{width:100%;margin:auto;border-collapse:separate;border-spacing:0}.table-scroll td,.table-scroll th{padding:5px 10px;border:1px solid #000;background:#fff;white-space:nowrap;vertical-align:top}.table-scroll tfoot,.table-scroll thead{background:#f9f9f9}.coures-list-info{position:relative}.coures-list-info h5{color:#5978b7;font-size:14px;font-weight:500}.coures-list-info p.id-course{color:#a1a6b2;font-size:10px}.coures-list-info p{color:#424c56;font-size:12px}.price-vat p.origi{color:#7b9ab6;font-size:14px}.price-vat p.vat{color:#a1a6b2;font-size:12px}.price-vat p.total{color:#7b9ab6;font-size:14px}.booking-course a.active{background-color:#43a047;color:#fff}.booking-course a.active,.booking-course a.inactive{display:block;height:40px;width:40px;border-radius:5px;padding-top:10px}.booking-course a.inactive{background-color:#e4ebf5;color:#a1a6b2;cursor:inherit}@media (max-width:1200px){.table-list{width:1200px}}.select-course-types>div{width:100%}@media (max-width:1535px) and (min-width:1000px){.select-course-item0,.select-course-item1,.select-course-item2{width:200px!important}.select-course-item3{width:400px!important}.select-course-item4{width:250px!important}}@media (max-width:991px){.hidefordesk{display:none}.select-course{display:block!important}}.select-course{display:none}.choose-course{width:100%;cursor:pointer;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(179 184 198/var(--tw-border-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.pad0{padding:0!important}.bg-rate,.bigblog-content{padding:15px}.bg-rate{background-color:#d3e0ea40;border-radius:10px}.blog-content{box-shadow:0 4px 6px 0 rgba(51,51,51,.15);border-radius:10px}.img-course img{width:100%}.img-course{position:relative}.promotion{position:absolute;top:20px;left:0}.promotion p{background-color:red;color:#ffdb23;padding:4px 10px}.promotion svg{color:#ffdb23;margin-right:5px}.info-thumbnail{padding:10px}.info-thumbnail h3{color:#424c56;font-size:14px;margin-bottom:10px}.info-thumbnail h2{color:#5978b7;font-size:16px}.info-thumbnail svg{margin-right:5px;font-size:20px}.info-thumbnail p{color:#7b9ab6;font-size:14px}.info-thumbnail p.place{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.table-hours-cpd-cpa{font-size:10px;width:100%}.table-hours-cpd-cpa td,.table-hours-cpd-cpa th{padding:4px;border:1px solid rgba(185,202,217,.35);font-weight:400;color:#000}.table-hours-cpd-cpa td{color:#7b9ab6}.bghead{background-color:#b9cad933;width:25%}.bgsubhead{background-color:#b9cad91a;width:25%}.couse-detail-course-table-cpd-cpa{border-radius:8px;overflow:hidden;padding:5px 25px}.rate-course{padding:0 10px 10px}.rate-detail h3{color:#2c3f50;font-size:14px;font-weight:400}.rate-detail p{color:#7b9ab6;font-size:13px;font-weight:500}.underline-rate{width:40px;height:2px;background-color:#5978b7;margin:10px 0}.rate-detail-right p.name{color:#2e74b6;font-weight:500;font-size:16px}.rate-detail-right p.price-rate{color:#2e74b6;font-size:24px;font-weight:600}.rate-detail-right p.price-rate span{color:#2e74b6;font-size:16px}.rate-detail-right p.nonvat{color:#b9cad9;font-size:12px}.rate-detail-right{text-align:right}a.btn-booking{width:100%;background-color:#5978b7;display:block;text-align:center;color:#fff;padding:8px;border-radius:5px}.tab-course{margin-top:80px}.tab-course .css-93wjf5-MuiButtonBase-root-MuiTab-root{width:auto;background-color:#7b9ab61a}.tab-course .MuiTabs-flexContainer button{min-width:auto;color:#7b9ab6}.tab-course .css-93wjf5-MuiButtonBase-root-MuiTab-root.Mui-selected{background-color:#7b9ab6!important;color:#fff!important;border-bottom:0}.tab-course .css-19kzrtu{padding:24px 0}@media (max-width:567px){.only-desk{display:none}.play-mobile{display:block!important}.hide-mobile{display:none}}@media (max-width:991px) and (min-width:568px){.play-mobile{display:block!important}.hide-mobile{display:none}}.blog-table{border:1px solid #b9cad959}.line-left{border-left:1px solid #b9cad959}.center{text-align:center}.box-course-info .title{color:#5978b7;font-size:14px;font-weight:500}.box-course-info .id-course{color:#a1a6b2;font-size:10px}.box-course-info .date-time{color:#424c56;font-size:12px}.date-time svg{margin-right:5px}.btn-bo{justify-content:center;background-color:#43a047}.btn-bo svg{margin-right:5px}.blog-table .couse-detail-course-table-cpd-cpa{padding:0;margin-top:20px!important}.blog-table .rate-detail p{font-size:14px}.blog-table .rate-detail p span{font-size:12px}.bg-expand{background-color:#f9fafb}.box-head{padding:6px 2px;text-align:center}.play-mobile{display:none}.box-info{position:relative}.status-course{position:absolute;right:5px;bottom:5px}.status-course img{width:50px}