:root {
    --main-width: 85%;
    --main-max-width: 1340px;
    --main-bottom-gap: 70px;
    --banner-text-width: 42%;
    --main-col-left: 365px;
    --main-col-gap: 40px;
    --main-col-right: calc(100% - 405px);
    --mat-col-left: 56px;
    --mat-col-gap: 20px;
    --mat-col-right: calc(100% - 84px);
    --mat-row-gap: 20px;
    --font-size-main: 16px;
    --font-size-h1: 48px;
    --font-size-h2: 26px;
    --font-size-h3: 18px;
    --font-size-h4: 16px;
    --icon-chevron-down: url("data:image/svg+xml;utf8,                        <svg viewBox='0 0 14.0078 7.5899' xmlns='http://www.w3.org/2000/svg' fill='none'>                            <path d='M6 0L0.707107 5.29289C0.316582 5.68342 0.316582 6.31658 0.707107 6.70711L6 12' stroke='rgb(56,57,58)' stroke-linecap='round' stroke-width='2' transform='matrix(0,-1,-1,0,13.0039,7.00409)'/>                        </svg>");
    --icon-chevron-right: url("data:image/svg+xml;utf8,                          <svg viewBox='0 0 7.5896 14.0082' xmlns='http://www.w3.org/2000/svg' fill='none'>                              <path d='M6 0L0.707107 5.29289C0.316582 5.68342 0.316582 6.31658 0.707107 6.70711L6 12' stroke='rgb(56,57,58)' stroke-linecap='round' stroke-width='2' transform='matrix(-1,0,0,1,7.00391,1.00409)'/>                          </svg>");
    --icon-box: url("data:image/svg+xml;utf8,                        <svg viewBox='0 0 18 20' xmlns='http://www.w3.org/2000/svg' width='18.000000' height='20.000000'>                            <path d='M17.1184 4.36145L9.88338 0.233608C9.74927 0.157089 9.60743 0.099024 9.45785 0.0594145C9.30827 0.0198049 9.15605 1.42546e-07 9.00119 1.42546e-07C8.84634 1.42546e-07 8.69412 0.0198049 8.54454 0.0594145C8.39496 0.099024 8.25311 0.157089 8.119 0.233608L0.882785 4.36027C0.748652 4.43715 0.626832 4.52983 0.517325 4.63832C0.407818 4.74681 0.314335 4.86743 0.236876 5.00017C0.159418 5.13292 0.100608 5.2733 0.0604484 5.42131C0.0202885 5.56932 0.000139058 5.71994 0 5.87318L0 14.1289C0 14.7505 0.338341 15.3298 0.882785 15.6394L8.11781 19.7684C8.25213 19.8444 8.39408 19.902 8.54365 19.9413C8.69323 19.9805 8.8454 20.0001 9.00016 20C9.15492 19.9999 9.30706 19.9801 9.45659 19.9407C9.60611 19.9012 9.74798 19.8434 9.88219 19.7673L17.1172 15.6394C17.6617 15.3286 18 14.7493 18 14.1277L18 5.87318C18.0001 5.72004 17.9802 5.56949 17.9402 5.42154C17.9002 5.27359 17.8415 5.13327 17.7641 5.00059C17.6868 4.86791 17.5933 4.74738 17.4838 4.63901C17.3744 4.53064 17.2525 4.43812 17.1184 4.36145L17.1184 4.36145ZM16.8241 14.1277C16.8241 14.3349 16.711 14.528 16.5299 14.6316L9.29486 18.7594C9.25016 18.7847 9.20291 18.8039 9.15313 18.817C9.10335 18.8301 9.0527 18.8366 9.00119 18.8366C8.94968 18.8366 8.89903 18.8301 8.84925 18.817C8.79947 18.8039 8.75223 18.7847 8.70753 18.7594L1.47131 14.6304C1.42665 14.6049 1.38607 14.5742 1.34959 14.5382C1.31311 14.5021 1.28196 14.4621 1.25614 14.4179C1.23031 14.3738 1.2107 14.3272 1.19729 14.2779C1.18388 14.2287 1.17713 14.1786 1.17705 14.1277L1.17705 5.87318C1.17705 5.66597 1.29022 5.47288 1.47131 5.36927L8.70634 1.24025C8.75116 1.21494 8.79853 1.19575 8.84844 1.1827C8.89835 1.16965 8.94912 1.16318 9.00075 1.16328C9.05238 1.16339 9.10313 1.17006 9.15299 1.18331C9.20285 1.19656 9.25014 1.21593 9.29486 1.24143L16.5299 5.36927C16.5746 5.3948 16.6153 5.42563 16.6518 5.46174C16.6883 5.49785 16.7195 5.53802 16.7454 5.58225C16.7712 5.62648 16.7908 5.67326 16.8041 5.72259C16.8175 5.77192 16.8242 5.82212 16.8241 5.87318L16.8241 14.1277L16.8241 14.1277Z' fill='rgb(33,33,33)' fill-rule='nonzero' />                            <path d='M15.048 5.91801L9.01505 9.28763L2.98209 5.91801C2.94799 5.89749 2.91217 5.88054 2.87463 5.86714C2.83708 5.85374 2.79856 5.84417 2.75906 5.83843C2.71957 5.83268 2.67989 5.83088 2.64003 5.83302C2.60017 5.83516 2.56093 5.8412 2.52229 5.85113C2.48366 5.86107 2.44642 5.87471 2.41056 5.89204C2.3747 5.90938 2.34095 5.93007 2.3093 5.95412C2.27765 5.97816 2.24874 6.00507 2.22256 6.03486C2.19639 6.06465 2.17348 6.09671 2.15383 6.13105C2.13418 6.16539 2.11818 6.20132 2.10584 6.23884C2.0935 6.27636 2.08506 6.31472 2.08052 6.35391C2.07598 6.39311 2.07544 6.43236 2.07888 6.47166C2.08233 6.51096 2.0897 6.54953 2.10099 6.58737C2.11229 6.62521 2.12728 6.66156 2.14597 6.69642C2.16465 6.73129 2.18667 6.76396 2.212 6.79445C2.23734 6.82493 2.26549 6.85262 2.29646 6.87752C2.32742 6.90241 2.36059 6.92401 2.39595 6.94232L8.40747 10.3002L8.40747 17.2643C8.40747 17.3029 8.41128 17.3412 8.41891 17.3791C8.42654 17.417 8.43784 17.4538 8.45281 17.4895C8.46778 17.5253 8.48613 17.5592 8.50786 17.5913C8.52959 17.6235 8.55428 17.6532 8.58194 17.6805C8.60959 17.7079 8.63968 17.7323 8.6722 17.7537C8.70472 17.7752 8.73905 17.7933 8.77518 17.8081C8.81132 17.8229 8.84857 17.8341 8.88693 17.8416C8.92529 17.8492 8.96403 17.8529 9.00314 17.8529C9.04225 17.8529 9.08099 17.8492 9.11935 17.8416C9.15771 17.8341 9.19496 17.8229 9.23109 17.8081C9.26723 17.7933 9.30156 17.7752 9.33408 17.7537C9.3666 17.7323 9.39669 17.7079 9.42434 17.6805C9.452 17.6532 9.47669 17.6235 9.49842 17.5913C9.52015 17.5592 9.5385 17.5253 9.55347 17.4895C9.56844 17.4538 9.57973 17.417 9.58737 17.3791C9.595 17.3412 9.59881 17.3029 9.59881 17.2643L9.59881 10.3131L15.6342 6.94232C15.6695 6.92401 15.7027 6.90241 15.7337 6.87752C15.7646 6.85263 15.7928 6.82494 15.8181 6.79445C15.8434 6.76396 15.8655 6.73129 15.8841 6.69643C15.9028 6.66157 15.9178 6.62522 15.9291 6.58738C15.9404 6.54954 15.9478 6.51097 15.9512 6.47166C15.9547 6.43236 15.9541 6.39311 15.9496 6.35391C15.945 6.31472 15.9366 6.27636 15.9243 6.23884C15.9119 6.20133 15.8959 6.1654 15.8763 6.13106C15.8566 6.09672 15.8337 6.06465 15.8075 6.03487C15.7814 6.00508 15.7525 5.97816 15.7208 5.95412C15.6892 5.93008 15.6554 5.90939 15.6195 5.89205C15.5837 5.87471 15.5464 5.86107 15.5078 5.85114C15.4692 5.8412 15.4299 5.83516 15.3901 5.83302C15.3502 5.83088 15.3105 5.83269 15.271 5.83843C15.2315 5.84417 15.193 5.85374 15.1555 5.86714C15.1179 5.88054 15.0821 5.8975 15.048 5.91801L15.048 5.91801Z' fill='rgb(33,33,33)' fill-rule='nonzero' />                        </svg>");
    --icon-check: url("data:image/svg+xml;utf8,                        <svg viewBox='0 0 7.00415 4.77069' xmlns='http://www.w3.org/2000/svg' width='7.004150' height='4.770691' fill='none'>	                        <path d='M0.501953 2.00201L2.62404 4.12411C2.82856 4.32862 3.16343 4.31747 3.35389 4.0998L6.50195 0.502014' stroke='rgb(255,255,255)' stroke-linecap='round' stroke-width='1' />                        </svg>");
}
@media(min-width: 1921px) {
    :root {
        --banner-text-width: 800px;
    }
}
@media(max-width: 1300px) {
    :root {
        --main-width: 90%;
        --banner-text-width: 52%;
    }
}
@media(max-width: 992px) {
    :root {
        --main-bottom-gap: 56px;
        --main-col-left: 292px;
        --main-col-gap: 32px;
        --main-col-right: calc(100% - 324px);
        --mat-col-left: 50px;
        --mat-col-right: calc(100% - 70px);
        --font-size-h1: 38px;
    }
}
@media(max-width: 768px) {
    :root {
        --main-bottom-gap: 30px;
        --banner-text-width: 100%;
        --main-col-left: 100%;
        --main-col-gap: 0;
        --main-col-right: 100%;
        --mat-col-left: 40px;
        --mat-col-gap: 17px;
        --mat-col-right: calc(100% - 57px);
        --font-size-main: 14px;
        --font-size-h1: 22px;
        --font-size-h2: 18px;
        --font-size-h3: 16px;
        --font-size-h4: 14px;
    }
}
@keyframes circle {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.page-loading {
    display: none;
    position: fixed;
    top: 60%;
    left: 50%;
    z-index: 2;
}
.page-loading::before {
    content: "";
    width: 40px;
    height: 40px;
    border: 3px solid #0038ff;
    border-top-color: transparent;
    border-radius: 100%;
    position: absolute;
    top: -58px;
    left: 45%;
    animation: circle infinite .75s linear;
}
.page-loading.show-loading {
    display: block;
}
.page-loading.show-loading~.training-main-container * {
    color: #b4b4b4!important;
}
body {
    position: relative;
    color: #666;
    font-weight: 400;
    font-size: var(--font-size-main);
    line-height: 28px;
    letter-spacing: 0;
}
.layout-main {
    padding-bottom: var(--main-bottom-gap);
}
button, button:focus, .btn:focus, button:active:focus, button.btn:active:focus, input.form-control:focus, input.form-control:focus-visible, .panel {
    border: none;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline-offset: 0;
}
.panel-group, label {
    margin: 0;
}
input[type="checkbox"], input[type="checkbox"]:focus {
    position: relative;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    border: 1px solid #414141;
    border-radius: 2px;
    background: transparent;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}
input[type="checkbox"][disabled] {
    background-color: #efefef;
    border: 1px solid #dfdfdf;
}
input[type="checkbox"]:checked, input[type="checkbox"]:indeterminate {
    background-color: #414141;
}
input[type="checkbox"]:checked::before, input[type="checkbox"]:indeterminate::before {
    content: '';
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
input[type="checkbox"]:checked::before {
    width: 10px;
    height: 6.5px;
    top: 2px;
    left: 1px;
    background-image: var(--icon-check);
}
input[type="checkbox"]:indeterminate::before {
    width: 8px;
    height: 2px;
    top: 5px;
    left: 2px;
    border-radius: 2px;
    background: #fff;
}
.topbanner {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}
.training-banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--banner-text-width);
    font-weight: 400;
}
.training-banner-text1, .training-banner-text2 {
    margin: 17px 0;
    font-weight: 400;
}
.training-banner-text1 {
    font-size: var(--font-size-h1);
    line-height: 72px;
}
.training-banner-text2 {
    font-size: 18px;
    line-height: 30px;
}
.training-main-container {
    width: var(--main-width);
    max-width: var(--main-max-width);
    margin: 0 auto;
}
.training-main-desc {
    margin: 40px 0 36px;
}
.page-row {
    width: 100%;
    column-gap: var(--main-col-gap);
}
.page-col-left {
    width: var(--main-col-left);
}
.page-col-right {
    width: var(--main-col-right);
}
.training-opbtns-group {
    width: 100%;
    column-gap: 18px;
}
.training-opbtns-group button {
    width: 109px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #38393a;
    color: #38393a;
}
.training-opbtns-group button svg {
    margin-right: 6px;
}
.training-opbtns-group button:not(.active):hover {
    background-color: #fff;
    border: 1px solid var(--rtk-theme-color);
    color: var(--rtk-theme-color);
}
.training-opbtns-group button:not(.active):hover svg path {
    fill: var(--rtk-theme-color);
}
.search-group {
    position: relative;
    height: 38px;
    border: 1px solid #b2b2b2;
}
.search-group .icon-search, .search-group input {
    padding: 0;
    font-size: var(--font-size-main);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.search-group .icon-search {
    padding: 4px 12px 0 16px;
}
.search-group .icon-search svg {
    width: 20px;
    height: 21px;
}
.search-group .btn-reset {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.search-group input:not(:placeholder-shown)~.btn-reset {
    display: inline-block;
}
.training-main-content {
    margin-top: 32px;
}
.training-filter {
    border-top: 4px solid var(--rtk-theme-color);
}
.panel-heading>a[data-toggle="collapse"] {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-right: 24px;
}
.panel-heading>a[data-toggle="collapse"]::after {
    content: "";
    position: absolute;
    top: 11px;
    right: 9px;
    width: 14px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--icon-chevron-down);
}
.panel-heading>a.collapsed[data-toggle="collapse"]::after {
    top: 8px;
    right: 13px;
    width: 8px;
    height: 14px;
    background-image: var(--icon-chevron-right);
}
.panel-outer>.panel-heading {
    padding: 10px 0;
    border-bottom: 1px solid #b2b2b2;
}
.panel-outer>.panel-heading a {
    padding-left: 31px;
    font-size: var(--font-size-h3);
    color: #333;
    font-weight: 700;
}
.panel-outer>.panel-heading a::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 20px;
    background-image: var(--icon-box);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.panel-outer .panel-outer-holder {
    padding: 0 0 12px 12px;
    border-bottom: 1px solid #b2b2b2;
}
.panel-inner .panel-heading {
    display: flex;
    align-items: flex-start;
    padding: 6px 0 0;
    border: none;
}
.panel-group-inner:first-child .panel-inner .panel-heading {
    padding-top: 12px;
}
.panel-inner .panel-heading a, .panel-inner .panel-heading label {
    font-size: var(--font-size-h4);
    color: #414141;
    font-weight: 500;
}
.panel-inner .panel-inner-holder {
    width: 78%;
    margin-left: 20px;
    margin-top: 8px;
    padding: 10px;
    background-color: #f9fafb;
    border-radius: 8px;
    border: none;
}
.panel-inner .panel-collapse label {
    display: flex;
    font-weight: 400;
    margin: 4px 0;
}
.panel-inner .panel-collapse input {
    flex-shrink: 0;
    margin-top: 7px;
}
.panel-inner .panel-collapse input[type="checkbox"], .panel-inner .panel-collapse input[type="checkbox"]:focus {
    width: 12px;
    height: 12px;
    border: 1px solid #666;
}
.panel-inner .panel-collapse input[type="checkbox"]:checked, .panel-inner .panel-collapse input[type="checkbox"]:indeterminate {
    background-color: #666;
}
.panel-inner .panel-collapse input[type="checkbox"]:checked::before {
    width: 8px;
    height: 5px;
    top: 2px;
    left: 1px;
}
.training-no-data {
    background-color: #f4f5f7;
    padding: 10px 0;
    text-align: center;
    color: #333;
}
.training-mat-item {
    display: flex;
    padding-top: var(--mat-row-gap);
    column-gap: var(--mat-col-gap);
}
.training-mat-item:first-child {
    padding-top: 0;
}
.training-mat-left {
    position: relative;
    width: var(--mat-col-left);
}
.training-mat-right {
    width: var(--mat-col-right);
    padding-bottom: 16px;
    border-bottom: 1px solid #f3f3f3;
}
.training-mat-left img {
    width: 100%;
}
.training-mat-new .training-mat-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 35px solid #0038ff;
    border-right: 50px solid transparent;
    border-radius: 4px 0 0 0;
    z-index: 1;
}
.training-mat-new .training-mat-left::after {
    content: "New";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    transform: rotate(-30deg) scale(1) translateX(2px) translateY(-1px);
    z-index: 2;
}
.training-mat-title {
    margin-bottom: 2px;
    font-size: var(--font-size-h3);
    font-weight: 700;
}
.training-mat-desc {
    line-height: 26px;
}
.training-mat-extra {
    margin-top: 12px;
    flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 16px;
}
.training-mat-extra .training-extra-item {
    column-gap: 16px;
}
.training-mat-extra .btn {
    column-gap: 8px;
    padding: 7px 10px;
    background-color: #f0f2f4;
    border: none;
    border-radius: 4px;
    font-size: var(--font-size-main);
    font-weight: 700;
    box-shadow: none;
}
.training-mat-extra a.btn {
    margin-bottom: 4px;
}
.training-mat-extra .dropdown {
    padding-bottom: 4px;
}
.training-mat-extra .dropdown-menu {
    display: none;
    min-width: 100px;
    margin: 0;
    padding: 0 2px;
    box-shadow: 0 0 7px 0 rgba(56,56,56,.25);
}
.training-mat-extra .dropdown:hover .dropdown-menu {
    display: block;
}
.training-mat-extra .dropdown:hover .dropdown-menu.open {
    top: 100%!important;
    left: 0!important;
    transform: none!important;
    will-change: unset!important;
}
.training-mat-extra .dropdown-menu li a {
    margin: 4px 0;
    padding: 2px 9px;
    background-color: #f0f2f4;
    border-radius: 4px;
    color: #666;
    font-size: var(--font-size-main);
}
.training-mat-extra a.btn:hover, .training-mat-extra .dropdown-menu li a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.training-mat-extra .training-mat-date {
    column-gap: 8px;
    margin-bottom: 4px;
    padding: 3px 10px;
    border: 1px solid #f3f3f3;
}
.training-pagination {
    margin-top: 40px;
    margin-left: calc(var(--mat-col-left) + var(--mat-col-gap));
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 4px;
}
.training-pagination .pagination {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 12px;
    row-gap: 6px;
    flex-wrap: wrap;
}
.training-pagination .pagination>li a, .training-pagination .pagination>li span {
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border: none;
    border-radius: 4px;
    color: #666;
    line-height: 28px;
    background-color: #fff;
}
.training-pagination .pagination>li.prev a, .training-pagination .pagination>li.next a {
    width: auto;
    background-color: #f4f6f7;
    border: 1px solid #eeeff1;
}
.training-pagination .pagination li.prev:not(.disabled) a:hover, .training-pagination .pagination li.next:not(.disabled) a:hover, .training-pagination .pagination li.active a {
    background-color: var(--rtk-theme-color);
    border: 1px solid var(--rtk-theme-color);
    color: #fff;
}
@media screen and (max-width: 992px) {
    .training-banner-text1, .training-banner-text2 {
        margin: 10px 0;
    }
    .training-banner-text1 {
        line-height: 56px;
    }
    .training-banner-text2 {
        font-size: 14px;
        line-height: 21px;
    }
    .training-main-desc {
        margin: 50px 0 40px;
    }
    .training-opbtns-group {
        column-gap: 11px;
    }
    .training-opbtns-group button {
        width: 90px;
        padding: 7px 10px;
    }
    .training-opbtns-group button svg {
        display: none;
    }
    .search-group {
        height: 44px;
    }
    .search-group .icon-search {
        padding-right: 8px;
    }
    .panel-inner .panel-inner-holder {
        width: 82%;
    }
    .training-mat-new .training-mat-left::before {
        border-top: 26px solid #0038ff;
        border-right: 38px solid transparent;
    }
    .training-mat-new .training-mat-left::after {
        font-size: 10px;
        transform: rotate(-30deg) scale(1) translateX(4px) translateY(-4px);
    }
    .training-pagination {
        margin-top: 36px;
    }
}
@media screen and (max-width: 768px) {
    .topbanner img {
        width: 300%;
        height: auto;
        object-fit: cover;
        transform: translateX(-45.6%);
        clip-path: inset(0 18.4% 0 45.6%);
    }
    .training-banner-text {
        left: 0;
        padding: 24px 0 24px 5%;
        background: rgba(20,22,34,.62);
    }
    .training-banner-text1, .training-banner-text2 {
        margin: 6px 0;
    }
    .training-banner-text1 {
        line-height: 32px;
    }
    .training-main-desc {
        margin: 28px 0;
        line-height: 25px;
    }
    .page-row.training-optns-search, .page-row.training-main-content {
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .page-row.training-optns-search {
        flex-direction: column-reverse;
    }
    .page-row.training-main-content {
        margin-top: 24px;
    }
    .training-opbtns-group {
        justify-content: flex-start;
        column-gap: 14px;
    }
    .training-opbtns-group button {
        width: 102px;
        padding: 5px;
    }
    .training-opbtns-group button svg {
        display: block;
        margin-right: 4px;
    }
    .panel-heading>a[data-toggle="collapse"]::after {
        top: 8px;
        width: 12px;
        height: 6px;
    }
    .panel-heading>a.collapsed[data-toggle="collapse"]::after {
        top: 9px;
        width: 6px;
        height: 12px;
    }
    .panel-heading input {
        top: 2px;
    }
    .panel-outer>.panel-heading a {
        padding-left: 26px;
    }
    .panel-outer>.panel-heading a::before {
        top: 5px;
        width: 16px;
        height: 18px;
    }
    .panel-outer .panel-outer-holder {
        padding: 0 0 12px 15px;
    }
    .panel-inner .panel-heading {
        line-height: 25px;
    }
    .panel-inner .panel-inner-holder {
        margin-left: 18px;
        margin-top: 6px;
        padding: 6px 10px;
    }
    .training-mat-new .training-mat-left::before {
        border-top: 20px solid #0038ff;
        border-right: 30px solid transparent;
    }
    .training-mat-new .training-mat-left::after {
        font-size: 8px;
        transform: rotate(-30deg) scale(1) translateX(4px) translateY(-6px);
    }
    .training-mat-right {
        padding-bottom: 14px;
    }
    .training-mat-title, .training-mat-desc {
        line-height: 25px;
    }
    .training-mat-extra {
        margin-top: 8px;
        column-gap: 8px;
    }
    .training-mat-extra .training-extra-item {
        column-gap: 8px;
    }
    .training-mat-extra .btn {
        padding: 6px 8px;
    }
    .training-mat-extra .training-mat-date {
        column-gap: 6px;
        padding: 3px 8px;
    }
    .training-pagination {
        margin-top: 28px;
        margin-left: 0;
    }
    .training-pagination .pagination {
        column-gap: 10px;
    }
    .training-pagination .pagination>li a, .training-pagination .pagination>li span {
        width: 30px;
        height: 30px;
    }
}