@keyframes spinner {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes btnmove {
    0% {
        right: 0
    }

    99% {
        right: -100%
    }

    to {
        width: 0
    }
}

@keyframes mail {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

@keyframes resend {
    0% {
        right: -100%
    }

    to {
        right: 0
    }
}

@keyframes mailani {
    0% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(5deg)
    }
}

@keyframes smsAct {
    0% {
        transform: translate(0,0)
    }

    to {
        transform: translate(5px,0)
    }
}

@keyframes tips-txt-show {
    0% {
        right: -15%;
        opacity: 0
    }

    to {
        right: -24%;
        opacity: 1
    }
}

@keyframes tips-txt-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes hide-slide {
    0%,12%,to {
        transform: translateY(0)
    }

    25%,37%,87% {
        transform: translateY(36px)
    }
}

@keyframes slide {
    0%,12%,to {
        top: -2.5rem
    }

    25%,37%,87% {
        top: 0
    }
}

@keyframes intercom-lightweight-app-launcher {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes intercom-lightweight-app-gradient {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes intercom-lightweight-app-messenger {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.toggle .sidenav-brand {
    font-size: 0;
    text-indent: -99999px
}

.dropdown-toggle::after,.fade,.page-link {
    transition: all .2s ease-in-out .05s
}

.alert,.toast {
    transition: opacity .15s ease-in-out
}

.btn-ic,.btn-ic-grey {
    transition: all .15s ease-in-out
}

.section-body::after,.section-foot::after {
    content: "";
    display: block;
    clear: both
}

.btn.loading::before,.header .referral-code-mobile .code-copy button.loading::before,.loading.btn-addon::before,.loading.btn-blue::before,.loading.btn-danger::before,.loading.btn-grey::before,.loading.btn-ic-grey::before,.loading.btn-ic::before,.loading.btn-info::before,.loading.btn-light::before,.loading.btn-outline-blue::before,.loading.btn-outline-danger::before,.loading.btn-outline-grey::before,.loading.btn-outline-info::before,.loading.btn-outline-light::before,.loading.btn-outline-primary::before,.loading.btn-outline-red::before,.loading.btn-outline-secondary::before,.loading.btn-outline-success::before,.loading.btn-outline-warning::before,.loading.btn-outline-white::before,.loading.btn-primary::before,.loading.btn-red::before,.loading.btn-secondary::before,.loading.btn-success::before,.loading.btn-warning::before,.loading.btn-white::before {
    content: "";
    display: inline-block;
    position: absolute;
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
    border: .14em solid transparent;
    border-radius: 100%;
    border-right-color: transparent;
    vertical-align: text-bottom
}

.is-loading::after,.modal.loading::before,.table-wrap.loading::before {
    content: "";
    display: inline-block;
    position: absolute;
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
    border: .14em solid transparent;
    border-radius: 100%;
    vertical-align: text-bottom
}

.btn.loading,.header .referral-code-mobile .code-copy button.loading,.loading.btn-addon,.loading.btn-blue,.loading.btn-danger,.loading.btn-grey,.loading.btn-ic,.loading.btn-ic-grey,.loading.btn-info,.loading.btn-light,.loading.btn-outline-blue,.loading.btn-outline-danger,.loading.btn-outline-grey,.loading.btn-outline-info,.loading.btn-outline-light,.loading.btn-outline-primary,.loading.btn-outline-red,.loading.btn-outline-secondary,.loading.btn-outline-success,.loading.btn-outline-warning,.loading.btn-outline-white,.loading.btn-primary,.loading.btn-red,.loading.btn-secondary,.loading.btn-success,.loading.btn-warning,.loading.btn-white {
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.btn.loading .ic,.btn.loading .ic-action,.btn.loading .ic-add,.btn.loading .ic-captcha,.btn.loading .ic-check,.btn.loading .ic-close,.btn.loading .ic-collapse,.btn.loading .ic-copy,.btn.loading .ic-delete,.btn.loading .ic-down,.btn.loading .ic-edit,.btn.loading .ic-excel,.btn.loading .ic-expand,.btn.loading .ic-home,.btn.loading .ic-inbox,.btn.loading .ic-info,.btn.loading .ic-left,.btn.loading .ic-lock,.btn.loading .ic-logout,.btn.loading .ic-menu,.btn.loading .ic-minus,.btn.loading .ic-more-horiz,.btn.loading .ic-more-vert,.btn.loading .ic-multiple,.btn.loading .ic-nodata,.btn.loading .ic-pwd,.btn.loading .ic-refresh,.btn.loading .ic-replay,.btn.loading .ic-report,.btn.loading .ic-right,.btn.loading .ic-save,.btn.loading .ic-search,.btn.loading .ic-setting,.btn.loading .ic-step,.btn.loading .ic-subaccount,.btn.loading .ic-ticket,.btn.loading .ic-transfer,.btn.loading .ic-unlock,.btn.loading .ic-user,.btn.loading .ic-user-outline,.btn.loading .ic-wallet,.header .referral-code-mobile .code-copy button.loading .ic,.header .referral-code-mobile .code-copy button.loading .ic-action,.header .referral-code-mobile .code-copy button.loading .ic-add,.header .referral-code-mobile .code-copy button.loading .ic-captcha,.header .referral-code-mobile .code-copy button.loading .ic-check,.header .referral-code-mobile .code-copy button.loading .ic-close,.header .referral-code-mobile .code-copy button.loading .ic-collapse,.header .referral-code-mobile .code-copy button.loading .ic-copy,.header .referral-code-mobile .code-copy button.loading .ic-delete,.header .referral-code-mobile .code-copy button.loading .ic-down,.header .referral-code-mobile .code-copy button.loading .ic-edit,.header .referral-code-mobile .code-copy button.loading .ic-excel,.header .referral-code-mobile .code-copy button.loading .ic-expand,.header .referral-code-mobile .code-copy button.loading .ic-home,.header .referral-code-mobile .code-copy button.loading .ic-inbox,.header .referral-code-mobile .code-copy button.loading .ic-info,.header .referral-code-mobile .code-copy button.loading .ic-left,.header .referral-code-mobile .code-copy button.loading .ic-lock,.header .referral-code-mobile .code-copy button.loading .ic-logout,.header .referral-code-mobile .code-copy button.loading .ic-menu,.header .referral-code-mobile .code-copy button.loading .ic-minus,.header .referral-code-mobile .code-copy button.loading .ic-more-horiz,.header .referral-code-mobile .code-copy button.loading .ic-more-vert,.header .referral-code-mobile .code-copy button.loading .ic-multiple,.header .referral-code-mobile .code-copy button.loading .ic-nodata,.header .referral-code-mobile .code-copy button.loading .ic-pwd,.header .referral-code-mobile .code-copy button.loading .ic-refresh,.header .referral-code-mobile .code-copy button.loading .ic-replay,.header .referral-code-mobile .code-copy button.loading .ic-report,.header .referral-code-mobile .code-copy button.loading .ic-right,.header .referral-code-mobile .code-copy button.loading .ic-save,.header .referral-code-mobile .code-copy button.loading .ic-search,.header .referral-code-mobile .code-copy button.loading .ic-setting,.header .referral-code-mobile .code-copy button.loading .ic-step,.header .referral-code-mobile .code-copy button.loading .ic-subaccount,.header .referral-code-mobile .code-copy button.loading .ic-ticket,.header .referral-code-mobile .code-copy button.loading .ic-transfer,.header .referral-code-mobile .code-copy button.loading .ic-unlock,.header .referral-code-mobile .code-copy button.loading .ic-user,.header .referral-code-mobile .code-copy button.loading .ic-user-outline,.header .referral-code-mobile .code-copy button.loading .ic-wallet,.loading.btn-addon .ic,.loading.btn-addon .ic-action,.loading.btn-addon .ic-add,.loading.btn-addon .ic-captcha,.loading.btn-addon .ic-check,.loading.btn-addon .ic-close,.loading.btn-addon .ic-collapse,.loading.btn-addon .ic-copy,.loading.btn-addon .ic-delete,.loading.btn-addon .ic-down,.loading.btn-addon .ic-edit,.loading.btn-addon .ic-excel,.loading.btn-addon .ic-expand,.loading.btn-addon .ic-home,.loading.btn-addon .ic-inbox,.loading.btn-addon .ic-info,.loading.btn-addon .ic-left,.loading.btn-addon .ic-lock,.loading.btn-addon .ic-logout,.loading.btn-addon .ic-menu,.loading.btn-addon .ic-minus,.loading.btn-addon .ic-more-horiz,.loading.btn-addon .ic-more-vert,.loading.btn-addon .ic-multiple,.loading.btn-addon .ic-nodata,.loading.btn-addon .ic-pwd,.loading.btn-addon .ic-refresh,.loading.btn-addon .ic-replay,.loading.btn-addon .ic-report,.loading.btn-addon .ic-right,.loading.btn-addon .ic-save,.loading.btn-addon .ic-search,.loading.btn-addon .ic-setting,.loading.btn-addon .ic-step,.loading.btn-addon .ic-subaccount,.loading.btn-addon .ic-ticket,.loading.btn-addon .ic-transfer,.loading.btn-addon .ic-unlock,.loading.btn-addon .ic-user,.loading.btn-addon .ic-user-outline,.loading.btn-addon .ic-wallet,.loading.btn-blue .ic,.loading.btn-blue .ic-action,.loading.btn-blue .ic-add,.loading.btn-blue .ic-captcha,.loading.btn-blue .ic-check,.loading.btn-blue .ic-close,.loading.btn-blue .ic-collapse,.loading.btn-blue .ic-copy,.loading.btn-blue .ic-delete,.loading.btn-blue .ic-down,.loading.btn-blue .ic-edit,.loading.btn-blue .ic-excel,.loading.btn-blue .ic-expand,.loading.btn-blue .ic-home,.loading.btn-blue .ic-inbox,.loading.btn-blue .ic-info,.loading.btn-blue .ic-left,.loading.btn-blue .ic-lock,.loading.btn-blue .ic-logout,.loading.btn-blue .ic-menu,.loading.btn-blue .ic-minus,.loading.btn-blue .ic-more-horiz,.loading.btn-blue .ic-more-vert,.loading.btn-blue .ic-multiple,.loading.btn-blue .ic-nodata,.loading.btn-blue .ic-pwd,.loading.btn-blue .ic-refresh,.loading.btn-blue .ic-replay,.loading.btn-blue .ic-report,.loading.btn-blue .ic-right,.loading.btn-blue .ic-save,.loading.btn-blue .ic-search,.loading.btn-blue .ic-setting,.loading.btn-blue .ic-step,.loading.btn-blue .ic-subaccount,.loading.btn-blue .ic-ticket,.loading.btn-blue .ic-transfer,.loading.btn-blue .ic-unlock,.loading.btn-blue .ic-user,.loading.btn-blue .ic-user-outline,.loading.btn-blue .ic-wallet,.loading.btn-danger .ic,.loading.btn-danger .ic-action,.loading.btn-danger .ic-add,.loading.btn-danger .ic-captcha,.loading.btn-danger .ic-check,.loading.btn-danger .ic-close,.loading.btn-danger .ic-collapse,.loading.btn-danger .ic-copy,.loading.btn-danger .ic-delete,.loading.btn-danger .ic-down,.loading.btn-danger .ic-edit,.loading.btn-danger .ic-excel,.loading.btn-danger .ic-expand,.loading.btn-danger .ic-home,.loading.btn-danger .ic-inbox,.loading.btn-danger .ic-info,.loading.btn-danger .ic-left,.loading.btn-danger .ic-lock,.loading.btn-danger .ic-logout,.loading.btn-danger .ic-menu,.loading.btn-danger .ic-minus,.loading.btn-danger .ic-more-horiz,.loading.btn-danger .ic-more-vert,.loading.btn-danger .ic-multiple,.loading.btn-danger .ic-nodata,.loading.btn-danger .ic-pwd,.loading.btn-danger .ic-refresh,.loading.btn-danger .ic-replay,.loading.btn-danger .ic-report,.loading.btn-danger .ic-right,.loading.btn-danger .ic-save,.loading.btn-danger .ic-search,.loading.btn-danger .ic-setting,.loading.btn-danger .ic-step,.loading.btn-danger .ic-subaccount,.loading.btn-danger .ic-ticket,.loading.btn-danger .ic-transfer,.loading.btn-danger .ic-unlock,.loading.btn-danger .ic-user,.loading.btn-danger .ic-user-outline,.loading.btn-danger .ic-wallet,.loading.btn-grey .ic,.loading.btn-grey .ic-action,.loading.btn-grey .ic-add,.loading.btn-grey .ic-captcha,.loading.btn-grey .ic-check,.loading.btn-grey .ic-close,.loading.btn-grey .ic-collapse,.loading.btn-grey .ic-copy,.loading.btn-grey .ic-delete,.loading.btn-grey .ic-down,.loading.btn-grey .ic-edit,.loading.btn-grey .ic-excel,.loading.btn-grey .ic-expand,.loading.btn-grey .ic-home,.loading.btn-grey .ic-inbox,.loading.btn-grey .ic-info,.loading.btn-grey .ic-left,.loading.btn-grey .ic-lock,.loading.btn-grey .ic-logout,.loading.btn-grey .ic-menu,.loading.btn-grey .ic-minus,.loading.btn-grey .ic-more-horiz,.loading.btn-grey .ic-more-vert,.loading.btn-grey .ic-multiple,.loading.btn-grey .ic-nodata,.loading.btn-grey .ic-pwd,.loading.btn-grey .ic-refresh,.loading.btn-grey .ic-replay,.loading.btn-grey .ic-report,.loading.btn-grey .ic-right,.loading.btn-grey .ic-save,.loading.btn-grey .ic-search,.loading.btn-grey .ic-setting,.loading.btn-grey .ic-step,.loading.btn-grey .ic-subaccount,.loading.btn-grey .ic-ticket,.loading.btn-grey .ic-transfer,.loading.btn-grey .ic-unlock,.loading.btn-grey .ic-user,.loading.btn-grey .ic-user-outline,.loading.btn-grey .ic-wallet,.loading.btn-ic .ic,.loading.btn-ic .ic-action,.loading.btn-ic .ic-add,.loading.btn-ic .ic-captcha,.loading.btn-ic .ic-check,.loading.btn-ic .ic-close,.loading.btn-ic .ic-collapse,.loading.btn-ic .ic-copy,.loading.btn-ic .ic-delete,.loading.btn-ic .ic-down,.loading.btn-ic .ic-edit,.loading.btn-ic .ic-excel,.loading.btn-ic .ic-expand,.loading.btn-ic .ic-home,.loading.btn-ic .ic-inbox,.loading.btn-ic .ic-info,.loading.btn-ic .ic-left,.loading.btn-ic .ic-lock,.loading.btn-ic .ic-logout,.loading.btn-ic .ic-menu,.loading.btn-ic .ic-minus,.loading.btn-ic .ic-more-horiz,.loading.btn-ic .ic-more-vert,.loading.btn-ic .ic-multiple,.loading.btn-ic .ic-nodata,.loading.btn-ic .ic-pwd,.loading.btn-ic .ic-refresh,.loading.btn-ic .ic-replay,.loading.btn-ic .ic-report,.loading.btn-ic .ic-right,.loading.btn-ic .ic-save,.loading.btn-ic .ic-search,.loading.btn-ic .ic-setting,.loading.btn-ic .ic-step,.loading.btn-ic .ic-subaccount,.loading.btn-ic .ic-ticket,.loading.btn-ic .ic-transfer,.loading.btn-ic .ic-unlock,.loading.btn-ic .ic-user,.loading.btn-ic .ic-user-outline,.loading.btn-ic .ic-wallet,.loading.btn-ic-grey .ic,.loading.btn-ic-grey .ic-action,.loading.btn-ic-grey .ic-add,.loading.btn-ic-grey .ic-captcha,.loading.btn-ic-grey .ic-check,.loading.btn-ic-grey .ic-close,.loading.btn-ic-grey .ic-collapse,.loading.btn-ic-grey .ic-copy,.loading.btn-ic-grey .ic-delete,.loading.btn-ic-grey .ic-down,.loading.btn-ic-grey .ic-edit,.loading.btn-ic-grey .ic-excel,.loading.btn-ic-grey .ic-expand,.loading.btn-ic-grey .ic-home,.loading.btn-ic-grey .ic-inbox,.loading.btn-ic-grey .ic-info,.loading.btn-ic-grey .ic-left,.loading.btn-ic-grey .ic-lock,.loading.btn-ic-grey .ic-logout,.loading.btn-ic-grey .ic-menu,.loading.btn-ic-grey .ic-minus,.loading.btn-ic-grey .ic-more-horiz,.loading.btn-ic-grey .ic-more-vert,.loading.btn-ic-grey .ic-multiple,.loading.btn-ic-grey .ic-nodata,.loading.btn-ic-grey .ic-pwd,.loading.btn-ic-grey .ic-refresh,.loading.btn-ic-grey .ic-replay,.loading.btn-ic-grey .ic-report,.loading.btn-ic-grey .ic-right,.loading.btn-ic-grey .ic-save,.loading.btn-ic-grey .ic-search,.loading.btn-ic-grey .ic-setting,.loading.btn-ic-grey .ic-step,.loading.btn-ic-grey .ic-subaccount,.loading.btn-ic-grey .ic-ticket,.loading.btn-ic-grey .ic-transfer,.loading.btn-ic-grey .ic-unlock,.loading.btn-ic-grey .ic-user,.loading.btn-ic-grey .ic-user-outline,.loading.btn-ic-grey .ic-wallet,.loading.btn-info .ic,.loading.btn-info .ic-action,.loading.btn-info .ic-add,.loading.btn-info .ic-captcha,.loading.btn-info .ic-check,.loading.btn-info .ic-close,.loading.btn-info .ic-collapse,.loading.btn-info .ic-copy,.loading.btn-info .ic-delete,.loading.btn-info .ic-down,.loading.btn-info .ic-edit,.loading.btn-info .ic-excel,.loading.btn-info .ic-expand,.loading.btn-info .ic-home,.loading.btn-info .ic-inbox,.loading.btn-info .ic-info,.loading.btn-info .ic-left,.loading.btn-info .ic-lock,.loading.btn-info .ic-logout,.loading.btn-info .ic-menu,.loading.btn-info .ic-minus,.loading.btn-info .ic-more-horiz,.loading.btn-info .ic-more-vert,.loading.btn-info .ic-multiple,.loading.btn-info .ic-nodata,.loading.btn-info .ic-pwd,.loading.btn-info .ic-refresh,.loading.btn-info .ic-replay,.loading.btn-info .ic-report,.loading.btn-info .ic-right,.loading.btn-info .ic-save,.loading.btn-info .ic-search,.loading.btn-info .ic-setting,.loading.btn-info .ic-step,.loading.btn-info .ic-subaccount,.loading.btn-info .ic-ticket,.loading.btn-info .ic-transfer,.loading.btn-info .ic-unlock,.loading.btn-info .ic-user,.loading.btn-info .ic-user-outline,.loading.btn-info .ic-wallet,.loading.btn-light .ic,.loading.btn-light .ic-action,.loading.btn-light .ic-add,.loading.btn-light .ic-captcha,.loading.btn-light .ic-check,.loading.btn-light .ic-close,.loading.btn-light .ic-collapse,.loading.btn-light .ic-copy,.loading.btn-light .ic-delete,.loading.btn-light .ic-down,.loading.btn-light .ic-edit,.loading.btn-light .ic-excel,.loading.btn-light .ic-expand,.loading.btn-light .ic-home,.loading.btn-light .ic-inbox,.loading.btn-light .ic-info,.loading.btn-light .ic-left,.loading.btn-light .ic-lock,.loading.btn-light .ic-logout,.loading.btn-light .ic-menu,.loading.btn-light .ic-minus,.loading.btn-light .ic-more-horiz,.loading.btn-light .ic-more-vert,.loading.btn-light .ic-multiple,.loading.btn-light .ic-nodata,.loading.btn-light .ic-pwd,.loading.btn-light .ic-refresh,.loading.btn-light .ic-replay,.loading.btn-light .ic-report,.loading.btn-light .ic-right,.loading.btn-light .ic-save,.loading.btn-light .ic-search,.loading.btn-light .ic-setting,.loading.btn-light .ic-step,.loading.btn-light .ic-subaccount,.loading.btn-light .ic-ticket,.loading.btn-light .ic-transfer,.loading.btn-light .ic-unlock,.loading.btn-light .ic-user,.loading.btn-light .ic-user-outline,.loading.btn-light .ic-wallet,.loading.btn-outline-blue .ic,.loading.btn-outline-blue .ic-action,.loading.btn-outline-blue .ic-add,.loading.btn-outline-blue .ic-captcha,.loading.btn-outline-blue .ic-check,.loading.btn-outline-blue .ic-close,.loading.btn-outline-blue .ic-collapse,.loading.btn-outline-blue .ic-copy,.loading.btn-outline-blue .ic-delete,.loading.btn-outline-blue .ic-down,.loading.btn-outline-blue .ic-edit,.loading.btn-outline-blue .ic-excel,.loading.btn-outline-blue .ic-expand,.loading.btn-outline-blue .ic-home,.loading.btn-outline-blue .ic-inbox,.loading.btn-outline-blue .ic-info,.loading.btn-outline-blue .ic-left,.loading.btn-outline-blue .ic-lock,.loading.btn-outline-blue .ic-logout,.loading.btn-outline-blue .ic-menu,.loading.btn-outline-blue .ic-minus,.loading.btn-outline-blue .ic-more-horiz,.loading.btn-outline-blue .ic-more-vert,.loading.btn-outline-blue .ic-multiple,.loading.btn-outline-blue .ic-nodata,.loading.btn-outline-blue .ic-pwd,.loading.btn-outline-blue .ic-refresh,.loading.btn-outline-blue .ic-replay,.loading.btn-outline-blue .ic-report,.loading.btn-outline-blue .ic-right,.loading.btn-outline-blue .ic-save,.loading.btn-outline-blue .ic-search,.loading.btn-outline-blue .ic-setting,.loading.btn-outline-blue .ic-step,.loading.btn-outline-blue .ic-subaccount,.loading.btn-outline-blue .ic-ticket,.loading.btn-outline-blue .ic-transfer,.loading.btn-outline-blue .ic-unlock,.loading.btn-outline-blue .ic-user,.loading.btn-outline-blue .ic-user-outline,.loading.btn-outline-blue .ic-wallet,.loading.btn-outline-danger .ic,.loading.btn-outline-danger .ic-action,.loading.btn-outline-danger .ic-add,.loading.btn-outline-danger .ic-captcha,.loading.btn-outline-danger .ic-check,.loading.btn-outline-danger .ic-close,.loading.btn-outline-danger .ic-collapse,.loading.btn-outline-danger .ic-copy,.loading.btn-outline-danger .ic-delete,.loading.btn-outline-danger .ic-down,.loading.btn-outline-danger .ic-edit,.loading.btn-outline-danger .ic-excel,.loading.btn-outline-danger .ic-expand,.loading.btn-outline-danger .ic-home,.loading.btn-outline-danger .ic-inbox,.loading.btn-outline-danger .ic-info,.loading.btn-outline-danger .ic-left,.loading.btn-outline-danger .ic-lock,.loading.btn-outline-danger .ic-logout,.loading.btn-outline-danger .ic-menu,.loading.btn-outline-danger .ic-minus,.loading.btn-outline-danger .ic-more-horiz,.loading.btn-outline-danger .ic-more-vert,.loading.btn-outline-danger .ic-multiple,.loading.btn-outline-danger .ic-nodata,.loading.btn-outline-danger .ic-pwd,.loading.btn-outline-danger .ic-refresh,.loading.btn-outline-danger .ic-replay,.loading.btn-outline-danger .ic-report,.loading.btn-outline-danger .ic-right,.loading.btn-outline-danger .ic-save,.loading.btn-outline-danger .ic-search,.loading.btn-outline-danger .ic-setting,.loading.btn-outline-danger .ic-step,.loading.btn-outline-danger .ic-subaccount,.loading.btn-outline-danger .ic-ticket,.loading.btn-outline-danger .ic-transfer,.loading.btn-outline-danger .ic-unlock,.loading.btn-outline-danger .ic-user,.loading.btn-outline-danger .ic-user-outline,.loading.btn-outline-danger .ic-wallet,.loading.btn-outline-grey .ic,.loading.btn-outline-grey .ic-action,.loading.btn-outline-grey .ic-add,.loading.btn-outline-grey .ic-captcha,.loading.btn-outline-grey .ic-check,.loading.btn-outline-grey .ic-close,.loading.btn-outline-grey .ic-collapse,.loading.btn-outline-grey .ic-copy,.loading.btn-outline-grey .ic-delete,.loading.btn-outline-grey .ic-down,.loading.btn-outline-grey .ic-edit,.loading.btn-outline-grey .ic-excel,.loading.btn-outline-grey .ic-expand,.loading.btn-outline-grey .ic-home,.loading.btn-outline-grey .ic-inbox,.loading.btn-outline-grey .ic-info,.loading.btn-outline-grey .ic-left,.loading.btn-outline-grey .ic-lock,.loading.btn-outline-grey .ic-logout,.loading.btn-outline-grey .ic-menu,.loading.btn-outline-grey .ic-minus,.loading.btn-outline-grey .ic-more-horiz,.loading.btn-outline-grey .ic-more-vert,.loading.btn-outline-grey .ic-multiple,.loading.btn-outline-grey .ic-nodata,.loading.btn-outline-grey .ic-pwd,.loading.btn-outline-grey .ic-refresh,.loading.btn-outline-grey .ic-replay,.loading.btn-outline-grey .ic-report,.loading.btn-outline-grey .ic-right,.loading.btn-outline-grey .ic-save,.loading.btn-outline-grey .ic-search,.loading.btn-outline-grey .ic-setting,.loading.btn-outline-grey .ic-step,.loading.btn-outline-grey .ic-subaccount,.loading.btn-outline-grey .ic-ticket,.loading.btn-outline-grey .ic-transfer,.loading.btn-outline-grey .ic-unlock,.loading.btn-outline-grey .ic-user,.loading.btn-outline-grey .ic-user-outline,.loading.btn-outline-grey .ic-wallet,.loading.btn-outline-info .ic,.loading.btn-outline-info .ic-action,.loading.btn-outline-info .ic-add,.loading.btn-outline-info .ic-captcha,.loading.btn-outline-info .ic-check,.loading.btn-outline-info .ic-close,.loading.btn-outline-info .ic-collapse,.loading.btn-outline-info .ic-copy,.loading.btn-outline-info .ic-delete,.loading.btn-outline-info .ic-down,.loading.btn-outline-info .ic-edit,.loading.btn-outline-info .ic-excel,.loading.btn-outline-info .ic-expand,.loading.btn-outline-info .ic-home,.loading.btn-outline-info .ic-inbox,.loading.btn-outline-info .ic-info,.loading.btn-outline-info .ic-left,.loading.btn-outline-info .ic-lock,.loading.btn-outline-info .ic-logout,.loading.btn-outline-info .ic-menu,.loading.btn-outline-info .ic-minus,.loading.btn-outline-info .ic-more-horiz,.loading.btn-outline-info .ic-more-vert,.loading.btn-outline-info .ic-multiple,.loading.btn-outline-info .ic-nodata,.loading.btn-outline-info .ic-pwd,.loading.btn-outline-info .ic-refresh,.loading.btn-outline-info .ic-replay,.loading.btn-outline-info .ic-report,.loading.btn-outline-info .ic-right,.loading.btn-outline-info .ic-save,.loading.btn-outline-info .ic-search,.loading.btn-outline-info .ic-setting,.loading.btn-outline-info .ic-step,.loading.btn-outline-info .ic-subaccount,.loading.btn-outline-info .ic-ticket,.loading.btn-outline-info .ic-transfer,.loading.btn-outline-info .ic-unlock,.loading.btn-outline-info .ic-user,.loading.btn-outline-info .ic-user-outline,.loading.btn-outline-info .ic-wallet,.loading.btn-outline-light .ic,.loading.btn-outline-light .ic-action,.loading.btn-outline-light .ic-add,.loading.btn-outline-light .ic-captcha,.loading.btn-outline-light .ic-check,.loading.btn-outline-light .ic-close,.loading.btn-outline-light .ic-collapse,.loading.btn-outline-light .ic-copy,.loading.btn-outline-light .ic-delete,.loading.btn-outline-light .ic-down,.loading.btn-outline-light .ic-edit,.loading.btn-outline-light .ic-excel,.loading.btn-outline-light .ic-expand,.loading.btn-outline-light .ic-home,.loading.btn-outline-light .ic-inbox,.loading.btn-outline-light .ic-info,.loading.btn-outline-light .ic-left,.loading.btn-outline-light .ic-lock,.loading.btn-outline-light .ic-logout,.loading.btn-outline-light .ic-menu,.loading.btn-outline-light .ic-minus,.loading.btn-outline-light .ic-more-horiz,.loading.btn-outline-light .ic-more-vert,.loading.btn-outline-light .ic-multiple,.loading.btn-outline-light .ic-nodata,.loading.btn-outline-light .ic-pwd,.loading.btn-outline-light .ic-refresh,.loading.btn-outline-light .ic-replay,.loading.btn-outline-light .ic-report,.loading.btn-outline-light .ic-right,.loading.btn-outline-light .ic-save,.loading.btn-outline-light .ic-search,.loading.btn-outline-light .ic-setting,.loading.btn-outline-light .ic-step,.loading.btn-outline-light .ic-subaccount,.loading.btn-outline-light .ic-ticket,.loading.btn-outline-light .ic-transfer,.loading.btn-outline-light .ic-unlock,.loading.btn-outline-light .ic-user,.loading.btn-outline-light .ic-user-outline,.loading.btn-outline-light .ic-wallet,.loading.btn-outline-primary .ic,.loading.btn-outline-primary .ic-action,.loading.btn-outline-primary .ic-add,.loading.btn-outline-primary .ic-captcha,.loading.btn-outline-primary .ic-check,.loading.btn-outline-primary .ic-close,.loading.btn-outline-primary .ic-collapse,.loading.btn-outline-primary .ic-copy,.loading.btn-outline-primary .ic-delete,.loading.btn-outline-primary .ic-down,.loading.btn-outline-primary .ic-edit,.loading.btn-outline-primary .ic-excel,.loading.btn-outline-primary .ic-expand,.loading.btn-outline-primary .ic-home,.loading.btn-outline-primary .ic-inbox,.loading.btn-outline-primary .ic-info,.loading.btn-outline-primary .ic-left,.loading.btn-outline-primary .ic-lock,.loading.btn-outline-primary .ic-logout,.loading.btn-outline-primary .ic-menu,.loading.btn-outline-primary .ic-minus,.loading.btn-outline-primary .ic-more-horiz,.loading.btn-outline-primary .ic-more-vert,.loading.btn-outline-primary .ic-multiple,.loading.btn-outline-primary .ic-nodata,.loading.btn-outline-primary .ic-pwd,.loading.btn-outline-primary .ic-refresh,.loading.btn-outline-primary .ic-replay,.loading.btn-outline-primary .ic-report,.loading.btn-outline-primary .ic-right,.loading.btn-outline-primary .ic-save,.loading.btn-outline-primary .ic-search,.loading.btn-outline-primary .ic-setting,.loading.btn-outline-primary .ic-step,.loading.btn-outline-primary .ic-subaccount,.loading.btn-outline-primary .ic-ticket,.loading.btn-outline-primary .ic-transfer,.loading.btn-outline-primary .ic-unlock,.loading.btn-outline-primary .ic-user,.loading.btn-outline-primary .ic-user-outline,.loading.btn-outline-primary .ic-wallet,.loading.btn-outline-red .ic,.loading.btn-outline-red .ic-action,.loading.btn-outline-red .ic-add,.loading.btn-outline-red .ic-captcha,.loading.btn-outline-red .ic-check,.loading.btn-outline-red .ic-close,.loading.btn-outline-red .ic-collapse,.loading.btn-outline-red .ic-copy,.loading.btn-outline-red .ic-delete,.loading.btn-outline-red .ic-down,.loading.btn-outline-red .ic-edit,.loading.btn-outline-red .ic-excel,.loading.btn-outline-red .ic-expand,.loading.btn-outline-red .ic-home,.loading.btn-outline-red .ic-inbox,.loading.btn-outline-red .ic-info,.loading.btn-outline-red .ic-left,.loading.btn-outline-red .ic-lock,.loading.btn-outline-red .ic-logout,.loading.btn-outline-red .ic-menu,.loading.btn-outline-red .ic-minus,.loading.btn-outline-red .ic-more-horiz,.loading.btn-outline-red .ic-more-vert,.loading.btn-outline-red .ic-multiple,.loading.btn-outline-red .ic-nodata,.loading.btn-outline-red .ic-pwd,.loading.btn-outline-red .ic-refresh,.loading.btn-outline-red .ic-replay,.loading.btn-outline-red .ic-report,.loading.btn-outline-red .ic-right,.loading.btn-outline-red .ic-save,.loading.btn-outline-red .ic-search,.loading.btn-outline-red .ic-setting,.loading.btn-outline-red .ic-step,.loading.btn-outline-red .ic-subaccount,.loading.btn-outline-red .ic-ticket,.loading.btn-outline-red .ic-transfer,.loading.btn-outline-red .ic-unlock,.loading.btn-outline-red .ic-user,.loading.btn-outline-red .ic-user-outline,.loading.btn-outline-red .ic-wallet,.loading.btn-outline-secondary .ic,.loading.btn-outline-secondary .ic-action,.loading.btn-outline-secondary .ic-add,.loading.btn-outline-secondary .ic-captcha,.loading.btn-outline-secondary .ic-check,.loading.btn-outline-secondary .ic-close,.loading.btn-outline-secondary .ic-collapse,.loading.btn-outline-secondary .ic-copy,.loading.btn-outline-secondary .ic-delete,.loading.btn-outline-secondary .ic-down,.loading.btn-outline-secondary .ic-edit,.loading.btn-outline-secondary .ic-excel,.loading.btn-outline-secondary .ic-expand,.loading.btn-outline-secondary .ic-home,.loading.btn-outline-secondary .ic-inbox,.loading.btn-outline-secondary .ic-info,.loading.btn-outline-secondary .ic-left,.loading.btn-outline-secondary .ic-lock,.loading.btn-outline-secondary .ic-logout,.loading.btn-outline-secondary .ic-menu,.loading.btn-outline-secondary .ic-minus,.loading.btn-outline-secondary .ic-more-horiz,.loading.btn-outline-secondary .ic-more-vert,.loading.btn-outline-secondary .ic-multiple,.loading.btn-outline-secondary .ic-nodata,.loading.btn-outline-secondary .ic-pwd,.loading.btn-outline-secondary .ic-refresh,.loading.btn-outline-secondary .ic-replay,.loading.btn-outline-secondary .ic-report,.loading.btn-outline-secondary .ic-right,.loading.btn-outline-secondary .ic-save,.loading.btn-outline-secondary .ic-search,.loading.btn-outline-secondary .ic-setting,.loading.btn-outline-secondary .ic-step,.loading.btn-outline-secondary .ic-subaccount,.loading.btn-outline-secondary .ic-ticket,.loading.btn-outline-secondary .ic-transfer,.loading.btn-outline-secondary .ic-unlock,.loading.btn-outline-secondary .ic-user,.loading.btn-outline-secondary .ic-user-outline,.loading.btn-outline-secondary .ic-wallet,.loading.btn-outline-success .ic,.loading.btn-outline-success .ic-action,.loading.btn-outline-success .ic-add,.loading.btn-outline-success .ic-captcha,.loading.btn-outline-success .ic-check,.loading.btn-outline-success .ic-close,.loading.btn-outline-success .ic-collapse,.loading.btn-outline-success .ic-copy,.loading.btn-outline-success .ic-delete,.loading.btn-outline-success .ic-down,.loading.btn-outline-success .ic-edit,.loading.btn-outline-success .ic-excel,.loading.btn-outline-success .ic-expand,.loading.btn-outline-success .ic-home,.loading.btn-outline-success .ic-inbox,.loading.btn-outline-success .ic-info,.loading.btn-outline-success .ic-left,.loading.btn-outline-success .ic-lock,.loading.btn-outline-success .ic-logout,.loading.btn-outline-success .ic-menu,.loading.btn-outline-success .ic-minus,.loading.btn-outline-success .ic-more-horiz,.loading.btn-outline-success .ic-more-vert,.loading.btn-outline-success .ic-multiple,.loading.btn-outline-success .ic-nodata,.loading.btn-outline-success .ic-pwd,.loading.btn-outline-success .ic-refresh,.loading.btn-outline-success .ic-replay,.loading.btn-outline-success .ic-report,.loading.btn-outline-success .ic-right,.loading.btn-outline-success .ic-save,.loading.btn-outline-success .ic-search,.loading.btn-outline-success .ic-setting,.loading.btn-outline-success .ic-step,.loading.btn-outline-success .ic-subaccount,.loading.btn-outline-success .ic-ticket,.loading.btn-outline-success .ic-transfer,.loading.btn-outline-success .ic-unlock,.loading.btn-outline-success .ic-user,.loading.btn-outline-success .ic-user-outline,.loading.btn-outline-success .ic-wallet,.loading.btn-outline-warning .ic,.loading.btn-outline-warning .ic-action,.loading.btn-outline-warning .ic-add,.loading.btn-outline-warning .ic-captcha,.loading.btn-outline-warning .ic-check,.loading.btn-outline-warning .ic-close,.loading.btn-outline-warning .ic-collapse,.loading.btn-outline-warning .ic-copy,.loading.btn-outline-warning .ic-delete,.loading.btn-outline-warning .ic-down,.loading.btn-outline-warning .ic-edit,.loading.btn-outline-warning .ic-excel,.loading.btn-outline-warning .ic-expand,.loading.btn-outline-warning .ic-home,.loading.btn-outline-warning .ic-inbox,.loading.btn-outline-warning .ic-info,.loading.btn-outline-warning .ic-left,.loading.btn-outline-warning .ic-lock,.loading.btn-outline-warning .ic-logout,.loading.btn-outline-warning .ic-menu,.loading.btn-outline-warning .ic-minus,.loading.btn-outline-warning .ic-more-horiz,.loading.btn-outline-warning .ic-more-vert,.loading.btn-outline-warning .ic-multiple,.loading.btn-outline-warning .ic-nodata,.loading.btn-outline-warning .ic-pwd,.loading.btn-outline-warning .ic-refresh,.loading.btn-outline-warning .ic-replay,.loading.btn-outline-warning .ic-report,.loading.btn-outline-warning .ic-right,.loading.btn-outline-warning .ic-save,.loading.btn-outline-warning .ic-search,.loading.btn-outline-warning .ic-setting,.loading.btn-outline-warning .ic-step,.loading.btn-outline-warning .ic-subaccount,.loading.btn-outline-warning .ic-ticket,.loading.btn-outline-warning .ic-transfer,.loading.btn-outline-warning .ic-unlock,.loading.btn-outline-warning .ic-user,.loading.btn-outline-warning .ic-user-outline,.loading.btn-outline-warning .ic-wallet,.loading.btn-outline-white .ic,.loading.btn-outline-white .ic-action,.loading.btn-outline-white .ic-add,.loading.btn-outline-white .ic-captcha,.loading.btn-outline-white .ic-check,.loading.btn-outline-white .ic-close,.loading.btn-outline-white .ic-collapse,.loading.btn-outline-white .ic-copy,.loading.btn-outline-white .ic-delete,.loading.btn-outline-white .ic-down,.loading.btn-outline-white .ic-edit,.loading.btn-outline-white .ic-excel,.loading.btn-outline-white .ic-expand,.loading.btn-outline-white .ic-home,.loading.btn-outline-white .ic-inbox,.loading.btn-outline-white .ic-info,.loading.btn-outline-white .ic-left,.loading.btn-outline-white .ic-lock,.loading.btn-outline-white .ic-logout,.loading.btn-outline-white .ic-menu,.loading.btn-outline-white .ic-minus,.loading.btn-outline-white .ic-more-horiz,.loading.btn-outline-white .ic-more-vert,.loading.btn-outline-white .ic-multiple,.loading.btn-outline-white .ic-nodata,.loading.btn-outline-white .ic-pwd,.loading.btn-outline-white .ic-refresh,.loading.btn-outline-white .ic-replay,.loading.btn-outline-white .ic-report,.loading.btn-outline-white .ic-right,.loading.btn-outline-white .ic-save,.loading.btn-outline-white .ic-search,.loading.btn-outline-white .ic-setting,.loading.btn-outline-white .ic-step,.loading.btn-outline-white .ic-subaccount,.loading.btn-outline-white .ic-ticket,.loading.btn-outline-white .ic-transfer,.loading.btn-outline-white .ic-unlock,.loading.btn-outline-white .ic-user,.loading.btn-outline-white .ic-user-outline,.loading.btn-outline-white .ic-wallet,.loading.btn-primary .ic,.loading.btn-primary .ic-action,.loading.btn-primary .ic-add,.loading.btn-primary .ic-captcha,.loading.btn-primary .ic-check,.loading.btn-primary .ic-close,.loading.btn-primary .ic-collapse,.loading.btn-primary .ic-copy,.loading.btn-primary .ic-delete,.loading.btn-primary .ic-down,.loading.btn-primary .ic-edit,.loading.btn-primary .ic-excel,.loading.btn-primary .ic-expand,.loading.btn-primary .ic-home,.loading.btn-primary .ic-inbox,.loading.btn-primary .ic-info,.loading.btn-primary .ic-left,.loading.btn-primary .ic-lock,.loading.btn-primary .ic-logout,.loading.btn-primary .ic-menu,.loading.btn-primary .ic-minus,.loading.btn-primary .ic-more-horiz,.loading.btn-primary .ic-more-vert,.loading.btn-primary .ic-multiple,.loading.btn-primary .ic-nodata,.loading.btn-primary .ic-pwd,.loading.btn-primary .ic-refresh,.loading.btn-primary .ic-replay,.loading.btn-primary .ic-report,.loading.btn-primary .ic-right,.loading.btn-primary .ic-save,.loading.btn-primary .ic-search,.loading.btn-primary .ic-setting,.loading.btn-primary .ic-step,.loading.btn-primary .ic-subaccount,.loading.btn-primary .ic-ticket,.loading.btn-primary .ic-transfer,.loading.btn-primary .ic-unlock,.loading.btn-primary .ic-user,.loading.btn-primary .ic-user-outline,.loading.btn-primary .ic-wallet,.loading.btn-red .ic,.loading.btn-red .ic-action,.loading.btn-red .ic-add,.loading.btn-red .ic-captcha,.loading.btn-red .ic-check,.loading.btn-red .ic-close,.loading.btn-red .ic-collapse,.loading.btn-red .ic-copy,.loading.btn-red .ic-delete,.loading.btn-red .ic-down,.loading.btn-red .ic-edit,.loading.btn-red .ic-excel,.loading.btn-red .ic-expand,.loading.btn-red .ic-home,.loading.btn-red .ic-inbox,.loading.btn-red .ic-info,.loading.btn-red .ic-left,.loading.btn-red .ic-lock,.loading.btn-red .ic-logout,.loading.btn-red .ic-menu,.loading.btn-red .ic-minus,.loading.btn-red .ic-more-horiz,.loading.btn-red .ic-more-vert,.loading.btn-red .ic-multiple,.loading.btn-red .ic-nodata,.loading.btn-red .ic-pwd,.loading.btn-red .ic-refresh,.loading.btn-red .ic-replay,.loading.btn-red .ic-report,.loading.btn-red .ic-right,.loading.btn-red .ic-save,.loading.btn-red .ic-search,.loading.btn-red .ic-setting,.loading.btn-red .ic-step,.loading.btn-red .ic-subaccount,.loading.btn-red .ic-ticket,.loading.btn-red .ic-transfer,.loading.btn-red .ic-unlock,.loading.btn-red .ic-user,.loading.btn-red .ic-user-outline,.loading.btn-red .ic-wallet,.loading.btn-secondary .ic,.loading.btn-secondary .ic-action,.loading.btn-secondary .ic-add,.loading.btn-secondary .ic-captcha,.loading.btn-secondary .ic-check,.loading.btn-secondary .ic-close,.loading.btn-secondary .ic-collapse,.loading.btn-secondary .ic-copy,.loading.btn-secondary .ic-delete,.loading.btn-secondary .ic-down,.loading.btn-secondary .ic-edit,.loading.btn-secondary .ic-excel,.loading.btn-secondary .ic-expand,.loading.btn-secondary .ic-home,.loading.btn-secondary .ic-inbox,.loading.btn-secondary .ic-info,.loading.btn-secondary .ic-left,.loading.btn-secondary .ic-lock,.loading.btn-secondary .ic-logout,.loading.btn-secondary .ic-menu,.loading.btn-secondary .ic-minus,.loading.btn-secondary .ic-more-horiz,.loading.btn-secondary .ic-more-vert,.loading.btn-secondary .ic-multiple,.loading.btn-secondary .ic-nodata,.loading.btn-secondary .ic-pwd,.loading.btn-secondary .ic-refresh,.loading.btn-secondary .ic-replay,.loading.btn-secondary .ic-report,.loading.btn-secondary .ic-right,.loading.btn-secondary .ic-save,.loading.btn-secondary .ic-search,.loading.btn-secondary .ic-setting,.loading.btn-secondary .ic-step,.loading.btn-secondary .ic-subaccount,.loading.btn-secondary .ic-ticket,.loading.btn-secondary .ic-transfer,.loading.btn-secondary .ic-unlock,.loading.btn-secondary .ic-user,.loading.btn-secondary .ic-user-outline,.loading.btn-secondary .ic-wallet,.loading.btn-success .ic,.loading.btn-success .ic-action,.loading.btn-success .ic-add,.loading.btn-success .ic-captcha,.loading.btn-success .ic-check,.loading.btn-success .ic-close,.loading.btn-success .ic-collapse,.loading.btn-success .ic-copy,.loading.btn-success .ic-delete,.loading.btn-success .ic-down,.loading.btn-success .ic-edit,.loading.btn-success .ic-excel,.loading.btn-success .ic-expand,.loading.btn-success .ic-home,.loading.btn-success .ic-inbox,.loading.btn-success .ic-info,.loading.btn-success .ic-left,.loading.btn-success .ic-lock,.loading.btn-success .ic-logout,.loading.btn-success .ic-menu,.loading.btn-success .ic-minus,.loading.btn-success .ic-more-horiz,.loading.btn-success .ic-more-vert,.loading.btn-success .ic-multiple,.loading.btn-success .ic-nodata,.loading.btn-success .ic-pwd,.loading.btn-success .ic-refresh,.loading.btn-success .ic-replay,.loading.btn-success .ic-report,.loading.btn-success .ic-right,.loading.btn-success .ic-save,.loading.btn-success .ic-search,.loading.btn-success .ic-setting,.loading.btn-success .ic-step,.loading.btn-success .ic-subaccount,.loading.btn-success .ic-ticket,.loading.btn-success .ic-transfer,.loading.btn-success .ic-unlock,.loading.btn-success .ic-user,.loading.btn-success .ic-user-outline,.loading.btn-success .ic-wallet,.loading.btn-warning .ic,.loading.btn-warning .ic-action,.loading.btn-warning .ic-add,.loading.btn-warning .ic-captcha,.loading.btn-warning .ic-check,.loading.btn-warning .ic-close,.loading.btn-warning .ic-collapse,.loading.btn-warning .ic-copy,.loading.btn-warning .ic-delete,.loading.btn-warning .ic-down,.loading.btn-warning .ic-edit,.loading.btn-warning .ic-excel,.loading.btn-warning .ic-expand,.loading.btn-warning .ic-home,.loading.btn-warning .ic-inbox,.loading.btn-warning .ic-info,.loading.btn-warning .ic-left,.loading.btn-warning .ic-lock,.loading.btn-warning .ic-logout,.loading.btn-warning .ic-menu,.loading.btn-warning .ic-minus,.loading.btn-warning .ic-more-horiz,.loading.btn-warning .ic-more-vert,.loading.btn-warning .ic-multiple,.loading.btn-warning .ic-nodata,.loading.btn-warning .ic-pwd,.loading.btn-warning .ic-refresh,.loading.btn-warning .ic-replay,.loading.btn-warning .ic-report,.loading.btn-warning .ic-right,.loading.btn-warning .ic-save,.loading.btn-warning .ic-search,.loading.btn-warning .ic-setting,.loading.btn-warning .ic-step,.loading.btn-warning .ic-subaccount,.loading.btn-warning .ic-ticket,.loading.btn-warning .ic-transfer,.loading.btn-warning .ic-unlock,.loading.btn-warning .ic-user,.loading.btn-warning .ic-user-outline,.loading.btn-warning .ic-wallet,.loading.btn-white .ic,.loading.btn-white .ic-action,.loading.btn-white .ic-add,.loading.btn-white .ic-captcha,.loading.btn-white .ic-check,.loading.btn-white .ic-close,.loading.btn-white .ic-collapse,.loading.btn-white .ic-copy,.loading.btn-white .ic-delete,.loading.btn-white .ic-down,.loading.btn-white .ic-edit,.loading.btn-white .ic-excel,.loading.btn-white .ic-expand,.loading.btn-white .ic-home,.loading.btn-white .ic-inbox,.loading.btn-white .ic-info,.loading.btn-white .ic-left,.loading.btn-white .ic-lock,.loading.btn-white .ic-logout,.loading.btn-white .ic-menu,.loading.btn-white .ic-minus,.loading.btn-white .ic-more-horiz,.loading.btn-white .ic-more-vert,.loading.btn-white .ic-multiple,.loading.btn-white .ic-nodata,.loading.btn-white .ic-pwd,.loading.btn-white .ic-refresh,.loading.btn-white .ic-replay,.loading.btn-white .ic-report,.loading.btn-white .ic-right,.loading.btn-white .ic-save,.loading.btn-white .ic-search,.loading.btn-white .ic-setting,.loading.btn-white .ic-step,.loading.btn-white .ic-subaccount,.loading.btn-white .ic-ticket,.loading.btn-white .ic-transfer,.loading.btn-white .ic-unlock,.loading.btn-white .ic-user,.loading.btn-white .ic-user-outline,.loading.btn-white .ic-wallet {
    opacity: 0
}

.table-wrap.loading::before {
    z-index: 1
}

.modal.loading::before,.table-wrap.loading::before {
    top: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    border-color: #465064 transparent #465064 #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal.loading::before,.table-wrap.loading::before {
        top:3.8647342995vw;
        width: 4.8309178744vw;
        height: 4.8309178744vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal.loading::before,.table-wrap.loading::before {
        top:2.1739130435vmax;
        width: 2.7173913043vmax;
        height: 2.7173913043vmax
    }
}

.modal.loading::after,.table-wrap.loading::after {
    top: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .25rem;
    content: "";
    display: block;
    position: absolute;
    background: rgba(255,255,255,.86)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal.loading::after,.table-wrap.loading::after {
        top:1.9323671498vw;
        width: 9.6618357488vw;
        height: 9.6618357488vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal.loading::after,.table-wrap.loading::after {
        top:1.0869565217vmax;
        width: 5.4347826087vmax;
        height: 5.4347826087vmax
    }
}

* {
    box-sizing: border-box;
    padding: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%
}

*,body,button,h2,h3,h4,h5,h6,input,li,ol,optgroup,p,select,textarea,ul {
    margin: 0
}

a {
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    color: #343434
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    outline: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button:invalid,input:invalid,optgroup:invalid,select:invalid,textarea:invalid {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button,input {
    overflow: hidden
}

button,select {
    text-transform: none
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

body {
    width: 100%;
    height: 100%;
    color: #343434;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    line-height: 20px
}

h1,h2,h3,h4,h5,h6 {
    margin: .5rem 0;
    line-height: 1.2
}

ol,ul {
    list-style: none
}

.btn-vcode.sending p span,li {
    display: inline-block
}

button {
    border-width: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

table {
    border-collapse: collapse
}

.label {
    padding-top: .375rem;
    font-size: .875rem;
    display: flex;
    width: 100%;
    word-break: break-word
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .label {
        padding-top:1.4492753623vw;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .label {
        padding-top:.8152173913vmax;
        font-size: 1.902173913vmax
    }
}

.label>abbr[title] {
    margin-left: .125rem;
    cursor: help
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .label>abbr[title] {
        margin-left:.4830917874vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .label>abbr[title] {
        margin-left:.2717391304vmax
    }
}

.label>abbr[title=Required] {
    color: #cc2936;
    text-decoration: none;
    cursor: default
}

.hidden {
    display: none
}

.bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline
}

.float-left {
    float: left
}

.align-left {
    align-items: left!important
}

.align-left,.text-left {
    justify-content: left!important;
    text-align: left!important
}

.float-right {
    float: right
}

.align-right {
    align-items: right!important
}

.align-right,.text-right {
    justify-content: right!important;
    text-align: right!important
}

.float-center {
    float: center
}

.align-center {
    align-items: center!important
}

.align-center,.text-center {
    justify-content: center!important;
    text-align: center!important
}

.primary {
    color: #465064!important
}

.secondary {
    color: #488286!important
}

.success {
    color: #5fad56!important
}

.info {
    color: #9c7a97!important
}

.warning {
    color: #e09f3e!important
}

.danger {
    color: #cc2936!important
}

.grey {
    color: #666!important
}

.light {
    color: #ccc!important
}

.white {
    color: #fff!important
}

.red {
    color: #cc2936!important
}

.blue {
    color: #2072d1!important
}

.container-flex {
    padding-top: 3rem;
    display: flex;
    width: 100%;
    height: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .container-flex {
        padding-top:11.5942028986vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .container-flex {
        padding-top:6.5217391304vmax
    }
}

@media screen and (max-width: 768px) {
    .container-flex {
        display:block;
        padding-top: 0
    }
}

.img-rwd {
    display: block;
    max-width: 100%;
    height: auto;
    margin: .5rem auto
}

.main {
    background: #e7ebee;
    width: 100%;
    min-height: calc(100vh - 3rem);
    overflow-x: hidden
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .main {
        background:#e7ebee
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .main {
        background:#e7ebee
    }
}

@media screen and (max-width: 768px) {
    .main {
        margin-top:3rem;
        min-height: calc(100vh - 2.5rem)
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .main {
        margin-top:11.5942028986vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .main {
        margin-top:6.5217391304vmax
    }
}

.main-inner {
    padding: 1rem 1rem 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .main-inner {
        padding:5px;
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .main-inner {
        padding:2.1739130435vmax 2.1739130435vmax 0
    }
}

.container-scroll-separate {
    display: block
}

.container-scroll-separate .sidenav {
    top: 3rem;
    width: 15rem;
    position: fixed;
    right: 0;
    left: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .container-scroll-separate .sidenav {
        top:11.5942028986vw;
        width: 57.9710144928vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .container-scroll-separate .sidenav {
        top:6.5217391304vmax;
        width: 32.6086956522vmax
    }
}

.container-scroll-separate .sidenav nav {
    height: 100%;
    overflow-y: auto
}

.container-scroll-separate .main {
    padding-left: 15rem;
    width: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .container-scroll-separate .main {
        padding-left:57.9710144928vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .container-scroll-separate .main {
        padding-left:32.6086956522vmax
    }
}

.title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .title {
        margin-bottom:3.8647342995vw;
        font-size: 4.8309178744vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .title {
        margin-bottom:2.1739130435vmax;
        font-size: 2.7173913043vmax
    }
}

.title::before {
    width: .375rem;
    height: 1.5rem;
    margin: .25rem .5rem;
    background: #465064;
    border-radius: .25rem;
    content: ""
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .title::before {
        width:1.4492753623vw;
        height: 5.7971014493vw;
        margin: .9661835749vw 1.9323671498vw;
        background: #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .title::before {
        width:.8152173913vmax;
        height: 3.2608695652vmax;
        margin: .5434782609vmax 1.0869565217vmax;
        background: #465064
    }
}

.main-inner .title {
    margin-left: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .main-inner .title {
        margin-left:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .main-inner .title {
        margin-left:.5434782609vmax
    }
}

.title .tag,.title .tag-active,.title .tag-ag,.title .tag-blue,.title .tag-closed,.title .tag-danger,.title .tag-grey,.title .tag-inactive,.title .tag-info,.title .tag-light,.title .tag-locked,.title .tag-ma,.title .tag-member,.title .tag-new,.title .tag-normal,.title .tag-one,.title .tag-pending,.title .tag-personal,.title .tag-primary,.title .tag-red,.title .tag-secondary,.title .tag-sh,.title .tag-site,.title .tag-sma,.title .tag-special,.title .tag-ssma,.title .tag-success,.title .tag-suspend,.title .tag-system,.title .tag-warning,.title .tag-white {
    margin-left: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .title .tag,.title .tag-active,.title .tag-ag,.title .tag-blue,.title .tag-closed,.title .tag-danger,.title .tag-grey,.title .tag-inactive,.title .tag-info,.title .tag-light,.title .tag-locked,.title .tag-ma,.title .tag-member,.title .tag-new,.title .tag-normal,.title .tag-one,.title .tag-pending,.title .tag-personal,.title .tag-primary,.title .tag-red,.title .tag-secondary,.title .tag-sh,.title .tag-site,.title .tag-sma,.title .tag-special,.title .tag-ssma,.title .tag-success,.title .tag-suspend,.title .tag-system,.title .tag-warning,.title .tag-white {
        margin-left:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .title .tag,.title .tag-active,.title .tag-ag,.title .tag-blue,.title .tag-closed,.title .tag-danger,.title .tag-grey,.title .tag-inactive,.title .tag-info,.title .tag-light,.title .tag-locked,.title .tag-ma,.title .tag-member,.title .tag-new,.title .tag-normal,.title .tag-one,.title .tag-pending,.title .tag-personal,.title .tag-primary,.title .tag-red,.title .tag-secondary,.title .tag-sh,.title .tag-site,.title .tag-sma,.title .tag-special,.title .tag-ssma,.title .tag-success,.title .tag-suspend,.title .tag-system,.title .tag-warning,.title .tag-white {
        margin-left:.5434782609vmax
    }
}

.section {
    margin: 0 auto 1rem;
    background: #fff;
    border-radius: .25rem;
    -moz-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.1)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section {
        margin:0 auto 3.8647342995vw;
        background: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section {
        margin:0 auto 2.1739130435vmax;
        background: #fff
    }
}

.section-head {
    padding: .75rem 1rem;
    border-bottom: .0625rem solid #ddd;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section-head {
        padding:2.8985507246vw 3.8647342995vw;
        border-bottom: .2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section-head {
        padding:1.6304347826vmax 2.1739130435vmax;
        border-bottom: .1358695652vmax solid #ddd
    }
}

.section-head h2 {
    font-size: 1.25rem;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section-head h2 {
        font-size:4.8309178744vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section-head h2 {
        font-size:2.7173913043vmax
    }
}

.section-head .title {
    margin: 0
}

.section-head .dropdown-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-body {
    padding: 1.5rem 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section-body {
        padding:5px;
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section-body {
        padding:3.2608695652vmax 2.1739130435vmax
    }
}

.section-foot {
    padding: .75rem 1rem;
    border-top: .0625rem solid #ddd
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section-foot {
        padding:2.8985507246vw 3.8647342995vw;
        border-top: .2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section-foot {
        padding:1.6304347826vmax 2.1739130435vmax;
        border-top: .1358695652vmax solid #ddd
    }
}

.col,.col-1,.col-2,.col-3,.col-4 {
    position: relative;
    margin: 0
}

.col-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.col-wrap:not(:last-of-type) {
    margin-bottom: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .col-wrap:not(:last-of-type) {
        margin-bottom:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .col-wrap:not(:last-of-type) {
        margin-bottom:2.1739130435vmax
    }
}

.col-1 {
    flex: 0 0 calc(100% - .5%);
    max-width: calc(100% - .5%)
}

.col-1:not(:last-of-type) {
    margin-bottom: 1.5rem
}

.col-2 {
    flex: 0 0 calc(50% - .5%);
    max-width: calc(50% - .5%)
}

@media screen and (max-width: 768px) {
    .col-2 {
        flex:0 0 calc(100% - .5%);
        max-width: calc(100% - .5%)
    }

    .col-2:not(:last-of-type) {
        margin-bottom: 1.5rem
    }
}

.col-3 {
    flex: 0 0 calc(33% - .5%);
    max-width: calc(33% - .5%)
}

@media screen and (max-width: 768px) {
    .col-3 {
        flex:0 0 calc(100% - .5%);
        max-width: calc(100% - .5%)
    }

    .col-3:not(:last-of-type) {
        margin-bottom: 1.5rem
    }
}

.col-4 {
    flex: 0 0 calc(25% - .5%);
    max-width: calc(25% - .5%)
}

@media screen and (max-width: 768px) {
    .col-4 {
        flex:0 0 calc(100% - .5%);
        max-width: calc(100% - .5%)
    }

    .col-4:not(:last-of-type) {
        margin-bottom: 1.5rem
    }
}

.fade:not(.active) {
    display: none;
    opacity: 0
}

.d-flex {
    display: flex!important;
    flex-wrap: wrap
}

.hide {
    display: none!important;
    opacity: 0
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden
}

.ic,.ic-action,.ic-add,.ic-captcha,.ic-check,.ic-close,.ic-collapse,.ic-copy,.ic-delete,.ic-down,.ic-edit,.ic-excel,.ic-expand,.ic-home,.ic-inbox,.ic-info,.ic-left,.ic-lock,.ic-logout,.ic-menu,.ic-minus,.ic-more-horiz,.ic-more-vert,.ic-multiple,.ic-nodata,.ic-pwd,.ic-refresh,.ic-replay,.ic-report,.ic-right,.ic-save,.ic-search,.ic-setting,.ic-step,.ic-subaccount,.ic-ticket,.ic-transfer,.ic-unlock,.ic-user,.ic-user-outline,.ic-wallet {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.ic-menu {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z"></path></g></svg>')
}

.ic-left {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')
}

.ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.ic-right {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
}

.ic-home {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="301.884" height="301.884" viewBox="0 0 301.884 301.884"><g><path d="M297.658 125.357L159.503 17.28c-2.361-1.848-5.401-2.865-8.562-2.865-3.16 0-6.2 1.018-8.56 2.864L4.226 125.357c-5.416 4.236-4.265 9.128-3.782 10.526.481 1.398 2.589 5.961 9.465 5.961h27.5v133.125c0 6.893 5.607 12.5 12.5 12.5h64.7c6.892 0 12.5-5.607 12.5-12.5v-59.578h47.666v59.578c0 6.893 5.607 12.5 12.5 12.5h64.7c6.893 0 12.5-5.607 12.5-12.5V141.844h27.5c6.876 0 8.983-4.563 9.465-5.961.482-1.398 1.634-6.29-3.782-10.526zm-35.683 1.487c-6.893 0-12.5 5.607-12.5 12.5v133.125h-59.7v-59.578c0-6.893-5.607-12.5-12.5-12.5h-52.666c-6.893 0-12.5 5.607-12.5 12.5v59.578h-59.7V139.344c0-6.893-5.608-12.5-12.5-12.5h-13.24l124.272-97.217 124.272 97.217h-13.238z" fill="%23465064"></path></g></svg>')
}

.ic-ticket {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480"><g fill="%23465064"><path d="M415.928 104a8 8 0 0 0-2.272-5.656l-96-96A7.923 7.923 0 0 0 312 .064V0H88C74.745 0 64 10.745 64 24v432c0 13.255 10.745 24 24 24h304c13.255 0 24-10.745 24-24V104h-.072zM320 27.312L388.688 96H320V27.312zM400 456a8 8 0 0 1-8 8H88a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h216v88a8 8 0 0 0 8 8h88v344z"></path><path d="M160 152c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24h-16c.024 19.001 13.389 35.373 32 39.2V232h16v-16.8c21.65-4.396 35.636-25.51 31.24-47.16-3.789-18.657-20.202-32.059-39.24-32.04-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24h16c-.024-19.001-13.389-35.373-32-39.2V56h-16v16.8c-21.65 4.396-35.636 25.51-31.24 47.16 3.788 18.657 20.202 32.059 39.24 32.04z"></path><path d="M96 280h128v16H96z"></path><path d="M240 280h144v16H240z"></path><path d="M96 328h144v16H96z"></path><path d="M256 328h128v16H256z"></path><path d="M96 376h88v16H96z"></path><path d="M200 376h184v16H200z"></path></g></svg>')
}

.ic-multiple {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="508" height="508" viewBox="0 0 508 508"><g fill="%23465064"><path d="M106.5 0C65.8 0 32.8 33.1 32.8 73.7s33.1 73.8 73.7 73.8c40.7 0 73.7-33.1 73.7-73.7S147.2 0 106.5 0zm0 131.2c-31.6 0-57.4-25.7-57.4-57.4.1-31.7 25.8-57.4 57.4-57.4 31.6 0 57.4 25.7 57.4 57.4 0 31.6-25.7 57.4-57.4 57.4z"></path><path d="M170.1 137.6s-21.5 26.2-63.6 26.2c-43.2 0-63.6-26.2-63.6-26.2S0 157.6 0 204.8v155.7h32.8V508h147.5V360.5H213V204.8c0-47-42.9-67.2-42.9-67.2zm26.7 206.5h-33v147.5h-49.2V376.9H98.2v114.7h-49V344.1H16.4V204.8c0-18.9 9.4-36.5 24.8-47.2 18.7 14.6 41.7 22.6 65.4 22.6 23.7 0 46.7-8 65.4-22.6 15.4 10.7 24.8 28.3 24.8 47.2v139.3z"></path><path d="M450.6 196.6c-31.6 0-57.4 25.7-57.4 57.4 0 31.6 25.7 57.4 57.4 57.4 31.6 0 57.4-25.7 57.4-57.4 0-31.6-25.7-57.4-57.4-57.4zm0 98.4c-22.6 0-41-18.4-41-41s18.4-41 41-41 41 18.4 41 41-18.4 41-41 41z"></path><path d="M450.6 360.5c-31.6 0-57.4 25.7-57.4 57.4 0 31.6 25.7 57.4 57.4 57.4 31.6 0 57.4-25.7 57.4-57.4s-25.7-57.4-57.4-57.4zm0 98.3c-22.6 0-41-18.4-41-41s18.4-41 41-41 41 18.4 41 41c0 22.7-18.4 41-41 41z"></path><path d="M450.6 32.7c-31.6 0-57.4 25.7-57.4 57.4.1 31.7 25.8 57.4 57.4 57.4 31.6 0 57.4-25.7 57.4-57.4 0-31.6-25.7-57.4-57.4-57.4zm0 98.5c-22.6 0-41-18.4-41-41 .1-22.7 18.5-41 41-41 22.6 0 41 18.4 41 41s-18.4 41-41 41z"></path><path d="M385.1 98.3V81.9h-98.3v163.9h-65.6v16.4h65.6v163.9h98.3v-16.4h-81.9V262.2h81.9v-16.4h-81.9V98.3z"></path></g></svg>')
}

.ic-report {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="508" height="508" viewBox="0 0 508 508"><g fill="%23465064"><path d="M491.6 475.2V16.4h-98.3v458.8h-24.6V196.6h-98.3v278.6h-24.6V131.1h-98.3v344.1h-24.6V278.6H24.6v196.6H0v16.4h508v-16.4h-16.4zm-385.1.1H41V295h65.5v180.3zm122.9-.1h-65.5V147.5h65.5v327.7zm122.9 0h-65.5V213h65.5v262.2zm122.9.1h-65.5V32.8h65.5v442.5z"></path></g></svg>')
}

.ic-subaccount {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="505.4" height="505.4" viewBox="0 0 505.4 505.4"><g fill="%23465064"><path d="M437.1 233.45c14.8-10.4 24.6-27.7 24.6-47.2 0-31.9-25.8-57.7-57.7-57.7-31.9 0-57.7 25.8-57.7 57.7 0 19.5 9.7 36.8 24.6 47.2-12.7 4.4-24.3 11.2-34.1 20-13.5-11.5-29.4-20.3-46.8-25.5 21.1-12.8 35.3-36.1 35.3-62.6 0-40.4-32.7-73.1-73.1-73.1-40.4 0-73.1 32.8-73.1 73.1 0 26.5 14.1 49.8 35.3 62.6-17.2 5.2-32.9 13.9-46.3 25.2-9.8-8.6-21.2-15.3-33.7-19.6 14.8-10.4 24.6-27.7 24.6-47.2 0-31.9-25.8-57.7-57.7-57.7s-57.7 25.8-57.7 57.7c0 19.5 9.7 36.8 24.6 47.2-39.7 13.7-68.2 51.4-68.2 95.7v6.6c0 .2.2.4.4.4h122.3c-.7 5.5-1.1 11.2-1.1 16.9v6.8c0 29.4 23.8 53.2 53.2 53.2h155c29.4 0 53.2-23.8 53.2-53.2v-6.8c0-5.7-.4-11.4-1.1-16.9H505c.2 0 .4-.2.4-.4v-6.6c-.2-44.4-28.6-82.1-68.3-95.8zm-74.8-47.3c0-23 18.7-41.7 41.7-41.7s41.7 18.7 41.7 41.7c0 22.7-18.3 41.2-40.9 41.7h-1.6c-22.7-.4-40.9-18.9-40.9-41.7zm-167.4-20.8c0-31.5 25.6-57.1 57.1-57.1s57.1 25.6 57.1 57.1c0 30.4-23.9 55.3-53.8 57h-6.6c-29.9-1.7-53.8-26.6-53.8-57zm-135.6 20.8c0-23 18.7-41.7 41.7-41.7s41.7 18.7 41.7 41.7c0 22.7-18.3 41.2-40.9 41.7h-1.6c-22.6-.4-40.9-18.9-40.9-41.7zm66.2 134H16.2c4.5-42.6 40.5-76 84.2-76.3h1.2c20.8.1 39.8 7.8 54.5 20.3-14.4 15.6-25.1 34.8-30.6 56zm241.3 39.8c0 20.5-16.7 37.2-37.2 37.2h-155c-20.5 0-37.2-16.7-37.2-37.2v-6.8c0-62.1 49.6-112.9 111.3-114.7 1.1.1 2.3.1 3.4.1s2.3 0 3.4-.1c61.7 1.8 111.3 52.6 111.3 114.7v6.8zm11.9-39.8c-5.5-21.1-16-40-30.3-55.6 14.8-12.8 34-20.5 55-20.7h1.2c43.7.3 79.7 33.7 84.2 76.3H378.7z"></path></g></svg>')
}

.ic-transfer {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="490.1" height="490.1" viewBox="0 0 490.1 490.1"><g fill="%23465064"><path d="M385.9 14.2H104.3c-28.2 0-51.1 22.9-51.1 51.1v233.1l-32.3-32.3c-4.8-4.8-12.5-4.8-17.3 0s-4.8 12.5 0 17.3l53.3 53.3c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6l53.3-53.3c4.8-4.8 4.8-12.5 0-17.3-4.8-4.8-12.5-4.8-17.3 0l-32.4 32.4V65.3c0-14.7 11.9-26.6 26.6-26.6H386c14.7 0 26.6 11.9 26.6 26.6v34c0 6.8 5.5 12.3 12.3 12.3s12.3-5.5 12.3-12.3v-34c-.3-28.1-23.2-51.1-51.3-51.1z"></path><path d="M416 153.5l-53.3 53.3c-4.8 4.8-4.8 12.5 0 17.3 2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6l32.4-32.4v233.1c0 14.7-11.9 26.6-26.6 26.6H104.3c-14.7 0-26.6-11.9-26.6-26.6v-34c0-6.8-5.5-12.3-12.3-12.3s-12.3 5.5-12.3 12.3v34c0 28.2 22.9 51.1 51.1 51.1h281.5c28.2 0 51.1-22.9 51.1-51.1V191.7l32.4 32.4c4.8 4.8 12.5 4.8 17.3 0s4.8-12.5 0-17.3l-53.3-53.3c-4.4-4.6-12.6-4.6-17.2 0z"></path><path d="M245.1 136.7c-6.8 0-12.3 5.5-12.3 12.3v18.8h-1.6c-23.4 0-42.5 20.1-42.5 44.7s19.1 44.7 42.5 44.7h27.6c9.9 0 18 9.1 18 20.2 0 11.2-8.1 20.2-18 20.2h-49.6c-6.8 0-12.3 5.5-12.3 12.3s5.5 12.3 12.3 12.3h23.6v19.1c0 6.8 5.5 12.3 12.3 12.3s12.3-5.5 12.3-12.3v-19.2h2.1c23.2-.3 41.9-20.3 41.9-44.7 0-24.7-19.1-44.7-42.5-44.7h-27.6c-9.9 0-18-9.1-18-20.2s8.1-20.2 18-20.2H280c6.8 0 12.3-5.5 12.3-12.3s-5.5-12.3-12.3-12.3h-22.6v-18.8c-.1-6.7-5.5-12.2-12.3-12.2z"></path></g></svg>')
}

.ic-user {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path fill="%23465064" d="M24,25c6.065,0,11-4.935,11-11v-2c0-6.065-4.935-11-11-11S13,5.935,13,12v2C13,20.065,17.935,25,24,25z"></path><path data-color="color-2" d="M39.278,31.185C35.926,30.188,30.554,29,24,29s-11.926,1.188-15.278,2.185 C5.3,32.203,3,35.286,3,38.856V46c0,0.552,0.448,1,1,1h40c0.552,0,1-0.448,1-1v-7.144C45,35.286,42.7,32.203,39.278,31.185z"></path></g></svg>')
}

.ic-user-outline {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" fill="%23465064" stroke="%23465064"><path fill="none" stroke="%23465064" stroke-miterlimit="10" d="M24,24L24,24 c-5.523,0-10-4.477-10-10v-2c0-5.523,4.477-10,10-10h0c5.523,0,10,4.477,10,10v2C34,19.523,29.523,24,24,24z"></path><path data-color="color-2" fill="none" stroke-miterlimit="10" d="M44,38.856 c0-3.101-2.034-5.828-5.007-6.712C35.477,31.098,30.288,30,24,30s-11.477,1.098-14.993,2.144C6.034,33.028,4,35.755,4,38.856V46h40 V38.856z"></path></g></svg>')
}

.ic-wallet {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M23.6 21.8c-4.54-1.18-6-2.39-6-4.29 0-2.18 2.01-3.71 5.4-3.71 3.56 0 4.88 1.7 5 4.2h4.42c-.13-3.45-2.24-6.59-6.42-7.62V6h-6v4.32c-3.88.85-7 3.35-7 7.22 0 4.62 3.83 6.92 9.4 8.26 5.01 1.2 6 2.95 6 4.83 0 1.37-.97 3.57-5.4 3.57-4.12 0-5.75-1.85-5.96-4.2h-4.41c.25 4.38 3.52 6.83 7.37 7.66V42h6v-4.3c3.89-.75 7-3 7-7.11 0-5.66-4.86-7.6-9.4-8.79z"></path></g></svg>')
}

.ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23465064" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23465064"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23465064"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23465064" stroke="%23465064"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23465064" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23465064"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23465064"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path fill="%23465064" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.ic-step {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23465064"><path d="M184.7 413.1l2.1-1.8 156.5-136c5.3-4.6 8.6-11.5 8.6-19.2 0-7.7-3.4-14.6-8.6-19.2L187.1 101l-2.6-2.3C182 97 179 96 175.8 96c-8.7 0-15.8 7.4-15.8 16.6v286.8c0 9.2 7.1 16.6 15.8 16.6 3.3 0 6.4-1.1 8.9-2.9z"></path></g></svg>')
}

.ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23465064"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23465064"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23465064"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23465064"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.ic-info {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 30h-4V22h4v12zm0-16h-4v-4h4v4z"></path></g></svg>')
}

.ic-nodata {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="60" height="60" viewBox="0 0 60 60"><g fill="%23465064"><path d="M57.49 21.5H54v-6.268a2.735 2.735 0 0 0-2.732-2.732H26.515l-5-7H2.732A2.736 2.736 0 0 0 0 8.232v43.687h.006c-.005.563.17 1.114.522 1.575A2.546 2.546 0 0 0 2.565 54.5h44.759c1.156 0 2.174-.779 2.45-1.813L60 24.649v-.177c0-1.722-1.056-2.972-2.51-2.972zM2 8.232c0-.404.329-.732.732-.732h17.753l5 7h25.782c.404 0 .732.328.732.732V21.5H12.731c-.144 0-.287.012-.426.036-.973.163-1.782.873-2.023 1.776L2 45.899V8.232zm45.869 43.851a.566.566 0 0 1-.545.417H2.565a.552.552 0 0 1-.448-.222c-.063-.082-.16-.256-.123-.408l10.191-27.953a.566.566 0 0 1 .545-.417H57.49c.38 0 .477.546.502.819L47.869 52.083z"></path></g></svg>')
}

.ic-pwd {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M23.8 13.693v-5.193c0-4.141-3.492-7.5-7.799-7.5-4.309 0-7.801 3.359-7.801 7.5v5.193h-4.2v17.307h24v-17.307h-4.2zm-14.4-5.193c0-3.499 2.961-6.346 6.601-6.346 3.639 0 6.599 2.847 6.599 6.346v5.193h-13.2v-5.193zm17.4 21.346h-21.599v-15h21.599v15zm-10.8-11.539c-1.326 0-2.4 1.034-2.4 2.307 0 1.075.764 1.979 1.8 2.235v2.38h1.2v-2.38c1.035-.256 1.8-1.16 1.8-2.235 0-1.275-1.075-2.307-2.4-2.307h-.001zm0 3.461c-.662 0-1.2-.518-1.2-1.154 0-.636.538-1.154 1.2-1.154.662 0 1.2.518 1.2 1.154 0 .636-.538 1.154-1.2 1.154z" fill="%23465064" fill-rule="nonzero"/><path d="M0 0h32v32h-32z"/></g></svg>')
}

.ic-captcha {
    background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g stroke="%23465064" fill="none"><path d="M2 16s5.53-9 14-9c8.4 0 14 9 14 9s-5.67 9-14 9c-8.4 0-14-9-14-9z"/><ellipse cx="16" cy="13.171" rx="6" ry="6.171"/></g></svg>')
}

.ic-action {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g id="icons-search" fill="%23465064" fill-rule="nonzero"><path d="M19.3177519,0 C8.68040651,0 0,8.6804145 0,19.3177519 C0,29.9550893 8.68040651,38.6355038 19.3177519,38.6355038 C23.6784453,38.6355038 27.6962193,37.1607174 30.9359848,34.706381 L43.4129011,47.1806941 C44.0812063,47.8767747 45.0736069,48.1571748 46.0073659,47.913753 C46.9411249,47.6703311 47.6703311,46.9411249 47.913753,46.0073659 C48.1571748,45.0736069 47.8767747,44.0812063 47.1806941,43.4129011 L34.706381,30.9359848 C37.160716,27.696218 38.6355038,23.6784426 38.6355038,19.3177519 C38.6355038,8.6804145 29.9550973,0 19.3177519,0 Z M19.3177519,5.32903501 C27.075075,5.32903501 33.3064688,11.5604342 33.3064688,19.3177519 C33.3064688,23.0423624 31.8597224,26.4061692 29.5074504,28.9063725 C29.2784784,29.072135 29.0773393,29.2732736 28.9115763,29.5022452 C26.4108347,31.8575082 23.0450255,33.3064688 19.3177519,33.3064688 C11.5604289,33.3064688 5.32903501,27.0750696 5.32903501,19.3177519 C5.32903501,11.5604342 11.5604289,5.32903501 19.3177519,5.32903501 Z" id="Shape"></path></g></svg>')
}

.btn,.btn-addon,.btn-blue,.btn-danger,.btn-grey,.btn-ic,.btn-ic-grey,.btn-info,.btn-light,.btn-outline-blue,.btn-outline-danger,.btn-outline-grey,.btn-outline-info,.btn-outline-light,.btn-outline-primary,.btn-outline-red,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning,.btn-outline-white,.btn-primary,.btn-red,.btn-secondary,.btn-success,.btn-warning,.btn-white {
    min-height: 2rem;
    padding: .375rem 1rem;
    display: inline-block;
    min-width: fit-content;
    border: 1px solid transparent;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center
}

.header .referral-code-mobile .code-copy button {
    min-height: 2rem;
    padding: .375rem 1rem;
    display: inline-block;
    min-width: fit-content;
    border: 1px solid transparent;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
    box-align: stretch;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn,.btn-addon,.btn-blue,.btn-danger,.btn-grey,.btn-ic,.btn-ic-grey,.btn-info,.btn-light,.btn-outline-blue,.btn-outline-danger,.btn-outline-grey,.btn-outline-info,.btn-outline-light,.btn-outline-primary,.btn-outline-red,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning,.btn-outline-white,.btn-primary,.btn-red,.btn-secondary,.btn-success,.btn-warning,.btn-white,.header .referral-code-mobile .code-copy button {
        min-height:7.729468599vw;
        padding: 1.4492753623vw 3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn,.btn-addon,.btn-blue,.btn-danger,.btn-grey,.btn-ic,.btn-ic-grey,.btn-info,.btn-light,.btn-outline-blue,.btn-outline-danger,.btn-outline-grey,.btn-outline-info,.btn-outline-light,.btn-outline-primary,.btn-outline-red,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning,.btn-outline-white,.btn-primary,.btn-red,.btn-secondary,.btn-success,.btn-warning,.btn-white,.header .referral-code-mobile .code-copy button {
        min-height:4.347826087vmax;
        padding: .8152173913vmax 2.1739130435vmax
    }
}

.btn:hover {
    color: #343434
}

.btn-blue:hover,.btn-danger:hover,.btn-grey:hover,.btn-info:hover,.btn-light:hover,.btn-outline-blue:hover,.btn-outline-danger:hover,.btn-outline-grey:hover,.btn-outline-info:hover,.btn-outline-light:hover,.btn-outline-primary:hover,.btn-outline-red:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-warning:hover,.btn-outline-white:hover,.btn-primary:hover,.btn-red:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-white:hover,.btn:hover,.header .referral-code-mobile .code-copy button:hover {
    text-decoration: none
}

.btn-addon:hover,.btn-ic-grey:hover,.btn-ic:hover {
    color: #343434;
    text-decoration: none
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-addon:hover,.btn-blue:hover,.btn-danger:hover,.btn-grey:hover,.btn-ic-grey:hover,.btn-ic:hover,.btn-info:hover,.btn-light:hover,.btn-outline-blue:hover,.btn-outline-danger:hover,.btn-outline-grey:hover,.btn-outline-info:hover,.btn-outline-light:hover,.btn-outline-primary:hover,.btn-outline-red:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-warning:hover,.btn-outline-white:hover,.btn-primary:hover,.btn-red:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-white:hover,.btn:hover,.header .referral-code-mobile .code-copy button:hover {
        color:#343434
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-addon:hover,.btn-blue:hover,.btn-danger:hover,.btn-grey:hover,.btn-ic-grey:hover,.btn-ic:hover,.btn-info:hover,.btn-light:hover,.btn-outline-blue:hover,.btn-outline-danger:hover,.btn-outline-grey:hover,.btn-outline-info:hover,.btn-outline-light:hover,.btn-outline-primary:hover,.btn-outline-red:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-warning:hover,.btn-outline-white:hover,.btn-primary:hover,.btn-red:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-white:hover,.btn:hover,.header .referral-code-mobile .code-copy button:hover {
        color:#343434
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-addon:not(:last-of-type),.btn-blue:not(:last-of-type),.btn-danger:not(:last-of-type),.btn-grey:not(:last-of-type),.btn-ic-grey:not(:last-of-type),.btn-ic:not(:last-of-type),.btn-info:not(:last-of-type),.btn-light:not(:last-of-type),.btn-outline-blue:not(:last-of-type),.btn-outline-danger:not(:last-of-type),.btn-outline-grey:not(:last-of-type),.btn-outline-info:not(:last-of-type),.btn-outline-light:not(:last-of-type),.btn-outline-primary:not(:last-of-type),.btn-outline-red:not(:last-of-type),.btn-outline-secondary:not(:last-of-type),.btn-outline-success:not(:last-of-type),.btn-outline-warning:not(:last-of-type),.btn-outline-white:not(:last-of-type),.btn-primary:not(:last-of-type),.btn-red:not(:last-of-type),.btn-secondary:not(:last-of-type),.btn-success:not(:last-of-type),.btn-warning:not(:last-of-type),.btn-white:not(:last-of-type),.btn:not(:last-of-type),.header .referral-code-mobile .code-copy button:not(:last-of-type) {
        margin-bottom:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-addon:not(:last-of-type),.btn-blue:not(:last-of-type),.btn-danger:not(:last-of-type),.btn-grey:not(:last-of-type),.btn-ic-grey:not(:last-of-type),.btn-ic:not(:last-of-type),.btn-info:not(:last-of-type),.btn-light:not(:last-of-type),.btn-outline-blue:not(:last-of-type),.btn-outline-danger:not(:last-of-type),.btn-outline-grey:not(:last-of-type),.btn-outline-info:not(:last-of-type),.btn-outline-light:not(:last-of-type),.btn-outline-primary:not(:last-of-type),.btn-outline-red:not(:last-of-type),.btn-outline-secondary:not(:last-of-type),.btn-outline-success:not(:last-of-type),.btn-outline-warning:not(:last-of-type),.btn-outline-white:not(:last-of-type),.btn-primary:not(:last-of-type),.btn-red:not(:last-of-type),.btn-secondary:not(:last-of-type),.btn-success:not(:last-of-type),.btn-warning:not(:last-of-type),.btn-white:not(:last-of-type),.btn:not(:last-of-type),.header .referral-code-mobile .code-copy button:not(:last-of-type) {
        margin-bottom:.5434782609vmax
    }
}

.btn-addon:focus,.btn-blue:focus,.btn-danger:focus,.btn-grey:focus,.btn-ic-grey:focus,.btn-ic:focus,.btn-info:focus,.btn-light:focus,.btn-outline-blue:focus,.btn-outline-danger:focus,.btn-outline-grey:focus,.btn-outline-info:focus,.btn-outline-light:focus,.btn-outline-primary:focus,.btn-outline-red:focus,.btn-outline-secondary:focus,.btn-outline-success:focus,.btn-outline-warning:focus,.btn-outline-white:focus,.btn-primary:focus,.btn-red:focus,.btn-secondary:focus,.btn-success:focus,.btn-warning:focus,.btn-white:focus,.btn.focus,.btn:focus,.focus.btn-addon,.focus.btn-blue,.focus.btn-danger,.focus.btn-grey,.focus.btn-ic,.focus.btn-ic-grey,.focus.btn-info,.focus.btn-light,.focus.btn-outline-blue,.focus.btn-outline-danger,.focus.btn-outline-grey,.focus.btn-outline-info,.focus.btn-outline-light,.focus.btn-outline-primary,.focus.btn-outline-red,.focus.btn-outline-secondary,.focus.btn-outline-success,.focus.btn-outline-warning,.focus.btn-outline-white,.focus.btn-primary,.focus.btn-red,.focus.btn-secondary,.focus.btn-success,.focus.btn-warning,.focus.btn-white,.header .referral-code-mobile .code-copy button.focus,.header .referral-code-mobile .code-copy button:focus {
    outline: 0
}

.btn.disabled,.disabled.btn-blue,.disabled.btn-danger,.disabled.btn-grey,.disabled.btn-ic,.disabled.btn-info,.disabled.btn-light,.disabled.btn-outline-blue,.disabled.btn-outline-danger,.disabled.btn-outline-grey,.disabled.btn-outline-info,.disabled.btn-outline-light,.disabled.btn-outline-primary,.disabled.btn-outline-red,.disabled.btn-outline-secondary,.disabled.btn-outline-success,.disabled.btn-outline-warning,.disabled.btn-outline-white,.disabled.btn-primary,.disabled.btn-red,.disabled.btn-secondary,.disabled.btn-success,.disabled.btn-warning,.disabled.btn-white,.header .referral-code-mobile .code-copy button.disabled {
    opacity: .6;
    pointer-events: none
}

.disabled.btn-ic-grey {
    opacity: .6
}

.btn-addon:disabled,.btn-blue:disabled,.btn-danger:disabled,.btn-grey:disabled,.btn-ic-grey:disabled,.btn-ic:disabled,.btn-info:disabled,.btn-light:disabled,.btn-outline-blue:disabled,.btn-outline-danger:disabled,.btn-outline-grey:disabled,.btn-outline-info:disabled,.btn-outline-light:disabled,.btn-outline-primary:disabled,.btn-outline-red:disabled,.btn-outline-secondary:disabled,.btn-outline-success:disabled,.btn-outline-warning:disabled,.btn-outline-white:disabled,.btn-primary:disabled,.btn-red:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-warning:disabled,.btn-white:disabled,.btn:disabled,.disabled.btn-addon,.header .referral-code-mobile .code-copy button:disabled {
    opacity: .6;
    pointer-events: none
}

.btn.loading,.header .referral-code-mobile .code-copy button.loading,.loading.btn-addon,.loading.btn-blue,.loading.btn-danger,.loading.btn-grey,.loading.btn-ic,.loading.btn-ic-grey,.loading.btn-info,.loading.btn-light,.loading.btn-outline-blue,.loading.btn-outline-danger,.loading.btn-outline-grey,.loading.btn-outline-info,.loading.btn-outline-light,.loading.btn-outline-primary,.loading.btn-outline-red,.loading.btn-outline-secondary,.loading.btn-outline-success,.loading.btn-outline-warning,.loading.btn-outline-white,.loading.btn-primary,.loading.btn-red,.loading.btn-secondary,.loading.btn-success,.loading.btn-warning,.loading.btn-white {
    color: transparent
}

.btn.loading::before,.header .referral-code-mobile .code-copy button.loading::before,.loading.btn-addon::before,.loading.btn-blue::before,.loading.btn-danger::before,.loading.btn-grey::before,.loading.btn-ic-grey::before,.loading.btn-ic::before,.loading.btn-info::before,.loading.btn-light::before,.loading.btn-outline-blue::before,.loading.btn-outline-danger::before,.loading.btn-outline-grey::before,.loading.btn-outline-info::before,.loading.btn-outline-light::before,.loading.btn-outline-primary::before,.loading.btn-outline-red::before,.loading.btn-outline-secondary::before,.loading.btn-outline-success::before,.loading.btn-outline-warning::before,.loading.btn-outline-white::before,.loading.btn-primary::before,.loading.btn-red::before,.loading.btn-secondary::before,.loading.btn-success::before,.loading.btn-warning::before,.loading.btn-white::before {
    width: .875rem;
    height: .875rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn.loading::before,.header .referral-code-mobile .code-copy button.loading::before,.loading.btn-addon::before,.loading.btn-blue::before,.loading.btn-danger::before,.loading.btn-grey::before,.loading.btn-ic-grey::before,.loading.btn-ic::before,.loading.btn-info::before,.loading.btn-light::before,.loading.btn-outline-blue::before,.loading.btn-outline-danger::before,.loading.btn-outline-grey::before,.loading.btn-outline-info::before,.loading.btn-outline-light::before,.loading.btn-outline-primary::before,.loading.btn-outline-red::before,.loading.btn-outline-secondary::before,.loading.btn-outline-success::before,.loading.btn-outline-warning::before,.loading.btn-outline-white::before,.loading.btn-primary::before,.loading.btn-red::before,.loading.btn-secondary::before,.loading.btn-success::before,.loading.btn-warning::before,.loading.btn-white::before {
        width:3.3816425121vw;
        height: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn.loading::before,.header .referral-code-mobile .code-copy button.loading::before,.loading.btn-addon::before,.loading.btn-blue::before,.loading.btn-danger::before,.loading.btn-grey::before,.loading.btn-ic-grey::before,.loading.btn-ic::before,.loading.btn-info::before,.loading.btn-light::before,.loading.btn-outline-blue::before,.loading.btn-outline-danger::before,.loading.btn-outline-grey::before,.loading.btn-outline-info::before,.loading.btn-outline-light::before,.loading.btn-outline-primary::before,.loading.btn-outline-red::before,.loading.btn-outline-secondary::before,.loading.btn-outline-success::before,.loading.btn-outline-warning::before,.loading.btn-outline-white::before,.loading.btn-primary::before,.loading.btn-red::before,.loading.btn-secondary::before,.loading.btn-success::before,.loading.btn-warning::before,.loading.btn-white::before {
        width:1.902173913vmax;
        height: 1.902173913vmax
    }
}

.btn.float-right:not(:last-of-type),.float-right.btn-addon:not(:last-of-type),.float-right.btn-blue:not(:last-of-type),.float-right.btn-danger:not(:last-of-type),.float-right.btn-grey:not(:last-of-type),.float-right.btn-ic-grey:not(:last-of-type),.float-right.btn-ic:not(:last-of-type),.float-right.btn-info:not(:last-of-type),.float-right.btn-light:not(:last-of-type),.float-right.btn-outline-blue:not(:last-of-type),.float-right.btn-outline-danger:not(:last-of-type),.float-right.btn-outline-grey:not(:last-of-type),.float-right.btn-outline-info:not(:last-of-type),.float-right.btn-outline-light:not(:last-of-type),.float-right.btn-outline-primary:not(:last-of-type),.float-right.btn-outline-red:not(:last-of-type),.float-right.btn-outline-secondary:not(:last-of-type),.float-right.btn-outline-success:not(:last-of-type),.float-right.btn-outline-warning:not(:last-of-type),.float-right.btn-outline-white:not(:last-of-type),.float-right.btn-primary:not(:last-of-type),.float-right.btn-red:not(:last-of-type),.float-right.btn-secondary:not(:last-of-type),.float-right.btn-success:not(:last-of-type),.float-right.btn-warning:not(:last-of-type),.float-right.btn-white:not(:last-of-type),.header .referral-code-mobile .code-copy button.float-right:not(:last-of-type) {
    margin-left: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn.float-right:not(:last-of-type),.float-right.btn-addon:not(:last-of-type),.float-right.btn-blue:not(:last-of-type),.float-right.btn-danger:not(:last-of-type),.float-right.btn-grey:not(:last-of-type),.float-right.btn-ic-grey:not(:last-of-type),.float-right.btn-ic:not(:last-of-type),.float-right.btn-info:not(:last-of-type),.float-right.btn-light:not(:last-of-type),.float-right.btn-outline-blue:not(:last-of-type),.float-right.btn-outline-danger:not(:last-of-type),.float-right.btn-outline-grey:not(:last-of-type),.float-right.btn-outline-info:not(:last-of-type),.float-right.btn-outline-light:not(:last-of-type),.float-right.btn-outline-primary:not(:last-of-type),.float-right.btn-outline-red:not(:last-of-type),.float-right.btn-outline-secondary:not(:last-of-type),.float-right.btn-outline-success:not(:last-of-type),.float-right.btn-outline-warning:not(:last-of-type),.float-right.btn-outline-white:not(:last-of-type),.float-right.btn-primary:not(:last-of-type),.float-right.btn-red:not(:last-of-type),.float-right.btn-secondary:not(:last-of-type),.float-right.btn-success:not(:last-of-type),.float-right.btn-warning:not(:last-of-type),.float-right.btn-white:not(:last-of-type),.header .referral-code-mobile .code-copy button.float-right:not(:last-of-type) {
        margin-left:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn.float-right:not(:last-of-type),.float-right.btn-addon:not(:last-of-type),.float-right.btn-blue:not(:last-of-type),.float-right.btn-danger:not(:last-of-type),.float-right.btn-grey:not(:last-of-type),.float-right.btn-ic-grey:not(:last-of-type),.float-right.btn-ic:not(:last-of-type),.float-right.btn-info:not(:last-of-type),.float-right.btn-light:not(:last-of-type),.float-right.btn-outline-blue:not(:last-of-type),.float-right.btn-outline-danger:not(:last-of-type),.float-right.btn-outline-grey:not(:last-of-type),.float-right.btn-outline-info:not(:last-of-type),.float-right.btn-outline-light:not(:last-of-type),.float-right.btn-outline-primary:not(:last-of-type),.float-right.btn-outline-red:not(:last-of-type),.float-right.btn-outline-secondary:not(:last-of-type),.float-right.btn-outline-success:not(:last-of-type),.float-right.btn-outline-warning:not(:last-of-type),.float-right.btn-outline-white:not(:last-of-type),.float-right.btn-primary:not(:last-of-type),.float-right.btn-red:not(:last-of-type),.float-right.btn-secondary:not(:last-of-type),.float-right.btn-success:not(:last-of-type),.float-right.btn-warning:not(:last-of-type),.float-right.btn-white:not(:last-of-type),.header .referral-code-mobile .code-copy button.float-right:not(:last-of-type) {
        margin-left:2.1739130435vmax
    }
}

.btn.float-left:not(:last-of-type),.float-left.btn-addon:not(:last-of-type),.float-left.btn-blue:not(:last-of-type),.float-left.btn-danger:not(:last-of-type),.float-left.btn-grey:not(:last-of-type),.float-left.btn-ic-grey:not(:last-of-type),.float-left.btn-ic:not(:last-of-type),.float-left.btn-info:not(:last-of-type),.float-left.btn-light:not(:last-of-type),.float-left.btn-outline-blue:not(:last-of-type),.float-left.btn-outline-danger:not(:last-of-type),.float-left.btn-outline-grey:not(:last-of-type),.float-left.btn-outline-info:not(:last-of-type),.float-left.btn-outline-light:not(:last-of-type),.float-left.btn-outline-primary:not(:last-of-type),.float-left.btn-outline-red:not(:last-of-type),.float-left.btn-outline-secondary:not(:last-of-type),.float-left.btn-outline-success:not(:last-of-type),.float-left.btn-outline-warning:not(:last-of-type),.float-left.btn-outline-white:not(:last-of-type),.float-left.btn-primary:not(:last-of-type),.float-left.btn-red:not(:last-of-type),.float-left.btn-secondary:not(:last-of-type),.float-left.btn-success:not(:last-of-type),.float-left.btn-warning:not(:last-of-type),.float-left.btn-white:not(:last-of-type),.header .referral-code-mobile .code-copy button.float-left:not(:last-of-type) {
    margin-right: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn.float-left:not(:last-of-type),.float-left.btn-addon:not(:last-of-type),.float-left.btn-blue:not(:last-of-type),.float-left.btn-danger:not(:last-of-type),.float-left.btn-grey:not(:last-of-type),.float-left.btn-ic-grey:not(:last-of-type),.float-left.btn-ic:not(:last-of-type),.float-left.btn-info:not(:last-of-type),.float-left.btn-light:not(:last-of-type),.float-left.btn-outline-blue:not(:last-of-type),.float-left.btn-outline-danger:not(:last-of-type),.float-left.btn-outline-grey:not(:last-of-type),.float-left.btn-outline-info:not(:last-of-type),.float-left.btn-outline-light:not(:last-of-type),.float-left.btn-outline-primary:not(:last-of-type),.float-left.btn-outline-red:not(:last-of-type),.float-left.btn-outline-secondary:not(:last-of-type),.float-left.btn-outline-success:not(:last-of-type),.float-left.btn-outline-warning:not(:last-of-type),.float-left.btn-outline-white:not(:last-of-type),.float-left.btn-primary:not(:last-of-type),.float-left.btn-red:not(:last-of-type),.float-left.btn-secondary:not(:last-of-type),.float-left.btn-success:not(:last-of-type),.float-left.btn-warning:not(:last-of-type),.float-left.btn-white:not(:last-of-type),.header .referral-code-mobile .code-copy button.float-left:not(:last-of-type) {
        margin-right:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn.float-left:not(:last-of-type),.float-left.btn-addon:not(:last-of-type),.float-left.btn-blue:not(:last-of-type),.float-left.btn-danger:not(:last-of-type),.float-left.btn-grey:not(:last-of-type),.float-left.btn-ic-grey:not(:last-of-type),.float-left.btn-ic:not(:last-of-type),.float-left.btn-info:not(:last-of-type),.float-left.btn-light:not(:last-of-type),.float-left.btn-outline-blue:not(:last-of-type),.float-left.btn-outline-danger:not(:last-of-type),.float-left.btn-outline-grey:not(:last-of-type),.float-left.btn-outline-info:not(:last-of-type),.float-left.btn-outline-light:not(:last-of-type),.float-left.btn-outline-primary:not(:last-of-type),.float-left.btn-outline-red:not(:last-of-type),.float-left.btn-outline-secondary:not(:last-of-type),.float-left.btn-outline-success:not(:last-of-type),.float-left.btn-outline-warning:not(:last-of-type),.float-left.btn-outline-white:not(:last-of-type),.float-left.btn-primary:not(:last-of-type),.float-left.btn-red:not(:last-of-type),.float-left.btn-secondary:not(:last-of-type),.float-left.btn-success:not(:last-of-type),.float-left.btn-warning:not(:last-of-type),.float-left.btn-white:not(:last-of-type),.header .referral-code-mobile .code-copy button.float-left:not(:last-of-type) {
        margin-right:2.1739130435vmax
    }
}

.disabled.btn-ic-grey,a.btn.disabled,a.disabled.btn-addon,a.disabled.btn-blue,a.disabled.btn-danger,a.disabled.btn-grey,a.disabled.btn-ic,a.disabled.btn-info,a.disabled.btn-light,a.disabled.btn-outline-blue,a.disabled.btn-outline-danger,a.disabled.btn-outline-grey,a.disabled.btn-outline-info,a.disabled.btn-outline-light,a.disabled.btn-outline-primary,a.disabled.btn-outline-red,a.disabled.btn-outline-secondary,a.disabled.btn-outline-success,a.disabled.btn-outline-warning,a.disabled.btn-outline-white,a.disabled.btn-primary,a.disabled.btn-red,a.disabled.btn-secondary,a.disabled.btn-success,a.disabled.btn-warning,a.disabled.btn-white,fieldset:disabled a.btn,fieldset:disabled a.btn-addon,fieldset:disabled a.btn-blue,fieldset:disabled a.btn-danger,fieldset:disabled a.btn-grey,fieldset:disabled a.btn-ic,fieldset:disabled a.btn-ic-grey,fieldset:disabled a.btn-info,fieldset:disabled a.btn-light,fieldset:disabled a.btn-outline-blue,fieldset:disabled a.btn-outline-danger,fieldset:disabled a.btn-outline-grey,fieldset:disabled a.btn-outline-info,fieldset:disabled a.btn-outline-light,fieldset:disabled a.btn-outline-primary,fieldset:disabled a.btn-outline-red,fieldset:disabled a.btn-outline-secondary,fieldset:disabled a.btn-outline-success,fieldset:disabled a.btn-outline-warning,fieldset:disabled a.btn-outline-white,fieldset:disabled a.btn-primary,fieldset:disabled a.btn-red,fieldset:disabled a.btn-secondary,fieldset:disabled a.btn-success,fieldset:disabled a.btn-warning,fieldset:disabled a.btn-white {
    pointer-events: none
}

.btn-addon {
    display: inline-flex;
    align-items: stretch;
    padding: 0
}

.btn-addon .ic,.btn-addon .ic-action,.btn-addon .ic-add,.btn-addon .ic-captcha,.btn-addon .ic-check,.btn-addon .ic-close,.btn-addon .ic-collapse,.btn-addon .ic-copy,.btn-addon .ic-delete,.btn-addon .ic-down,.btn-addon .ic-edit,.btn-addon .ic-excel,.btn-addon .ic-expand,.btn-addon .ic-home,.btn-addon .ic-inbox,.btn-addon .ic-info,.btn-addon .ic-left,.btn-addon .ic-lock,.btn-addon .ic-logout,.btn-addon .ic-menu,.btn-addon .ic-minus,.btn-addon .ic-more-horiz,.btn-addon .ic-more-vert,.btn-addon .ic-multiple,.btn-addon .ic-nodata,.btn-addon .ic-pwd,.btn-addon .ic-refresh,.btn-addon .ic-replay,.btn-addon .ic-report,.btn-addon .ic-right,.btn-addon .ic-save,.btn-addon .ic-search,.btn-addon .ic-setting,.btn-addon .ic-step,.btn-addon .ic-subaccount,.btn-addon .ic-ticket,.btn-addon .ic-transfer,.btn-addon .ic-unlock,.btn-addon .ic-user,.btn-addon .ic-user-outline,.btn-addon .ic-wallet {
    padding: 1rem 1.125rem;
    background-color: rgba(10,16,13,.14);
    background-size: 1.125rem;
    width: auto;
    height: auto
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-addon .ic,.btn-addon .ic-action,.btn-addon .ic-add,.btn-addon .ic-captcha,.btn-addon .ic-check,.btn-addon .ic-close,.btn-addon .ic-collapse,.btn-addon .ic-copy,.btn-addon .ic-delete,.btn-addon .ic-down,.btn-addon .ic-edit,.btn-addon .ic-excel,.btn-addon .ic-expand,.btn-addon .ic-home,.btn-addon .ic-inbox,.btn-addon .ic-info,.btn-addon .ic-left,.btn-addon .ic-lock,.btn-addon .ic-logout,.btn-addon .ic-menu,.btn-addon .ic-minus,.btn-addon .ic-more-horiz,.btn-addon .ic-more-vert,.btn-addon .ic-multiple,.btn-addon .ic-nodata,.btn-addon .ic-pwd,.btn-addon .ic-refresh,.btn-addon .ic-replay,.btn-addon .ic-report,.btn-addon .ic-right,.btn-addon .ic-save,.btn-addon .ic-search,.btn-addon .ic-setting,.btn-addon .ic-step,.btn-addon .ic-subaccount,.btn-addon .ic-ticket,.btn-addon .ic-transfer,.btn-addon .ic-unlock,.btn-addon .ic-user,.btn-addon .ic-user-outline,.btn-addon .ic-wallet {
        padding:3.8647342995vw 4.347826087vw;
        background-color: rgba(10,16,13,.14);
        background-size: 4.347826087vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-addon .ic,.btn-addon .ic-action,.btn-addon .ic-add,.btn-addon .ic-captcha,.btn-addon .ic-check,.btn-addon .ic-close,.btn-addon .ic-collapse,.btn-addon .ic-copy,.btn-addon .ic-delete,.btn-addon .ic-down,.btn-addon .ic-edit,.btn-addon .ic-excel,.btn-addon .ic-expand,.btn-addon .ic-home,.btn-addon .ic-inbox,.btn-addon .ic-info,.btn-addon .ic-left,.btn-addon .ic-lock,.btn-addon .ic-logout,.btn-addon .ic-menu,.btn-addon .ic-minus,.btn-addon .ic-more-horiz,.btn-addon .ic-more-vert,.btn-addon .ic-multiple,.btn-addon .ic-nodata,.btn-addon .ic-pwd,.btn-addon .ic-refresh,.btn-addon .ic-replay,.btn-addon .ic-report,.btn-addon .ic-right,.btn-addon .ic-save,.btn-addon .ic-search,.btn-addon .ic-setting,.btn-addon .ic-step,.btn-addon .ic-subaccount,.btn-addon .ic-ticket,.btn-addon .ic-transfer,.btn-addon .ic-unlock,.btn-addon .ic-user,.btn-addon .ic-user-outline,.btn-addon .ic-wallet {
        padding:2.1739130435vmax 2.4456521739vmax;
        background-color: rgba(10,16,13,.14);
        background-size: 2.4456521739vmax
    }
}

.btn-addon .text {
    padding: .375rem 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-addon .text {
        padding:1.4492753623vw 3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-addon .text {
        padding:.8152173913vmax 2.1739130435vmax
    }
}

.btn-addon.loading {
    align-items: center
}

.btn-ic,.btn-ic-grey {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    padding: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-ic,.btn-ic-grey {
        flex:0 0 7.729468599vw;
        width: 7.729468599vw;
        height: 7.729468599vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-ic,.btn-ic-grey {
        flex:0 0 4.347826087vmax;
        width: 4.347826087vmax;
        height: 4.347826087vmax
    }
}

.btn-ic .ic,.btn-ic .ic-action,.btn-ic .ic-add,.btn-ic .ic-captcha,.btn-ic .ic-check,.btn-ic .ic-close,.btn-ic .ic-collapse,.btn-ic .ic-copy,.btn-ic .ic-delete,.btn-ic .ic-down,.btn-ic .ic-edit,.btn-ic .ic-excel,.btn-ic .ic-expand,.btn-ic .ic-home,.btn-ic .ic-inbox,.btn-ic .ic-info,.btn-ic .ic-left,.btn-ic .ic-lock,.btn-ic .ic-logout,.btn-ic .ic-menu,.btn-ic .ic-minus,.btn-ic .ic-more-horiz,.btn-ic .ic-more-vert,.btn-ic .ic-multiple,.btn-ic .ic-nodata,.btn-ic .ic-pwd,.btn-ic .ic-refresh,.btn-ic .ic-replay,.btn-ic .ic-report,.btn-ic .ic-right,.btn-ic .ic-save,.btn-ic .ic-search,.btn-ic .ic-setting,.btn-ic .ic-step,.btn-ic .ic-subaccount,.btn-ic .ic-ticket,.btn-ic .ic-transfer,.btn-ic .ic-unlock,.btn-ic .ic-user,.btn-ic .ic-user-outline,.btn-ic .ic-wallet,.btn-ic-grey .ic,.btn-ic-grey .ic-action,.btn-ic-grey .ic-add,.btn-ic-grey .ic-captcha,.btn-ic-grey .ic-check,.btn-ic-grey .ic-close,.btn-ic-grey .ic-collapse,.btn-ic-grey .ic-copy,.btn-ic-grey .ic-delete,.btn-ic-grey .ic-down,.btn-ic-grey .ic-edit,.btn-ic-grey .ic-excel,.btn-ic-grey .ic-expand,.btn-ic-grey .ic-home,.btn-ic-grey .ic-inbox,.btn-ic-grey .ic-info,.btn-ic-grey .ic-left,.btn-ic-grey .ic-lock,.btn-ic-grey .ic-logout,.btn-ic-grey .ic-menu,.btn-ic-grey .ic-minus,.btn-ic-grey .ic-more-horiz,.btn-ic-grey .ic-more-vert,.btn-ic-grey .ic-multiple,.btn-ic-grey .ic-nodata,.btn-ic-grey .ic-pwd,.btn-ic-grey .ic-refresh,.btn-ic-grey .ic-replay,.btn-ic-grey .ic-report,.btn-ic-grey .ic-right,.btn-ic-grey .ic-save,.btn-ic-grey .ic-search,.btn-ic-grey .ic-setting,.btn-ic-grey .ic-step,.btn-ic-grey .ic-subaccount,.btn-ic-grey .ic-ticket,.btn-ic-grey .ic-transfer,.btn-ic-grey .ic-unlock,.btn-ic-grey .ic-user,.btn-ic-grey .ic-user-outline,.btn-ic-grey .ic-wallet {
    width: 100%;
    height: 100%;
    background-size: 70%
}

.table .btn-ic,.table .btn-ic-grey {
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table .btn-ic,.table .btn-ic-grey {
        flex:0 0 4.347826087vw;
        width: 4.347826087vw;
        height: 4.347826087vw;
        min-height: 4.347826087vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table .btn-ic,.table .btn-ic-grey {
        flex:0 0 2.4456521739vmax;
        width: 2.4456521739vmax;
        height: 2.4456521739vmax;
        min-height: 2.4456521739vmax
    }
}

.table .btn-ic .ic,.table .btn-ic .ic-action,.table .btn-ic .ic-add,.table .btn-ic .ic-captcha,.table .btn-ic .ic-check,.table .btn-ic .ic-close,.table .btn-ic .ic-collapse,.table .btn-ic .ic-copy,.table .btn-ic .ic-delete,.table .btn-ic .ic-down,.table .btn-ic .ic-edit,.table .btn-ic .ic-excel,.table .btn-ic .ic-expand,.table .btn-ic .ic-home,.table .btn-ic .ic-inbox,.table .btn-ic .ic-info,.table .btn-ic .ic-left,.table .btn-ic .ic-lock,.table .btn-ic .ic-logout,.table .btn-ic .ic-menu,.table .btn-ic .ic-minus,.table .btn-ic .ic-more-horiz,.table .btn-ic .ic-more-vert,.table .btn-ic .ic-multiple,.table .btn-ic .ic-nodata,.table .btn-ic .ic-pwd,.table .btn-ic .ic-refresh,.table .btn-ic .ic-replay,.table .btn-ic .ic-report,.table .btn-ic .ic-right,.table .btn-ic .ic-save,.table .btn-ic .ic-search,.table .btn-ic .ic-setting,.table .btn-ic .ic-step,.table .btn-ic .ic-subaccount,.table .btn-ic .ic-ticket,.table .btn-ic .ic-transfer,.table .btn-ic .ic-unlock,.table .btn-ic .ic-user,.table .btn-ic .ic-user-outline,.table .btn-ic .ic-wallet,.table .btn-ic-grey .ic,.table .btn-ic-grey .ic-action,.table .btn-ic-grey .ic-add,.table .btn-ic-grey .ic-captcha,.table .btn-ic-grey .ic-check,.table .btn-ic-grey .ic-close,.table .btn-ic-grey .ic-collapse,.table .btn-ic-grey .ic-copy,.table .btn-ic-grey .ic-delete,.table .btn-ic-grey .ic-down,.table .btn-ic-grey .ic-edit,.table .btn-ic-grey .ic-excel,.table .btn-ic-grey .ic-expand,.table .btn-ic-grey .ic-home,.table .btn-ic-grey .ic-inbox,.table .btn-ic-grey .ic-info,.table .btn-ic-grey .ic-left,.table .btn-ic-grey .ic-lock,.table .btn-ic-grey .ic-logout,.table .btn-ic-grey .ic-menu,.table .btn-ic-grey .ic-minus,.table .btn-ic-grey .ic-more-horiz,.table .btn-ic-grey .ic-more-vert,.table .btn-ic-grey .ic-multiple,.table .btn-ic-grey .ic-nodata,.table .btn-ic-grey .ic-pwd,.table .btn-ic-grey .ic-refresh,.table .btn-ic-grey .ic-replay,.table .btn-ic-grey .ic-report,.table .btn-ic-grey .ic-right,.table .btn-ic-grey .ic-save,.table .btn-ic-grey .ic-search,.table .btn-ic-grey .ic-setting,.table .btn-ic-grey .ic-step,.table .btn-ic-grey .ic-subaccount,.table .btn-ic-grey .ic-ticket,.table .btn-ic-grey .ic-transfer,.table .btn-ic-grey .ic-unlock,.table .btn-ic-grey .ic-user,.table .btn-ic-grey .ic-user-outline,.table .btn-ic-grey .ic-wallet {
    background-size: 100%
}

.btn-ic-grey {
    opacity: .7;
    background-color: transparent
}

.btn-ic-grey .ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-ic-grey .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-ic-grey .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23666"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-ic-grey .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23666"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-ic-grey .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-ic-grey .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23666" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-ic-grey .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23666" stroke="%23666"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23666" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-ic-grey .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23666"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-ic-grey .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-ic-grey .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-ic-grey .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path fill="%23666" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-ic-grey .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-ic-grey .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-ic-grey .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-ic-grey .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-ic-grey .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-ic-grey .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-ic-grey .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23666"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-ic-grey .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23666"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-ic-grey .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23666"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-ic-grey .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23666"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-ic-grey .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23666"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-ic-grey.active,.btn-ic-grey.hover,.btn-ic-grey:active,.btn-ic-grey:hover {
    opacity: 1
}

.btn-ic-grey.active,.btn-ic-grey.focus,.btn-ic-grey:active,.btn-ic-grey:focus,.btn-ic-grey:not(:disabled):not(.disabled).active,.btn-ic-grey:not(:disabled):not(.disabled):active {
    outline: 0;
    box-shadow: none!important
}

.btn-capsule {
    height: 1.5rem;
    padding: 0 .5rem 0 0;
    border-radius: 1rem;
    background: #fff;
    font-size: .75rem;
    line-height: 1.5rem;
    display: inline-flex;
    align-items: stretch;
    box-shadow: 0 0 1px 1px rgba(70,80,100,.4) inset
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-capsule {
        height:5.7971014493vw;
        padding: 0 1.9323671498vw 0 0;
        border-radius: 3.8647342995vw;
        background: #fff;
        font-size: 2.8985507246vw;
        line-height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-capsule {
        height:3.2608695652vmax;
        padding: 0 1.0869565217vmax 0 0;
        border-radius: 2.1739130435vmax;
        background: #fff;
        font-size: 1.6304347826vmax;
        line-height: 3.2608695652vmax
    }
}

.btn-capsule.active,.btn-capsule:active,.btn-capsule:hover {
    background: rgba(70,80,100,.1)
}

.btn-capsule.active {
    box-shadow: 0 0 1px 1px #465064;
    font-weight: 700
}

.btn-capsule .tag,.btn-capsule .tag-active,.btn-capsule .tag-ag,.btn-capsule .tag-blue,.btn-capsule .tag-closed,.btn-capsule .tag-danger,.btn-capsule .tag-grey,.btn-capsule .tag-inactive,.btn-capsule .tag-info,.btn-capsule .tag-light,.btn-capsule .tag-locked,.btn-capsule .tag-ma,.btn-capsule .tag-member,.btn-capsule .tag-new,.btn-capsule .tag-normal,.btn-capsule .tag-one,.btn-capsule .tag-pending,.btn-capsule .tag-personal,.btn-capsule .tag-primary,.btn-capsule .tag-red,.btn-capsule .tag-secondary,.btn-capsule .tag-sh,.btn-capsule .tag-site,.btn-capsule .tag-sma,.btn-capsule .tag-special,.btn-capsule .tag-ssma,.btn-capsule .tag-success,.btn-capsule .tag-suspend,.btn-capsule .tag-system,.btn-capsule .tag-warning,.btn-capsule .tag-white {
    padding: 0 .5rem;
    text-shadow: 0 0 .25rem rgba(10,16,13,.8);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-capsule .tag,.btn-capsule .tag-active,.btn-capsule .tag-ag,.btn-capsule .tag-blue,.btn-capsule .tag-closed,.btn-capsule .tag-danger,.btn-capsule .tag-grey,.btn-capsule .tag-inactive,.btn-capsule .tag-info,.btn-capsule .tag-light,.btn-capsule .tag-locked,.btn-capsule .tag-ma,.btn-capsule .tag-member,.btn-capsule .tag-new,.btn-capsule .tag-normal,.btn-capsule .tag-one,.btn-capsule .tag-pending,.btn-capsule .tag-personal,.btn-capsule .tag-primary,.btn-capsule .tag-red,.btn-capsule .tag-secondary,.btn-capsule .tag-sh,.btn-capsule .tag-site,.btn-capsule .tag-sma,.btn-capsule .tag-special,.btn-capsule .tag-ssma,.btn-capsule .tag-success,.btn-capsule .tag-suspend,.btn-capsule .tag-system,.btn-capsule .tag-warning,.btn-capsule .tag-white {
        padding:0 1.9323671498vw;
        text-shadow: 0 0 .9661835749vw rgba(10,16,13,.8)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-capsule .tag,.btn-capsule .tag-active,.btn-capsule .tag-ag,.btn-capsule .tag-blue,.btn-capsule .tag-closed,.btn-capsule .tag-danger,.btn-capsule .tag-grey,.btn-capsule .tag-inactive,.btn-capsule .tag-info,.btn-capsule .tag-light,.btn-capsule .tag-locked,.btn-capsule .tag-ma,.btn-capsule .tag-member,.btn-capsule .tag-new,.btn-capsule .tag-normal,.btn-capsule .tag-one,.btn-capsule .tag-pending,.btn-capsule .tag-personal,.btn-capsule .tag-primary,.btn-capsule .tag-red,.btn-capsule .tag-secondary,.btn-capsule .tag-sh,.btn-capsule .tag-site,.btn-capsule .tag-sma,.btn-capsule .tag-special,.btn-capsule .tag-ssma,.btn-capsule .tag-success,.btn-capsule .tag-suspend,.btn-capsule .tag-system,.btn-capsule .tag-warning,.btn-capsule .tag-white {
        padding:0 1.0869565217vmax;
        text-shadow: 0 0 .5434782609vmax rgba(10,16,13,.8)
    }
}

.btn-dropdown {
    padding: 0 1.75rem 0 .5rem;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-dropdown {
        padding:0 6.7632850242vw 0 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-dropdown {
        padding:0 3.8043478261vmax 0 1.0869565217vmax
    }
}

.dropdown-toggle {
    position: relative
}

.dropdown-toggle::after {
    right: .5rem;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dropdown-toggle::after {
        right:1.9323671498vw;
        width: 4.8309178744vw;
        height: 4.8309178744vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dropdown-toggle::after {
        right:1.0869565217vmax;
        width: 2.7173913043vmax;
        height: 2.7173913043vmax
    }
}

.dropdown-toggle.active::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-toggle.btn-ic-grey::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-primary .ic-down,.btn-primary.dropdown-toggle::after,.btn-primary:hover.dropdown-toggle::after,.card-head .dropdown-toggle.btn-ic-grey::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-primary {
    border-radius: .25rem;
    background-color: #465064;
    border-color: #465064;
    color: #fff
}

.btn-primary .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-primary .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-primary .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-primary .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-primary .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-primary .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-primary .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-primary .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-primary .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-primary .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-primary .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-primary .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-primary .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-primary .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-primary .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-primary .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-primary .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-primary .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-primary .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-primary .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-primary .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-primary:hover {
    background-color: #353d4c;
    border-color: #2f3643;
    color: #fff
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 .1rem rgba(98,106,123,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    border-color: #465064;
    background-color: #465064;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    border-color: #292e3a;
    background-color: #2f3643;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active::after,.btn-primary:not(:disabled):not(.disabled):active::after,.show>.btn-primary.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(98,106,123,.5)
}

.btn-primary.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-secondary {
    border-radius: .25rem;
    background-color: #488286;
    border-color: #488286;
    color: #fff
}

.btn-secondary .ic-down,.btn-secondary.dropdown-toggle::after,.btn-secondary:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-secondary .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-secondary .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-secondary .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-secondary .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-secondary .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-secondary .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-secondary .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-secondary .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-secondary .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-secondary .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-secondary .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-secondary .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-secondary .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-secondary .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-secondary .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-secondary .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-secondary .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-secondary .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-secondary .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-secondary .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-secondary .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-secondary:hover {
    background-color: #3a686b;
    border-color: #345f62;
    color: #fff
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 .1rem rgba(99,149,152,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    border-color: #488286;
    background-color: #488286;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    border-color: #2f5558;
    background-color: #345f62;
    color: #fff
}

.btn-secondary:not(:disabled):not(.disabled).active::after,.btn-secondary:not(:disabled):not(.disabled):active::after,.show>.btn-secondary.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(99,149,152,.5)
}

.btn-secondary.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-success {
    border-radius: .25rem;
    background-color: #5fad56;
    border-color: #5fad56;
    color: #fff
}

.btn-success .ic-down,.btn-success.dropdown-toggle::after,.btn-success:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-success .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-success .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-success .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-success .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-success .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-success .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-success .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-success .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-success .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-success .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-success .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-success .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-success .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-success .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-success .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-success .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-success .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-success .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-success .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-success .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-success .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-success:hover {
    background-color: #4f9347;
    border-color: #4a8942;
    color: #fff
}

.btn-success.focus,.btn-success:focus {
    box-shadow: 0 0 0 .1rem rgba(119,185,111,.5)
}

.btn-success.disabled,.btn-success:disabled {
    border-color: #5fad56;
    background-color: #5fad56;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    border-color: #447e3d;
    background-color: #4a8942;
    color: #fff
}

.btn-success:not(:disabled):not(.disabled).active::after,.btn-success:not(:disabled):not(.disabled):active::after,.show>.btn-success.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(119,185,111,.5)
}

.btn-success.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-info {
    border-radius: .25rem;
    background-color: #9c7a97;
    border-color: #9c7a97;
    color: #fff
}

.btn-info .ic-down,.btn-info.dropdown-toggle::after,.btn-info:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-info .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-info .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-info .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-info .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-info .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-info .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-info .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-info .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-info .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-info .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-info .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-info .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-info .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-info .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-info .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-info .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-info .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-info .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-info .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-info .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-info .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-info:hover {
    background-color: #886583;
    border-color: #7f5f7a;
    color: #fff
}

.btn-info.focus,.btn-info:focus {
    box-shadow: 0 0 0 .1rem rgba(171,142,167,.5)
}

.btn-info.disabled,.btn-info:disabled {
    border-color: #9c7a97;
    background-color: #9c7a97;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    border-color: #765872;
    background-color: #7f5f7a;
    color: #fff
}

.btn-info:not(:disabled):not(.disabled).active::after,.btn-info:not(:disabled):not(.disabled):active::after,.show>.btn-info.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(171,142,167,.5)
}

.btn-info.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-warning {
    border-radius: .25rem;
    background-color: #e09f3e;
    border-color: #e09f3e;
    color: #212121
}

.btn-warning .ic-down,.btn-warning.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-warning .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-warning .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-warning .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-warning .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-warning .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23212121" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-warning .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23212121" stroke="%23212121"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23212121" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-warning .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23212121"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-warning .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-warning .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-warning .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path fill="%23212121" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-warning .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-warning .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-warning .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-warning .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-warning .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-warning .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-warning .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-warning .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-warning .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-warning .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23212121"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-warning .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23212121"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-warning:hover {
    background-color: #d38c22;
    border-color: #c68320;
    color: #fff
}

.btn-warning:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-warning.focus,.btn-warning:focus {
    box-shadow: 0 0 0 .1rem rgba(195,140,58,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    border-color: #e09f3e;
    background-color: #e09f3e;
    color: #212121
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    border-color: #b97b1e;
    background-color: #c68320;
    color: #fff
}

.btn-warning:not(:disabled):not(.disabled).active::after,.btn-warning:not(:disabled):not(.disabled):active::after,.show>.btn-warning.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(195,140,58,.5)
}

.btn-warning.loading::before {
    border-color: #212121 transparent #212121 #212121
}

.btn-danger {
    border-radius: .25rem;
    background-color: #cc2936;
    border-color: #cc2936;
    color: #fff
}

.btn-danger .ic-down,.btn-danger.dropdown-toggle::after,.btn-danger:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-danger .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-danger .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-danger .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-danger .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-danger .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-danger .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-danger .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-danger .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-danger .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-danger .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-danger .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-danger .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-danger .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-danger .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-danger .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-danger .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-danger .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-danger .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-danger .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-danger .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-danger .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-danger:hover {
    background-color: #aa222d;
    border-color: #9d202a;
    color: #fff
}

.btn-danger.focus,.btn-danger:focus {
    box-shadow: 0 0 0 .1rem rgba(212,73,84,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    border-color: #cc2936;
    background-color: #cc2936;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    border-color: #911d26;
    background-color: #9d202a;
    color: #fff
}

.btn-danger:not(:disabled):not(.disabled).active::after,.btn-danger:not(:disabled):not(.disabled):active::after,.show>.btn-danger.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(212,73,84,.5)
}

.btn-danger.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-grey {
    border-radius: .25rem;
    background-color: #666;
    border-color: #666;
    color: #fff
}

.btn-grey .ic-down,.btn-grey.dropdown-toggle::after,.btn-grey:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-grey .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-grey .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-grey .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-grey .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-grey .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-grey .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-grey .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-grey .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-grey .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-grey .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-grey .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-grey .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-grey .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-grey .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-grey .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-grey .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-grey .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-grey .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-grey .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-grey .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-grey .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-grey:hover {
    background-color: #525252;
    border-color: #4a4a4a;
    color: #fff
}

.btn-grey.focus,.btn-grey:focus {
    box-shadow: 0 0 0 .1rem rgba(125,125,125,.5)
}

.btn-grey.disabled,.btn-grey:disabled {
    border-color: #666;
    background-color: #666;
    color: #fff
}

.btn-grey:not(:disabled):not(.disabled).active,.btn-grey:not(:disabled):not(.disabled):active,.show>.btn-grey.dropdown-toggle {
    border-color: #424242;
    background-color: #4a4a4a;
    color: #fff
}

.btn-grey:not(:disabled):not(.disabled).active::after,.btn-grey:not(:disabled):not(.disabled):active::after,.show>.btn-grey.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-grey:not(:disabled):not(.disabled).active:focus,.btn-grey:not(:disabled):not(.disabled):active:focus,.show>.btn-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(125,125,125,.5)
}

.btn-grey.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-light {
    border-radius: .25rem;
    background-color: #ccc;
    border-color: #ccc;
    color: #212121
}

.btn-light .ic-down,.btn-light.dropdown-toggle::after,.btn-light:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-light .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-light .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-light .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-light .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-light .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23212121" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-light .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23212121" stroke="%23212121"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23212121" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-light .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23212121"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-light .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-light .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-light .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path fill="%23212121" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-light .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-light .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-light .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-light .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-light .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-light .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-light .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-light .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-light .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-light .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23212121"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-light .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23212121"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-light:hover {
    background-color: #b8b8b8;
    border-color: #b0b0b0;
    color: #212121
}

.btn-light.focus,.btn-light:focus {
    box-shadow: 0 0 0 .1rem rgba(178,178,178,.5)
}

.btn-light.disabled,.btn-light:disabled {
    border-color: #ccc;
    background-color: #ccc;
    color: #212121
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    border-color: #a8a8a8;
    background-color: #b0b0b0;
    color: #212121
}

.btn-light:not(:disabled):not(.disabled).active::after,.btn-light:not(:disabled):not(.disabled):active::after,.show>.btn-light.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(178,178,178,.5)
}

.btn-light.loading::before {
    border-color: #212121 transparent #212121 #212121
}

.btn-white {
    border-radius: .25rem;
    background-color: #fff;
    border-color: #fff;
    color: #212121
}

.btn-white .ic-down,.btn-white.dropdown-toggle::after,.btn-white:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-white .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-white .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-white .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-white .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-white .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23212121" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-white .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23212121" stroke="%23212121"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23212121" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-white .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23212121"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-white .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-white .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-white .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path fill="%23212121" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-white .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-white .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-white .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-white .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-white .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-white .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-white .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-white .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-white .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-white .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23212121"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-white .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23212121"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-white:hover {
    background-color: #ebebeb;
    border-color: #e3e3e3;
    color: #212121
}

.btn-white.focus,.btn-white:focus {
    box-shadow: 0 0 0 .1rem rgba(222,222,222,.5)
}

.btn-white.disabled,.btn-white:disabled {
    border-color: #fff;
    background-color: #fff;
    color: #212121
}

.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle {
    border-color: #dbdbdb;
    background-color: #e3e3e3;
    color: #212121
}

.btn-white:not(:disabled):not(.disabled).active::after,.btn-white:not(:disabled):not(.disabled):active::after,.show>.btn-white.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(222,222,222,.5)
}

.btn-white.loading::before {
    border-color: #212121 transparent #212121 #212121
}

.btn-red {
    border-radius: .25rem;
    background-color: #cc2936;
    border-color: #cc2936;
    color: #fff
}

.btn-red .ic-down,.btn-red.dropdown-toggle::after,.btn-red:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-red .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-red .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-red .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-red .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-red .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-red .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-red .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-red .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-red .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-red .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-red .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-red .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-red .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-red .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-red .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-red .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-red .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-red .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-red .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-red .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-red .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-red:hover {
    background-color: #aa222d;
    border-color: #9d202a;
    color: #fff
}

.btn-red.focus,.btn-red:focus {
    box-shadow: 0 0 0 .1rem rgba(212,73,84,.5)
}

.btn-red.disabled,.btn-red:disabled {
    border-color: #cc2936;
    background-color: #cc2936;
    color: #fff
}

.btn-red:not(:disabled):not(.disabled).active,.btn-red:not(:disabled):not(.disabled):active,.show>.btn-red.dropdown-toggle {
    border-color: #911d26;
    background-color: #9d202a;
    color: #fff
}

.btn-red:not(:disabled):not(.disabled).active::after,.btn-red:not(:disabled):not(.disabled):active::after,.show>.btn-red.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-red:not(:disabled):not(.disabled).active:focus,.btn-red:not(:disabled):not(.disabled):active:focus,.show>.btn-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(212,73,84,.5)
}

.btn-red.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-blue {
    border-radius: .25rem;
    background-color: #2072d1;
    border-color: #2072d1;
    color: #fff
}

.btn-blue .ic-down,.btn-blue.dropdown-toggle::after,.btn-blue:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-blue .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-blue .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-blue .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-blue .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-blue .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-blue .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-blue .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-blue .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-blue .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-blue .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-blue .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-blue .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-blue .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-blue .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-blue .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-blue .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-blue .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-blue .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-blue .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-blue .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-blue .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-blue:hover {
    background-color: #1b5fae;
    border-color: #1957a0;
    color: #fff
}

.btn-blue.focus,.btn-blue:focus {
    box-shadow: 0 0 0 .1rem rgba(65,135,216,.5)
}

.btn-blue.disabled,.btn-blue:disabled {
    border-color: #2072d1;
    background-color: #2072d1;
    color: #fff
}

.btn-blue:not(:disabled):not(.disabled).active,.btn-blue:not(:disabled):not(.disabled):active,.show>.btn-blue.dropdown-toggle {
    border-color: #175093;
    background-color: #1957a0;
    color: #fff
}

.btn-blue:not(:disabled):not(.disabled).active::after,.btn-blue:not(:disabled):not(.disabled):active::after,.btn-outline-info:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-info:not(:disabled):not(.disabled):active.dropdown-toggle::after,.btn-outline-primary:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-primary:not(:disabled):not(.disabled):active.dropdown-toggle::after,.btn-outline-secondary:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-secondary:not(:disabled):not(.disabled):active.dropdown-toggle::after,.btn-outline-success:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-success:not(:disabled):not(.disabled):active.dropdown-toggle::after,.show>.btn-blue.dropdown-toggle::after,.show>.btn-outline-info.dropdown-toggle.dropdown-toggle::after,.show>.btn-outline-primary.dropdown-toggle.dropdown-toggle::after,.show>.btn-outline-secondary.dropdown-toggle.dropdown-toggle::after,.show>.btn-outline-success.dropdown-toggle.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-blue:not(:disabled):not(.disabled).active:focus,.btn-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(65,135,216,.5)
}

.btn-blue.loading::before {
    border-color: #fff transparent #fff #fff
}

.btn-outline-primary {
    border-radius: .25rem;
    border-color: #465064;
    color: #465064
}

.btn-outline-primary .ic-down,.btn-outline-primary.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-primary .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-primary .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23465064"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-primary .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23465064"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-primary .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-primary .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23465064" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-primary .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23465064" stroke="%23465064"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23465064" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-primary .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23465064"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-primary .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-primary .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-primary .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path fill="%23465064" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-primary .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-primary .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-primary .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-primary .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-primary .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-primary .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-primary .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23465064"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-primary .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23465064"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-primary .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23465064"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-primary .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23465064"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-primary .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23465064"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-primary:hover {
    border-color: #465064;
    background-color: #465064;
    color: #fff
}

.btn-outline-primary:hover .ic-down,.btn-outline-primary:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-primary:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-primary:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-primary:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-primary:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-primary:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .1rem rgba(70,80,100,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    background-color: transparent;
    color: #465064
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    border-color: #465064;
    background-color: #465064;
    color: #fff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(70,80,100,.5)
}

.btn-outline-primary.loading::before {
    border-color: #465064 transparent #465064 #465064
}

.btn-outline-secondary {
    border-radius: .25rem;
    border-color: #488286;
    color: #488286
}

.btn-outline-secondary .ic-down,.btn-outline-secondary.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-secondary .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-secondary .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23488286"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-secondary .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23488286"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-secondary .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-secondary .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23488286" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-secondary .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23488286" stroke="%23488286"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23488286" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-secondary .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23488286"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-secondary .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-secondary .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-secondary .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path fill="%23488286" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-secondary .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-secondary .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-secondary .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-secondary .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-secondary .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-secondary .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23488286"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-secondary .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23488286"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-secondary .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23488286"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-secondary .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23488286"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-secondary .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23488286"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-secondary .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23488286"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-secondary:hover {
    border-color: #488286;
    background-color: #488286;
    color: #fff
}

.btn-outline-secondary:hover .ic-down,.btn-outline-secondary:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-secondary:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-secondary:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-secondary:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-secondary:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-secondary:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .1rem rgba(72,130,134,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    background-color: transparent;
    color: #488286
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    border-color: #488286;
    background-color: #488286;
    color: #fff
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(72,130,134,.5)
}

.btn-outline-secondary.loading::before {
    border-color: #488286 transparent #488286 #488286
}

.btn-outline-success {
    border-radius: .25rem;
    border-color: #5fad56;
    color: #5fad56
}

.btn-outline-success .ic-down,.btn-outline-success.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-success .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-success .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%235FAD56"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-success .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%235FAD56"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-success .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-success .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%235FAD56" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-success .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%235FAD56" stroke="%235FAD56"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%235FAD56" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-success .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%235FAD56"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-success .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-success .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-success .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path fill="%235FAD56" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-success .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-success .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-success .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-success .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-success .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-success .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%235FAD56"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-success .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%235FAD56"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-success .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%235FAD56"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-success .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%235FAD56"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-success .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%235FAD56"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-success .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%235FAD56"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-success:hover {
    border-color: #5fad56;
    background-color: #5fad56;
    color: #fff
}

.btn-outline-success:hover .ic-down,.btn-outline-success:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-success:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-success:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-success:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-success:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-success:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-success:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-success:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-success:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-success:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-success:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-success:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-success:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-success:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-success:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-success:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-success:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-success:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-success:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-success:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-success:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-success:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-success.focus,.btn-outline-success:focus {
    box-shadow: 0 0 0 .1rem rgba(95,173,86,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    background-color: transparent;
    color: #5fad56
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    border-color: #5fad56;
    background-color: #5fad56;
    color: #fff
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(95,173,86,.5)
}

.btn-outline-success.loading::before {
    border-color: #5fad56 transparent #5fad56 #5fad56
}

.btn-outline-info {
    border-radius: .25rem;
    border-color: #9c7a97;
    color: #9c7a97
}

.btn-outline-info .ic-down,.btn-outline-info.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-info .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-info .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%239C7A97"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-info .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%239C7A97"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-info .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-info .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%239C7A97" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-info .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%239C7A97" stroke="%239C7A97"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%239C7A97" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-info .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%239C7A97"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-info .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-info .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-info .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path fill="%239C7A97" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-info .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-info .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-info .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-info .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-info .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-info .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%239C7A97"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-info .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%239C7A97"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-info .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%239C7A97"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-info .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%239C7A97"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-info .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%239C7A97"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-info .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%239C7A97"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-info:hover {
    border-color: #9c7a97;
    background-color: #9c7a97;
    color: #fff
}

.btn-outline-info:hover .ic-down,.btn-outline-info:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-info:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-info:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-info:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-info:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-info:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-info:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-info:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-info:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-info:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-info:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-info:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-info:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-info:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-info:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-info:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-info:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-info:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-info:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-info:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-info:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-info:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-info.focus,.btn-outline-info:focus {
    box-shadow: 0 0 0 .1rem rgba(156,122,151,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    background-color: transparent;
    color: #9c7a97
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    border-color: #9c7a97;
    background-color: #9c7a97;
    color: #fff
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(156,122,151,.5)
}

.btn-outline-info.loading::before {
    border-color: #9c7a97 transparent #9c7a97 #9c7a97
}

.btn-outline-warning {
    border-radius: .25rem;
    border-color: #e09f3e;
    color: #e09f3e
}

.btn-outline-warning .ic-down,.btn-outline-warning.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-warning .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-warning .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23E09F3E"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-warning .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23E09F3E"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-warning .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-warning .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23E09F3E" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-warning .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23E09F3E" stroke="%23E09F3E"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23E09F3E" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-warning .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23E09F3E"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-warning .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-warning .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-warning .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path fill="%23E09F3E" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-warning .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-warning .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-warning .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-warning .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-warning .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-warning .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23E09F3E"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-warning .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23E09F3E"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-warning .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23E09F3E"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-warning .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23E09F3E"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-warning .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23E09F3E"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-warning .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23E09F3E"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-warning:hover {
    border-color: #e09f3e;
    background-color: #e09f3e;
    color: #212121
}

.btn-outline-warning:hover .ic-down,.btn-outline-warning:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23212121" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-warning:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23212121" stroke="%23212121"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23212121" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-warning:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23212121"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-warning:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path fill="%23212121" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-warning:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23212121"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-warning:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23212121"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .1rem rgba(224,159,62,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    background-color: transparent;
    color: #e09f3e
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
    border-color: #e09f3e;
    background-color: #e09f3e;
    color: #212121
}

.btn-outline-warning:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-warning:not(:disabled):not(.disabled):active.dropdown-toggle::after,.show>.btn-outline-warning.dropdown-toggle.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(224,159,62,.5)
}

.btn-outline-warning.loading::before {
    border-color: #e09f3e transparent #e09f3e #e09f3e
}

.btn-outline-danger {
    border-radius: .25rem;
    border-color: #cc2936;
    color: #cc2936
}

.btn-outline-danger .ic-down,.btn-outline-danger.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-danger .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-danger .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23CC2936"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-danger .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23CC2936"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-danger .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-danger .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23CC2936" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-danger .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23CC2936" stroke="%23CC2936"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23CC2936" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-danger .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23CC2936"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-danger .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-danger .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-danger .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path fill="%23CC2936" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-danger .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-danger .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-danger .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-danger .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-danger .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-danger .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-danger .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23CC2936"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-danger .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23CC2936"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-danger .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23CC2936"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-danger .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23CC2936"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-danger .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23CC2936"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-danger:hover {
    border-color: #cc2936;
    background-color: #cc2936;
    color: #fff
}

.btn-outline-danger:hover .ic-down,.btn-outline-danger:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-danger:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-danger:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-danger:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-danger:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-danger:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .1rem rgba(204,41,54,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    background-color: transparent;
    color: #cc2936
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    border-color: #cc2936;
    background-color: #cc2936;
    color: #fff
}

.btn-outline-danger:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-danger:not(:disabled):not(.disabled):active.dropdown-toggle::after,.btn-outline-grey:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-grey:not(:disabled):not(.disabled):active.dropdown-toggle::after,.show>.btn-outline-danger.dropdown-toggle.dropdown-toggle::after,.show>.btn-outline-grey.dropdown-toggle.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(204,41,54,.5)
}

.btn-outline-danger.loading::before {
    border-color: #cc2936 transparent #cc2936 #cc2936
}

.btn-outline-grey {
    border-radius: .25rem;
    border-color: #666;
    color: #666
}

.btn-outline-grey .ic-down,.btn-outline-grey.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-grey .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-grey .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23666"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-grey .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23666"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-grey .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-grey .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23666" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-grey .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23666" stroke="%23666"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23666" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-grey .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23666"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-grey .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-grey .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-grey .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path fill="%23666" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-grey .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-grey .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-grey .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-grey .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-grey .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-grey .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23666"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-grey .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23666"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-grey .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23666"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-grey .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23666"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-grey .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23666"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-grey .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23666"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-grey:hover {
    border-color: #666;
    background-color: #666;
    color: #fff
}

.btn-outline-grey:hover .ic-down,.btn-outline-grey:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-grey:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-grey:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-grey:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-grey:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-grey:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-grey.focus,.btn-outline-grey:focus {
    box-shadow: 0 0 0 .1rem rgba(102,102,102,.5)
}

.btn-outline-grey.disabled,.btn-outline-grey:disabled {
    background-color: transparent;
    color: #666
}

.btn-outline-grey:not(:disabled):not(.disabled).active,.btn-outline-grey:not(:disabled):not(.disabled):active,.show>.btn-outline-grey.dropdown-toggle {
    border-color: #666;
    background-color: #666;
    color: #fff
}

.btn-outline-grey:not(:disabled):not(.disabled).active:focus,.btn-outline-grey:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(102,102,102,.5)
}

.btn-outline-grey.loading::before {
    border-color: #666 transparent #666 #666
}

.btn-outline-light {
    border-radius: .25rem;
    border-color: #ccc;
    color: #ccc
}

.btn-outline-light .ic-down,.btn-outline-light.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-light .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-light .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23ccc"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-light .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23ccc"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-light .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-light .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23ccc" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-light .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23ccc" stroke="%23ccc"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23ccc" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-light .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23ccc"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-light .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-light .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-light .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path fill="%23ccc" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-light .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-light .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-light .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-light .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-light .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-light .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ccc"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-light .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23ccc"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-light .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23ccc"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-light .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23ccc"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-light .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23ccc"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-light .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23ccc"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-light:hover {
    border-color: #ccc;
    background-color: #ccc;
    color: #212121
}

.btn-outline-light:hover .ic-down,.btn-outline-light:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-light:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-light:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-light:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-light:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-light:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23212121" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-light:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23212121" stroke="%23212121"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23212121" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-light:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23212121"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-light:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-light:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-light:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path fill="%23212121" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-light:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-light:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-light:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-light:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-light:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-light:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-light:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-light:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23212121"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-light:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23212121"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-light:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23212121"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-light:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23212121"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-light.focus,.btn-outline-light:focus {
    box-shadow: 0 0 0 .1rem rgba(204,204,204,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    background-color: transparent;
    color: #ccc
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    border-color: #ccc;
    background-color: #ccc;
    color: #212121
}

.btn-outline-light:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-light:not(:disabled):not(.disabled):active.dropdown-toggle::after,.show>.btn-outline-light.dropdown-toggle.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23212121"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(204,204,204,.5)
}

.btn-outline-light.loading::before {
    border-color: #ccc transparent #ccc #ccc
}

.btn-outline-white {
    border-radius: .25rem;
    border-color: #fff;
    color: #fff
}

.btn-outline-white .ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-white .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-white .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-white .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-white .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-white .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-white .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-white .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-white .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-white .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-white .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-white .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-white .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-white .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-white .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-white .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-white .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-white .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-white .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-white .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-white .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-white .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-white:hover {
    border-color: #fff;
    background-color: #fff;
    color: #465064
}

.btn-outline-white:hover .ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-white:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-white:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23242a34"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-white:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23242a34"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-white:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-white:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23242a34" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-white:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23242a34" stroke="%23242a34"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23242a34" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-white:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23242a34"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-white:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-white:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-white:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path fill="%23242a34" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-white:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-white:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-white:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-white:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-white:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-white:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-white:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23242a34"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-white:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23242a34"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-white:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23242a34"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-white:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23242a34"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-white:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23242a34"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-white:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-white.focus,.btn-outline-white:focus {
    box-shadow: 0 0 0 .1rem rgba(255,255,255,.5)
}

.btn-outline-white.disabled,.btn-outline-white:disabled {
    background-color: transparent;
    color: #fff
}

.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle {
    border-color: #fff;
    background-color: #fff;
    color: #465064
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-down,.btn-outline-white:not(:disabled):not(.disabled):active .ic-down,.show>.btn-outline-white.dropdown-toggle .ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-copy,.btn-outline-white:not(:disabled):not(.disabled):active .ic-copy,.show>.btn-outline-white.dropdown-toggle .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-collapse,.btn-outline-white:not(:disabled):not(.disabled):active .ic-collapse,.show>.btn-outline-white.dropdown-toggle .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23242a34"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-expand,.btn-outline-white:not(:disabled):not(.disabled):active .ic-expand,.show>.btn-outline-white.dropdown-toggle .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23242a34"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-inbox,.btn-outline-white:not(:disabled):not(.disabled):active .ic-inbox,.show>.btn-outline-white.dropdown-toggle .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-logout,.btn-outline-white:not(:disabled):not(.disabled):active .ic-logout,.show>.btn-outline-white.dropdown-toggle .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23242a34" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-search,.btn-outline-white:not(:disabled):not(.disabled):active .ic-search,.show>.btn-outline-white.dropdown-toggle .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23242a34" stroke="%23242a34"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23242a34" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-excel,.btn-outline-white:not(:disabled):not(.disabled):active .ic-excel,.show>.btn-outline-white.dropdown-toggle .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23242a34"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-replay,.btn-outline-white:not(:disabled):not(.disabled):active .ic-replay,.show>.btn-outline-white.dropdown-toggle .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-close,.btn-outline-white:not(:disabled):not(.disabled):active .ic-close,.show>.btn-outline-white.dropdown-toggle .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-setting,.btn-outline-white:not(:disabled):not(.disabled):active .ic-setting,.show>.btn-outline-white.dropdown-toggle .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path fill="%23242a34" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-more-vert,.btn-outline-white:not(:disabled):not(.disabled):active .ic-more-vert,.show>.btn-outline-white.dropdown-toggle .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-more-horiz,.btn-outline-white:not(:disabled):not(.disabled):active .ic-more-horiz,.show>.btn-outline-white.dropdown-toggle .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-add,.btn-outline-white:not(:disabled):not(.disabled):active .ic-add,.show>.btn-outline-white.dropdown-toggle .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-minus,.btn-outline-white:not(:disabled):not(.disabled):active .ic-minus,.show>.btn-outline-white.dropdown-toggle .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-edit,.btn-outline-white:not(:disabled):not(.disabled):active .ic-edit,.show>.btn-outline-white.dropdown-toggle .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-delete,.btn-outline-white:not(:disabled):not(.disabled):active .ic-delete,.show>.btn-outline-white.dropdown-toggle .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23242a34"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-lock,.btn-outline-white:not(:disabled):not(.disabled):active .ic-lock,.show>.btn-outline-white.dropdown-toggle .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23242a34"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-unlock,.btn-outline-white:not(:disabled):not(.disabled):active .ic-unlock,.show>.btn-outline-white.dropdown-toggle .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23242a34"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-save,.btn-outline-white:not(:disabled):not(.disabled):active .ic-save,.show>.btn-outline-white.dropdown-toggle .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23242a34"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-check,.btn-outline-white:not(:disabled):not(.disabled):active .ic-check,.show>.btn-outline-white.dropdown-toggle .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23242a34"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active .ic-refresh,.btn-outline-white:not(:disabled):not(.disabled):active .ic-refresh,.show>.btn-outline-white.dropdown-toggle .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23242a34"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-white:not(:disabled):not(.disabled):active.dropdown-toggle::after,.show>.btn-outline-white.dropdown-toggle.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(255,255,255,.5)
}

.btn-outline-white.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-white.loading::before {
    border-color: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-red {
    border-radius: .25rem;
    border-color: #cc2936;
    color: #cc2936
}

.btn-outline-red .ic-down,.btn-outline-red.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-red .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-red .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23CC2936"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-red .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23CC2936"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-red .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-red .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23CC2936" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-red .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23CC2936" stroke="%23CC2936"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23CC2936" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-red .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23CC2936"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-red .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-red .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-red .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path fill="%23CC2936" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-red .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-red .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-red .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-red .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-red .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-red .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23CC2936"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-red .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23CC2936"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-red .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23CC2936"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-red .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23CC2936"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-red .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23CC2936"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-red .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23CC2936"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-red:hover {
    border-color: #cc2936;
    background-color: #cc2936;
    color: #fff
}

.btn-outline-red:hover .ic-down,.btn-outline-red:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-red:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-red:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-red:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-red:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-red:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-red:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-red:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-red:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-red:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-red:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-red:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-red:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-red:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-red:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-red:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-red:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-red:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-red:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-red:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-red:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-red:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-red.focus,.btn-outline-red:focus {
    box-shadow: 0 0 0 .1rem rgba(204,41,54,.5)
}

.btn-outline-red.disabled,.btn-outline-red:disabled {
    background-color: transparent;
    color: #cc2936
}

.btn-outline-red:not(:disabled):not(.disabled).active,.btn-outline-red:not(:disabled):not(.disabled):active,.show>.btn-outline-red.dropdown-toggle {
    border-color: #cc2936;
    background-color: #cc2936;
    color: #fff
}

.btn-outline-blue:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-blue:not(:disabled):not(.disabled):active.dropdown-toggle::after,.btn-outline-red:not(:disabled):not(.disabled).active.dropdown-toggle::after,.btn-outline-red:not(:disabled):not(.disabled):active.dropdown-toggle::after,.show>.btn-outline-blue.dropdown-toggle.dropdown-toggle::after,.show>.btn-outline-red.dropdown-toggle.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-red:not(:disabled):not(.disabled).active:focus,.btn-outline-red:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(204,41,54,.5)
}

.btn-outline-red.loading::before {
    border-color: #cc2936 transparent #cc2936 #cc2936
}

.btn-outline-blue {
    border-radius: .25rem;
    border-color: #2072d1;
    color: #2072d1
}

.btn-outline-blue .ic-down,.btn-outline-blue.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-blue .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-blue .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%232072d1"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-blue .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%232072d1"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-blue .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-blue .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%232072d1" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-blue .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%232072d1" stroke="%232072d1"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%232072d1" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-blue .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%232072d1"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-blue .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-blue .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-blue .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path fill="%232072d1" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-blue .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-blue .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-blue .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-blue .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-blue .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-blue .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%232072d1"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-blue .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%232072d1"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-blue .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%232072d1"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-blue .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%232072d1"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-blue .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%232072d1"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-blue .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%232072d1"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-blue:hover {
    border-color: #2072d1;
    background-color: #2072d1;
    color: #fff
}

.btn-outline-blue:hover .ic-down,.btn-outline-blue:hover.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.btn-outline-blue:hover .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.btn-outline-blue:hover .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.btn-outline-blue:hover .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.btn-outline-blue:hover .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.btn-outline-blue:hover .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.btn-outline-blue.focus,.btn-outline-blue:focus {
    box-shadow: 0 0 0 .1rem rgba(32,114,209,.5)
}

.btn-outline-blue.disabled,.btn-outline-blue:disabled {
    background-color: transparent;
    color: #2072d1
}

.btn-outline-blue:not(:disabled):not(.disabled).active,.btn-outline-blue:not(:disabled):not(.disabled):active,.show>.btn-outline-blue.dropdown-toggle {
    border-color: #2072d1;
    background-color: #2072d1;
    color: #fff
}

.btn-outline-blue:not(:disabled):not(.disabled).active:focus,.btn-outline-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(32,114,209,.5)
}

.btn-outline-blue.loading::before {
    border-color: #2072d1 transparent #2072d1 #2072d1
}

.btn-circle {
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: .125rem;
    border-radius: 999px
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-circle {
        flex:0 0 5.7971014493vw;
        width: 5.7971014493vw;
        height: 5.7971014493vw;
        min-height: 5.7971014493vw;
        margin: .4830917874vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-circle {
        flex:0 0 3.2608695652vmax;
        width: 3.2608695652vmax;
        height: 3.2608695652vmax;
        min-height: 3.2608695652vmax;
        margin: .2717391304vmax
    }
}

.table .btn-circle {
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    margin: .125rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table .btn-circle {
        flex:0 0 5.7971014493vw;
        width: 5.7971014493vw;
        height: 5.7971014493vw;
        min-height: 5.7971014493vw;
        margin: .4830917874vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table .btn-circle {
        flex:0 0 3.2608695652vmax;
        width: 3.2608695652vmax;
        height: 3.2608695652vmax;
        min-height: 3.2608695652vmax;
        margin: .2717391304vmax
    }
}

.btn-sidenav {
    width: 3rem;
    height: 3rem;
    background-color: rgba(70,80,100,.8)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-sidenav {
        width:11.5942028986vw;
        height: 11.5942028986vw;
        background-color: rgba(70,80,100,.8)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-sidenav {
        width:6.5217391304vmax;
        height: 6.5217391304vmax;
        background-color: rgba(70,80,100,.8)
    }
}

.btn-sidenav .ic-menu {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z"></path></g></svg>');
    margin-right: 0!important
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-sidenav .ic-menu {
        width:5.7971014493vw;
        height: 5.7971014493vw;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-sidenav .ic-menu {
        width:3.2608695652vmax;
        height: 3.2608695652vmax;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z"></path></g></svg>')
    }
}

.btn-expand {
    margin-right: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-expand {
        margin-right:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-expand {
        margin-right:.5434782609vmax
    }
}

.btn-expand.active .ic,.btn-expand.active .ic-action,.btn-expand.active .ic-add,.btn-expand.active .ic-captcha,.btn-expand.active .ic-check,.btn-expand.active .ic-close,.btn-expand.active .ic-collapse,.btn-expand.active .ic-copy,.btn-expand.active .ic-delete,.btn-expand.active .ic-down,.btn-expand.active .ic-edit,.btn-expand.active .ic-excel,.btn-expand.active .ic-expand,.btn-expand.active .ic-home,.btn-expand.active .ic-inbox,.btn-expand.active .ic-info,.btn-expand.active .ic-left,.btn-expand.active .ic-lock,.btn-expand.active .ic-logout,.btn-expand.active .ic-menu,.btn-expand.active .ic-minus,.btn-expand.active .ic-more-horiz,.btn-expand.active .ic-more-vert,.btn-expand.active .ic-multiple,.btn-expand.active .ic-nodata,.btn-expand.active .ic-pwd,.btn-expand.active .ic-refresh,.btn-expand.active .ic-replay,.btn-expand.active .ic-report,.btn-expand.active .ic-right,.btn-expand.active .ic-save,.btn-expand.active .ic-search,.btn-expand.active .ic-setting,.btn-expand.active .ic-step,.btn-expand.active .ic-subaccount,.btn-expand.active .ic-ticket,.btn-expand.active .ic-transfer,.btn-expand.active .ic-unlock,.btn-expand.active .ic-user,.btn-expand.active .ic-user-outline,.btn-expand.active .ic-wallet {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.btn-group {
    display: flex;
    flex-wrap: wrap
}

.btn-group .btn,.btn-group .btn-addon,.btn-group .btn-blue,.btn-group .btn-danger,.btn-group .btn-grey,.btn-group .btn-ic,.btn-group .btn-ic-grey,.btn-group .btn-info,.btn-group .btn-light,.btn-group .btn-outline-blue,.btn-group .btn-outline-danger,.btn-group .btn-outline-grey,.btn-group .btn-outline-info,.btn-group .btn-outline-light,.btn-group .btn-outline-primary,.btn-group .btn-outline-red,.btn-group .btn-outline-secondary,.btn-group .btn-outline-success,.btn-group .btn-outline-warning,.btn-group .btn-outline-white,.btn-group .btn-primary,.btn-group .btn-red,.btn-group .btn-secondary,.btn-group .btn-success,.btn-group .btn-warning,.btn-group .btn-white,.btn-group .header .referral-code-mobile .code-copy button,.btn-group select,.header .referral-code-mobile .code-copy .btn-group button {
    margin-left: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-group .btn,.btn-group .btn-addon,.btn-group .btn-blue,.btn-group .btn-danger,.btn-group .btn-grey,.btn-group .btn-ic,.btn-group .btn-ic-grey,.btn-group .btn-info,.btn-group .btn-light,.btn-group .btn-outline-blue,.btn-group .btn-outline-danger,.btn-group .btn-outline-grey,.btn-group .btn-outline-info,.btn-group .btn-outline-light,.btn-group .btn-outline-primary,.btn-group .btn-outline-red,.btn-group .btn-outline-secondary,.btn-group .btn-outline-success,.btn-group .btn-outline-warning,.btn-group .btn-outline-white,.btn-group .btn-primary,.btn-group .btn-red,.btn-group .btn-secondary,.btn-group .btn-success,.btn-group .btn-warning,.btn-group .btn-white,.btn-group .header .referral-code-mobile .code-copy button,.btn-group select,.header .referral-code-mobile .code-copy .btn-group button {
        margin-left:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-group .btn,.btn-group .btn-addon,.btn-group .btn-blue,.btn-group .btn-danger,.btn-group .btn-grey,.btn-group .btn-ic,.btn-group .btn-ic-grey,.btn-group .btn-info,.btn-group .btn-light,.btn-group .btn-outline-blue,.btn-group .btn-outline-danger,.btn-group .btn-outline-grey,.btn-group .btn-outline-info,.btn-group .btn-outline-light,.btn-group .btn-outline-primary,.btn-group .btn-outline-red,.btn-group .btn-outline-secondary,.btn-group .btn-outline-success,.btn-group .btn-outline-warning,.btn-group .btn-outline-white,.btn-group .btn-primary,.btn-group .btn-red,.btn-group .btn-secondary,.btn-group .btn-success,.btn-group .btn-warning,.btn-group .btn-white,.btn-group .header .referral-code-mobile .code-copy button,.btn-group select,.header .referral-code-mobile .code-copy .btn-group button {
        margin-left:.5434782609vmax
    }
}

.btn-group input,.btn-group select {
    width: auto
}

.modal {
    padding: .5rem;
    display: none;
    position: fixed;
    z-index: 2060;
    top: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal {
        padding:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal {
        padding:1.0869565217vmax
    }
}

@media screen and (min-width: 769px) {
    .modal {
        height:100%
    }
}

.modal-overflow {
    overflow: hidden
}

.modal-backdrop {
    background: rgba(10,16,13,.7);
    position: fixed;
    z-index: 2050;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal-backdrop {
        background:rgba(10,16,13,.7)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal-backdrop {
        background:rgba(10,16,13,.7)
    }
}

.modal-dialog {
    max-height: calc(100vh - 1rem);
    background: #fff;
    border-radius: .25rem;
    -moz-box-shadow: 0 0 1rem 0 rgba(0,0,0,.6);
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.6);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.6);
    display: flex;
    z-index: 2060;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal-dialog {
        max-height:calc(100vh - 1rem);
        background: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal-dialog {
        max-height:calc(100vh - 1rem);
        background: #fff
    }
}

@media screen and (min-width: 769px) {
    .modal-dialog {
        max-width:70%
    }
}

.modal-head {
    padding: 1rem;
    border-bottom: .0625rem solid #ddd;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal-head {
        padding:5px;
        border-bottom: .2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal-head {
        padding:2.1739130435vmax;
        border-bottom: .1358695652vmax solid #ddd
    }
}

.modal-body {
    padding: 1.5rem;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal-body {
        padding:5px
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal-body {
        padding:3.2608695652vmax
    }
}

.modal-foot {
    padding: 1rem 1.5rem;
    border-top: .0625rem solid #ddd;
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal-foot {
        padding:12px;
        border-top: .2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal-foot {
        padding:2.1739130435vmax 3.2608695652vmax;
        border-top: .1358695652vmax solid #ddd
    }
}

.header .referral-code-mobile .code-copy .modal-foot button:not(:last-of-type),.modal-foot .btn-addon:not(:last-of-type),.modal-foot .btn-blue:not(:last-of-type),.modal-foot .btn-danger:not(:last-of-type),.modal-foot .btn-grey:not(:last-of-type),.modal-foot .btn-ic-grey:not(:last-of-type),.modal-foot .btn-ic:not(:last-of-type),.modal-foot .btn-info:not(:last-of-type),.modal-foot .btn-light:not(:last-of-type),.modal-foot .btn-outline-blue:not(:last-of-type),.modal-foot .btn-outline-danger:not(:last-of-type),.modal-foot .btn-outline-grey:not(:last-of-type),.modal-foot .btn-outline-info:not(:last-of-type),.modal-foot .btn-outline-light:not(:last-of-type),.modal-foot .btn-outline-primary:not(:last-of-type),.modal-foot .btn-outline-red:not(:last-of-type),.modal-foot .btn-outline-secondary:not(:last-of-type),.modal-foot .btn-outline-success:not(:last-of-type),.modal-foot .btn-outline-warning:not(:last-of-type),.modal-foot .btn-outline-white:not(:last-of-type),.modal-foot .btn-primary:not(:last-of-type),.modal-foot .btn-red:not(:last-of-type),.modal-foot .btn-secondary:not(:last-of-type),.modal-foot .btn-success:not(:last-of-type),.modal-foot .btn-warning:not(:last-of-type),.modal-foot .btn-white:not(:last-of-type),.modal-foot .btn:not(:last-of-type),.modal-foot .header .referral-code-mobile .code-copy button:not(:last-of-type) {
    margin-right: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header .referral-code-mobile .code-copy .modal-foot button:not(:last-of-type),.modal-foot .btn-addon:not(:last-of-type),.modal-foot .btn-blue:not(:last-of-type),.modal-foot .btn-danger:not(:last-of-type),.modal-foot .btn-grey:not(:last-of-type),.modal-foot .btn-ic-grey:not(:last-of-type),.modal-foot .btn-ic:not(:last-of-type),.modal-foot .btn-info:not(:last-of-type),.modal-foot .btn-light:not(:last-of-type),.modal-foot .btn-outline-blue:not(:last-of-type),.modal-foot .btn-outline-danger:not(:last-of-type),.modal-foot .btn-outline-grey:not(:last-of-type),.modal-foot .btn-outline-info:not(:last-of-type),.modal-foot .btn-outline-light:not(:last-of-type),.modal-foot .btn-outline-primary:not(:last-of-type),.modal-foot .btn-outline-red:not(:last-of-type),.modal-foot .btn-outline-secondary:not(:last-of-type),.modal-foot .btn-outline-success:not(:last-of-type),.modal-foot .btn-outline-warning:not(:last-of-type),.modal-foot .btn-outline-white:not(:last-of-type),.modal-foot .btn-primary:not(:last-of-type),.modal-foot .btn-red:not(:last-of-type),.modal-foot .btn-secondary:not(:last-of-type),.modal-foot .btn-success:not(:last-of-type),.modal-foot .btn-warning:not(:last-of-type),.modal-foot .btn-white:not(:last-of-type),.modal-foot .btn:not(:last-of-type),.modal-foot .header .referral-code-mobile .code-copy button:not(:last-of-type) {
        margin-right:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header .referral-code-mobile .code-copy .modal-foot button:not(:last-of-type),.modal-foot .btn-addon:not(:last-of-type),.modal-foot .btn-blue:not(:last-of-type),.modal-foot .btn-danger:not(:last-of-type),.modal-foot .btn-grey:not(:last-of-type),.modal-foot .btn-ic-grey:not(:last-of-type),.modal-foot .btn-ic:not(:last-of-type),.modal-foot .btn-info:not(:last-of-type),.modal-foot .btn-light:not(:last-of-type),.modal-foot .btn-outline-blue:not(:last-of-type),.modal-foot .btn-outline-danger:not(:last-of-type),.modal-foot .btn-outline-grey:not(:last-of-type),.modal-foot .btn-outline-info:not(:last-of-type),.modal-foot .btn-outline-light:not(:last-of-type),.modal-foot .btn-outline-primary:not(:last-of-type),.modal-foot .btn-outline-red:not(:last-of-type),.modal-foot .btn-outline-secondary:not(:last-of-type),.modal-foot .btn-outline-success:not(:last-of-type),.modal-foot .btn-outline-warning:not(:last-of-type),.modal-foot .btn-outline-white:not(:last-of-type),.modal-foot .btn-primary:not(:last-of-type),.modal-foot .btn-red:not(:last-of-type),.modal-foot .btn-secondary:not(:last-of-type),.modal-foot .btn-success:not(:last-of-type),.modal-foot .btn-warning:not(:last-of-type),.modal-foot .btn-white:not(:last-of-type),.modal-foot .btn:not(:last-of-type),.modal-foot .header .referral-code-mobile .code-copy button:not(:last-of-type) {
        margin-right:1.0869565217vmax
    }
}

.alert h4,.modal h4,.toast h4 {
    margin-right: auto
}

.modal.loading {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.modal.loading::before {
    z-index: 2062;
    top: auto
}

.modal.loading::after {
    z-index: 2061;
    top: auto
}

.alert {
    background: #fff;
    font-size: .875rem;
    border-radius: .25rem;
    display: none;
    margin: 0 auto;
    opacity: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert {
        background:#fff;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert {
        background:#fff;
        font-size: 1.902173913vmax
    }
}

.alert:not(:last-of-type) {
    margin-bottom: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert:not(:last-of-type) {
        margin-bottom:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert:not(:last-of-type) {
        margin-bottom:2.1739130435vmax
    }
}

.alert .btn,.alert .btn-addon,.alert .btn-blue,.alert .btn-danger,.alert .btn-grey,.alert .btn-ic,.alert .btn-ic-grey,.alert .btn-info,.alert .btn-light,.alert .btn-outline-blue,.alert .btn-outline-danger,.alert .btn-outline-grey,.alert .btn-outline-info,.alert .btn-outline-light,.alert .btn-outline-primary,.alert .btn-outline-red,.alert .btn-outline-secondary,.alert .btn-outline-success,.alert .btn-outline-warning,.alert .btn-outline-white,.alert .btn-primary,.alert .btn-red,.alert .btn-secondary,.alert .btn-success,.alert .btn-warning,.alert .btn-white,.alert .header .referral-code-mobile .code-copy button,.header .referral-code-mobile .code-copy .alert button {
    margin-left: auto
}

.alert.show {
    display: block;
    opacity: 1
}

.alert-head {
    padding: .375rem .75rem;
    border-bottom: .0625rem solid rgba(10,16,13,.1);
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert-head {
        padding:1.4492753623vw 2.8985507246vw;
        border-bottom: .2415458937vw solid rgba(10,16,13,.1)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert-head {
        padding:.8152173913vmax 1.6304347826vmax;
        border-bottom: .1358695652vmax solid rgba(10,16,13,.1)
    }
}

.alert-body {
    padding: .75rem 2.625rem .75rem .75rem;
    position: relative
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert-body {
        padding:2.8985507246vw 10.1449275362vw 2.8985507246vw 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert-body {
        padding:1.6304347826vmax 5.7065217391vmax 1.6304347826vmax 1.6304347826vmax
    }
}

.alert-body .btn,.alert-body .btn-addon,.alert-body .btn-blue,.alert-body .btn-danger,.alert-body .btn-grey,.alert-body .btn-ic,.alert-body .btn-ic-grey,.alert-body .btn-info,.alert-body .btn-light,.alert-body .btn-outline-blue,.alert-body .btn-outline-danger,.alert-body .btn-outline-grey,.alert-body .btn-outline-info,.alert-body .btn-outline-light,.alert-body .btn-outline-primary,.alert-body .btn-outline-red,.alert-body .btn-outline-secondary,.alert-body .btn-outline-success,.alert-body .btn-outline-warning,.alert-body .btn-outline-white,.alert-body .btn-primary,.alert-body .btn-red,.alert-body .btn-secondary,.alert-body .btn-success,.alert-body .btn-warning,.alert-body .btn-white,.alert-body .header .referral-code-mobile .code-copy button,.header .referral-code-mobile .code-copy .alert-body button {
    top: .375rem;
    right: .75rem;
    position: absolute
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert-body .btn,.alert-body .btn-addon,.alert-body .btn-blue,.alert-body .btn-danger,.alert-body .btn-grey,.alert-body .btn-ic,.alert-body .btn-ic-grey,.alert-body .btn-info,.alert-body .btn-light,.alert-body .btn-outline-blue,.alert-body .btn-outline-danger,.alert-body .btn-outline-grey,.alert-body .btn-outline-info,.alert-body .btn-outline-light,.alert-body .btn-outline-primary,.alert-body .btn-outline-red,.alert-body .btn-outline-secondary,.alert-body .btn-outline-success,.alert-body .btn-outline-warning,.alert-body .btn-outline-white,.alert-body .btn-primary,.alert-body .btn-red,.alert-body .btn-secondary,.alert-body .btn-success,.alert-body .btn-warning,.alert-body .btn-white,.alert-body .header .referral-code-mobile .code-copy button,.header .referral-code-mobile .code-copy .alert-body button {
        top:1.4492753623vw;
        right: 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert-body .btn,.alert-body .btn-addon,.alert-body .btn-blue,.alert-body .btn-danger,.alert-body .btn-grey,.alert-body .btn-ic,.alert-body .btn-ic-grey,.alert-body .btn-info,.alert-body .btn-light,.alert-body .btn-outline-blue,.alert-body .btn-outline-danger,.alert-body .btn-outline-grey,.alert-body .btn-outline-info,.alert-body .btn-outline-light,.alert-body .btn-outline-primary,.alert-body .btn-outline-red,.alert-body .btn-outline-secondary,.alert-body .btn-outline-success,.alert-body .btn-outline-warning,.alert-body .btn-outline-white,.alert-body .btn-primary,.alert-body .btn-red,.alert-body .btn-secondary,.alert-body .btn-success,.alert-body .btn-warning,.alert-body .btn-white,.alert-body .header .referral-code-mobile .code-copy button,.header .referral-code-mobile .code-copy .alert-body button {
        top:.8152173913vmax;
        right: 1.6304347826vmax
    }
}

.alert-foot {
    padding: 1rem;
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert-foot {
        padding:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert-foot {
        padding:2.1739130435vmax
    }
}

.alert-foot .btn-addon:not(:last-of-type),.alert-foot .btn-blue:not(:last-of-type),.alert-foot .btn-danger:not(:last-of-type),.alert-foot .btn-grey:not(:last-of-type),.alert-foot .btn-ic-grey:not(:last-of-type),.alert-foot .btn-ic:not(:last-of-type),.alert-foot .btn-info:not(:last-of-type),.alert-foot .btn-light:not(:last-of-type),.alert-foot .btn-outline-blue:not(:last-of-type),.alert-foot .btn-outline-danger:not(:last-of-type),.alert-foot .btn-outline-grey:not(:last-of-type),.alert-foot .btn-outline-info:not(:last-of-type),.alert-foot .btn-outline-light:not(:last-of-type),.alert-foot .btn-outline-primary:not(:last-of-type),.alert-foot .btn-outline-red:not(:last-of-type),.alert-foot .btn-outline-secondary:not(:last-of-type),.alert-foot .btn-outline-success:not(:last-of-type),.alert-foot .btn-outline-warning:not(:last-of-type),.alert-foot .btn-outline-white:not(:last-of-type),.alert-foot .btn-primary:not(:last-of-type),.alert-foot .btn-red:not(:last-of-type),.alert-foot .btn-secondary:not(:last-of-type),.alert-foot .btn-success:not(:last-of-type),.alert-foot .btn-warning:not(:last-of-type),.alert-foot .btn-white:not(:last-of-type),.alert-foot .btn:not(:last-of-type),.alert-foot .header .referral-code-mobile .code-copy button:not(:last-of-type),.header .referral-code-mobile .code-copy .alert-foot button:not(:last-of-type) {
    margin-right: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .alert-foot .btn-addon:not(:last-of-type),.alert-foot .btn-blue:not(:last-of-type),.alert-foot .btn-danger:not(:last-of-type),.alert-foot .btn-grey:not(:last-of-type),.alert-foot .btn-ic-grey:not(:last-of-type),.alert-foot .btn-ic:not(:last-of-type),.alert-foot .btn-info:not(:last-of-type),.alert-foot .btn-light:not(:last-of-type),.alert-foot .btn-outline-blue:not(:last-of-type),.alert-foot .btn-outline-danger:not(:last-of-type),.alert-foot .btn-outline-grey:not(:last-of-type),.alert-foot .btn-outline-info:not(:last-of-type),.alert-foot .btn-outline-light:not(:last-of-type),.alert-foot .btn-outline-primary:not(:last-of-type),.alert-foot .btn-outline-red:not(:last-of-type),.alert-foot .btn-outline-secondary:not(:last-of-type),.alert-foot .btn-outline-success:not(:last-of-type),.alert-foot .btn-outline-warning:not(:last-of-type),.alert-foot .btn-outline-white:not(:last-of-type),.alert-foot .btn-primary:not(:last-of-type),.alert-foot .btn-red:not(:last-of-type),.alert-foot .btn-secondary:not(:last-of-type),.alert-foot .btn-success:not(:last-of-type),.alert-foot .btn-warning:not(:last-of-type),.alert-foot .btn-white:not(:last-of-type),.alert-foot .btn:not(:last-of-type),.alert-foot .header .referral-code-mobile .code-copy button:not(:last-of-type),.header .referral-code-mobile .code-copy .alert-foot button:not(:last-of-type) {
        margin-right:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .alert-foot .btn-addon:not(:last-of-type),.alert-foot .btn-blue:not(:last-of-type),.alert-foot .btn-danger:not(:last-of-type),.alert-foot .btn-grey:not(:last-of-type),.alert-foot .btn-ic-grey:not(:last-of-type),.alert-foot .btn-ic:not(:last-of-type),.alert-foot .btn-info:not(:last-of-type),.alert-foot .btn-light:not(:last-of-type),.alert-foot .btn-outline-blue:not(:last-of-type),.alert-foot .btn-outline-danger:not(:last-of-type),.alert-foot .btn-outline-grey:not(:last-of-type),.alert-foot .btn-outline-info:not(:last-of-type),.alert-foot .btn-outline-light:not(:last-of-type),.alert-foot .btn-outline-primary:not(:last-of-type),.alert-foot .btn-outline-red:not(:last-of-type),.alert-foot .btn-outline-secondary:not(:last-of-type),.alert-foot .btn-outline-success:not(:last-of-type),.alert-foot .btn-outline-warning:not(:last-of-type),.alert-foot .btn-outline-white:not(:last-of-type),.alert-foot .btn-primary:not(:last-of-type),.alert-foot .btn-red:not(:last-of-type),.alert-foot .btn-secondary:not(:last-of-type),.alert-foot .btn-success:not(:last-of-type),.alert-foot .btn-warning:not(:last-of-type),.alert-foot .btn-white:not(:last-of-type),.alert-foot .btn:not(:last-of-type),.alert-foot .header .referral-code-mobile .code-copy button:not(:last-of-type),.header .referral-code-mobile .code-copy .alert-foot button:not(:last-of-type) {
        margin-right:1.0869565217vmax
    }
}

.alert-primary {
    border: 1px solid rgba(70,80,100,.2);
    background-color: rgba(70,80,100,.2);
    color: #313846
}

.alert-primary .alert-head {
    border-bottom-color: rgba(85,85,85,.4)
}

.alert-secondary {
    border: 1px solid rgba(72,130,134,.2);
    background-color: rgba(72,130,134,.2);
    color: #366265
}

.alert-secondary .alert-head {
    border-bottom-color: rgba(103,103,103,.4)
}

.alert-success {
    border: 1px solid rgba(95,173,86,.2);
    background-color: rgba(95,173,86,.2);
    color: #4b8c44
}

.alert-success .alert-head {
    border-bottom-color: rgba(130,130,130,.4)
}

.alert-info {
    border: 1px solid rgba(156,122,151,.2);
    background-color: rgba(156,122,151,.2);
    color: #82617d
}

.alert-info .alert-head {
    border-bottom-color: rgba(139,139,139,.4)
}

.alert-warning {
    border: 1px solid rgba(224,159,62,.2);
    background-color: rgba(224,159,62,.2);
    color: #ca8621
}

.alert-warning .alert-head {
    border-bottom-color: rgba(143,143,143,.4)
}

.alert-danger {
    border: 1px solid rgba(204,41,54,.2);
    background-color: rgba(204,41,54,.2);
    color: #a2202b
}

.alert-danger .alert-head {
    border-bottom-color: rgba(123,123,123,.4)
}

.alert-grey {
    border: 1px solid rgba(102,102,102,.2);
    background-color: rgba(102,102,102,.2);
    color: #4d4d4d
}

.alert-grey .alert-head {
    border-bottom-color: rgba(102,102,102,.4)
}

.alert-light {
    border: 1px solid rgba(204,204,204,.2);
    background-color: rgba(204,204,204,.2);
    color: #b3b3b3
}

.alert-light .alert-head {
    border-bottom-color: rgba(204,204,204,.4)
}

.alert-white {
    border: 1px solid rgba(255,255,255,.2);
    background-color: rgba(255,255,255,.2);
    color: #e6e6e6
}

.alert-white .alert-head {
    border-bottom-color: rgba(255,255,255,.4)
}

.alert-red {
    border: 1px solid rgba(204,41,54,.2);
    background-color: rgba(204,41,54,.2);
    color: #a2202b
}

.alert-red .alert-head {
    border-bottom-color: rgba(123,123,123,.4)
}

.alert-blue {
    border: 1px solid rgba(32,114,209,.2);
    background-color: rgba(32,114,209,.2);
    color: #195aa5
}

.alert-blue .alert-head {
    border-bottom-color: rgba(121,121,121,.4)
}

.toast-wrap-bottom {
    padding: 1rem;
    position: fixed;
    z-index: 1060;
    right: 0;
    bottom: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toast-wrap-bottom {
        padding:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toast-wrap-bottom {
        padding:2.1739130435vmax
    }
}

.toast {
    width: 22.5rem;
    border: .0625rem solid rgba(10,16,13,.1);
    background: #fff;
    font-size: .875rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    -moz-box-shadow: 0 .25rem .75rem 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 .25rem .75rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .25rem .75rem 0 rgba(0,0,0,.1);
    display: none;
    z-index: 1070;
    opacity: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toast {
        width:86.9565217391vw;
        border: .2415458937vw solid rgba(10,16,13,.1);
        background: #fff;
        font-size: 3.3816425121vw;
        margin-bottom: 3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toast {
        width:48.9130434783vmax;
        border: .1358695652vmax solid rgba(10,16,13,.1);
        background: #fff;
        font-size: 1.902173913vmax;
        margin-bottom: 2.1739130435vmax
    }
}

.toast:not(:last-of-type) {
    margin-bottom: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toast:not(:last-of-type) {
        margin-bottom:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toast:not(:last-of-type) {
        margin-bottom:2.1739130435vmax
    }
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.close {
    opacity: 0
}

.toast-head {
    padding: .375rem .75rem;
    border-bottom: .0625rem solid rgba(10,16,13,.1);
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toast-head {
        padding:1.4492753623vw 2.8985507246vw;
        border-bottom: .2415458937vw solid rgba(10,16,13,.1)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toast-head {
        padding:.8152173913vmax 1.6304347826vmax;
        border-bottom: .1358695652vmax solid rgba(10,16,13,.1)
    }
}

.toast-body {
    padding: .75rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toast-body {
        padding:2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toast-body {
        padding:1.6304347826vmax
    }
}

.page_tab {
    height: 3rem;
    border-top: .0625rem solid #747c8b;
    border-bottom: .0625rem solid #747c8b;
    background: rgba(255,255,255,.8);
    font-size: .875rem;
    line-height: 3rem;
    display: flex;
    position: relative;
    width: 100%;
    overflow: hidden
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page_tab {
        height:11.5942028986vw;
        border-top: .2415458937vw solid #747c8b;
        border-bottom: .2415458937vw solid #747c8b;
        background: rgba(255,255,255,.8);
        font-size: 3.3816425121vw;
        line-height: 11.5942028986vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page_tab {
        height:6.5217391304vmax;
        border-top: .1358695652vmax solid #747c8b;
        border-bottom: .1358695652vmax solid #747c8b;
        background: rgba(255,255,255,.8);
        font-size: 1.902173913vmax;
        line-height: 6.5217391304vmax
    }
}

.page_tab::after {
    width: .25rem;
    background-image: -webkit-linear-gradient(-90deg,rgba(10,16,13,0)0,#0a100d 100%);
    background-image: -o-linear-gradient(-90deg,rgba(10,16,13,0)0,#0a100d 100%);
    background-image: linear-gradient(-90deg,rgba(10,16,13,0)0,#0a100d 100%);
    background-repeat: repeat-x;
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    opacity: .2
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page_tab::after {
        width:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page_tab::after {
        width:.5434782609vmax
    }
}

.page_tab-item {
    height: 100%
}

.page_tab-link {
    min-width: 10rem;
    padding: 0 1.5rem;
    border-right: .0625rem solid rgba(116,124,139,.6);
    display: block;
    position: relative;
    height: 100%;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page_tab-link {
        min-width:38.6473429952vw;
        padding: 0 5.7971014493vw;
        border-right: .2415458937vw solid rgba(116,124,139,.6)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page_tab-link {
        min-width:21.7391304348vmax;
        padding: 0 3.2608695652vmax;
        border-right: .1358695652vmax solid rgba(116,124,139,.6)
    }
}

.page_tab-link.hover,.page_tab-link:hover {
    background: rgba(116,124,139,.1);
    color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page_tab-link.hover,.page_tab-link:hover {
        background:rgba(116,124,139,.1);
        color: #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page_tab-link.hover,.page_tab-link:hover {
        background:rgba(116,124,139,.1);
        color: #465064
    }
}

.page_tab-link.active,.page_tab-link:active {
    background: #747c8b;
    color: #fff
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page_tab-link.active,.page_tab-link:active {
        background:#747c8b;
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page_tab-link.active,.page_tab-link:active {
        background:#747c8b;
        color: #fff
    }
}

.page_tab-link.active .ic-down,.page_tab-link:active .ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

.page_tab-link.active .ic-copy,.page_tab-link:active .ic-copy {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M32 2H8C5.79 2 4 3.79 4 6v28h4V6h24V2zm6 8H16c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm0 32H16V14h22v28z"></path></g></svg>')
}

.page_tab-link.active .ic-collapse,.page_tab-link:active .ic-collapse {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"></path></g></svg>')
}

.page_tab-link.active .ic-expand,.page_tab-link:active .ic-expand {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g></svg>')
}

.page_tab-link.active .ic-inbox,.page_tab-link:active .ic-inbox {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M40 8H8c-2.21 0-3.98 1.79-3.98 4L4 36c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zm0 8L24 26 8 16v-4l16 10 16-10v4z"></path></g></svg>')
}

.page_tab-link.active .ic-logout,.page_tab-link:active .ic-logout {
    background-image: url('data:image/svg+xml,<svg width="20" height="18" xmlns="http://www.w3.org/2000/svg"><g fill="%23fff" fill-rule="nonzero"><path d="M12.462.9c0-.495-.392-.9-.87-.9H.87C.391 0 0 .405 0 .9v12.717c0 .33.188.645.464.795L7.07 17.95a.44.44 0 0 0 .638-.405v-3.45h3.883c.478 0 .87-.404.87-.899V9.445h-1.74v2.402c0 .255-.188.45-.434.45H7.723V4.664a.92.92 0 0 0-.463-.795L3.362 1.8h6.926c.246 0 .435.196.435.45v1.755h1.739V.9z"/><path d="M16.016 3.082l3.073 3.141a.979.979 0 0 1 0 1.402l-3.073 3.142c-.394.402-.993.419-1.387.016-.379-.387-.331-1.031.031-1.418l1.387-1.402h-5.374a.924.924 0 0 1-.71-.322c-.44-.483-.33-1.337.237-1.66a.993.993 0 0 1 .473-.128h5.374S14.677 4.45 14.66 4.45c-.362-.37-.41-1.03-.031-1.401.378-.387.993-.371 1.387.032z"/></g></svg>')
}

.page_tab-link.active .ic-search,.page_tab-link:active .ic-search {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="3" transform="translate(0.5 0.5)" fill="%23fff" stroke="%23fff"><line data-color="color-2" fill="none" stroke-miterlimit="10" x1="44" y1="44" x2="32.7" y2="32.7"></line> <circle fill="none" stroke="%23fff" stroke-miterlimit="10" cx="20" cy="20" r="18"></circle></g></svg>')
}

.page_tab-link.active .ic-excel,.page_tab-link:active .ic-excel {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" enable-background="new 0 0 26 26"><g fill="%23fff"><path d="M25.162 3h-9.162v2.984h3.031v2.031h-3.031v1.985h3v2h-3v2h3v2h-3v2h3v2h-3v3h9.162c.461 0 .838-.391.838-.87v-18.26c0-.479-.377-.87-.838-.87zm-1.162 17h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zm0-4h-4v-2h4v2zM0 2.889v20.223l15 2.888v-26l-15 2.889zm9.488 15.191l-1.745-3.299c-.066-.123-.134-.349-.205-.678h-.027c-.033.155-.111.391-.234.707l-1.751 3.27h-2.719l3.228-5.064-2.953-5.065h2.776l1.448 3.037c.113.24.214.525.304.854h.028c.057-.198.163-.492.318-.883l1.61-3.009h2.542l-3.037 5.022 3.122 5.107-2.705.001z"/></g></svg>')
}

.page_tab-link.active .ic-replay,.page_tab-link:active .ic-replay {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M16 10v28l22-14z"></path></g></svg>')
}

.page_tab-link.active .ic-close,.page_tab-link:active .ic-close {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z"></path></g></svg>')
}

.page_tab-link.active .ic-setting,.page_tab-link:active .ic-setting {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M46.083,20.004l-5.69-0.475c-0.376-1.381-0.927-2.707-1.643-3.956l3.691-4.363 c0.336-0.396,0.312-0.985-0.056-1.353l-4.243-4.242c-0.367-0.366-0.956-0.393-1.353-0.057L32.426,9.25 c-1.25-0.716-2.576-1.267-3.956-1.643l-0.474-5.69C27.953,1.398,27.52,1,27,1h-6c-0.52,0-0.953,0.398-0.997,0.917l-0.474,5.69 c-1.38,0.376-2.706,0.927-3.956,1.643l-4.363-3.691c-0.396-0.336-0.985-0.31-1.353,0.057L5.615,9.857 c-0.368,0.367-0.392,0.956-0.056,1.353l3.691,4.363c-0.717,1.25-1.267,2.576-1.643,3.956l-5.69,0.475C1.399,20.047,1,20.479,1,21v6 c0,0.521,0.399,0.953,0.917,0.996l5.69,0.475c0.376,1.381,0.927,2.707,1.643,3.956l-3.691,4.361 c-0.336,0.397-0.312,0.985,0.056,1.354l4.243,4.243c0.368,0.367,0.957,0.394,1.353,0.057l4.363-3.691 c1.25,0.716,2.576,1.267,3.956,1.643l0.474,5.69C20.047,46.602,20.48,47,21,47h6c0.52,0,0.953-0.398,0.997-0.917l0.474-5.69 c1.38-0.376,2.706-0.927,3.956-1.643l4.363,3.691c0.397,0.337,0.986,0.311,1.353-0.057l4.243-4.243 c0.368-0.368,0.392-0.956,0.056-1.354l-3.691-4.361c0.716-1.249,1.267-2.575,1.643-3.956l5.69-0.475C46.601,27.953,47,27.521,47,27 v-6C47,20.479,46.601,20.047,46.083,20.004z M24,31c-3.86,0-7-3.141-7-7s3.14-7,7-7s7,3.141,7,7S27.86,31,24,31z"></path></g></svg>')
}

.page_tab-link.active .ic-more-vert,.page_tab-link:active .ic-more-vert {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.page_tab-link.active .ic-more-horiz,.page_tab-link:active .ic-more-horiz {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 20c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-12 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"></path></g></svg>')
}

.page_tab-link.active .ic-add,.page_tab-link:active .ic-add {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z"></path></g></svg>')
}

.page_tab-link.active .ic-minus,.page_tab-link:active .ic-minus {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M38 26H10v-4h28v4z"></path></g></svg>')
}

.page_tab-link.active .ic-edit,.page_tab-link:active .ic-edit {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M6 34.5V42h7.5l22.13-22.13-7.5-7.5L6 34.5zm35.41-20.41c.78-.78.78-2.05 0-2.83l-4.67-4.67c-.78-.78-2.05-.78-2.83 0l-3.66 3.66 7.5 7.5 3.66-3.66z"></path></g></svg>')
}

.page_tab-link.active .ic-delete,.page_tab-link:active .ic-delete {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M12 38c0 2.2 1.8 4 4 4h16c2.2 0 4-1.8 4-4V14H12v24zm4.93-14.24l2.83-2.83L24 25.17l4.24-4.24 2.83 2.83L26.83 28l4.24 4.24-2.83 2.83L24 30.83l-4.24 4.24-2.83-2.83L21.17 28l-4.24-4.24zM31 8l-2-2H19l-2 2h-7v4h28V8z"></path></g></svg>')
}

.page_tab-link.active .ic-lock,.page_tab-link:active .ic-lock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

.page_tab-link.active .ic-unlock,.page_tab-link:active .ic-unlock {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23fff"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

.page_tab-link.active .ic-save,.page_tab-link:active .ic-save {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="%23fff"><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"></path></g></svg>')
}

.page_tab-link.active .ic-check,.page_tab-link:active .ic-check {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23fff"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

.page_tab-link.active .ic-refresh,.page_tab-link:active .ic-refresh {
    background-image: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><g fill="%23fff"><path d="M15.796 7.908l-1.562-1.698c-.215-.212-.561-.212-.776 0l-1.564 1.698c-.103.102-.161.241-.161.386 0 .145.058.284.161.386h1.294c-.493 1.851-1.938 3.297-3.789 3.79-2.176.569-4.477-.276-5.767-2.119l-1.091.751c1.61 2.3 4.481 3.354 7.196 2.643 2.432-.645 4.293-2.604 4.813-5.065h1.245c.103-.102.161-.241.161-.386 0-.145-.057-.284-.16-.386zM4.475 6.021c.103-.102.161-.241.161-.386 0-.145-.058-.284-.161-.386h-1.457c.504-1.827 1.94-3.25 3.771-3.738 2.177-.57 4.478.277 5.766 2.121l1.092-.752c-1.61-2.301-4.482-3.356-7.199-2.645-2.412.642-4.264 2.576-4.8 5.014h-1.452c-.103.102-.161.241-.161.386 0 .145.058.284.161.386l1.638 1.637c.215.212.561.212.776 0l1.865-1.637z"/></g></svg>')
}

.header .referral-code-mobile .code-copy .page_tab button,.page_tab .btn,.page_tab .btn-addon,.page_tab .btn-blue,.page_tab .btn-danger,.page_tab .btn-grey,.page_tab .btn-ic,.page_tab .btn-ic-grey,.page_tab .btn-info,.page_tab .btn-light,.page_tab .btn-outline-blue,.page_tab .btn-outline-danger,.page_tab .btn-outline-grey,.page_tab .btn-outline-info,.page_tab .btn-outline-light,.page_tab .btn-outline-primary,.page_tab .btn-outline-red,.page_tab .btn-outline-secondary,.page_tab .btn-outline-success,.page_tab .btn-outline-warning,.page_tab .btn-outline-white,.page_tab .btn-primary,.page_tab .btn-red,.page_tab .btn-secondary,.page_tab .btn-success,.page_tab .btn-warning,.page_tab .btn-white,.page_tab .header .referral-code-mobile .code-copy button {
    right: .125rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header .referral-code-mobile .code-copy .page_tab button,.page_tab .btn,.page_tab .btn-addon,.page_tab .btn-blue,.page_tab .btn-danger,.page_tab .btn-grey,.page_tab .btn-ic,.page_tab .btn-ic-grey,.page_tab .btn-info,.page_tab .btn-light,.page_tab .btn-outline-blue,.page_tab .btn-outline-danger,.page_tab .btn-outline-grey,.page_tab .btn-outline-info,.page_tab .btn-outline-light,.page_tab .btn-outline-primary,.page_tab .btn-outline-red,.page_tab .btn-outline-secondary,.page_tab .btn-outline-success,.page_tab .btn-outline-warning,.page_tab .btn-outline-white,.page_tab .btn-primary,.page_tab .btn-red,.page_tab .btn-secondary,.page_tab .btn-success,.page_tab .btn-warning,.page_tab .btn-white,.page_tab .header .referral-code-mobile .code-copy button {
        right:.4830917874vw;
        width: 5.7971014493vw;
        height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header .referral-code-mobile .code-copy .page_tab button,.page_tab .btn,.page_tab .btn-addon,.page_tab .btn-blue,.page_tab .btn-danger,.page_tab .btn-grey,.page_tab .btn-ic,.page_tab .btn-ic-grey,.page_tab .btn-info,.page_tab .btn-light,.page_tab .btn-outline-blue,.page_tab .btn-outline-danger,.page_tab .btn-outline-grey,.page_tab .btn-outline-info,.page_tab .btn-outline-light,.page_tab .btn-outline-primary,.page_tab .btn-outline-red,.page_tab .btn-outline-secondary,.page_tab .btn-outline-success,.page_tab .btn-outline-warning,.page_tab .btn-outline-white,.page_tab .btn-primary,.page_tab .btn-red,.page_tab .btn-secondary,.page_tab .btn-success,.page_tab .btn-warning,.page_tab .btn-white,.page_tab .header .referral-code-mobile .code-copy button {
        right:.2717391304vmax;
        width: 3.2608695652vmax;
        height: 3.2608695652vmax
    }
}

.section_tab {
    height: 2rem;
    border-bottom: .375rem solid #465064;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    overflow: hidden!important;
    overflow-anchor: none;
    touch-action: auto
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section_tab {
        height:7.729468599vw;
        border-bottom: 1.4492753623vw solid #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section_tab {
        height:4.347826087vmax;
        border-bottom: .8152173913vmax solid #465064
    }
}

.section_tab-item {
    height: 100%
}

.section_tab-link {
    margin-right: 1.75rem;
    padding-left: 1rem;
    display: flex;
    position: relative;
    align-items: center;
    height: 100%;
    white-space: nowrap
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section_tab-link {
        margin-right:6.7632850242vw;
        padding-left: 3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section_tab-link {
        margin-right:3.8043478261vmax;
        padding-left: 2.1739130435vmax
    }
}

.section_tab-link.hover,.section_tab-link:hover {
    color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section_tab-link.hover,.section_tab-link:hover {
        color:#465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section_tab-link.hover,.section_tab-link:hover {
        color:#465064
    }
}

.section_tab-link.active,.section_tab-link:active {
    border-top-left-radius: .25rem;
    background: #465064;
    color: #fff
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section_tab-link.active,.section_tab-link:active {
        border-top-left-radius:.9661835749vw;
        background: #465064;
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section_tab-link.active,.section_tab-link:active {
        border-top-left-radius:.5434782609vmax;
        background: #465064;
        color: #fff
    }
}

.section_tab-link.active::after,.section_tab-link:active::after {
    right: -1.75rem;
    width: 1.75rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" width="24" height="32" viewBox="0 0 24 32"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M0,0 L6.45599625,0 C9.79075274,-6.12584828e-16 12.7757185,2.06858267 13.9466297,5.19101247 L24,32 L0,32 L0,0 Z" fill="%23465064"></path></g></svg>');
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .section_tab-link.active::after,.section_tab-link:active::after {
        right:-6.7632850242vw;
        width: 6.7632850242vw;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" width="24" height="32" viewBox="0 0 24 32"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M0,0 L6.45599625,0 C9.79075274,-6.12584828e-16 12.7757185,2.06858267 13.9466297,5.19101247 L24,32 L0,32 L0,0 Z" fill="%23465064"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .section_tab-link.active::after,.section_tab-link:active::after {
        right:-3.8043478261vmax;
        width: 3.8043478261vmax;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet" width="24" height="32" viewBox="0 0 24 32"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><path d="M0,0 L6.45599625,0 C9.79075274,-6.12584828e-16 12.7757185,2.06858267 13.9466297,5.19101247 L24,32 L0,32 L0,0 Z" fill="%23465064"></path></g></svg>')
    }
}

.tag {
    background-color: #666;
    color: #fff
}

.tag,.tag-blue,.tag-danger,.tag-grey,.tag-info,.tag-light,.tag-primary,.tag-red,.tag-secondary,.tag-success,.tag-warning,.tag-white {
    margin-right: .125rem;
    padding: 0 .375rem;
    font-size: .75rem;
    border-radius: 1rem
}

.tag-active,.tag-closed,.tag-inactive,.tag-locked,.tag-pending,.tag-suspend {
    color: #fff;
    font-size: .75rem;
    border-radius: 1rem
}

.tag-ag,.tag-ma,.tag-member,.tag-new,.tag-normal,.tag-one,.tag-personal,.tag-sh,.tag-site,.tag-sma,.tag-special,.tag-ssma,.tag-system {
    margin-right: .125rem;
    padding: 0 .375rem;
    color: #fff;
    font-size: .75rem;
    border-radius: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag,.tag-active,.tag-ag,.tag-blue,.tag-closed,.tag-danger,.tag-grey,.tag-inactive,.tag-info,.tag-light,.tag-locked,.tag-ma,.tag-member,.tag-new,.tag-normal,.tag-one,.tag-pending,.tag-personal,.tag-primary,.tag-red,.tag-secondary,.tag-sh,.tag-site,.tag-sma,.tag-special,.tag-ssma,.tag-success,.tag-suspend,.tag-system,.tag-warning,.tag-white {
        margin-right:.4830917874vw;
        padding: 0 1.4492753623vw;
        background-color: #666;
        color: #fff;
        font-size: 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag,.tag-active,.tag-ag,.tag-blue,.tag-closed,.tag-danger,.tag-grey,.tag-inactive,.tag-info,.tag-light,.tag-locked,.tag-ma,.tag-member,.tag-new,.tag-normal,.tag-one,.tag-pending,.tag-personal,.tag-primary,.tag-red,.tag-secondary,.tag-sh,.tag-site,.tag-sma,.tag-special,.tag-ssma,.tag-success,.tag-suspend,.tag-system,.tag-warning,.tag-white {
        margin-right:.2717391304vmax;
        padding: 0 .8152173913vmax;
        background-color: #666;
        color: #fff;
        font-size: 1.6304347826vmax
    }
}

.tag-filter {
    min-height: 2rem;
    margin-bottom: .5rem;
    border: .0625rem solid rgba(70,80,100,.5);
    background: #fff;
    font-size: .875rem;
    border-radius: .25rem;
    display: flex
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag-filter {
        min-height:7.729468599vw;
        margin-bottom: 1.9323671498vw;
        border: .2415458937vw solid rgba(70,80,100,.5);
        background: #fff;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag-filter {
        min-height:4.347826087vmax;
        margin-bottom: 1.0869565217vmax;
        border: .1358695652vmax solid rgba(70,80,100,.5);
        background: #fff;
        font-size: 1.902173913vmax
    }
}

.tag-filter:not(:last-of-type) {
    margin-right: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag-filter:not(:last-of-type) {
        margin-right:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag-filter:not(:last-of-type) {
        margin-right:1.0869565217vmax
    }
}

.tag-filter dt {
    padding: .25rem .375rem;
    background: rgba(70,80,100,.2);
    color: #666
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag-filter dt {
        padding:.9661835749vw 1.4492753623vw;
        background: rgba(70,80,100,.2);
        color: #666
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag-filter dt {
        padding:.5434782609vmax .8152173913vmax;
        background: rgba(70,80,100,.2);
        color: #666
    }
}

.tag-filter dd {
    padding: .25rem .5rem;
    color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag-filter dd {
        padding:.9661835749vw 1.9323671498vw;
        color: #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag-filter dd {
        padding:.5434782609vmax 1.0869565217vmax;
        color: #465064
    }
}

.tag-group {
    margin: 0 .5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag-group {
        margin:0 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag-group {
        margin:0 1.0869565217vmax
    }
}

.tag-normal {
    background-color: #465064
}

.tag-special {
    background-color: #e09f3e
}

.tag-system {
    background-color: #488286
}

.tag-personal {
    background-color: #9c7a97
}

.tag-new {
    margin-left: .125rem;
    background-color: #cc2936
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tag-new {
        margin-left:.4830917874vw;
        background-color: #cc2936
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tag-new {
        margin-left:.2717391304vmax;
        background-color: #cc2936
    }
}

.tag-site {
    background-color: #5058e6
}

.tag-member {
    background-color: #bdb099
}

.tag-ag {
    background-color: #6bf
}

.tag-ma {
    background-color: #e4ae38
}

.tag-sma {
    background-color: #f2483f
}

.tag-ssma {
    background-color: #008e9b
}

.tag-sh {
    background-color: #ebc34e
}

.tag-one {
    background-color: #74c6b5
}

.tag-active {
    background-color: #5fad56
}

.tag-suspend {
    background-color: #e09f3e
}

.tag-pending {
    background-color: #ebc34e
}

.tag-inactive {
    background-color: #9c7a97
}

.tag-locked {
    background-color: #cc2936
}

.tag-closed {
    background-color: #888
}

.tag-primary {
    background-color: #465064;
    color: #fff
}

.tag-secondary {
    background-color: #488286;
    color: #fff
}

.tag-info,.tag-success {
    background-color: #5fad56;
    color: #fff
}

.tag-info {
    background-color: #9c7a97
}

.tag-warning {
    background-color: #e09f3e;
    color: #212121
}

.tag-danger,.tag-grey {
    background-color: #cc2936;
    color: #fff
}

.tag-grey {
    background-color: #666
}

.tag-light,.tag-white {
    background-color: #ccc;
    color: #212121
}

.tag-white {
    background-color: #fff
}

.tag-blue,.tag-red {
    background-color: #cc2936;
    color: #fff
}

.tag-blue {
    background-color: #2072d1
}

.status,.status-stop,.status-working {
    width: .75rem;
    height: .75rem;
    margin-right: .125rem;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .status,.status-stop,.status-working {
        width:2.8985507246vw;
        height: 2.8985507246vw;
        margin-right: .4830917874vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .status,.status-stop,.status-working {
        width:1.6304347826vmax;
        height: 1.6304347826vmax;
        margin-right: .2717391304vmax
    }
}

.status-stop,.status-working {
    background-image: -webkit-linear-gradient(45deg,#5fad56 0,#4f9347 100%);
    background-image: -o-linear-gradient(45deg,#5fad56 0,#4f9347 100%);
    background-image: linear-gradient(45deg,#5fad56 0,#4f9347 100%);
    background-repeat: repeat-x;
    border-color: #5fad56
}

.status-stop {
    background-image: -webkit-linear-gradient(45deg,#cc2936 0,#771820 100%);
    background-image: -o-linear-gradient(45deg,#cc2936 0,#771820 100%);
    background-image: linear-gradient(45deg,#cc2936 0,#771820 100%);
    border-color: #cc2936
}

.list-wrap {
    padding: 0;
    border-radius: 0
}

.list-group-item {
    padding: 1rem;
    border-left: .25rem solid transparent;
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item {
        padding:3.8647342995vw;
        border-left: .9661835749vw solid transparent
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item {
        padding:2.1739130435vmax;
        border-left: .5434782609vmax solid transparent
    }
}

.list-group-item:not(:last-of-type) {
    border-bottom: .0625rem solid #ddd
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item:not(:last-of-type) {
        border-bottom:.2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item:not(:last-of-type) {
        border-bottom:.1358695652vmax solid #ddd
    }
}

.list-group-item.hover,.list-group-item:hover {
    background: rgba(70,80,100,.1)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item.hover,.list-group-item:hover {
        background:rgba(70,80,100,.1)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item.hover,.list-group-item:hover {
        background:rgba(70,80,100,.1)
    }
}

.list-group-item-title {
    margin-bottom: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item-title {
        margin-bottom:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item-title {
        margin-bottom:1.0869565217vmax
    }
}

.list-group-item-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.list-group-item-normal {
    border-left-color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item-normal {
        border-left-color:#465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item-normal {
        border-left-color:#465064
    }
}

.list-group-item-special {
    border-left-color: #e09f3e
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item-special {
        border-left-color:#e09f3e
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item-special {
        border-left-color:#e09f3e
    }
}

.list-group-item-system {
    border-left-color: #488286
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item-system {
        border-left-color:#488286
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item-system {
        border-left-color:#488286
    }
}

.list-group-item-personal {
    border-left-color: #9c7a97
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item-personal {
        border-left-color:#9c7a97
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item-personal {
        border-left-color:#9c7a97
    }
}

.list-inline-item {
    padding: .5rem;
    font-size: .875rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-inline-item {
        padding:1.9323671498vw;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-inline-item {
        padding:1.0869565217vmax;
        font-size: 1.902173913vmax
    }
}

.list-inline-item:nth-of-type(odd) {
    background: #efefef
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-inline-item:nth-of-type(odd) {
        background:#efefef
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-inline-item:nth-of-type(odd) {
        background:#efefef
    }
}

.list-inline-item-title {
    flex: 0 0 auto
}

.list-inline-item-text {
    flex: 1 0 auto;
    font-weight: 700;
    text-align: right
}

.step {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step {
        margin-bottom:5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step {
        margin-bottom:3.2608695652vmax
    }
}

.step-group {
    background: #cfd7dd;
    border-radius: .25rem;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-group {
        background:#cfd7dd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-group {
        background:#cfd7dd
    }
}

.step-item {
    position: relative;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item {
        flex:0 0 100%;
        height: 11.5942028986vw;
        border-radius: 0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item {
        flex:0 0 100%;
        height: 6.5217391304vmax;
        border-radius: 0
    }
}

.step-item:first-of-type .step-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item:first-of-type .step-link {
        border-radius:0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item:first-of-type .step-link {
        border-radius:0
    }
}

.step-item:last-of-type .step-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item:last-of-type .step-link {
        border-radius:0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item:last-of-type .step-link {
        border-radius:0
    }
}

.step-item:not(:first-of-type) .step-link {
    padding-left: 2.25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item:not(:first-of-type) .step-link {
        padding-left:8.6956521739vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item:not(:first-of-type) .step-link {
        padding-left:4.8913043478vmax
    }
}

.step-item:not(:first-of-type)::before {
    left: -1.125rem;
    width: 2.25rem;
    height: 2.25rem;
    border: .125rem solid #fff;
    background-color: #cfd7dd;
    border-top-right-radius: .375rem;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item:not(:first-of-type)::before {
        left:-4.347826087vw;
        width: 8.6956521739vw;
        height: 8.6956521739vw;
        border: .4830917874vw solid #fff;
        background-color: #cfd7dd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item:not(:first-of-type)::before {
        left:-2.4456521739vmax;
        width: 4.8913043478vmax;
        height: 4.8913043478vmax;
        border: .2717391304vmax solid #fff;
        background-color: #cfd7dd
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item:not(:first-of-type)::before {
        display:none
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item:not(:first-of-type)::before {
        display:none
    }
}

.step-item.hover+.step-item::before,.step-item:hover+.step-item::before {
    background-color: #b7c3cc
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item.hover+.step-item::before,.step-item:hover+.step-item::before {
        background-color:#b7c3cc
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item.hover+.step-item::before,.step-item:hover+.step-item::before {
        background-color:#b7c3cc
    }
}

.step-item.active+.step-item::before {
    background-color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-item.active+.step-item::before {
        background-color:#465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-item.active+.step-item::before {
        background-color:#465064
    }
}

.step-link {
    padding: .5rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-link {
        padding:1.9323671498vw 4.8309178744vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-link {
        padding:1.0869565217vmax 2.7173913043vmax
    }
}

.step-link.hover,.step-link:hover {
    background-color: #b7c3cc;
    color: inherit
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .step-link.hover,.step-link:hover {
        background-color:#b7c3cc
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .step-link.hover,.step-link:hover {
        background-color:#b7c3cc
    }
}

.active .step-link {
    background-color: #465064;
    color: #fff
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .active .step-link {
        background-color:#465064;
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .active .step-link {
        background-color:#465064;
        color: #fff
    }
}

.breadcrumb {
    margin-bottom: 1rem;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb {
        margin-bottom:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb {
        margin-bottom:2.1739130435vmax
    }
}

.breadcrumb-group,.breadcrumb-item {
    display: inline-flex;
    align-items: center
}

.breadcrumb-group+.member-group {
    margin-left: .75rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb-group+.member-group {
        margin-left:2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb-group+.member-group {
        margin-left:1.6304347826vmax
    }
}

.breadcrumb-item {
    font-size: .875rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb-item {
        font-size:3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb-item {
        font-size:1.902173913vmax
    }
}

.breadcrumb-item:not(:last-of-type)::after {
    margin: 0 .5rem;
    content: "/";
    display: inline-block;
    top: 0;
    right: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb-item:not(:last-of-type)::after {
        margin:0 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb-item:not(:last-of-type)::after {
        margin:0 1.0869565217vmax
    }
}

.breadcrumb-link {
    display: inline-flex;
    align-items: center
}

.breadcrumb-link.hover,.breadcrumb-link:active,.breadcrumb-link:hover {
    color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb-link.hover,.breadcrumb-link:active,.breadcrumb-link:hover {
        color:#465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb-link.hover,.breadcrumb-link:active,.breadcrumb-link:hover {
        color:#465064
    }
}

.breadcrumb-link.active {
    color: #465064;
    font-weight: 700
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb-link.active {
        color:#465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb-link.active {
        color:#465064
    }
}

.breadcrumb .ic,.breadcrumb .ic-action,.breadcrumb .ic-add,.breadcrumb .ic-captcha,.breadcrumb .ic-check,.breadcrumb .ic-close,.breadcrumb .ic-collapse,.breadcrumb .ic-copy,.breadcrumb .ic-delete,.breadcrumb .ic-down,.breadcrumb .ic-edit,.breadcrumb .ic-excel,.breadcrumb .ic-expand,.breadcrumb .ic-home,.breadcrumb .ic-inbox,.breadcrumb .ic-info,.breadcrumb .ic-left,.breadcrumb .ic-lock,.breadcrumb .ic-logout,.breadcrumb .ic-menu,.breadcrumb .ic-minus,.breadcrumb .ic-more-horiz,.breadcrumb .ic-more-vert,.breadcrumb .ic-multiple,.breadcrumb .ic-nodata,.breadcrumb .ic-pwd,.breadcrumb .ic-refresh,.breadcrumb .ic-replay,.breadcrumb .ic-report,.breadcrumb .ic-right,.breadcrumb .ic-save,.breadcrumb .ic-search,.breadcrumb .ic-setting,.breadcrumb .ic-step,.breadcrumb .ic-subaccount,.breadcrumb .ic-ticket,.breadcrumb .ic-transfer,.breadcrumb .ic-unlock,.breadcrumb .ic-user,.breadcrumb .ic-user-outline,.breadcrumb .ic-wallet {
    width: 1.125rem;
    height: 1.125rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .breadcrumb .ic,.breadcrumb .ic-action,.breadcrumb .ic-add,.breadcrumb .ic-captcha,.breadcrumb .ic-check,.breadcrumb .ic-close,.breadcrumb .ic-collapse,.breadcrumb .ic-copy,.breadcrumb .ic-delete,.breadcrumb .ic-down,.breadcrumb .ic-edit,.breadcrumb .ic-excel,.breadcrumb .ic-expand,.breadcrumb .ic-home,.breadcrumb .ic-inbox,.breadcrumb .ic-info,.breadcrumb .ic-left,.breadcrumb .ic-lock,.breadcrumb .ic-logout,.breadcrumb .ic-menu,.breadcrumb .ic-minus,.breadcrumb .ic-more-horiz,.breadcrumb .ic-more-vert,.breadcrumb .ic-multiple,.breadcrumb .ic-nodata,.breadcrumb .ic-pwd,.breadcrumb .ic-refresh,.breadcrumb .ic-replay,.breadcrumb .ic-report,.breadcrumb .ic-right,.breadcrumb .ic-save,.breadcrumb .ic-search,.breadcrumb .ic-setting,.breadcrumb .ic-step,.breadcrumb .ic-subaccount,.breadcrumb .ic-ticket,.breadcrumb .ic-transfer,.breadcrumb .ic-unlock,.breadcrumb .ic-user,.breadcrumb .ic-user-outline,.breadcrumb .ic-wallet {
        width:4.347826087vw;
        height: 4.347826087vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .breadcrumb .ic,.breadcrumb .ic-action,.breadcrumb .ic-add,.breadcrumb .ic-captcha,.breadcrumb .ic-check,.breadcrumb .ic-close,.breadcrumb .ic-collapse,.breadcrumb .ic-copy,.breadcrumb .ic-delete,.breadcrumb .ic-down,.breadcrumb .ic-edit,.breadcrumb .ic-excel,.breadcrumb .ic-expand,.breadcrumb .ic-home,.breadcrumb .ic-inbox,.breadcrumb .ic-info,.breadcrumb .ic-left,.breadcrumb .ic-lock,.breadcrumb .ic-logout,.breadcrumb .ic-menu,.breadcrumb .ic-minus,.breadcrumb .ic-more-horiz,.breadcrumb .ic-more-vert,.breadcrumb .ic-multiple,.breadcrumb .ic-nodata,.breadcrumb .ic-pwd,.breadcrumb .ic-refresh,.breadcrumb .ic-replay,.breadcrumb .ic-report,.breadcrumb .ic-right,.breadcrumb .ic-save,.breadcrumb .ic-search,.breadcrumb .ic-setting,.breadcrumb .ic-step,.breadcrumb .ic-subaccount,.breadcrumb .ic-ticket,.breadcrumb .ic-transfer,.breadcrumb .ic-unlock,.breadcrumb .ic-user,.breadcrumb .ic-user-outline,.breadcrumb .ic-wallet {
        width:2.4456521739vmax;
        height: 2.4456521739vmax
    }
}

.member-group {
    display: inline-flex;
    flex-wrap: wrap
}

.member-item {
    display: inline-flex;
    align-items: center
}

.member-item:not(:last-of-type)::after {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 .125rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="$font-color"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>');
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .member-item:not(:last-of-type)::after {
        width:4.8309178744vw;
        height: 4.8309178744vw;
        margin: 0 .4830917874vw;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="$font-color"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .member-item:not(:last-of-type)::after {
        width:2.7173913043vmax;
        height: 2.7173913043vmax;
        margin: 0 .2717391304vmax;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="$font-color"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
    }
}

.sidenav {
    flex: 0 0 15rem;
    background: rgba(70,80,100,.8);
    color: #fff;
    min-height: calc(100vh - 3rem);
    transition: all .1s ease-in-out
}

.menu-link.active .ic-home,.menu-link:active .ic-home,.menu-link:hover .ic-home,.sidenav .ic-home {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="301.884" height="301.884" viewBox="0 0 301.884 301.884"><g><path d="M297.658 125.357L159.503 17.28c-2.361-1.848-5.401-2.865-8.562-2.865-3.16 0-6.2 1.018-8.56 2.864L4.226 125.357c-5.416 4.236-4.265 9.128-3.782 10.526.481 1.398 2.589 5.961 9.465 5.961h27.5v133.125c0 6.893 5.607 12.5 12.5 12.5h64.7c6.892 0 12.5-5.607 12.5-12.5v-59.578h47.666v59.578c0 6.893 5.607 12.5 12.5 12.5h64.7c6.893 0 12.5-5.607 12.5-12.5V141.844h27.5c6.876 0 8.983-4.563 9.465-5.961.482-1.398 1.634-6.29-3.782-10.526zm-35.683 1.487c-6.893 0-12.5 5.607-12.5 12.5v133.125h-59.7v-59.578c0-6.893-5.607-12.5-12.5-12.5h-52.666c-6.893 0-12.5 5.607-12.5 12.5v59.578h-59.7V139.344c0-6.893-5.608-12.5-12.5-12.5h-13.24l124.272-97.217 124.272 97.217h-13.238z" fill="%23fff"></path></g></svg>')
}

.menu-link.active .ic-user-outline,.menu-link:active .ic-user-outline,.menu-link:hover .ic-user-outline,.sidenav .ic-user-outline {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" fill="%23fff" stroke="%23fff"><path fill="none" stroke="%23fff" stroke-miterlimit="10" d="M24,24L24,24 c-5.523,0-10-4.477-10-10v-2c0-5.523,4.477-10,10-10h0c5.523,0,10,4.477,10,10v2C34,19.523,29.523,24,24,24z"></path><path data-color="color-2" fill="none" stroke-miterlimit="10" d="M44,38.856 c0-3.101-2.034-5.828-5.007-6.712C35.477,31.098,30.288,30,24,30s-11.477,1.098-14.993,2.144C6.034,33.028,4,35.755,4,38.856V46h40 V38.856z"></path></g></svg>')
}

.menu-link.active .ic-ticket,.menu-link:active .ic-ticket,.menu-link:hover .ic-ticket,.sidenav .ic-ticket {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480"><g fill="%23fff"><path d="M415.928 104a8 8 0 0 0-2.272-5.656l-96-96A7.923 7.923 0 0 0 312 .064V0H88C74.745 0 64 10.745 64 24v432c0 13.255 10.745 24 24 24h304c13.255 0 24-10.745 24-24V104h-.072zM320 27.312L388.688 96H320V27.312zM400 456a8 8 0 0 1-8 8H88a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h216v88a8 8 0 0 0 8 8h88v344z"></path><path d="M160 152c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24h-16c.024 19.001 13.389 35.373 32 39.2V232h16v-16.8c21.65-4.396 35.636-25.51 31.24-47.16-3.789-18.657-20.202-32.059-39.24-32.04-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24h16c-.024-19.001-13.389-35.373-32-39.2V56h-16v16.8c-21.65 4.396-35.636 25.51-31.24 47.16 3.788 18.657 20.202 32.059 39.24 32.04z"></path><path d="M96 280h128v16H96z"></path><path d="M240 280h144v16H240z"></path><path d="M96 328h144v16H96z"></path><path d="M256 328h128v16H256z"></path><path d="M96 376h88v16H96z"></path><path d="M200 376h184v16H200z"></path></g></svg>')
}

.menu-link.active .ic-multiple,.menu-link:active .ic-multiple,.menu-link:hover .ic-multiple,.sidenav .ic-multiple {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="508" height="508" viewBox="0 0 508 508"><g fill="%23fff"><path d="M106.5 0C65.8 0 32.8 33.1 32.8 73.7s33.1 73.8 73.7 73.8c40.7 0 73.7-33.1 73.7-73.7S147.2 0 106.5 0zm0 131.2c-31.6 0-57.4-25.7-57.4-57.4.1-31.7 25.8-57.4 57.4-57.4 31.6 0 57.4 25.7 57.4 57.4 0 31.6-25.7 57.4-57.4 57.4z"></path><path d="M170.1 137.6s-21.5 26.2-63.6 26.2c-43.2 0-63.6-26.2-63.6-26.2S0 157.6 0 204.8v155.7h32.8V508h147.5V360.5H213V204.8c0-47-42.9-67.2-42.9-67.2zm26.7 206.5h-33v147.5h-49.2V376.9H98.2v114.7h-49V344.1H16.4V204.8c0-18.9 9.4-36.5 24.8-47.2 18.7 14.6 41.7 22.6 65.4 22.6 23.7 0 46.7-8 65.4-22.6 15.4 10.7 24.8 28.3 24.8 47.2v139.3z"></path><path d="M450.6 196.6c-31.6 0-57.4 25.7-57.4 57.4 0 31.6 25.7 57.4 57.4 57.4 31.6 0 57.4-25.7 57.4-57.4 0-31.6-25.7-57.4-57.4-57.4zm0 98.4c-22.6 0-41-18.4-41-41s18.4-41 41-41 41 18.4 41 41-18.4 41-41 41z"></path><path d="M450.6 360.5c-31.6 0-57.4 25.7-57.4 57.4 0 31.6 25.7 57.4 57.4 57.4 31.6 0 57.4-25.7 57.4-57.4s-25.7-57.4-57.4-57.4zm0 98.3c-22.6 0-41-18.4-41-41s18.4-41 41-41 41 18.4 41 41c0 22.7-18.4 41-41 41z"></path><path d="M450.6 32.7c-31.6 0-57.4 25.7-57.4 57.4.1 31.7 25.8 57.4 57.4 57.4 31.6 0 57.4-25.7 57.4-57.4 0-31.6-25.7-57.4-57.4-57.4zm0 98.5c-22.6 0-41-18.4-41-41 .1-22.7 18.5-41 41-41 22.6 0 41 18.4 41 41s-18.4 41-41 41z"></path><path d="M385.1 98.3V81.9h-98.3v163.9h-65.6v16.4h65.6v163.9h98.3v-16.4h-81.9V262.2h81.9v-16.4h-81.9V98.3z"></path></g></svg>')
}

.menu-link.active .ic-report,.menu-link:active .ic-report,.menu-link:hover .ic-report,.sidenav .ic-report {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="508" height="508" viewBox="0 0 508 508"><g fill="%23fff"><path d="M491.6 475.2V16.4h-98.3v458.8h-24.6V196.6h-98.3v278.6h-24.6V131.1h-98.3v344.1h-24.6V278.6H24.6v196.6H0v16.4h508v-16.4h-16.4zm-385.1.1H41V295h65.5v180.3zm122.9-.1h-65.5V147.5h65.5v327.7zm122.9 0h-65.5V213h65.5v262.2zm122.9.1h-65.5V32.8h65.5v442.5z"></path></g></svg>')
}

.menu-link.active .ic-subaccount,.menu-link:active .ic-subaccount,.menu-link:hover .ic-subaccount,.sidenav .ic-subaccount {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="505.4" height="505.4" viewBox="0 0 505.4 505.4"><g fill="%23fff"><path d="M437.1 233.45c14.8-10.4 24.6-27.7 24.6-47.2 0-31.9-25.8-57.7-57.7-57.7-31.9 0-57.7 25.8-57.7 57.7 0 19.5 9.7 36.8 24.6 47.2-12.7 4.4-24.3 11.2-34.1 20-13.5-11.5-29.4-20.3-46.8-25.5 21.1-12.8 35.3-36.1 35.3-62.6 0-40.4-32.7-73.1-73.1-73.1-40.4 0-73.1 32.8-73.1 73.1 0 26.5 14.1 49.8 35.3 62.6-17.2 5.2-32.9 13.9-46.3 25.2-9.8-8.6-21.2-15.3-33.7-19.6 14.8-10.4 24.6-27.7 24.6-47.2 0-31.9-25.8-57.7-57.7-57.7s-57.7 25.8-57.7 57.7c0 19.5 9.7 36.8 24.6 47.2-39.7 13.7-68.2 51.4-68.2 95.7v6.6c0 .2.2.4.4.4h122.3c-.7 5.5-1.1 11.2-1.1 16.9v6.8c0 29.4 23.8 53.2 53.2 53.2h155c29.4 0 53.2-23.8 53.2-53.2v-6.8c0-5.7-.4-11.4-1.1-16.9H505c.2 0 .4-.2.4-.4v-6.6c-.2-44.4-28.6-82.1-68.3-95.8zm-74.8-47.3c0-23 18.7-41.7 41.7-41.7s41.7 18.7 41.7 41.7c0 22.7-18.3 41.2-40.9 41.7h-1.6c-22.7-.4-40.9-18.9-40.9-41.7zm-167.4-20.8c0-31.5 25.6-57.1 57.1-57.1s57.1 25.6 57.1 57.1c0 30.4-23.9 55.3-53.8 57h-6.6c-29.9-1.7-53.8-26.6-53.8-57zm-135.6 20.8c0-23 18.7-41.7 41.7-41.7s41.7 18.7 41.7 41.7c0 22.7-18.3 41.2-40.9 41.7h-1.6c-22.6-.4-40.9-18.9-40.9-41.7zm66.2 134H16.2c4.5-42.6 40.5-76 84.2-76.3h1.2c20.8.1 39.8 7.8 54.5 20.3-14.4 15.6-25.1 34.8-30.6 56zm241.3 39.8c0 20.5-16.7 37.2-37.2 37.2h-155c-20.5 0-37.2-16.7-37.2-37.2v-6.8c0-62.1 49.6-112.9 111.3-114.7 1.1.1 2.3.1 3.4.1s2.3 0 3.4-.1c61.7 1.8 111.3 52.6 111.3 114.7v6.8zm11.9-39.8c-5.5-21.1-16-40-30.3-55.6 14.8-12.8 34-20.5 55-20.7h1.2c43.7.3 79.7 33.7 84.2 76.3H378.7z"></path></g></svg>')
}

.menu-link.active .ic-transfer,.menu-link:active .ic-transfer,.menu-link:hover .ic-transfer,.sidenav .ic-transfer {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="490.1" height="490.1" viewBox="0 0 490.1 490.1"><g fill="%23fff"><path d="M385.9 14.2H104.3c-28.2 0-51.1 22.9-51.1 51.1v233.1l-32.3-32.3c-4.8-4.8-12.5-4.8-17.3 0s-4.8 12.5 0 17.3l53.3 53.3c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6l53.3-53.3c4.8-4.8 4.8-12.5 0-17.3-4.8-4.8-12.5-4.8-17.3 0l-32.4 32.4V65.3c0-14.7 11.9-26.6 26.6-26.6H386c14.7 0 26.6 11.9 26.6 26.6v34c0 6.8 5.5 12.3 12.3 12.3s12.3-5.5 12.3-12.3v-34c-.3-28.1-23.2-51.1-51.3-51.1z"></path><path d="M416 153.5l-53.3 53.3c-4.8 4.8-4.8 12.5 0 17.3 2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6l32.4-32.4v233.1c0 14.7-11.9 26.6-26.6 26.6H104.3c-14.7 0-26.6-11.9-26.6-26.6v-34c0-6.8-5.5-12.3-12.3-12.3s-12.3 5.5-12.3 12.3v34c0 28.2 22.9 51.1 51.1 51.1h281.5c28.2 0 51.1-22.9 51.1-51.1V191.7l32.4 32.4c4.8 4.8 12.5 4.8 17.3 0s4.8-12.5 0-17.3l-53.3-53.3c-4.4-4.6-12.6-4.6-17.2 0z"></path><path d="M245.1 136.7c-6.8 0-12.3 5.5-12.3 12.3v18.8h-1.6c-23.4 0-42.5 20.1-42.5 44.7s19.1 44.7 42.5 44.7h27.6c9.9 0 18 9.1 18 20.2 0 11.2-8.1 20.2-18 20.2h-49.6c-6.8 0-12.3 5.5-12.3 12.3s5.5 12.3 12.3 12.3h23.6v19.1c0 6.8 5.5 12.3 12.3 12.3s12.3-5.5 12.3-12.3v-19.2h2.1c23.2-.3 41.9-20.3 41.9-44.7 0-24.7-19.1-44.7-42.5-44.7h-27.6c-9.9 0-18-9.1-18-20.2s8.1-20.2 18-20.2H280c6.8 0 12.3-5.5 12.3-12.3s-5.5-12.3-12.3-12.3h-22.6v-18.8c-.1-6.7-5.5-12.2-12.3-12.2z"></path></g></svg>')
}

.menu-link.active .ic-down,.menu-link:active .ic-down,.menu-link:hover .ic-down,.sidenav .dropdown-toggle::after,.sidenav .ic-down {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M14.83 16.42L24 25.59l9.17-9.17L36 19.25l-12 12-12-12z"></path></g></svg>')
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .sidenav {
        flex:0 0 57.9710144928vw;
        background: rgba(70,80,100,.8);
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .sidenav {
        flex:0 0 32.6086956522vmax;
        background: rgba(70,80,100,.8);
        color: #fff
    }
}

@media screen and (max-width: 768px) {
    .sidenav {
        min-height:2.75rem;
        position: fixed;
        z-index: 2000;
        top: 0;
        left: 0;
        flex: 0 0 100%;
        width: 100%;
        background: 0 0
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .sidenav {
        min-height:10.6280193237vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .sidenav {
        min-height:5.9782608696vmax
    }
}

.sidenav .ic,.sidenav .ic-action,.sidenav .ic-add,.sidenav .ic-captcha,.sidenav .ic-check,.sidenav .ic-close,.sidenav .ic-collapse,.sidenav .ic-copy,.sidenav .ic-delete,.sidenav .ic-down,.sidenav .ic-edit,.sidenav .ic-excel,.sidenav .ic-expand,.sidenav .ic-home,.sidenav .ic-inbox,.sidenav .ic-info,.sidenav .ic-left,.sidenav .ic-lock,.sidenav .ic-logout,.sidenav .ic-menu,.sidenav .ic-minus,.sidenav .ic-more-horiz,.sidenav .ic-more-vert,.sidenav .ic-multiple,.sidenav .ic-nodata,.sidenav .ic-pwd,.sidenav .ic-refresh,.sidenav .ic-replay,.sidenav .ic-report,.sidenav .ic-right,.sidenav .ic-save,.sidenav .ic-search,.sidenav .ic-setting,.sidenav .ic-step,.sidenav .ic-subaccount,.sidenav .ic-ticket,.sidenav .ic-transfer,.sidenav .ic-unlock,.sidenav .ic-user,.sidenav .ic-user-outline,.sidenav .ic-wallet {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .sidenav .ic,.sidenav .ic-action,.sidenav .ic-add,.sidenav .ic-captcha,.sidenav .ic-check,.sidenav .ic-close,.sidenav .ic-collapse,.sidenav .ic-copy,.sidenav .ic-delete,.sidenav .ic-down,.sidenav .ic-edit,.sidenav .ic-excel,.sidenav .ic-expand,.sidenav .ic-home,.sidenav .ic-inbox,.sidenav .ic-info,.sidenav .ic-left,.sidenav .ic-lock,.sidenav .ic-logout,.sidenav .ic-menu,.sidenav .ic-minus,.sidenav .ic-more-horiz,.sidenav .ic-more-vert,.sidenav .ic-multiple,.sidenav .ic-nodata,.sidenav .ic-pwd,.sidenav .ic-refresh,.sidenav .ic-replay,.sidenav .ic-report,.sidenav .ic-right,.sidenav .ic-save,.sidenav .ic-search,.sidenav .ic-setting,.sidenav .ic-step,.sidenav .ic-subaccount,.sidenav .ic-ticket,.sidenav .ic-transfer,.sidenav .ic-unlock,.sidenav .ic-user,.sidenav .ic-user-outline,.sidenav .ic-wallet {
        width:5.7971014493vw;
        height: 5.7971014493vw;
        margin-right: 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .sidenav .ic,.sidenav .ic-action,.sidenav .ic-add,.sidenav .ic-captcha,.sidenav .ic-check,.sidenav .ic-close,.sidenav .ic-collapse,.sidenav .ic-copy,.sidenav .ic-delete,.sidenav .ic-down,.sidenav .ic-edit,.sidenav .ic-excel,.sidenav .ic-expand,.sidenav .ic-home,.sidenav .ic-inbox,.sidenav .ic-info,.sidenav .ic-left,.sidenav .ic-lock,.sidenav .ic-logout,.sidenav .ic-menu,.sidenav .ic-minus,.sidenav .ic-more-horiz,.sidenav .ic-more-vert,.sidenav .ic-multiple,.sidenav .ic-nodata,.sidenav .ic-pwd,.sidenav .ic-refresh,.sidenav .ic-replay,.sidenav .ic-report,.sidenav .ic-right,.sidenav .ic-save,.sidenav .ic-search,.sidenav .ic-setting,.sidenav .ic-step,.sidenav .ic-subaccount,.sidenav .ic-ticket,.sidenav .ic-transfer,.sidenav .ic-unlock,.sidenav .ic-user,.sidenav .ic-user-outline,.sidenav .ic-wallet {
        width:3.2608695652vmax;
        height: 3.2608695652vmax;
        margin-right: 1.0869565217vmax
    }
}

.sidenav-brand {
    background: rgba(70,80,100,.6);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .sidenav-brand {
        background:rgba(70,80,100,.6);
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .sidenav-brand {
        background:rgba(70,80,100,.6);
        color: #fff
    }
}

@media screen and (max-width: 768px) {
    .sidenav-brand {
        justify-content:flex-start;
        padding-left: 0;
        background: rgba(70,80,100,.8)
    }

    .header .referral-code-mobile .code-copy .sidenav-brand button,.sidenav-brand .btn,.sidenav-brand .btn-addon,.sidenav-brand .btn-blue,.sidenav-brand .btn-danger,.sidenav-brand .btn-grey,.sidenav-brand .btn-ic,.sidenav-brand .btn-ic-grey,.sidenav-brand .btn-info,.sidenav-brand .btn-light,.sidenav-brand .btn-outline-blue,.sidenav-brand .btn-outline-danger,.sidenav-brand .btn-outline-grey,.sidenav-brand .btn-outline-info,.sidenav-brand .btn-outline-light,.sidenav-brand .btn-outline-primary,.sidenav-brand .btn-outline-red,.sidenav-brand .btn-outline-secondary,.sidenav-brand .btn-outline-success,.sidenav-brand .btn-outline-warning,.sidenav-brand .btn-outline-white,.sidenav-brand .btn-primary,.sidenav-brand .btn-red,.sidenav-brand .btn-secondary,.sidenav-brand .btn-success,.sidenav-brand .btn-warning,.sidenav-brand .btn-white,.sidenav-brand .header .referral-code-mobile .code-copy button {
        z-index: 2020
    }

    .sidenav-brand .text {
        display: none
    }
}

.sidenav .dropdown-toggle::after {
    top: calc((52px - 20px)/2)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .sidenav .dropdown-toggle::after {
        top:calc((52px - 20px)/2)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .sidenav .dropdown-toggle::after {
        top:calc((52px - 20px)/2)
    }
}

@media screen and (max-width: 768px) {
    .menu {
        display:none;
        z-index: 2020;
        overflow-y: auto
    }
}

.menu-item {
    display: block;
    width: 100%
}

@media screen and (max-width: 768px) {
    .menu-item {
        border-bottom:solid 1px rgba(255,255,255,.1)
    }
}

.menu-link {
    min-height: 3.25rem;
    padding-left: 1.5rem;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .menu-link {
        min-height:12.5603864734vw;
        padding-left: 5.7971014493vw;
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .menu-link {
        min-height:7.0652173913vmax;
        padding-left: 3.2608695652vmax;
        color: #fff
    }
}

.menu-link.active,.menu-link:active,.menu-link:hover {
    background: rgba(70,80,100,.6);
    color: #fff
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .menu-link.active,.menu-link:active,.menu-link:hover {
        background:rgba(70,80,100,.6);
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .menu-link.active,.menu-link:active,.menu-link:hover {
        background:rgba(70,80,100,.6);
        color: #fff
    }
}

.submenu {
    padding: .5rem 0;
    background: #fff;
    display: none;
    z-index: 1010
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .submenu {
        padding:1.9323671498vw 0;
        background: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .submenu {
        padding:1.0869565217vmax 0;
        background: #fff
    }
}

.submenu-item,.toggle .dropdown-toggle.active::after,.toggle .dropdown-toggle::after {
    display: block
}

.submenu-link {
    padding: .75rem 2.5rem;
    color: #666;
    display: block;
    width: 100%;
    text-align: left
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .submenu-link {
        padding:2.8985507246vw 9.6618357488vw;
        color: #666
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .submenu-link {
        padding:1.6304347826vmax 5.4347826087vmax;
        color: #666
    }
}

.submenu-link:hover {
    color: #3e4d6d
}

.submenu-link.active,.submenu-link:active {
    color: #3e4d6d;
    font-weight: 700
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .submenu-link.active,.submenu-link:active,.submenu-link:hover {
        color:#3e4d6d
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .submenu-link.active,.submenu-link:active,.submenu-link:hover {
        color:#3e4d6d
    }
}

.toggle.sidenav {
    flex: 0 0 48px;
    width: 48px
}

@media screen and (max-width: 768px) {
    .toggle.sidenav {
        flex:0 0 100%;
        width: 100%;
        background: #465064
    }

    .toggle nav,.toggle.sidenav {
        height: 100vh;
        overflow-y: hidden
    }
}

.toggle .sidenav-brand {
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .toggle .sidenav-brand {
        background:#3c4455
    }

    .toggle .btn-sidenav {
        background: #313846
    }

    .toggle .menu {
        display: block;
        height: 100%;
        overflow-y: auto
    }
}

.toggle .menu-item {
    position: relative
}

.toggle .menu-link {
    padding: 1rem;
    font-size: 1.125rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toggle .menu-link {
        padding:3.8647342995vw;
        font-size: 4.347826087vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toggle .menu-link {
        padding:2.1739130435vmax;
        font-size: 2.4456521739vmax
    }
}

@media screen and (min-width: 769px) {
    .toggle .menu-link {
        flex-wrap:wrap;
        justify-content: center;
        padding: 1.25rem 0;
        font-size: 0;
        text-indent: -99999px
    }
}

.toggle .ic,.toggle .ic-action,.toggle .ic-add,.toggle .ic-captcha,.toggle .ic-check,.toggle .ic-close,.toggle .ic-collapse,.toggle .ic-copy,.toggle .ic-delete,.toggle .ic-down,.toggle .ic-edit,.toggle .ic-excel,.toggle .ic-expand,.toggle .ic-home,.toggle .ic-inbox,.toggle .ic-info,.toggle .ic-left,.toggle .ic-lock,.toggle .ic-logout,.toggle .ic-menu,.toggle .ic-minus,.toggle .ic-more-horiz,.toggle .ic-more-vert,.toggle .ic-multiple,.toggle .ic-nodata,.toggle .ic-pwd,.toggle .ic-refresh,.toggle .ic-replay,.toggle .ic-report,.toggle .ic-right,.toggle .ic-save,.toggle .ic-search,.toggle .ic-setting,.toggle .ic-step,.toggle .ic-subaccount,.toggle .ic-ticket,.toggle .ic-transfer,.toggle .ic-unlock,.toggle .ic-user,.toggle .ic-user-outline,.toggle .ic-wallet {
    flex: 0 0 100%;
    height: 1.75rem;
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .toggle .ic,.toggle .ic-action,.toggle .ic-add,.toggle .ic-captcha,.toggle .ic-check,.toggle .ic-close,.toggle .ic-collapse,.toggle .ic-copy,.toggle .ic-delete,.toggle .ic-down,.toggle .ic-edit,.toggle .ic-excel,.toggle .ic-expand,.toggle .ic-home,.toggle .ic-inbox,.toggle .ic-info,.toggle .ic-left,.toggle .ic-lock,.toggle .ic-logout,.toggle .ic-menu,.toggle .ic-minus,.toggle .ic-more-horiz,.toggle .ic-more-vert,.toggle .ic-multiple,.toggle .ic-nodata,.toggle .ic-pwd,.toggle .ic-refresh,.toggle .ic-replay,.toggle .ic-report,.toggle .ic-right,.toggle .ic-save,.toggle .ic-search,.toggle .ic-setting,.toggle .ic-step,.toggle .ic-subaccount,.toggle .ic-ticket,.toggle .ic-transfer,.toggle .ic-unlock,.toggle .ic-user,.toggle .ic-user-outline,.toggle .ic-wallet {
        flex:0 0 1.5rem;
        height: 1.5rem;
        margin-right: .5rem
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toggle .ic,.toggle .ic-action,.toggle .ic-add,.toggle .ic-captcha,.toggle .ic-check,.toggle .ic-close,.toggle .ic-collapse,.toggle .ic-copy,.toggle .ic-delete,.toggle .ic-down,.toggle .ic-edit,.toggle .ic-excel,.toggle .ic-expand,.toggle .ic-home,.toggle .ic-inbox,.toggle .ic-info,.toggle .ic-left,.toggle .ic-lock,.toggle .ic-logout,.toggle .ic-menu,.toggle .ic-minus,.toggle .ic-more-horiz,.toggle .ic-more-vert,.toggle .ic-multiple,.toggle .ic-nodata,.toggle .ic-pwd,.toggle .ic-refresh,.toggle .ic-replay,.toggle .ic-report,.toggle .ic-right,.toggle .ic-save,.toggle .ic-search,.toggle .ic-setting,.toggle .ic-step,.toggle .ic-subaccount,.toggle .ic-ticket,.toggle .ic-transfer,.toggle .ic-unlock,.toggle .ic-user,.toggle .ic-user-outline,.toggle .ic-wallet {
        flex:0 0 5.7971014493vw;
        height: 5.7971014493vw;
        margin-right: 1.9323671498vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toggle .ic,.toggle .ic-action,.toggle .ic-add,.toggle .ic-captcha,.toggle .ic-check,.toggle .ic-close,.toggle .ic-collapse,.toggle .ic-copy,.toggle .ic-delete,.toggle .ic-down,.toggle .ic-edit,.toggle .ic-excel,.toggle .ic-expand,.toggle .ic-home,.toggle .ic-inbox,.toggle .ic-info,.toggle .ic-left,.toggle .ic-lock,.toggle .ic-logout,.toggle .ic-menu,.toggle .ic-minus,.toggle .ic-more-horiz,.toggle .ic-more-vert,.toggle .ic-multiple,.toggle .ic-nodata,.toggle .ic-pwd,.toggle .ic-refresh,.toggle .ic-replay,.toggle .ic-report,.toggle .ic-right,.toggle .ic-save,.toggle .ic-search,.toggle .ic-setting,.toggle .ic-step,.toggle .ic-subaccount,.toggle .ic-ticket,.toggle .ic-transfer,.toggle .ic-unlock,.toggle .ic-user,.toggle .ic-user-outline,.toggle .ic-wallet {
        flex:0 0 3.2608695652vmax;
        height: 3.2608695652vmax;
        margin-right: 1.0869565217vmax
    }
}

@media screen and (min-width: 769px) {
    .toggle .submenu {
        top:.25rem;
        left: 3.25rem;
        width: 12.5rem;
        background: #fff;
        -moz-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.6);
        -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.6);
        box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.6);
        position: absolute
    }
}

@media screen and (min-width: 769px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toggle .submenu {
        top:.9661835749vw;
        left: 12.5603864734vw;
        width: 48.309178744vw;
        background: #fff
    }
}

@media screen and (min-width: 769px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toggle .submenu {
        top:.5434782609vmax;
        left: 7.0652173913vmax;
        width: 27.1739130435vmax;
        background: #fff
    }
}

@media screen and (min-width: 769px) {
    .toggle .submenu-link {
        padding:.75rem 1.5rem
    }
}

@media screen and (min-width: 769px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .toggle .submenu-link {
        padding:2.8985507246vw 5.7971014493vw
    }
}

@media screen and (min-width: 769px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .toggle .submenu-link {
        padding:1.6304347826vmax 3.2608695652vmax
    }
}

@media screen and (min-width: 769px) {
    .toggle .dropdown-toggle::after {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .toggle .dropdown-toggle.active::after {
        display:none
    }
}

.footer {
    padding: 1rem 0;
    font-size: .75rem;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .footer {
        padding:3.8647342995vw 0;
        font-size: 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .footer {
        padding:2.1739130435vmax 0;
        font-size: 1.6304347826vmax
    }
}

.time {
    color: #666;
    font-size: .75rem;
    font-style: italic
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .time {
        color:#666;
        font-size: 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .time {
        color:#666;
        font-size: 1.6304347826vmax
    }
}

.dropdown,.dropdown-menu {
    border-radius: .25rem;
    position: relative
}

.dropdown-menu {
    width: 11.75rem;
    margin-top: .0625rem;
    background: #fff;
    -moz-box-shadow: 0 .25rem .25rem 0 rgba(10,16,13,.4);
    -webkit-box-shadow: 0 .25rem .25rem 0 rgba(10,16,13,.4);
    box-shadow: 0 .25rem .25rem 0 rgba(10,16,13,.4);
    display: none;
    position: absolute;
    z-index: 1000
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dropdown-menu {
        width:45.4106280193vw;
        margin-top: .2415458937vw;
        background: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dropdown-menu {
        width:25.5434782609vmax;
        margin-top: .1358695652vmax;
        background: #fff
    }
}

.dropdown-item {
    padding: .75rem .5rem;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dropdown-item {
        padding:2.8985507246vw 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dropdown-item {
        padding:1.6304347826vmax 1.0869565217vmax
    }
}

.dropdown-item:hover {
    background: rgba(70,80,100,.1)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dropdown-item:hover {
        background:rgba(70,80,100,.1)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dropdown-item:hover {
        background:rgba(70,80,100,.1)
    }
}

.dropdown-message {
    top: 3rem;
    right: 0;
    width: 40rem
}

@media screen and (max-width: 768px) {
    .dropdown-message {
        top:2.5rem;
        width: 80vw
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dropdown-message {
        top:9.6618357488vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dropdown-message {
        top:5.4347826087vmax
    }
}

.filter {
    flex: 0 0 8.75rem;
    margin-bottom: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter {
        flex:0 0 33.8164251208vw;
        margin-bottom: 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter {
        flex:0 0 19.0217391304vmax;
        margin-bottom: 1.0869565217vmax
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter {
        flex:0 0 100%;
        width: 100%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter {
        flex:0 0 100%;
        width: 100%
    }
}

.filter-group {
    width: 4.0625rem;
    min-width: 50rem;
    background: rgba(70,80,100,.95);
    color: #fff;
    font-size: .875rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-group {
        width:15.7004830918vw;
        min-width: 193.2367149758vw;
        background: rgba(70,80,100,.95);
        color: #fff;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-group {
        width:8.8315217391vmax;
        min-width: 108.6956521739vmax;
        background: rgba(70,80,100,.95);
        color: #fff;
        font-size: 1.902173913vmax
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-group {
        width:80%;
        min-width: 80%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-group {
        width:80%;
        min-width: 80%
    }
}

.filter-group::before {
    width: calc(12% + .25rem);
    background: rgba(255,255,255,.06);
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-group::before {
        width:calc(12% + .25rem);
        background: rgba(255,255,255,.06)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-group::before {
        width:calc(12% + .25rem);
        background: rgba(255,255,255,.06)
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-group::before {
        display:none
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-group::before {
        display:none
    }
}

.filter-foot {
    padding: .5rem 1rem;
    background: rgba(10,16,13,.2);
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-foot {
        padding:1.9323671498vw 3.8647342995vw;
        background: rgba(10,16,13,.2)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-foot {
        padding:1.0869565217vmax 2.1739130435vmax;
        background: rgba(10,16,13,.2)
    }
}

.filter-item {
    padding: .5rem 1rem;
    border-bottom: .0625rem solid rgba(255,255,255,.2);
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-item {
        padding:1.9323671498vw 3.8647342995vw;
        border-bottom: .2415458937vw solid rgba(255,255,255,.2)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-item {
        padding:1.0869565217vmax 2.1739130435vmax;
        border-bottom: .1358695652vmax solid rgba(255,255,255,.2)
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-item {
        flex:0 0 100%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-item {
        flex:0 0 100%
    }
}

.filter-head {
    flex: 0 0 calc(12% - .5rem);
    margin-right: .5rem;
    line-height: 2rem;
    font-weight: 700;
    text-align: left
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-head {
        flex:0 0 calc(12% - .5rem);
        margin-right: 1.9323671498vw;
        line-height: 7.729468599vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-head {
        flex:0 0 calc(12% - .5rem);
        margin-right: 1.0869565217vmax;
        line-height: 4.347826087vmax
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-head {
        flex:0 0 100%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-head {
        flex:0 0 100%
    }
}

.filter-all {
    flex: 0 0 8%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-all {
        flex:0 0 100%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-all {
        flex:0 0 100%
    }
}

.filter-detail {
    flex: 0 0 80%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-detail {
        flex:0 0 100%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-detail {
        flex:0 0 100%
    }
}

.filter-detail .form-check {
    margin-right: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter-detail .form-check {
        margin-right:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter-detail .form-check {
        margin-right:1.0869565217vmax
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .filter .active.btn-addon,.filter .active.btn-blue,.filter .active.btn-danger,.filter .active.btn-grey,.filter .active.btn-ic,.filter .active.btn-ic-grey,.filter .active.btn-info,.filter .active.btn-light,.filter .active.btn-outline-blue,.filter .active.btn-outline-danger,.filter .active.btn-outline-grey,.filter .active.btn-outline-info,.filter .active.btn-outline-light,.filter .active.btn-outline-primary,.filter .active.btn-outline-red,.filter .active.btn-outline-secondary,.filter .active.btn-outline-success,.filter .active.btn-outline-warning,.filter .active.btn-outline-white,.filter .active.btn-primary,.filter .active.btn-red,.filter .active.btn-secondary,.filter .active.btn-success,.filter .active.btn-warning,.filter .active.btn-white,.filter .btn.active,.filter .header .referral-code-mobile .code-copy button.active,.header .referral-code-mobile .code-copy .filter button.active {
        margin-bottom:0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter .active.btn-addon,.filter .active.btn-blue,.filter .active.btn-danger,.filter .active.btn-grey,.filter .active.btn-ic,.filter .active.btn-ic-grey,.filter .active.btn-info,.filter .active.btn-light,.filter .active.btn-outline-blue,.filter .active.btn-outline-danger,.filter .active.btn-outline-grey,.filter .active.btn-outline-info,.filter .active.btn-outline-light,.filter .active.btn-outline-primary,.filter .active.btn-outline-red,.filter .active.btn-outline-secondary,.filter .active.btn-outline-success,.filter .active.btn-outline-warning,.filter .active.btn-outline-white,.filter .active.btn-primary,.filter .active.btn-red,.filter .active.btn-secondary,.filter .active.btn-success,.filter .active.btn-warning,.filter .active.btn-white,.filter .btn.active,.filter .header .referral-code-mobile .code-copy button.active,.header .referral-code-mobile .code-copy .filter button.active {
        flex:0 0 100%;
        width: 100%;
        margin-bottom: 0
    }
}

.header {
    font-size: .875rem;
    display: flex;
    position: fixed;
    z-index: 2010;
    top: 0;
    right: 0;
    left: 0;
    align-items: center;
    width: 100%;
    height: 3rem;
    background: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header {
        font-size:3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header {
        font-size:1.902173913vmax
    }
}

@media screen and (max-width: 768px) {
    .header {
        height:3rem;
        width: calc(100% - 3rem);
        margin-left: auto;
        background: 0 0
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header {
        height:11.5942028986vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header {
        height:6.5217391304vmax
    }
}

.header::after {
    bottom: -.625rem;
    height: .625rem;
    background-image: -webkit-linear-gradient(0,rgba(10,16,13,0) 0%,#0a100d 100%);
    background-image: -o-linear-gradient(0,rgba(10,16,13,0) 0%,#0a100d 100%);
    background-image: linear-gradient(0,rgba(10,16,13,0) 0%,#0a100d 100%);
    background-repeat: repeat-x;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    opacity: .2
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header::after {
        bottom:-2.4154589372vw;
        height: 2.4154589372vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header::after {
        bottom:-1.3586956522vmax;
        height: 1.3586956522vmax
    }
}

@media screen and (max-width: 768px) {
    .header::after {
        display:none
    }
}

.header-logo {
    width: 15rem;
    margin: 0 auto 0 1rem;
    background-image: url(/images/logo/logo_FAFA.png);
    height: 90%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header-logo {
        width:57.9710144928vw;
        margin: 0 auto 0 3.8647342995vw;
        background-image: url(/images/logo/logo_FAFA.png)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header-logo {
        width:32.6086956522vmax;
        margin: 0 auto 0 2.1739130435vmax;
        background-image: url(/images/logo/logo_FAFA.png)
    }
}

@media screen and (max-width: 768px) {
    .header-logo {
        display:none
    }
}

.topnav {
    margin: 0 1rem 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .topnav {
        margin:0 3.8647342995vw 0 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .topnav {
        margin:0 2.1739130435vmax 0 1.6304347826vmax
    }
}

@media screen and (max-width: 768px) {
    .topnav {
        flex:0 0 auto;
        justify-content: flex-end;
        margin-left: 0
    }
}

.topnav-item {
    display: flex;
    position: relative;
    align-items: center;
    height: 100%
}

.topnav-item:not(:last-of-type) {
    margin-right: .75rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .topnav-item:not(:last-of-type) {
        margin-right:2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .topnav-item:not(:last-of-type) {
        margin-right:1.6304347826vmax
    }
}

.user-info {
    color: #fff;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .user-info {
        color:#fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .user-info {
        color:#fff
    }
}

@media screen and (max-width: 768px) {
    .user-info {
        width:8.125rem
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .user-info {
        width:auto;
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .user-info {
        width:17.6630434783vmax
    }
}

.user-info.active,.user-info.hover,.user-info:active,.user-info:hover {
    color: #ebebeb
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .user-info.active,.user-info.hover,.user-info:active,.user-info:hover {
        color:#ebebeb
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .user-info.active,.user-info.hover,.user-info:active,.user-info:hover {
        color:#ebebeb
    }
}

.user-info .ic-user {
    width: 1.125rem;
    height: 1.125rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M24,25c6.065,0,11-4.935,11-11v-2c0-6.065-4.935-11-11-11S13,5.935,13,12v2C13,20.065,17.935,25,24,25z"></path><path data-color="color-2" d="M39.278,31.185C35.926,30.188,30.554,29,24,29s-11.926,1.188-15.278,2.185 C5.3,32.203,3,35.286,3,38.856V46c0,0.552,0.448,1,1,1h40c0.552,0,1-0.448,1-1v-7.144C45,35.286,42.7,32.203,39.278,31.185z"></path></g></svg>');
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .user-info .ic-user {
        width:4.347826087vw;
        height: 4.347826087vw;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M24,25c6.065,0,11-4.935,11-11v-2c0-6.065-4.935-11-11-11S13,5.935,13,12v2C13,20.065,17.935,25,24,25z"></path><path data-color="color-2" d="M39.278,31.185C35.926,30.188,30.554,29,24,29s-11.926,1.188-15.278,2.185 C5.3,32.203,3,35.286,3,38.856V46c0,0.552,0.448,1,1,1h40c0.552,0,1-0.448,1-1v-7.144C45,35.286,42.7,32.203,39.278,31.185z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .user-info .ic-user {
        width:2.4456521739vmax;
        height: 2.4456521739vmax;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path fill="%23fff" d="M24,25c6.065,0,11-4.935,11-11v-2c0-6.065-4.935-11-11-11S13,5.935,13,12v2C13,20.065,17.935,25,24,25z"></path><path data-color="color-2" d="M39.278,31.185C35.926,30.188,30.554,29,24,29s-11.926,1.188-15.278,2.185 C5.3,32.203,3,35.286,3,38.856V46c0,0.552,0.448,1,1,1h40c0.552,0,1-0.448,1-1v-7.144C45,35.286,42.7,32.203,39.278,31.185z"></path></g></svg>')
    }
}

@media screen and (max-width: 768px) {
    .user-info .ic-user {
        display:none
    }
}

.user-info .money,.user-info .text {
    margin: .125rem 0 .125rem auto;
    font-size: .75rem;
    flex: 0 0 auto
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .user-info .money,.user-info .text {
        margin:.4830917874vw 0 .4830917874vw auto;
        font-size: 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .user-info .money,.user-info .text {
        margin:.2717391304vmax 0 .2717391304vmax auto;
        font-size: 1.6304347826vmax
    }
}

.lang {
    width: 8.75rem;
    height: 2rem
}

@media screen and (max-width: 768px) {
    .lang {
        width:4rem;
        height: 2rem
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .lang {
        width:15.4589371981vw;
        height: 7.729468599vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .lang {
        width:8.6956521739vmax;
        height: 4.347826087vmax
    }
}

.lang .btn-dropdown {
    width: 100%
}

.lang .dropdown-menu {
    right: 0
}

@media screen and (min-width: 769px) {
    .lang .dropdown-menu {
        width:100%
    }
}

.lang .text {
    margin-left: .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .lang .text {
        margin-left:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .lang .text {
        margin-left:1.0869565217vmax
    }
}

@media screen and (max-width: 768px) {
    .lang .btn-dropdown .text {
        display:none
    }
}

.badge-counter {
    top: .375rem;
    right: -.5rem;
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 .25rem;
    background: #cc2936;
    color: #fff;
    font-size: .625rem;
    line-height: 1.125rem;
    position: absolute;
    border-radius: 999px;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .badge-counter {
        top:1.4492753623vw;
        right: -1.9323671498vw;
        min-width: 4.347826087vw;
        height: 4.347826087vw;
        padding: 0 .9661835749vw;
        background: #cc2936;
        color: #fff;
        font-size: 2.4154589372vw;
        line-height: 4.347826087vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .badge-counter {
        top:.8152173913vmax;
        right: -1.0869565217vmax;
        min-width: 2.4456521739vmax;
        height: 2.4456521739vmax;
        padding: 0 .5434782609vmax;
        background: #cc2936;
        color: #fff;
        font-size: 1.3586956522vmax;
        line-height: 2.4456521739vmax
    }
}

.flag,.flag-cn,.flag-en,.flag-jp,.flag-kr,.flag-th,.flag-tw,.flag-vn {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width: 768px) {
    .flag,.flag-cn,.flag-en,.flag-jp,.flag-kr,.flag-th,.flag-tw,.flag-vn {
        width:1.5rem;
        height: 1.5rem;
        margin-right: 0
    }
}

@media screen and (max-width: 768px) and (max-aspect-ratio:13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .flag,.flag-cn,.flag-en,.flag-jp,.flag-kr,.flag-th,.flag-tw,.flag-vn {
        width:5.7971014493vw;
        height: 5.7971014493vw
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .flag,.flag-cn,.flag-en,.flag-jp,.flag-kr,.flag-th,.flag-tw,.flag-vn {
        width:3.2608695652vmax;
        height: 3.2608695652vmax
    }
}

.flag-cn {
    background-image: url(/images/flag/cn.svg)
}

.flag-en {
    background-image: url(/images/flag/en.svg)
}

.flag-tw {
    background-image: url(/images/flag/tw.svg)
}

.flag-jp {
    background-image: url(/images/flag/jp.svg)
}

.flag-th {
    background-image: url(/images/flag/th.svg)
}

.flag-vn {
    background-image: url(/images/flag/vn.svg)
}

.flag-kr {
    background-image: url(/images/flag/kr.svg)
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-item {
    width: 2rem;
    height: 2rem;
    margin: 0 .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page-item {
        width:7.729468599vw;
        height: 7.729468599vw;
        margin: 0 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page-item {
        width:4.347826087vmax;
        height: 4.347826087vmax;
        margin: 0 1.0869565217vmax
    }
}

.page-link {
    border: .0625rem solid rgba(70,80,100,.5);
    color: #465064;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page-link {
        border:.2415458937vw solid rgba(70,80,100,.5);
        color: #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page-link {
        border:.1358695652vmax solid rgba(70,80,100,.5);
        color: #465064
    }
}

.page-link.active,.page-link.hover,.page-link:active,.page-link:hover {
    background: #465064;
    color: #fff;
    border-width: 0;
    font-weight: 700
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .page-link.active,.page-link.hover,.page-link:active,.page-link:hover {
        background:#465064;
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .page-link.active,.page-link.hover,.page-link:active,.page-link:hover {
        background:#465064;
        color: #fff
    }
}

.dataTables_wrapper .dataTables_paginate .previous,.page-previous {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')
}

.dataTables_wrapper .dataTables_paginate .next,.dataTables_wrapper .dataTables_paginate .previous,.page-next,.page-previous {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .next,.dataTables_wrapper .dataTables_paginate .previous,.page-next,.page-previous {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .next,.dataTables_wrapper .dataTables_paginate .previous,.page-next,.page-previous {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')
    }
}

.active.page-next,.dataTables_wrapper .dataTables_paginate .active.previous,.dataTables_wrapper .dataTables_paginate .hover.previous,.dataTables_wrapper .dataTables_paginate .previous:active,.dataTables_wrapper .dataTables_paginate .previous:hover,.hover.page-next,.page-previous.active,.page-previous.hover,.page-previous:active,.page-previous:hover {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>');
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .active.page-next,.dataTables_wrapper .dataTables_paginate .active.next,.dataTables_wrapper .dataTables_paginate .active.previous,.dataTables_wrapper .dataTables_paginate .hover.next,.dataTables_wrapper .dataTables_paginate .hover.previous,.dataTables_wrapper .dataTables_paginate .next:active,.dataTables_wrapper .dataTables_paginate .next:hover,.dataTables_wrapper .dataTables_paginate .previous:active,.dataTables_wrapper .dataTables_paginate .previous:hover,.hover.page-next,.page-next:active,.page-next:hover,.page-previous.active,.page-previous.hover,.page-previous:active,.page-previous:hover {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .active.page-next,.dataTables_wrapper .dataTables_paginate .active.next,.dataTables_wrapper .dataTables_paginate .active.previous,.dataTables_wrapper .dataTables_paginate .hover.next,.dataTables_wrapper .dataTables_paginate .hover.previous,.dataTables_wrapper .dataTables_paginate .next:active,.dataTables_wrapper .dataTables_paginate .next:hover,.dataTables_wrapper .dataTables_paginate .previous:active,.dataTables_wrapper .dataTables_paginate .previous:hover,.hover.page-next,.page-next:active,.page-next:hover,.page-previous.active,.page-previous.hover,.page-previous:active,.page-previous:hover {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')
    }
}

.dataTables_wrapper .dataTables_paginate .next,.page-next {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .next,.page-next {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .next,.page-next {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23465064"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
    }
}

.dataTables_wrapper .dataTables_paginate .active.next,.dataTables_wrapper .dataTables_paginate .hover.next,.dataTables_wrapper .dataTables_paginate .next:active,.dataTables_wrapper .dataTables_paginate .next:hover,.page-next.active,.page-next.hover,.page-next:active,.page-next:hover {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>');
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .active.next,.dataTables_wrapper .dataTables_paginate .hover.next,.dataTables_wrapper .dataTables_paginate .next:active,.dataTables_wrapper .dataTables_paginate .next:hover,.page-next.active,.page-next.hover,.page-next:active,.page-next:hover {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .active.next,.dataTables_wrapper .dataTables_paginate .hover.next,.dataTables_wrapper .dataTables_paginate .next:active,.dataTables_wrapper .dataTables_paginate .next:hover,.page-next.active,.page-next.hover,.page-next:active,.page-next:hover {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23fff"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')
    }
}

.metric {
    padding-bottom: 1rem;
    border-bottom: .0625rem solid #ddd;
    font-size: .875rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .metric {
        padding-bottom:3.8647342995vw;
        border-bottom: .2415458937vw solid #ddd;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .metric {
        padding-bottom:2.1739130435vmax;
        border-bottom: .1358695652vmax solid #ddd;
        font-size: 1.902173913vmax
    }
}

.metric-label {
    margin: .5rem 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .metric-label {
        margin:1.9323671498vw 0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .metric-label {
        margin:1.0869565217vmax 0
    }
}

.metric-value {
    text-align: center
}

.metric .value {
    margin-right: .25rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: initial;
    word-break: break-all
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .metric .value {
        margin-right:.9661835749vw;
        font-size: 9.6618357488vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .metric .value {
        margin-right:.5434782609vmax;
        font-size: 5.4347826087vmax
    }
}

.table {
    font-size: .875rem;
    width: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table {
        font-size:3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table {
        font-size:1.902173913vmax
    }
}

.table-wrap {
    width: 100%;
    overflow-y: hidden
}

.table-wrap:not(:last-of-type) {
    margin-bottom: 1.5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-wrap:not(:last-of-type) {
        margin-bottom:5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-wrap:not(:last-of-type) {
        margin-bottom:3.2608695652vmax
    }
}

.table-wrap.loading {
    min-height: 3.5rem;
    display: inline-flex;
    position: relative;
    align-items: flex-start;
    justify-content: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-wrap.loading {
        min-height:13.5265700483vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-wrap.loading {
        min-height:7.6086956522vmax
    }
}

.table thead th {
    padding: .5rem;
    vertical-align: middle
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table thead th {
        padding:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table thead th {
        padding:1.0869565217vmax
    }
}

.table tbody tr {
    border-bottom: .0625rem solid #ddd
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table tbody tr {
        border-bottom:.2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table tbody tr {
        border-bottom:.1358695652vmax solid #ddd
    }
}

.table td {
    padding: .5rem;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table td {
        padding:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table td {
        padding:1.0869565217vmax
    }
}

.table a {
    font-style: italic;
    font-weight: 700;
    text-decoration: underline
}

.table li {
    display: block;
    text-align: left
}

.table .lv01+.lv02 {
    -moz-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.12) inset;
    -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.12) inset;
    box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.12) inset
}

.table .lv02 {
    background: #fef9e9;
    display: none
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table .lv02 {
        background:#fef9e9
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table .lv02 {
        background:#fef9e9
    }
}

.table .btn-expand {
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    margin-right: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table .btn-expand {
        flex:0 0 4.347826087vw;
        width: 4.347826087vw;
        height: 4.347826087vw;
        min-height: 4.347826087vw;
        margin-right: .9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table .btn-expand {
        flex:0 0 2.4456521739vmax;
        width: 2.4456521739vmax;
        height: 2.4456521739vmax;
        min-height: 2.4456521739vmax;
        margin-right: .5434782609vmax
    }
}

.table .btn-expand .ic,.table .btn-expand .ic-action,.table .btn-expand .ic-add,.table .btn-expand .ic-captcha,.table .btn-expand .ic-check,.table .btn-expand .ic-close,.table .btn-expand .ic-collapse,.table .btn-expand .ic-copy,.table .btn-expand .ic-delete,.table .btn-expand .ic-down,.table .btn-expand .ic-edit,.table .btn-expand .ic-excel,.table .btn-expand .ic-expand,.table .btn-expand .ic-home,.table .btn-expand .ic-inbox,.table .btn-expand .ic-info,.table .btn-expand .ic-left,.table .btn-expand .ic-lock,.table .btn-expand .ic-logout,.table .btn-expand .ic-menu,.table .btn-expand .ic-minus,.table .btn-expand .ic-more-horiz,.table .btn-expand .ic-more-vert,.table .btn-expand .ic-multiple,.table .btn-expand .ic-nodata,.table .btn-expand .ic-pwd,.table .btn-expand .ic-refresh,.table .btn-expand .ic-replay,.table .btn-expand .ic-report,.table .btn-expand .ic-right,.table .btn-expand .ic-save,.table .btn-expand .ic-search,.table .btn-expand .ic-setting,.table .btn-expand .ic-step,.table .btn-expand .ic-subaccount,.table .btn-expand .ic-ticket,.table .btn-expand .ic-transfer,.table .btn-expand .ic-unlock,.table .btn-expand .ic-user,.table .btn-expand .ic-user-outline,.table .btn-expand .ic-wallet {
    background-size: 100%
}

.table .ic-lock {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%23CC2936"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146v40h-20c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40zm62.002-182H193.998v-40c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002v40z"></path></g></svg>')
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table .ic-lock {
        width:5.7971014493vw;
        height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table .ic-lock {
        width:3.2608695652vmax;
        height: 3.2608695652vmax
    }
}

.table .ic-unlock {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="%235FAD56"><path d="M376 186h-20v-40c0-55-45-100-100-100S156 91 156 146h37.998c0-34.004 28.003-62.002 62.002-62.002 34.004 0 62.002 27.998 62.002 62.002H318v40H136c-22.002 0-40 17.998-40 40v200c0 22.002 17.998 40 40 40h240c22.002 0 40-17.998 40-40V226c0-22.002-17.998-40-40-40zM256 368c-22.002 0-40-17.998-40-40s17.998-40 40-40 40 17.998 40 40-17.998 40-40 40z"></path></g></svg>')
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table .ic-unlock {
        width:5.7971014493vw;
        height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table .ic-unlock {
        width:3.2608695652vmax;
        height: 3.2608695652vmax
    }
}

.thead-dark th {
    background: #465064;
    border-top: .0625rem solid #6b7383;
    color: #fff
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .thead-dark th {
        background:#465064;
        border-top: .2415458937vw solid #6b7383;
        color: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .thead-dark th {
        background:#465064;
        border-top: .1358695652vmax solid #6b7383;
        color: #fff
    }
}

.thead-dark th:not(:last-of-type) {
    border-right: .0625rem solid #6b7383
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .thead-dark th:not(:last-of-type) {
        border-right:.2415458937vw solid #6b7383
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .thead-dark th:not(:last-of-type) {
        border-right:.1358695652vmax solid #6b7383
    }
}

.thead-light th {
    background: #e5e7e9;
    border-bottom: .0625rem solid #d3d5da;
    color: #343434
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .thead-light th {
        background:#e5e7e9;
        border-bottom: .2415458937vw solid #d3d5da;
        color: #343434
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .thead-light th {
        background:#e5e7e9;
        border-bottom: .1358695652vmax solid #d3d5da;
        color: #343434
    }
}

.thead-light th:not(:last-of-type) {
    border-right: .0625rem solid #d3d5da
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .thead-light th:not(:last-of-type) {
        border-right:.2415458937vw solid #d3d5da
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .thead-light th:not(:last-of-type) {
        border-right:.1358695652vmax solid #d3d5da
    }
}

.thead-light tr:first-of-type {
    border-top: .125rem solid #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .thead-light tr:first-of-type {
        border-top:.4830917874vw solid #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .thead-light tr:first-of-type {
        border-top:.2717391304vmax solid #465064
    }
}

.bold-line {
    border-right: .125rem solid #ccc!important
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .bold-line {
        border-right:.4830917874vw solid #ccc!important
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .bold-line {
        border-right:.2717391304vmax solid #ccc!important
    }
}

.grand-total {
    border-top: .125rem solid #999;
    font-size: .875rem;
    font-weight: 700
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .grand-total {
        border-top:.4830917874vw solid #999;
        font-size: 3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .grand-total {
        border-top:.2717391304vmax solid #999;
        font-size: 1.902173913vmax
    }
}

.tr-bg {
    background: #efefef
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .tr-bg {
        background:#efefef
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .tr-bg {
        background:#efefef
    }
}

.tr-bg-primary {
    background-color: rgba(70,80,100,.2)
}

.panel-group .section:first-child,.tr-bg-secondary {
    background-color: rgba(72,130,134,.2)
}

.panel-group .section:nth-child(2),.tr-bg-success {
    background-color: rgba(95,173,86,.2)
}

.panel-group .section:nth-child(3),.tr-bg-info {
    background-color: rgba(156,122,151,.2)
}

.panel-group .section:nth-child(4),.tr-bg-warning {
    background-color: rgba(224,159,62,.2)
}

.tr-bg-danger {
    background-color: rgba(204,41,54,.2)
}

.tr-bg-grey {
    background-color: rgba(102,102,102,.2)
}

.tr-bg-light {
    background-color: rgba(204,204,204,.2)
}

.tr-bg-white {
    background-color: rgba(255,255,255,.2)
}

.tr-bg-red {
    background-color: rgba(204,41,54,.2)
}

.tr-bg-blue {
    background-color: rgba(32,114,209,.2)
}

.table-compact {
    font-size: .75rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-compact {
        font-size:2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-compact {
        font-size:1.6304347826vmax
    }
}

.table-compact thead th {
    padding: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-compact thead th {
        padding:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-compact thead th {
        padding:.5434782609vmax
    }
}

.table-compact td {
    padding: .25rem;
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-compact td {
        padding:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-compact td {
        padding:.5434782609vmax
    }
}

.table-compact td:not(:last-of-type) {
    border-right: .0625rem solid #ddd
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-compact td:not(:last-of-type) {
        border-right:.2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-compact td:not(:last-of-type) {
        border-right:.1358695652vmax solid #ddd
    }
}

.table-striped tbody tr:nth-child(even) {
    background: #efefef
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-striped tbody tr:nth-child(even) {
        background:#efefef
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-striped tbody tr:nth-child(even) {
        background:#efefef
    }
}

.table-fixed {
    table-layout: fixed;
    word-break: break-all
}

.table-bordered td {
    border: .0625rem solid #ddd
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-bordered td {
        border:.2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-bordered td {
        border:.1358695652vmax solid #ddd
    }
}

.table-rbordered td:not(:last-of-type) {
    border-right: .0625rem solid #ddd
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-rbordered td:not(:last-of-type) {
        border-right:.2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-rbordered td:not(:last-of-type) {
        border-right:.1358695652vmax solid #ddd
    }
}

.table-s th {
    padding: .25rem .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-s th {
        padding:.9661835749vw 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-s th {
        padding:.5434782609vmax 1.0869565217vmax
    }
}

.table-s td {
    padding: .375rem .5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .table-s td {
        padding:1.4492753623vw 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .table-s td {
        padding:.8152173913vmax 1.0869565217vmax
    }
}

.card:not(:last-of-type) {
    margin-bottom: 1rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .card:not(:last-of-type) {
        margin-bottom:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .card:not(:last-of-type) {
        margin-bottom:2.1739130435vmax
    }
}

.card-head {
    height: 2.5rem;
    line-height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .card-head {
        height:9.6618357488vw;
        line-height: 9.6618357488vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .card-head {
        height:5.4347826087vmax;
        line-height: 5.4347826087vmax
    }
}

.card-body {
    padding: .625rem 1rem;
    border: .0625rem solid #ddd;
    -moz-box-shadow: 0 .0625rem .25rem 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 .0625rem .25rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .0625rem .25rem 0 rgba(0,0,0,.1);
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .card-body {
        padding:2.4154589372vw 3.8647342995vw;
        border: .2415458937vw solid #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .card-body {
        padding:1.3586956522vmax 2.1739130435vmax;
        border: .1358695652vmax solid #ddd
    }
}

.card-body:not(:last-of-type) {
    margin-bottom: 1.5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .card-body:not(:last-of-type) {
        margin-bottom:5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .card-body:not(:last-of-type) {
        margin-bottom:3.2608695652vmax
    }
}

.bg-primary {
    background-color: #465064;
    color: #fff
}

.bg-secondary {
    background-color: #488286;
    color: #fff
}

.bg-info,.bg-success {
    background-color: #5fad56;
    color: #fff
}

.bg-info {
    background-color: #9c7a97
}

.bg-warning {
    background-color: #e09f3e;
    color: #212121
}

.bg-danger,.bg-grey {
    background-color: #cc2936;
    color: #fff
}

.bg-grey {
    background-color: #666
}

.bg-light,.bg-white {
    background-color: #ccc;
    color: #212121
}

.bg-white {
    background-color: #fff
}

.bg-blue,.bg-red {
    background-color: #cc2936;
    color: #fff
}

.bg-blue {
    background-color: #2072d1
}

.form-group {
    padding: .75rem .5rem;
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-group {
        padding:2.8985507246vw 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-group {
        padding:1.6304347826vmax 1.0869565217vmax
    }
}

.form-group .form-checkbox,.form-group .form-label,.form-group>.label {
    padding-right: .5rem;
    flex: 0 0 25%;
    justify-content: flex-end;
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-group .form-checkbox,.form-group .form-label,.form-group>.label {
        padding-right:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-group .form-checkbox,.form-group .form-label,.form-group>.label {
        padding-right:1.0869565217vmax
    }
}

@media screen and (min-width: 1281px) {
    .form-group .form-checkbox,.form-group .form-label,.form-group>.label {
        flex:0 0 12.5%
    }
}

.form-group .form-text,.form-group .invalid-feedback,.form-group .valid-feedback,.form-group>.check-custom,.form-group>.check-inline-group,.form-group>.form-control {
    flex: 0 0 75%;
    margin-left: auto
}

@media screen and (min-width: 1281px) {
    .form-group .form-text,.form-group .invalid-feedback,.form-group .valid-feedback,.form-group>.check-custom,.form-group>.check-inline-group,.form-group>.form-control {
        flex:0 0 87.5%
    }
}

.form-inline {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.form-inline .form-control~.btn-ic,.form-inline .form-control~.btn-ic-grey {
    margin-left: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-inline .form-control~.btn-ic,.form-inline .form-control~.btn-ic-grey {
        margin-left:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-inline .form-control~.btn-ic,.form-inline .form-control~.btn-ic-grey {
        margin-left:.5434782609vmax
    }
}

.form-inline .btn-ic,.form-inline .btn-ic-grey {
    width: 1.5rem;
    height: 1.875rem;
    flex: 0 0 1.5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-inline .btn-ic,.form-inline .btn-ic-grey {
        width:5.7971014493vw;
        height: 7.2463768116vw;
        flex: 0 0 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-inline .btn-ic,.form-inline .btn-ic-grey {
        width:3.2608695652vmax;
        height: 4.0760869565vmax;
        flex: 0 0 3.2608695652vmax
    }
}

.form-label {
    font-size: .875rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-label {
        font-size:3.3816425121vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-label {
        font-size:1.902173913vmax
    }
}

@media screen and (min-width: 1281px) {
    .form-2-col {
        flex:0 0 50%
    }
}

.form-2-col .form-checkbox,.form-2-col .form-label,.form-2-col>.label {
    flex: 0 0 25%
}

.form-2-col .form-text,.form-2-col .invalid-feedback,.form-2-col .valid-feedback,.form-2-col>.check-custom,.form-2-col>.check-inline-group,.form-2-col>.form-control {
    flex: 0 0 75%
}

@media screen and (min-width: 1281px) {
    .form-3-col {
        flex:0 0 33.3%
    }
}

.form-3-col .form-checkbox,.form-3-col .form-label,.form-3-col>.label {
    flex: 0 0 25%
}

.form-3-col .form-text,.form-3-col .invalid-feedback,.form-3-col .valid-feedback,.form-3-col>.check-custom,.form-3-col>.check-inline-group,.form-3-col>.form-control {
    flex: 0 0 75%
}

@media screen and (min-width: 1281px) {
    .form-4-col {
        flex:0 0 25%
    }
}

.form-4-col .form-checkbox,.form-4-col .form-label,.form-4-col>.label {
    flex: 0 0 25%
}

.form-4-col .form-text,.form-4-col .invalid-feedback,.form-4-col .valid-feedback,.form-4-col>.check-custom,.form-4-col>.check-inline-group,.form-4-col>.form-control {
    flex: 0 0 75%
}

@media screen and (min-width: 1281px) {
    .form-5-col {
        flex:0 0 20%
    }

    .form-5-col .form-checkbox,.form-5-col .form-label,.form-5-col>.label {
        flex: 0 0 40%
    }

    .form-5-col .form-text,.form-5-col .invalid-feedback,.form-5-col .valid-feedback,.form-5-col>.check-custom,.form-5-col>.check-inline-group,.form-5-col>.form-control {
        flex: 0 0 60%
    }
}

.form-5-col .form-checkbox,.form-5-col .form-label,.form-5-col>.label {
    flex: 0 0 25%
}

.form-5-col .form-text,.form-5-col .invalid-feedback,.form-5-col .valid-feedback,.form-5-col>.check-custom,.form-5-col>.check-inline-group,.form-5-col>.form-control {
    flex: 0 0 75%
}

.form-fullwidth {
    align-items: center;
    width: 100%
}

.form-control {
    height: 2rem;
    min-height: 2rem;
    font-size: .875rem;
    line-height: 2rem;
    min-width: 5rem;
    padding: 0 .5rem;
    border-radius: .25rem;
    width: 100%;
    border: 1px solid #ccc
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-control {
        height:7.729468599vw;
        min-height: 7.729468599vw;
        font-size: 3.3816425121vw;
        line-height: 7.729468599vw;
        min-width: 19.3236714976vw;
        padding: 0 1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-control {
        height:4.347826087vmax;
        min-height: 4.347826087vmax;
        font-size: 1.902173913vmax;
        line-height: 4.347826087vmax;
        min-width: 10.8695652174vmax;
        padding: 0 1.0869565217vmax
    }
}

.form-control:disabled,.form-control[readonly] {
    background-color: #ddd;
    cursor: not-allowed
}

.check-inline {
    margin-right: .5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-inline {
        margin-right:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-inline {
        margin-right:1.0869565217vmax
    }
}

.check-inline-group {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.check-inline input,.check-inline>.label,.check-inline>label {
    flex: 0 0 auto;
    width: auto
}

.check-inline input {
    margin-right: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-inline input {
        margin-right:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-inline input {
        margin-right:.5434782609vmax
    }
}

.check-inline .label {
    margin-right: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-inline .label {
        margin-right:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-inline .label {
        margin-right:.5434782609vmax
    }
}

td .check-inline,th .check-inline {
    justify-content: center
}

.check-custom {
    height: 2rem;
    min-height: 2rem;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-custom {
        height:7.729468599vw;
        min-height: 7.729468599vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-custom {
        height:4.347826087vmax;
        min-height: 4.347826087vmax
    }
}

.check-custom input[type=checkbox],.check-custom input[type=radio] {
    position: absolute;
    top: auto;
    left: -10000px;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.check-custom input[type=checkbox]~.check-toggle {
    width: 1rem;
    height: 1rem;
    margin: .25rem;
    border-color: #465064;
    background: #fff;
    border-radius: .25rem;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    cursor: pointer
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-custom input[type=checkbox]~.check-toggle {
        width:3.8647342995vw;
        height: 3.8647342995vw;
        margin: .9661835749vw;
        border-color: #465064;
        background: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-custom input[type=checkbox]~.check-toggle {
        width:2.1739130435vmax;
        height: 2.1739130435vmax;
        margin: .5434782609vmax;
        border-color: #465064;
        background: #fff
    }
}

.check-custom input[type=checkbox]~.check-toggle::after {
    width: .875rem;
    height: .875rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23465064"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>');
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.5) translate(0,40%);
    transition: transform .3s ease-out,opacity .1s ease-in;
    opacity: 0;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-custom input[type=checkbox]~.check-toggle::after {
        width:3.3816425121vw;
        height: 3.3816425121vw;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23465064"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-custom input[type=checkbox]~.check-toggle::after {
        width:1.902173913vmax;
        height: 1.902173913vmax;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23465064"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
    }
}

.check-custom input[type=checkbox]:checked~.check-toggle::after,.check-custom input[type=radio]:checked~.check-toggle::after {
    transform: scale(1) translate(0,0);
    opacity: 1
}

.check-custom input[type=radio]~.check-toggle {
    width: 1.125rem;
    height: 1.125rem;
    margin: .25rem;
    border-color: #465064;
    background: #fff;
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%;
    cursor: pointer
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-custom input[type=radio]~.check-toggle {
        width:4.347826087vw;
        height: 4.347826087vw;
        margin: .9661835749vw;
        border-color: #465064;
        background: #fff
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-custom input[type=radio]~.check-toggle {
        width:2.4456521739vmax;
        height: 2.4456521739vmax;
        margin: .5434782609vmax;
        border-color: #465064;
        background: #fff
    }
}

.check-custom input[type=radio]~.check-toggle::after {
    top: .125rem;
    left: .125rem;
    width: .75rem;
    height: .75rem;
    background-image: -webkit-linear-gradient(90deg,#465064 0,#313846 100%);
    background-image: -o-linear-gradient(90deg,#465064 0,#313846 100%);
    background-image: linear-gradient(90deg,#465064 0,#313846 100%);
    background-repeat: repeat-x;
    content: "";
    position: absolute;
    transform: scale(.5) translate(0,0);
    transition: transform .3s ease-out,opacity .1s ease-in;
    border-radius: 100%;
    opacity: 0
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .check-custom input[type=radio]~.check-toggle::after {
        top:.4830917874vw;
        left: .4830917874vw;
        width: 2.8985507246vw;
        height: 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .check-custom input[type=radio]~.check-toggle::after {
        top:.2717391304vmax;
        left: .2717391304vmax;
        width: 1.6304347826vmax;
        height: 1.6304347826vmax
    }
}

.is input[type=email],.is input[type=password],.is input[type=tel],.is input[type=text],.is-invalid input[type=email],.is-invalid input[type=password],.is-invalid input[type=tel],.is-invalid input[type=text],.is-valid input[type=email],.is-valid input[type=password],.is-valid input[type=tel],.is-valid input[type=text] {
    padding-right: 2rem;
    background-size: 1.5rem;
    border-width: 1px;
    border-style: solid;
    background-repeat: no-repeat;
    background-position: 99%center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is input[type=email],.is input[type=password],.is input[type=tel],.is input[type=text],.is-invalid input[type=email],.is-invalid input[type=password],.is-invalid input[type=tel],.is-invalid input[type=text],.is-valid input[type=email],.is-valid input[type=password],.is-valid input[type=tel],.is-valid input[type=text] {
        padding-right:7.729468599vw;
        background-size: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is input[type=email],.is input[type=password],.is input[type=tel],.is input[type=text],.is-invalid input[type=email],.is-invalid input[type=password],.is-invalid input[type=tel],.is-invalid input[type=text],.is-valid input[type=email],.is-valid input[type=password],.is-valid input[type=tel],.is-valid input[type=text] {
        padding-right:4.347826087vmax;
        background-size: 3.2608695652vmax
    }
}

.is select,.is-invalid select,.is-valid select {
    background-size: 1.5rem;
    border-width: 1px;
    border-style: solid;
    background-repeat: no-repeat;
    background-position: 96%center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is select,.is-invalid select,.is-valid select {
        background-size:5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is select,.is-invalid select,.is-valid select {
        background-size:3.2608695652vmax
    }
}

.is-valid .check-custom input[type=checkbox]~.check-toggle,.is-valid input[type=email],.is-valid input[type=password],.is-valid input[type=tel],.is-valid input[type=text] {
    border-color: #5fad56
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-valid input[type=email],.is-valid input[type=password],.is-valid input[type=tel],.is-valid input[type=text] {
        border-color:#5fad56
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-valid input[type=email],.is-valid input[type=password],.is-valid input[type=tel],.is-valid input[type=text] {
        border-color:#5fad56
    }
}

.is-valid .check-custom~.label,.is-valid .check-custom~label,.is-valid .label,.is-valid input[type=checkbox]~.label,.is-valid input[type=checkbox]~label,.is-valid input[type=radio]~.label,.is-valid input[type=radio]~label,.is-valid label {
    color: #5fad56
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-valid .check-custom~.label,.is-valid .check-custom~label,.is-valid .label,.is-valid input[type=checkbox]~.label,.is-valid input[type=checkbox]~label,.is-valid input[type=radio]~.label,.is-valid input[type=radio]~label,.is-valid label {
        color:#5fad56
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-valid .check-custom~.label,.is-valid .check-custom~label,.is-valid .label,.is-valid input[type=checkbox]~.label,.is-valid input[type=checkbox]~label,.is-valid input[type=radio]~.label,.is-valid input[type=radio]~label,.is-valid label {
        color:#5fad56
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-valid .check-custom input[type=checkbox]~.check-toggle {
        border-color:#5fad56
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-valid .check-custom input[type=checkbox]~.check-toggle {
        border-color:#5fad56
    }
}

.is-valid .check-custom input[type=checkbox]~.check-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%235FAD56"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-valid .check-custom input[type=checkbox]~.check-toggle::after {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%235FAD56"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-valid .check-custom input[type=checkbox]~.check-toggle::after {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%235FAD56"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
    }
}

.is-valid .check-custom input[type=radio]~.check-toggle,.is-valid select {
    border-color: #5fad56
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-valid .check-custom input[type=radio]~.check-toggle {
        border-color:#5fad56
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-valid .check-custom input[type=radio]~.check-toggle {
        border-color:#5fad56
    }
}

.is-valid .check-custom input[type=radio]~.check-toggle::after {
    background-image: -webkit-linear-gradient(90deg,#5fad56 0,#4b8c44 100%);
    background-image: -o-linear-gradient(90deg,#5fad56 0,#4b8c44 100%);
    background-image: linear-gradient(90deg,#5fad56 0,#4b8c44 100%);
    background-repeat: repeat-x
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-valid select {
        border-color:#5fad56
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-valid select {
        border-color:#5fad56
    }
}

.is-invalid .check-custom input[type=checkbox]~.check-toggle,.is-invalid input[type=email],.is-invalid input[type=password],.is-invalid input[type=tel],.is-invalid input[type=text] {
    border-color: #cc2936
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-invalid input[type=email],.is-invalid input[type=password],.is-invalid input[type=tel],.is-invalid input[type=text] {
        border-color:#cc2936
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-invalid input[type=email],.is-invalid input[type=password],.is-invalid input[type=tel],.is-invalid input[type=text] {
        border-color:#cc2936
    }
}

.is-invalid .check-custom~.label,.is-invalid .check-custom~label,.is-invalid .label,.is-invalid input[type=checkbox]~.label,.is-invalid input[type=checkbox]~label,.is-invalid input[type=radio]~.label,.is-invalid input[type=radio]~label,.is-invalid label {
    color: #cc2936
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-invalid .check-custom input[type=checkbox]~.check-toggle {
        border-color:#cc2936
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-invalid .check-custom input[type=checkbox]~.check-toggle {
        border-color:#cc2936
    }
}

.is-invalid .check-custom input[type=checkbox]~.check-toggle::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23CC2936"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-invalid .check-custom input[type=checkbox]~.check-toggle::after {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23CC2936"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-invalid .check-custom input[type=checkbox]~.check-toggle::after {
        background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23CC2936"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')
    }
}

.is-invalid .check-custom input[type=radio]~.check-toggle,.is-invalid select {
    border-color: #cc2936
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-invalid .check-custom input[type=radio]~.check-toggle {
        border-color:#cc2936
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-invalid .check-custom input[type=radio]~.check-toggle {
        border-color:#cc2936
    }
}

.is-invalid .check-custom input[type=radio]~.check-toggle::after {
    background-image: -webkit-linear-gradient(90deg,#cc2936 0,#a2202b 100%);
    background-image: -o-linear-gradient(90deg,#cc2936 0,#a2202b 100%);
    background-image: linear-gradient(90deg,#cc2936 0,#a2202b 100%);
    background-repeat: repeat-x
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-invalid select {
        border-color:#cc2936
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-invalid select {
        border-color:#cc2936
    }
}

.is-loading {
    position: relative
}

.is-loading::after {
    top: calc(12px + (30px - 14px)/2);
    right: 1rem;
    width: .875rem;
    height: .875rem;
    border-color: #465064;
    border-right-color: transparent!important
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-loading::after {
        top:calc(12px + (30px - 14px)/2);
        right: 3.8647342995vw;
        width: 3.3816425121vw;
        height: 3.3816425121vw;
        border-color: #465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-loading::after {
        top:calc(12px + (30px - 14px)/2);
        right: 2.1739130435vmax;
        width: 1.902173913vmax;
        height: 1.902173913vmax;
        border-color: #465064
    }
}

.is-open select {
    border-color: #5fad56
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-open select {
        border-color:#5fad56
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-open select {
        border-color:#5fad56
    }
}

.is-suspend select {
    border-color: #cc2936
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-suspend select {
        border-color:#cc2936
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-suspend select {
        border-color:#cc2936
    }
}

.is-locked select {
    border-color: #ccc
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .is-locked select {
        border-color:#ccc
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .is-locked select {
        border-color:#ccc
    }
}

.invalid-feedback,.valid-feedback {
    color: #5fad56;
    font-size: 80%;
    text-align: left
}

.invalid-feedback {
    color: #cc2936
}

.th,.th-top {
    border-top: .25rem solid transparent
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .th,.th-top {
        border-top:.25rem solid transparent
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .th,.th-top {
        border-top:.25rem solid transparent
    }
}

.th-top {
    border-top-color: #465064
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .th-top {
        border-top-color:#465064
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .th-top {
        border-top-color:#465064
    }
}

.th-top .tag,.th-top .tag-active,.th-top .tag-ag,.th-top .tag-blue,.th-top .tag-closed,.th-top .tag-danger,.th-top .tag-grey,.th-top .tag-inactive,.th-top .tag-info,.th-top .tag-light,.th-top .tag-locked,.th-top .tag-ma,.th-top .tag-member,.th-top .tag-new,.th-top .tag-normal,.th-top .tag-one,.th-top .tag-pending,.th-top .tag-personal,.th-top .tag-primary,.th-top .tag-red,.th-top .tag-secondary,.th-top .tag-sh,.th-top .tag-site,.th-top .tag-sma,.th-top .tag-special,.th-top .tag-ssma,.th-top .tag-success,.th-top .tag-suspend,.th-top .tag-system,.th-top .tag-warning,.th-top .tag-white {
    margin-top: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .th-top .tag,.th-top .tag-active,.th-top .tag-ag,.th-top .tag-blue,.th-top .tag-closed,.th-top .tag-danger,.th-top .tag-grey,.th-top .tag-inactive,.th-top .tag-info,.th-top .tag-light,.th-top .tag-locked,.th-top .tag-ma,.th-top .tag-member,.th-top .tag-new,.th-top .tag-normal,.th-top .tag-one,.th-top .tag-pending,.th-top .tag-personal,.th-top .tag-primary,.th-top .tag-red,.th-top .tag-secondary,.th-top .tag-sh,.th-top .tag-site,.th-top .tag-sma,.th-top .tag-special,.th-top .tag-ssma,.th-top .tag-success,.th-top .tag-suspend,.th-top .tag-system,.th-top .tag-warning,.th-top .tag-white {
        margin-top:.9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .th-top .tag,.th-top .tag-active,.th-top .tag-ag,.th-top .tag-blue,.th-top .tag-closed,.th-top .tag-danger,.th-top .tag-grey,.th-top .tag-inactive,.th-top .tag-info,.th-top .tag-light,.th-top .tag-locked,.th-top .tag-ma,.th-top .tag-member,.th-top .tag-new,.th-top .tag-normal,.th-top .tag-one,.th-top .tag-pending,.th-top .tag-personal,.th-top .tag-primary,.th-top .tag-red,.th-top .tag-secondary,.th-top .tag-sh,.th-top .tag-site,.th-top .tag-sma,.th-top .tag-special,.th-top .tag-ssma,.th-top .tag-success,.th-top .tag-suspend,.th-top .tag-system,.th-top .tag-warning,.th-top .tag-white {
        margin-top:.5434782609vmax
    }
}

.data-2row {
    position: relative
}

.data-2row::after {
    left: -.5rem;
    width: calc(100% + 1rem);
    border-bottom: .0625rem dashed #ddd;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .data-2row::after {
        left:-1.9323671498vw;
        width: calc(100% + 1rem);
        border-bottom: .2415458937vw dashed #ddd
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .data-2row::after {
        left:-1.0869565217vmax;
        width: calc(100% + 1rem);
        border-bottom: .1358695652vmax dashed #ddd
    }
}

.refresh {
    margin-left: .5rem;
    display: flex;
    align-items: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .refresh {
        margin-left:1.9323671498vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .refresh {
        margin-left:1.0869565217vmax
    }
}

.refresh .ic,.refresh .ic-action,.refresh .ic-add,.refresh .ic-captcha,.refresh .ic-check,.refresh .ic-close,.refresh .ic-collapse,.refresh .ic-copy,.refresh .ic-delete,.refresh .ic-down,.refresh .ic-edit,.refresh .ic-excel,.refresh .ic-expand,.refresh .ic-home,.refresh .ic-inbox,.refresh .ic-info,.refresh .ic-left,.refresh .ic-lock,.refresh .ic-logout,.refresh .ic-menu,.refresh .ic-minus,.refresh .ic-more-horiz,.refresh .ic-more-vert,.refresh .ic-multiple,.refresh .ic-nodata,.refresh .ic-pwd,.refresh .ic-refresh,.refresh .ic-replay,.refresh .ic-report,.refresh .ic-right,.refresh .ic-save,.refresh .ic-search,.refresh .ic-setting,.refresh .ic-step,.refresh .ic-subaccount,.refresh .ic-ticket,.refresh .ic-transfer,.refresh .ic-unlock,.refresh .ic-user,.refresh .ic-user-outline,.refresh .ic-wallet {
    width: 1rem;
    height: 1rem;
    -webkit-animation: spinner 1s linear infinite;
    animation: spinner 1s linear infinite
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .refresh .ic,.refresh .ic-action,.refresh .ic-add,.refresh .ic-captcha,.refresh .ic-check,.refresh .ic-close,.refresh .ic-collapse,.refresh .ic-copy,.refresh .ic-delete,.refresh .ic-down,.refresh .ic-edit,.refresh .ic-excel,.refresh .ic-expand,.refresh .ic-home,.refresh .ic-inbox,.refresh .ic-info,.refresh .ic-left,.refresh .ic-lock,.refresh .ic-logout,.refresh .ic-menu,.refresh .ic-minus,.refresh .ic-more-horiz,.refresh .ic-more-vert,.refresh .ic-multiple,.refresh .ic-nodata,.refresh .ic-pwd,.refresh .ic-refresh,.refresh .ic-replay,.refresh .ic-report,.refresh .ic-right,.refresh .ic-save,.refresh .ic-search,.refresh .ic-setting,.refresh .ic-step,.refresh .ic-subaccount,.refresh .ic-ticket,.refresh .ic-transfer,.refresh .ic-unlock,.refresh .ic-user,.refresh .ic-user-outline,.refresh .ic-wallet {
        width:3.8647342995vw;
        height: 3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .refresh .ic,.refresh .ic-action,.refresh .ic-add,.refresh .ic-captcha,.refresh .ic-check,.refresh .ic-close,.refresh .ic-collapse,.refresh .ic-copy,.refresh .ic-delete,.refresh .ic-down,.refresh .ic-edit,.refresh .ic-excel,.refresh .ic-expand,.refresh .ic-home,.refresh .ic-inbox,.refresh .ic-info,.refresh .ic-left,.refresh .ic-lock,.refresh .ic-logout,.refresh .ic-menu,.refresh .ic-minus,.refresh .ic-more-horiz,.refresh .ic-more-vert,.refresh .ic-multiple,.refresh .ic-nodata,.refresh .ic-pwd,.refresh .ic-refresh,.refresh .ic-replay,.refresh .ic-report,.refresh .ic-right,.refresh .ic-save,.refresh .ic-search,.refresh .ic-setting,.refresh .ic-step,.refresh .ic-subaccount,.refresh .ic-ticket,.refresh .ic-transfer,.refresh .ic-unlock,.refresh .ic-user,.refresh .ic-user-outline,.refresh .ic-wallet {
        width:2.1739130435vmax;
        height: 2.1739130435vmax
    }
}

.refresh .text {
    margin-left: .125rem;
    color: #666
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .refresh .text {
        margin-left:.4830917874vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .refresh .text {
        margin-left:.2717391304vmax
    }
}

.badge,.badge-f,.badge-l {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    border-radius: 50%;
    color: #fff
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .badge,.badge-f,.badge-l {
        width:4.8309178744vw;
        height: 4.8309178744vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .badge,.badge-f,.badge-l {
        width:2.7173913043vmax;
        height: 2.7173913043vmax
    }
}

.badge-f,.badge-l {
    background-color: #0080ff;
    text-align: center
}

.badge-l {
    background-color: pink
}

.filer-wrap {
    width: 100%
}

@media screen and (min-width: 1281px) {
    .filer-wrap {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .filer-wrap .col-wrap {
        flex: 0 0 100%
    }

    .filer-wrap .col-two-wrap {
        flex: 0 0 49.5%
    }
}

.flex-align-left {
    justify-content: left
}

.bg-login {
    background-image: -webkit-linear-gradient(30deg,#465064 0,#292e3a 100%);
    background-image: -o-linear-gradient(30deg,#465064 0,#292e3a 100%);
    background-image: linear-gradient(30deg,#465064 0,#292e3a 100%);
    background-repeat: repeat-x;
    width: 100vw;
    height: 100vh
}

@media screen and (min-width: 769px) {
    .form-login {
        max-width:28.125rem
    }
}

.form-login .title {
    margin-bottom: 0
}

.form-login .form-group {
    position: relative
}

.form-login .form-group .form-checkbox,.form-login .form-group .form-label,.form-login .form-group>.label {
    flex: 0 0 10%;
    justify-content: flex-start
}

.form-login .form-group .form-text,.form-login .form-group .invalid-feedback,.form-login .form-group .valid-feedback,.form-login .form-group>.check-custom,.form-login .form-group>.check-inline-group,.form-login .form-group>.form-control {
    flex: 0 0 90%
}

.form-login .label {
    display: flex;
    align-items: center;
    padding-top: 0
}

.form-login .label .ic,.form-login .label .ic-close,.form-login .label .ic-down,.form-login .label .ic-home,.form-login .label .ic-left,.form-login .label .ic-menu,.form-login .label .ic-multiple,.form-login .label .ic-report,.form-login .label .ic-right,.form-login .label .ic-subaccount,.form-login .label .ic-ticket,.form-login .label .ic-transfer,.form-login .label .ic-user {
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

.form-login .label .ic-user-outline {
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem
}

.form-login .label .ic-action,.form-login .label .ic-add,.form-login .label .ic-captcha,.form-login .label .ic-check,.form-login .label .ic-collapse,.form-login .label .ic-copy,.form-login .label .ic-delete,.form-login .label .ic-edit,.form-login .label .ic-excel,.form-login .label .ic-expand,.form-login .label .ic-inbox,.form-login .label .ic-info,.form-login .label .ic-lock,.form-login .label .ic-logout,.form-login .label .ic-minus,.form-login .label .ic-more-horiz,.form-login .label .ic-more-vert,.form-login .label .ic-nodata,.form-login .label .ic-pwd,.form-login .label .ic-refresh,.form-login .label .ic-replay,.form-login .label .ic-save,.form-login .label .ic-search,.form-login .label .ic-setting,.form-login .label .ic-step,.form-login .label .ic-unlock,.form-login .label .ic-wallet {
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: contain
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-login .label .ic,.form-login .label .ic-action,.form-login .label .ic-add,.form-login .label .ic-captcha,.form-login .label .ic-check,.form-login .label .ic-close,.form-login .label .ic-collapse,.form-login .label .ic-copy,.form-login .label .ic-delete,.form-login .label .ic-down,.form-login .label .ic-edit,.form-login .label .ic-excel,.form-login .label .ic-expand,.form-login .label .ic-home,.form-login .label .ic-inbox,.form-login .label .ic-info,.form-login .label .ic-left,.form-login .label .ic-lock,.form-login .label .ic-logout,.form-login .label .ic-menu,.form-login .label .ic-minus,.form-login .label .ic-more-horiz,.form-login .label .ic-more-vert,.form-login .label .ic-multiple,.form-login .label .ic-nodata,.form-login .label .ic-pwd,.form-login .label .ic-refresh,.form-login .label .ic-replay,.form-login .label .ic-report,.form-login .label .ic-right,.form-login .label .ic-save,.form-login .label .ic-search,.form-login .label .ic-setting,.form-login .label .ic-step,.form-login .label .ic-subaccount,.form-login .label .ic-ticket,.form-login .label .ic-transfer,.form-login .label .ic-unlock,.form-login .label .ic-user,.form-login .label .ic-user-outline,.form-login .label .ic-wallet {
        right:1.9323671498vw;
        width: 5.7971014493vw;
        height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-login .label .ic,.form-login .label .ic-action,.form-login .label .ic-add,.form-login .label .ic-captcha,.form-login .label .ic-check,.form-login .label .ic-close,.form-login .label .ic-collapse,.form-login .label .ic-copy,.form-login .label .ic-delete,.form-login .label .ic-down,.form-login .label .ic-edit,.form-login .label .ic-excel,.form-login .label .ic-expand,.form-login .label .ic-home,.form-login .label .ic-inbox,.form-login .label .ic-info,.form-login .label .ic-left,.form-login .label .ic-lock,.form-login .label .ic-logout,.form-login .label .ic-menu,.form-login .label .ic-minus,.form-login .label .ic-more-horiz,.form-login .label .ic-more-vert,.form-login .label .ic-multiple,.form-login .label .ic-nodata,.form-login .label .ic-pwd,.form-login .label .ic-refresh,.form-login .label .ic-replay,.form-login .label .ic-report,.form-login .label .ic-right,.form-login .label .ic-save,.form-login .label .ic-search,.form-login .label .ic-setting,.form-login .label .ic-step,.form-login .label .ic-subaccount,.form-login .label .ic-ticket,.form-login .label .ic-transfer,.form-login .label .ic-unlock,.form-login .label .ic-user,.form-login .label .ic-user-outline,.form-login .label .ic-wallet {
        right:1.0869565217vmax;
        width: 3.2608695652vmax;
        height: 3.2608695652vmax
    }
}

.form-login .label .ic-user-outline {
    background-size: 94%
}

.form-login .btn-refresh,.form-login .img-validation {
    position: absolute;
    right: 0
}

.form-login .img-validation {
    right: 2.125rem;
    top: 1rem;
    height: 1.5rem;
    width: auto
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-login .img-validation {
        right:8.2125603865vw;
        top: 3.8647342995vw;
        height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-login .img-validation {
        right:4.6195652174vmax;
        top: 2.1739130435vmax;
        height: 3.2608695652vmax
    }
}

.form-login .btn-refresh {
    right: .625rem;
    top: 1rem;
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .form-login .btn-refresh {
        right:2.4154589372vw;
        top: 3.8647342995vw;
        flex: 0 0 5.7971014493vw;
        width: 5.7971014493vw;
        height: 5.7971014493vw;
        min-height: 5.7971014493vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .form-login .btn-refresh {
        right:1.3586956522vmax;
        top: 2.1739130435vmax;
        flex: 0 0 3.2608695652vmax;
        width: 3.2608695652vmax;
        height: 3.2608695652vmax;
        min-height: 3.2608695652vmax
    }
}

.nodata {
    margin: .5rem 0;
    width: 100%;
    text-align: center
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .nodata {
        margin:1.9323671498vw 0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .nodata {
        margin:1.0869565217vmax 0
    }
}

.nodata-img {
    width: 2.5rem;
    height: 2.5rem;
    margin: .25rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .nodata-img {
        width:9.6618357488vw;
        height: 9.6618357488vw;
        margin: .9661835749vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .nodata-img {
        width:5.4347826087vmax;
        height: 5.4347826087vmax;
        margin: .5434782609vmax
    }
}

.nodata-text {
    font-size: 1rem;
    color: #666
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .nodata-text {
        font-size:3.8647342995vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .nodata-text {
        font-size:2.1739130435vmax
    }
}

@media screen and (max-width: 768px) {
    .bg-login .modal-dialog {
        max-width:100%
    }

    .bg-login .modal.d-flex {
        height: 100%
    }
}

@media screen and (orientation: portrait) and (min-width:1024px) and (max-height:1366px) and (hover:none) {
    input[type=date] {
        min-width:95%
    }

    .filter-group {
        width: auto;
        min-width: auto;
        max-width: 60%
    }

    .filter-group .dateFilterBtn {
        margin-bottom: 1.3333333333vw
    }

    .filter-group::before {
        background: 0 0
    }

    .col-wrap.panel-group .col-2,.modal .col-2 {
        flex: 0 0 calc(50% - .5%);
        max-width: calc(50% - .5%);
        margin-bottom: 0
    }

    .form-group.form-column {
        display: inline-flex;
        flex: 0 0 50%;
        width: 49%
    }

    .bg-login .form-group.form-column {
        flex: 0 0 100%;
        width: 100%
    }
}

@media screen and (orientation: portrait) and (min-width:768px) and (max-height:1024px) and (hover:none) {
    input[type=date] {
        min-width:95%
    }

    .filter-group {
        width: auto;
        min-width: auto;
        max-width: 60%
    }

    .filter-group .dateFilterBtn {
        margin-bottom: 1.3333333333vw
    }

    .filter-group::before {
        background: 0 0
    }

    .col-wrap.panel-group .col-2,.modal .col-2 {
        flex: 0 0 calc(50% - .5%);
        max-width: calc(50% - .5%);
        margin-bottom: 0
    }

    .form-group.form-column {
        display: inline-flex;
        flex: 0 0 50%;
        width: 49%
    }

    .bg-login .form-group.form-column {
        flex: 0 0 100%;
        width: 100%
    }
}

@media screen and (orientation: portrait) and (min-width:1024px) and (max-height:1366px) and (hover:none) {
    .container-flex {
        padding-top:3rem
    }

    .sidenav {
        flex: 0 0 30%
    }

    .page-content-body .col-2,.page-content-body .col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page-content-body .col-3 {
        margin-bottom: 1rem
    }

    .page-content-body .col-wrap .col-2:first-child {
        margin-bottom: 1rem
    }

    .form-group {
        flex: 0 0 50%
    }
}

@media screen and (orientation: landscape) and (min-width:1366px) and (max-height:1024px) and (hover:none) {
    .form-login .form-group>.form-control {
        flex:0 0 88%
    }

    input[type=date] {
        min-width: 95%
    }

    .container-flex {
        padding-top: 3rem
    }

    .page-content-body .col-2,.page-content-body .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem
    }

    .page-content-body .col-wrap .col-2:last-child,.page-content-body .col-wrap .col-3:last-child {
        margin-bottom: 0
    }

    .section-head {
        padding: 5px
    }

    .card-head,.form-login .title,.modal h4,.section-head h2 {
        font-size: 1.2rem
    }

    .cancelBtn,.check-inline .form-column .label,.form-column .check-inline .label,.form-column label,.form-control,.form-label,.table {
        font-size: 1rem
    }

    body {
        font-size: .875rem
    }

    .list-inline-item {
        font-size: .9rem
    }

    .lang .text {
        font-size: .8rem
    }

    .form-group.form-column .label {
        line-height: 2
    }

    .col-wrap.panel-group .col-2 {
        flex: 0 0 calc(50% - .5%);
        max-width: calc(50% - .5%);
        margin-bottom: 0
    }

    .col-wrap.panel-group .number {
        line-height: 1
    }

    .section-body {
        padding: 1rem
    }

    .form-column>.label {
        flex: 0 0 auto
    }

    .btn-outline-white {
        height: 2.5rem;
        min-height: 2.5rem
    }

    .btn-addon .text {
        line-height: 1.8
    }

    .filter-group {
        width: 60%;
        min-width: 60%
    }

    .buttons-collection span,.filter-group .dateFilterBtn {
        font-size: 1rem
    }

    .sidenav .dropdown-toggle::after {
        top: calc((52px - 10px)/2)
    }

    .dropdown-toggle::after {
        top: calc((50% - 5px)/2)
    }

    .form-group.form-column {
        display: inline-flex;
        flex: 0 0 50%;
        width: 49%
    }

    .bg-login .form-group.form-column {
        flex: 0 0 100%;
        width: 100%
    }
}

@media screen and (orientation: landscape) and (min-width:1024px) and (max-height:768px) and (hover:none) {
    .form-login .form-group>.form-control {
        flex:0 0 88%
    }

    input[type=date] {
        min-width: 95%
    }

    .container-flex {
        padding-top: 3rem
    }

    .page-content-body .col-2,.page-content-body .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem
    }

    .page-content-body .col-wrap .col-2:last-child,.page-content-body .col-wrap .col-3:last-child {
        margin-bottom: 0
    }

    .section-head {
        padding: 5px
    }

    .card-head,.form-login .title,.modal h4,.section-head h2 {
        font-size: 1.2rem
    }

    .cancelBtn,.check-inline .form-column .label,.form-column .check-inline .label,.form-column label,.form-control,.form-label,.table {
        font-size: 1rem
    }

    body {
        font-size: .875rem
    }

    .list-inline-item {
        font-size: .9rem
    }

    .lang .text {
        font-size: .8rem
    }

    .form-group.form-column .label {
        line-height: 2
    }

    .col-wrap.panel-group .col-2 {
        flex: 0 0 calc(50% - .5%);
        max-width: calc(50% - .5%);
        margin-bottom: 0
    }

    .col-wrap.panel-group .number {
        line-height: 1
    }

    .section-body {
        padding: 1rem
    }

    .form-column>.label {
        flex: 0 0 auto
    }

    .btn-outline-white {
        height: 2.5rem;
        min-height: 2.5rem
    }

    .btn-addon .text {
        line-height: 1.8
    }

    .filter-group {
        width: 60%;
        min-width: 60%
    }

    .buttons-collection span,.filter-group .dateFilterBtn {
        font-size: 1rem
    }

    .sidenav .dropdown-toggle::after {
        top: calc((52px - 10px)/2)
    }

    .dropdown-toggle::after {
        top: calc((50% - 5px)/2)
    }

    .form-group.form-column {
        display: inline-flex;
        flex: 0 0 50%;
        width: 49%
    }

    .bg-login .form-group.form-column {
        flex: 0 0 100%;
        width: 100%
    }
}

.register-wrap .resend-set,.tips-group span.win {
    color: green
}

.register-wrap .resend-set:hover,.tips-group span.lose {
    color: red
}

.vcode-input {
    position: relative;
    margin-bottom: .3125rem
}

.btn-vcode,.resend-set {
    position: absolute;
    transition: .3s
}

.resend-set {
    display: none;
    z-index: 1;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
    color: #488286;
    font-size: .75rem;
    line-height: 2.5rem;
    pointer-events: none
}

.resend-set.active {
    display: inline-block;
    cursor: pointer;
    pointer-events: auto
}

.resend-set.active:hover {
    color: #587fc5
}

.resend-set.countdown {
    text-decoration: none;
    pointer-events: none
}

.btn-vcode {
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: .8125rem;
    line-height: 0;
    cursor: pointer
}

.btn-vcode p,.btn-vcode>i {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.btn-vcode p {
    padding: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.875rem
}

.btn-vcode p span {
    display: none;
    width: 3px;
    height: 3px;
    margin-left: 3px;
    border-radius: 50%;
    background-color: #fff
}

.btn-vcode.active {
    padding: 0;
    animation: btnmove .4s forwards ease-in
}

.btn-vcode.active .line {
    animation: none;
    opacity: 0
}

.btn-vcode.active.sending {
    overflow: auto;
    opacity: 0
}

.btn-vcode.resend {
    animation: resend .3s forwards ease-in
}

.btn-vcode.resend .svg-mail {
    transform-origin: center;
    animation: mail .6s ease-in-out alternate-reverse infinite
}

.btn-vcode.sending {
    overflow: visible;
    cursor: wait;
    pointer-events: none
}

.btn-vcode.sending .svg-phone {
    left: 0;
    opacity: 1
}

.btn-vcode.sending .svg-mail {
    width: 1.875rem;
    -webkit-mask: url(/images/affiliate/icon/icon-mail.svg)no-repeat center/32%;
    mask: url(/images/affiliate/icon/icon-mail.svg)no-repeat center/32%
}

.btn-vcode.sending .line {
    animation: none;
    opacity: 0
}

.btn-vcode.mail-rotate .svg-mail {
    transform-origin: center;
    animation: mailani .3s ease-out alternate-reverse infinite
}

.btn-2nd {
    border-radius: .25rem;
    background: #5fad56;
    background-position: 50%0;
    background-size: 200%;
    color: #fff;
    text-align: center
}

.sms-svg-group {
    display: inline-block;
    position: relative;
    width: auto;
    height: 100%;
    vertical-align: middle
}

.sms-svg-group .svg-sms {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(1)
}

.sms-svg-group .path-sms {
    fill: transparent
}

.svg-phone {
    display: block;
    position: absolute;
    bottom: .0625rem;
    left: -1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    transition: .3s;
    opacity: 0;
    background-color: #fff;
    -webkit-mask: url(/images/affiliate/icon/icon-phone.svg)no-repeat center/80%;
    mask: url(/images/affiliate/icon/icon-phone.svg)no-repeat center/80%
}

.svg-mail-group {
    width: 1.875rem;
    height: 100%
}

.svg-mail-group .line {
    position: absolute;
    top: 50%;
    left: -1.125rem;
    width: .75rem;
    padding: 0;
    transform: translateY(-49%)
}

.svg-mail-group .line li {
    width: 100%;
    height: 2px;
    margin: 1px 0;
    padding: 0;
    float: right;
    border-radius: 3px;
    background: #fff
}

.svg-mail-group .line li:first-child {
    width: 70%;
    animation: smsAct .3s alternate-reverse infinite
}

.svg-mail-group .line li:nth-child(2) {
    animation: smsAct .3s .1s alternate-reverse infinite
}

.svg-mail-group .line li:last-child {
    width: 50%;
    animation: smsAct .3s .2s alternate-reverse infinite
}

.svg-mail,.svg-mail-outer {
    height: 100%;
    transition: .3s
}

.svg-mail {
    background-color: #fff;
    -webkit-mask: url(/images/affiliate/icon/icon-mail.svg)no-repeat center/60%;
    mask: url(/images/affiliate/icon/icon-mail.svg)no-repeat center/60%
}

.header {
    flex-wrap: nowrap;
    justify-content: space-between
}

.header .referral-code {
    margin: 0 1rem 0 .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

@media screen and (max-width: 768px) {
    .header .referral-code {
        display:none
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .header .referral-code {
        margin:0 3.8647342995vw 0 2.8985507246vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .header .referral-code {
        margin:0 2.1739130435vmax 0 1.6304347826vmax
    }
}

.check-inline .header .referral-code .label,.header .referral-code .check-inline .label,.header .referral-code label {
    margin-right: .75rem;
    color: rgba(255,255,255,.6)
}

.header .referral-code .code-copy {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0
}

.header .referral-code .code-copy [type=text] {
    width: 18.75rem;
    height: 2rem;
    min-height: 2rem;
    padding: 0 .25rem 0 2rem;
    border: 0;
    border-radius: .25rem 0 0 .25rem;
    background: rgba(255,255,255,.1);
    color: #fff;
    font-size: .875rem
}

.header .referral-code .code-copy .ic-link {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    -webkit-mask: url(/images/affiliate/icon/icon-link.svg)no-repeat center/40%;
    mask: url(/images/affiliate/icon/icon-link.svg)no-repeat center/40%
}

.header .referral-code .btn-copy {
    position: relative;
    width: 2rem;
    height: 2rem;
    transition: .3s;
    border-radius: 0 .25rem .25rem 0;
    background-color: rgba(255,255,255,.4);
    cursor: pointer
}

.header .referral-code .btn-copy::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    -webkit-mask: url(/images/affiliate/icon/icon-copy-w.svg)no-repeat center/50%;
    mask: url(/images/affiliate/icon/icon-copy-w.svg)no-repeat center/50%
}

.header .referral-code .btn-copy:hover,.header .referral-code-mobile .code-copy:hover .ic-link {
    background-color: #fff
}

.header .referral-code .btn-copy:hover::before {
    background-color: #212121
}

.header .referral-code .tips-txt {
    display: none;
    position: absolute;
    z-index: 2;
    top: 5%;
    right: -24%;
    padding: .25rem .5rem;
    border-radius: .25rem;
    background-color: #222832;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.1);
    color: #fff;
    line-height: 1.5
}

.header .referral-code .tips-txt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10%;
    width: 0;
    height: 0;
    transform: translate(-50%,-50%);
    border-width: .5rem;
    border-style: solid;
    border-color: transparent #222832 transparent transparent
}

.header .referral-code .tips-txt.show {
    display: block!important;
    animation: tips-txt-show .2s linear forwards
}

.header .referral-code .tips-txt.hide {
    display: block!important;
    animation: tips-txt-hide .2s linear forwards
}

.header .referral-code-mobile {
    margin-left: .4rem
}

@media screen and (min-width: 769px) {
    .header .referral-code-mobile {
        display:none
    }
}

.header .referral-code-mobile .code-copy {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: .25rem;
    background: rgba(255,255,255,.2)
}

.header .referral-code-mobile .code-copy button {
    width: 7.1875rem;
    height: 1.875rem;
    padding: 0;
    color: #fff;
    font-weight: 400
}

.header .referral-code-mobile .code-copy button:hover {
    color: #fff
}

.header .referral-code-mobile .code-copy button.btn-copy {
    display: flex;
    align-items: center
}

.header .referral-code-mobile .code-copy button.btn-copy .ic-link {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    background: #fff;
    -webkit-mask: url(/images/affiliate/icon/icon-copy-w.svg)no-repeat center/40%;
    mask: url(/images/affiliate/icon/icon-copy-w.svg)no-repeat center/40%
}
.header .referral-code-mobile .code-copy button.btn-copy .ic-share {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    background: #fff;
    -webkit-mask: url(../images/affiliate/icon-link.svg)no-repeat center/40%;
    mask: url(../images/affiliate/icon-link.svg)no-repeat center/40%
}

.header .referral-code-mobile .code-copy button.btn-copy.hide-slide {
    animation: hide-slide 2s cubic-bezier(1,-.5,0,1.5) forwards
}

.header .referral-code-mobile .code-copy button.btn-copied {
    position: absolute;
    top: -2.25rem;
    left: 0;
    padding: 0 1.625rem;
    height: 100%;
    width:100%;
    border-radius: .25rem;
    background: #4d576a
}

.header .referral-code-mobile .code-copy button.btn-copied::before {
    display: none
}

.header .referral-code-mobile .code-copy button.show {
    animation: slide 2s cubic-bezier(1,-.5,0,1) forwards;
    color: #f3f6f9
}

.swal2-actions .swal2-confirm {
    background: #465064!important
}

.swal2-actions .swal2-cancel {
    background: #ccc!important
}

.swal2-icon.swal2-warning {
    border-color: #cc2936;
    color: #cc2936
}

.swal2-icon.swal2-success {
    border-color: #5fad56;
    color: #5fad56
}

.swal2-icon-success .swal2-title,.swal2-icon.swal2-success .swal2-title {
    color: #5fad56
}

.swal2-icon-warning .swal2-title {
    color: #cc2936
}

.dataTables_wrapper .dataTables_paginate {
    margin-bottom: 10px
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .ellipsis {
        display:inline-block;
        height: 40px;
        border-left: 1px solid #747c8b;
        line-height: 40px;
        vertical-align: bottom
    }
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: auto;
    min-width: 1.875rem;
    height: 1.875rem;
    margin: 0 0 .625rem .9375rem;
    padding: 0 .3125rem;
    border: .0625rem solid rgba(70,80,100,.5);
    border-radius: .3125rem;
    line-height: 1.875rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width:2.5rem;
        height: 2.5rem;
        margin: 0;
        border-right: 0;
        border-radius: 0;
        line-height: 2.5rem
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        border-right: 1px solid #747c8b
    }
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: .0625rem solid rgba(70,80,100,.5);
    background: #465064
}

.dataTables_wrapper .dataTables_paginate .previous {
    margin-left: 0;
    border-radius: 5px 0 0 5px;
    text-indent: -9999px;
    white-space: nowrap
}

.dataTables_wrapper .dataTables_paginate .previous:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ffffff"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')no-repeat center/contain,#465064
}

.dataTables_wrapper .dataTables_paginate .previous.disabled,.dataTables_wrapper .dataTables_paginate .previous.disabled:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ddd"><path d="M30.83 32.67l-9.17-9.17 9.17-9.17L28 11.5l-12 12 12 12z"></path></g></svg>')no-repeat center/contain,#fff
}

.dataTables_wrapper .dataTables_paginate .next {
    border-radius: 0 5px 5px 0;
    text-indent: -9999px;
    white-space: nowrap
}

.dataTables_wrapper .dataTables_paginate .next:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ffffff"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')no-repeat center/contain,#465064
}

.dataTables_wrapper .dataTables_paginate .next.disabled,.dataTables_wrapper .dataTables_paginate .next.disabled:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="%23ddd"><path d="M17.17 32.92l9.17-9.17-9.17-9.17L20 11.75l12 12-12 12z"></path></g></svg>')no-repeat center/contain,#fff
}

.dataTables_wrapper .dataTables_paginate .disabled {
    border: .0625rem solid #ddd!important;
    color: red
}

.dataTables_wrapper .dataTables_paginate .disabled:hover {
    border: .0625rem solid #ddd!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: .0625rem solid rgba(70,80,100,.5);
    background: #465064;
    color: #fff!important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #465064;
    color: #fff!important
}

.dataTables_length select {
    height: 1.875rem;
    border: .0625rem solid #747c8b;
    padding: 0 .3125rem;
    cursor: pointer
}

.dataTable {
    margin: 1.25rem auto!important;
    border-collapse: collapse!important;
    font-size: .875rem
}

.dataTable th,.dataTable thead th {
    padding: .625rem;
    border-bottom: 0;
    background: #465064;
    color: #fff;
    text-align: left
}

.dataTable th:not(:last-of-type),.dataTable thead th:not(:last-of-type) {
    border-right: .0625rem solid #6b7383;
    border-bottom: 0
}

.dataTable thead .sorting,table.dataTable thead th {
    border-bottom: 0
}

.dataTable tbody tr {
    border-bottom: .0625rem solid #ddd;
    cursor: pointer
}

.dataTable tbody tr:nth-child(odd) {
    background: #eee
}

.dataTables_wrapper .dt-buttons {
    display: inline-block;
    float: none
}

.dataTables_wrapper .buttons-colvis {
    margin-right: 0;
    padding-left: 2.1875rem;
    border-radius: .3125rem;
    border-color: #465064;
    background: #fff;
    color: #465064
}

.dataTables_wrapper .buttons-colvis::before {
    content: "";
    position: absolute;
    top: 0;
    left: .1875rem;
    width: 1.875rem;
    height: 1.875rem;
    background: url('data:image/svg+xml,<svg height="1792" width="1792" xmlns="http://www.w3.org/2000/svg"><g fill="%23465064"><path d="M1595 295q17 41-14 70l-493 493v742q0 42-39 59-13 5-25 5-27 0-45-19l-256-256q-19-19-19-45V858L211 365q-31-29-14-70 17-39 59-39h1280q42 0 59 39z"/></g></svg>')no-repeat center/80%
}

.dataTables_wrapper .buttons-colvis:hover:not(.disabled) {
    background: #465064;
    color: #fff
}

.dataTables_wrapper .buttons-colvis:hover:not(.disabled)::before {
    background: url('data:image/svg+xml,<svg height="1792" width="1792" xmlns="http://www.w3.org/2000/svg"><g fill="%23ffffff"><path d="M1595 295q17 41-14 70l-493 493v742q0 42-39 59-13 5-25 5-27 0-45-19l-256-256q-19-19-19-45V858L211 365q-31-29-14-70 17-39 59-39h1280q42 0 59 39z"/></g></svg>')no-repeat center/80%
}

.dataTables_wrapper .buttons-colvis:focus:not(.disabled) {
    background: #fff
}

.dataTables_wrapper .dataTables_filter input {
    width: 60%;
    height: 1.875rem;
    padding: 0 .3125rem;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    font-size: .875rem;
    line-height: 1.875rem
}

.ui.form [type=search] {
    height: 1.875rem;
    padding: 0 .625rem;
    line-height: 1.875rem
}

.dt-button {
    background: #fff
}

.affiliate-body .dt-button-collection button,.table-wrap .dt-button-collection button {
    position: relative;
    width: 100%;
    padding-left: 2.1875rem;
    border: 0;
    background: #fff!important;
    box-shadow: none!important;
    color: #888!important;
    text-align: left;
    -webkit-overflow-scrolling: touch
}

.affiliate-body .dt-button-collection button::before,.table-wrap .dt-button-collection button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.875rem;
    height: 1.875rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360.72" height="360.72"><g fill="%23888"><path d="M360.72 352.99a7.73 7.73 0 01-7.73 7.73H7.72A7.72 7.72 0 010 352.99V7.72A7.72 7.72 0 017.72 0H353a7.72 7.72 0 017.72 7.72V353h.01z"/></g></svg>')no-repeat center/80%
}

.affiliate-body .dt-button-collection .active:hover,.affiliate-body .dt-button-collection button:hover,.table-wrap .dt-button-collection .active:hover,.table-wrap .dt-button-collection button:hover {
    border: 0
}

@media screen and (min-width: 1281px) {
    .affiliate-body .dt-button-collection button:hover,.table-wrap .dt-button-collection button:hover {
        color:#587fc5!important
    }

    .affiliate-body .dt-button-collection button:hover::before,.table-wrap .dt-button-collection button:hover::before {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><g fill="%23587fc5"><path d="M0 0v60h60V0H0zm44.5 22.33l-16 18a2 2 0 01-2.75.23l-10-8a2 2 0 012.5-3.12l8.52 6.81L41.5 19.67a2 2 0 112.98 2.66z"/></g></svg>')no-repeat center/80%
    }
}

.affiliate-body .dt-button-collection .active,.table-wrap .dt-button-collection .active {
    color: #465064!important
}

.affiliate-body .dt-button-collection .active::before,.table-wrap .dt-button-collection .active::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><g fill="%23465064"><path d="M0 0v60h60V0H0zm44.5 22.33l-16 18a2 2 0 01-2.75.23l-10-8a2 2 0 012.5-3.12l8.52 6.81L41.5 19.67a2 2 0 112.98 2.66z"/></g></svg>')no-repeat center/80%!important
}

@media screen and (min-width: 1281px) {
    .affiliate-body .dt-button-collection .active:hover,.table-wrap .dt-button-collection .active:hover {
        color:#587fc5!important
    }

    .affiliate-body .dt-button-collection .active:hover::before,.table-wrap .dt-button-collection .active:hover::before {
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><g fill="%23587fc5"><path d="M0 0v60h60V0H0zm44.5 22.33l-16 18a2 2 0 01-2.75.23l-10-8a2 2 0 012.5-3.12l8.52 6.81L41.5 19.67a2 2 0 112.98 2.66z"/></g></svg>')no-repeat center/80%!important
    }
}

.table .ic-action {
    display: inline-block;
    width: 75%;
    background-size: 1.25rem
}

.form-login .main-inner {
    padding: 0
}

.form-login .form-column .btn-refresh {
    right: .75rem;
    border-radius: 100%
}

.form-login .form-column .btn-refresh:hover {
    transform: rotate(90deg)
}

.form-login .form-column .img-validation {
    right: 2.375rem
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .bg-login .modal {
        top:50%;
        padding: 0 5%;
        transform: translateY(-50%)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .bg-login .modal {
        top:50%;
        padding: 0 5%;
        transform: translateY(-50%)
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .bg-login .main-inner {
        overflow:auto
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .bg-login .main-inner {
        overflow:auto
    }
}

.bg-login .btn-outline-secondary {
    border-width: .125rem;
    line-height: 1
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .bg-login .btn-primary {
        margin-bottom:0
    }
}

.form-group.form-column {
    flex-direction: column
}

.form-group.form-column .label {
    justify-content: flex-start;
    padding: 0;
    margin-bottom: .3125rem
}

.form-group.form-column .form-label {
    flex: 0;
    padding: 0;
    text-align: left
}

.form-group.form-column .form-text {
    flex: 0;
    margin: 0
}

.form-group.form-column .form-control,.form-group.form-column .invalid-feedback {
    flex: none;
    width: 100%
}

.btn-group input,.btn-group select,.form-group.form-column input[type=date],.form-group.form-column select {
    cursor: pointer
}

.form-group.form-column .other {
    display: flex
}

.form-group.form-column .other select {
    flex: 1;
    min-width: 6.5625rem;
    margin-right: .3125rem
}

.form-group.form-column .other input {
    flex: 3;
    width: auto
}

.form-group.form-column .other .number-box {
    flex: 1;
    min-width: 3.125rem;
    margin-right: .3125rem
}

.form-group.form-column .media-box input.form-control,.media-box input.form-control {
    width: 58%
}

.form-group.form-column .media-box select.form-control,.form-group.form-column .media-select {
    display: inline-block;
    width: 40%;
    vertical-align: top
}

.form-group.form-column .media-select {
    width: 30%
}

.media-box select.form-control {
    width: 40%
}

.form-group .form-column .form-3-col {
    align-items: flex-start;
    height: 80px
}

.check-inline .form-group .form-column .form-3-col .label,.form-group .form-column .form-3-col .check-inline .label,.form-group .form-column .form-3-col label {
    flex: none
}

.form-group .form-column .form-3-col input {
    width: 100%
}

.form-2-col.form-column {
    flex-wrap: nowrap
}

.form-2-col.form-column .label {
    justify-content: flex-start
}

.form-2-col.form-column .check-custom,.form-login .check-custom {
    margin: 0
}

.form-login .form-column .btn-refresh,.form-login .form-column .img-validation {
    top: 2.5625rem
}

@media screen and (max-width: 768px) {
    #datatable_filter {
        text-align:left
    }

    #datatable_filter .check-inline .label,#datatable_filter label,.check-inline #datatable_filter .label {
        line-height: 1.875rem
    }

    #datatable_filter input {
        width: 77%;
        float: right
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    #datatable_filter input {
        width:71%;
        float: right
    }

    .page-content-body .col-2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: .625rem
    }
}

.affiliate-body .col-1 {
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .affiliate-body .btn-primary:not(:last-of-type) {
        margin-bottom:0
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .affiliate-body .btn-primary:not(:last-of-type) {
        margin-bottom:0
    }
}

.mt-repeater-row {
    width: 92%
}

.mt-repeater-row .form-2-col {
    flex: 2
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .mt-repeater-row {
        width:100%
    }
}

.media-select {
    display: inline-block;
    width: 30%;
    vertical-align: top
}

.btn-fab,.btn-fab:hover {
    box-shadow: 0 .0625rem .375rem 0 rgba(0,0,0,.06),0 .125rem 2rem 0 rgba(0,0,0,.16)
}

.btn-fab {
    position: fixed;
    right: 1.25rem;
    bottom: 5.625rem;
    width: 3.75rem;
    height: 3.75rem;
    transition: .1s ease-in-out;
    border-radius: 50%;
    background-color: #587fc5;
    color: #fff;
    font-size: 2.8125rem;
    line-height: 3.4375rem;
    text-align: center;
    cursor: pointer
}

.btn-fab:hover {
    transform: scale(1.05)
}

.dt-buttons .dt-button-collection {
    width: auto;
    min-width: 150px;
    max-width: 250px;
    max-height: 190px;
    overflow-y: auto
}

.dt-buttons .dt-button-collection>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    transform: translate3d(0,0,0)
}

.dt-buttons .dt-button-collection>div button {
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .dt-button-background {
        display:none!important
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .dt-button-background {
        display:none!important
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .list-group-item {
        max-height:28vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .list-group-item {
        max-height:15.7421289355vmax
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .modal {
        max-height:calc(100vh - 110px)
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .modal {
        max-height:calc(93vh)
    }
}

.form-column.form-3-col .label {
    display: block;
    flex: 0;
    text-align: left
}

.modal-foot .btn-light,.modal-foot .btn-primary,.section-body .btn-light,.section-body .btn-primary {
    vertical-align: top
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .btn-group .btn-secondary {
        margin-bottom:.8vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .btn-group .btn-secondary {
        margin-bottom:.4497751124vmax
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    input[type=date] {
        min-width:95%
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    input[type=date] {
        min-width:98%
    }
}

@media screen and (min-width: 1281px) {
    .form-column>.label {
        flex:0 0 auto
    }

    .modal-dialog:not(.form-login) {
        max-width: 60%
    }
}

.panel-group .section {
    border-radius: 0;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    position: relative;
    overflow: hidden;
    box-shadow: none
}

.panel-group .section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(70,80,100,.5)
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .panel-group .section-body {
        padding:2.6666666667vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .panel-group .section-body {
        padding:1.4992503748vmax
    }
}

.panel-group .form-group {
    padding: .25rem .375rem
}

.panel-group .number {
    flex: 2;
    margin-left: .9375rem;
    color: #465064;
    font-size: 1.875rem;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: .8;
    text-align: right
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .panel-group .number {
        font-size:8vw
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .panel-group .number {
        font-size:4.4977511244vmax
    }
}

.panel-group .float-right {
    color: #747c8b
}

.form-2-col.form-column .form-control {
    flex: 0 0 auto
}

.submenu-link:hover {
    font-weight: 400
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .filter .dropdown-toggle.active {
        width:auto
    }
}

@media screen and (max-aspect-ratio: 13/9) and (max-width:767px) and (orientation:portrait) and (hover:none) {
    .bg-login {
        padding-top:6.6666666667vw
    }

    .bg-login .modal-dialog {
        max-width: 100%
    }

    .bg-login .modal.d-flex {
        display: block!important;
        position: static;
        transform: translateY(0)
    }

    .bg-login .form-group.form-column .label {
        flex: 0 0 25px
    }
}

@media screen and (orientation: landscape) and (min-aspect-ratio:13/9) and (hover:none) {
    .bg-login .modal-dialog.form-login {
        margin:0 auto
    }

    .bg-login .modal-dialog {
        max-width: 100%
    }

    .bg-login .modal-body {
        padding-top: 0
    }
}

@media screen and (orientation: landscape) and (hover:none) {
    .bg-login {
        padding-top:6.6666666667vw
    }

    .bg-login .modal-dialog {
        max-width: 100%
    }

    .bg-login .modal {
        display: block!important;
        position: static;
        transform: translateY(0);
        padding: 0 5%
    }
}

.intercom-lightweight-app {
    position: fixed;
    z-index: 2147483001;
    width: 0;
    height: 0;
    font-family: intercom-font,"Helvetica Neue","Apple Color Emoji",Helvetica,Arial,sans-serif
}

.intercom-lightweight-app-gradient {
    position: fixed;
    z-index: 2147483002;
    right: 0;
    bottom: 0;
    width: 500px;
    height: 500px;
    animation: intercom-lightweight-app-gradient 200ms ease-out;
    background: radial-gradient(ellipse at bottom right,rgba(29,39,54,.16)0,rgba(29,39,54,0) 72%);
    pointer-events: none
}

.intercom-lightweight-app-launcher {
    position: fixed;
    z-index: 2147483003;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    animation: intercom-lightweight-app-launcher 250ms ease;
    border-radius: 50%;
    background: #67a8b5;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.06),0 2px 32px 0 rgba(0,0,0,.16);
    cursor: pointer
}

.intercom-lightweight-app-launcher:focus {
    outline: 0
}

.intercom-lightweight-app-launcher-icon {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    transition: transform 100ms linear,opacity 80ms linear
}

.intercom-lightweight-app-launcher-icon-open,.intercom-lightweight-app-launcher-icon-self-serve {
    transform: rotate(0deg) scale(1);
    opacity: 1
}

.intercom-lightweight-app-launcher-icon-open svg {
    width: 28px;
    height: 32px
}

.intercom-lightweight-app-launcher-icon-minimize svg path,.intercom-lightweight-app-launcher-icon-open svg path,.intercom-lightweight-app-launcher-icon-self-serve svg path {
    fill: #fff
}

.intercom-lightweight-app-launcher-icon-self-serve svg {
    height: 56px
}

.intercom-lightweight-app-launcher-custom-icon-open {
    max-width: 36px;
    max-height: 36px;
    transform: rotate(0deg) scale(1);
    opacity: 1
}

.intercom-lightweight-app-launcher-icon-minimize {
    transform: rotate(-60deg) scale(0);
    opacity: 0
}

.intercom-lightweight-app-launcher-icon-minimize svg {
    width: 16px
}

.intercom-lightweight-app-messenger {
    position: fixed;
    z-index: 2147483003;
    right: 20px;
    bottom: 100px;
    width: 376px;
    height: calc(100% - 120px);
    min-height: 250px;
    max-height: 704px;
    overflow: hidden;
    animation: intercom-lightweight-app-messenger 250ms ease-out;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 5px 40px rgba(0,0,0,.16)
}

.intercom-lightweight-app-messenger-header {
    height: 75px;
    background: linear-gradient(135deg,#6ca1ab 0,#406971 100%)
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: .25rem;
    padding: .0625rem .5rem;
    border: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: .1875rem
}

.form-group.form-column {
    position: relative
}

.form-group.form-column .form-text {
    margin: .1875rem 0
}

.form-group.form-column .btn-mail,.form-group.form-column .btn-phone {
    position: absolute;
    top: 1.25rem;
    right: .5rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%
}

.form-group.form-column .btn-phone.verify {
    background: #5fad56
}

.form-group.form-column .btn-phone.unverified {
    background: #cc2936;
    cursor: pointer
}

.form-group.form-column .btn-mail span,.form-group.form-column .btn-phone span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(/images/affiliate/icon/icon-phone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%
}

.form-group.form-column .btn-mail.verify {
    background: #5fad56
}

.form-group.form-column .btn-mail.unverified {
    background: #cc2936;
    cursor: pointer
}

.form-group.form-column .btn-mail span {
    background-image: url(/images/affiliate/icon/icon-mail.svg)
}

.form-group.form-column .action {
    position: relative;
    align-items: center;
    width: fit-content;
    padding-right: 1.5rem;
    cursor: pointer
}

.form-group.form-column .action::before {
    content: "";
    position: absolute;
    top: .125rem;
    right: 0;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g id="icons-search" fill="%23343434" fill-rule="nonzero"><path d="M19.3177519,0 C8.68040651,0 0,8.6804145 0,19.3177519 C0,29.9550893 8.68040651,38.6355038 19.3177519,38.6355038 C23.6784453,38.6355038 27.6962193,37.1607174 30.9359848,34.706381 L43.4129011,47.1806941 C44.0812063,47.8767747 45.0736069,48.1571748 46.0073659,47.913753 C46.9411249,47.6703311 47.6703311,46.9411249 47.913753,46.0073659 C48.1571748,45.0736069 47.8767747,44.0812063 47.1806941,43.4129011 L34.706381,30.9359848 C37.160716,27.696218 38.6355038,23.6784426 38.6355038,19.3177519 C38.6355038,8.6804145 29.9550973,0 19.3177519,0 Z M19.3177519,5.32903501 C27.075075,5.32903501 33.3064688,11.5604342 33.3064688,19.3177519 C33.3064688,23.0423624 31.8597224,26.4061692 29.5074504,28.9063725 C29.2784784,29.072135 29.0773393,29.2732736 28.9115763,29.5022452 C26.4108347,31.8575082 23.0450255,33.3064688 19.3177519,33.3064688 C11.5604289,33.3064688 5.32903501,27.0750696 5.32903501,19.3177519 C5.32903501,11.5604342 11.5604289,5.32903501 19.3177519,5.32903501 Z" id="Shape"></path></g></svg>');
    background-size: cover
}

.form-group.form-column .remark {
    height: 5rem
}

@media screen and (max-width: 768px) {
    .form-group.form-column .remark {
        height:5rem
    }
}

.tag-active,.tag-closed,.tag-inactive,.tag-locked,.tag-pending,.tag-suspend {
    max-width: fit-content;
    margin: .1875rem 0 .0625rem;
    padding: .0625rem .5rem;
    cursor: pointer
}

.tip-error {
    display: flex
}

.tip-error .ic-error {
    width: 1rem;
    height: 1rem;
    margin-right: .1875rem;
    background-image: url(/images/affiliate/icon/icon-error.svg)
}

.tip-error p {
    color: #cc2936;
    font-size: .75rem;
    line-height: 1rem
}

.deposit-receipt-upload {
    font-size: .8125rem;
    margin-bottom: .3125rem
}

.tips-group,.upload-box {
    position: relative;
    border-radius: .25rem
}

.upload-box {
    display: block;
    height: 11.875rem;
    margin-bottom: .3125rem;
    border: 1px dashed #ccc;
    background-image: url(/images/affiliate/icon/icon-upload.png);
    background-repeat: no-repeat;
    background-position: top 35%center;
    background-size: 60px;
    text-align: center;
    cursor: pointer
}

.upload-box::before,.verify-state-box::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.upload-box .icon-close {
    display: none;
    position: absolute;
    z-index: 3;
    top: .625rem;
    right: .625rem;
    width: .9375rem;
    height: .9375rem;
    transition: .3s;
    background-color: #cc2936;
    -webkit-mask: url(/images/affiliate/icon/icon-close.svg)no-repeat center/cover;
    mask: url(/images/affiliate/icon/icon-close.svg)no-repeat center/cover
}

.upload-box .icon-close:hover {
    transform: scale(1.5)
}

.check-inline .upload-box.active .label,.upload-box input,.upload-box.active .check-inline .label,.upload-box.active label {
    display: none
}

.check-inline .upload-box .label,.upload-box .check-inline .label,.upload-box label {
    display: inline-block;
    height: 1.5625rem;
    margin-top: 3.75rem;
    padding: 0 1.25rem;
    line-height: 1.5625rem;
    vertical-align: middle
}

.upload-box img {
    width: auto;
    max-width: 98%;
    height: auto;
    max-height: 100%
}

.upload-box.active .icon-close {
    display: block
}

.upload-box .btn-5th-xs,.upload-box .btn-retry {
    background: #488286;
    border-radius: .25rem;
    color: #fff;
    font-size: .8125rem
}

.tips-group {
    display: inline-flex;
    margin-bottom: .625rem;
    padding: .625rem;
    text-align: left;
    white-space: normal;
    border: 1px solid rgba(116,124,139,.5);
    background-color: rgba(116,124,139,.1)
}

.tips-group b,.tips-group p {
    width: 100%;
    color: #00f;
    font-size: .875rem;
    text-align: left
}

.tips-group ol,.tips-group ol li {
    list-style: decimal outside
}

.tips-group ul,.tips-group ul li {
    list-style: disc outside
}

.tips-group ol,.tips-group ul {
    display: inline-block;
    width: 100%;
    padding-left: .9375rem;
    font-size: .8125rem;
    text-align: left;
    vertical-align: top;
    color: #000
}

.tips-group li {
    display: list-item
}

.tips-group span {
    padding: 0 .3125rem;
    color: #00f;
    font-size: 1rem;
    letter-spacing: 1px
}

.tips-group .bet-info,.tips-group b,.tips-group p,.upload-box img {
    display: inline-block;
    vertical-align: middle
}

.tips-group .bet-info {
    width: 95%
}

.tips-group .bet-info p {
    width: auto;
    margin-right: .9375rem;
    padding-right: .9375rem;
    border-right: 1px solid #000
}

.tips-group .bet-info p:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.verify-state-box {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8)
}

.verify-state-box p {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.verify-state-box .btn-5th-xs,.verify-state-box .btn-retry {
    height: 1.5625rem;
    margin-top: .3125rem;
    padding: 0 .9375rem;
    font-size: .75rem;
    line-height: 1.5625rem;
    cursor: pointer
}

.verify-state-inner {
    display: inline-block;
    width: 98%;
    vertical-align: middle
}

.verify-state-inner .btn-retry {
    position: absolute;
    bottom: 10%;
    transform: translate(-50%,-50%)
}

.verify-state-icon {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 auto .3125rem;
    background-position: center;
    background-size: contain
}

.state-success p {
    color: #5fad56
}

.state-success .verify-state-icon {
    background-color: #5fad56;
    -webkit-mask: url(/images/affiliate/icon/icon-success.svg)no-repeat center/contain;
    mask: url(/images/affiliate/icon/icon-success.svg)no-repeat center/contain
}

.state-success .btn-5th-xs,.state-success .ic-error {
    display: none
}

.state-fail::before {
    content: none
}

.state-fail .icon-close {
    display: block;
    z-index: 4
}

.state-fail .upload-box .verify-state-box .btn-5th-xs {
    display: inline-block
}

.state-fail p {
    color: #cc2936
}

.state-fail .verify-state-icon {
    background-color: #cc2936;
    -webkit-mask: url(/images/affiliate/icon/icon-error.svg)no-repeat center/contain;
    mask: url(/images/affiliate/icon/icon-error.svg)no-repeat center/contain
}

.check-inline .state-fail .upload-box .label,.state-fail .upload-box .check-inline .label,.state-fail .upload-box label {
    display: none
}

.state-fail .btn-default {
    pointer-events: none
}

.check-inline .state-fail.input-box-50>.label,.check-inline .state-fail.input-box>.label,.state-fail.input-box-50>label,.state-fail.input-box>label {
    color: #cc2936
}

.check-inline .state-fail.input-box-50>.label::before,.check-inline .state-fail.input-box>.label::before,.state-fail.input-box-50>label::before,.state-fail.input-box>label::before {
    content: "";
    display: inline-block;
    width: .1875rem;
    height: .1875rem;
    margin-right: .1875rem;
    border-radius: 50%;
    background: #cc2936;
    vertical-align: super
}

.state-fail.input-box input[type=date],.state-fail.input-box input[type=text],.state-fail.input-box select,.state-fail.input-box-50 input[type=date],.state-fail.input-box-50 input[type=text],.state-fail.input-box-50 select {
    border-color: #cc2936;
    background-color: rgba(204,41,54,.1)
}

.state-fail.input-box .error,.state-fail.input-box-50 .error {
    display: block!important
}

.state-fail .btn-5th-xs {
    display: none
}

.state-review .verify-state-icon {
    background-color: #e09f3e;
    -webkit-mask: url(/images/affiliate/icon/icon-review.svg)no-repeat center/contain;
    mask: url(/images/affiliate/icon/icon-review.svg)no-repeat center/contain
}

.state-review p {
    color: #e09f3e
}

.state-review .btn-5th-xs,.state-review .ic-error {
    display: none
}

.swal2-container {
    z-index: 9999
}

.swal2-popup {
    padding: 1.875rem
}

.swal2-html-container {
    font-size: 1rem;
    line-height: 1.25rem
}

.identity-card {
    display: flex;
    margin: .1875rem 0
}

.identity-card .tag-light {
    margin-right: .625rem;
    margin-left: 0;
    border: 1px solid #cc2936;
    background: 0;
    color: #cc2936
}

#tab_GCash,#tab_LocalBank {
    animation: slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both
}

table.dataTable thead .sorting {
    background-image: url(/images/datatable/sort_both.png)
}

table.dataTable thead .sorting_asc {
    background-image: url(/images/datatable/sort_asc.png)
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url(/images/datatable/sort_asc_disabled.png)
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url(/images/datatable/sort_desc_disabled.png)
}

table.dataTable thead .sorting_desc {
    background-image: url(/images/datatable/sort_desc.png)
}

.form-2-col.form-column .label,.form-group.form-column .label {
    flex: 0 0 15px
}

.modal.second {
    z-index: 2062
}

@media screen and (min-width: 1281px) {
    .modal.second .modal-dialog {
        max-width:56%
    }
}

@media screen and (max-width: 768px) {
    .modal.second .modal-dialog {
        max-width:95%
    }
}

.modal-second-backdrop {
    position: fixed;
    z-index: 2061;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(10,16,13,.3)
}

.modal .grand-total {
    display: inline-flex;
    border: 0
}

.modal .grand-total-title {
    margin-right: 2.75rem
}

.modal .grand-total-amount {
    margin: 0 1.25rem
}

@media screen and (max-width: 768px) {
    .modal .grand-total-title {
        margin-right:1rem
    }

    .modal .grand-total-amount {
        margin: 0 1rem
    }
}

.state-active .state,.state-inactive .state,.state-locked .state,.state-suspend .state {
    display: inline-block;
    padding: 0 10px;
    min-width: 90px;
    border-radius: .3125rem;
    color: #fff;
    text-align: center;
    line-height: 2;
    vertical-align: middle
}

.table.dataTable tbody .state-inactive {
    background: #eee
}

.table.dataTable tbody .state-active {
    background: #ecf3e1
}

.table.dataTable tbody .state-suspend {
    background: #fbf5ec
}

.table.dataTable tbody .state-locked {
    background: #fdf1f1
}

.state-inactive,.state-inactive a {
    color: #888
}

.state-inactive .state {
    background: #666
}

.state-active .state {
    background: #5fad56
}

.state-suspend .state {
    background: #e09f3e
}

.state-locked .state {
    background: #cc2936
}

.report-list-span {
    margin-left: .9375rem;
    line-height: 1
}

@media screen and (max-width: 1280px) {
    .report-list-span {
        display:block;
        margin-top: 5px
    }
}

.table a {
    transition: .3s
}

.table a:hover {
    color: #488286
}

.list-inline-item-text {
    max-width: 100%
}