.intro-tour-hint-wrapper {
        position: absolute !important;
        background-color: #fff;
        z-index: 999;
        text-align: center;
        font-size: 14px;
        color: #000;
        border-radius: 5px;
        box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, .5);
    }

    .intro-tour-hint-wrapper .header {
        padding: 10px;
        border-bottom: 1px solid #ccc;
        background-color: #ddd;
        border-radius: 5px;
        box-shadow: inset 0 0 30px 0 rgba(0, 0, 0, .5);
    }

    .intro-tour-hint-wrapper .content {
        padding: 10px;
    }

    .intro-tour-hint-wrapper .footer {
        padding: 10px;
    }

    .intro-tour-hint-wrapper .navigate-btn {
        background-color: #ddd;
        box-shadow: 0 0 15px rgba(0, 0, 0, .7);
        color: #5343db;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        margin-left: 7px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
    }

    .intro-tour-hint-wrapper .navigate-btn:first {
        margin-left: 0;
    }

    .intro-tour-hint-wrapper.transformX_50.transformY_100 {
        transform: translateX(-50%) translateY(-100%);
    }

    .intro-tour-hint-wrapper.transformX_50 {
        transform: translateX(-50%);
    }

    .intro-tour-hint-wrapper.transformY_50 {
        transform: translateY(-50%);
    }

    .intro-tour-hint-wrapper.transformY_50.transformX_100 {
        transform: translateX(-100%) translateY(-50%);
    }

    .hint-disabled {
        pointer-events: none;
        cursor: default;
    }

    .hint-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 20;
        top: 0;
        left: 0;
    }

    .hint-relative {
        position: relative;
    }


    @font-face {
        font-family: 'videogular';
        src: url('videogular.eot?hj1wei');
        src: url('videogular.eot?hj1wei#iefix') format('embedded-opentype'),
            url('videogular.ttf?hj1wei') format('truetype'),
            url('videogular.woff?hj1wei') format('woff'),
            url('videogular.svg?hj1wei#videogular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    [class^="vg-icon-"],
    [class*=" vg-icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'videogular' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        font-size: 24px;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .vg-icon-closed_caption:before {
        content: "\e006";
    }

    .vg-icon-pause:before {
        content: "\e018";
    }

    .vg-icon-play_arrow:before {
        content: "\e01b";
    }

    .vg-icon-repeat:before {
        content: "\e023";
    }

    .vg-icon-replay:before {
        content: "\e025";
    }

    .vg-icon-skip_next:before {
        content: "\e027";
    }

    .vg-icon-skip_previous:before {
        content: "\e028";
    }

    .vg-icon-stop:before {
        content: "\e02a";
    }

    .vg-icon-volume_down:before {
        content: "\e030";
    }

    .vg-icon-volume_mute:before {
        content: "\e031";
    }

    .vg-icon-volume_off:before {
        content: "\e032";
    }

    .vg-icon-volume_up:before {
        content: "\e033";
    }

    .vg-icon-hd:before {
        content: "\e035";
    }

    .vg-icon-forward_10:before {
        content: "\e038";
    }

    .vg-icon-forward_30:before {
        content: "\e039";
    }

    .vg-icon-replay_10:before {
        content: "\e03b";
    }

    .vg-icon-replay_30:before {
        content: "\e03c";
    }

    .vg-icon-fullscreen:before {
        content: "\e20c";
    }

    .vg-icon-fullscreen_exit:before {
        content: "\e20d";
    }

    vg-player video {
        width: 100%;
        height: 100%;
    }

    /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZpZGVvZ3VsYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UseUJBQXlCO0VBQ3pCLGtDQUFrQztFQUNsQzs7O3lEQUd1RDtFQUN2RCxtQkFBbUI7RUFDbkIsa0JBQWtCO0FBQ3BCOztBQUVBO0VBQ0UsK0VBQStFO0VBQy9FLG9DQUFvQztFQUNwQyxXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLG1CQUFtQjtFQUNuQixvQkFBb0I7RUFDcEIsb0JBQW9CO0VBQ3BCLGNBQWM7RUFDZCxhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLHVCQUF1QjtFQUN2QixXQUFXO0VBQ1gsZUFBZTs7RUFFZixzQ0FBc0M7RUFDdEMsbUNBQW1DO0VBQ25DLGtDQUFrQztBQUNwQzs7QUFHQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFDQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFFQTtJQUNJLFdBQVc7SUFDWCxZQUFZO0FBQ2hCIiwiZmlsZSI6InZpZGVvZ3VsYXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiAndmlkZW9ndWxhcic7XG4gIHNyYzogIHVybCgndmlkZW9ndWxhci5lb3Q/aGoxd2VpJyk7XG4gIHNyYzogIHVybCgndmlkZW9ndWxhci5lb3Q/aGoxd2VpI2llZml4JykgZm9ybWF0KCdlbWJlZGRlZC1vcGVudHlwZScpLFxuICAgIHVybCgndmlkZW9ndWxhci50dGY/aGoxd2VpJykgZm9ybWF0KCd0cnVldHlwZScpLFxuICAgIHVybCgndmlkZW9ndWxhci53b2ZmP2hqMXdlaScpIGZvcm1hdCgnd29mZicpLFxuICAgIHVybCgndmlkZW9ndWxhci5zdmc/aGoxd2VpI3ZpZGVvZ3VsYXInKSBmb3JtYXQoJ3N2ZycpO1xuICBmb250LXdlaWdodDogbm9ybWFsO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG59XG5cbltjbGFzc149XCJ2Zy1pY29uLVwiXSwgW2NsYXNzKj1cIiB2Zy1pY29uLVwiXSB7XG4gIC8qIHVzZSAhaW1wb3J0YW50IHRvIHByZXZlbnQgaXNzdWVzIHdpdGggYnJvd3NlciBleHRlbnNpb25zIHRoYXQgY2hhbmdlIGZvbnRzICovXG4gIGZvbnQtZmFtaWx5OiAndmlkZW9ndWxhcicgIWltcG9ydGFudDtcbiAgc3BlYWs6IG5vbmU7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgZm9udC12YXJpYW50OiBub3JtYWw7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiA1MHB4O1xuICBmb250LXNpemU6IDI0cHg7XG5cbiAgLyogQmV0dGVyIEZvbnQgUmVuZGVyaW5nID09PT09PT09PT09ICovXG4gIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xufVxuXG5cbi52Zy1pY29uLWNsb3NlZF9jYXB0aW9uOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDA2XCI7XG59XG4udmctaWNvbi1wYXVzZTpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTAxOFwiO1xufVxuLnZnLWljb24tcGxheV9hcnJvdzpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTAxYlwiO1xufVxuLnZnLWljb24tcmVwZWF0OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDIzXCI7XG59XG4udmctaWNvbi1yZXBsYXk6YmVmb3JlIHtcbiAgY29udGVudDogXCJcXGUwMjVcIjtcbn1cbi52Zy1pY29uLXNraXBfbmV4dDpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTAyN1wiO1xufVxuLnZnLWljb24tc2tpcF9wcmV2aW91czpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTAyOFwiO1xufVxuLnZnLWljb24tc3RvcDpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTAyYVwiO1xufVxuLnZnLWljb24tdm9sdW1lX2Rvd246YmVmb3JlIHtcbiAgY29udGVudDogXCJcXGUwMzBcIjtcbn1cbi52Zy1pY29uLXZvbHVtZV9tdXRlOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDMxXCI7XG59XG4udmctaWNvbi12b2x1bWVfb2ZmOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDMyXCI7XG59XG4udmctaWNvbi12b2x1bWVfdXA6YmVmb3JlIHtcbiAgY29udGVudDogXCJcXGUwMzNcIjtcbn1cbi52Zy1pY29uLWhkOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDM1XCI7XG59XG4udmctaWNvbi1mb3J3YXJkXzEwOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDM4XCI7XG59XG4udmctaWNvbi1mb3J3YXJkXzMwOmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMDM5XCI7XG59XG4udmctaWNvbi1yZXBsYXlfMTA6YmVmb3JlIHtcbiAgY29udGVudDogXCJcXGUwM2JcIjtcbn1cbi52Zy1pY29uLXJlcGxheV8zMDpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTAzY1wiO1xufVxuLnZnLWljb24tZnVsbHNjcmVlbjpiZWZvcmUge1xuICBjb250ZW50OiBcIlxcZTIwY1wiO1xufVxuLnZnLWljb24tZnVsbHNjcmVlbl9leGl0OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXFxlMjBkXCI7XG59XG5cbnZnLXBsYXllciB2aWRlbyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xufVxuIl19 */



    .icon-ng2_em_\+1 {
        background-image: url('ng2-emoji.png');
        background-position: -844px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_100,
    .icon-ng2_em_1234,
    .icon-ng2_em_8ball,
    .icon-ng2_em_\-1 {
        background-image: url('ng2-emoji.png');
        background-position: -684px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_100,
    .icon-ng2_em_1234,
    .icon-ng2_em_8ball {
        background-position: -876px -160px
    }

    .icon-ng2_em_1234,
    .icon-ng2_em_8ball {
        background-position: -32px -38px
    }

    .icon-ng2_em_8ball {
        background-position: -76px 0
    }

    .icon-ng2_em_a,
    .icon-ng2_em_ab,
    .icon-ng2_em_abc,
    .icon-ng2_em_abcd {
        background-image: url('ng2-emoji.png');
        background-position: -76px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ab,
    .icon-ng2_em_abc,
    .icon-ng2_em_abcd {
        background-position: 0 -70px
    }

    .icon-ng2_em_abc,
    .icon-ng2_em_abcd {
        background-position: -32px -70px
    }

    .icon-ng2_em_abcd {
        background-position: -64px -70px
    }

    .icon-ng2_em_accept,
    .icon-ng2_em_aerial_tramway,
    .icon-ng2_em_airplane {
        background-image: url('ng2-emoji.png');
        background-position: -108px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_aerial_tramway,
    .icon-ng2_em_airplane {
        background-position: -108px -32px
    }

    .icon-ng2_em_airplane {
        background-position: -108px -64px
    }

    .icon-ng2_em_alarm_clock,
    .icon-ng2_em_alien,
    .icon-ng2_em_ambulance,
    .icon-ng2_em_anchor {
        background-image: url('ng2-emoji.png');
        background-position: 0 -102px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_alien,
    .icon-ng2_em_ambulance,
    .icon-ng2_em_anchor {
        background-position: -32px -102px
    }

    .icon-ng2_em_ambulance,
    .icon-ng2_em_anchor {
        background-position: -64px -102px
    }

    .icon-ng2_em_anchor {
        background-position: -96px -102px
    }

    .icon-ng2_em_angel,
    .icon-ng2_em_anger,
    .icon-ng2_em_angry,
    .icon-ng2_em_anguished {
        background-image: url('ng2-emoji.png');
        background-position: -140px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_anger,
    .icon-ng2_em_angry,
    .icon-ng2_em_anguished {
        background-position: -140px -32px
    }

    .icon-ng2_em_angry,
    .icon-ng2_em_anguished {
        background-position: -140px -64px
    }

    .icon-ng2_em_anguished {
        background-position: -140px -96px
    }

    .icon-ng2_em_ant,
    .icon-ng2_em_apple,
    .icon-ng2_em_aquarius,
    .icon-ng2_em_aries {
        background-image: url('ng2-emoji.png');
        background-position: 0 -134px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_apple,
    .icon-ng2_em_aquarius,
    .icon-ng2_em_aries {
        background-position: -32px -134px
    }

    .icon-ng2_em_aquarius,
    .icon-ng2_em_aries {
        background-position: -64px -134px
    }

    .icon-ng2_em_aries {
        background-position: -96px -134px
    }

    .icon-ng2_em_arrow_backward,
    .icon-ng2_em_arrow_double_down,
    .icon-ng2_em_arrow_double_up {
        background-image: url('ng2-emoji.png');
        background-position: -128px -134px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrow_double_down,
    .icon-ng2_em_arrow_double_up {
        background-position: -172px 0
    }

    .icon-ng2_em_arrow_double_up {
        background-position: -172px -32px
    }

    .icon-ng2_em_arrow_down,
    .icon-ng2_em_arrow_down_small,
    .icon-ng2_em_arrow_forward {
        background-image: url('ng2-emoji.png');
        background-position: -172px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrow_down_small,
    .icon-ng2_em_arrow_forward {
        background-position: -172px -96px
    }

    .icon-ng2_em_arrow_forward {
        background-position: -172px -128px
    }

    .icon-ng2_em_arrow_heading_down,
    .icon-ng2_em_arrow_heading_up,
    .icon-ng2_em_arrow_left {
        background-image: url('ng2-emoji.png');
        background-position: 0 -166px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrow_heading_up,
    .icon-ng2_em_arrow_left {
        background-position: -32px -166px
    }

    .icon-ng2_em_arrow_left {
        background-position: -64px -166px
    }

    .icon-ng2_em_arrow_lower_left,
    .icon-ng2_em_arrow_lower_right,
    .icon-ng2_em_arrow_right {
        background-image: url('ng2-emoji.png');
        background-position: -96px -166px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrow_lower_right,
    .icon-ng2_em_arrow_right {
        background-position: -128px -166px
    }

    .icon-ng2_em_arrow_right {
        background-position: -160px -166px
    }

    .icon-ng2_em_arrow_right_hook,
    .icon-ng2_em_arrow_up,
    .icon-ng2_em_arrow_up_down {
        background-image: url('ng2-emoji.png');
        background-position: -204px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrow_up,
    .icon-ng2_em_arrow_up_down {
        background-position: -204px -32px
    }

    .icon-ng2_em_arrow_up_down {
        background-position: -204px -64px
    }

    .icon-ng2_em_arrow_up_small,
    .icon-ng2_em_arrow_upper_left,
    .icon-ng2_em_arrow_upper_right {
        background-image: url('ng2-emoji.png');
        background-position: -204px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrow_upper_left,
    .icon-ng2_em_arrow_upper_right {
        background-position: -204px -128px
    }

    .icon-ng2_em_arrow_upper_right {
        background-position: -204px -160px
    }

    .icon-ng2_em_arrows_clockwise,
    .icon-ng2_em_arrows_counterclockwise {
        background-image: url('ng2-emoji.png');
        background-position: 0 -198px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_arrows_counterclockwise {
        background-position: -32px -198px
    }

    .icon-ng2_em_art,
    .icon-ng2_em_articulated_lorry,
    .icon-ng2_em_astonished {
        background-image: url('ng2-emoji.png');
        background-position: -64px -198px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_articulated_lorry,
    .icon-ng2_em_astonished {
        background-position: -96px -198px
    }

    .icon-ng2_em_astonished {
        background-position: -128px -198px
    }

    .icon-ng2_em_athletic_shoe,
    .icon-ng2_em_atm,
    .icon-ng2_em_b,
    .icon-ng2_em_baby {
        background-image: url('ng2-emoji.png');
        background-position: -160px -198px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_atm,
    .icon-ng2_em_b,
    .icon-ng2_em_baby {
        background-position: -192px -198px
    }

    .icon-ng2_em_b,
    .icon-ng2_em_baby {
        background-position: -236px 0
    }

    .icon-ng2_em_baby {
        background-position: -236px -32px
    }

    .icon-ng2_em_baby_bottle,
    .icon-ng2_em_baby_chick,
    .icon-ng2_em_baby_symbol {
        background-image: url('ng2-emoji.png');
        background-position: -236px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_baby_chick,
    .icon-ng2_em_baby_symbol {
        background-position: -236px -96px
    }

    .icon-ng2_em_baby_symbol {
        background-position: -236px -128px
    }

    .icon-ng2_em_back,
    .icon-ng2_em_baggage_claim,
    .icon-ng2_em_balloon {
        background-image: url('ng2-emoji.png');
        background-position: -236px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_baggage_claim,
    .icon-ng2_em_balloon {
        background-position: -236px -192px
    }

    .icon-ng2_em_balloon {
        background-position: 0 -230px
    }

    .icon-ng2_em_ballot_box_with_check,
    .icon-ng2_em_bamboo,
    .icon-ng2_em_banana,
    .icon-ng2_em_bangbang {
        background-image: url('ng2-emoji.png');
        background-position: -32px -230px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bamboo,
    .icon-ng2_em_banana,
    .icon-ng2_em_bangbang {
        background-position: -64px -230px
    }

    .icon-ng2_em_banana,
    .icon-ng2_em_bangbang {
        background-position: -96px -230px
    }

    .icon-ng2_em_bangbang {
        background-position: -128px -230px
    }

    .icon-ng2_em_bank,
    .icon-ng2_em_bar_chart,
    .icon-ng2_em_barber,
    .icon-ng2_em_baseball {
        background-image: url('ng2-emoji.png');
        background-position: -160px -230px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bar_chart,
    .icon-ng2_em_barber,
    .icon-ng2_em_baseball {
        background-position: -192px -230px
    }

    .icon-ng2_em_barber,
    .icon-ng2_em_baseball {
        background-position: -224px -230px
    }

    .icon-ng2_em_baseball {
        background-position: -268px 0
    }

    .icon-ng2_em_basketball,
    .icon-ng2_em_bath,
    .icon-ng2_em_bathtub,
    .icon-ng2_em_battery {
        background-image: url('ng2-emoji.png');
        background-position: -268px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bath,
    .icon-ng2_em_bathtub,
    .icon-ng2_em_battery {
        background-position: -268px -64px
    }

    .icon-ng2_em_bathtub,
    .icon-ng2_em_battery {
        background-position: -268px -96px
    }

    .icon-ng2_em_battery {
        background-position: -268px -128px
    }

    .icon-ng2_em_bear,
    .icon-ng2_em_bee,
    .icon-ng2_em_beer,
    .icon-ng2_em_beers {
        background-image: url('ng2-emoji.png');
        background-position: -268px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bee,
    .icon-ng2_em_beer,
    .icon-ng2_em_beers {
        background-position: -268px -192px
    }

    .icon-ng2_em_beer,
    .icon-ng2_em_beers {
        background-position: -268px -224px
    }

    .icon-ng2_em_beers {
        background-position: 0 -262px
    }

    .icon-ng2_em_beetle,
    .icon-ng2_em_beginner,
    .icon-ng2_em_bell,
    .icon-ng2_em_bento {
        background-image: url('ng2-emoji.png');
        background-position: -32px -262px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_beginner,
    .icon-ng2_em_bell,
    .icon-ng2_em_bento {
        background-position: -64px -262px
    }

    .icon-ng2_em_bell,
    .icon-ng2_em_bento {
        background-position: -96px -262px
    }

    .icon-ng2_em_bento {
        background-position: -128px -262px
    }

    .icon-ng2_em_bicyclist,
    .icon-ng2_em_bike,
    .icon-ng2_em_bikini,
    .icon-ng2_em_bird {
        background-image: url('ng2-emoji.png');
        background-position: -160px -262px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bike,
    .icon-ng2_em_bikini,
    .icon-ng2_em_bird {
        background-position: -192px -262px
    }

    .icon-ng2_em_bikini,
    .icon-ng2_em_bird {
        background-position: -224px -262px
    }

    .icon-ng2_em_bird {
        background-position: -256px -262px
    }

    .icon-ng2_em_birthday,
    .icon-ng2_em_black_circle,
    .icon-ng2_em_black_joker {
        background-image: url('ng2-emoji.png');
        background-position: -300px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_black_circle,
    .icon-ng2_em_black_joker {
        background-position: -300px -32px
    }

    .icon-ng2_em_black_joker {
        background-position: -300px -64px
    }

    .icon-ng2_em_black_large_square,
    .icon-ng2_em_black_medium_small_square {
        background-image: url('ng2-emoji.png');
        background-position: -300px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_black_medium_small_square {
        background-position: -300px -128px
    }

    .icon-ng2_em_black_medium_square,
    .icon-ng2_em_black_nib,
    .icon-ng2_em_black_small_square {
        background-image: url('ng2-emoji.png');
        background-position: -300px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_black_nib,
    .icon-ng2_em_black_small_square {
        background-position: -300px -192px
    }

    .icon-ng2_em_black_small_square {
        background-position: -300px -224px
    }

    .icon-ng2_em_black_square_button,
    .icon-ng2_em_blossom,
    .icon-ng2_em_blowfish {
        background-image: url('ng2-emoji.png');
        background-position: -300px -256px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_blossom,
    .icon-ng2_em_blowfish {
        background-position: 0 -294px
    }

    .icon-ng2_em_blowfish {
        background-position: -32px -294px
    }

    .icon-ng2_em_blue_book,
    .icon-ng2_em_blue_car,
    .icon-ng2_em_blue_heart {
        background-image: url('ng2-emoji.png');
        background-position: -64px -294px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_blue_car,
    .icon-ng2_em_blue_heart {
        background-position: -96px -294px
    }

    .icon-ng2_em_blue_heart {
        background-position: -128px -294px
    }

    .icon-ng2_em_blush,
    .icon-ng2_em_boar,
    .icon-ng2_em_boat,
    .icon-ng2_em_bomb {
        background-image: url('ng2-emoji.png');
        background-position: -160px -294px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_boar,
    .icon-ng2_em_boat,
    .icon-ng2_em_bomb {
        background-position: -192px -294px
    }

    .icon-ng2_em_boat,
    .icon-ng2_em_bomb {
        background-position: -224px -294px
    }

    .icon-ng2_em_bomb {
        background-position: -256px -294px
    }

    .icon-ng2_em_book,
    .icon-ng2_em_bookmark,
    .icon-ng2_em_bookmark_tabs {
        background-image: url('ng2-emoji.png');
        background-position: -288px -294px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bookmark,
    .icon-ng2_em_bookmark_tabs {
        background-position: -332px 0
    }

    .icon-ng2_em_bookmark_tabs {
        background-position: -332px -32px
    }

    .icon-ng2_em_books,
    .icon-ng2_em_boom,
    .icon-ng2_em_boot,
    .icon-ng2_em_bouquet {
        background-image: url('ng2-emoji.png');
        background-position: -332px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_boom,
    .icon-ng2_em_boot,
    .icon-ng2_em_bouquet {
        background-position: -332px -96px
    }

    .icon-ng2_em_boot,
    .icon-ng2_em_bouquet {
        background-position: -332px -128px
    }

    .icon-ng2_em_bouquet {
        background-position: -332px -160px
    }

    .icon-ng2_em_bow,
    .icon-ng2_em_bowling,
    .icon-ng2_em_bowtie,
    .icon-ng2_em_boy {
        background-image: url('ng2-emoji.png');
        background-position: -332px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bowling,
    .icon-ng2_em_bowtie,
    .icon-ng2_em_boy {
        background-position: -332px -224px
    }

    .icon-ng2_em_bowtie,
    .icon-ng2_em_boy {
        background-position: -332px -256px
    }

    .icon-ng2_em_boy {
        background-position: -332px -288px
    }

    .icon-ng2_em_bread,
    .icon-ng2_em_bride_with_veil,
    .icon-ng2_em_bridge_at_night {
        background-image: url('ng2-emoji.png');
        background-position: 0 -326px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bride_with_veil,
    .icon-ng2_em_bridge_at_night {
        background-position: -32px -326px
    }

    .icon-ng2_em_bridge_at_night {
        background-position: -64px -326px
    }

    .icon-ng2_em_briefcase,
    .icon-ng2_em_broken_heart,
    .icon-ng2_em_bug,
    .icon-ng2_em_bulb {
        background-image: url('ng2-emoji.png');
        background-position: -96px -326px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_broken_heart,
    .icon-ng2_em_bug,
    .icon-ng2_em_bulb {
        background-position: -128px -326px
    }

    .icon-ng2_em_bug,
    .icon-ng2_em_bulb {
        background-position: -160px -326px
    }

    .icon-ng2_em_bulb {
        background-position: -192px -326px
    }

    .icon-ng2_em_bullettrain_front,
    .icon-ng2_em_bullettrain_side,
    .icon-ng2_em_bus {
        background-image: url('ng2-emoji.png');
        background-position: -224px -326px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bullettrain_side,
    .icon-ng2_em_bus {
        background-position: -256px -326px
    }

    .icon-ng2_em_bus {
        background-position: -288px -326px
    }

    .icon-ng2_em_busstop,
    .icon-ng2_em_bust_in_silhouette,
    .icon-ng2_em_busts_in_silhouette {
        background-image: url('ng2-emoji.png');
        background-position: -320px -326px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_bust_in_silhouette,
    .icon-ng2_em_busts_in_silhouette {
        background-position: -364px 0
    }

    .icon-ng2_em_busts_in_silhouette {
        background-position: -364px -32px
    }

    .icon-ng2_em_cactus,
    .icon-ng2_em_cake,
    .icon-ng2_em_calendar,
    .icon-ng2_em_calling {
        background-image: url('ng2-emoji.png');
        background-position: -364px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_cake,
    .icon-ng2_em_calendar,
    .icon-ng2_em_calling {
        background-position: -364px -96px
    }

    .icon-ng2_em_calendar,
    .icon-ng2_em_calling {
        background-position: -364px -128px
    }

    .icon-ng2_em_calling {
        background-position: -364px -160px
    }

    .icon-ng2_em_camel,
    .icon-ng2_em_camera,
    .icon-ng2_em_cancer,
    .icon-ng2_em_candy {
        background-image: url('ng2-emoji.png');
        background-position: -364px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_camera,
    .icon-ng2_em_cancer,
    .icon-ng2_em_candy {
        background-position: -364px -224px
    }

    .icon-ng2_em_cancer,
    .icon-ng2_em_candy {
        background-position: -364px -256px
    }

    .icon-ng2_em_candy {
        background-position: -364px -288px
    }

    .icon-ng2_em_capital_abcd,
    .icon-ng2_em_capricorn,
    .icon-ng2_em_car {
        background-image: url('ng2-emoji.png');
        background-position: -364px -320px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_capricorn,
    .icon-ng2_em_car {
        background-position: 0 -358px
    }

    .icon-ng2_em_car {
        background-position: -32px -358px
    }

    .icon-ng2_em_card_index,
    .icon-ng2_em_carousel_horse,
    .icon-ng2_em_cat,
    .icon-ng2_em_cat2 {
        background-image: url('ng2-emoji.png');
        background-position: -64px -358px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_carousel_horse,
    .icon-ng2_em_cat,
    .icon-ng2_em_cat2 {
        background-position: -96px -358px
    }

    .icon-ng2_em_cat,
    .icon-ng2_em_cat2 {
        background-position: -128px -358px
    }

    .icon-ng2_em_cat2 {
        background-position: -160px -358px
    }

    .icon-ng2_em_cd,
    .icon-ng2_em_chart,
    .icon-ng2_em_chart_with_downwards_trend {
        background-image: url('ng2-emoji.png');
        background-position: -192px -358px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_chart,
    .icon-ng2_em_chart_with_downwards_trend {
        background-position: -224px -358px
    }

    .icon-ng2_em_chart_with_downwards_trend {
        background-position: -256px -358px
    }

    .icon-ng2_em_chart_with_upwards_trend,
    .icon-ng2_em_checkered_flag {
        background-image: url('ng2-emoji.png');
        background-position: -288px -358px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_checkered_flag {
        background-position: -320px -358px
    }

    .icon-ng2_em_cherries,
    .icon-ng2_em_cherry_blossom,
    .icon-ng2_em_chestnut {
        background-image: url('ng2-emoji.png');
        background-position: -352px -358px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_cherry_blossom,
    .icon-ng2_em_chestnut {
        background-position: -396px 0
    }

    .icon-ng2_em_chestnut {
        background-position: -396px -32px
    }

    .icon-ng2_em_chicken,
    .icon-ng2_em_children_crossing,
    .icon-ng2_em_chocolate_bar {
        background-image: url('ng2-emoji.png');
        background-position: -396px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_children_crossing,
    .icon-ng2_em_chocolate_bar {
        background-position: -396px -96px
    }

    .icon-ng2_em_chocolate_bar {
        background-position: -396px -128px
    }

    .icon-ng2_em_christmas_tree,
    .icon-ng2_em_church,
    .icon-ng2_em_cinema,
    .icon-ng2_em_circus_tent {
        background-image: url('ng2-emoji.png');
        background-position: -396px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_church,
    .icon-ng2_em_cinema,
    .icon-ng2_em_circus_tent {
        background-position: -396px -192px
    }

    .icon-ng2_em_cinema,
    .icon-ng2_em_circus_tent {
        background-position: -396px -224px
    }

    .icon-ng2_em_circus_tent {
        background-position: -396px -256px
    }

    .icon-ng2_em_city_sunrise,
    .icon-ng2_em_city_sunset,
    .icon-ng2_em_cl,
    .icon-ng2_em_clap {
        background-image: url('ng2-emoji.png');
        background-position: -396px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_city_sunset,
    .icon-ng2_em_cl,
    .icon-ng2_em_clap {
        background-position: -396px -320px
    }

    .icon-ng2_em_cl,
    .icon-ng2_em_clap {
        background-position: -396px -352px
    }

    .icon-ng2_em_clap {
        background-position: 0 -390px
    }

    .icon-ng2_em_clapper,
    .icon-ng2_em_clipboard,
    .icon-ng2_em_clock1,
    .icon-ng2_em_clock10 {
        background-image: url('ng2-emoji.png');
        background-position: -32px -390px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clipboard,
    .icon-ng2_em_clock1,
    .icon-ng2_em_clock10 {
        background-position: -64px -390px
    }

    .icon-ng2_em_clock1,
    .icon-ng2_em_clock10 {
        background-position: -96px -390px
    }

    .icon-ng2_em_clock10 {
        background-position: -128px -390px
    }

    .icon-ng2_em_clock1030,
    .icon-ng2_em_clock11,
    .icon-ng2_em_clock1130,
    .icon-ng2_em_clock12 {
        background-image: url('ng2-emoji.png');
        background-position: -160px -390px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clock11,
    .icon-ng2_em_clock1130,
    .icon-ng2_em_clock12 {
        background-position: -192px -390px
    }

    .icon-ng2_em_clock1130,
    .icon-ng2_em_clock12 {
        background-position: -224px -390px
    }

    .icon-ng2_em_clock12 {
        background-position: -256px -390px
    }

    .icon-ng2_em_clock1230,
    .icon-ng2_em_clock130,
    .icon-ng2_em_clock2,
    .icon-ng2_em_clock230 {
        background-image: url('ng2-emoji.png');
        background-position: -288px -390px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clock130,
    .icon-ng2_em_clock2,
    .icon-ng2_em_clock230 {
        background-position: -320px -390px
    }

    .icon-ng2_em_clock2,
    .icon-ng2_em_clock230 {
        background-position: -352px -390px
    }

    .icon-ng2_em_clock230 {
        background-position: -384px -390px
    }

    .icon-ng2_em_clock3,
    .icon-ng2_em_clock330,
    .icon-ng2_em_clock4,
    .icon-ng2_em_clock430 {
        background-image: url('ng2-emoji.png');
        background-position: -428px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clock330,
    .icon-ng2_em_clock4,
    .icon-ng2_em_clock430 {
        background-position: -428px -32px
    }

    .icon-ng2_em_clock4,
    .icon-ng2_em_clock430 {
        background-position: -428px -64px
    }

    .icon-ng2_em_clock430 {
        background-position: -428px -96px
    }

    .icon-ng2_em_clock5,
    .icon-ng2_em_clock530,
    .icon-ng2_em_clock6,
    .icon-ng2_em_clock630 {
        background-image: url('ng2-emoji.png');
        background-position: -428px -128px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clock530,
    .icon-ng2_em_clock6,
    .icon-ng2_em_clock630 {
        background-position: -428px -160px
    }

    .icon-ng2_em_clock6,
    .icon-ng2_em_clock630 {
        background-position: -428px -192px
    }

    .icon-ng2_em_clock630 {
        background-position: -428px -224px
    }

    .icon-ng2_em_clock7,
    .icon-ng2_em_clock730,
    .icon-ng2_em_clock8,
    .icon-ng2_em_clock830 {
        background-image: url('ng2-emoji.png');
        background-position: -428px -256px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clock730,
    .icon-ng2_em_clock8,
    .icon-ng2_em_clock830 {
        background-position: -428px -288px
    }

    .icon-ng2_em_clock8,
    .icon-ng2_em_clock830 {
        background-position: -428px -320px
    }

    .icon-ng2_em_clock830 {
        background-position: -428px -352px
    }

    .icon-ng2_em_clock9,
    .icon-ng2_em_clock930,
    .icon-ng2_em_closed_book {
        background-image: url('ng2-emoji.png');
        background-position: -428px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_clock930,
    .icon-ng2_em_closed_book {
        background-position: 0 -422px
    }

    .icon-ng2_em_closed_book {
        background-position: -32px -422px
    }

    .icon-ng2_em_closed_lock_with_key,
    .icon-ng2_em_closed_umbrella,
    .icon-ng2_em_cloud {
        background-image: url('ng2-emoji.png');
        background-position: -64px -422px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_closed_umbrella,
    .icon-ng2_em_cloud {
        background-position: -96px -422px
    }

    .icon-ng2_em_cloud {
        background-position: -128px -422px
    }

    .icon-ng2_em_clubs,
    .icon-ng2_em_cn,
    .icon-ng2_em_cocktail,
    .icon-ng2_em_coffee {
        background-image: url('ng2-emoji.png');
        background-position: -160px -422px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_cn,
    .icon-ng2_em_cocktail,
    .icon-ng2_em_coffee {
        background-position: -192px -422px
    }

    .icon-ng2_em_cocktail,
    .icon-ng2_em_coffee {
        background-position: -224px -422px
    }

    .icon-ng2_em_coffee {
        background-position: -256px -422px
    }

    .icon-ng2_em_cold_sweat,
    .icon-ng2_em_collision,
    .icon-ng2_em_computer {
        background-image: url('ng2-emoji.png');
        background-position: -288px -422px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_collision,
    .icon-ng2_em_computer {
        background-position: -320px -422px
    }

    .icon-ng2_em_computer {
        background-position: -352px -422px
    }

    .icon-ng2_em_confetti_ball,
    .icon-ng2_em_confounded,
    .icon-ng2_em_confused {
        background-image: url('ng2-emoji.png');
        background-position: -384px -422px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_confounded,
    .icon-ng2_em_confused {
        background-position: -416px -422px
    }

    .icon-ng2_em_confused {
        background-position: -460px 0
    }

    .icon-ng2_em_congratulations,
    .icon-ng2_em_construction,
    .icon-ng2_em_construction_worker {
        background-image: url('ng2-emoji.png');
        background-position: -460px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_construction,
    .icon-ng2_em_construction_worker {
        background-position: -460px -64px
    }

    .icon-ng2_em_construction_worker {
        background-position: -460px -96px
    }

    .icon-ng2_em_convenience_store,
    .icon-ng2_em_cookie,
    .icon-ng2_em_cool {
        background-image: url('ng2-emoji.png');
        background-position: -460px -128px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_cookie,
    .icon-ng2_em_cool {
        background-position: -460px -160px
    }

    .icon-ng2_em_cool {
        background-position: -460px -192px
    }

    .icon-ng2_em_cop,
    .icon-ng2_em_copyright,
    .icon-ng2_em_corn,
    .icon-ng2_em_couple {
        background-image: url('ng2-emoji.png');
        background-position: -460px -224px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_copyright,
    .icon-ng2_em_corn,
    .icon-ng2_em_couple {
        background-position: -460px -256px
    }

    .icon-ng2_em_corn,
    .icon-ng2_em_couple {
        background-position: -460px -288px
    }

    .icon-ng2_em_couple {
        background-position: -460px -320px
    }

    .icon-ng2_em_couple_with_heart,
    .icon-ng2_em_couplekiss,
    .icon-ng2_em_cow {
        background-image: url('ng2-emoji.png');
        background-position: -460px -352px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_couplekiss,
    .icon-ng2_em_cow {
        background-position: -460px -384px
    }

    .icon-ng2_em_cow {
        background-position: -460px -416px
    }

    .icon-ng2_em_cow2,
    .icon-ng2_em_credit_card,
    .icon-ng2_em_crescent_moon {
        background-image: url('ng2-emoji.png');
        background-position: 0 -454px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_credit_card,
    .icon-ng2_em_crescent_moon {
        background-position: -32px -454px
    }

    .icon-ng2_em_crescent_moon {
        background-position: -64px -454px
    }

    .icon-ng2_em_crocodile,
    .icon-ng2_em_crossed_flags,
    .icon-ng2_em_crown {
        background-image: url('ng2-emoji.png');
        background-position: -96px -454px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_crossed_flags,
    .icon-ng2_em_crown {
        background-position: -128px -454px
    }

    .icon-ng2_em_crown {
        background-position: -160px -454px
    }

    .icon-ng2_em_cry,
    .icon-ng2_em_crying_cat_face,
    .icon-ng2_em_crystal_ball {
        background-image: url('ng2-emoji.png');
        background-position: -192px -454px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_crying_cat_face,
    .icon-ng2_em_crystal_ball {
        background-position: -224px -454px
    }

    .icon-ng2_em_crystal_ball {
        background-position: -256px -454px
    }

    .icon-ng2_em_cupid,
    .icon-ng2_em_curly_loop,
    .icon-ng2_em_currency_exchange {
        background-image: url('ng2-emoji.png');
        background-position: -288px -454px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_curly_loop,
    .icon-ng2_em_currency_exchange {
        background-position: -320px -454px
    }

    .icon-ng2_em_currency_exchange {
        background-position: -352px -454px
    }

    .icon-ng2_em_curry,
    .icon-ng2_em_custard,
    .icon-ng2_em_customs,
    .icon-ng2_em_cyclone {
        background-image: url('ng2-emoji.png');
        background-position: -384px -454px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_custard,
    .icon-ng2_em_customs,
    .icon-ng2_em_cyclone {
        background-position: -416px -454px
    }

    .icon-ng2_em_customs,
    .icon-ng2_em_cyclone {
        background-position: -448px -454px
    }

    .icon-ng2_em_cyclone {
        background-position: -492px 0
    }

    .icon-ng2_em_dancer,
    .icon-ng2_em_dancers,
    .icon-ng2_em_dango,
    .icon-ng2_em_dart {
        background-image: url('ng2-emoji.png');
        background-position: -492px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_dancers,
    .icon-ng2_em_dango,
    .icon-ng2_em_dart {
        background-position: -492px -64px
    }

    .icon-ng2_em_dango,
    .icon-ng2_em_dart {
        background-position: -492px -96px
    }

    .icon-ng2_em_dart {
        background-position: -492px -128px
    }

    .icon-ng2_em_dash,
    .icon-ng2_em_date,
    .icon-ng2_em_de,
    .icon-ng2_em_deciduous_tree {
        background-image: url('ng2-emoji.png');
        background-position: -492px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_date,
    .icon-ng2_em_de,
    .icon-ng2_em_deciduous_tree {
        background-position: -492px -192px
    }

    .icon-ng2_em_de,
    .icon-ng2_em_deciduous_tree {
        background-position: -492px -224px
    }

    .icon-ng2_em_deciduous_tree {
        background-position: -492px -256px
    }

    .icon-ng2_em_department_store,
    .icon-ng2_em_diamond_shape_with_a_dot_inside {
        background-image: url('ng2-emoji.png');
        background-position: -492px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_diamond_shape_with_a_dot_inside {
        background-position: -492px -320px
    }

    .icon-ng2_em_diamonds,
    .icon-ng2_em_disappointed,
    .icon-ng2_em_disappointed_relieved {
        background-image: url('ng2-emoji.png');
        background-position: -492px -352px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_disappointed,
    .icon-ng2_em_disappointed_relieved {
        background-position: -492px -384px
    }

    .icon-ng2_em_disappointed_relieved {
        background-position: -492px -416px
    }

    .icon-ng2_em_dizzy,
    .icon-ng2_em_dizzy_face,
    .icon-ng2_em_do_not_litter {
        background-image: url('ng2-emoji.png');
        background-position: -492px -448px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_dizzy_face,
    .icon-ng2_em_do_not_litter {
        background-position: 0 -486px
    }

    .icon-ng2_em_do_not_litter {
        background-position: -32px -486px
    }

    .icon-ng2_em_dog,
    .icon-ng2_em_dog2,
    .icon-ng2_em_dollar,
    .icon-ng2_em_dolls {
        background-image: url('ng2-emoji.png');
        background-position: -64px -486px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_dog2,
    .icon-ng2_em_dollar,
    .icon-ng2_em_dolls {
        background-position: -96px -486px
    }

    .icon-ng2_em_dollar,
    .icon-ng2_em_dolls {
        background-position: -128px -486px
    }

    .icon-ng2_em_dolls {
        background-position: -160px -486px
    }

    .icon-ng2_em_dolphin,
    .icon-ng2_em_door,
    .icon-ng2_em_doughnut,
    .icon-ng2_em_dragon {
        background-image: url('ng2-emoji.png');
        background-position: -192px -486px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_door,
    .icon-ng2_em_doughnut,
    .icon-ng2_em_dragon {
        background-position: -224px -486px
    }

    .icon-ng2_em_doughnut,
    .icon-ng2_em_dragon {
        background-position: -256px -486px
    }

    .icon-ng2_em_dragon {
        background-position: -288px -486px
    }

    .icon-ng2_em_dragon_face,
    .icon-ng2_em_dress,
    .icon-ng2_em_dromedary_camel {
        background-image: url('ng2-emoji.png');
        background-position: -320px -486px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_dress,
    .icon-ng2_em_dromedary_camel {
        background-position: -352px -486px
    }

    .icon-ng2_em_dromedary_camel {
        background-position: -384px -486px
    }

    .icon-ng2_em_droplet,
    .icon-ng2_em_dvd,
    .icon-ng2_em_e\-mail,
    .icon-ng2_em_ear {
        background-image: url('ng2-emoji.png');
        background-position: -416px -486px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_dvd,
    .icon-ng2_em_e\-mail,
    .icon-ng2_em_ear {
        background-position: -448px -486px
    }

    .icon-ng2_em_e\-mail,
    .icon-ng2_em_ear {
        background-position: -480px -486px
    }

    .icon-ng2_em_ear {
        background-position: -524px 0
    }

    .icon-ng2_em_ear_of_rice,
    .icon-ng2_em_earth_africa,
    .icon-ng2_em_earth_americas {
        background-image: url('ng2-emoji.png');
        background-position: -524px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_earth_africa,
    .icon-ng2_em_earth_americas {
        background-position: -524px -64px
    }

    .icon-ng2_em_earth_americas {
        background-position: -524px -96px
    }

    .icon-ng2_em_earth_asia,
    .icon-ng2_em_egg,
    .icon-ng2_em_eggplant,
    .icon-ng2_em_eight {
        background-image: url('ng2-emoji.png');
        background-position: -524px -128px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_egg,
    .icon-ng2_em_eggplant,
    .icon-ng2_em_eight {
        background-position: -524px -160px
    }

    .icon-ng2_em_eggplant,
    .icon-ng2_em_eight {
        background-position: -524px -192px
    }

    .icon-ng2_em_eight {
        background-position: -524px -224px
    }

    .icon-ng2_em_eight_pointed_black_star,
    .icon-ng2_em_eight_spoked_asterisk {
        background-image: url('ng2-emoji.png');
        background-position: -524px -256px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_eight_spoked_asterisk {
        background-position: -524px -288px
    }

    .icon-ng2_em_electric_plug,
    .icon-ng2_em_elephant,
    .icon-ng2_em_email,
    .icon-ng2_em_end {
        background-image: url('ng2-emoji.png');
        background-position: -524px -320px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_elephant,
    .icon-ng2_em_email,
    .icon-ng2_em_end {
        background-position: -524px -352px
    }

    .icon-ng2_em_email,
    .icon-ng2_em_end {
        background-position: -524px -384px
    }

    .icon-ng2_em_end {
        background-position: -524px -416px
    }

    .icon-ng2_em_envelope,
    .icon-ng2_em_envelope_with_arrow,
    .icon-ng2_em_es {
        background-image: url('ng2-emoji.png');
        background-position: -524px -448px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_envelope_with_arrow,
    .icon-ng2_em_es {
        background-position: -524px -480px
    }

    .icon-ng2_em_es {
        background-position: 0 -518px
    }

    .icon-ng2_em_euro,
    .icon-ng2_em_european_castle,
    .icon-ng2_em_european_post_office {
        background-image: url('ng2-emoji.png');
        background-position: -32px -518px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_european_castle,
    .icon-ng2_em_european_post_office {
        background-position: -64px -518px
    }

    .icon-ng2_em_european_post_office {
        background-position: -96px -518px
    }

    .icon-ng2_em_evergreen_tree,
    .icon-ng2_em_exclamation,
    .icon-ng2_em_expressionless {
        background-image: url('ng2-emoji.png');
        background-position: -128px -518px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_exclamation,
    .icon-ng2_em_expressionless {
        background-position: -160px -518px
    }

    .icon-ng2_em_expressionless {
        background-position: -192px -518px
    }

    .icon-ng2_em_eyeglasses,
    .icon-ng2_em_eyes,
    .icon-ng2_em_facepunch,
    .icon-ng2_em_factory {
        background-image: url('ng2-emoji.png');
        background-position: -224px -518px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_eyes,
    .icon-ng2_em_facepunch,
    .icon-ng2_em_factory {
        background-position: -256px -518px
    }

    .icon-ng2_em_facepunch,
    .icon-ng2_em_factory {
        background-position: -288px -518px
    }

    .icon-ng2_em_factory {
        background-position: -320px -518px
    }

    .icon-ng2_em_fallen_leaf,
    .icon-ng2_em_family,
    .icon-ng2_em_fast_forward {
        background-image: url('ng2-emoji.png');
        background-position: -352px -518px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_family,
    .icon-ng2_em_fast_forward {
        background-position: -384px -518px
    }

    .icon-ng2_em_fast_forward {
        background-position: -416px -518px
    }

    .icon-ng2_em_fax,
    .icon-ng2_em_fearful,
    .icon-ng2_em_feelsgood,
    .icon-ng2_em_feet {
        background-image: url('ng2-emoji.png');
        background-position: -448px -518px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_fearful,
    .icon-ng2_em_feelsgood,
    .icon-ng2_em_feet {
        background-position: -480px -518px
    }

    .icon-ng2_em_feelsgood,
    .icon-ng2_em_feet {
        background-position: -512px -518px
    }

    .icon-ng2_em_feet {
        background-position: -556px 0
    }

    .icon-ng2_em_ferris_wheel,
    .icon-ng2_em_file_folder,
    .icon-ng2_em_finnadie,
    .icon-ng2_em_fire {
        background-image: url('ng2-emoji.png');
        background-position: -556px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_file_folder,
    .icon-ng2_em_finnadie,
    .icon-ng2_em_fire {
        background-position: -556px -64px
    }

    .icon-ng2_em_finnadie,
    .icon-ng2_em_fire {
        background-position: -556px -96px
    }

    .icon-ng2_em_fire {
        background-position: -556px -128px
    }

    .icon-ng2_em_fire_engine,
    .icon-ng2_em_fireworks,
    .icon-ng2_em_first_quarter_moon {
        background-image: url('ng2-emoji.png');
        background-position: -556px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_fireworks,
    .icon-ng2_em_first_quarter_moon {
        background-position: -556px -192px
    }

    .icon-ng2_em_first_quarter_moon {
        background-position: -556px -224px
    }

    .icon-ng2_em_first_quarter_moon_with_face,
    .icon-ng2_em_fish,
    .icon-ng2_em_fish_cake {
        background-image: url('ng2-emoji.png');
        background-position: -556px -256px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_fish,
    .icon-ng2_em_fish_cake {
        background-position: -556px -288px
    }

    .icon-ng2_em_fish_cake {
        background-position: -556px -320px
    }

    .icon-ng2_em_fishing_pole_and_fish,
    .icon-ng2_em_fist,
    .icon-ng2_em_five,
    .icon-ng2_em_flags {
        background-image: url('ng2-emoji.png');
        background-position: -556px -352px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_fist,
    .icon-ng2_em_five,
    .icon-ng2_em_flags {
        background-position: -556px -384px
    }

    .icon-ng2_em_five,
    .icon-ng2_em_flags {
        background-position: -556px -416px
    }

    .icon-ng2_em_flags {
        background-position: -556px -448px
    }

    .icon-ng2_em_flashlight,
    .icon-ng2_em_flipper,
    .icon-ng2_em_floppy_disk {
        background-image: url('ng2-emoji.png');
        background-position: -556px -480px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_flipper,
    .icon-ng2_em_floppy_disk {
        background-position: -556px -512px
    }

    .icon-ng2_em_floppy_disk {
        background-position: 0 -550px
    }

    .icon-ng2_em_flower_playing_cards,
    .icon-ng2_em_flushed,
    .icon-ng2_em_foggy {
        background-image: url('ng2-emoji.png');
        background-position: -32px -550px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_flushed,
    .icon-ng2_em_foggy {
        background-position: -64px -550px
    }

    .icon-ng2_em_foggy {
        background-position: -96px -550px
    }

    .icon-ng2_em_football,
    .icon-ng2_em_footprints,
    .icon-ng2_em_fork_and_knife {
        background-image: url('ng2-emoji.png');
        background-position: -128px -550px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_footprints,
    .icon-ng2_em_fork_and_knife {
        background-position: -160px -550px
    }

    .icon-ng2_em_fork_and_knife {
        background-position: -192px -550px
    }

    .icon-ng2_em_fountain,
    .icon-ng2_em_four,
    .icon-ng2_em_four_leaf_clover,
    .icon-ng2_em_fr {
        background-image: url('ng2-emoji.png');
        background-position: -224px -550px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_four,
    .icon-ng2_em_four_leaf_clover,
    .icon-ng2_em_fr {
        background-position: -256px -550px
    }

    .icon-ng2_em_four_leaf_clover,
    .icon-ng2_em_fr {
        background-position: -288px -550px
    }

    .icon-ng2_em_fr {
        background-position: -320px -550px
    }

    .icon-ng2_em_free,
    .icon-ng2_em_fried_shrimp,
    .icon-ng2_em_fries,
    .icon-ng2_em_frog {
        background-image: url('ng2-emoji.png');
        background-position: -352px -550px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_fried_shrimp,
    .icon-ng2_em_fries,
    .icon-ng2_em_frog {
        background-position: -384px -550px
    }

    .icon-ng2_em_fries,
    .icon-ng2_em_frog {
        background-position: -416px -550px
    }

    .icon-ng2_em_frog {
        background-position: -448px -550px
    }

    .icon-ng2_em_frowning,
    .icon-ng2_em_fu,
    .icon-ng2_em_fuelpump,
    .icon-ng2_em_full_moon {
        background-image: url('ng2-emoji.png');
        background-position: -480px -550px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_fu,
    .icon-ng2_em_fuelpump,
    .icon-ng2_em_full_moon {
        background-position: -512px -550px
    }

    .icon-ng2_em_fuelpump,
    .icon-ng2_em_full_moon {
        background-position: -544px -550px
    }

    .icon-ng2_em_full_moon {
        background-position: -588px 0
    }

    .icon-ng2_em_full_moon_with_face,
    .icon-ng2_em_game_die,
    .icon-ng2_em_gb,
    .icon-ng2_em_gem {
        background-image: url('ng2-emoji.png');
        background-position: -588px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_game_die,
    .icon-ng2_em_gb,
    .icon-ng2_em_gem {
        background-position: -588px -64px
    }

    .icon-ng2_em_gb,
    .icon-ng2_em_gem {
        background-position: -588px -96px
    }

    .icon-ng2_em_gem {
        background-position: -588px -128px
    }

    .icon-ng2_em_gemini,
    .icon-ng2_em_ghost,
    .icon-ng2_em_gift,
    .icon-ng2_em_gift_heart {
        background-image: url('ng2-emoji.png');
        background-position: -588px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ghost,
    .icon-ng2_em_gift,
    .icon-ng2_em_gift_heart {
        background-position: -588px -192px
    }

    .icon-ng2_em_gift,
    .icon-ng2_em_gift_heart {
        background-position: -588px -224px
    }

    .icon-ng2_em_gift_heart {
        background-position: -588px -256px
    }

    .icon-ng2_em_girl,
    .icon-ng2_em_globe_with_meridians,
    .icon-ng2_em_goat {
        background-image: url('ng2-emoji.png');
        background-position: -588px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_globe_with_meridians,
    .icon-ng2_em_goat {
        background-position: -588px -320px
    }

    .icon-ng2_em_goat {
        background-position: -588px -352px
    }

    .icon-ng2_em_goberserk,
    .icon-ng2_em_godmode,
    .icon-ng2_em_golf,
    .icon-ng2_em_grapes {
        background-image: url('ng2-emoji.png');
        background-position: -588px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_godmode,
    .icon-ng2_em_golf,
    .icon-ng2_em_grapes {
        background-position: -588px -416px
    }

    .icon-ng2_em_golf,
    .icon-ng2_em_grapes {
        background-position: -588px -448px
    }

    .icon-ng2_em_grapes {
        background-position: -588px -480px
    }

    .icon-ng2_em_green_apple,
    .icon-ng2_em_green_book,
    .icon-ng2_em_green_heart {
        background-image: url('ng2-emoji.png');
        background-position: -588px -512px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_green_book,
    .icon-ng2_em_green_heart {
        background-position: -588px -544px
    }

    .icon-ng2_em_green_heart {
        background-position: 0 -582px
    }

    .icon-ng2_em_grey_exclamation,
    .icon-ng2_em_grey_question,
    .icon-ng2_em_grimacing {
        background-image: url('ng2-emoji.png');
        background-position: -32px -582px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_grey_question,
    .icon-ng2_em_grimacing {
        background-position: -64px -582px
    }

    .icon-ng2_em_grimacing {
        background-position: -96px -582px
    }

    .icon-ng2_em_grin,
    .icon-ng2_em_grinning,
    .icon-ng2_em_guardsman,
    .icon-ng2_em_guitar {
        background-image: url('ng2-emoji.png');
        background-position: -128px -582px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_grinning,
    .icon-ng2_em_guardsman,
    .icon-ng2_em_guitar {
        background-position: -160px -582px
    }

    .icon-ng2_em_guardsman,
    .icon-ng2_em_guitar {
        background-position: -192px -582px
    }

    .icon-ng2_em_guitar {
        background-position: -224px -582px
    }

    .icon-ng2_em_gun,
    .icon-ng2_em_haircut,
    .icon-ng2_em_hamburger,
    .icon-ng2_em_hammer {
        background-image: url('ng2-emoji.png');
        background-position: -256px -582px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_haircut,
    .icon-ng2_em_hamburger,
    .icon-ng2_em_hammer {
        background-position: -288px -582px
    }

    .icon-ng2_em_hamburger,
    .icon-ng2_em_hammer {
        background-position: -320px -582px
    }

    .icon-ng2_em_hammer {
        background-position: -352px -582px
    }

    .icon-ng2_em_hamster,
    .icon-ng2_em_hand,
    .icon-ng2_em_handbag,
    .icon-ng2_em_hankey {
        background-image: url('ng2-emoji.png');
        background-position: -384px -582px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hand,
    .icon-ng2_em_handbag,
    .icon-ng2_em_hankey {
        background-position: -416px -582px
    }

    .icon-ng2_em_handbag,
    .icon-ng2_em_hankey {
        background-position: -448px -582px
    }

    .icon-ng2_em_hankey {
        background-position: -480px -582px
    }

    .icon-ng2_em_hash,
    .icon-ng2_em_hatched_chick,
    .icon-ng2_em_hatching_chick {
        background-image: url('ng2-emoji.png');
        background-position: -512px -582px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hatched_chick,
    .icon-ng2_em_hatching_chick {
        background-position: -544px -582px
    }

    .icon-ng2_em_hatching_chick {
        background-position: -576px -582px
    }

    .icon-ng2_em_headphones,
    .icon-ng2_em_hear_no_evil,
    .icon-ng2_em_heart {
        background-image: url('ng2-emoji.png');
        background-position: -620px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hear_no_evil,
    .icon-ng2_em_heart {
        background-position: -620px -32px
    }

    .icon-ng2_em_heart {
        background-position: -620px -64px
    }

    .icon-ng2_em_heart_decoration,
    .icon-ng2_em_heart_eyes,
    .icon-ng2_em_heart_eyes_cat {
        background-image: url('ng2-emoji.png');
        background-position: -620px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_heart_eyes,
    .icon-ng2_em_heart_eyes_cat {
        background-position: -620px -128px
    }

    .icon-ng2_em_heart_eyes_cat {
        background-position: -620px -160px
    }

    .icon-ng2_em_heartbeat,
    .icon-ng2_em_heartpulse,
    .icon-ng2_em_hearts {
        background-image: url('ng2-emoji.png');
        background-position: -620px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_heartpulse,
    .icon-ng2_em_hearts {
        background-position: -620px -224px
    }

    .icon-ng2_em_hearts {
        background-position: -620px -256px
    }

    .icon-ng2_em_heavy_check_mark,
    .icon-ng2_em_heavy_division_sign,
    .icon-ng2_em_heavy_dollar_sign {
        background-image: url('ng2-emoji.png');
        background-position: -620px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_heavy_division_sign,
    .icon-ng2_em_heavy_dollar_sign {
        background-position: -620px -320px
    }

    .icon-ng2_em_heavy_dollar_sign {
        background-position: -620px -352px
    }

    .icon-ng2_em_heavy_exclamation_mark,
    .icon-ng2_em_heavy_minus_sign {
        background-image: url('ng2-emoji.png');
        background-position: -620px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_heavy_minus_sign {
        background-position: -620px -416px
    }

    .icon-ng2_em_heavy_multiplication_x,
    .icon-ng2_em_heavy_plus_sign,
    .icon-ng2_em_helicopter {
        background-image: url('ng2-emoji.png');
        background-position: -620px -448px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_heavy_plus_sign,
    .icon-ng2_em_helicopter {
        background-position: -620px -480px
    }

    .icon-ng2_em_helicopter {
        background-position: -620px -512px
    }

    .icon-ng2_em_herb,
    .icon-ng2_em_hibiscus,
    .icon-ng2_em_high_brightness {
        background-image: url('ng2-emoji.png');
        background-position: -620px -544px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hibiscus,
    .icon-ng2_em_high_brightness {
        background-position: -620px -576px
    }

    .icon-ng2_em_high_brightness {
        background-position: 0 -614px
    }

    .icon-ng2_em_high_heel,
    .icon-ng2_em_hocho,
    .icon-ng2_em_honey_pot,
    .icon-ng2_em_honeybee {
        background-image: url('ng2-emoji.png');
        background-position: -32px -614px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hocho,
    .icon-ng2_em_honey_pot,
    .icon-ng2_em_honeybee {
        background-position: -64px -614px
    }

    .icon-ng2_em_honey_pot,
    .icon-ng2_em_honeybee {
        background-position: -96px -614px
    }

    .icon-ng2_em_honeybee {
        background-position: -128px -614px
    }

    .icon-ng2_em_horse,
    .icon-ng2_em_horse_racing,
    .icon-ng2_em_hospital {
        background-image: url('ng2-emoji.png');
        background-position: -160px -614px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_horse_racing,
    .icon-ng2_em_hospital {
        background-position: -192px -614px
    }

    .icon-ng2_em_hospital {
        background-position: -224px -614px
    }

    .icon-ng2_em_hotel,
    .icon-ng2_em_hotsprings,
    .icon-ng2_em_hourglass {
        background-image: url('ng2-emoji.png');
        background-position: -256px -614px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hotsprings,
    .icon-ng2_em_hourglass {
        background-position: -288px -614px
    }

    .icon-ng2_em_hourglass {
        background-position: -320px -614px
    }

    .icon-ng2_em_hourglass_flowing_sand,
    .icon-ng2_em_house,
    .icon-ng2_em_house_with_garden {
        background-image: url('ng2-emoji.png');
        background-position: -352px -614px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_house,
    .icon-ng2_em_house_with_garden {
        background-position: -384px -614px
    }

    .icon-ng2_em_house_with_garden {
        background-position: -416px -614px
    }

    .icon-ng2_em_hurtrealbad,
    .icon-ng2_em_hushed,
    .icon-ng2_em_ice_cream {
        background-image: url('ng2-emoji.png');
        background-position: -448px -614px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_hushed,
    .icon-ng2_em_ice_cream {
        background-position: -480px -614px
    }

    .icon-ng2_em_ice_cream {
        background-position: -512px -614px
    }

    .icon-ng2_em_icecream,
    .icon-ng2_em_id,
    .icon-ng2_em_ideograph_advantage {
        background-image: url('ng2-emoji.png');
        background-position: -544px -614px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_id,
    .icon-ng2_em_ideograph_advantage {
        background-position: -576px -614px
    }

    .icon-ng2_em_ideograph_advantage {
        background-position: -608px -614px
    }

    .icon-ng2_em_imp,
    .icon-ng2_em_inbox_tray,
    .icon-ng2_em_incoming_envelope {
        background-image: url('ng2-emoji.png');
        background-position: -652px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_inbox_tray,
    .icon-ng2_em_incoming_envelope {
        background-position: -652px -32px
    }

    .icon-ng2_em_incoming_envelope {
        background-position: -652px -64px
    }

    .icon-ng2_em_information_desk_person,
    .icon-ng2_em_information_source,
    .icon-ng2_em_innocent {
        background-image: url('ng2-emoji.png');
        background-position: -652px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_information_source,
    .icon-ng2_em_innocent {
        background-position: -652px -128px
    }

    .icon-ng2_em_innocent {
        background-position: -652px -160px
    }

    .icon-ng2_em_interrobang,
    .icon-ng2_em_iphone,
    .icon-ng2_em_it,
    .icon-ng2_em_izakaya_lantern {
        background-image: url('ng2-emoji.png');
        background-position: -652px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_iphone,
    .icon-ng2_em_it,
    .icon-ng2_em_izakaya_lantern {
        background-position: -652px -224px
    }

    .icon-ng2_em_it,
    .icon-ng2_em_izakaya_lantern {
        background-position: -652px -256px
    }

    .icon-ng2_em_izakaya_lantern {
        background-position: -652px -288px
    }

    .icon-ng2_em_jack_o_lantern,
    .icon-ng2_em_japan,
    .icon-ng2_em_japanese_castle {
        background-image: url('ng2-emoji.png');
        background-position: -652px -320px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_japan,
    .icon-ng2_em_japanese_castle {
        background-position: -652px -352px
    }

    .icon-ng2_em_japanese_castle {
        background-position: -652px -384px
    }

    .icon-ng2_em_japanese_goblin,
    .icon-ng2_em_japanese_ogre,
    .icon-ng2_em_jeans {
        background-image: url('ng2-emoji.png');
        background-position: -652px -416px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_japanese_ogre,
    .icon-ng2_em_jeans {
        background-position: -652px -448px
    }

    .icon-ng2_em_jeans {
        background-position: -652px -480px
    }

    .icon-ng2_em_joy,
    .icon-ng2_em_joy_cat,
    .icon-ng2_em_jp,
    .icon-ng2_em_key {
        background-image: url('ng2-emoji.png');
        background-position: -652px -512px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_joy_cat,
    .icon-ng2_em_jp,
    .icon-ng2_em_key {
        background-position: -652px -544px
    }

    .icon-ng2_em_jp,
    .icon-ng2_em_key {
        background-position: -652px -576px
    }

    .icon-ng2_em_key {
        background-position: -652px -608px
    }

    .icon-ng2_em_keycap_ten,
    .icon-ng2_em_kimono,
    .icon-ng2_em_kiss,
    .icon-ng2_em_kissing {
        background-image: url('ng2-emoji.png');
        background-position: 0 -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_kimono,
    .icon-ng2_em_kiss,
    .icon-ng2_em_kissing {
        background-position: -32px -646px
    }

    .icon-ng2_em_kiss,
    .icon-ng2_em_kissing {
        background-position: -64px -646px
    }

    .icon-ng2_em_kissing {
        background-position: -96px -646px
    }

    .icon-ng2_em_kissing_cat,
    .icon-ng2_em_kissing_closed_eyes,
    .icon-ng2_em_kissing_heart {
        background-image: url('ng2-emoji.png');
        background-position: -128px -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_kissing_closed_eyes,
    .icon-ng2_em_kissing_heart {
        background-position: -160px -646px
    }

    .icon-ng2_em_kissing_heart {
        background-position: -192px -646px
    }

    .icon-ng2_em_kissing_smiling_eyes,
    .icon-ng2_em_koala,
    .icon-ng2_em_koko {
        background-image: url('ng2-emoji.png');
        background-position: -224px -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_koala,
    .icon-ng2_em_koko {
        background-position: -256px -646px
    }

    .icon-ng2_em_koko {
        background-position: -288px -646px
    }

    .icon-ng2_em_kr,
    .icon-ng2_em_lantern,
    .icon-ng2_em_large_blue_circle {
        background-image: url('ng2-emoji.png');
        background-position: -320px -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_lantern,
    .icon-ng2_em_large_blue_circle {
        background-position: -352px -646px
    }

    .icon-ng2_em_large_blue_circle {
        background-position: -384px -646px
    }

    .icon-ng2_em_large_blue_diamond,
    .icon-ng2_em_large_orange_diamond {
        background-image: url('ng2-emoji.png');
        background-position: -416px -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_large_orange_diamond {
        background-position: -448px -646px
    }

    .icon-ng2_em_last_quarter_moon,
    .icon-ng2_em_last_quarter_moon_with_face,
    .icon-ng2_em_laughing {
        background-image: url('ng2-emoji.png');
        background-position: -480px -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_last_quarter_moon_with_face,
    .icon-ng2_em_laughing {
        background-position: -512px -646px
    }

    .icon-ng2_em_laughing {
        background-position: -544px -646px
    }

    .icon-ng2_em_leaves,
    .icon-ng2_em_ledger,
    .icon-ng2_em_left_luggage {
        background-image: url('ng2-emoji.png');
        background-position: -576px -646px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ledger,
    .icon-ng2_em_left_luggage {
        background-position: -608px -646px
    }

    .icon-ng2_em_left_luggage {
        background-position: -640px -646px
    }

    .icon-ng2_em_left_right_arrow,
    .icon-ng2_em_leftwards_arrow_with_hook,
    .icon-ng2_em_lemon {
        background-image: url('ng2-emoji.png');
        background-position: -684px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_leftwards_arrow_with_hook,
    .icon-ng2_em_lemon {
        background-position: 0 -38px
    }

    .icon-ng2_em_lemon {
        background-position: -684px -64px
    }

    .icon-ng2_em_leo,
    .icon-ng2_em_leopard,
    .icon-ng2_em_libra,
    .icon-ng2_em_light_rail {
        background-image: url('ng2-emoji.png');
        background-position: -684px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_leopard,
    .icon-ng2_em_libra,
    .icon-ng2_em_light_rail {
        background-position: -684px -128px
    }

    .icon-ng2_em_libra,
    .icon-ng2_em_light_rail {
        background-position: -684px -160px
    }

    .icon-ng2_em_light_rail {
        background-position: -684px -192px
    }

    .icon-ng2_em_link,
    .icon-ng2_em_lips,
    .icon-ng2_em_lipstick,
    .icon-ng2_em_lock {
        background-image: url('ng2-emoji.png');
        background-position: -684px -224px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_lips,
    .icon-ng2_em_lipstick,
    .icon-ng2_em_lock {
        background-position: -684px -256px
    }

    .icon-ng2_em_lipstick,
    .icon-ng2_em_lock {
        background-position: -684px -288px
    }

    .icon-ng2_em_lock {
        background-position: -684px -320px
    }

    .icon-ng2_em_lock_with_ink_pen,
    .icon-ng2_em_lollipop,
    .icon-ng2_em_loop,
    .icon-ng2_em_loudspeaker {
        background-image: url('ng2-emoji.png');
        background-position: -684px -352px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_lollipop,
    .icon-ng2_em_loop,
    .icon-ng2_em_loudspeaker {
        background-position: -684px -384px
    }

    .icon-ng2_em_loop,
    .icon-ng2_em_loudspeaker {
        background-position: -684px -416px
    }

    .icon-ng2_em_loudspeaker {
        background-position: -684px -448px
    }

    .icon-ng2_em_love_hotel,
    .icon-ng2_em_love_letter,
    .icon-ng2_em_low_brightness {
        background-image: url('ng2-emoji.png');
        background-position: -684px -480px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_love_letter,
    .icon-ng2_em_low_brightness {
        background-position: -684px -512px
    }

    .icon-ng2_em_low_brightness {
        background-position: -684px -544px
    }

    .icon-ng2_em_m,
    .icon-ng2_em_mag,
    .icon-ng2_em_mag_right,
    .icon-ng2_em_mahjong {
        background-image: url('ng2-emoji.png');
        background-position: -684px -576px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_mag,
    .icon-ng2_em_mag_right,
    .icon-ng2_em_mahjong {
        background-position: -684px -608px
    }

    .icon-ng2_em_mag_right,
    .icon-ng2_em_mahjong {
        background-position: -684px -640px
    }

    .icon-ng2_em_mahjong {
        background-position: 0 -678px
    }

    .icon-ng2_em_mailbox,
    .icon-ng2_em_mailbox_closed,
    .icon-ng2_em_mailbox_with_mail {
        background-image: url('ng2-emoji.png');
        background-position: -32px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_mailbox_closed,
    .icon-ng2_em_mailbox_with_mail {
        background-position: -64px -678px
    }

    .icon-ng2_em_mailbox_with_mail {
        background-position: -96px -678px
    }

    .icon-ng2_em_mailbox_with_no_mail,
    .icon-ng2_em_man,
    .icon-ng2_em_man_with_gua_pi_mao {
        background-image: url('ng2-emoji.png');
        background-position: -128px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_man,
    .icon-ng2_em_man_with_gua_pi_mao {
        background-position: -160px -678px
    }

    .icon-ng2_em_man_with_gua_pi_mao {
        background-position: -192px -678px
    }

    .icon-ng2_em_man_with_turban,
    .icon-ng2_em_mans_shoe,
    .icon-ng2_em_maple_leaf {
        background-image: url('ng2-emoji.png');
        background-position: -224px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_mans_shoe,
    .icon-ng2_em_maple_leaf {
        background-position: -256px -678px
    }

    .icon-ng2_em_maple_leaf {
        background-position: -288px -678px
    }

    .icon-ng2_em_mask,
    .icon-ng2_em_massage,
    .icon-ng2_em_meat_on_bone,
    .icon-ng2_em_mega {
        background-image: url('ng2-emoji.png');
        background-position: -320px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_massage,
    .icon-ng2_em_meat_on_bone,
    .icon-ng2_em_mega {
        background-position: -352px -678px
    }

    .icon-ng2_em_meat_on_bone,
    .icon-ng2_em_mega {
        background-position: -384px -678px
    }

    .icon-ng2_em_mega {
        background-position: -416px -678px
    }

    .icon-ng2_em_melon,
    .icon-ng2_em_memo,
    .icon-ng2_em_mens,
    .icon-ng2_em_metal {
        background-image: url('ng2-emoji.png');
        background-position: -448px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_memo,
    .icon-ng2_em_mens,
    .icon-ng2_em_metal {
        background-position: -480px -678px
    }

    .icon-ng2_em_mens,
    .icon-ng2_em_metal {
        background-position: -512px -678px
    }

    .icon-ng2_em_metal {
        background-position: -544px -678px
    }

    .icon-ng2_em_metro,
    .icon-ng2_em_microphone,
    .icon-ng2_em_microscope {
        background-image: url('ng2-emoji.png');
        background-position: -576px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_microphone,
    .icon-ng2_em_microscope {
        background-position: -608px -678px
    }

    .icon-ng2_em_microscope {
        background-position: -640px -678px
    }

    .icon-ng2_em_milky_way,
    .icon-ng2_em_minibus,
    .icon-ng2_em_minidisc {
        background-image: url('ng2-emoji.png');
        background-position: -672px -678px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_minibus,
    .icon-ng2_em_minidisc {
        background-position: -716px 0
    }

    .icon-ng2_em_minidisc {
        background-position: -716px -32px
    }

    .icon-ng2_em_mobile_phone_off,
    .icon-ng2_em_money_with_wings,
    .icon-ng2_em_moneybag {
        background-image: url('ng2-emoji.png');
        background-position: -716px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_money_with_wings,
    .icon-ng2_em_moneybag {
        background-position: -716px -96px
    }

    .icon-ng2_em_moneybag {
        background-position: -716px -128px
    }

    .icon-ng2_em_monkey,
    .icon-ng2_em_monkey_face,
    .icon-ng2_em_monorail,
    .icon-ng2_em_moon {
        background-image: url('ng2-emoji.png');
        background-position: -716px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_monkey_face,
    .icon-ng2_em_monorail,
    .icon-ng2_em_moon {
        background-position: -716px -192px
    }

    .icon-ng2_em_monorail,
    .icon-ng2_em_moon {
        background-position: -716px -224px
    }

    .icon-ng2_em_moon {
        background-position: -716px -256px
    }

    .icon-ng2_em_mortar_board,
    .icon-ng2_em_mount_fuji,
    .icon-ng2_em_mountain_bicyclist {
        background-image: url('ng2-emoji.png');
        background-position: -716px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_mount_fuji,
    .icon-ng2_em_mountain_bicyclist {
        background-position: -716px -320px
    }

    .icon-ng2_em_mountain_bicyclist {
        background-position: -716px -352px
    }

    .icon-ng2_em_mountain_cableway,
    .icon-ng2_em_mountain_railway,
    .icon-ng2_em_mouse {
        background-image: url('ng2-emoji.png');
        background-position: -716px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_mountain_railway,
    .icon-ng2_em_mouse {
        background-position: -716px -416px
    }

    .icon-ng2_em_mouse {
        background-position: -716px -448px
    }

    .icon-ng2_em_mouse2,
    .icon-ng2_em_movie_camera,
    .icon-ng2_em_moyai,
    .icon-ng2_em_muscle {
        background-image: url('ng2-emoji.png');
        background-position: -716px -480px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_movie_camera,
    .icon-ng2_em_moyai,
    .icon-ng2_em_muscle {
        background-position: -716px -512px
    }

    .icon-ng2_em_moyai,
    .icon-ng2_em_muscle {
        background-position: -716px -544px
    }

    .icon-ng2_em_muscle {
        background-position: -716px -576px
    }

    .icon-ng2_em_mushroom,
    .icon-ng2_em_musical_keyboard,
    .icon-ng2_em_musical_note {
        background-image: url('ng2-emoji.png');
        background-position: -716px -608px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_musical_keyboard,
    .icon-ng2_em_musical_note {
        background-position: -716px -640px
    }

    .icon-ng2_em_musical_note {
        background-position: -716px -672px
    }

    .icon-ng2_em_musical_score,
    .icon-ng2_em_mute,
    .icon-ng2_em_nail_care {
        background-image: url('ng2-emoji.png');
        background-position: 0 -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_mute,
    .icon-ng2_em_nail_care {
        background-position: -32px -710px
    }

    .icon-ng2_em_nail_care {
        background-position: -64px -710px
    }

    .icon-ng2_em_name_badge,
    .icon-ng2_em_neckbeard,
    .icon-ng2_em_necktie {
        background-image: url('ng2-emoji.png');
        background-position: -96px -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_neckbeard,
    .icon-ng2_em_necktie {
        background-position: -128px -710px
    }

    .icon-ng2_em_necktie {
        background-position: -160px -710px
    }

    .icon-ng2_em_negative_squared_cross_mark,
    .icon-ng2_em_neutral_face,
    .icon-ng2_em_new,
    .icon-ng2_em_new_moon {
        background-image: url('ng2-emoji.png');
        background-position: -192px -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_neutral_face,
    .icon-ng2_em_new,
    .icon-ng2_em_new_moon {
        background-position: -224px -710px
    }

    .icon-ng2_em_new,
    .icon-ng2_em_new_moon {
        background-position: -256px -710px
    }

    .icon-ng2_em_new_moon {
        background-position: -288px -710px
    }

    .icon-ng2_em_new_moon_with_face,
    .icon-ng2_em_newspaper,
    .icon-ng2_em_ng,
    .icon-ng2_em_nine {
        background-image: url('ng2-emoji.png');
        background-position: -320px -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_newspaper,
    .icon-ng2_em_ng,
    .icon-ng2_em_nine {
        background-position: -352px -710px
    }

    .icon-ng2_em_ng,
    .icon-ng2_em_nine {
        background-position: -384px -710px
    }

    .icon-ng2_em_nine {
        background-position: -416px -710px
    }

    .icon-ng2_em_no_bell,
    .icon-ng2_em_no_bicycles,
    .icon-ng2_em_no_entry {
        background-image: url('ng2-emoji.png');
        background-position: -448px -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_no_bicycles,
    .icon-ng2_em_no_entry {
        background-position: -480px -710px
    }

    .icon-ng2_em_no_entry {
        background-position: -512px -710px
    }

    .icon-ng2_em_no_entry_sign,
    .icon-ng2_em_no_good,
    .icon-ng2_em_no_mobile_phones {
        background-image: url('ng2-emoji.png');
        background-position: -544px -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_no_good,
    .icon-ng2_em_no_mobile_phones {
        background-position: -576px -710px
    }

    .icon-ng2_em_no_mobile_phones {
        background-position: -608px -710px
    }

    .icon-ng2_em_no_mouth,
    .icon-ng2_em_no_pedestrians,
    .icon-ng2_em_no_smoking {
        background-image: url('ng2-emoji.png');
        background-position: -640px -710px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_no_pedestrians,
    .icon-ng2_em_no_smoking {
        background-position: -672px -710px
    }

    .icon-ng2_em_no_smoking {
        background-position: -704px -710px
    }

    .icon-ng2_em_non\-potable_water,
    .icon-ng2_em_nose,
    .icon-ng2_em_notebook {
        background-image: url('ng2-emoji.png');
        background-position: -748px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_nose,
    .icon-ng2_em_notebook {
        background-position: -748px -32px
    }

    .icon-ng2_em_notebook {
        background-position: -748px -64px
    }

    .icon-ng2_em_notebook_with_decorative_cover,
    .icon-ng2_em_notes,
    .icon-ng2_em_nut_and_bolt {
        background-image: url('ng2-emoji.png');
        background-position: -748px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_notes,
    .icon-ng2_em_nut_and_bolt {
        background-position: -748px -128px
    }

    .icon-ng2_em_nut_and_bolt {
        background-position: -748px -160px
    }

    .icon-ng2_em_o,
    .icon-ng2_em_o2,
    .icon-ng2_em_ocean,
    .icon-ng2_em_octocat {
        background-image: url('ng2-emoji.png');
        background-position: -748px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_o2,
    .icon-ng2_em_ocean,
    .icon-ng2_em_octocat {
        background-position: -748px -224px
    }

    .icon-ng2_em_ocean,
    .icon-ng2_em_octocat {
        background-position: -748px -256px
    }

    .icon-ng2_em_octocat {
        background-position: -748px -288px
    }

    .icon-ng2_em_octopus,
    .icon-ng2_em_oden,
    .icon-ng2_em_office,
    .icon-ng2_em_ok {
        background-image: url('ng2-emoji.png');
        background-position: -748px -320px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_oden,
    .icon-ng2_em_office,
    .icon-ng2_em_ok {
        background-position: -748px -352px
    }

    .icon-ng2_em_office,
    .icon-ng2_em_ok {
        background-position: -748px -384px
    }

    .icon-ng2_em_ok {
        background-position: -748px -416px
    }

    .icon-ng2_em_ok_hand,
    .icon-ng2_em_ok_woman,
    .icon-ng2_em_older_man {
        background-image: url('ng2-emoji.png');
        background-position: -748px -448px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ok_woman,
    .icon-ng2_em_older_man {
        background-position: -748px -480px
    }

    .icon-ng2_em_older_man {
        background-position: -748px -512px
    }

    .icon-ng2_em_older_woman,
    .icon-ng2_em_on,
    .icon-ng2_em_oncoming_automobile {
        background-image: url('ng2-emoji.png');
        background-position: -748px -544px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_on,
    .icon-ng2_em_oncoming_automobile {
        background-position: -748px -576px
    }

    .icon-ng2_em_oncoming_automobile {
        background-position: -748px -608px
    }

    .icon-ng2_em_oncoming_bus,
    .icon-ng2_em_oncoming_police_car,
    .icon-ng2_em_oncoming_taxi {
        background-image: url('ng2-emoji.png');
        background-position: -748px -640px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_oncoming_police_car,
    .icon-ng2_em_oncoming_taxi {
        background-position: -748px -672px
    }

    .icon-ng2_em_oncoming_taxi {
        background-position: -748px -704px
    }

    .icon-ng2_em_one,
    .icon-ng2_em_open_book,
    .icon-ng2_em_open_file_folder {
        background-image: url('ng2-emoji.png');
        background-position: 0 -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_open_book,
    .icon-ng2_em_open_file_folder {
        background-position: -32px -742px
    }

    .icon-ng2_em_open_file_folder {
        background-position: -64px -742px
    }

    .icon-ng2_em_open_hands,
    .icon-ng2_em_open_mouth,
    .icon-ng2_em_ophiuchus {
        background-image: url('ng2-emoji.png');
        background-position: -96px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_open_mouth,
    .icon-ng2_em_ophiuchus {
        background-position: -128px -742px
    }

    .icon-ng2_em_ophiuchus {
        background-position: -160px -742px
    }

    .icon-ng2_em_orange_book,
    .icon-ng2_em_outbox_tray,
    .icon-ng2_em_ox,
    .icon-ng2_em_package {
        background-image: url('ng2-emoji.png');
        background-position: -192px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_outbox_tray,
    .icon-ng2_em_ox,
    .icon-ng2_em_package {
        background-position: -224px -742px
    }

    .icon-ng2_em_ox,
    .icon-ng2_em_package {
        background-position: -256px -742px
    }

    .icon-ng2_em_package {
        background-position: -288px -742px
    }

    .icon-ng2_em_page_facing_up,
    .icon-ng2_em_page_with_curl,
    .icon-ng2_em_pager {
        background-image: url('ng2-emoji.png');
        background-position: -320px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_page_with_curl,
    .icon-ng2_em_pager {
        background-position: -352px -742px
    }

    .icon-ng2_em_pager {
        background-position: -384px -742px
    }

    .icon-ng2_em_palm_tree,
    .icon-ng2_em_panda_face,
    .icon-ng2_em_paperclip {
        background-image: url('ng2-emoji.png');
        background-position: -416px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_panda_face,
    .icon-ng2_em_paperclip {
        background-position: -448px -742px
    }

    .icon-ng2_em_paperclip {
        background-position: -480px -742px
    }

    .icon-ng2_em_parking,
    .icon-ng2_em_part_alternation_mark,
    .icon-ng2_em_partly_sunny {
        background-image: url('ng2-emoji.png');
        background-position: -512px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_part_alternation_mark,
    .icon-ng2_em_partly_sunny {
        background-position: -544px -742px
    }

    .icon-ng2_em_partly_sunny {
        background-position: -576px -742px
    }

    .icon-ng2_em_passport_control,
    .icon-ng2_em_paw_prints,
    .icon-ng2_em_peach,
    .icon-ng2_em_pear {
        background-image: url('ng2-emoji.png');
        background-position: -608px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_paw_prints,
    .icon-ng2_em_peach,
    .icon-ng2_em_pear {
        background-position: -640px -742px
    }

    .icon-ng2_em_peach,
    .icon-ng2_em_pear {
        background-position: -672px -742px
    }

    .icon-ng2_em_pear {
        background-position: -704px -742px
    }

    .icon-ng2_em_pencil,
    .icon-ng2_em_pencil2,
    .icon-ng2_em_penguin,
    .icon-ng2_em_pensive {
        background-image: url('ng2-emoji.png');
        background-position: -736px -742px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_pencil2,
    .icon-ng2_em_penguin,
    .icon-ng2_em_pensive {
        background-position: -780px 0
    }

    .icon-ng2_em_penguin,
    .icon-ng2_em_pensive {
        background-position: -780px -32px
    }

    .icon-ng2_em_pensive {
        background-position: -780px -64px
    }

    .icon-ng2_em_performing_arts,
    .icon-ng2_em_persevere,
    .icon-ng2_em_person_frowning {
        background-image: url('ng2-emoji.png');
        background-position: -780px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_persevere,
    .icon-ng2_em_person_frowning {
        background-position: -780px -128px
    }

    .icon-ng2_em_person_frowning {
        background-position: -780px -160px
    }

    .icon-ng2_em_person_with_blond_hair,
    .icon-ng2_em_person_with_pouting_face,
    .icon-ng2_em_phone {
        background-image: url('ng2-emoji.png');
        background-position: -780px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_person_with_pouting_face,
    .icon-ng2_em_phone {
        background-position: -780px -224px
    }

    .icon-ng2_em_phone {
        background-position: -780px -256px
    }

    .icon-ng2_em_pig,
    .icon-ng2_em_pig2,
    .icon-ng2_em_pig_nose,
    .icon-ng2_em_pill {
        background-image: url('ng2-emoji.png');
        background-position: -780px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_pig2,
    .icon-ng2_em_pig_nose,
    .icon-ng2_em_pill {
        background-position: -780px -320px
    }

    .icon-ng2_em_pig_nose,
    .icon-ng2_em_pill {
        background-position: -780px -352px
    }

    .icon-ng2_em_pill {
        background-position: -780px -384px
    }

    .icon-ng2_em_pineapple,
    .icon-ng2_em_pisces,
    .icon-ng2_em_pizza,
    .icon-ng2_em_point_down {
        background-image: url('ng2-emoji.png');
        background-position: -780px -416px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_pisces,
    .icon-ng2_em_pizza,
    .icon-ng2_em_point_down {
        background-position: -780px -448px
    }

    .icon-ng2_em_pizza,
    .icon-ng2_em_point_down {
        background-position: -780px -480px
    }

    .icon-ng2_em_point_down {
        background-position: -780px -512px
    }

    .icon-ng2_em_point_left,
    .icon-ng2_em_point_right,
    .icon-ng2_em_point_up {
        background-image: url('ng2-emoji.png');
        background-position: -780px -544px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_point_right,
    .icon-ng2_em_point_up {
        background-position: -780px -576px
    }

    .icon-ng2_em_point_up {
        background-position: -780px -608px
    }

    .icon-ng2_em_point_up_2,
    .icon-ng2_em_police_car,
    .icon-ng2_em_poodle {
        background-image: url('ng2-emoji.png');
        background-position: -780px -640px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_police_car,
    .icon-ng2_em_poodle {
        background-position: -780px -672px
    }

    .icon-ng2_em_poodle {
        background-position: -780px -704px
    }

    .icon-ng2_em_poop,
    .icon-ng2_em_post_office,
    .icon-ng2_em_postal_horn {
        background-image: url('ng2-emoji.png');
        background-position: -780px -736px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_post_office,
    .icon-ng2_em_postal_horn {
        background-position: 0 -774px
    }

    .icon-ng2_em_postal_horn {
        background-position: -32px -774px
    }

    .icon-ng2_em_postbox,
    .icon-ng2_em_potable_water,
    .icon-ng2_em_pouch {
        background-image: url('ng2-emoji.png');
        background-position: -64px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_potable_water,
    .icon-ng2_em_pouch {
        background-position: -96px -774px
    }

    .icon-ng2_em_pouch {
        background-position: -128px -774px
    }

    .icon-ng2_em_poultry_leg,
    .icon-ng2_em_pound,
    .icon-ng2_em_pouting_cat,
    .icon-ng2_em_pray {
        background-image: url('ng2-emoji.png');
        background-position: -160px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_pound,
    .icon-ng2_em_pouting_cat,
    .icon-ng2_em_pray {
        background-position: -192px -774px
    }

    .icon-ng2_em_pouting_cat,
    .icon-ng2_em_pray {
        background-position: -224px -774px
    }

    .icon-ng2_em_pray {
        background-position: -256px -774px
    }

    .icon-ng2_em_princess,
    .icon-ng2_em_punch,
    .icon-ng2_em_purple_heart {
        background-image: url('ng2-emoji.png');
        background-position: -288px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_punch,
    .icon-ng2_em_purple_heart {
        background-position: -320px -774px
    }

    .icon-ng2_em_purple_heart {
        background-position: -352px -774px
    }

    .icon-ng2_em_purse,
    .icon-ng2_em_pushpin,
    .icon-ng2_em_put_litter_in_its_place {
        background-image: url('ng2-emoji.png');
        background-position: -384px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_pushpin,
    .icon-ng2_em_put_litter_in_its_place {
        background-position: -416px -774px
    }

    .icon-ng2_em_put_litter_in_its_place {
        background-position: -448px -774px
    }

    .icon-ng2_em_question,
    .icon-ng2_em_rabbit,
    .icon-ng2_em_rabbit2,
    .icon-ng2_em_racehorse {
        background-image: url('ng2-emoji.png');
        background-position: -480px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_rabbit,
    .icon-ng2_em_rabbit2,
    .icon-ng2_em_racehorse {
        background-position: -512px -774px
    }

    .icon-ng2_em_rabbit2,
    .icon-ng2_em_racehorse {
        background-position: -544px -774px
    }

    .icon-ng2_em_racehorse {
        background-position: -576px -774px
    }

    .icon-ng2_em_radio,
    .icon-ng2_em_radio_button,
    .icon-ng2_em_rage,
    .icon-ng2_em_rage1 {
        background-image: url('ng2-emoji.png');
        background-position: -608px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_radio_button,
    .icon-ng2_em_rage,
    .icon-ng2_em_rage1 {
        background-position: -640px -774px
    }

    .icon-ng2_em_rage,
    .icon-ng2_em_rage1 {
        background-position: -672px -774px
    }

    .icon-ng2_em_rage1 {
        background-position: -704px -774px
    }

    .icon-ng2_em_rage2,
    .icon-ng2_em_rage3,
    .icon-ng2_em_rage4,
    .icon-ng2_em_railway_car {
        background-image: url('ng2-emoji.png');
        background-position: -736px -774px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_rage3,
    .icon-ng2_em_rage4,
    .icon-ng2_em_railway_car {
        background-position: -768px -774px
    }

    .icon-ng2_em_rage4,
    .icon-ng2_em_railway_car {
        background-position: -812px 0
    }

    .icon-ng2_em_railway_car {
        background-position: -812px -32px
    }

    .icon-ng2_em_rainbow,
    .icon-ng2_em_raised_hand,
    .icon-ng2_em_raised_hands {
        background-image: url('ng2-emoji.png');
        background-position: -812px -64px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_raised_hand,
    .icon-ng2_em_raised_hands {
        background-position: -812px -96px
    }

    .icon-ng2_em_raised_hands {
        background-position: -812px -128px
    }

    .icon-ng2_em_raising_hand,
    .icon-ng2_em_ram,
    .icon-ng2_em_ramen,
    .icon-ng2_em_rat {
        background-image: url('ng2-emoji.png');
        background-position: -812px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ram,
    .icon-ng2_em_ramen,
    .icon-ng2_em_rat {
        background-position: -812px -192px
    }

    .icon-ng2_em_ramen,
    .icon-ng2_em_rat {
        background-position: -812px -224px
    }

    .icon-ng2_em_rat {
        background-position: -812px -256px
    }

    .icon-ng2_em_recycle,
    .icon-ng2_em_red_car,
    .icon-ng2_em_red_circle {
        background-image: url('ng2-emoji.png');
        background-position: -812px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_red_car,
    .icon-ng2_em_red_circle {
        background-position: -812px -320px
    }

    .icon-ng2_em_red_circle {
        background-position: -812px -352px
    }

    .icon-ng2_em_registered,
    .icon-ng2_em_relaxed,
    .icon-ng2_em_relieved,
    .icon-ng2_em_repeat {
        background-image: url('ng2-emoji.png');
        background-position: -812px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_relaxed,
    .icon-ng2_em_relieved,
    .icon-ng2_em_repeat {
        background-position: -812px -416px
    }

    .icon-ng2_em_relieved,
    .icon-ng2_em_repeat {
        background-position: -812px -448px
    }

    .icon-ng2_em_repeat {
        background-position: -812px -480px
    }

    .icon-ng2_em_repeat_one,
    .icon-ng2_em_restroom,
    .icon-ng2_em_revolving_hearts {
        background-image: url('ng2-emoji.png');
        background-position: -812px -512px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_restroom,
    .icon-ng2_em_revolving_hearts {
        background-position: -812px -544px
    }

    .icon-ng2_em_revolving_hearts {
        background-position: -812px -576px
    }

    .icon-ng2_em_rewind,
    .icon-ng2_em_ribbon,
    .icon-ng2_em_rice,
    .icon-ng2_em_rice_ball {
        background-image: url('ng2-emoji.png');
        background-position: -812px -608px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ribbon,
    .icon-ng2_em_rice,
    .icon-ng2_em_rice_ball {
        background-position: -812px -640px
    }

    .icon-ng2_em_rice,
    .icon-ng2_em_rice_ball {
        background-position: -812px -672px
    }

    .icon-ng2_em_rice_ball {
        background-position: -812px -704px
    }

    .icon-ng2_em_rice_cracker,
    .icon-ng2_em_rice_scene,
    .icon-ng2_em_ring,
    .icon-ng2_em_rocket {
        background-image: url('ng2-emoji.png');
        background-position: -812px -736px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_rice_scene,
    .icon-ng2_em_ring,
    .icon-ng2_em_rocket {
        background-position: -812px -768px
    }

    .icon-ng2_em_ring,
    .icon-ng2_em_rocket {
        background-position: 0 -806px
    }

    .icon-ng2_em_rocket {
        background-position: -32px -806px
    }

    .icon-ng2_em_roller_coaster,
    .icon-ng2_em_rooster,
    .icon-ng2_em_rose {
        background-image: url('ng2-emoji.png');
        background-position: -64px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_rooster,
    .icon-ng2_em_rose {
        background-position: -96px -806px
    }

    .icon-ng2_em_rose {
        background-position: -128px -806px
    }

    .icon-ng2_em_rotating_light,
    .icon-ng2_em_round_pushpin,
    .icon-ng2_em_rowboat,
    .icon-ng2_em_ru {
        background-image: url('ng2-emoji.png');
        background-position: -160px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_round_pushpin,
    .icon-ng2_em_rowboat,
    .icon-ng2_em_ru {
        background-position: -192px -806px
    }

    .icon-ng2_em_rowboat,
    .icon-ng2_em_ru {
        background-position: -224px -806px
    }

    .icon-ng2_em_ru {
        background-position: -256px -806px
    }

    .icon-ng2_em_rugby_football,
    .icon-ng2_em_runner,
    .icon-ng2_em_running {
        background-image: url('ng2-emoji.png');
        background-position: -288px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_runner,
    .icon-ng2_em_running {
        background-position: -320px -806px
    }

    .icon-ng2_em_running {
        background-position: -352px -806px
    }

    .icon-ng2_em_running_shirt_with_sash,
    .icon-ng2_em_sa,
    .icon-ng2_em_sagittarius,
    .icon-ng2_em_sailboat {
        background-image: url('ng2-emoji.png');
        background-position: -384px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sa,
    .icon-ng2_em_sagittarius,
    .icon-ng2_em_sailboat {
        background-position: -416px -806px
    }

    .icon-ng2_em_sagittarius,
    .icon-ng2_em_sailboat {
        background-position: -448px -806px
    }

    .icon-ng2_em_sailboat {
        background-position: -480px -806px
    }

    .icon-ng2_em_sake,
    .icon-ng2_em_sandal,
    .icon-ng2_em_santa,
    .icon-ng2_em_satellite {
        background-image: url('ng2-emoji.png');
        background-position: -512px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sandal,
    .icon-ng2_em_santa,
    .icon-ng2_em_satellite {
        background-position: -544px -806px
    }

    .icon-ng2_em_santa,
    .icon-ng2_em_satellite {
        background-position: -576px -806px
    }

    .icon-ng2_em_satellite {
        background-position: -608px -806px
    }

    .icon-ng2_em_satisfied,
    .icon-ng2_em_saxophone,
    .icon-ng2_em_school {
        background-image: url('ng2-emoji.png');
        background-position: -640px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_saxophone,
    .icon-ng2_em_school {
        background-position: -672px -806px
    }

    .icon-ng2_em_school {
        background-position: -704px -806px
    }

    .icon-ng2_em_school_satchel,
    .icon-ng2_em_scissors,
    .icon-ng2_em_scorpius,
    .icon-ng2_em_scream {
        background-image: url('ng2-emoji.png');
        background-position: -736px -806px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_scissors,
    .icon-ng2_em_scorpius,
    .icon-ng2_em_scream {
        background-position: -768px -806px
    }

    .icon-ng2_em_scorpius,
    .icon-ng2_em_scream {
        background-position: -800px -806px
    }

    .icon-ng2_em_scream {
        background-position: -844px 0
    }

    .icon-ng2_em_scream_cat,
    .icon-ng2_em_scroll,
    .icon-ng2_em_seat,
    .icon-ng2_em_secret {
        background-image: url('ng2-emoji.png');
        background-position: -844px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_scroll,
    .icon-ng2_em_seat,
    .icon-ng2_em_secret {
        background-position: -844px -64px
    }

    .icon-ng2_em_seat,
    .icon-ng2_em_secret {
        background-position: -844px -96px
    }

    .icon-ng2_em_secret {
        background-position: -844px -128px
    }

    .icon-ng2_em_see_no_evil,
    .icon-ng2_em_seedling,
    .icon-ng2_em_seven,
    .icon-ng2_em_shaved_ice {
        background-image: url('ng2-emoji.png');
        background-position: -844px -160px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_seedling,
    .icon-ng2_em_seven,
    .icon-ng2_em_shaved_ice {
        background-position: -844px -192px
    }

    .icon-ng2_em_seven,
    .icon-ng2_em_shaved_ice {
        background-position: -844px -224px
    }

    .icon-ng2_em_shaved_ice {
        background-position: -844px -256px
    }

    .icon-ng2_em_sheep,
    .icon-ng2_em_shell,
    .icon-ng2_em_ship,
    .icon-ng2_em_shipit {
        background-image: url('ng2-emoji.png');
        background-position: -844px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_shell,
    .icon-ng2_em_ship,
    .icon-ng2_em_shipit {
        background-position: -844px -320px
    }

    .icon-ng2_em_ship,
    .icon-ng2_em_shipit {
        background-position: -844px -352px
    }

    .icon-ng2_em_shipit {
        background-position: 0 0;
        width: 38px;
        height: 38px
    }

    .icon-ng2_em_shirt,
    .icon-ng2_em_shit,
    .icon-ng2_em_shoe {
        background-image: url('ng2-emoji.png');
        background-position: -844px -416px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_shit,
    .icon-ng2_em_shoe {
        background-position: -844px -448px
    }

    .icon-ng2_em_shoe {
        background-position: -844px -480px
    }

    .icon-ng2_em_shower,
    .icon-ng2_em_signal_strength,
    .icon-ng2_em_six {
        background-image: url('ng2-emoji.png');
        background-position: -844px -512px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_signal_strength,
    .icon-ng2_em_six {
        background-position: -844px -544px
    }

    .icon-ng2_em_six {
        background-position: -844px -576px
    }

    .icon-ng2_em_six_pointed_star,
    .icon-ng2_em_ski,
    .icon-ng2_em_skull,
    .icon-ng2_em_sleeping {
        background-image: url('ng2-emoji.png');
        background-position: -844px -608px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_ski,
    .icon-ng2_em_skull,
    .icon-ng2_em_sleeping {
        background-position: -844px -640px
    }

    .icon-ng2_em_skull,
    .icon-ng2_em_sleeping {
        background-position: -844px -672px
    }

    .icon-ng2_em_sleeping {
        background-position: -844px -704px
    }

    .icon-ng2_em_sleepy,
    .icon-ng2_em_slot_machine,
    .icon-ng2_em_small_blue_diamond {
        background-image: url('ng2-emoji.png');
        background-position: -844px -736px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_slot_machine,
    .icon-ng2_em_small_blue_diamond {
        background-position: -844px -768px
    }

    .icon-ng2_em_small_blue_diamond {
        background-position: -844px -800px
    }

    .icon-ng2_em_small_orange_diamond,
    .icon-ng2_em_small_red_triangle {
        background-image: url('ng2-emoji.png');
        background-position: 0 -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_small_red_triangle {
        background-position: -32px -838px
    }

    .icon-ng2_em_small_red_triangle_down,
    .icon-ng2_em_smile,
    .icon-ng2_em_smile_cat,
    .icon-ng2_em_smiley {
        background-image: url('ng2-emoji.png');
        background-position: -64px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_smile,
    .icon-ng2_em_smile_cat,
    .icon-ng2_em_smiley {
        background-position: -96px -838px
    }

    .icon-ng2_em_smile_cat,
    .icon-ng2_em_smiley {
        background-position: -128px -838px
    }

    .icon-ng2_em_smiley {
        background-position: -160px -838px
    }

    .icon-ng2_em_smiley_cat,
    .icon-ng2_em_smiling_imp,
    .icon-ng2_em_smirk {
        background-image: url('ng2-emoji.png');
        background-position: -192px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_smiling_imp,
    .icon-ng2_em_smirk {
        background-position: -224px -838px
    }

    .icon-ng2_em_smirk {
        background-position: -256px -838px
    }

    .icon-ng2_em_smirk_cat,
    .icon-ng2_em_smoking,
    .icon-ng2_em_snail,
    .icon-ng2_em_snake {
        background-image: url('ng2-emoji.png');
        background-position: -288px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_smoking,
    .icon-ng2_em_snail,
    .icon-ng2_em_snake {
        background-position: -320px -838px
    }

    .icon-ng2_em_snail,
    .icon-ng2_em_snake {
        background-position: -352px -838px
    }

    .icon-ng2_em_snake {
        background-position: -384px -838px
    }

    .icon-ng2_em_snowboarder,
    .icon-ng2_em_snowflake,
    .icon-ng2_em_snowman {
        background-image: url('ng2-emoji.png');
        background-position: -416px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_snowflake,
    .icon-ng2_em_snowman {
        background-position: -448px -838px
    }

    .icon-ng2_em_snowman {
        background-position: -480px -838px
    }

    .icon-ng2_em_sob,
    .icon-ng2_em_soccer,
    .icon-ng2_em_soon,
    .icon-ng2_em_sos {
        background-image: url('ng2-emoji.png');
        background-position: -512px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_soccer,
    .icon-ng2_em_soon,
    .icon-ng2_em_sos {
        background-position: -544px -838px
    }

    .icon-ng2_em_soon,
    .icon-ng2_em_sos {
        background-position: -576px -838px
    }

    .icon-ng2_em_sos {
        background-position: -608px -838px
    }

    .icon-ng2_em_sound,
    .icon-ng2_em_space_invader,
    .icon-ng2_em_spades {
        background-image: url('ng2-emoji.png');
        background-position: -640px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_space_invader,
    .icon-ng2_em_spades {
        background-position: -672px -838px
    }

    .icon-ng2_em_spades {
        background-position: -704px -838px
    }

    .icon-ng2_em_spaghetti,
    .icon-ng2_em_sparkle,
    .icon-ng2_em_sparkler,
    .icon-ng2_em_sparkles {
        background-image: url('ng2-emoji.png');
        background-position: -736px -838px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sparkle,
    .icon-ng2_em_sparkler,
    .icon-ng2_em_sparkles {
        background-position: -768px -838px
    }

    .icon-ng2_em_sparkler,
    .icon-ng2_em_sparkles {
        background-position: -800px -838px
    }

    .icon-ng2_em_sparkles {
        background-position: -832px -838px
    }

    .icon-ng2_em_sparkling_heart,
    .icon-ng2_em_speak_no_evil,
    .icon-ng2_em_speaker {
        background-image: url('ng2-emoji.png');
        background-position: -876px 0;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_speak_no_evil,
    .icon-ng2_em_speaker {
        background-position: -876px -32px
    }

    .icon-ng2_em_speaker {
        background-position: -876px -64px
    }

    .icon-ng2_em_speech_balloon,
    .icon-ng2_em_speedboat,
    .icon-ng2_em_squirrel {
        background-image: url('ng2-emoji.png');
        background-position: -876px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_speedboat,
    .icon-ng2_em_squirrel {
        background-position: -876px -128px
    }

    .icon-ng2_em_squirrel {
        background-position: -38px 0;
        width: 38px;
        height: 38px
    }

    .icon-ng2_em_star,
    .icon-ng2_em_star2,
    .icon-ng2_em_stars {
        background-image: url('ng2-emoji.png');
        background-position: -876px -192px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_star2,
    .icon-ng2_em_stars {
        background-position: -876px -224px
    }

    .icon-ng2_em_stars {
        background-position: -876px -256px
    }

    .icon-ng2_em_station,
    .icon-ng2_em_statue_of_liberty,
    .icon-ng2_em_steam_locomotive {
        background-image: url('ng2-emoji.png');
        background-position: -876px -288px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_statue_of_liberty,
    .icon-ng2_em_steam_locomotive {
        background-position: -876px -320px
    }

    .icon-ng2_em_steam_locomotive {
        background-position: -876px -352px
    }

    .icon-ng2_em_stew,
    .icon-ng2_em_straight_ruler,
    .icon-ng2_em_strawberry {
        background-image: url('ng2-emoji.png');
        background-position: -876px -384px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_straight_ruler,
    .icon-ng2_em_strawberry {
        background-position: -876px -416px
    }

    .icon-ng2_em_strawberry {
        background-position: -876px -448px
    }

    .icon-ng2_em_stuck_out_tongue,
    .icon-ng2_em_stuck_out_tongue_closed_eyes {
        background-image: url('ng2-emoji.png');
        background-position: -876px -480px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_stuck_out_tongue_closed_eyes {
        background-position: -876px -512px
    }

    .icon-ng2_em_stuck_out_tongue_winking_eye,
    .icon-ng2_em_sun_with_face {
        background-image: url('ng2-emoji.png');
        background-position: -876px -544px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sun_with_face {
        background-position: -876px -576px
    }

    .icon-ng2_em_sunflower,
    .icon-ng2_em_sunglasses,
    .icon-ng2_em_sunny {
        background-image: url('ng2-emoji.png');
        background-position: -876px -608px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sunglasses,
    .icon-ng2_em_sunny {
        background-position: -876px -640px
    }

    .icon-ng2_em_sunny {
        background-position: -876px -672px
    }

    .icon-ng2_em_sunrise,
    .icon-ng2_em_sunrise_over_mountains,
    .icon-ng2_em_surfer {
        background-image: url('ng2-emoji.png');
        background-position: -876px -704px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sunrise_over_mountains,
    .icon-ng2_em_surfer {
        background-position: -876px -736px
    }

    .icon-ng2_em_surfer {
        background-position: -876px -768px
    }

    .icon-ng2_em_sushi,
    .icon-ng2_em_suspect,
    .icon-ng2_em_suspension_railway {
        background-image: url('ng2-emoji.png');
        background-position: -876px -800px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_suspect,
    .icon-ng2_em_suspension_railway {
        background-position: -876px -832px
    }

    .icon-ng2_em_suspension_railway {
        background-position: 0 -870px
    }

    .icon-ng2_em_sweat,
    .icon-ng2_em_sweat_drops,
    .icon-ng2_em_sweat_smile {
        background-image: url('ng2-emoji.png');
        background-position: -32px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_sweat_drops,
    .icon-ng2_em_sweat_smile {
        background-position: -64px -870px
    }

    .icon-ng2_em_sweat_smile {
        background-position: -96px -870px
    }

    .icon-ng2_em_sweet_potato,
    .icon-ng2_em_swimmer,
    .icon-ng2_em_symbols,
    .icon-ng2_em_syringe {
        background-image: url('ng2-emoji.png');
        background-position: -128px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_swimmer,
    .icon-ng2_em_symbols,
    .icon-ng2_em_syringe {
        background-position: -160px -870px
    }

    .icon-ng2_em_symbols,
    .icon-ng2_em_syringe {
        background-position: -192px -870px
    }

    .icon-ng2_em_syringe {
        background-position: -224px -870px
    }

    .icon-ng2_em_tada,
    .icon-ng2_em_tanabata_tree,
    .icon-ng2_em_tangerine {
        background-image: url('ng2-emoji.png');
        background-position: -256px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_tanabata_tree,
    .icon-ng2_em_tangerine {
        background-position: -288px -870px
    }

    .icon-ng2_em_tangerine {
        background-position: -320px -870px
    }

    .icon-ng2_em_taurus,
    .icon-ng2_em_taxi,
    .icon-ng2_em_tea,
    .icon-ng2_em_telephone {
        background-image: url('ng2-emoji.png');
        background-position: -352px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_taxi,
    .icon-ng2_em_tea,
    .icon-ng2_em_telephone {
        background-position: -384px -870px
    }

    .icon-ng2_em_tea,
    .icon-ng2_em_telephone {
        background-position: -416px -870px
    }

    .icon-ng2_em_telephone {
        background-position: -448px -870px
    }

    .icon-ng2_em_telephone_receiver,
    .icon-ng2_em_telescope,
    .icon-ng2_em_tennis,
    .icon-ng2_em_tent {
        background-image: url('ng2-emoji.png');
        background-position: -480px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_telescope,
    .icon-ng2_em_tennis,
    .icon-ng2_em_tent {
        background-position: -512px -870px
    }

    .icon-ng2_em_tennis,
    .icon-ng2_em_tent {
        background-position: -544px -870px
    }

    .icon-ng2_em_tent {
        background-position: -576px -870px
    }

    .icon-ng2_em_thought_balloon,
    .icon-ng2_em_three,
    .icon-ng2_em_thumbsdown,
    .icon-ng2_em_thumbsup {
        background-image: url('ng2-emoji.png');
        background-position: -608px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_three,
    .icon-ng2_em_thumbsdown,
    .icon-ng2_em_thumbsup {
        background-position: -640px -870px
    }

    .icon-ng2_em_thumbsdown,
    .icon-ng2_em_thumbsup {
        background-position: -672px -870px
    }

    .icon-ng2_em_thumbsup {
        background-position: -704px -870px
    }

    .icon-ng2_em_ticket,
    .icon-ng2_em_tiger,
    .icon-ng2_em_tiger2,
    .icon-ng2_em_tired_face {
        background-image: url('ng2-emoji.png');
        background-position: -736px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_tiger,
    .icon-ng2_em_tiger2,
    .icon-ng2_em_tired_face {
        background-position: -768px -870px
    }

    .icon-ng2_em_tiger2,
    .icon-ng2_em_tired_face {
        background-position: -800px -870px
    }

    .icon-ng2_em_tired_face {
        background-position: -832px -870px
    }

    .icon-ng2_em_tm,
    .icon-ng2_em_toilet,
    .icon-ng2_em_tokyo_tower,
    .icon-ng2_em_tomato {
        background-image: url('ng2-emoji.png');
        background-position: -864px -870px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_toilet,
    .icon-ng2_em_tokyo_tower,
    .icon-ng2_em_tomato {
        background-position: -908px 0
    }

    .icon-ng2_em_tokyo_tower,
    .icon-ng2_em_tomato {
        background-position: -908px -32px
    }

    .icon-ng2_em_tomato {
        background-position: -908px -64px
    }

    .icon-ng2_em_tongue,
    .icon-ng2_em_top,
    .icon-ng2_em_tophat,
    .icon-ng2_em_tractor {
        background-image: url('ng2-emoji.png');
        background-position: -908px -96px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_top,
    .icon-ng2_em_tophat,
    .icon-ng2_em_tractor {
        background-position: -908px -128px
    }

    .icon-ng2_em_tophat,
    .icon-ng2_em_tractor {
        background-position: -908px -160px
    }

    .icon-ng2_em_tractor {
        background-position: -908px -192px
    }

    .icon-ng2_em_traffic_light,
    .icon-ng2_em_train,
    .icon-ng2_em_train2,
    .icon-ng2_em_tram {
        background-image: url('ng2-emoji.png');
        background-position: -908px -224px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_train,
    .icon-ng2_em_train2,
    .icon-ng2_em_tram {
        background-position: -908px -256px
    }

    .icon-ng2_em_train2,
    .icon-ng2_em_tram {
        background-position: -908px -288px
    }

    .icon-ng2_em_tram {
        background-position: -908px -320px
    }

    .icon-ng2_em_triangular_flag_on_post,
    .icon-ng2_em_triangular_ruler {
        background-image: url('ng2-emoji.png');
        background-position: -908px -352px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_triangular_ruler {
        background-position: -908px -384px
    }

    .icon-ng2_em_trident,
    .icon-ng2_em_triumph,
    .icon-ng2_em_trolleybus {
        background-image: url('ng2-emoji.png');
        background-position: -908px -416px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_triumph,
    .icon-ng2_em_trolleybus {
        background-position: -908px -448px
    }

    .icon-ng2_em_trolleybus {
        background-position: -908px -480px
    }

    .icon-ng2_em_trollface,
    .icon-ng2_em_trophy,
    .icon-ng2_em_tropical_drink {
        background-image: url('ng2-emoji.png');
        background-position: -908px -512px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_trophy,
    .icon-ng2_em_tropical_drink {
        background-position: -908px -544px
    }

    .icon-ng2_em_tropical_drink {
        background-position: -908px -576px
    }

    .icon-ng2_em_tropical_fish,
    .icon-ng2_em_truck,
    .icon-ng2_em_trumpet {
        background-image: url('ng2-emoji.png');
        background-position: -908px -608px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_truck,
    .icon-ng2_em_trumpet {
        background-position: -908px -640px
    }

    .icon-ng2_em_trumpet {
        background-position: -908px -672px
    }

    .icon-ng2_em_tshirt,
    .icon-ng2_em_tulip,
    .icon-ng2_em_turtle,
    .icon-ng2_em_tv {
        background-image: url('ng2-emoji.png');
        background-position: -908px -704px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_tulip,
    .icon-ng2_em_turtle,
    .icon-ng2_em_tv {
        background-position: -908px -736px
    }

    .icon-ng2_em_turtle,
    .icon-ng2_em_tv {
        background-position: -908px -768px
    }

    .icon-ng2_em_tv {
        background-position: -908px -800px
    }

    .icon-ng2_em_twisted_rightwards_arrows,
    .icon-ng2_em_two,
    .icon-ng2_em_two_hearts {
        background-image: url('ng2-emoji.png');
        background-position: -908px -832px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_two,
    .icon-ng2_em_two_hearts {
        background-position: -908px -864px
    }

    .icon-ng2_em_two_hearts {
        background-position: 0 -902px
    }

    .icon-ng2_em_two_men_holding_hands,
    .icon-ng2_em_two_women_holding_hands,
    .icon-ng2_em_u5272 {
        background-image: url('ng2-emoji.png');
        background-position: -32px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_two_women_holding_hands,
    .icon-ng2_em_u5272 {
        background-position: -64px -902px
    }

    .icon-ng2_em_u5272 {
        background-position: -96px -902px
    }

    .icon-ng2_em_u5408,
    .icon-ng2_em_u55b6,
    .icon-ng2_em_u6307,
    .icon-ng2_em_u6708 {
        background-image: url('ng2-emoji.png');
        background-position: -128px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_u55b6,
    .icon-ng2_em_u6307,
    .icon-ng2_em_u6708 {
        background-position: -160px -902px
    }

    .icon-ng2_em_u6307,
    .icon-ng2_em_u6708 {
        background-position: -192px -902px
    }

    .icon-ng2_em_u6708 {
        background-position: -224px -902px
    }

    .icon-ng2_em_u6709,
    .icon-ng2_em_u6e80,
    .icon-ng2_em_u7121,
    .icon-ng2_em_u7533 {
        background-image: url('ng2-emoji.png');
        background-position: -256px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_u6e80,
    .icon-ng2_em_u7121,
    .icon-ng2_em_u7533 {
        background-position: -288px -902px
    }

    .icon-ng2_em_u7121,
    .icon-ng2_em_u7533 {
        background-position: -320px -902px
    }

    .icon-ng2_em_u7533 {
        background-position: -352px -902px
    }

    .icon-ng2_em_u7981,
    .icon-ng2_em_u7a7a,
    .icon-ng2_em_uk,
    .icon-ng2_em_umbrella {
        background-image: url('ng2-emoji.png');
        background-position: -384px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_u7a7a,
    .icon-ng2_em_uk,
    .icon-ng2_em_umbrella {
        background-position: -416px -902px
    }

    .icon-ng2_em_uk,
    .icon-ng2_em_umbrella {
        background-position: -448px -902px
    }

    .icon-ng2_em_umbrella {
        background-position: -480px -902px
    }

    .icon-ng2_em_unamused,
    .icon-ng2_em_underage,
    .icon-ng2_em_unlock,
    .icon-ng2_em_up {
        background-image: url('ng2-emoji.png');
        background-position: -512px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_underage,
    .icon-ng2_em_unlock,
    .icon-ng2_em_up {
        background-position: -544px -902px
    }

    .icon-ng2_em_unlock,
    .icon-ng2_em_up {
        background-position: -576px -902px
    }

    .icon-ng2_em_up {
        background-position: -608px -902px
    }

    .icon-ng2_em_us,
    .icon-ng2_em_v,
    .icon-ng2_em_vertical_traffic_light {
        background-image: url('ng2-emoji.png');
        background-position: -640px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_v,
    .icon-ng2_em_vertical_traffic_light {
        background-position: -672px -902px
    }

    .icon-ng2_em_vertical_traffic_light {
        background-position: -704px -902px
    }

    .icon-ng2_em_vhs,
    .icon-ng2_em_vibration_mode,
    .icon-ng2_em_video_camera {
        background-image: url('ng2-emoji.png');
        background-position: -736px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_vibration_mode,
    .icon-ng2_em_video_camera {
        background-position: -768px -902px
    }

    .icon-ng2_em_video_camera {
        background-position: -800px -902px
    }

    .icon-ng2_em_video_game,
    .icon-ng2_em_violin,
    .icon-ng2_em_virgo,
    .icon-ng2_em_volcano {
        background-image: url('ng2-emoji.png');
        background-position: -832px -902px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_violin,
    .icon-ng2_em_virgo,
    .icon-ng2_em_volcano {
        background-position: -864px -902px
    }

    .icon-ng2_em_virgo,
    .icon-ng2_em_volcano {
        background-position: -896px -902px
    }

    .icon-ng2_em_volcano {
        background-position: -940px 0
    }

    .icon-ng2_em_vs,
    .icon-ng2_em_walking,
    .icon-ng2_em_waning_crescent_moon {
        background-image: url('ng2-emoji.png');
        background-position: -940px -32px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_walking,
    .icon-ng2_em_waning_crescent_moon {
        background-position: -940px -64px
    }

    .icon-ng2_em_waning_crescent_moon {
        background-position: -940px -96px
    }

    .icon-ng2_em_waning_gibbous_moon,
    .icon-ng2_em_warning,
    .icon-ng2_em_watch {
        background-image: url('ng2-emoji.png');
        background-position: -940px -128px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_warning,
    .icon-ng2_em_watch {
        background-position: -940px -160px
    }

    .icon-ng2_em_watch {
        background-position: -940px -192px
    }

    .icon-ng2_em_water_buffalo,
    .icon-ng2_em_watermelon,
    .icon-ng2_em_wave,
    .icon-ng2_em_wavy_dash {
        background-image: url('ng2-emoji.png');
        background-position: -940px -224px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_watermelon,
    .icon-ng2_em_wave,
    .icon-ng2_em_wavy_dash {
        background-position: -940px -256px
    }

    .icon-ng2_em_wave,
    .icon-ng2_em_wavy_dash {
        background-position: -940px -288px
    }

    .icon-ng2_em_wavy_dash {
        background-position: -940px -320px
    }

    .icon-ng2_em_waxing_crescent_moon,
    .icon-ng2_em_waxing_gibbous_moon {
        background-image: url('ng2-emoji.png');
        background-position: -940px -352px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_waxing_gibbous_moon {
        background-position: -940px -384px
    }

    .icon-ng2_em_wc,
    .icon-ng2_em_weary,
    .icon-ng2_em_wedding,
    .icon-ng2_em_whale {
        background-image: url('ng2-emoji.png');
        background-position: -940px -416px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_weary,
    .icon-ng2_em_wedding,
    .icon-ng2_em_whale {
        background-position: -940px -448px
    }

    .icon-ng2_em_wedding,
    .icon-ng2_em_whale {
        background-position: -940px -480px
    }

    .icon-ng2_em_whale {
        background-position: -940px -512px
    }

    .icon-ng2_em_whale2,
    .icon-ng2_em_wheelchair,
    .icon-ng2_em_white_check_mark {
        background-image: url('ng2-emoji.png');
        background-position: -940px -544px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_wheelchair,
    .icon-ng2_em_white_check_mark {
        background-position: -940px -576px
    }

    .icon-ng2_em_white_check_mark {
        background-position: -940px -608px
    }

    .icon-ng2_em_white_circle,
    .icon-ng2_em_white_flower,
    .icon-ng2_em_white_large_square {
        background-image: url('ng2-emoji.png');
        background-position: -940px -640px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_white_flower,
    .icon-ng2_em_white_large_square {
        background-position: -940px -672px
    }

    .icon-ng2_em_white_large_square {
        background-position: -940px -704px
    }

    .icon-ng2_em_white_medium_small_square,
    .icon-ng2_em_white_medium_square {
        background-image: url('ng2-emoji.png');
        background-position: -940px -736px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_white_medium_square {
        background-position: -940px -768px
    }

    .icon-ng2_em_white_small_square,
    .icon-ng2_em_white_square_button,
    .icon-ng2_em_wind_chime {
        background-image: url('ng2-emoji.png');
        background-position: -940px -800px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_white_square_button,
    .icon-ng2_em_wind_chime {
        background-position: -940px -832px
    }

    .icon-ng2_em_wind_chime {
        background-position: -940px -864px
    }

    .icon-ng2_em_wine_glass,
    .icon-ng2_em_wink,
    .icon-ng2_em_wolf,
    .icon-ng2_em_woman {
        background-image: url('ng2-emoji.png');
        background-position: -940px -896px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_wink,
    .icon-ng2_em_wolf,
    .icon-ng2_em_woman {
        background-position: 0 -934px
    }

    .icon-ng2_em_wolf,
    .icon-ng2_em_woman {
        background-position: -32px -934px
    }

    .icon-ng2_em_woman {
        background-position: -64px -934px
    }

    .icon-ng2_em_womans_clothes,
    .icon-ng2_em_womans_hat,
    .icon-ng2_em_womens,
    .icon-ng2_em_worried {
        background-image: url('ng2-emoji.png');
        background-position: -96px -934px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_womans_hat,
    .icon-ng2_em_womens,
    .icon-ng2_em_worried {
        background-position: -128px -934px
    }

    .icon-ng2_em_womens,
    .icon-ng2_em_worried {
        background-position: -160px -934px
    }

    .icon-ng2_em_worried {
        background-position: -192px -934px
    }

    .icon-ng2_em_wrench,
    .icon-ng2_em_x,
    .icon-ng2_em_yellow_heart,
    .icon-ng2_em_yen {
        background-image: url('ng2-emoji.png');
        background-position: -224px -934px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_x,
    .icon-ng2_em_yellow_heart,
    .icon-ng2_em_yen {
        background-position: -256px -934px
    }

    .icon-ng2_em_yellow_heart,
    .icon-ng2_em_yen {
        background-position: -288px -934px
    }

    .icon-ng2_em_yen {
        background-position: -320px -934px
    }

    .icon-ng2_em_yum,
    .icon-ng2_em_zap,
    .icon-ng2_em_zero,
    .icon-ng2_em_zzz {
        background-image: url('ng2-emoji.png');
        background-position: -352px -934px;
        width: 32px;
        height: 32px
    }

    .icon-ng2_em_zap,
    .icon-ng2_em_zero,
    .icon-ng2_em_zzz {
        background-position: -384px -934px
    }

    .icon-ng2_em_zero,
    .icon-ng2_em_zzz {
        background-position: -416px -934px
    }

    .icon-ng2_em_zzz {
        background-position: -448px -934px
    }



    .pln {
        color: #000
    }

    @media screen {
        .str {
            color: #080
        }

        .kwd {
            color: #008
        }

        .com {
            color: #800
        }

        .typ {
            color: #606
        }

        .lit {
            color: #066
        }

        .clo,
        .opn,
        .pun {
            color: #660
        }

        .tag {
            color: #008
        }

        .atn {
            color: #606
        }

        .atv {
            color: #080
        }

        .dec,
        .var {
            color: #606
        }

        .fun {
            color: red
        }
    }

    @media print,
    projection {

        .kwd,
        .tag,
        .typ {
            font-weight: 700
        }

        .str {
            color: #060
        }

        .kwd {
            color: #006
        }

        .com {
            color: #600;
            font-style: italic
        }

        .typ {
            color: #404
        }

        .lit {
            color: #044
        }

        .clo,
        .opn,
        .pun {
            color: #440
        }

        .tag {
            color: #006
        }

        .atn {
            color: #404
        }

        .atv {
            color: #060
        }
    }

    pre.prettyprint {
        padding: 2px;
        border: 1px solid #888
    }

    ol.linenums {
        margin-top: 0;
        margin-bottom: 0
    }

    li.L0,
    li.L1,
    li.L2,
    li.L3,
    li.L5,
    li.L6,
    li.L7,
    li.L8 {
        list-style-type: none
    }

    li.L1,
    li.L3,
    li.L5,
    li.L7,
    li.L9 {
        background: #eee
    }




    /* You can add global styles to this file, and also import other style files */
    /*! bulma.io v0.8.2 | MIT License | github.com/jgthms/bulma */
    @-webkit-keyframes spinAround {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(359deg);
        }
    }

    @keyframes spinAround {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(359deg);
        }
    }

    .delete,
    .modal-close,
    .is-unselectable,
    .button,
    .file,
    .breadcrumb,
    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis,
    .tabs {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .select:not(.is-multiple):not(.is-loading)::after,
    .navbar-link:not(.is-arrowless)::after {
        border: 3px solid transparent;
        border-radius: 2px;
        border-right: 0;
        border-top: 0;
        content: " ";
        display: block;
        height: 0.625em;
        margin-top: -0.4375em;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: rotate(-45deg);
        transform-origin: center;
        width: 0.625em;
    }

    .box:not(:last-child),
    .content:not(:last-child),
    .notification:not(:last-child),
    .progress:not(:last-child),
    .table:not(:last-child),
    .table-container:not(:last-child),
    .title:not(:last-child),
    .subtitle:not(:last-child),
    .block:not(:last-child),
    .highlight:not(:last-child),
    .breadcrumb:not(:last-child),
    .level:not(:last-child),
    .list:not(:last-child),
    .message:not(:last-child),
    .pagination:not(:last-child),
    .tabs:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .delete,
    .modal-close {
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: rgba(10, 10, 10, 0.2);
        border: none;
        border-radius: 290486px;
        cursor: pointer;
        pointer-events: auto;
        display: inline-block;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 0;
        height: 20px;
        max-height: 20px;
        max-width: 20px;
        min-height: 20px;
        min-width: 20px;
        outline: none;
        position: relative;
        vertical-align: top;
        width: 20px;
    }

    .delete::before,
    .modal-close::before,
    .delete::after,
    .modal-close::after {
        background-color: white;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform-origin: center center;
    }

    .delete::before,
    .modal-close::before {
        height: 2px;
        width: 50%;
    }

    .delete::after,
    .modal-close::after {
        height: 50%;
        width: 2px;
    }

    .delete:hover,
    .modal-close:hover,
    .delete:focus,
    .modal-close:focus {
        background-color: rgba(10, 10, 10, 0.3);
    }

    .delete:active,
    .modal-close:active {
        background-color: rgba(10, 10, 10, 0.4);
    }

    .is-small.delete,
    .is-small.modal-close {
        height: 16px;
        max-height: 16px;
        max-width: 16px;
        min-height: 16px;
        min-width: 16px;
        width: 16px;
    }

    .is-medium.delete,
    .is-medium.modal-close {
        height: 24px;
        max-height: 24px;
        max-width: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px;
    }

    .is-large.delete,
    .is-large.modal-close {
        height: 32px;
        max-height: 32px;
        max-width: 32px;
        min-height: 32px;
        min-width: 32px;
        width: 32px;
    }

    .button.is-loading::after,
    .loader,
    .select.is-loading::after,
    .control.is-loading::after {
        -webkit-animation: spinAround 500ms infinite linear;
        animation: spinAround 500ms infinite linear;
        border: 2px solid #dbdbdb;
        border-radius: 290486px;
        border-right-color: transparent;
        border-top-color: transparent;
        content: "";
        display: block;
        height: 1em;
        position: relative;
        width: 1em;
    }

    .is-overlay,
    .image.is-square img,
    .image.is-square .has-ratio,
    .image.is-1by1 img,
    .image.is-1by1 .has-ratio,
    .image.is-5by4 img,
    .image.is-5by4 .has-ratio,
    .image.is-4by3 img,
    .image.is-4by3 .has-ratio,
    .image.is-3by2 img,
    .image.is-3by2 .has-ratio,
    .image.is-5by3 img,
    .image.is-5by3 .has-ratio,
    .image.is-16by9 img,
    .image.is-16by9 .has-ratio,
    .image.is-2by1 img,
    .image.is-2by1 .has-ratio,
    .image.is-3by1 img,
    .image.is-3by1 .has-ratio,
    .image.is-4by5 img,
    .image.is-4by5 .has-ratio,
    .image.is-3by4 img,
    .image.is-3by4 .has-ratio,
    .image.is-2by3 img,
    .image.is-2by3 .has-ratio,
    .image.is-3by5 img,
    .image.is-3by5 .has-ratio,
    .image.is-9by16 img,
    .image.is-9by16 .has-ratio,
    .image.is-1by2 img,
    .image.is-1by2 .has-ratio,
    .image.is-1by3 img,
    .image.is-1by3 .has-ratio,
    .modal,
    .modal-background,
    .hero-video {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .button,
    .input,
    .textarea,
    .select select,
    .file-cta,
    .file-name,
    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis {
        -moz-appearance: none;
        -webkit-appearance: none;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: none;
        display: inline-flex;
        font-size: 1rem;
        height: 2.5em;
        justify-content: flex-start;
        line-height: 1.5;
        padding-bottom: calc(0.5em - 1px);
        padding-left: calc(0.75em - 1px);
        padding-right: calc(0.75em - 1px);
        padding-top: calc(0.5em - 1px);
        position: relative;
        vertical-align: top;
    }

    .button:focus,
    .input:focus,
    .textarea:focus,
    .select select:focus,
    .file-cta:focus,
    .file-name:focus,
    .pagination-previous:focus,
    .pagination-next:focus,
    .pagination-link:focus,
    .pagination-ellipsis:focus,
    .is-focused.button,
    .is-focused.input,
    .is-focused.textarea,
    .select select.is-focused,
    .is-focused.file-cta,
    .is-focused.file-name,
    .is-focused.pagination-previous,
    .is-focused.pagination-next,
    .is-focused.pagination-link,
    .is-focused.pagination-ellipsis,
    .button:active,
    .input:active,
    .textarea:active,
    .select select:active,
    .file-cta:active,
    .file-name:active,
    .pagination-previous:active,
    .pagination-next:active,
    .pagination-link:active,
    .pagination-ellipsis:active,
    .is-active.button,
    .is-active.input,
    .is-active.textarea,
    .select select.is-active,
    .is-active.file-cta,
    .is-active.file-name,
    .is-active.pagination-previous,
    .is-active.pagination-next,
    .is-active.pagination-link,
    .is-active.pagination-ellipsis {
        outline: none;
    }

    .button[disabled],
    .input[disabled],
    .textarea[disabled],
    .select select[disabled],
    .file-cta[disabled],
    .file-name[disabled],
    .pagination-previous[disabled],
    .pagination-next[disabled],
    .pagination-link[disabled],
    .pagination-ellipsis[disabled],
    fieldset[disabled] .button,
    fieldset[disabled] .input,
    fieldset[disabled] .textarea,
    fieldset[disabled] .select select,
    .select fieldset[disabled] select,
    fieldset[disabled] .file-cta,
    fieldset[disabled] .file-name,
    fieldset[disabled] .pagination-previous,
    fieldset[disabled] .pagination-next,
    fieldset[disabled] .pagination-link,
    fieldset[disabled] .pagination-ellipsis {
        cursor: not-allowed;
    }

    /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
    html,
    body,
    p,
    ol,
    ul,
    li,
    dl,
    dt,
    dd,
    blockquote,
    figure,
    fieldset,
    legend,
    textarea,
    pre,
    iframe,
    hr,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        padding: 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 100%;
        font-weight: normal;
    }

    ul {
        list-style: none;
    }

    button,
    input,
    select,
    textarea {
        margin: 0;
    }

    html {
        box-sizing: border-box;
    }

    *,
    *::before,
    *::after {
        box-sizing: inherit;
    }

    img,
    video {
        height: auto;
        max-width: 100%;
    }

    iframe {
        border: 0;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td,
    th {
        padding: 0;
    }

    td:not([align]),
    th:not([align]) {
        text-align: left;
    }

    html {
        background-color: white;
        font-size: 16px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        min-width: 300px;
        overflow-x: hidden;
        overflow-y: scroll;
        text-rendering: optimizeLegibility;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    article,
    aside,
    figure,
    footer,
    header,
    hgroup,
    section {
        display: block;
    }

    body,
    button,
    input,
    select,
    textarea {
        font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }

    code,
    pre {
        -moz-osx-font-smoothing: auto;
        -webkit-font-smoothing: auto;
        font-family: monospace;
    }

    body {
        color: #4a4a4a;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
    }

    a {
        color: #3273dc;
        cursor: pointer;
        text-decoration: none;
    }

    a strong {
        color: currentColor;
    }

    a:hover {
        color: #363636;
    }

    code {
        background-color: whitesmoke;
        color: #f14668;
        font-size: 0.875em;
        font-weight: normal;
        padding: 0.25em 0.5em 0.25em;
    }

    hr {
        background-color: whitesmoke;
        border: none;
        display: block;
        height: 2px;
        margin: 1.5rem 0;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    input[type="checkbox"],
    input[type="radio"] {
        vertical-align: baseline;
    }

    small {
        font-size: 0.875em;
    }

    span {
        font-style: inherit;
        font-weight: inherit;
    }

    strong {
        color: #363636;
        font-weight: 700;
    }

    fieldset {
        border: none;
    }

    pre {
        -webkit-overflow-scrolling: touch;
        background-color: whitesmoke;
        color: #4a4a4a;
        font-size: 0.875em;
        overflow-x: auto;
        padding: 1.25rem 1.5rem;
        white-space: pre;
        word-wrap: normal;
    }

    pre code {
        background-color: transparent;
        color: currentColor;
        font-size: 1em;
        padding: 0;
    }

    table td,
    table th {
        vertical-align: top;
    }

    table td:not([align]),
    table th:not([align]) {
        text-align: left;
    }

    table th {
        color: #363636;
    }

    .is-clearfix::after {
        clear: both;
        content: " ";
        display: table;
    }

    .is-pulled-left {
        float: left !important;
    }

    .is-pulled-right {
        float: right !important;
    }

    .is-clipped {
        overflow: hidden !important;
    }

    .is-size-1 {
        font-size: 3rem !important;
    }

    .is-size-2 {
        font-size: 2.5rem !important;
    }

    .is-size-3 {
        font-size: 2rem !important;
    }

    .is-size-4 {
        font-size: 1.5rem !important;
    }

    .is-size-5 {
        font-size: 1.25rem !important;
    }

    .is-size-6 {
        font-size: 1rem !important;
    }

    .is-size-7 {
        font-size: 0.75rem !important;
    }

    @media screen and (max-width: 768px) {
        .is-size-1-mobile {
            font-size: 3rem !important;
        }

        .is-size-2-mobile {
            font-size: 2.5rem !important;
        }

        .is-size-3-mobile {
            font-size: 2rem !important;
        }

        .is-size-4-mobile {
            font-size: 1.5rem !important;
        }

        .is-size-5-mobile {
            font-size: 1.25rem !important;
        }

        .is-size-6-mobile {
            font-size: 1rem !important;
        }

        .is-size-7-mobile {
            font-size: 0.75rem !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-size-1-tablet {
            font-size: 3rem !important;
        }

        .is-size-2-tablet {
            font-size: 2.5rem !important;
        }

        .is-size-3-tablet {
            font-size: 2rem !important;
        }

        .is-size-4-tablet {
            font-size: 1.5rem !important;
        }

        .is-size-5-tablet {
            font-size: 1.25rem !important;
        }

        .is-size-6-tablet {
            font-size: 1rem !important;
        }

        .is-size-7-tablet {
            font-size: 0.75rem !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-size-1-touch {
            font-size: 3rem !important;
        }

        .is-size-2-touch {
            font-size: 2.5rem !important;
        }

        .is-size-3-touch {
            font-size: 2rem !important;
        }

        .is-size-4-touch {
            font-size: 1.5rem !important;
        }

        .is-size-5-touch {
            font-size: 1.25rem !important;
        }

        .is-size-6-touch {
            font-size: 1rem !important;
        }

        .is-size-7-touch {
            font-size: 0.75rem !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-size-1-desktop {
            font-size: 3rem !important;
        }

        .is-size-2-desktop {
            font-size: 2.5rem !important;
        }

        .is-size-3-desktop {
            font-size: 2rem !important;
        }

        .is-size-4-desktop {
            font-size: 1.5rem !important;
        }

        .is-size-5-desktop {
            font-size: 1.25rem !important;
        }

        .is-size-6-desktop {
            font-size: 1rem !important;
        }

        .is-size-7-desktop {
            font-size: 0.75rem !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-size-1-widescreen {
            font-size: 3rem !important;
        }

        .is-size-2-widescreen {
            font-size: 2.5rem !important;
        }

        .is-size-3-widescreen {
            font-size: 2rem !important;
        }

        .is-size-4-widescreen {
            font-size: 1.5rem !important;
        }

        .is-size-5-widescreen {
            font-size: 1.25rem !important;
        }

        .is-size-6-widescreen {
            font-size: 1rem !important;
        }

        .is-size-7-widescreen {
            font-size: 0.75rem !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-size-1-fullhd {
            font-size: 3rem !important;
        }

        .is-size-2-fullhd {
            font-size: 2.5rem !important;
        }

        .is-size-3-fullhd {
            font-size: 2rem !important;
        }

        .is-size-4-fullhd {
            font-size: 1.5rem !important;
        }

        .is-size-5-fullhd {
            font-size: 1.25rem !important;
        }

        .is-size-6-fullhd {
            font-size: 1rem !important;
        }

        .is-size-7-fullhd {
            font-size: 0.75rem !important;
        }
    }

    .has-text-centered {
        text-align: center !important;
    }

    .has-text-justified {
        text-align: justify !important;
    }

    .has-text-left {
        text-align: left !important;
    }

    .has-text-right {
        text-align: right !important;
    }

    @media screen and (max-width: 768px) {
        .has-text-centered-mobile {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .has-text-centered-tablet {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .has-text-centered-tablet-only {
            text-align: center !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .has-text-centered-touch {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .has-text-centered-desktop {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .has-text-centered-desktop-only {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .has-text-centered-widescreen {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .has-text-centered-widescreen-only {
            text-align: center !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .has-text-centered-fullhd {
            text-align: center !important;
        }
    }

    @media screen and (max-width: 768px) {
        .has-text-justified-mobile {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .has-text-justified-tablet {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .has-text-justified-tablet-only {
            text-align: justify !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .has-text-justified-touch {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .has-text-justified-desktop {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .has-text-justified-desktop-only {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .has-text-justified-widescreen {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .has-text-justified-widescreen-only {
            text-align: justify !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .has-text-justified-fullhd {
            text-align: justify !important;
        }
    }

    @media screen and (max-width: 768px) {
        .has-text-left-mobile {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .has-text-left-tablet {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .has-text-left-tablet-only {
            text-align: left !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .has-text-left-touch {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .has-text-left-desktop {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .has-text-left-desktop-only {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .has-text-left-widescreen {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .has-text-left-widescreen-only {
            text-align: left !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .has-text-left-fullhd {
            text-align: left !important;
        }
    }

    @media screen and (max-width: 768px) {
        .has-text-right-mobile {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .has-text-right-tablet {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .has-text-right-tablet-only {
            text-align: right !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .has-text-right-touch {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .has-text-right-desktop {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .has-text-right-desktop-only {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .has-text-right-widescreen {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .has-text-right-widescreen-only {
            text-align: right !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .has-text-right-fullhd {
            text-align: right !important;
        }
    }

    .is-capitalized {
        text-transform: capitalize !important;
    }

    .is-lowercase {
        text-transform: lowercase !important;
    }

    .is-uppercase {
        text-transform: uppercase !important;
    }

    .is-italic {
        font-style: italic !important;
    }

    .has-text-white {
        color: white !important;
    }

    a.has-text-white:hover,
    a.has-text-white:focus {
        color: #e6e5e5 !important;
    }

    .has-background-white {
        background-color: white !important;
    }

    .has-text-black {
        color: #0a0a0a !important;
    }

    a.has-text-black:hover,
    a.has-text-black:focus {
        color: black !important;
    }

    .has-background-black {
        background-color: #0a0a0a !important;
    }

    .has-text-light {
        color: whitesmoke !important;
    }

    a.has-text-light:hover,
    a.has-text-light:focus {
        color: #dbdbdb !important;
    }

    .has-background-light {
        background-color: whitesmoke !important;
    }

    .has-text-dark {
        color: #363636 !important;
    }

    a.has-text-dark:hover,
    a.has-text-dark:focus {
        color: #1c1c1c !important;
    }

    .has-background-dark {
        background-color: #363636 !important;
    }

    .has-text-primary {
        color: #00d1b2 !important;
    }

    a.has-text-primary:hover,
    a.has-text-primary:focus {
        color: #009e86 !important;
    }

    .has-background-primary {
        background-color: #00d1b2 !important;
    }

    .has-text-link {
        color: #3273dc !important;
    }

    a.has-text-link:hover,
    a.has-text-link:focus {
        color: #205bbc !important;
    }

    .has-background-link {
        background-color: #3273dc !important;
    }

    .has-text-info {
        color: #3298dc !important;
    }

    a.has-text-info:hover,
    a.has-text-info:focus {
        color: #207dbc !important;
    }

    .has-background-info {
        background-color: #3298dc !important;
    }

    .has-text-success {
        color: #48c774 !important;
    }

    a.has-text-success:hover,
    a.has-text-success:focus {
        color: #34a85c !important;
    }

    .has-background-success {
        background-color: #48c774 !important;
    }

    .has-text-warning {
        color: #ffdd57 !important;
    }

    a.has-text-warning:hover,
    a.has-text-warning:focus {
        color: #ffd324 !important;
    }

    .has-background-warning {
        background-color: #ffdd57 !important;
    }

    .has-text-danger {
        color: #f14668 !important;
    }

    a.has-text-danger:hover,
    a.has-text-danger:focus {
        color: #ee1742 !important;
    }

    .has-background-danger {
        background-color: #f14668 !important;
    }

    .has-text-black-bis {
        color: #121212 !important;
    }

    .has-background-black-bis {
        background-color: #121212 !important;
    }

    .has-text-black-ter {
        color: #242424 !important;
    }

    .has-background-black-ter {
        background-color: #242424 !important;
    }

    .has-text-grey-darker {
        color: #363636 !important;
    }

    .has-background-grey-darker {
        background-color: #363636 !important;
    }

    .has-text-grey-dark {
        color: #4a4a4a !important;
    }

    .has-background-grey-dark {
        background-color: #4a4a4a !important;
    }

    .has-text-grey {
        color: #7a7a7a !important;
    }

    .has-background-grey {
        background-color: #7a7a7a !important;
    }

    .has-text-grey-light {
        color: #b5b5b5 !important;
    }

    .has-background-grey-light {
        background-color: #b5b5b5 !important;
    }

    .has-text-grey-lighter {
        color: #dbdbdb !important;
    }

    .has-background-grey-lighter {
        background-color: #dbdbdb !important;
    }

    .has-text-white-ter {
        color: whitesmoke !important;
    }

    .has-background-white-ter {
        background-color: whitesmoke !important;
    }

    .has-text-white-bis {
        color: #fafafa !important;
    }

    .has-background-white-bis {
        background-color: #fafafa !important;
    }

    .has-text-weight-light {
        font-weight: 300 !important;
    }

    .has-text-weight-normal {
        font-weight: 400 !important;
    }

    .has-text-weight-medium {
        font-weight: 500 !important;
    }

    .has-text-weight-semibold {
        font-weight: 600 !important;
    }

    .has-text-weight-bold {
        font-weight: 700 !important;
    }

    .is-family-primary {
        font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }

    .is-family-secondary {
        font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }

    .is-family-sans-serif {
        font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    }

    .is-family-monospace {
        font-family: monospace !important;
    }

    .is-family-code {
        font-family: monospace !important;
    }

    .is-block {
        display: block !important;
    }

    @media screen and (max-width: 768px) {
        .is-block-mobile {
            display: block !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-block-tablet {
            display: block !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-block-tablet-only {
            display: block !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-block-touch {
            display: block !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-block-desktop {
            display: block !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-block-desktop-only {
            display: block !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-block-widescreen {
            display: block !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-block-widescreen-only {
            display: block !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-block-fullhd {
            display: block !important;
        }
    }

    .is-flex {
        display: flex !important;
    }

    @media screen and (max-width: 768px) {
        .is-flex-mobile {
            display: flex !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-flex-tablet {
            display: flex !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-flex-tablet-only {
            display: flex !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-flex-touch {
            display: flex !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-flex-desktop {
            display: flex !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-flex-desktop-only {
            display: flex !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-flex-widescreen {
            display: flex !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-flex-widescreen-only {
            display: flex !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-flex-fullhd {
            display: flex !important;
        }
    }

    .is-inline {
        display: inline !important;
    }

    @media screen and (max-width: 768px) {
        .is-inline-mobile {
            display: inline !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-inline-tablet {
            display: inline !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-inline-tablet-only {
            display: inline !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-inline-touch {
            display: inline !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-inline-desktop {
            display: inline !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-inline-desktop-only {
            display: inline !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-inline-widescreen {
            display: inline !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-inline-widescreen-only {
            display: inline !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-inline-fullhd {
            display: inline !important;
        }
    }

    .is-inline-block {
        display: inline-block !important;
    }

    @media screen and (max-width: 768px) {
        .is-inline-block-mobile {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-inline-block-tablet {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-inline-block-tablet-only {
            display: inline-block !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-inline-block-touch {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-inline-block-desktop {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-inline-block-desktop-only {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-inline-block-widescreen {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-inline-block-widescreen-only {
            display: inline-block !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-inline-block-fullhd {
            display: inline-block !important;
        }
    }

    .is-inline-flex {
        display: inline-flex !important;
    }

    @media screen and (max-width: 768px) {
        .is-inline-flex-mobile {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-inline-flex-tablet {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-inline-flex-tablet-only {
            display: inline-flex !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-inline-flex-touch {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-inline-flex-desktop {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-inline-flex-desktop-only {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-inline-flex-widescreen {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-inline-flex-widescreen-only {
            display: inline-flex !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-inline-flex-fullhd {
            display: inline-flex !important;
        }
    }

    .is-hidden {
        display: none !important;
    }

    .is-sr-only {
        border: none !important;
        clip: rect(0, 0, 0, 0) !important;
        height: 0.01em !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 0.01em !important;
    }

    @media screen and (max-width: 768px) {
        .is-hidden-mobile {
            display: none !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-hidden-tablet {
            display: none !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-hidden-tablet-only {
            display: none !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-hidden-touch {
            display: none !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-hidden-desktop {
            display: none !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-hidden-desktop-only {
            display: none !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-hidden-widescreen {
            display: none !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-hidden-widescreen-only {
            display: none !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-hidden-fullhd {
            display: none !important;
        }
    }

    .is-invisible {
        visibility: hidden !important;
    }

    @media screen and (max-width: 768px) {
        .is-invisible-mobile {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .is-invisible-tablet {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .is-invisible-tablet-only {
            visibility: hidden !important;
        }
    }

    @media screen and (max-width: 1023px) {
        .is-invisible-touch {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .is-invisible-desktop {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .is-invisible-desktop-only {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 1216px) {
        .is-invisible-widescreen {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .is-invisible-widescreen-only {
            visibility: hidden !important;
        }
    }

    @media screen and (min-width: 1408px) {
        .is-invisible-fullhd {
            visibility: hidden !important;
        }
    }

    .is-marginless {
        margin: 0 !important;
    }

    .is-paddingless {
        padding: 0 !important;
    }

    .is-radiusless {
        border-radius: 0 !important;
    }

    .is-shadowless {
        box-shadow: none !important;
    }

    .is-relative {
        position: relative !important;
    }

    .box {
        background-color: white;
        border-radius: 6px;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
        color: #4a4a4a;
        display: block;
        padding: 1.25rem;
    }

    a.box:hover,
    a.box:focus {
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
    }

    a.box:active {
        box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
    }

    .button {
        background-color: white;
        border-color: #dbdbdb;
        border-width: 1px;
        color: #363636;
        cursor: pointer;
        justify-content: center;
        padding-bottom: calc(0.5em - 1px);
        padding-left: 1em;
        padding-right: 1em;
        padding-top: calc(0.5em - 1px);
        text-align: center;
        white-space: nowrap;
    }

    .button strong {
        color: inherit;
    }

    .button .icon,
    .button .icon.is-small,
    .button .icon.is-medium,
    .button .icon.is-large {
        height: 1.5em;
        width: 1.5em;
    }

    .button .icon:first-child:not(:last-child) {
        margin-left: calc(-0.5em - 1px);
        margin-right: 0.25em;
    }

    .button .icon:last-child:not(:first-child) {
        margin-left: 0.25em;
        margin-right: calc(-0.5em - 1px);
    }

    .button .icon:first-child:last-child {
        margin-left: calc(-0.5em - 1px);
        margin-right: calc(-0.5em - 1px);
    }

    .button:hover,
    .button.is-hovered {
        border-color: #b5b5b5;
        color: #363636;
    }

    .button:focus,
    .button.is-focused {
        border-color: #3273dc;
        color: #363636;
    }

    .button:focus:not(:active),
    .button.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    }

    .button:active,
    .button.is-active {
        border-color: #4a4a4a;
        color: #363636;
    }

    .button.is-text {
        background-color: transparent;
        border-color: transparent;
        color: #4a4a4a;
        text-decoration: underline;
    }

    .button.is-text:hover,
    .button.is-text.is-hovered,
    .button.is-text:focus,
    .button.is-text.is-focused {
        background-color: whitesmoke;
        color: #363636;
    }

    .button.is-text:active,
    .button.is-text.is-active {
        background-color: #e8e8e8;
        color: #363636;
    }

    .button.is-text[disabled],
    fieldset[disabled] .button.is-text {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-white {
        background-color: white;
        border-color: transparent;
        color: #0a0a0a;
    }

    .button.is-white:hover,
    .button.is-white.is-hovered {
        background-color: #f9f9f9;
        border-color: transparent;
        color: #0a0a0a;
    }

    .button.is-white:focus,
    .button.is-white.is-focused {
        border-color: transparent;
        color: #0a0a0a;
    }

    .button.is-white:focus:not(:active),
    .button.is-white.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
    }

    .button.is-white:active,
    .button.is-white.is-active {
        background-color: #f2f2f2;
        border-color: transparent;
        color: #0a0a0a;
    }

    .button.is-white[disabled],
    fieldset[disabled] .button.is-white {
        background-color: white;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-white.is-inverted {
        background-color: #0a0a0a;
        color: white;
    }

    .button.is-white.is-inverted:hover,
    .button.is-white.is-inverted.is-hovered {
        background-color: black;
    }

    .button.is-white.is-inverted[disabled],
    fieldset[disabled] .button.is-white.is-inverted {
        background-color: #0a0a0a;
        border-color: transparent;
        box-shadow: none;
        color: white;
    }

    .button.is-white.is-loading::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important;
    }

    .button.is-white.is-outlined {
        background-color: transparent;
        border-color: white;
        color: white;
    }

    .button.is-white.is-outlined:hover,
    .button.is-white.is-outlined.is-hovered,
    .button.is-white.is-outlined:focus,
    .button.is-white.is-outlined.is-focused {
        background-color: white;
        border-color: white;
        color: #0a0a0a;
    }

    .button.is-white.is-outlined.is-loading::after {
        border-color: transparent transparent white white !important;
    }

    .button.is-white.is-outlined.is-loading:hover::after,
    .button.is-white.is-outlined.is-loading.is-hovered::after,
    .button.is-white.is-outlined.is-loading:focus::after,
    .button.is-white.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important;
    }

    .button.is-white.is-outlined[disabled],
    fieldset[disabled] .button.is-white.is-outlined {
        background-color: transparent;
        border-color: white;
        box-shadow: none;
        color: white;
    }

    .button.is-white.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        color: #0a0a0a;
    }

    .button.is-white.is-inverted.is-outlined:hover,
    .button.is-white.is-inverted.is-outlined.is-hovered,
    .button.is-white.is-inverted.is-outlined:focus,
    .button.is-white.is-inverted.is-outlined.is-focused {
        background-color: #0a0a0a;
        color: white;
    }

    .button.is-white.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-white.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent white white !important;
    }

    .button.is-white.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-white.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        box-shadow: none;
        color: #0a0a0a;
    }

    .button.is-black {
        background-color: #0a0a0a;
        border-color: transparent;
        color: white;
    }

    .button.is-black:hover,
    .button.is-black.is-hovered {
        background-color: #040404;
        border-color: transparent;
        color: white;
    }

    .button.is-black:focus,
    .button.is-black.is-focused {
        border-color: transparent;
        color: white;
    }

    .button.is-black:focus:not(:active),
    .button.is-black.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
    }

    .button.is-black:active,
    .button.is-black.is-active {
        background-color: black;
        border-color: transparent;
        color: white;
    }

    .button.is-black[disabled],
    fieldset[disabled] .button.is-black {
        background-color: #0a0a0a;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-black.is-inverted {
        background-color: white;
        color: #0a0a0a;
    }

    .button.is-black.is-inverted:hover,
    .button.is-black.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-black.is-inverted[disabled],
    fieldset[disabled] .button.is-black.is-inverted {
        background-color: white;
        border-color: transparent;
        box-shadow: none;
        color: #0a0a0a;
    }

    .button.is-black.is-loading::after {
        border-color: transparent transparent white white !important;
    }

    .button.is-black.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        color: #0a0a0a;
    }

    .button.is-black.is-outlined:hover,
    .button.is-black.is-outlined.is-hovered,
    .button.is-black.is-outlined:focus,
    .button.is-black.is-outlined.is-focused {
        background-color: #0a0a0a;
        border-color: #0a0a0a;
        color: white;
    }

    .button.is-black.is-outlined.is-loading::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important;
    }

    .button.is-black.is-outlined.is-loading:hover::after,
    .button.is-black.is-outlined.is-loading.is-hovered::after,
    .button.is-black.is-outlined.is-loading:focus::after,
    .button.is-black.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent white white !important;
    }

    .button.is-black.is-outlined[disabled],
    fieldset[disabled] .button.is-black.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        box-shadow: none;
        color: #0a0a0a;
    }

    .button.is-black.is-inverted.is-outlined {
        background-color: transparent;
        border-color: white;
        color: white;
    }

    .button.is-black.is-inverted.is-outlined:hover,
    .button.is-black.is-inverted.is-outlined.is-hovered,
    .button.is-black.is-inverted.is-outlined:focus,
    .button.is-black.is-inverted.is-outlined.is-focused {
        background-color: white;
        color: #0a0a0a;
    }

    .button.is-black.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-black.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important;
    }

    .button.is-black.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-black.is-inverted.is-outlined {
        background-color: transparent;
        border-color: white;
        box-shadow: none;
        color: white;
    }

    .button.is-light {
        background-color: whitesmoke;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light:hover,
    .button.is-light.is-hovered {
        background-color: #eeeeee;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light:focus,
    .button.is-light.is-focused {
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light:focus:not(:active),
    .button.is-light.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
    }

    .button.is-light:active,
    .button.is-light.is-active {
        background-color: #e8e8e8;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light[disabled],
    fieldset[disabled] .button.is-light {
        background-color: whitesmoke;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-light.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        color: whitesmoke;
    }

    .button.is-light.is-inverted:hover,
    .button.is-light.is-inverted.is-hovered {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light.is-inverted[disabled],
    fieldset[disabled] .button.is-light.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: transparent;
        box-shadow: none;
        color: whitesmoke;
    }

    .button.is-light.is-loading::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
    }

    .button.is-light.is-outlined {
        background-color: transparent;
        border-color: whitesmoke;
        color: whitesmoke;
    }

    .button.is-light.is-outlined:hover,
    .button.is-light.is-outlined.is-hovered,
    .button.is-light.is-outlined:focus,
    .button.is-light.is-outlined.is-focused {
        background-color: whitesmoke;
        border-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light.is-outlined.is-loading::after {
        border-color: transparent transparent whitesmoke whitesmoke !important;
    }

    .button.is-light.is-outlined.is-loading:hover::after,
    .button.is-light.is-outlined.is-loading.is-hovered::after,
    .button.is-light.is-outlined.is-loading:focus::after,
    .button.is-light.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
    }

    .button.is-light.is-outlined[disabled],
    fieldset[disabled] .button.is-light.is-outlined {
        background-color: transparent;
        border-color: whitesmoke;
        box-shadow: none;
        color: whitesmoke;
    }

    .button.is-light.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-light.is-inverted.is-outlined:hover,
    .button.is-light.is-inverted.is-outlined.is-hovered,
    .button.is-light.is-inverted.is-outlined:focus,
    .button.is-light.is-inverted.is-outlined.is-focused {
        background-color: rgba(0, 0, 0, 0.7);
        color: whitesmoke;
    }

    .button.is-light.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-light.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent whitesmoke whitesmoke !important;
    }

    .button.is-light.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-light.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        box-shadow: none;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-dark {
        background-color: #363636;
        border-color: transparent;
        color: #fff;
    }

    .button.is-dark:hover,
    .button.is-dark.is-hovered {
        background-color: #2f2f2f;
        border-color: transparent;
        color: #fff;
    }

    .button.is-dark:focus,
    .button.is-dark.is-focused {
        border-color: transparent;
        color: #fff;
    }

    .button.is-dark:focus:not(:active),
    .button.is-dark.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
    }

    .button.is-dark:active,
    .button.is-dark.is-active {
        background-color: #292929;
        border-color: transparent;
        color: #fff;
    }

    .button.is-dark[disabled],
    fieldset[disabled] .button.is-dark {
        background-color: #363636;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-dark.is-inverted {
        background-color: #fff;
        color: #363636;
    }

    .button.is-dark.is-inverted:hover,
    .button.is-dark.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-dark.is-inverted[disabled],
    fieldset[disabled] .button.is-dark.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #363636;
    }

    .button.is-dark.is-loading::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-dark.is-outlined {
        background-color: transparent;
        border-color: #363636;
        color: #363636;
    }

    .button.is-dark.is-outlined:hover,
    .button.is-dark.is-outlined.is-hovered,
    .button.is-dark.is-outlined:focus,
    .button.is-dark.is-outlined.is-focused {
        background-color: #363636;
        border-color: #363636;
        color: #fff;
    }

    .button.is-dark.is-outlined.is-loading::after {
        border-color: transparent transparent #363636 #363636 !important;
    }

    .button.is-dark.is-outlined.is-loading:hover::after,
    .button.is-dark.is-outlined.is-loading.is-hovered::after,
    .button.is-dark.is-outlined.is-loading:focus::after,
    .button.is-dark.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-dark.is-outlined[disabled],
    fieldset[disabled] .button.is-dark.is-outlined {
        background-color: transparent;
        border-color: #363636;
        box-shadow: none;
        color: #363636;
    }

    .button.is-dark.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.is-dark.is-inverted.is-outlined:hover,
    .button.is-dark.is-inverted.is-outlined.is-hovered,
    .button.is-dark.is-inverted.is-outlined:focus,
    .button.is-dark.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #363636;
    }

    .button.is-dark.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-dark.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #363636 #363636 !important;
    }

    .button.is-dark.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff;
    }

    .button.is-primary {
        background-color: #00d1b2;
        border-color: transparent;
        color: #fff;
    }

    .button.is-primary:hover,
    .button.is-primary.is-hovered {
        background-color: #00c4a7;
        border-color: transparent;
        color: #fff;
    }

    .button.is-primary:focus,
    .button.is-primary.is-focused {
        border-color: transparent;
        color: #fff;
    }

    .button.is-primary:focus:not(:active),
    .button.is-primary.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
    }

    .button.is-primary:active,
    .button.is-primary.is-active {
        background-color: #00b89c;
        border-color: transparent;
        color: #fff;
    }

    .button.is-primary[disabled],
    fieldset[disabled] .button.is-primary {
        background-color: #00d1b2;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-primary.is-inverted {
        background-color: #fff;
        color: #00d1b2;
    }

    .button.is-primary.is-inverted:hover,
    .button.is-primary.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-primary.is-inverted[disabled],
    fieldset[disabled] .button.is-primary.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #00d1b2;
    }

    .button.is-primary.is-loading::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-primary.is-outlined {
        background-color: transparent;
        border-color: #00d1b2;
        color: #00d1b2;
    }

    .button.is-primary.is-outlined:hover,
    .button.is-primary.is-outlined.is-hovered,
    .button.is-primary.is-outlined:focus,
    .button.is-primary.is-outlined.is-focused {
        background-color: #00d1b2;
        border-color: #00d1b2;
        color: #fff;
    }

    .button.is-primary.is-outlined.is-loading::after {
        border-color: transparent transparent #00d1b2 #00d1b2 !important;
    }

    .button.is-primary.is-outlined.is-loading:hover::after,
    .button.is-primary.is-outlined.is-loading.is-hovered::after,
    .button.is-primary.is-outlined.is-loading:focus::after,
    .button.is-primary.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-primary.is-outlined[disabled],
    fieldset[disabled] .button.is-primary.is-outlined {
        background-color: transparent;
        border-color: #00d1b2;
        box-shadow: none;
        color: #00d1b2;
    }

    .button.is-primary.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.is-primary.is-inverted.is-outlined:hover,
    .button.is-primary.is-inverted.is-outlined.is-hovered,
    .button.is-primary.is-inverted.is-outlined:focus,
    .button.is-primary.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #00d1b2;
    }

    .button.is-primary.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-primary.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #00d1b2 #00d1b2 !important;
    }

    .button.is-primary.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff;
    }

    .button.is-primary.is-light {
        background-color: #ebfffc;
        color: #00947e;
    }

    .button.is-primary.is-light:hover,
    .button.is-primary.is-light.is-hovered {
        background-color: #defffa;
        border-color: transparent;
        color: #00947e;
    }

    .button.is-primary.is-light:active,
    .button.is-primary.is-light.is-active {
        background-color: #d1fff8;
        border-color: transparent;
        color: #00947e;
    }

    .button.is-link {
        background-color: #3273dc;
        border-color: transparent;
        color: #fff;
    }

    .button.is-link:hover,
    .button.is-link.is-hovered {
        background-color: #276cda;
        border-color: transparent;
        color: #fff;
    }

    .button.is-link:focus,
    .button.is-link.is-focused {
        border-color: transparent;
        color: #fff;
    }

    .button.is-link:focus:not(:active),
    .button.is-link.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    }

    .button.is-link:active,
    .button.is-link.is-active {
        background-color: #2366d1;
        border-color: transparent;
        color: #fff;
    }

    .button.is-link[disabled],
    fieldset[disabled] .button.is-link {
        background-color: #3273dc;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-link.is-inverted {
        background-color: #fff;
        color: #3273dc;
    }

    .button.is-link.is-inverted:hover,
    .button.is-link.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-link.is-inverted[disabled],
    fieldset[disabled] .button.is-link.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #3273dc;
    }

    .button.is-link.is-loading::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-link.is-outlined {
        background-color: transparent;
        border-color: #3273dc;
        color: #3273dc;
    }

    .button.is-link.is-outlined:hover,
    .button.is-link.is-outlined.is-hovered,
    .button.is-link.is-outlined:focus,
    .button.is-link.is-outlined.is-focused {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff;
    }

    .button.is-link.is-outlined.is-loading::after {
        border-color: transparent transparent #3273dc #3273dc !important;
    }

    .button.is-link.is-outlined.is-loading:hover::after,
    .button.is-link.is-outlined.is-loading.is-hovered::after,
    .button.is-link.is-outlined.is-loading:focus::after,
    .button.is-link.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-link.is-outlined[disabled],
    fieldset[disabled] .button.is-link.is-outlined {
        background-color: transparent;
        border-color: #3273dc;
        box-shadow: none;
        color: #3273dc;
    }

    .button.is-link.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.is-link.is-inverted.is-outlined:hover,
    .button.is-link.is-inverted.is-outlined.is-hovered,
    .button.is-link.is-inverted.is-outlined:focus,
    .button.is-link.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #3273dc;
    }

    .button.is-link.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-link.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #3273dc #3273dc !important;
    }

    .button.is-link.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-link.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff;
    }

    .button.is-link.is-light {
        background-color: #eef3fc;
        color: #2160c4;
    }

    .button.is-link.is-light:hover,
    .button.is-link.is-light.is-hovered {
        background-color: #e3ecfa;
        border-color: transparent;
        color: #2160c4;
    }

    .button.is-link.is-light:active,
    .button.is-link.is-light.is-active {
        background-color: #d8e4f8;
        border-color: transparent;
        color: #2160c4;
    }

    .button.is-info {
        background-color: #3298dc;
        border-color: transparent;
        color: #fff;
    }

    .button.is-info:hover,
    .button.is-info.is-hovered {
        background-color: #2793da;
        border-color: transparent;
        color: #fff;
    }

    .button.is-info:focus,
    .button.is-info.is-focused {
        border-color: transparent;
        color: #fff;
    }

    .button.is-info:focus:not(:active),
    .button.is-info.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
    }

    .button.is-info:active,
    .button.is-info.is-active {
        background-color: #238cd1;
        border-color: transparent;
        color: #fff;
    }

    .button.is-info[disabled],
    fieldset[disabled] .button.is-info {
        background-color: #3298dc;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-info.is-inverted {
        background-color: #fff;
        color: #3298dc;
    }

    .button.is-info.is-inverted:hover,
    .button.is-info.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-info.is-inverted[disabled],
    fieldset[disabled] .button.is-info.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #3298dc;
    }

    .button.is-info.is-loading::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-info.is-outlined {
        background-color: transparent;
        border-color: #3298dc;
        color: #3298dc;
    }

    .button.is-info.is-outlined:hover,
    .button.is-info.is-outlined.is-hovered,
    .button.is-info.is-outlined:focus,
    .button.is-info.is-outlined.is-focused {
        background-color: #3298dc;
        border-color: #3298dc;
        color: #fff;
    }

    .button.is-info.is-outlined.is-loading::after {
        border-color: transparent transparent #3298dc #3298dc !important;
    }

    .button.is-info.is-outlined.is-loading:hover::after,
    .button.is-info.is-outlined.is-loading.is-hovered::after,
    .button.is-info.is-outlined.is-loading:focus::after,
    .button.is-info.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-info.is-outlined[disabled],
    fieldset[disabled] .button.is-info.is-outlined {
        background-color: transparent;
        border-color: #3298dc;
        box-shadow: none;
        color: #3298dc;
    }

    .button.is-info.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.is-info.is-inverted.is-outlined:hover,
    .button.is-info.is-inverted.is-outlined.is-hovered,
    .button.is-info.is-inverted.is-outlined:focus,
    .button.is-info.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #3298dc;
    }

    .button.is-info.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-info.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #3298dc #3298dc !important;
    }

    .button.is-info.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-info.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff;
    }

    .button.is-info.is-light {
        background-color: #eef6fc;
        color: #1d72aa;
    }

    .button.is-info.is-light:hover,
    .button.is-info.is-light.is-hovered {
        background-color: #e3f1fa;
        border-color: transparent;
        color: #1d72aa;
    }

    .button.is-info.is-light:active,
    .button.is-info.is-light.is-active {
        background-color: #d8ebf8;
        border-color: transparent;
        color: #1d72aa;
    }

    .button.is-success {
        background-color: #48c774;
        border-color: transparent;
        color: #fff;
    }

    .button.is-success:hover,
    .button.is-success.is-hovered {
        background-color: #3ec46d;
        border-color: transparent;
        color: #fff;
    }

    .button.is-success:focus,
    .button.is-success.is-focused {
        border-color: transparent;
        color: #fff;
    }

    .button.is-success:focus:not(:active),
    .button.is-success.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
    }

    .button.is-success:active,
    .button.is-success.is-active {
        background-color: #3abb67;
        border-color: transparent;
        color: #fff;
    }

    .button.is-success[disabled],
    fieldset[disabled] .button.is-success {
        background-color: #48c774;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-success.is-inverted {
        background-color: #fff;
        color: #48c774;
    }

    .button.is-success.is-inverted:hover,
    .button.is-success.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-success.is-inverted[disabled],
    fieldset[disabled] .button.is-success.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #48c774;
    }

    .button.is-success.is-loading::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-success.is-outlined {
        background-color: transparent;
        border-color: #48c774;
        color: #48c774;
    }

    .button.is-success.is-outlined:hover,
    .button.is-success.is-outlined.is-hovered,
    .button.is-success.is-outlined:focus,
    .button.is-success.is-outlined.is-focused {
        background-color: #48c774;
        border-color: #48c774;
        color: #fff;
    }

    .button.is-success.is-outlined.is-loading::after {
        border-color: transparent transparent #48c774 #48c774 !important;
    }

    .button.is-success.is-outlined.is-loading:hover::after,
    .button.is-success.is-outlined.is-loading.is-hovered::after,
    .button.is-success.is-outlined.is-loading:focus::after,
    .button.is-success.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-success.is-outlined[disabled],
    fieldset[disabled] .button.is-success.is-outlined {
        background-color: transparent;
        border-color: #48c774;
        box-shadow: none;
        color: #48c774;
    }

    .button.is-success.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.is-success.is-inverted.is-outlined:hover,
    .button.is-success.is-inverted.is-outlined.is-hovered,
    .button.is-success.is-inverted.is-outlined:focus,
    .button.is-success.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #48c774;
    }

    .button.is-success.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-success.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #48c774 #48c774 !important;
    }

    .button.is-success.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-success.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff;
    }

    .button.is-success.is-light {
        background-color: #effaf3;
        color: #257942;
    }

    .button.is-success.is-light:hover,
    .button.is-success.is-light.is-hovered {
        background-color: #e6f7ec;
        border-color: transparent;
        color: #257942;
    }

    .button.is-success.is-light:active,
    .button.is-success.is-light.is-active {
        background-color: #dcf4e4;
        border-color: transparent;
        color: #257942;
    }

    .button.is-warning {
        background-color: #ffdd57;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning:hover,
    .button.is-warning.is-hovered {
        background-color: #ffdb4a;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning:focus,
    .button.is-warning.is-focused {
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning:focus:not(:active),
    .button.is-warning.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
    }

    .button.is-warning:active,
    .button.is-warning.is-active {
        background-color: #ffd83d;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning[disabled],
    fieldset[disabled] .button.is-warning {
        background-color: #ffdd57;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-warning.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        color: #ffdd57;
    }

    .button.is-warning.is-inverted:hover,
    .button.is-warning.is-inverted.is-hovered {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning.is-inverted[disabled],
    fieldset[disabled] .button.is-warning.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: transparent;
        box-shadow: none;
        color: #ffdd57;
    }

    .button.is-warning.is-loading::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
    }

    .button.is-warning.is-outlined {
        background-color: transparent;
        border-color: #ffdd57;
        color: #ffdd57;
    }

    .button.is-warning.is-outlined:hover,
    .button.is-warning.is-outlined.is-hovered,
    .button.is-warning.is-outlined:focus,
    .button.is-warning.is-outlined.is-focused {
        background-color: #ffdd57;
        border-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning.is-outlined.is-loading::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important;
    }

    .button.is-warning.is-outlined.is-loading:hover::after,
    .button.is-warning.is-outlined.is-loading.is-hovered::after,
    .button.is-warning.is-outlined.is-loading:focus::after,
    .button.is-warning.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
    }

    .button.is-warning.is-outlined[disabled],
    fieldset[disabled] .button.is-warning.is-outlined {
        background-color: transparent;
        border-color: #ffdd57;
        box-shadow: none;
        color: #ffdd57;
    }

    .button.is-warning.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning.is-inverted.is-outlined:hover,
    .button.is-warning.is-inverted.is-outlined.is-hovered,
    .button.is-warning.is-inverted.is-outlined:focus,
    .button.is-warning.is-inverted.is-outlined.is-focused {
        background-color: rgba(0, 0, 0, 0.7);
        color: #ffdd57;
    }

    .button.is-warning.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-warning.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important;
    }

    .button.is-warning.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        box-shadow: none;
        color: rgba(0, 0, 0, 0.7);
    }

    .button.is-warning.is-light {
        background-color: #fffbeb;
        color: #947600;
    }

    .button.is-warning.is-light:hover,
    .button.is-warning.is-light.is-hovered {
        background-color: #fff8de;
        border-color: transparent;
        color: #947600;
    }

    .button.is-warning.is-light:active,
    .button.is-warning.is-light.is-active {
        background-color: #fff6d1;
        border-color: transparent;
        color: #947600;
    }

    .button.is-danger {
        background-color: #f14668;
        border-color: transparent;
        color: #fff;
    }

    .button.is-danger:hover,
    .button.is-danger.is-hovered {
        background-color: #f03a5f;
        border-color: transparent;
        color: #fff;
    }

    .button.is-danger:focus,
    .button.is-danger.is-focused {
        border-color: transparent;
        color: #fff;
    }

    .button.is-danger:focus:not(:active),
    .button.is-danger.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
    }

    .button.is-danger:active,
    .button.is-danger.is-active {
        background-color: #ef2e55;
        border-color: transparent;
        color: #fff;
    }

    .button.is-danger[disabled],
    fieldset[disabled] .button.is-danger {
        background-color: #f14668;
        border-color: transparent;
        box-shadow: none;
    }

    .button.is-danger.is-inverted {
        background-color: #fff;
        color: #f14668;
    }

    .button.is-danger.is-inverted:hover,
    .button.is-danger.is-inverted.is-hovered {
        background-color: #f2f2f2;
    }

    .button.is-danger.is-inverted[disabled],
    fieldset[disabled] .button.is-danger.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #f14668;
    }

    .button.is-danger.is-loading::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-danger.is-outlined {
        background-color: transparent;
        border-color: #f14668;
        color: #f14668;
    }

    .button.is-danger.is-outlined:hover,
    .button.is-danger.is-outlined.is-hovered,
    .button.is-danger.is-outlined:focus,
    .button.is-danger.is-outlined.is-focused {
        background-color: #f14668;
        border-color: #f14668;
        color: #fff;
    }

    .button.is-danger.is-outlined.is-loading::after {
        border-color: transparent transparent #f14668 #f14668 !important;
    }

    .button.is-danger.is-outlined.is-loading:hover::after,
    .button.is-danger.is-outlined.is-loading.is-hovered::after,
    .button.is-danger.is-outlined.is-loading:focus::after,
    .button.is-danger.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important;
    }

    .button.is-danger.is-outlined[disabled],
    fieldset[disabled] .button.is-danger.is-outlined {
        background-color: transparent;
        border-color: #f14668;
        box-shadow: none;
        color: #f14668;
    }

    .button.is-danger.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
    }

    .button.is-danger.is-inverted.is-outlined:hover,
    .button.is-danger.is-inverted.is-outlined.is-hovered,
    .button.is-danger.is-inverted.is-outlined:focus,
    .button.is-danger.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #f14668;
    }

    .button.is-danger.is-inverted.is-outlined.is-loading:hover::after,
    .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,
    .button.is-danger.is-inverted.is-outlined.is-loading:focus::after,
    .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #f14668 #f14668 !important;
    }

    .button.is-danger.is-inverted.is-outlined[disabled],
    fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff;
    }

    .button.is-danger.is-light {
        background-color: #feecf0;
        color: #cc0f35;
    }

    .button.is-danger.is-light:hover,
    .button.is-danger.is-light.is-hovered {
        background-color: #fde0e6;
        border-color: transparent;
        color: #cc0f35;
    }

    .button.is-danger.is-light:active,
    .button.is-danger.is-light.is-active {
        background-color: #fcd4dc;
        border-color: transparent;
        color: #cc0f35;
    }

    .button.is-small {
        border-radius: 2px;
        font-size: 0.75rem;
    }

    .button.is-normal {
        font-size: 1rem;
    }

    .button.is-medium {
        font-size: 1.25rem;
    }

    .button.is-large {
        font-size: 1.5rem;
    }

    .button[disabled],
    fieldset[disabled] .button {
        background-color: white;
        border-color: #dbdbdb;
        box-shadow: none;
        opacity: 0.5;
    }

    .button.is-fullwidth {
        display: flex;
        width: 100%;
    }

    .button.is-loading {
        color: transparent !important;
        pointer-events: none;
    }

    .button.is-loading::after {
        position: absolute;
        left: calc(50% - (1em / 2));
        top: calc(50% - (1em / 2));
        position: absolute !important;
    }

    .button.is-static {
        background-color: whitesmoke;
        border-color: #dbdbdb;
        color: #7a7a7a;
        box-shadow: none;
        pointer-events: none;
    }

    .button.is-rounded {
        border-radius: 290486px;
        padding-left: calc(1em + 0.25em);
        padding-right: calc(1em + 0.25em);
    }

    .buttons {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .buttons .button {
        margin-bottom: 0.5rem;
    }

    .buttons .button:not(:last-child):not(.is-fullwidth) {
        margin-right: 0.5rem;
    }

    .buttons:last-child {
        margin-bottom: -0.5rem;
    }

    .buttons:not(:last-child) {
        margin-bottom: 1rem;
    }

    .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
        border-radius: 2px;
        font-size: 0.75rem;
    }

    .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
        font-size: 1.25rem;
    }

    .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
        font-size: 1.5rem;
    }

    .buttons.has-addons .button:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .buttons.has-addons .button:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        margin-right: -1px;
    }

    .buttons.has-addons .button:last-child {
        margin-right: 0;
    }

    .buttons.has-addons .button:hover,
    .buttons.has-addons .button.is-hovered {
        z-index: 2;
    }

    .buttons.has-addons .button:focus,
    .buttons.has-addons .button.is-focused,
    .buttons.has-addons .button:active,
    .buttons.has-addons .button.is-active,
    .buttons.has-addons .button.is-selected {
        z-index: 3;
    }

    .buttons.has-addons .button:focus:hover,
    .buttons.has-addons .button.is-focused:hover,
    .buttons.has-addons .button:active:hover,
    .buttons.has-addons .button.is-active:hover,
    .buttons.has-addons .button.is-selected:hover {
        z-index: 4;
    }

    .buttons.has-addons .button.is-expanded {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .buttons.is-centered {
        justify-content: center;
    }

    .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .buttons.is-right {
        justify-content: flex-end;
    }

    .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    .container {
        flex-grow: 1;
        margin: 0 auto;
        position: relative;
        width: auto;
    }

    .container.is-fluid {
        max-width: none;
        padding-left: 32px;
        padding-right: 32px;
        width: 100%;
    }

    @media screen and (min-width: 1024px) {
        .container {
            max-width: 960px;
        }
    }

    @media screen and (max-width: 1215px) {
        .container.is-widescreen {
            max-width: 1152px;
        }
    }

    @media screen and (max-width: 1407px) {
        .container.is-fullhd {
            max-width: 1344px;
        }
    }

    @media screen and (min-width: 1216px) {
        .container {
            max-width: 1152px;
        }
    }

    @media screen and (min-width: 1408px) {
        .container {
            max-width: 1344px;
        }
    }

    .content li + li {
        margin-top: 0.25em;
    }

    .content p:not(:last-child),
    .content dl:not(:last-child),
    .content ol:not(:last-child),
    .content ul:not(:last-child),
    .content blockquote:not(:last-child),
    .content pre:not(:last-child),
    .content table:not(:last-child) {
        margin-bottom: 1em;
    }

    .content h1,
    .content h2,
    .content h3,
    .content h4,
    .content h5,
    .content h6 {
        color: #363636;
        font-weight: 600;
        line-height: 1.125;
    }

    .content h1 {
        font-size: 2em;
        margin-bottom: 0.5em;
    }

    .content h1:not(:first-child) {
        margin-top: 1em;
    }

    .content h2 {
        font-size: 1.75em;
        margin-bottom: 0.5714em;
    }

    .content h2:not(:first-child) {
        margin-top: 1.1428em;
    }

    .content h3 {
        font-size: 1.5em;
        margin-bottom: 0.6666em;
    }

    .content h3:not(:first-child) {
        margin-top: 1.3333em;
    }

    .content h4 {
        font-size: 1.25em;
        margin-bottom: 0.8em;
    }

    .content h5 {
        font-size: 1.125em;
        margin-bottom: 0.8888em;
    }

    .content h6 {
        font-size: 1em;
        margin-bottom: 1em;
    }

    .content blockquote {
        background-color: whitesmoke;
        border-left: 5px solid #dbdbdb;
        padding: 1.25em 1.5em;
    }

    .content ol {
        list-style-position: outside;
        margin-left: 2em;
        margin-top: 1em;
    }

    .content ol:not([type]) {
        list-style-type: decimal;
    }

    .content ol:not([type]).is-lower-alpha {
        list-style-type: lower-alpha;
    }

    .content ol:not([type]).is-lower-roman {
        list-style-type: lower-roman;
    }

    .content ol:not([type]).is-upper-alpha {
        list-style-type: upper-alpha;
    }

    .content ol:not([type]).is-upper-roman {
        list-style-type: upper-roman;
    }

    .content ul {
        list-style: disc outside;
        margin-left: 2em;
        margin-top: 1em;
    }

    .content ul ul {
        list-style-type: circle;
        margin-top: 0.5em;
    }

    .content ul ul ul {
        list-style-type: square;
    }

    .content dd {
        margin-left: 2em;
    }

    .content figure {
        margin-left: 2em;
        margin-right: 2em;
        text-align: center;
    }

    .content figure:not(:first-child) {
        margin-top: 2em;
    }

    .content figure:not(:last-child) {
        margin-bottom: 2em;
    }

    .content figure img {
        display: inline-block;
    }

    .content figure figcaption {
        font-style: italic;
    }

    .content pre {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        padding: 1.25em 1.5em;
        white-space: pre;
        word-wrap: normal;
    }

    .content sup,
    .content sub {
        font-size: 75%;
    }

    .content table {
        width: 100%;
    }

    .content table td,
    .content table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: 0.5em 0.75em;
        vertical-align: top;
    }

    .content table th {
        color: #363636;
    }

    .content table th:not([align]) {
        text-align: left;
    }

    .content table thead td,
    .content table thead th {
        border-width: 0 0 2px;
        color: #363636;
    }

    .content table tfoot td,
    .content table tfoot th {
        border-width: 2px 0 0;
        color: #363636;
    }

    .content table tbody tr:last-child td,
    .content table tbody tr:last-child th {
        border-bottom-width: 0;
    }

    .content .tabs li + li {
        margin-top: 0;
    }

    .content.is-small {
        font-size: 0.75rem;
    }

    .content.is-medium {
        font-size: 1.25rem;
    }

    .content.is-large {
        font-size: 1.5rem;
    }

    .icon {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        height: 1.5rem;
        width: 1.5rem;
    }

    .icon.is-small {
        height: 1rem;
        width: 1rem;
    }

    .icon.is-medium {
        height: 2rem;
        width: 2rem;
    }

    .icon.is-large {
        height: 3rem;
        width: 3rem;
    }

    .image {
        display: block;
        position: relative;
    }

    .image img {
        display: block;
        height: auto;
        width: 100%;
    }

    .image img.is-rounded {
        border-radius: 290486px;
    }

    .image.is-fullwidth {
        width: 100%;
    }

    .image.is-square img,
    .image.is-square .has-ratio,
    .image.is-1by1 img,
    .image.is-1by1 .has-ratio,
    .image.is-5by4 img,
    .image.is-5by4 .has-ratio,
    .image.is-4by3 img,
    .image.is-4by3 .has-ratio,
    .image.is-3by2 img,
    .image.is-3by2 .has-ratio,
    .image.is-5by3 img,
    .image.is-5by3 .has-ratio,
    .image.is-16by9 img,
    .image.is-16by9 .has-ratio,
    .image.is-2by1 img,
    .image.is-2by1 .has-ratio,
    .image.is-3by1 img,
    .image.is-3by1 .has-ratio,
    .image.is-4by5 img,
    .image.is-4by5 .has-ratio,
    .image.is-3by4 img,
    .image.is-3by4 .has-ratio,
    .image.is-2by3 img,
    .image.is-2by3 .has-ratio,
    .image.is-3by5 img,
    .image.is-3by5 .has-ratio,
    .image.is-9by16 img,
    .image.is-9by16 .has-ratio,
    .image.is-1by2 img,
    .image.is-1by2 .has-ratio,
    .image.is-1by3 img,
    .image.is-1by3 .has-ratio {
        height: 100%;
        width: 100%;
    }

    .image.is-square,
    .image.is-1by1 {
        padding-top: 100%;
    }

    .image.is-5by4 {
        padding-top: 80%;
    }

    .image.is-4by3 {
        padding-top: 75%;
    }

    .image.is-3by2 {
        padding-top: 66.6666%;
    }

    .image.is-5by3 {
        padding-top: 60%;
    }

    .image.is-16by9 {
        padding-top: 56.25%;
    }

    .image.is-2by1 {
        padding-top: 50%;
    }

    .image.is-3by1 {
        padding-top: 33.3333%;
    }

    .image.is-4by5 {
        padding-top: 125%;
    }

    .image.is-3by4 {
        padding-top: 133.3333%;
    }

    .image.is-2by3 {
        padding-top: 150%;
    }

    .image.is-3by5 {
        padding-top: 166.6666%;
    }

    .image.is-9by16 {
        padding-top: 177.7777%;
    }

    .image.is-1by2 {
        padding-top: 200%;
    }

    .image.is-1by3 {
        padding-top: 300%;
    }

    .image.is-16x16 {
        height: 16px;
        width: 16px;
    }

    .image.is-24x24 {
        height: 24px;
        width: 24px;
    }

    .image.is-32x32 {
        height: 32px;
        width: 32px;
    }

    .image.is-48x48 {
        height: 48px;
        width: 48px;
    }

    .image.is-64x64 {
        height: 64px;
        width: 64px;
    }

    .image.is-96x96 {
        height: 96px;
        width: 96px;
    }

    .image.is-128x128 {
        height: 128px;
        width: 128px;
    }

    .notification {
        background-color: whitesmoke;
        border-radius: 4px;
        padding: 1.25rem 2.5rem 1.25rem 1.5rem;
        position: relative;
    }

    .notification a:not(.button):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline;
    }

    .notification strong {
        color: currentColor;
    }

    .notification code,
    .notification pre {
        background: white;
    }

    .notification pre code {
        background: transparent;
    }

    .notification > .delete {
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
    }

    .notification .title,
    .notification .subtitle,
    .notification .content {
        color: currentColor;
    }

    .notification.is-white {
        background-color: white;
        color: #0a0a0a;
    }

    .notification.is-black {
        background-color: #0a0a0a;
        color: white;
    }

    .notification.is-light {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .notification.is-dark {
        background-color: #363636;
        color: #fff;
    }

    .notification.is-primary {
        background-color: #00d1b2;
        color: #fff;
    }

    .notification.is-primary.is-light {
        background-color: #ebfffc;
        color: #00947e;
    }

    .notification.is-link {
        background-color: #3273dc;
        color: #fff;
    }

    .notification.is-link.is-light {
        background-color: #eef3fc;
        color: #2160c4;
    }

    .notification.is-info {
        background-color: #3298dc;
        color: #fff;
    }

    .notification.is-info.is-light {
        background-color: #eef6fc;
        color: #1d72aa;
    }

    .notification.is-success {
        background-color: #48c774;
        color: #fff;
    }

    .notification.is-success.is-light {
        background-color: #effaf3;
        color: #257942;
    }

    .notification.is-warning {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .notification.is-warning.is-light {
        background-color: #fffbeb;
        color: #947600;
    }

    .notification.is-danger {
        background-color: #f14668;
        color: #fff;
    }

    .notification.is-danger.is-light {
        background-color: #feecf0;
        color: #cc0f35;
    }

    .progress {
        -moz-appearance: none;
        -webkit-appearance: none;
        border: none;
        border-radius: 290486px;
        display: block;
        height: 1rem;
        overflow: hidden;
        padding: 0;
        width: 100%;
    }

    .progress::-webkit-progress-bar {
        background-color: #ededed;
    }

    .progress::-webkit-progress-value {
        background-color: #4a4a4a;
    }

    .progress::-moz-progress-bar {
        background-color: #4a4a4a;
    }

    .progress::-ms-fill {
        background-color: #4a4a4a;
        border: none;
    }

    .progress.is-white::-webkit-progress-value {
        background-color: white;
    }

    .progress.is-white::-moz-progress-bar {
        background-color: white;
    }

    .progress.is-white::-ms-fill {
        background-color: white;
    }

    .progress.is-white:indeterminate {
        background-image: linear-gradient(to right, white 30%, #ededed 30%);
    }

    .progress.is-black::-webkit-progress-value {
        background-color: #0a0a0a;
    }

    .progress.is-black::-moz-progress-bar {
        background-color: #0a0a0a;
    }

    .progress.is-black::-ms-fill {
        background-color: #0a0a0a;
    }

    .progress.is-black:indeterminate {
        background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%);
    }

    .progress.is-light::-webkit-progress-value {
        background-color: whitesmoke;
    }

    .progress.is-light::-moz-progress-bar {
        background-color: whitesmoke;
    }

    .progress.is-light::-ms-fill {
        background-color: whitesmoke;
    }

    .progress.is-light:indeterminate {
        background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%);
    }

    .progress.is-dark::-webkit-progress-value {
        background-color: #363636;
    }

    .progress.is-dark::-moz-progress-bar {
        background-color: #363636;
    }

    .progress.is-dark::-ms-fill {
        background-color: #363636;
    }

    .progress.is-dark:indeterminate {
        background-image: linear-gradient(to right, #363636 30%, #ededed 30%);
    }

    .progress.is-primary::-webkit-progress-value {
        background-color: #00d1b2;
    }

    .progress.is-primary::-moz-progress-bar {
        background-color: #00d1b2;
    }

    .progress.is-primary::-ms-fill {
        background-color: #00d1b2;
    }

    .progress.is-primary:indeterminate {
        background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%);
    }

    .progress.is-link::-webkit-progress-value {
        background-color: #3273dc;
    }

    .progress.is-link::-moz-progress-bar {
        background-color: #3273dc;
    }

    .progress.is-link::-ms-fill {
        background-color: #3273dc;
    }

    .progress.is-link:indeterminate {
        background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%);
    }

    .progress.is-info::-webkit-progress-value {
        background-color: #3298dc;
    }

    .progress.is-info::-moz-progress-bar {
        background-color: #3298dc;
    }

    .progress.is-info::-ms-fill {
        background-color: #3298dc;
    }

    .progress.is-info:indeterminate {
        background-image: linear-gradient(to right, #3298dc 30%, #ededed 30%);
    }

    .progress.is-success::-webkit-progress-value {
        background-color: #48c774;
    }

    .progress.is-success::-moz-progress-bar {
        background-color: #48c774;
    }

    .progress.is-success::-ms-fill {
        background-color: #48c774;
    }

    .progress.is-success:indeterminate {
        background-image: linear-gradient(to right, #48c774 30%, #ededed 30%);
    }

    .progress.is-warning::-webkit-progress-value {
        background-color: #ffdd57;
    }

    .progress.is-warning::-moz-progress-bar {
        background-color: #ffdd57;
    }

    .progress.is-warning::-ms-fill {
        background-color: #ffdd57;
    }

    .progress.is-warning:indeterminate {
        background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%);
    }

    .progress.is-danger::-webkit-progress-value {
        background-color: #f14668;
    }

    .progress.is-danger::-moz-progress-bar {
        background-color: #f14668;
    }

    .progress.is-danger::-ms-fill {
        background-color: #f14668;
    }

    .progress.is-danger:indeterminate {
        background-image: linear-gradient(to right, #f14668 30%, #ededed 30%);
    }

    .progress:indeterminate {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: moveIndeterminate;
        animation-name: moveIndeterminate;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        background-color: #ededed;
        background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 150% 150%;
    }

    .progress:indeterminate::-webkit-progress-bar {
        background-color: transparent;
    }

    .progress:indeterminate::-moz-progress-bar {
        background-color: transparent;
    }

    .progress.is-small {
        height: 0.75rem;
    }

    .progress.is-medium {
        height: 1.25rem;
    }

    .progress.is-large {
        height: 1.5rem;
    }

    @-webkit-keyframes moveIndeterminate {
        from {
            background-position: 200% 0;
        }

        to {
            background-position: -200% 0;
        }
    }

    @keyframes moveIndeterminate {
        from {
            background-position: 200% 0;
        }

        to {
            background-position: -200% 0;
        }
    }

    .table {
        background-color: white;
        color: #363636;
    }

    .table td,
    .table th {
        border: 1px solid #dbdbdb;
        border-width: 0 0 1px;
        padding: 0.5em 0.75em;
        vertical-align: top;
    }

    .table td.is-white,
    .table th.is-white {
        background-color: white;
        border-color: white;
        color: #0a0a0a;
    }

    .table td.is-black,
    .table th.is-black {
        background-color: #0a0a0a;
        border-color: #0a0a0a;
        color: white;
    }

    .table td.is-light,
    .table th.is-light {
        background-color: whitesmoke;
        border-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .table td.is-dark,
    .table th.is-dark {
        background-color: #363636;
        border-color: #363636;
        color: #fff;
    }

    .table td.is-primary,
    .table th.is-primary {
        background-color: #00d1b2;
        border-color: #00d1b2;
        color: #fff;
    }

    .table td.is-link,
    .table th.is-link {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff;
    }

    .table td.is-info,
    .table th.is-info {
        background-color: #3298dc;
        border-color: #3298dc;
        color: #fff;
    }

    .table td.is-success,
    .table th.is-success {
        background-color: #48c774;
        border-color: #48c774;
        color: #fff;
    }

    .table td.is-warning,
    .table th.is-warning {
        background-color: #ffdd57;
        border-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .table td.is-danger,
    .table th.is-danger {
        background-color: #f14668;
        border-color: #f14668;
        color: #fff;
    }

    .table td.is-narrow,
    .table th.is-narrow {
        white-space: nowrap;
        width: 1%;
    }

    .table td.is-selected,
    .table th.is-selected {
        background-color: #00d1b2;
        color: #fff;
    }

    .table td.is-selected a,
    .table td.is-selected strong,
    .table th.is-selected a,
    .table th.is-selected strong {
        color: currentColor;
    }

    .table th {
        color: #363636;
    }

    .table th:not([align]) {
        text-align: left;
    }

    .table tr.is-selected {
        background-color: #00d1b2;
        color: #fff;
    }

    .table tr.is-selected a,
    .table tr.is-selected strong {
        color: currentColor;
    }

    .table tr.is-selected td,
    .table tr.is-selected th {
        border-color: #fff;
        color: currentColor;
    }

    .table thead {
        background-color: transparent;
    }

    .table thead td,
    .table thead th {
        border-width: 0 0 2px;
        color: #363636;
    }

    .table tfoot {
        background-color: transparent;
    }

    .table tfoot td,
    .table tfoot th {
        border-width: 2px 0 0;
        color: #363636;
    }

    .table tbody {
        background-color: transparent;
    }

    .table tbody tr:last-child td,
    .table tbody tr:last-child th {
        border-bottom-width: 0;
    }

    .table.is-bordered td,
    .table.is-bordered th {
        border-width: 1px;
    }

    .table.is-bordered tr:last-child td,
    .table.is-bordered tr:last-child th {
        border-bottom-width: 1px;
    }

    .table.is-fullwidth {
        width: 100%;
    }

    .table.is-hoverable tbody tr:not(.is-selected):hover {
        background-color: #fafafa;
    }

    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
        background-color: #fafafa;
    }

    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
        background-color: whitesmoke;
    }

    .table.is-narrow td,
    .table.is-narrow th {
        padding: 0.25em 0.5em;
    }

    .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
        background-color: #fafafa;
    }

    .table-container {
        -webkit-overflow-scrolling: touch;
        overflow: auto;
        overflow-y: hidden;
        max-width: 100%;
    }

    .tags {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .tags .tag {
        margin-bottom: 0.5rem;
    }

    .tags .tag:not(:last-child) {
        margin-right: 0.5rem;
    }

    .tags:last-child {
        margin-bottom: -0.5rem;
    }

    .tags:not(:last-child) {
        margin-bottom: 1rem;
    }

    .tags.are-medium .tag:not(.is-normal):not(.is-large) {
        font-size: 1rem;
    }

    .tags.are-large .tag:not(.is-normal):not(.is-medium) {
        font-size: 1.25rem;
    }

    .tags.is-centered {
        justify-content: center;
    }

    .tags.is-centered .tag {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
    }

    .tags.is-right {
        justify-content: flex-end;
    }

    .tags.is-right .tag:not(:first-child) {
        margin-left: 0.5rem;
    }

    .tags.is-right .tag:not(:last-child) {
        margin-right: 0;
    }

    .tags.has-addons .tag {
        margin-right: 0;
    }

    .tags.has-addons .tag:not(:first-child) {
        margin-left: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .tags.has-addons .tag:not(:last-child) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .tag:not(body) {
        align-items: center;
        background-color: whitesmoke;
        border-radius: 4px;
        color: #4a4a4a;
        display: inline-flex;
        font-size: 0.75rem;
        height: 2em;
        justify-content: center;
        line-height: 1.5;
        padding-left: 0.75em;
        padding-right: 0.75em;
        white-space: nowrap;
    }

    .tag:not(body) .delete {
        margin-left: 0.25rem;
        margin-right: -0.375rem;
    }

    .tag:not(body).is-white {
        background-color: white;
        color: #0a0a0a;
    }

    .tag:not(body).is-black {
        background-color: #0a0a0a;
        color: white;
    }

    .tag:not(body).is-light {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .tag:not(body).is-dark {
        background-color: #363636;
        color: #fff;
    }

    .tag:not(body).is-primary {
        background-color: #00d1b2;
        color: #fff;
    }

    .tag:not(body).is-primary.is-light {
        background-color: #ebfffc;
        color: #00947e;
    }

    .tag:not(body).is-link {
        background-color: #3273dc;
        color: #fff;
    }

    .tag:not(body).is-link.is-light {
        background-color: #eef3fc;
        color: #2160c4;
    }

    .tag:not(body).is-info {
        background-color: #3298dc;
        color: #fff;
    }

    .tag:not(body).is-info.is-light {
        background-color: #eef6fc;
        color: #1d72aa;
    }

    .tag:not(body).is-success {
        background-color: #48c774;
        color: #fff;
    }

    .tag:not(body).is-success.is-light {
        background-color: #effaf3;
        color: #257942;
    }

    .tag:not(body).is-warning {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .tag:not(body).is-warning.is-light {
        background-color: #fffbeb;
        color: #947600;
    }

    .tag:not(body).is-danger {
        background-color: #f14668;
        color: #fff;
    }

    .tag:not(body).is-danger.is-light {
        background-color: #feecf0;
        color: #cc0f35;
    }

    .tag:not(body).is-normal {
        font-size: 0.75rem;
    }

    .tag:not(body).is-medium {
        font-size: 1rem;
    }

    .tag:not(body).is-large {
        font-size: 1.25rem;
    }

    .tag:not(body) .icon:first-child:not(:last-child) {
        margin-left: -0.375em;
        margin-right: 0.1875em;
    }

    .tag:not(body) .icon:last-child:not(:first-child) {
        margin-left: 0.1875em;
        margin-right: -0.375em;
    }

    .tag:not(body) .icon:first-child:last-child {
        margin-left: -0.375em;
        margin-right: -0.375em;
    }

    .tag:not(body).is-delete {
        margin-left: 1px;
        padding: 0;
        position: relative;
        width: 2em;
    }

    .tag:not(body).is-delete::before,
    .tag:not(body).is-delete::after {
        background-color: currentColor;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform-origin: center center;
    }

    .tag:not(body).is-delete::before {
        height: 1px;
        width: 50%;
    }

    .tag:not(body).is-delete::after {
        height: 50%;
        width: 1px;
    }

    .tag:not(body).is-delete:hover,
    .tag:not(body).is-delete:focus {
        background-color: #e8e8e8;
    }

    .tag:not(body).is-delete:active {
        background-color: #dbdbdb;
    }

    .tag:not(body).is-rounded {
        border-radius: 290486px;
    }

    a.tag:hover {
        text-decoration: underline;
    }

    .title,
    .subtitle {
        word-break: break-word;
    }

    .title em,
    .title span,
    .subtitle em,
    .subtitle span {
        font-weight: inherit;
    }

    .title sub,
    .subtitle sub {
        font-size: 0.75em;
    }

    .title sup,
    .subtitle sup {
        font-size: 0.75em;
    }

    .title .tag,
    .subtitle .tag {
        vertical-align: middle;
    }

    .title {
        color: #363636;
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.125;
    }

    .title strong {
        color: inherit;
        font-weight: inherit;
    }

    .title + .highlight {
        margin-top: -0.75rem;
    }

    .title:not(.is-spaced) + .subtitle {
        margin-top: -1.25rem;
    }

    .title.is-1 {
        font-size: 3rem;
    }

    .title.is-2 {
        font-size: 2.5rem;
    }

    .title.is-3 {
        font-size: 2rem;
    }

    .title.is-4 {
        font-size: 1.5rem;
    }

    .title.is-5 {
        font-size: 1.25rem;
    }

    .title.is-6 {
        font-size: 1rem;
    }

    .title.is-7 {
        font-size: 0.75rem;
    }

    .subtitle {
        color: #4a4a4a;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.25;
    }

    .subtitle strong {
        color: #363636;
        font-weight: 600;
    }

    .subtitle:not(.is-spaced) + .title {
        margin-top: -1.25rem;
    }

    .subtitle.is-1 {
        font-size: 3rem;
    }

    .subtitle.is-2 {
        font-size: 2.5rem;
    }

    .subtitle.is-3 {
        font-size: 2rem;
    }

    .subtitle.is-4 {
        font-size: 1.5rem;
    }

    .subtitle.is-5 {
        font-size: 1.25rem;
    }

    .subtitle.is-6 {
        font-size: 1rem;
    }

    .subtitle.is-7 {
        font-size: 0.75rem;
    }

    .heading {
        display: block;
        font-size: 11px;
        letter-spacing: 1px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .highlight {
        font-weight: 400;
        max-width: 100%;
        overflow: hidden;
        padding: 0;
    }

    .highlight pre {
        overflow: auto;
        max-width: 100%;
    }

    .number {
        align-items: center;
        background-color: whitesmoke;
        border-radius: 290486px;
        display: inline-flex;
        font-size: 1.25rem;
        height: 2em;
        justify-content: center;
        margin-right: 1.5rem;
        min-width: 2.5em;
        padding: 0.25rem 0.5rem;
        text-align: center;
        vertical-align: top;
    }

    .input,
    .textarea,
    .select select {
        background-color: white;
        border-color: #dbdbdb;
        border-radius: 4px;
        color: #363636;
    }

    .input::-moz-placeholder,
    .textarea::-moz-placeholder,
    .select select::-moz-placeholder {
        color: rgba(54, 54, 54, 0.3);
    }

    .input::-webkit-input-placeholder,
    .textarea::-webkit-input-placeholder,
    .select select::-webkit-input-placeholder {
        color: rgba(54, 54, 54, 0.3);
    }

    .input:-moz-placeholder,
    .textarea:-moz-placeholder,
    .select select:-moz-placeholder {
        color: rgba(54, 54, 54, 0.3);
    }

    .input:-ms-input-placeholder,
    .textarea:-ms-input-placeholder,
    .select select:-ms-input-placeholder {
        color: rgba(54, 54, 54, 0.3);
    }

    .input:hover,
    .textarea:hover,
    .select select:hover,
    .is-hovered.input,
    .is-hovered.textarea,
    .select select.is-hovered {
        border-color: #b5b5b5;
    }

    .input:focus,
    .textarea:focus,
    .select select:focus,
    .is-focused.input,
    .is-focused.textarea,
    .select select.is-focused,
    .input:active,
    .textarea:active,
    .select select:active,
    .is-active.input,
    .is-active.textarea,
    .select select.is-active {
        border-color: #3273dc;
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    }

    .input[disabled],
    .textarea[disabled],
    .select select[disabled],
    fieldset[disabled] .input,
    fieldset[disabled] .textarea,
    fieldset[disabled] .select select,
    .select fieldset[disabled] select {
        background-color: whitesmoke;
        border-color: whitesmoke;
        box-shadow: none;
        color: #7a7a7a;
    }

    .input[disabled]::-moz-placeholder,
    .textarea[disabled]::-moz-placeholder,
    .select select[disabled]::-moz-placeholder,
    fieldset[disabled] .input::-moz-placeholder,
    fieldset[disabled] .textarea::-moz-placeholder,
    fieldset[disabled] .select select::-moz-placeholder,
    .select fieldset[disabled] select::-moz-placeholder {
        color: rgba(122, 122, 122, 0.3);
    }

    .input[disabled]::-webkit-input-placeholder,
    .textarea[disabled]::-webkit-input-placeholder,
    .select select[disabled]::-webkit-input-placeholder,
    fieldset[disabled] .input::-webkit-input-placeholder,
    fieldset[disabled] .textarea::-webkit-input-placeholder,
    fieldset[disabled] .select select::-webkit-input-placeholder,
    .select fieldset[disabled] select::-webkit-input-placeholder {
        color: rgba(122, 122, 122, 0.3);
    }

    .input[disabled]:-moz-placeholder,
    .textarea[disabled]:-moz-placeholder,
    .select select[disabled]:-moz-placeholder,
    fieldset[disabled] .input:-moz-placeholder,
    fieldset[disabled] .textarea:-moz-placeholder,
    fieldset[disabled] .select select:-moz-placeholder,
    .select fieldset[disabled] select:-moz-placeholder {
        color: rgba(122, 122, 122, 0.3);
    }

    .input[disabled]:-ms-input-placeholder,
    .textarea[disabled]:-ms-input-placeholder,
    .select select[disabled]:-ms-input-placeholder,
    fieldset[disabled] .input:-ms-input-placeholder,
    fieldset[disabled] .textarea:-ms-input-placeholder,
    fieldset[disabled] .select select:-ms-input-placeholder,
    .select fieldset[disabled] select:-ms-input-placeholder {
        color: rgba(122, 122, 122, 0.3);
    }

    .input,
    .textarea {
        box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
        max-width: 100%;
        width: 100%;
    }

    .input[readonly],
    .textarea[readonly] {
        box-shadow: none;
    }

    .is-white.input,
    .is-white.textarea {
        border-color: white;
    }

    .is-white.input:focus,
    .is-white.textarea:focus,
    .is-white.is-focused.input,
    .is-white.is-focused.textarea,
    .is-white.input:active,
    .is-white.textarea:active,
    .is-white.is-active.input,
    .is-white.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
    }

    .is-black.input,
    .is-black.textarea {
        border-color: #0a0a0a;
    }

    .is-black.input:focus,
    .is-black.textarea:focus,
    .is-black.is-focused.input,
    .is-black.is-focused.textarea,
    .is-black.input:active,
    .is-black.textarea:active,
    .is-black.is-active.input,
    .is-black.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
    }

    .is-light.input,
    .is-light.textarea {
        border-color: whitesmoke;
    }

    .is-light.input:focus,
    .is-light.textarea:focus,
    .is-light.is-focused.input,
    .is-light.is-focused.textarea,
    .is-light.input:active,
    .is-light.textarea:active,
    .is-light.is-active.input,
    .is-light.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
    }

    .is-dark.input,
    .is-dark.textarea {
        border-color: #363636;
    }

    .is-dark.input:focus,
    .is-dark.textarea:focus,
    .is-dark.is-focused.input,
    .is-dark.is-focused.textarea,
    .is-dark.input:active,
    .is-dark.textarea:active,
    .is-dark.is-active.input,
    .is-dark.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
    }

    .is-primary.input,
    .is-primary.textarea {
        border-color: #00d1b2;
    }

    .is-primary.input:focus,
    .is-primary.textarea:focus,
    .is-primary.is-focused.input,
    .is-primary.is-focused.textarea,
    .is-primary.input:active,
    .is-primary.textarea:active,
    .is-primary.is-active.input,
    .is-primary.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
    }

    .is-link.input,
    .is-link.textarea {
        border-color: #3273dc;
    }

    .is-link.input:focus,
    .is-link.textarea:focus,
    .is-link.is-focused.input,
    .is-link.is-focused.textarea,
    .is-link.input:active,
    .is-link.textarea:active,
    .is-link.is-active.input,
    .is-link.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    }

    .is-info.input,
    .is-info.textarea {
        border-color: #3298dc;
    }

    .is-info.input:focus,
    .is-info.textarea:focus,
    .is-info.is-focused.input,
    .is-info.is-focused.textarea,
    .is-info.input:active,
    .is-info.textarea:active,
    .is-info.is-active.input,
    .is-info.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
    }

    .is-success.input,
    .is-success.textarea {
        border-color: #48c774;
    }

    .is-success.input:focus,
    .is-success.textarea:focus,
    .is-success.is-focused.input,
    .is-success.is-focused.textarea,
    .is-success.input:active,
    .is-success.textarea:active,
    .is-success.is-active.input,
    .is-success.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
    }

    .is-warning.input,
    .is-warning.textarea {
        border-color: #ffdd57;
    }

    .is-warning.input:focus,
    .is-warning.textarea:focus,
    .is-warning.is-focused.input,
    .is-warning.is-focused.textarea,
    .is-warning.input:active,
    .is-warning.textarea:active,
    .is-warning.is-active.input,
    .is-warning.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
    }

    .is-danger.input,
    .is-danger.textarea {
        border-color: #f14668;
    }

    .is-danger.input:focus,
    .is-danger.textarea:focus,
    .is-danger.is-focused.input,
    .is-danger.is-focused.textarea,
    .is-danger.input:active,
    .is-danger.textarea:active,
    .is-danger.is-active.input,
    .is-danger.is-active.textarea {
        box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
    }

    .is-small.input,
    .is-small.textarea {
        border-radius: 2px;
        font-size: 0.75rem;
    }

    .is-medium.input,
    .is-medium.textarea {
        font-size: 1.25rem;
    }

    .is-large.input,
    .is-large.textarea {
        font-size: 1.5rem;
    }

    .is-fullwidth.input,
    .is-fullwidth.textarea {
        display: block;
        width: 100%;
    }

    .is-inline.input,
    .is-inline.textarea {
        display: inline;
        width: auto;
    }

    .input.is-rounded {
        border-radius: 290486px;
        padding-left: calc(calc(0.75em - 1px) + 0.375em);
        padding-right: calc(calc(0.75em - 1px) + 0.375em);
    }

    .input.is-static {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
    }

    .textarea {
        display: block;
        max-width: 100%;
        min-width: 100%;
        padding: calc(0.75em - 1px);
        resize: vertical;
    }

    .textarea:not([rows]) {
        max-height: 40em;
        min-height: 8em;
    }

    .textarea[rows] {
        height: initial;
    }

    .textarea.has-fixed-size {
        resize: none;
    }

    .checkbox,
    .radio {
        cursor: pointer;
        display: inline-block;
        line-height: 1.25;
        position: relative;
    }

    .checkbox input,
    .radio input {
        cursor: pointer;
    }

    .checkbox:hover,
    .radio:hover {
        color: #363636;
    }

    .checkbox[disabled],
    .radio[disabled],
    fieldset[disabled] .checkbox,
    fieldset[disabled] .radio {
        color: #7a7a7a;
        cursor: not-allowed;
    }

    .radio + .radio {
        margin-left: 0.5em;
    }

    .select {
        display: inline-block;
        max-width: 100%;
        position: relative;
        vertical-align: top;
    }

    .select:not(.is-multiple) {
        height: 2.5em;
    }

    .select:not(.is-multiple):not(.is-loading)::after {
        border-color: #3273dc;
        right: 1.125em;
        z-index: 4;
    }

    .select.is-rounded select {
        border-radius: 290486px;
        padding-left: 1em;
    }

    .select select {
        cursor: pointer;
        display: block;
        font-size: 1em;
        max-width: 100%;
        outline: none;
    }

    .select select::-ms-expand {
        display: none;
    }

    .select select[disabled]:hover,
    fieldset[disabled] .select select:hover {
        border-color: whitesmoke;
    }

    .select select:not([multiple]) {
        padding-right: 2.5em;
    }

    .select select[multiple] {
        height: auto;
        padding: 0;
    }

    .select select[multiple] option {
        padding: 0.5em 1em;
    }

    .select:not(.is-multiple):not(.is-loading):hover::after {
        border-color: #363636;
    }

    .select.is-white:not(:hover)::after {
        border-color: white;
    }

    .select.is-white select {
        border-color: white;
    }

    .select.is-white select:hover,
    .select.is-white select.is-hovered {
        border-color: #f2f2f2;
    }

    .select.is-white select:focus,
    .select.is-white select.is-focused,
    .select.is-white select:active,
    .select.is-white select.is-active {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
    }

    .select.is-black:not(:hover)::after {
        border-color: #0a0a0a;
    }

    .select.is-black select {
        border-color: #0a0a0a;
    }

    .select.is-black select:hover,
    .select.is-black select.is-hovered {
        border-color: black;
    }

    .select.is-black select:focus,
    .select.is-black select.is-focused,
    .select.is-black select:active,
    .select.is-black select.is-active {
        box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
    }

    .select.is-light:not(:hover)::after {
        border-color: whitesmoke;
    }

    .select.is-light select {
        border-color: whitesmoke;
    }

    .select.is-light select:hover,
    .select.is-light select.is-hovered {
        border-color: #e8e8e8;
    }

    .select.is-light select:focus,
    .select.is-light select.is-focused,
    .select.is-light select:active,
    .select.is-light select.is-active {
        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
    }

    .select.is-dark:not(:hover)::after {
        border-color: #363636;
    }

    .select.is-dark select {
        border-color: #363636;
    }

    .select.is-dark select:hover,
    .select.is-dark select.is-hovered {
        border-color: #292929;
    }

    .select.is-dark select:focus,
    .select.is-dark select.is-focused,
    .select.is-dark select:active,
    .select.is-dark select.is-active {
        box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
    }

    .select.is-primary:not(:hover)::after {
        border-color: #00d1b2;
    }

    .select.is-primary select {
        border-color: #00d1b2;
    }

    .select.is-primary select:hover,
    .select.is-primary select.is-hovered {
        border-color: #00b89c;
    }

    .select.is-primary select:focus,
    .select.is-primary select.is-focused,
    .select.is-primary select:active,
    .select.is-primary select.is-active {
        box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
    }

    .select.is-link:not(:hover)::after {
        border-color: #3273dc;
    }

    .select.is-link select {
        border-color: #3273dc;
    }

    .select.is-link select:hover,
    .select.is-link select.is-hovered {
        border-color: #2366d1;
    }

    .select.is-link select:focus,
    .select.is-link select.is-focused,
    .select.is-link select:active,
    .select.is-link select.is-active {
        box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    }

    .select.is-info:not(:hover)::after {
        border-color: #3298dc;
    }

    .select.is-info select {
        border-color: #3298dc;
    }

    .select.is-info select:hover,
    .select.is-info select.is-hovered {
        border-color: #238cd1;
    }

    .select.is-info select:focus,
    .select.is-info select.is-focused,
    .select.is-info select:active,
    .select.is-info select.is-active {
        box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
    }

    .select.is-success:not(:hover)::after {
        border-color: #48c774;
    }

    .select.is-success select {
        border-color: #48c774;
    }

    .select.is-success select:hover,
    .select.is-success select.is-hovered {
        border-color: #3abb67;
    }

    .select.is-success select:focus,
    .select.is-success select.is-focused,
    .select.is-success select:active,
    .select.is-success select.is-active {
        box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
    }

    .select.is-warning:not(:hover)::after {
        border-color: #ffdd57;
    }

    .select.is-warning select {
        border-color: #ffdd57;
    }

    .select.is-warning select:hover,
    .select.is-warning select.is-hovered {
        border-color: #ffd83d;
    }

    .select.is-warning select:focus,
    .select.is-warning select.is-focused,
    .select.is-warning select:active,
    .select.is-warning select.is-active {
        box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
    }

    .select.is-danger:not(:hover)::after {
        border-color: #f14668;
    }

    .select.is-danger select {
        border-color: #f14668;
    }

    .select.is-danger select:hover,
    .select.is-danger select.is-hovered {
        border-color: #ef2e55;
    }

    .select.is-danger select:focus,
    .select.is-danger select.is-focused,
    .select.is-danger select:active,
    .select.is-danger select.is-active {
        box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
    }

    .select.is-small {
        border-radius: 2px;
        font-size: 0.75rem;
    }

    .select.is-medium {
        font-size: 1.25rem;
    }

    .select.is-large {
        font-size: 1.5rem;
    }

    .select.is-disabled::after {
        border-color: #7a7a7a;
    }

    .select.is-fullwidth {
        width: 100%;
    }

    .select.is-fullwidth select {
        width: 100%;
    }

    .select.is-loading::after {
        margin-top: 0;
        position: absolute;
        right: 0.625em;
        top: 0.625em;
        transform: none;
    }

    .select.is-loading.is-small:after {
        font-size: 0.75rem;
    }

    .select.is-loading.is-medium:after {
        font-size: 1.25rem;
    }

    .select.is-loading.is-large:after {
        font-size: 1.5rem;
    }

    .file {
        align-items: stretch;
        display: flex;
        justify-content: flex-start;
        position: relative;
    }

    .file.is-white .file-cta {
        background-color: white;
        border-color: transparent;
        color: #0a0a0a;
    }

    .file.is-white:hover .file-cta,
    .file.is-white.is-hovered .file-cta {
        background-color: #f9f9f9;
        border-color: transparent;
        color: #0a0a0a;
    }

    .file.is-white:focus .file-cta,
    .file.is-white.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
        color: #0a0a0a;
    }

    .file.is-white:active .file-cta,
    .file.is-white.is-active .file-cta {
        background-color: #f2f2f2;
        border-color: transparent;
        color: #0a0a0a;
    }

    .file.is-black .file-cta {
        background-color: #0a0a0a;
        border-color: transparent;
        color: white;
    }

    .file.is-black:hover .file-cta,
    .file.is-black.is-hovered .file-cta {
        background-color: #040404;
        border-color: transparent;
        color: white;
    }

    .file.is-black:focus .file-cta,
    .file.is-black.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
        color: white;
    }

    .file.is-black:active .file-cta,
    .file.is-black.is-active .file-cta {
        background-color: black;
        border-color: transparent;
        color: white;
    }

    .file.is-light .file-cta {
        background-color: whitesmoke;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-light:hover .file-cta,
    .file.is-light.is-hovered .file-cta {
        background-color: #eeeeee;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-light:focus .file-cta,
    .file.is-light.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-light:active .file-cta,
    .file.is-light.is-active .file-cta {
        background-color: #e8e8e8;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-dark .file-cta {
        background-color: #363636;
        border-color: transparent;
        color: #fff;
    }

    .file.is-dark:hover .file-cta,
    .file.is-dark.is-hovered .file-cta {
        background-color: #2f2f2f;
        border-color: transparent;
        color: #fff;
    }

    .file.is-dark:focus .file-cta,
    .file.is-dark.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
        color: #fff;
    }

    .file.is-dark:active .file-cta,
    .file.is-dark.is-active .file-cta {
        background-color: #292929;
        border-color: transparent;
        color: #fff;
    }

    .file.is-primary .file-cta {
        background-color: #00d1b2;
        border-color: transparent;
        color: #fff;
    }

    .file.is-primary:hover .file-cta,
    .file.is-primary.is-hovered .file-cta {
        background-color: #00c4a7;
        border-color: transparent;
        color: #fff;
    }

    .file.is-primary:focus .file-cta,
    .file.is-primary.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
        color: #fff;
    }

    .file.is-primary:active .file-cta,
    .file.is-primary.is-active .file-cta {
        background-color: #00b89c;
        border-color: transparent;
        color: #fff;
    }

    .file.is-link .file-cta {
        background-color: #3273dc;
        border-color: transparent;
        color: #fff;
    }

    .file.is-link:hover .file-cta,
    .file.is-link.is-hovered .file-cta {
        background-color: #276cda;
        border-color: transparent;
        color: #fff;
    }

    .file.is-link:focus .file-cta,
    .file.is-link.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
        color: #fff;
    }

    .file.is-link:active .file-cta,
    .file.is-link.is-active .file-cta {
        background-color: #2366d1;
        border-color: transparent;
        color: #fff;
    }

    .file.is-info .file-cta {
        background-color: #3298dc;
        border-color: transparent;
        color: #fff;
    }

    .file.is-info:hover .file-cta,
    .file.is-info.is-hovered .file-cta {
        background-color: #2793da;
        border-color: transparent;
        color: #fff;
    }

    .file.is-info:focus .file-cta,
    .file.is-info.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
        color: #fff;
    }

    .file.is-info:active .file-cta,
    .file.is-info.is-active .file-cta {
        background-color: #238cd1;
        border-color: transparent;
        color: #fff;
    }

    .file.is-success .file-cta {
        background-color: #48c774;
        border-color: transparent;
        color: #fff;
    }

    .file.is-success:hover .file-cta,
    .file.is-success.is-hovered .file-cta {
        background-color: #3ec46d;
        border-color: transparent;
        color: #fff;
    }

    .file.is-success:focus .file-cta,
    .file.is-success.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25);
        color: #fff;
    }

    .file.is-success:active .file-cta,
    .file.is-success.is-active .file-cta {
        background-color: #3abb67;
        border-color: transparent;
        color: #fff;
    }

    .file.is-warning .file-cta {
        background-color: #ffdd57;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-warning:hover .file-cta,
    .file.is-warning.is-hovered .file-cta {
        background-color: #ffdb4a;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-warning:focus .file-cta,
    .file.is-warning.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-warning:active .file-cta,
    .file.is-warning.is-active .file-cta {
        background-color: #ffd83d;
        border-color: transparent;
        color: rgba(0, 0, 0, 0.7);
    }

    .file.is-danger .file-cta {
        background-color: #f14668;
        border-color: transparent;
        color: #fff;
    }

    .file.is-danger:hover .file-cta,
    .file.is-danger.is-hovered .file-cta {
        background-color: #f03a5f;
        border-color: transparent;
        color: #fff;
    }

    .file.is-danger:focus .file-cta,
    .file.is-danger.is-focused .file-cta {
        border-color: transparent;
        box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
        color: #fff;
    }

    .file.is-danger:active .file-cta,
    .file.is-danger.is-active .file-cta {
        background-color: #ef2e55;
        border-color: transparent;
        color: #fff;
    }

    .file.is-small {
        font-size: 0.75rem;
    }

    .file.is-medium {
        font-size: 1.25rem;
    }

    .file.is-medium .file-icon .fa {
        font-size: 21px;
    }

    .file.is-large {
        font-size: 1.5rem;
    }

    .file.is-large .file-icon .fa {
        font-size: 28px;
    }

    .file.has-name .file-cta {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .file.has-name .file-name {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .file.has-name.is-empty .file-cta {
        border-radius: 4px;
    }

    .file.has-name.is-empty .file-name {
        display: none;
    }

    .file.is-boxed .file-label {
        flex-direction: column;
    }

    .file.is-boxed .file-cta {
        flex-direction: column;
        height: auto;
        padding: 1em 3em;
    }

    .file.is-boxed .file-name {
        border-width: 0 1px 1px;
    }

    .file.is-boxed .file-icon {
        height: 1.5em;
        width: 1.5em;
    }

    .file.is-boxed .file-icon .fa {
        font-size: 21px;
    }

    .file.is-boxed.is-small .file-icon .fa {
        font-size: 14px;
    }

    .file.is-boxed.is-medium .file-icon .fa {
        font-size: 28px;
    }

    .file.is-boxed.is-large .file-icon .fa {
        font-size: 35px;
    }

    .file.is-boxed.has-name .file-cta {
        border-radius: 4px 4px 0 0;
    }

    .file.is-boxed.has-name .file-name {
        border-radius: 0 0 4px 4px;
        border-width: 0 1px 1px;
    }

    .file.is-centered {
        justify-content: center;
    }

    .file.is-fullwidth .file-label {
        width: 100%;
    }

    .file.is-fullwidth .file-name {
        flex-grow: 1;
        max-width: none;
    }

    .file.is-right {
        justify-content: flex-end;
    }

    .file.is-right .file-cta {
        border-radius: 0 4px 4px 0;
    }

    .file.is-right .file-name {
        border-radius: 4px 0 0 4px;
        border-width: 1px 0 1px 1px;
        order: -1;
    }

    .file-label {
        align-items: stretch;
        display: flex;
        cursor: pointer;
        justify-content: flex-start;
        overflow: hidden;
        position: relative;
    }

    .file-label:hover .file-cta {
        background-color: #eeeeee;
        color: #363636;
    }

    .file-label:hover .file-name {
        border-color: #d5d5d5;
    }

    .file-label:active .file-cta {
        background-color: #e8e8e8;
        color: #363636;
    }

    .file-label:active .file-name {
        border-color: #cfcfcf;
    }

    .file-input {
        height: 100%;
        left: 0;
        opacity: 0;
        outline: none;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .file-cta,
    .file-name {
        border-color: #dbdbdb;
        border-radius: 4px;
        font-size: 1em;
        padding-left: 1em;
        padding-right: 1em;
        white-space: nowrap;
    }

    .file-cta {
        background-color: whitesmoke;
        color: #4a4a4a;
    }

    .file-name {
        border-color: #dbdbdb;
        border-style: solid;
        border-width: 1px 1px 1px 0;
        display: block;
        max-width: 16em;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
    }

    .file-icon {
        align-items: center;
        display: flex;
        height: 1em;
        justify-content: center;
        margin-right: 0.5em;
        width: 1em;
    }

    .file-icon .fa {
        font-size: 14px;
    }

    .label {
        color: #363636;
        display: block;
        font-size: 1rem;
        font-weight: 700;
    }

    .label:not(:last-child) {
        margin-bottom: 0.5em;
    }

    .label.is-small {
        font-size: 0.75rem;
    }

    .label.is-medium {
        font-size: 1.25rem;
    }

    .label.is-large {
        font-size: 1.5rem;
    }

    .help {
        display: block;
        font-size: 0.75rem;
        margin-top: 0.25rem;
    }

    .help.is-white {
        color: white;
    }

    .help.is-black {
        color: #0a0a0a;
    }

    .help.is-light {
        color: whitesmoke;
    }

    .help.is-dark {
        color: #363636;
    }

    .help.is-primary {
        color: #00d1b2;
    }

    .help.is-link {
        color: #3273dc;
    }

    .help.is-info {
        color: #3298dc;
    }

    .help.is-success {
        color: #48c774;
    }

    .help.is-warning {
        color: #ffdd57;
    }

    .help.is-danger {
        color: #f14668;
    }

    .field:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .field.has-addons {
        display: flex;
        justify-content: flex-start;
    }

    .field.has-addons .control:not(:last-child) {
        margin-right: -1px;
    }

    .field.has-addons .control:not(:first-child):not(:last-child) .button,
    .field.has-addons .control:not(:first-child):not(:last-child) .input,
    .field.has-addons .control:not(:first-child):not(:last-child) .select select {
        border-radius: 0;
    }

    .field.has-addons .control:first-child:not(:only-child) .button,
    .field.has-addons .control:first-child:not(:only-child) .input,
    .field.has-addons .control:first-child:not(:only-child) .select select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .field.has-addons .control:last-child:not(:only-child) .button,
    .field.has-addons .control:last-child:not(:only-child) .input,
    .field.has-addons .control:last-child:not(:only-child) .select select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .field.has-addons .control .button:not([disabled]):hover,
    .field.has-addons .control .button:not([disabled]).is-hovered,
    .field.has-addons .control .input:not([disabled]):hover,
    .field.has-addons .control .input:not([disabled]).is-hovered,
    .field.has-addons .control .select select:not([disabled]):hover,
    .field.has-addons .control .select select:not([disabled]).is-hovered {
        z-index: 2;
    }

    .field.has-addons .control .button:not([disabled]):focus,
    .field.has-addons .control .button:not([disabled]).is-focused,
    .field.has-addons .control .button:not([disabled]):active,
    .field.has-addons .control .button:not([disabled]).is-active,
    .field.has-addons .control .input:not([disabled]):focus,
    .field.has-addons .control .input:not([disabled]).is-focused,
    .field.has-addons .control .input:not([disabled]):active,
    .field.has-addons .control .input:not([disabled]).is-active,
    .field.has-addons .control .select select:not([disabled]):focus,
    .field.has-addons .control .select select:not([disabled]).is-focused,
    .field.has-addons .control .select select:not([disabled]):active,
    .field.has-addons .control .select select:not([disabled]).is-active {
        z-index: 3;
    }

    .field.has-addons .control .button:not([disabled]):focus:hover,
    .field.has-addons .control .button:not([disabled]).is-focused:hover,
    .field.has-addons .control .button:not([disabled]):active:hover,
    .field.has-addons .control .button:not([disabled]).is-active:hover,
    .field.has-addons .control .input:not([disabled]):focus:hover,
    .field.has-addons .control .input:not([disabled]).is-focused:hover,
    .field.has-addons .control .input:not([disabled]):active:hover,
    .field.has-addons .control .input:not([disabled]).is-active:hover,
    .field.has-addons .control .select select:not([disabled]):focus:hover,
    .field.has-addons .control .select select:not([disabled]).is-focused:hover,
    .field.has-addons .control .select select:not([disabled]):active:hover,
    .field.has-addons .control .select select:not([disabled]).is-active:hover {
        z-index: 4;
    }

    .field.has-addons .control.is-expanded {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .field.has-addons.has-addons-centered {
        justify-content: center;
    }

    .field.has-addons.has-addons-right {
        justify-content: flex-end;
    }

    .field.has-addons.has-addons-fullwidth .control {
        flex-grow: 1;
        flex-shrink: 0;
    }

    .field.is-grouped {
        display: flex;
        justify-content: flex-start;
    }

    .field.is-grouped > .control {
        flex-shrink: 0;
    }

    .field.is-grouped > .control:not(:last-child) {
        margin-bottom: 0;
        margin-right: 0.75rem;
    }

    .field.is-grouped > .control.is-expanded {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .field.is-grouped.is-grouped-centered {
        justify-content: center;
    }

    .field.is-grouped.is-grouped-right {
        justify-content: flex-end;
    }

    .field.is-grouped.is-grouped-multiline {
        flex-wrap: wrap;
    }

    .field.is-grouped.is-grouped-multiline > .control:last-child,
    .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .field.is-grouped.is-grouped-multiline:last-child {
        margin-bottom: -0.75rem;
    }

    .field.is-grouped.is-grouped-multiline:not(:last-child) {
        margin-bottom: 0;
    }

    @media screen and (min-width: 769px),
    print {
        .field.is-horizontal {
            display: flex;
        }
    }

    .field-label .label {
        font-size: inherit;
    }

    @media screen and (max-width: 768px) {
        .field-label {
            margin-bottom: 0.5rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .field-label {
            flex-basis: 0;
            flex-grow: 1;
            flex-shrink: 0;
            margin-right: 1.5rem;
            text-align: right;
        }

        .field-label.is-small {
            font-size: 0.75rem;
            padding-top: 0.375em;
        }

        .field-label.is-normal {
            padding-top: 0.375em;
        }

        .field-label.is-medium {
            font-size: 1.25rem;
            padding-top: 0.375em;
        }

        .field-label.is-large {
            font-size: 1.5rem;
            padding-top: 0.375em;
        }
    }

    .field-body .field .field {
        margin-bottom: 0;
    }

    @media screen and (min-width: 769px),
    print {
        .field-body {
            display: flex;
            flex-basis: 0;
            flex-grow: 5;
            flex-shrink: 1;
        }

        .field-body .field {
            margin-bottom: 0;
        }

        .field-body > .field {
            flex-shrink: 1;
        }

        .field-body > .field:not(.is-narrow) {
            flex-grow: 1;
        }

        .field-body > .field:not(:last-child) {
            margin-right: 0.75rem;
        }
    }

    .control {
        box-sizing: border-box;
        clear: both;
        font-size: 1rem;
        position: relative;
        text-align: left;
    }

    .control.has-icons-left .input:focus ~ .icon,
    .control.has-icons-left .select:focus ~ .icon,
    .control.has-icons-right .input:focus ~ .icon,
    .control.has-icons-right .select:focus ~ .icon {
        color: #4a4a4a;
    }

    .control.has-icons-left .input.is-small ~ .icon,
    .control.has-icons-left .select.is-small ~ .icon,
    .control.has-icons-right .input.is-small ~ .icon,
    .control.has-icons-right .select.is-small ~ .icon {
        font-size: 0.75rem;
    }

    .control.has-icons-left .input.is-medium ~ .icon,
    .control.has-icons-left .select.is-medium ~ .icon,
    .control.has-icons-right .input.is-medium ~ .icon,
    .control.has-icons-right .select.is-medium ~ .icon {
        font-size: 1.25rem;
    }

    .control.has-icons-left .input.is-large ~ .icon,
    .control.has-icons-left .select.is-large ~ .icon,
    .control.has-icons-right .input.is-large ~ .icon,
    .control.has-icons-right .select.is-large ~ .icon {
        font-size: 1.5rem;
    }

    .control.has-icons-left .icon,
    .control.has-icons-right .icon {
        color: #dbdbdb;
        height: 2.5em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2.5em;
        z-index: 4;
    }

    .control.has-icons-left .input,
    .control.has-icons-left .select select {
        padding-left: 2.5em;
    }

    .control.has-icons-left .icon.is-left {
        left: 0;
    }

    .control.has-icons-right .input,
    .control.has-icons-right .select select {
        padding-right: 2.5em;
    }

    .control.has-icons-right .icon.is-right {
        right: 0;
    }

    .control.is-loading::after {
        position: absolute !important;
        right: 0.625em;
        top: 0.625em;
        z-index: 4;
    }

    .control.is-loading.is-small:after {
        font-size: 0.75rem;
    }

    .control.is-loading.is-medium:after {
        font-size: 1.25rem;
    }

    .control.is-loading.is-large:after {
        font-size: 1.5rem;
    }

    .breadcrumb {
        font-size: 1rem;
        white-space: nowrap;
    }

    .breadcrumb a {
        align-items: center;
        color: #3273dc;
        display: flex;
        justify-content: center;
        padding: 0 0.75em;
    }

    .breadcrumb a:hover {
        color: #363636;
    }

    .breadcrumb li {
        align-items: center;
        display: flex;
    }

    .breadcrumb li:first-child a {
        padding-left: 0;
    }

    .breadcrumb li.is-active a {
        color: #363636;
        cursor: default;
        pointer-events: none;
    }

    .breadcrumb li + li::before {
        color: #b5b5b5;
        content: "\0002f";
    }

    .breadcrumb ul,
    .breadcrumb ol {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .breadcrumb .icon:first-child {
        margin-right: 0.5em;
    }

    .breadcrumb .icon:last-child {
        margin-left: 0.5em;
    }

    .breadcrumb.is-centered ol,
    .breadcrumb.is-centered ul {
        justify-content: center;
    }

    .breadcrumb.is-right ol,
    .breadcrumb.is-right ul {
        justify-content: flex-end;
    }

    .breadcrumb.is-small {
        font-size: 0.75rem;
    }

    .breadcrumb.is-medium {
        font-size: 1.25rem;
    }

    .breadcrumb.is-large {
        font-size: 1.5rem;
    }

    .breadcrumb.has-arrow-separator li + li::before {
        content: "\02192";
    }

    .breadcrumb.has-bullet-separator li + li::before {
        content: "\02022";
    }

    .breadcrumb.has-dot-separator li + li::before {
        content: "\000b7";
    }

    .breadcrumb.has-succeeds-separator li + li::before {
        content: "\0227B";
    }

    .card {
        background-color: white;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
        color: #4a4a4a;
        max-width: 100%;
        position: relative;
    }

    .card-header {
        background-color: transparent;
        align-items: stretch;
        box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
        display: flex;
    }

    .card-header-title {
        align-items: center;
        color: #363636;
        display: flex;
        flex-grow: 1;
        font-weight: 700;
        padding: 0.75rem 1rem;
    }

    .card-header-title.is-centered {
        justify-content: center;
    }

    .card-header-icon {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        padding: 0.75rem 1rem;
    }

    .card-image {
        display: block;
        position: relative;
    }

    .card-content {
        background-color: transparent;
        padding: 1.5rem;
    }

    .card-footer {
        background-color: transparent;
        border-top: 1px solid #ededed;
        align-items: stretch;
        display: flex;
    }

    .card-footer-item {
        align-items: center;
        display: flex;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: center;
        padding: 0.75rem;
    }

    .card-footer-item:not(:last-child) {
        border-right: 1px solid #ededed;
    }

    .card .media:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .dropdown {
        display: inline-flex;
        position: relative;
        vertical-align: top;
    }

    .dropdown.is-active .dropdown-menu,
    .dropdown.is-hoverable:hover .dropdown-menu {
        display: block;
    }

    .dropdown.is-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .dropdown.is-up .dropdown-menu {
        bottom: 100%;
        padding-bottom: 4px;
        padding-top: initial;
        top: auto;
    }

    .dropdown-menu {
        display: none;
        left: 0;
        min-width: 12rem;
        padding-top: 4px;
        position: absolute;
        top: 100%;
        z-index: 20;
    }

    .dropdown-content {
        background-color: white;
        border-radius: 4px;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .dropdown-item {
        color: #4a4a4a;
        display: block;
        font-size: 0.875rem;
        line-height: 1.5;
        padding: 0.375rem 1rem;
        position: relative;
    }

    a.dropdown-item,
    button.dropdown-item {
        padding-right: 3rem;
        text-align: left;
        white-space: nowrap;
        width: 100%;
    }

    a.dropdown-item:hover,
    button.dropdown-item:hover {
        background-color: whitesmoke;
        color: #0a0a0a;
    }

    a.dropdown-item.is-active,
    button.dropdown-item.is-active {
        background-color: #3273dc;
        color: #fff;
    }

    .dropdown-divider {
        background-color: #ededed;
        border: none;
        display: block;
        height: 1px;
        margin: 0.5rem 0;
    }

    .level {
        align-items: center;
        justify-content: space-between;
    }

    .level code {
        border-radius: 4px;
    }

    .level img {
        display: inline-block;
        vertical-align: top;
    }

    .level.is-mobile {
        display: flex;
    }

    .level.is-mobile .level-left,
    .level.is-mobile .level-right {
        display: flex;
    }

    .level.is-mobile .level-left + .level-right {
        margin-top: 0;
    }

    .level.is-mobile .level-item:not(:last-child) {
        margin-bottom: 0;
        margin-right: 0.75rem;
    }

    .level.is-mobile .level-item:not(.is-narrow) {
        flex-grow: 1;
    }

    @media screen and (min-width: 769px),
    print {
        .level {
            display: flex;
        }

        .level > .level-item:not(.is-narrow) {
            flex-grow: 1;
        }
    }

    .level-item {
        align-items: center;
        display: flex;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: center;
    }

    .level-item .title,
    .level-item .subtitle {
        margin-bottom: 0;
    }

    @media screen and (max-width: 768px) {
        .level-item:not(:last-child) {
            margin-bottom: 0.75rem;
        }
    }

    .level-left,
    .level-right {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .level-left .level-item.is-flexible,
    .level-right .level-item.is-flexible {
        flex-grow: 1;
    }

    @media screen and (min-width: 769px),
    print {

        .level-left .level-item:not(:last-child),
        .level-right .level-item:not(:last-child) {
            margin-right: 0.75rem;
        }
    }

    .level-left {
        align-items: center;
        justify-content: flex-start;
    }

    @media screen and (max-width: 768px) {
        .level-left + .level-right {
            margin-top: 1.5rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .level-left {
            display: flex;
        }
    }

    .level-right {
        align-items: center;
        justify-content: flex-end;
    }

    @media screen and (min-width: 769px),
    print {
        .level-right {
            display: flex;
        }
    }

    .list {
        background-color: white;
        border-radius: 4px;
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    }

    .list-item {
        display: block;
        padding: 0.5em 1em;
    }

    .list-item:not(a) {
        color: #4a4a4a;
    }

    .list-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .list-item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .list-item:not(:last-child) {
        border-bottom: 1px solid #dbdbdb;
    }

    .list-item.is-active {
        background-color: #3273dc;
        color: #fff;
    }

    a.list-item {
        background-color: whitesmoke;
        cursor: pointer;
    }

    .media {
        align-items: flex-start;
        display: flex;
        text-align: left;
    }

    .media .content:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .media .media {
        border-top: 1px solid rgba(219, 219, 219, 0.5);
        display: flex;
        padding-top: 0.75rem;
    }

    .media .media .content:not(:last-child),
    .media .media .control:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .media .media .media {
        padding-top: 0.5rem;
    }

    .media .media .media + .media {
        margin-top: 0.5rem;
    }

    .media + .media {
        border-top: 1px solid rgba(219, 219, 219, 0.5);
        margin-top: 1rem;
        padding-top: 1rem;
    }

    .media.is-large + .media {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
    }

    .media-left,
    .media-right {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }

    .media-left {
        margin-right: 1rem;
    }

    .media-right {
        margin-left: 1rem;
    }

    .media-content {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        text-align: left;
    }

    @media screen and (max-width: 768px) {
        .media-content {
            overflow-x: auto;
        }
    }

    .menu {
        font-size: 1rem;
    }

    .menu.is-small {
        font-size: 0.75rem;
    }

    .menu.is-medium {
        font-size: 1.25rem;
    }

    .menu.is-large {
        font-size: 1.5rem;
    }

    .menu-list {
        line-height: 1.25;
    }

    .menu-list a {
        border-radius: 2px;
        color: #4a4a4a;
        display: block;
        padding: 0.5em 0.75em;
    }

    .menu-list a:hover {
        background-color: whitesmoke;
        color: #363636;
    }

    .menu-list a.is-active {
        background-color: #3273dc;
        color: #fff;
    }

    .menu-list li ul {
        border-left: 1px solid #dbdbdb;
        margin: 0.75em;
        padding-left: 0.75em;
    }

    .menu-label {
        color: #7a7a7a;
        font-size: 0.75em;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .menu-label:not(:first-child) {
        margin-top: 1em;
    }

    .menu-label:not(:last-child) {
        margin-bottom: 1em;
    }

    .message {
        background-color: whitesmoke;
        border-radius: 4px;
        font-size: 1rem;
    }

    .message strong {
        color: currentColor;
    }

    .message a:not(.button):not(.tag):not(.dropdown-item) {
        color: currentColor;
        text-decoration: underline;
    }

    .message.is-small {
        font-size: 0.75rem;
    }

    .message.is-medium {
        font-size: 1.25rem;
    }

    .message.is-large {
        font-size: 1.5rem;
    }

    .message.is-white {
        background-color: white;
    }

    .message.is-white .message-header {
        background-color: white;
        color: #0a0a0a;
    }

    .message.is-white .message-body {
        border-color: white;
    }

    .message.is-black {
        background-color: #fafafa;
    }

    .message.is-black .message-header {
        background-color: #0a0a0a;
        color: white;
    }

    .message.is-black .message-body {
        border-color: #0a0a0a;
    }

    .message.is-light {
        background-color: #fafafa;
    }

    .message.is-light .message-header {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .message.is-light .message-body {
        border-color: whitesmoke;
    }

    .message.is-dark {
        background-color: #fafafa;
    }

    .message.is-dark .message-header {
        background-color: #363636;
        color: #fff;
    }

    .message.is-dark .message-body {
        border-color: #363636;
    }

    .message.is-primary {
        background-color: #ebfffc;
    }

    .message.is-primary .message-header {
        background-color: #00d1b2;
        color: #fff;
    }

    .message.is-primary .message-body {
        border-color: #00d1b2;
        color: #00947e;
    }

    .message.is-link {
        background-color: #eef3fc;
    }

    .message.is-link .message-header {
        background-color: #3273dc;
        color: #fff;
    }

    .message.is-link .message-body {
        border-color: #3273dc;
        color: #2160c4;
    }

    .message.is-info {
        background-color: #eef6fc;
    }

    .message.is-info .message-header {
        background-color: #3298dc;
        color: #fff;
    }

    .message.is-info .message-body {
        border-color: #3298dc;
        color: #1d72aa;
    }

    .message.is-success {
        background-color: #effaf3;
    }

    .message.is-success .message-header {
        background-color: #48c774;
        color: #fff;
    }

    .message.is-success .message-body {
        border-color: #48c774;
        color: #257942;
    }

    .message.is-warning {
        background-color: #fffbeb;
    }

    .message.is-warning .message-header {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .message.is-warning .message-body {
        border-color: #ffdd57;
        color: #947600;
    }

    .message.is-danger {
        background-color: #feecf0;
    }

    .message.is-danger .message-header {
        background-color: #f14668;
        color: #fff;
    }

    .message.is-danger .message-body {
        border-color: #f14668;
        color: #cc0f35;
    }

    .message-header {
        align-items: center;
        background-color: #4a4a4a;
        border-radius: 4px 4px 0 0;
        color: #fff;
        display: flex;
        font-weight: 700;
        justify-content: space-between;
        line-height: 1.25;
        padding: 0.75em 1em;
        position: relative;
    }

    .message-header .delete {
        flex-grow: 0;
        flex-shrink: 0;
        margin-left: 0.75em;
    }

    .message-header + .message-body {
        border-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .message-body {
        border-color: #dbdbdb;
        border-radius: 4px;
        border-style: solid;
        border-width: 0 0 0 4px;
        color: #4a4a4a;
        padding: 1.25em 1.5em;
    }

    .message-body code,
    .message-body pre {
        background-color: white;
    }

    .message-body pre code {
        background-color: transparent;
    }

    .modal {
        align-items: center;
        display: none;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        position: fixed;
        z-index: 40;
    }

    .modal.is-active {
        display: flex;
    }

    .modal-background {
        background-color: rgba(10, 10, 10, 0.86);
    }

    .modal-content,
    .modal-card {
        margin: 0 20px;
        max-height: calc(100vh - 160px);
        overflow: auto;
        position: relative;
        width: 100%;
    }

    @media screen and (min-width: 769px),
    print {

        .modal-content,
        .modal-card {
            margin: 0 auto;
            max-height: calc(100vh - 40px);
            width: 640px;
        }
    }

    .modal-close {
        background: none;
        height: 40px;
        position: fixed;
        right: 20px;
        top: 20px;
        width: 40px;
    }

    .modal-card {
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 40px);
        overflow: hidden;
        -ms-overflow-y: visible;
    }

    .modal-card-head,
    .modal-card-foot {
        align-items: center;
        background-color: whitesmoke;
        display: flex;
        flex-shrink: 0;
        justify-content: flex-start;
        padding: 20px;
        position: relative;
    }

    .modal-card-head {
        border-bottom: 1px solid #dbdbdb;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modal-card-title {
        color: #363636;
        flex-grow: 1;
        flex-shrink: 0;
        font-size: 1.5rem;
        line-height: 1;
    }

    .modal-card-foot {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 1px solid #dbdbdb;
    }

    .modal-card-foot .button:not(:last-child) {
        margin-right: 0.5em;
    }

    .modal-card-body {
        -webkit-overflow-scrolling: touch;
        background-color: white;
        flex-grow: 1;
        flex-shrink: 1;
        overflow: auto;
        padding: 20px;
    }

    .navbar {
        background-color: white;
        min-height: 3.25rem;
        position: relative;
        z-index: 30;
    }

    .navbar.is-white {
        background-color: white;
        color: #0a0a0a;
    }

    .navbar.is-white .navbar-brand > .navbar-item,
    .navbar.is-white .navbar-brand .navbar-link {
        color: #0a0a0a;
    }

    .navbar.is-white .navbar-brand > a.navbar-item:focus,
    .navbar.is-white .navbar-brand > a.navbar-item:hover,
    .navbar.is-white .navbar-brand > a.navbar-item.is-active,
    .navbar.is-white .navbar-brand .navbar-link:focus,
    .navbar.is-white .navbar-brand .navbar-link:hover,
    .navbar.is-white .navbar-brand .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a;
    }

    .navbar.is-white .navbar-brand .navbar-link::after {
        border-color: #0a0a0a;
    }

    .navbar.is-white .navbar-burger {
        color: #0a0a0a;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-white .navbar-start > .navbar-item,
        .navbar.is-white .navbar-start .navbar-link,
        .navbar.is-white .navbar-end > .navbar-item,
        .navbar.is-white .navbar-end .navbar-link {
            color: #0a0a0a;
        }

        .navbar.is-white .navbar-start > a.navbar-item:focus,
        .navbar.is-white .navbar-start > a.navbar-item:hover,
        .navbar.is-white .navbar-start > a.navbar-item.is-active,
        .navbar.is-white .navbar-start .navbar-link:focus,
        .navbar.is-white .navbar-start .navbar-link:hover,
        .navbar.is-white .navbar-start .navbar-link.is-active,
        .navbar.is-white .navbar-end > a.navbar-item:focus,
        .navbar.is-white .navbar-end > a.navbar-item:hover,
        .navbar.is-white .navbar-end > a.navbar-item.is-active,
        .navbar.is-white .navbar-end .navbar-link:focus,
        .navbar.is-white .navbar-end .navbar-link:hover,
        .navbar.is-white .navbar-end .navbar-link.is-active {
            background-color: #f2f2f2;
            color: #0a0a0a;
        }

        .navbar.is-white .navbar-start .navbar-link::after,
        .navbar.is-white .navbar-end .navbar-link::after {
            border-color: #0a0a0a;
        }

        .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #f2f2f2;
            color: #0a0a0a;
        }

        .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
            background-color: white;
            color: #0a0a0a;
        }
    }

    .navbar.is-black {
        background-color: #0a0a0a;
        color: white;
    }

    .navbar.is-black .navbar-brand > .navbar-item,
    .navbar.is-black .navbar-brand .navbar-link {
        color: white;
    }

    .navbar.is-black .navbar-brand > a.navbar-item:focus,
    .navbar.is-black .navbar-brand > a.navbar-item:hover,
    .navbar.is-black .navbar-brand > a.navbar-item.is-active,
    .navbar.is-black .navbar-brand .navbar-link:focus,
    .navbar.is-black .navbar-brand .navbar-link:hover,
    .navbar.is-black .navbar-brand .navbar-link.is-active {
        background-color: black;
        color: white;
    }

    .navbar.is-black .navbar-brand .navbar-link::after {
        border-color: white;
    }

    .navbar.is-black .navbar-burger {
        color: white;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-black .navbar-start > .navbar-item,
        .navbar.is-black .navbar-start .navbar-link,
        .navbar.is-black .navbar-end > .navbar-item,
        .navbar.is-black .navbar-end .navbar-link {
            color: white;
        }

        .navbar.is-black .navbar-start > a.navbar-item:focus,
        .navbar.is-black .navbar-start > a.navbar-item:hover,
        .navbar.is-black .navbar-start > a.navbar-item.is-active,
        .navbar.is-black .navbar-start .navbar-link:focus,
        .navbar.is-black .navbar-start .navbar-link:hover,
        .navbar.is-black .navbar-start .navbar-link.is-active,
        .navbar.is-black .navbar-end > a.navbar-item:focus,
        .navbar.is-black .navbar-end > a.navbar-item:hover,
        .navbar.is-black .navbar-end > a.navbar-item.is-active,
        .navbar.is-black .navbar-end .navbar-link:focus,
        .navbar.is-black .navbar-end .navbar-link:hover,
        .navbar.is-black .navbar-end .navbar-link.is-active {
            background-color: black;
            color: white;
        }

        .navbar.is-black .navbar-start .navbar-link::after,
        .navbar.is-black .navbar-end .navbar-link::after {
            border-color: white;
        }

        .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: black;
            color: white;
        }

        .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
            background-color: #0a0a0a;
            color: white;
        }
    }

    .navbar.is-light {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-light .navbar-brand > .navbar-item,
    .navbar.is-light .navbar-brand .navbar-link {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-light .navbar-brand > a.navbar-item:focus,
    .navbar.is-light .navbar-brand > a.navbar-item:hover,
    .navbar.is-light .navbar-brand > a.navbar-item.is-active,
    .navbar.is-light .navbar-brand .navbar-link:focus,
    .navbar.is-light .navbar-brand .navbar-link:hover,
    .navbar.is-light .navbar-brand .navbar-link.is-active {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-light .navbar-brand .navbar-link::after {
        border-color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-light .navbar-burger {
        color: rgba(0, 0, 0, 0.7);
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-light .navbar-start > .navbar-item,
        .navbar.is-light .navbar-start .navbar-link,
        .navbar.is-light .navbar-end > .navbar-item,
        .navbar.is-light .navbar-end .navbar-link {
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-light .navbar-start > a.navbar-item:focus,
        .navbar.is-light .navbar-start > a.navbar-item:hover,
        .navbar.is-light .navbar-start > a.navbar-item.is-active,
        .navbar.is-light .navbar-start .navbar-link:focus,
        .navbar.is-light .navbar-start .navbar-link:hover,
        .navbar.is-light .navbar-start .navbar-link.is-active,
        .navbar.is-light .navbar-end > a.navbar-item:focus,
        .navbar.is-light .navbar-end > a.navbar-item:hover,
        .navbar.is-light .navbar-end > a.navbar-item.is-active,
        .navbar.is-light .navbar-end .navbar-link:focus,
        .navbar.is-light .navbar-end .navbar-link:hover,
        .navbar.is-light .navbar-end .navbar-link.is-active {
            background-color: #e8e8e8;
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-light .navbar-start .navbar-link::after,
        .navbar.is-light .navbar-end .navbar-link::after {
            border-color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #e8e8e8;
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
            background-color: whitesmoke;
            color: rgba(0, 0, 0, 0.7);
        }
    }

    .navbar.is-dark {
        background-color: #363636;
        color: #fff;
    }

    .navbar.is-dark .navbar-brand > .navbar-item,
    .navbar.is-dark .navbar-brand .navbar-link {
        color: #fff;
    }

    .navbar.is-dark .navbar-brand > a.navbar-item:focus,
    .navbar.is-dark .navbar-brand > a.navbar-item:hover,
    .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
    .navbar.is-dark .navbar-brand .navbar-link:focus,
    .navbar.is-dark .navbar-brand .navbar-link:hover,
    .navbar.is-dark .navbar-brand .navbar-link.is-active {
        background-color: #292929;
        color: #fff;
    }

    .navbar.is-dark .navbar-brand .navbar-link::after {
        border-color: #fff;
    }

    .navbar.is-dark .navbar-burger {
        color: #fff;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-dark .navbar-start > .navbar-item,
        .navbar.is-dark .navbar-start .navbar-link,
        .navbar.is-dark .navbar-end > .navbar-item,
        .navbar.is-dark .navbar-end .navbar-link {
            color: #fff;
        }

        .navbar.is-dark .navbar-start > a.navbar-item:focus,
        .navbar.is-dark .navbar-start > a.navbar-item:hover,
        .navbar.is-dark .navbar-start > a.navbar-item.is-active,
        .navbar.is-dark .navbar-start .navbar-link:focus,
        .navbar.is-dark .navbar-start .navbar-link:hover,
        .navbar.is-dark .navbar-start .navbar-link.is-active,
        .navbar.is-dark .navbar-end > a.navbar-item:focus,
        .navbar.is-dark .navbar-end > a.navbar-item:hover,
        .navbar.is-dark .navbar-end > a.navbar-item.is-active,
        .navbar.is-dark .navbar-end .navbar-link:focus,
        .navbar.is-dark .navbar-end .navbar-link:hover,
        .navbar.is-dark .navbar-end .navbar-link.is-active {
            background-color: #292929;
            color: #fff;
        }

        .navbar.is-dark .navbar-start .navbar-link::after,
        .navbar.is-dark .navbar-end .navbar-link::after {
            border-color: #fff;
        }

        .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #292929;
            color: #fff;
        }

        .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
            background-color: #363636;
            color: #fff;
        }
    }

    .navbar.is-primary {
        background-color: #00d1b2;
        color: #fff;
    }

    .navbar.is-primary .navbar-brand > .navbar-item,
    .navbar.is-primary .navbar-brand .navbar-link {
        color: #fff;
    }

    .navbar.is-primary .navbar-brand > a.navbar-item:focus,
    .navbar.is-primary .navbar-brand > a.navbar-item:hover,
    .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
    .navbar.is-primary .navbar-brand .navbar-link:focus,
    .navbar.is-primary .navbar-brand .navbar-link:hover,
    .navbar.is-primary .navbar-brand .navbar-link.is-active {
        background-color: #00b89c;
        color: #fff;
    }

    .navbar.is-primary .navbar-brand .navbar-link::after {
        border-color: #fff;
    }

    .navbar.is-primary .navbar-burger {
        color: #fff;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-primary .navbar-start > .navbar-item,
        .navbar.is-primary .navbar-start .navbar-link,
        .navbar.is-primary .navbar-end > .navbar-item,
        .navbar.is-primary .navbar-end .navbar-link {
            color: #fff;
        }

        .navbar.is-primary .navbar-start > a.navbar-item:focus,
        .navbar.is-primary .navbar-start > a.navbar-item:hover,
        .navbar.is-primary .navbar-start > a.navbar-item.is-active,
        .navbar.is-primary .navbar-start .navbar-link:focus,
        .navbar.is-primary .navbar-start .navbar-link:hover,
        .navbar.is-primary .navbar-start .navbar-link.is-active,
        .navbar.is-primary .navbar-end > a.navbar-item:focus,
        .navbar.is-primary .navbar-end > a.navbar-item:hover,
        .navbar.is-primary .navbar-end > a.navbar-item.is-active,
        .navbar.is-primary .navbar-end .navbar-link:focus,
        .navbar.is-primary .navbar-end .navbar-link:hover,
        .navbar.is-primary .navbar-end .navbar-link.is-active {
            background-color: #00b89c;
            color: #fff;
        }

        .navbar.is-primary .navbar-start .navbar-link::after,
        .navbar.is-primary .navbar-end .navbar-link::after {
            border-color: #fff;
        }

        .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #00b89c;
            color: #fff;
        }

        .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
            background-color: #00d1b2;
            color: #fff;
        }
    }

    .navbar.is-link {
        background-color: #3273dc;
        color: #fff;
    }

    .navbar.is-link .navbar-brand > .navbar-item,
    .navbar.is-link .navbar-brand .navbar-link {
        color: #fff;
    }

    .navbar.is-link .navbar-brand > a.navbar-item:focus,
    .navbar.is-link .navbar-brand > a.navbar-item:hover,
    .navbar.is-link .navbar-brand > a.navbar-item.is-active,
    .navbar.is-link .navbar-brand .navbar-link:focus,
    .navbar.is-link .navbar-brand .navbar-link:hover,
    .navbar.is-link .navbar-brand .navbar-link.is-active {
        background-color: #2366d1;
        color: #fff;
    }

    .navbar.is-link .navbar-brand .navbar-link::after {
        border-color: #fff;
    }

    .navbar.is-link .navbar-burger {
        color: #fff;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-link .navbar-start > .navbar-item,
        .navbar.is-link .navbar-start .navbar-link,
        .navbar.is-link .navbar-end > .navbar-item,
        .navbar.is-link .navbar-end .navbar-link {
            color: #fff;
        }

        .navbar.is-link .navbar-start > a.navbar-item:focus,
        .navbar.is-link .navbar-start > a.navbar-item:hover,
        .navbar.is-link .navbar-start > a.navbar-item.is-active,
        .navbar.is-link .navbar-start .navbar-link:focus,
        .navbar.is-link .navbar-start .navbar-link:hover,
        .navbar.is-link .navbar-start .navbar-link.is-active,
        .navbar.is-link .navbar-end > a.navbar-item:focus,
        .navbar.is-link .navbar-end > a.navbar-item:hover,
        .navbar.is-link .navbar-end > a.navbar-item.is-active,
        .navbar.is-link .navbar-end .navbar-link:focus,
        .navbar.is-link .navbar-end .navbar-link:hover,
        .navbar.is-link .navbar-end .navbar-link.is-active {
            background-color: #2366d1;
            color: #fff;
        }

        .navbar.is-link .navbar-start .navbar-link::after,
        .navbar.is-link .navbar-end .navbar-link::after {
            border-color: #fff;
        }

        .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #2366d1;
            color: #fff;
        }

        .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
            background-color: #3273dc;
            color: #fff;
        }
    }

    .navbar.is-info {
        background-color: #3298dc;
        color: #fff;
    }

    .navbar.is-info .navbar-brand > .navbar-item,
    .navbar.is-info .navbar-brand .navbar-link {
        color: #fff;
    }

    .navbar.is-info .navbar-brand > a.navbar-item:focus,
    .navbar.is-info .navbar-brand > a.navbar-item:hover,
    .navbar.is-info .navbar-brand > a.navbar-item.is-active,
    .navbar.is-info .navbar-brand .navbar-link:focus,
    .navbar.is-info .navbar-brand .navbar-link:hover,
    .navbar.is-info .navbar-brand .navbar-link.is-active {
        background-color: #238cd1;
        color: #fff;
    }

    .navbar.is-info .navbar-brand .navbar-link::after {
        border-color: #fff;
    }

    .navbar.is-info .navbar-burger {
        color: #fff;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-info .navbar-start > .navbar-item,
        .navbar.is-info .navbar-start .navbar-link,
        .navbar.is-info .navbar-end > .navbar-item,
        .navbar.is-info .navbar-end .navbar-link {
            color: #fff;
        }

        .navbar.is-info .navbar-start > a.navbar-item:focus,
        .navbar.is-info .navbar-start > a.navbar-item:hover,
        .navbar.is-info .navbar-start > a.navbar-item.is-active,
        .navbar.is-info .navbar-start .navbar-link:focus,
        .navbar.is-info .navbar-start .navbar-link:hover,
        .navbar.is-info .navbar-start .navbar-link.is-active,
        .navbar.is-info .navbar-end > a.navbar-item:focus,
        .navbar.is-info .navbar-end > a.navbar-item:hover,
        .navbar.is-info .navbar-end > a.navbar-item.is-active,
        .navbar.is-info .navbar-end .navbar-link:focus,
        .navbar.is-info .navbar-end .navbar-link:hover,
        .navbar.is-info .navbar-end .navbar-link.is-active {
            background-color: #238cd1;
            color: #fff;
        }

        .navbar.is-info .navbar-start .navbar-link::after,
        .navbar.is-info .navbar-end .navbar-link::after {
            border-color: #fff;
        }

        .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #238cd1;
            color: #fff;
        }

        .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
            background-color: #3298dc;
            color: #fff;
        }
    }

    .navbar.is-success {
        background-color: #48c774;
        color: #fff;
    }

    .navbar.is-success .navbar-brand > .navbar-item,
    .navbar.is-success .navbar-brand .navbar-link {
        color: #fff;
    }

    .navbar.is-success .navbar-brand > a.navbar-item:focus,
    .navbar.is-success .navbar-brand > a.navbar-item:hover,
    .navbar.is-success .navbar-brand > a.navbar-item.is-active,
    .navbar.is-success .navbar-brand .navbar-link:focus,
    .navbar.is-success .navbar-brand .navbar-link:hover,
    .navbar.is-success .navbar-brand .navbar-link.is-active {
        background-color: #3abb67;
        color: #fff;
    }

    .navbar.is-success .navbar-brand .navbar-link::after {
        border-color: #fff;
    }

    .navbar.is-success .navbar-burger {
        color: #fff;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-success .navbar-start > .navbar-item,
        .navbar.is-success .navbar-start .navbar-link,
        .navbar.is-success .navbar-end > .navbar-item,
        .navbar.is-success .navbar-end .navbar-link {
            color: #fff;
        }

        .navbar.is-success .navbar-start > a.navbar-item:focus,
        .navbar.is-success .navbar-start > a.navbar-item:hover,
        .navbar.is-success .navbar-start > a.navbar-item.is-active,
        .navbar.is-success .navbar-start .navbar-link:focus,
        .navbar.is-success .navbar-start .navbar-link:hover,
        .navbar.is-success .navbar-start .navbar-link.is-active,
        .navbar.is-success .navbar-end > a.navbar-item:focus,
        .navbar.is-success .navbar-end > a.navbar-item:hover,
        .navbar.is-success .navbar-end > a.navbar-item.is-active,
        .navbar.is-success .navbar-end .navbar-link:focus,
        .navbar.is-success .navbar-end .navbar-link:hover,
        .navbar.is-success .navbar-end .navbar-link.is-active {
            background-color: #3abb67;
            color: #fff;
        }

        .navbar.is-success .navbar-start .navbar-link::after,
        .navbar.is-success .navbar-end .navbar-link::after {
            border-color: #fff;
        }

        .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #3abb67;
            color: #fff;
        }

        .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
            background-color: #48c774;
            color: #fff;
        }
    }

    .navbar.is-warning {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-warning .navbar-brand > .navbar-item,
    .navbar.is-warning .navbar-brand .navbar-link {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-warning .navbar-brand > a.navbar-item:focus,
    .navbar.is-warning .navbar-brand > a.navbar-item:hover,
    .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
    .navbar.is-warning .navbar-brand .navbar-link:focus,
    .navbar.is-warning .navbar-brand .navbar-link:hover,
    .navbar.is-warning .navbar-brand .navbar-link.is-active {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-warning .navbar-brand .navbar-link::after {
        border-color: rgba(0, 0, 0, 0.7);
    }

    .navbar.is-warning .navbar-burger {
        color: rgba(0, 0, 0, 0.7);
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-warning .navbar-start > .navbar-item,
        .navbar.is-warning .navbar-start .navbar-link,
        .navbar.is-warning .navbar-end > .navbar-item,
        .navbar.is-warning .navbar-end .navbar-link {
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-warning .navbar-start > a.navbar-item:focus,
        .navbar.is-warning .navbar-start > a.navbar-item:hover,
        .navbar.is-warning .navbar-start > a.navbar-item.is-active,
        .navbar.is-warning .navbar-start .navbar-link:focus,
        .navbar.is-warning .navbar-start .navbar-link:hover,
        .navbar.is-warning .navbar-start .navbar-link.is-active,
        .navbar.is-warning .navbar-end > a.navbar-item:focus,
        .navbar.is-warning .navbar-end > a.navbar-item:hover,
        .navbar.is-warning .navbar-end > a.navbar-item.is-active,
        .navbar.is-warning .navbar-end .navbar-link:focus,
        .navbar.is-warning .navbar-end .navbar-link:hover,
        .navbar.is-warning .navbar-end .navbar-link.is-active {
            background-color: #ffd83d;
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-warning .navbar-start .navbar-link::after,
        .navbar.is-warning .navbar-end .navbar-link::after {
            border-color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #ffd83d;
            color: rgba(0, 0, 0, 0.7);
        }

        .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
            background-color: #ffdd57;
            color: rgba(0, 0, 0, 0.7);
        }
    }

    .navbar.is-danger {
        background-color: #f14668;
        color: #fff;
    }

    .navbar.is-danger .navbar-brand > .navbar-item,
    .navbar.is-danger .navbar-brand .navbar-link {
        color: #fff;
    }

    .navbar.is-danger .navbar-brand > a.navbar-item:focus,
    .navbar.is-danger .navbar-brand > a.navbar-item:hover,
    .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
    .navbar.is-danger .navbar-brand .navbar-link:focus,
    .navbar.is-danger .navbar-brand .navbar-link:hover,
    .navbar.is-danger .navbar-brand .navbar-link.is-active {
        background-color: #ef2e55;
        color: #fff;
    }

    .navbar.is-danger .navbar-brand .navbar-link::after {
        border-color: #fff;
    }

    .navbar.is-danger .navbar-burger {
        color: #fff;
    }

    @media screen and (min-width: 1024px) {

        .navbar.is-danger .navbar-start > .navbar-item,
        .navbar.is-danger .navbar-start .navbar-link,
        .navbar.is-danger .navbar-end > .navbar-item,
        .navbar.is-danger .navbar-end .navbar-link {
            color: #fff;
        }

        .navbar.is-danger .navbar-start > a.navbar-item:focus,
        .navbar.is-danger .navbar-start > a.navbar-item:hover,
        .navbar.is-danger .navbar-start > a.navbar-item.is-active,
        .navbar.is-danger .navbar-start .navbar-link:focus,
        .navbar.is-danger .navbar-start .navbar-link:hover,
        .navbar.is-danger .navbar-start .navbar-link.is-active,
        .navbar.is-danger .navbar-end > a.navbar-item:focus,
        .navbar.is-danger .navbar-end > a.navbar-item:hover,
        .navbar.is-danger .navbar-end > a.navbar-item.is-active,
        .navbar.is-danger .navbar-end .navbar-link:focus,
        .navbar.is-danger .navbar-end .navbar-link:hover,
        .navbar.is-danger .navbar-end .navbar-link.is-active {
            background-color: #ef2e55;
            color: #fff;
        }

        .navbar.is-danger .navbar-start .navbar-link::after,
        .navbar.is-danger .navbar-end .navbar-link::after {
            border-color: #fff;
        }

        .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
        .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
        .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #ef2e55;
            color: #fff;
        }

        .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
            background-color: #f14668;
            color: #fff;
        }
    }

    .navbar > .container {
        align-items: stretch;
        display: flex;
        min-height: 3.25rem;
        width: 100%;
    }

    .navbar.has-shadow {
        box-shadow: 0 2px 0 0 whitesmoke;
    }

    .navbar.is-fixed-bottom,
    .navbar.is-fixed-top {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom {
        bottom: 0;
    }

    .navbar.is-fixed-bottom.has-shadow {
        box-shadow: 0 -2px 0 0 whitesmoke;
    }

    .navbar.is-fixed-top {
        top: 0;
    }

    html.has-navbar-fixed-top,
    body.has-navbar-fixed-top {
        padding-top: 3.25rem;
    }

    html.has-navbar-fixed-bottom,
    body.has-navbar-fixed-bottom {
        padding-bottom: 3.25rem;
    }

    .navbar-brand,
    .navbar-tabs {
        align-items: stretch;
        display: flex;
        flex-shrink: 0;
        min-height: 3.25rem;
    }

    .navbar-brand a.navbar-item:focus,
    .navbar-brand a.navbar-item:hover {
        background-color: transparent;
    }

    .navbar-tabs {
        -webkit-overflow-scrolling: touch;
        max-width: 100vw;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .navbar-burger {
        color: #4a4a4a;
        cursor: pointer;
        display: block;
        height: 3.25rem;
        position: relative;
        width: 3.25rem;
        margin-left: auto;
    }

    .navbar-burger span {
        background-color: currentColor;
        display: block;
        height: 1px;
        left: calc(50% - 8px);
        position: absolute;
        transform-origin: center;
        transition-duration: 86ms;
        transition-property: background-color, opacity, transform;
        transition-timing-function: ease-out;
        width: 16px;
    }

    .navbar-burger span:nth-child(1) {
        top: calc(50% - 6px);
    }

    .navbar-burger span:nth-child(2) {
        top: calc(50% - 1px);
    }

    .navbar-burger span:nth-child(3) {
        top: calc(50% + 4px);
    }

    .navbar-burger:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .navbar-burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg);
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0;
    }

    .navbar-burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

    .navbar-menu {
        display: none;
    }

    .navbar-item,
    .navbar-link {
        color: #4a4a4a;
        display: block;
        line-height: 1.5;
        padding: 0.5rem 0.75rem;
        position: relative;
    }

    .navbar-item .icon:only-child,
    .navbar-link .icon:only-child {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }

    a.navbar-item,
    .navbar-link {
        cursor: pointer;
    }

    a.navbar-item:focus,
    a.navbar-item:focus-within,
    a.navbar-item:hover,
    a.navbar-item.is-active,
    .navbar-link:focus,
    .navbar-link:focus-within,
    .navbar-link:hover,
    .navbar-link.is-active {
        background-color: #fafafa;
        color: #3273dc;
    }

    .navbar-item {
        flex-grow: 0;
        flex-shrink: 0;
    }

    .navbar-item img {
        max-height: 1.75rem;
    }

    .navbar-item.has-dropdown {
        padding: 0;
    }

    .navbar-item.is-expanded {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .navbar-item.is-tab {
        border-bottom: 1px solid transparent;
        min-height: 3.25rem;
        padding-bottom: calc(0.5rem - 1px);
    }

    .navbar-item.is-tab:focus,
    .navbar-item.is-tab:hover {
        background-color: transparent;
        border-bottom-color: #3273dc;
    }

    .navbar-item.is-tab.is-active {
        background-color: transparent;
        border-bottom-color: #3273dc;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        color: #3273dc;
        padding-bottom: calc(0.5rem - 3px);
    }

    .navbar-content {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .navbar-link:not(.is-arrowless) {
        padding-right: 2.5em;
    }

    .navbar-link:not(.is-arrowless)::after {
        border-color: #3273dc;
        margin-top: -0.375em;
        right: 1.125em;
    }

    .navbar-dropdown {
        font-size: 0.875rem;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .navbar-dropdown .navbar-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .navbar-divider {
        background-color: whitesmoke;
        border: none;
        display: none;
        height: 2px;
        margin: 0.5rem 0;
    }

    @media screen and (max-width: 1023px) {
        .navbar > .container {
            display: block;
        }

        .navbar-brand .navbar-item,
        .navbar-tabs .navbar-item {
            align-items: center;
            display: flex;
        }

        .navbar-link::after {
            display: none;
        }

        .navbar-menu {
            background-color: white;
            box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
            padding: 0.5rem 0;
        }

        .navbar-menu.is-active {
            display: block;
        }

        .navbar.is-fixed-bottom-touch,
        .navbar.is-fixed-top-touch {
            left: 0;
            position: fixed;
            right: 0;
            z-index: 30;
        }

        .navbar.is-fixed-bottom-touch {
            bottom: 0;
        }

        .navbar.is-fixed-bottom-touch.has-shadow {
            box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
        }

        .navbar.is-fixed-top-touch {
            top: 0;
        }

        .navbar.is-fixed-top .navbar-menu,
        .navbar.is-fixed-top-touch .navbar-menu {
            -webkit-overflow-scrolling: touch;
            max-height: calc(100vh - 3.25rem);
            overflow: auto;
        }

        html.has-navbar-fixed-top-touch,
        body.has-navbar-fixed-top-touch {
            padding-top: 3.25rem;
        }

        html.has-navbar-fixed-bottom-touch,
        body.has-navbar-fixed-bottom-touch {
            padding-bottom: 3.25rem;
        }
    }

    @media screen and (min-width: 1024px) {

        .navbar,
        .navbar-menu,
        .navbar-start,
        .navbar-end {
            align-items: stretch;
            display: flex;
        }

        .navbar {
            min-height: 3.25rem;
        }

        .navbar.is-spaced {
            padding: 1rem 2rem;
        }

        .navbar.is-spaced .navbar-start,
        .navbar.is-spaced .navbar-end {
            align-items: center;
        }

        .navbar.is-spaced a.navbar-item,
        .navbar.is-spaced .navbar-link {
            border-radius: 4px;
        }

        .navbar.is-transparent a.navbar-item:focus,
        .navbar.is-transparent a.navbar-item:hover,
        .navbar.is-transparent a.navbar-item.is-active,
        .navbar.is-transparent .navbar-link:focus,
        .navbar.is-transparent .navbar-link:hover,
        .navbar.is-transparent .navbar-link.is-active {
            background-color: transparent !important;
        }

        .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
        .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
        .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
        .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
            background-color: transparent !important;
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
        .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
            background-color: whitesmoke;
            color: #0a0a0a;
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
            background-color: whitesmoke;
            color: #3273dc;
        }

        .navbar-burger {
            display: none;
        }

        .navbar-item,
        .navbar-link {
            align-items: center;
            display: flex;
        }

        .navbar-item.has-dropdown {
            align-items: stretch;
        }

        .navbar-item.has-dropdown-up .navbar-link::after {
            transform: rotate(135deg) translate(0.25em, -0.25em);
        }

        .navbar-item.has-dropdown-up .navbar-dropdown {
            border-bottom: 2px solid #dbdbdb;
            border-radius: 6px 6px 0 0;
            border-top: none;
            bottom: 100%;
            box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
            top: auto;
        }

        .navbar-item.is-active .navbar-dropdown,
        .navbar-item.is-hoverable:focus .navbar-dropdown,
        .navbar-item.is-hoverable:focus-within .navbar-dropdown,
        .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block;
        }

        .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
        .navbar-item.is-active .navbar-dropdown.is-boxed,
        .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
        .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
        .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
        .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
        .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
        .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
        }

        .navbar-menu {
            flex-grow: 1;
            flex-shrink: 0;
        }

        .navbar-start {
            justify-content: flex-start;
            margin-right: auto;
        }

        .navbar-end {
            justify-content: flex-end;
            margin-left: auto;
        }

        .navbar-dropdown {
            background-color: white;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border-top: 2px solid #dbdbdb;
            box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
            display: none;
            font-size: 0.875rem;
            left: 0;
            min-width: 100%;
            position: absolute;
            top: 100%;
            z-index: 20;
        }

        .navbar-dropdown .navbar-item {
            padding: 0.375rem 1rem;
            white-space: nowrap;
        }

        .navbar-dropdown a.navbar-item {
            padding-right: 3rem;
        }

        .navbar-dropdown a.navbar-item:focus,
        .navbar-dropdown a.navbar-item:hover {
            background-color: whitesmoke;
            color: #0a0a0a;
        }

        .navbar-dropdown a.navbar-item.is-active {
            background-color: whitesmoke;
            color: #3273dc;
        }

        .navbar.is-spaced .navbar-dropdown,
        .navbar-dropdown.is-boxed {
            border-radius: 6px;
            border-top: none;
            box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
            display: block;
            opacity: 0;
            pointer-events: none;
            top: calc(100% + (-4px));
            transform: translateY(-5px);
            transition-duration: 86ms;
            transition-property: opacity, transform;
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0;
        }

        .navbar-divider {
            display: block;
        }

        .navbar > .container .navbar-brand,
        .container > .navbar .navbar-brand {
            margin-left: -.75rem;
        }

        .navbar > .container .navbar-menu,
        .container > .navbar .navbar-menu {
            margin-right: -.75rem;
        }

        .navbar.is-fixed-bottom-desktop,
        .navbar.is-fixed-top-desktop {
            left: 0;
            position: fixed;
            right: 0;
            z-index: 30;
        }

        .navbar.is-fixed-bottom-desktop {
            bottom: 0;
        }

        .navbar.is-fixed-bottom-desktop.has-shadow {
            box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
        }

        .navbar.is-fixed-top-desktop {
            top: 0;
        }

        html.has-navbar-fixed-top-desktop,
        body.has-navbar-fixed-top-desktop {
            padding-top: 3.25rem;
        }

        html.has-navbar-fixed-bottom-desktop,
        body.has-navbar-fixed-bottom-desktop {
            padding-bottom: 3.25rem;
        }

        html.has-spaced-navbar-fixed-top,
        body.has-spaced-navbar-fixed-top {
            padding-top: 5.25rem;
        }

        html.has-spaced-navbar-fixed-bottom,
        body.has-spaced-navbar-fixed-bottom {
            padding-bottom: 5.25rem;
        }

        a.navbar-item.is-active,
        .navbar-link.is-active {
            color: #0a0a0a;
        }

        a.navbar-item.is-active:not(:focus):not(:hover),
        .navbar-link.is-active:not(:focus):not(:hover) {
            background-color: transparent;
        }

        .navbar-item.has-dropdown:focus .navbar-link,
        .navbar-item.has-dropdown:hover .navbar-link,
        .navbar-item.has-dropdown.is-active .navbar-link {
            background-color: #fafafa;
        }
    }

    .hero.is-fullheight-with-navbar {
        min-height: calc(100vh - 3.25rem);
    }

    .pagination {
        font-size: 1rem;
        margin: -0.25rem;
    }

    .pagination.is-small {
        font-size: 0.75rem;
    }

    .pagination.is-medium {
        font-size: 1.25rem;
    }

    .pagination.is-large {
        font-size: 1.5rem;
    }

    .pagination.is-rounded .pagination-previous,
    .pagination.is-rounded .pagination-next {
        padding-left: 1em;
        padding-right: 1em;
        border-radius: 290486px;
    }

    .pagination.is-rounded .pagination-link {
        border-radius: 290486px;
    }

    .pagination,
    .pagination-list {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .pagination-previous,
    .pagination-next,
    .pagination-link,
    .pagination-ellipsis {
        font-size: 1em;
        justify-content: center;
        margin: 0.25rem;
        padding-left: 0.5em;
        padding-right: 0.5em;
        text-align: center;
    }

    .pagination-previous,
    .pagination-next,
    .pagination-link {
        border-color: #dbdbdb;
        color: #363636;
        min-width: 2.5em;
    }

    .pagination-previous:hover,
    .pagination-next:hover,
    .pagination-link:hover {
        border-color: #b5b5b5;
        color: #363636;
    }

    .pagination-previous:focus,
    .pagination-next:focus,
    .pagination-link:focus {
        border-color: #3273dc;
    }

    .pagination-previous:active,
    .pagination-next:active,
    .pagination-link:active {
        box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
    }

    .pagination-previous[disabled],
    .pagination-next[disabled],
    .pagination-link[disabled] {
        background-color: #dbdbdb;
        border-color: #dbdbdb;
        box-shadow: none;
        color: #7a7a7a;
        opacity: 0.5;
    }

    .pagination-previous,
    .pagination-next {
        padding-left: 0.75em;
        padding-right: 0.75em;
        white-space: nowrap;
    }

    .pagination-link.is-current {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff;
    }

    .pagination-ellipsis {
        color: #b5b5b5;
        pointer-events: none;
    }

    .pagination-list {
        flex-wrap: wrap;
    }

    @media screen and (max-width: 768px) {
        .pagination {
            flex-wrap: wrap;
        }

        .pagination-previous,
        .pagination-next {
            flex-grow: 1;
            flex-shrink: 1;
        }

        .pagination-list li {
            flex-grow: 1;
            flex-shrink: 1;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .pagination-list {
            flex-grow: 1;
            flex-shrink: 1;
            justify-content: flex-start;
            order: 1;
        }

        .pagination-previous {
            order: 2;
        }

        .pagination-next {
            order: 3;
        }

        .pagination {
            justify-content: space-between;
        }

        .pagination.is-centered .pagination-previous {
            order: 1;
        }

        .pagination.is-centered .pagination-list {
            justify-content: center;
            order: 2;
        }

        .pagination.is-centered .pagination-next {
            order: 3;
        }

        .pagination.is-right .pagination-previous {
            order: 1;
        }

        .pagination.is-right .pagination-next {
            order: 2;
        }

        .pagination.is-right .pagination-list {
            justify-content: flex-end;
            order: 3;
        }
    }

    .panel {
        border-radius: 6px;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
        font-size: 1rem;
    }

    .panel:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .panel.is-white .panel-heading {
        background-color: white;
        color: #0a0a0a;
    }

    .panel.is-white .panel-tabs a.is-active {
        border-bottom-color: white;
    }

    .panel.is-white .panel-block.is-active .panel-icon {
        color: white;
    }

    .panel.is-black .panel-heading {
        background-color: #0a0a0a;
        color: white;
    }

    .panel.is-black .panel-tabs a.is-active {
        border-bottom-color: #0a0a0a;
    }

    .panel.is-black .panel-block.is-active .panel-icon {
        color: #0a0a0a;
    }

    .panel.is-light .panel-heading {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .panel.is-light .panel-tabs a.is-active {
        border-bottom-color: whitesmoke;
    }

    .panel.is-light .panel-block.is-active .panel-icon {
        color: whitesmoke;
    }

    .panel.is-dark .panel-heading {
        background-color: #363636;
        color: #fff;
    }

    .panel.is-dark .panel-tabs a.is-active {
        border-bottom-color: #363636;
    }

    .panel.is-dark .panel-block.is-active .panel-icon {
        color: #363636;
    }

    .panel.is-primary .panel-heading {
        background-color: #00d1b2;
        color: #fff;
    }

    .panel.is-primary .panel-tabs a.is-active {
        border-bottom-color: #00d1b2;
    }

    .panel.is-primary .panel-block.is-active .panel-icon {
        color: #00d1b2;
    }

    .panel.is-link .panel-heading {
        background-color: #3273dc;
        color: #fff;
    }

    .panel.is-link .panel-tabs a.is-active {
        border-bottom-color: #3273dc;
    }

    .panel.is-link .panel-block.is-active .panel-icon {
        color: #3273dc;
    }

    .panel.is-info .panel-heading {
        background-color: #3298dc;
        color: #fff;
    }

    .panel.is-info .panel-tabs a.is-active {
        border-bottom-color: #3298dc;
    }

    .panel.is-info .panel-block.is-active .panel-icon {
        color: #3298dc;
    }

    .panel.is-success .panel-heading {
        background-color: #48c774;
        color: #fff;
    }

    .panel.is-success .panel-tabs a.is-active {
        border-bottom-color: #48c774;
    }

    .panel.is-success .panel-block.is-active .panel-icon {
        color: #48c774;
    }

    .panel.is-warning .panel-heading {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .panel.is-warning .panel-tabs a.is-active {
        border-bottom-color: #ffdd57;
    }

    .panel.is-warning .panel-block.is-active .panel-icon {
        color: #ffdd57;
    }

    .panel.is-danger .panel-heading {
        background-color: #f14668;
        color: #fff;
    }

    .panel.is-danger .panel-tabs a.is-active {
        border-bottom-color: #f14668;
    }

    .panel.is-danger .panel-block.is-active .panel-icon {
        color: #f14668;
    }

    .panel-tabs:not(:last-child),
    .panel-block:not(:last-child) {
        border-bottom: 1px solid #ededed;
    }

    .panel-heading {
        background-color: #ededed;
        border-radius: 6px 6px 0 0;
        color: #363636;
        font-size: 1.25em;
        font-weight: 700;
        line-height: 1.25;
        padding: 0.75em 1em;
    }

    .panel-tabs {
        align-items: flex-end;
        display: flex;
        font-size: 0.875em;
        justify-content: center;
    }

    .panel-tabs a {
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: -1px;
        padding: 0.5em;
    }

    .panel-tabs a.is-active {
        border-bottom-color: #4a4a4a;
        color: #363636;
    }

    .panel-list a {
        color: #4a4a4a;
    }

    .panel-list a:hover {
        color: #3273dc;
    }

    .panel-block {
        align-items: center;
        color: #363636;
        display: flex;
        justify-content: flex-start;
        padding: 0.5em 0.75em;
    }

    .panel-block input[type="checkbox"] {
        margin-right: 0.75em;
    }

    .panel-block > .control {
        flex-grow: 1;
        flex-shrink: 1;
        width: 100%;
    }

    .panel-block.is-wrapped {
        flex-wrap: wrap;
    }

    .panel-block.is-active {
        border-left-color: #3273dc;
        color: #363636;
    }

    .panel-block.is-active .panel-icon {
        color: #3273dc;
    }

    .panel-block:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    a.panel-block,
    label.panel-block {
        cursor: pointer;
    }

    a.panel-block:hover,
    label.panel-block:hover {
        background-color: whitesmoke;
    }

    .panel-icon {
        display: inline-block;
        font-size: 14px;
        height: 1em;
        line-height: 1em;
        text-align: center;
        vertical-align: top;
        width: 1em;
        color: #7a7a7a;
        margin-right: 0.75em;
    }

    .panel-icon .fa {
        font-size: inherit;
        line-height: inherit;
    }

    .tabs {
        -webkit-overflow-scrolling: touch;
        align-items: stretch;
        display: flex;
        font-size: 1rem;
        justify-content: space-between;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .tabs a {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4a4a4a;
        display: flex;
        justify-content: center;
        margin-bottom: -1px;
        padding: 0.5em 1em;
        vertical-align: top;
    }

    .tabs a:hover {
        border-bottom-color: #363636;
        color: #363636;
    }

    .tabs li {
        display: block;
    }

    .tabs li.is-active a {
        border-bottom-color: #3273dc;
        color: #3273dc;
    }

    .tabs ul {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: flex-start;
    }

    .tabs ul.is-left {
        padding-right: 0.75em;
    }

    .tabs ul.is-center {
        flex: none;
        justify-content: center;
        padding-left: 0.75em;
        padding-right: 0.75em;
    }

    .tabs ul.is-right {
        justify-content: flex-end;
        padding-left: 0.75em;
    }

    .tabs .icon:first-child {
        margin-right: 0.5em;
    }

    .tabs .icon:last-child {
        margin-left: 0.5em;
    }

    .tabs.is-centered ul {
        justify-content: center;
    }

    .tabs.is-right ul {
        justify-content: flex-end;
    }

    .tabs.is-boxed a {
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }

    .tabs.is-boxed a:hover {
        background-color: whitesmoke;
        border-bottom-color: #dbdbdb;
    }

    .tabs.is-boxed li.is-active a {
        background-color: white;
        border-color: #dbdbdb;
        border-bottom-color: transparent !important;
    }

    .tabs.is-fullwidth li {
        flex-grow: 1;
        flex-shrink: 0;
    }

    .tabs.is-toggle a {
        border-color: #dbdbdb;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 0;
        position: relative;
    }

    .tabs.is-toggle a:hover {
        background-color: whitesmoke;
        border-color: #b5b5b5;
        z-index: 2;
    }

    .tabs.is-toggle li + li {
        margin-left: -1px;
    }

    .tabs.is-toggle li:first-child a {
        border-radius: 4px 0 0 4px;
    }

    .tabs.is-toggle li:last-child a {
        border-radius: 0 4px 4px 0;
    }

    .tabs.is-toggle li.is-active a {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff;
        z-index: 1;
    }

    .tabs.is-toggle ul {
        border-bottom: none;
    }

    .tabs.is-toggle.is-toggle-rounded li:first-child a {
        border-bottom-left-radius: 290486px;
        border-top-left-radius: 290486px;
        padding-left: 1.25em;
    }

    .tabs.is-toggle.is-toggle-rounded li:last-child a {
        border-bottom-right-radius: 290486px;
        border-top-right-radius: 290486px;
        padding-right: 1.25em;
    }

    .tabs.is-small {
        font-size: 0.75rem;
    }

    .tabs.is-medium {
        font-size: 1.25rem;
    }

    .tabs.is-large {
        font-size: 1.5rem;
    }

    .column {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0.75rem;
    }

    .columns.is-mobile > .column.is-narrow {
        flex: none;
    }

    .columns.is-mobile > .column.is-full {
        flex: none;
        width: 100%;
    }

    .columns.is-mobile > .column.is-three-quarters {
        flex: none;
        width: 75%;
    }

    .columns.is-mobile > .column.is-two-thirds {
        flex: none;
        width: 66.6666%;
    }

    .columns.is-mobile > .column.is-half {
        flex: none;
        width: 50%;
    }

    .columns.is-mobile > .column.is-one-third {
        flex: none;
        width: 33.3333%;
    }

    .columns.is-mobile > .column.is-one-quarter {
        flex: none;
        width: 25%;
    }

    .columns.is-mobile > .column.is-one-fifth {
        flex: none;
        width: 20%;
    }

    .columns.is-mobile > .column.is-two-fifths {
        flex: none;
        width: 40%;
    }

    .columns.is-mobile > .column.is-three-fifths {
        flex: none;
        width: 60%;
    }

    .columns.is-mobile > .column.is-four-fifths {
        flex: none;
        width: 80%;
    }

    .columns.is-mobile > .column.is-offset-three-quarters {
        margin-left: 75%;
    }

    .columns.is-mobile > .column.is-offset-two-thirds {
        margin-left: 66.6666%;
    }

    .columns.is-mobile > .column.is-offset-half {
        margin-left: 50%;
    }

    .columns.is-mobile > .column.is-offset-one-third {
        margin-left: 33.3333%;
    }

    .columns.is-mobile > .column.is-offset-one-quarter {
        margin-left: 25%;
    }

    .columns.is-mobile > .column.is-offset-one-fifth {
        margin-left: 20%;
    }

    .columns.is-mobile > .column.is-offset-two-fifths {
        margin-left: 40%;
    }

    .columns.is-mobile > .column.is-offset-three-fifths {
        margin-left: 60%;
    }

    .columns.is-mobile > .column.is-offset-four-fifths {
        margin-left: 80%;
    }

    .columns.is-mobile > .column.is-0 {
        flex: none;
        width: 0%;
    }

    .columns.is-mobile > .column.is-offset-0 {
        margin-left: 0%;
    }

    .columns.is-mobile > .column.is-1 {
        flex: none;
        width: 8.33333333%;
    }

    .columns.is-mobile > .column.is-offset-1 {
        margin-left: 8.33333333%;
    }

    .columns.is-mobile > .column.is-2 {
        flex: none;
        width: 16.66666667%;
    }

    .columns.is-mobile > .column.is-offset-2 {
        margin-left: 16.66666667%;
    }

    .columns.is-mobile > .column.is-3 {
        flex: none;
        width: 25%;
    }

    .columns.is-mobile > .column.is-offset-3 {
        margin-left: 25%;
    }

    .columns.is-mobile > .column.is-4 {
        flex: none;
        width: 33.33333333%;
    }

    .columns.is-mobile > .column.is-offset-4 {
        margin-left: 33.33333333%;
    }

    .columns.is-mobile > .column.is-5 {
        flex: none;
        width: 41.66666667%;
    }

    .columns.is-mobile > .column.is-offset-5 {
        margin-left: 41.66666667%;
    }

    .columns.is-mobile > .column.is-6 {
        flex: none;
        width: 50%;
    }

    .columns.is-mobile > .column.is-offset-6 {
        margin-left: 50%;
    }

    .columns.is-mobile > .column.is-7 {
        flex: none;
        width: 58.33333333%;
    }

    .columns.is-mobile > .column.is-offset-7 {
        margin-left: 58.33333333%;
    }

    .columns.is-mobile > .column.is-8 {
        flex: none;
        width: 66.66666667%;
    }

    .columns.is-mobile > .column.is-offset-8 {
        margin-left: 66.66666667%;
    }

    .columns.is-mobile > .column.is-9 {
        flex: none;
        width: 75%;
    }

    .columns.is-mobile > .column.is-offset-9 {
        margin-left: 75%;
    }

    .columns.is-mobile > .column.is-10 {
        flex: none;
        width: 83.33333333%;
    }

    .columns.is-mobile > .column.is-offset-10 {
        margin-left: 83.33333333%;
    }

    .columns.is-mobile > .column.is-11 {
        flex: none;
        width: 91.66666667%;
    }

    .columns.is-mobile > .column.is-offset-11 {
        margin-left: 91.66666667%;
    }

    .columns.is-mobile > .column.is-12 {
        flex: none;
        width: 100%;
    }

    .columns.is-mobile > .column.is-offset-12 {
        margin-left: 100%;
    }

    @media screen and (max-width: 768px) {
        .column.is-narrow-mobile {
            flex: none;
        }

        .column.is-full-mobile {
            flex: none;
            width: 100%;
        }

        .column.is-three-quarters-mobile {
            flex: none;
            width: 75%;
        }

        .column.is-two-thirds-mobile {
            flex: none;
            width: 66.6666%;
        }

        .column.is-half-mobile {
            flex: none;
            width: 50%;
        }

        .column.is-one-third-mobile {
            flex: none;
            width: 33.3333%;
        }

        .column.is-one-quarter-mobile {
            flex: none;
            width: 25%;
        }

        .column.is-one-fifth-mobile {
            flex: none;
            width: 20%;
        }

        .column.is-two-fifths-mobile {
            flex: none;
            width: 40%;
        }

        .column.is-three-fifths-mobile {
            flex: none;
            width: 60%;
        }

        .column.is-four-fifths-mobile {
            flex: none;
            width: 80%;
        }

        .column.is-offset-three-quarters-mobile {
            margin-left: 75%;
        }

        .column.is-offset-two-thirds-mobile {
            margin-left: 66.6666%;
        }

        .column.is-offset-half-mobile {
            margin-left: 50%;
        }

        .column.is-offset-one-third-mobile {
            margin-left: 33.3333%;
        }

        .column.is-offset-one-quarter-mobile {
            margin-left: 25%;
        }

        .column.is-offset-one-fifth-mobile {
            margin-left: 20%;
        }

        .column.is-offset-two-fifths-mobile {
            margin-left: 40%;
        }

        .column.is-offset-three-fifths-mobile {
            margin-left: 60%;
        }

        .column.is-offset-four-fifths-mobile {
            margin-left: 80%;
        }

        .column.is-0-mobile {
            flex: none;
            width: 0%;
        }

        .column.is-offset-0-mobile {
            margin-left: 0%;
        }

        .column.is-1-mobile {
            flex: none;
            width: 8.33333333%;
        }

        .column.is-offset-1-mobile {
            margin-left: 8.33333333%;
        }

        .column.is-2-mobile {
            flex: none;
            width: 16.66666667%;
        }

        .column.is-offset-2-mobile {
            margin-left: 16.66666667%;
        }

        .column.is-3-mobile {
            flex: none;
            width: 25%;
        }

        .column.is-offset-3-mobile {
            margin-left: 25%;
        }

        .column.is-4-mobile {
            flex: none;
            width: 33.33333333%;
        }

        .column.is-offset-4-mobile {
            margin-left: 33.33333333%;
        }

        .column.is-5-mobile {
            flex: none;
            width: 41.66666667%;
        }

        .column.is-offset-5-mobile {
            margin-left: 41.66666667%;
        }

        .column.is-6-mobile {
            flex: none;
            width: 50%;
        }

        .column.is-offset-6-mobile {
            margin-left: 50%;
        }

        .column.is-7-mobile {
            flex: none;
            width: 58.33333333%;
        }

        .column.is-offset-7-mobile {
            margin-left: 58.33333333%;
        }

        .column.is-8-mobile {
            flex: none;
            width: 66.66666667%;
        }

        .column.is-offset-8-mobile {
            margin-left: 66.66666667%;
        }

        .column.is-9-mobile {
            flex: none;
            width: 75%;
        }

        .column.is-offset-9-mobile {
            margin-left: 75%;
        }

        .column.is-10-mobile {
            flex: none;
            width: 83.33333333%;
        }

        .column.is-offset-10-mobile {
            margin-left: 83.33333333%;
        }

        .column.is-11-mobile {
            flex: none;
            width: 91.66666667%;
        }

        .column.is-offset-11-mobile {
            margin-left: 91.66666667%;
        }

        .column.is-12-mobile {
            flex: none;
            width: 100%;
        }

        .column.is-offset-12-mobile {
            margin-left: 100%;
        }
    }

    @media screen and (min-width: 769px),
    print {

        .column.is-narrow,
        .column.is-narrow-tablet {
            flex: none;
        }

        .column.is-full,
        .column.is-full-tablet {
            flex: none;
            width: 100%;
        }

        .column.is-three-quarters,
        .column.is-three-quarters-tablet {
            flex: none;
            width: 75%;
        }

        .column.is-two-thirds,
        .column.is-two-thirds-tablet {
            flex: none;
            width: 66.6666%;
        }

        .column.is-half,
        .column.is-half-tablet {
            flex: none;
            width: 50%;
        }

        .column.is-one-third,
        .column.is-one-third-tablet {
            flex: none;
            width: 33.3333%;
        }

        .column.is-one-quarter,
        .column.is-one-quarter-tablet {
            flex: none;
            width: 25%;
        }

        .column.is-one-fifth,
        .column.is-one-fifth-tablet {
            flex: none;
            width: 20%;
        }

        .column.is-two-fifths,
        .column.is-two-fifths-tablet {
            flex: none;
            width: 40%;
        }

        .column.is-three-fifths,
        .column.is-three-fifths-tablet {
            flex: none;
            width: 60%;
        }

        .column.is-four-fifths,
        .column.is-four-fifths-tablet {
            flex: none;
            width: 80%;
        }

        .column.is-offset-three-quarters,
        .column.is-offset-three-quarters-tablet {
            margin-left: 75%;
        }

        .column.is-offset-two-thirds,
        .column.is-offset-two-thirds-tablet {
            margin-left: 66.6666%;
        }

        .column.is-offset-half,
        .column.is-offset-half-tablet {
            margin-left: 50%;
        }

        .column.is-offset-one-third,
        .column.is-offset-one-third-tablet {
            margin-left: 33.3333%;
        }

        .column.is-offset-one-quarter,
        .column.is-offset-one-quarter-tablet {
            margin-left: 25%;
        }

        .column.is-offset-one-fifth,
        .column.is-offset-one-fifth-tablet {
            margin-left: 20%;
        }

        .column.is-offset-two-fifths,
        .column.is-offset-two-fifths-tablet {
            margin-left: 40%;
        }

        .column.is-offset-three-fifths,
        .column.is-offset-three-fifths-tablet {
            margin-left: 60%;
        }

        .column.is-offset-four-fifths,
        .column.is-offset-four-fifths-tablet {
            margin-left: 80%;
        }

        .column.is-0,
        .column.is-0-tablet {
            flex: none;
            width: 0%;
        }

        .column.is-offset-0,
        .column.is-offset-0-tablet {
            margin-left: 0%;
        }

        .column.is-1,
        .column.is-1-tablet {
            flex: none;
            width: 8.33333333%;
        }

        .column.is-offset-1,
        .column.is-offset-1-tablet {
            margin-left: 8.33333333%;
        }

        .column.is-2,
        .column.is-2-tablet {
            flex: none;
            width: 16.66666667%;
        }

        .column.is-offset-2,
        .column.is-offset-2-tablet {
            margin-left: 16.66666667%;
        }

        .column.is-3,
        .column.is-3-tablet {
            flex: none;
            width: 25%;
        }

        .column.is-offset-3,
        .column.is-offset-3-tablet {
            margin-left: 25%;
        }

        .column.is-4,
        .column.is-4-tablet {
            flex: none;
            width: 33.33333333%;
        }

        .column.is-offset-4,
        .column.is-offset-4-tablet {
            margin-left: 33.33333333%;
        }

        .column.is-5,
        .column.is-5-tablet {
            flex: none;
            width: 41.66666667%;
        }

        .column.is-offset-5,
        .column.is-offset-5-tablet {
            margin-left: 41.66666667%;
        }

        .column.is-6,
        .column.is-6-tablet {
            flex: none;
            width: 50%;
        }

        .column.is-offset-6,
        .column.is-offset-6-tablet {
            margin-left: 50%;
        }

        .column.is-7,
        .column.is-7-tablet {
            flex: none;
            width: 58.33333333%;
        }

        .column.is-offset-7,
        .column.is-offset-7-tablet {
            margin-left: 58.33333333%;
        }

        .column.is-8,
        .column.is-8-tablet {
            flex: none;
            width: 66.66666667%;
        }

        .column.is-offset-8,
        .column.is-offset-8-tablet {
            margin-left: 66.66666667%;
        }

        .column.is-9,
        .column.is-9-tablet {
            flex: none;
            width: 75%;
        }

        .column.is-offset-9,
        .column.is-offset-9-tablet {
            margin-left: 75%;
        }

        .column.is-10,
        .column.is-10-tablet {
            flex: none;
            width: 83.33333333%;
        }

        .column.is-offset-10,
        .column.is-offset-10-tablet {
            margin-left: 83.33333333%;
        }

        .column.is-11,
        .column.is-11-tablet {
            flex: none;
            width: 91.66666667%;
        }

        .column.is-offset-11,
        .column.is-offset-11-tablet {
            margin-left: 91.66666667%;
        }

        .column.is-12,
        .column.is-12-tablet {
            flex: none;
            width: 100%;
        }

        .column.is-offset-12,
        .column.is-offset-12-tablet {
            margin-left: 100%;
        }
    }

    @media screen and (max-width: 1023px) {
        .column.is-narrow-touch {
            flex: none;
        }

        .column.is-full-touch {
            flex: none;
            width: 100%;
        }

        .column.is-three-quarters-touch {
            flex: none;
            width: 75%;
        }

        .column.is-two-thirds-touch {
            flex: none;
            width: 66.6666%;
        }

        .column.is-half-touch {
            flex: none;
            width: 50%;
        }

        .column.is-one-third-touch {
            flex: none;
            width: 33.3333%;
        }

        .column.is-one-quarter-touch {
            flex: none;
            width: 25%;
        }

        .column.is-one-fifth-touch {
            flex: none;
            width: 20%;
        }

        .column.is-two-fifths-touch {
            flex: none;
            width: 40%;
        }

        .column.is-three-fifths-touch {
            flex: none;
            width: 60%;
        }

        .column.is-four-fifths-touch {
            flex: none;
            width: 80%;
        }

        .column.is-offset-three-quarters-touch {
            margin-left: 75%;
        }

        .column.is-offset-two-thirds-touch {
            margin-left: 66.6666%;
        }

        .column.is-offset-half-touch {
            margin-left: 50%;
        }

        .column.is-offset-one-third-touch {
            margin-left: 33.3333%;
        }

        .column.is-offset-one-quarter-touch {
            margin-left: 25%;
        }

        .column.is-offset-one-fifth-touch {
            margin-left: 20%;
        }

        .column.is-offset-two-fifths-touch {
            margin-left: 40%;
        }

        .column.is-offset-three-fifths-touch {
            margin-left: 60%;
        }

        .column.is-offset-four-fifths-touch {
            margin-left: 80%;
        }

        .column.is-0-touch {
            flex: none;
            width: 0%;
        }

        .column.is-offset-0-touch {
            margin-left: 0%;
        }

        .column.is-1-touch {
            flex: none;
            width: 8.33333333%;
        }

        .column.is-offset-1-touch {
            margin-left: 8.33333333%;
        }

        .column.is-2-touch {
            flex: none;
            width: 16.66666667%;
        }

        .column.is-offset-2-touch {
            margin-left: 16.66666667%;
        }

        .column.is-3-touch {
            flex: none;
            width: 25%;
        }

        .column.is-offset-3-touch {
            margin-left: 25%;
        }

        .column.is-4-touch {
            flex: none;
            width: 33.33333333%;
        }

        .column.is-offset-4-touch {
            margin-left: 33.33333333%;
        }

        .column.is-5-touch {
            flex: none;
            width: 41.66666667%;
        }

        .column.is-offset-5-touch {
            margin-left: 41.66666667%;
        }

        .column.is-6-touch {
            flex: none;
            width: 50%;
        }

        .column.is-offset-6-touch {
            margin-left: 50%;
        }

        .column.is-7-touch {
            flex: none;
            width: 58.33333333%;
        }

        .column.is-offset-7-touch {
            margin-left: 58.33333333%;
        }

        .column.is-8-touch {
            flex: none;
            width: 66.66666667%;
        }

        .column.is-offset-8-touch {
            margin-left: 66.66666667%;
        }

        .column.is-9-touch {
            flex: none;
            width: 75%;
        }

        .column.is-offset-9-touch {
            margin-left: 75%;
        }

        .column.is-10-touch {
            flex: none;
            width: 83.33333333%;
        }

        .column.is-offset-10-touch {
            margin-left: 83.33333333%;
        }

        .column.is-11-touch {
            flex: none;
            width: 91.66666667%;
        }

        .column.is-offset-11-touch {
            margin-left: 91.66666667%;
        }

        .column.is-12-touch {
            flex: none;
            width: 100%;
        }

        .column.is-offset-12-touch {
            margin-left: 100%;
        }
    }

    @media screen and (min-width: 1024px) {
        .column.is-narrow-desktop {
            flex: none;
        }

        .column.is-full-desktop {
            flex: none;
            width: 100%;
        }

        .column.is-three-quarters-desktop {
            flex: none;
            width: 75%;
        }

        .column.is-two-thirds-desktop {
            flex: none;
            width: 66.6666%;
        }

        .column.is-half-desktop {
            flex: none;
            width: 50%;
        }

        .column.is-one-third-desktop {
            flex: none;
            width: 33.3333%;
        }

        .column.is-one-quarter-desktop {
            flex: none;
            width: 25%;
        }

        .column.is-one-fifth-desktop {
            flex: none;
            width: 20%;
        }

        .column.is-two-fifths-desktop {
            flex: none;
            width: 40%;
        }

        .column.is-three-fifths-desktop {
            flex: none;
            width: 60%;
        }

        .column.is-four-fifths-desktop {
            flex: none;
            width: 80%;
        }

        .column.is-offset-three-quarters-desktop {
            margin-left: 75%;
        }

        .column.is-offset-two-thirds-desktop {
            margin-left: 66.6666%;
        }

        .column.is-offset-half-desktop {
            margin-left: 50%;
        }

        .column.is-offset-one-third-desktop {
            margin-left: 33.3333%;
        }

        .column.is-offset-one-quarter-desktop {
            margin-left: 25%;
        }

        .column.is-offset-one-fifth-desktop {
            margin-left: 20%;
        }

        .column.is-offset-two-fifths-desktop {
            margin-left: 40%;
        }

        .column.is-offset-three-fifths-desktop {
            margin-left: 60%;
        }

        .column.is-offset-four-fifths-desktop {
            margin-left: 80%;
        }

        .column.is-0-desktop {
            flex: none;
            width: 0%;
        }

        .column.is-offset-0-desktop {
            margin-left: 0%;
        }

        .column.is-1-desktop {
            flex: none;
            width: 8.33333333%;
        }

        .column.is-offset-1-desktop {
            margin-left: 8.33333333%;
        }

        .column.is-2-desktop {
            flex: none;
            width: 16.66666667%;
        }

        .column.is-offset-2-desktop {
            margin-left: 16.66666667%;
        }

        .column.is-3-desktop {
            flex: none;
            width: 25%;
        }

        .column.is-offset-3-desktop {
            margin-left: 25%;
        }

        .column.is-4-desktop {
            flex: none;
            width: 33.33333333%;
        }

        .column.is-offset-4-desktop {
            margin-left: 33.33333333%;
        }

        .column.is-5-desktop {
            flex: none;
            width: 41.66666667%;
        }

        .column.is-offset-5-desktop {
            margin-left: 41.66666667%;
        }

        .column.is-6-desktop {
            flex: none;
            width: 50%;
        }

        .column.is-offset-6-desktop {
            margin-left: 50%;
        }

        .column.is-7-desktop {
            flex: none;
            width: 58.33333333%;
        }

        .column.is-offset-7-desktop {
            margin-left: 58.33333333%;
        }

        .column.is-8-desktop {
            flex: none;
            width: 66.66666667%;
        }

        .column.is-offset-8-desktop {
            margin-left: 66.66666667%;
        }

        .column.is-9-desktop {
            flex: none;
            width: 75%;
        }

        .column.is-offset-9-desktop {
            margin-left: 75%;
        }

        .column.is-10-desktop {
            flex: none;
            width: 83.33333333%;
        }

        .column.is-offset-10-desktop {
            margin-left: 83.33333333%;
        }

        .column.is-11-desktop {
            flex: none;
            width: 91.66666667%;
        }

        .column.is-offset-11-desktop {
            margin-left: 91.66666667%;
        }

        .column.is-12-desktop {
            flex: none;
            width: 100%;
        }

        .column.is-offset-12-desktop {
            margin-left: 100%;
        }
    }

    @media screen and (min-width: 1216px) {
        .column.is-narrow-widescreen {
            flex: none;
        }

        .column.is-full-widescreen {
            flex: none;
            width: 100%;
        }

        .column.is-three-quarters-widescreen {
            flex: none;
            width: 75%;
        }

        .column.is-two-thirds-widescreen {
            flex: none;
            width: 66.6666%;
        }

        .column.is-half-widescreen {
            flex: none;
            width: 50%;
        }

        .column.is-one-third-widescreen {
            flex: none;
            width: 33.3333%;
        }

        .column.is-one-quarter-widescreen {
            flex: none;
            width: 25%;
        }

        .column.is-one-fifth-widescreen {
            flex: none;
            width: 20%;
        }

        .column.is-two-fifths-widescreen {
            flex: none;
            width: 40%;
        }

        .column.is-three-fifths-widescreen {
            flex: none;
            width: 60%;
        }

        .column.is-four-fifths-widescreen {
            flex: none;
            width: 80%;
        }

        .column.is-offset-three-quarters-widescreen {
            margin-left: 75%;
        }

        .column.is-offset-two-thirds-widescreen {
            margin-left: 66.6666%;
        }

        .column.is-offset-half-widescreen {
            margin-left: 50%;
        }

        .column.is-offset-one-third-widescreen {
            margin-left: 33.3333%;
        }

        .column.is-offset-one-quarter-widescreen {
            margin-left: 25%;
        }

        .column.is-offset-one-fifth-widescreen {
            margin-left: 20%;
        }

        .column.is-offset-two-fifths-widescreen {
            margin-left: 40%;
        }

        .column.is-offset-three-fifths-widescreen {
            margin-left: 60%;
        }

        .column.is-offset-four-fifths-widescreen {
            margin-left: 80%;
        }

        .column.is-0-widescreen {
            flex: none;
            width: 0%;
        }

        .column.is-offset-0-widescreen {
            margin-left: 0%;
        }

        .column.is-1-widescreen {
            flex: none;
            width: 8.33333333%;
        }

        .column.is-offset-1-widescreen {
            margin-left: 8.33333333%;
        }

        .column.is-2-widescreen {
            flex: none;
            width: 16.66666667%;
        }

        .column.is-offset-2-widescreen {
            margin-left: 16.66666667%;
        }

        .column.is-3-widescreen {
            flex: none;
            width: 25%;
        }

        .column.is-offset-3-widescreen {
            margin-left: 25%;
        }

        .column.is-4-widescreen {
            flex: none;
            width: 33.33333333%;
        }

        .column.is-offset-4-widescreen {
            margin-left: 33.33333333%;
        }

        .column.is-5-widescreen {
            flex: none;
            width: 41.66666667%;
        }

        .column.is-offset-5-widescreen {
            margin-left: 41.66666667%;
        }

        .column.is-6-widescreen {
            flex: none;
            width: 50%;
        }

        .column.is-offset-6-widescreen {
            margin-left: 50%;
        }

        .column.is-7-widescreen {
            flex: none;
            width: 58.33333333%;
        }

        .column.is-offset-7-widescreen {
            margin-left: 58.33333333%;
        }

        .column.is-8-widescreen {
            flex: none;
            width: 66.66666667%;
        }

        .column.is-offset-8-widescreen {
            margin-left: 66.66666667%;
        }

        .column.is-9-widescreen {
            flex: none;
            width: 75%;
        }

        .column.is-offset-9-widescreen {
            margin-left: 75%;
        }

        .column.is-10-widescreen {
            flex: none;
            width: 83.33333333%;
        }

        .column.is-offset-10-widescreen {
            margin-left: 83.33333333%;
        }

        .column.is-11-widescreen {
            flex: none;
            width: 91.66666667%;
        }

        .column.is-offset-11-widescreen {
            margin-left: 91.66666667%;
        }

        .column.is-12-widescreen {
            flex: none;
            width: 100%;
        }

        .column.is-offset-12-widescreen {
            margin-left: 100%;
        }
    }

    @media screen and (min-width: 1408px) {
        .column.is-narrow-fullhd {
            flex: none;
        }

        .column.is-full-fullhd {
            flex: none;
            width: 100%;
        }

        .column.is-three-quarters-fullhd {
            flex: none;
            width: 75%;
        }

        .column.is-two-thirds-fullhd {
            flex: none;
            width: 66.6666%;
        }

        .column.is-half-fullhd {
            flex: none;
            width: 50%;
        }

        .column.is-one-third-fullhd {
            flex: none;
            width: 33.3333%;
        }

        .column.is-one-quarter-fullhd {
            flex: none;
            width: 25%;
        }

        .column.is-one-fifth-fullhd {
            flex: none;
            width: 20%;
        }

        .column.is-two-fifths-fullhd {
            flex: none;
            width: 40%;
        }

        .column.is-three-fifths-fullhd {
            flex: none;
            width: 60%;
        }

        .column.is-four-fifths-fullhd {
            flex: none;
            width: 80%;
        }

        .column.is-offset-three-quarters-fullhd {
            margin-left: 75%;
        }

        .column.is-offset-two-thirds-fullhd {
            margin-left: 66.6666%;
        }

        .column.is-offset-half-fullhd {
            margin-left: 50%;
        }

        .column.is-offset-one-third-fullhd {
            margin-left: 33.3333%;
        }

        .column.is-offset-one-quarter-fullhd {
            margin-left: 25%;
        }

        .column.is-offset-one-fifth-fullhd {
            margin-left: 20%;
        }

        .column.is-offset-two-fifths-fullhd {
            margin-left: 40%;
        }

        .column.is-offset-three-fifths-fullhd {
            margin-left: 60%;
        }

        .column.is-offset-four-fifths-fullhd {
            margin-left: 80%;
        }

        .column.is-0-fullhd {
            flex: none;
            width: 0%;
        }

        .column.is-offset-0-fullhd {
            margin-left: 0%;
        }

        .column.is-1-fullhd {
            flex: none;
            width: 8.33333333%;
        }

        .column.is-offset-1-fullhd {
            margin-left: 8.33333333%;
        }

        .column.is-2-fullhd {
            flex: none;
            width: 16.66666667%;
        }

        .column.is-offset-2-fullhd {
            margin-left: 16.66666667%;
        }

        .column.is-3-fullhd {
            flex: none;
            width: 25%;
        }

        .column.is-offset-3-fullhd {
            margin-left: 25%;
        }

        .column.is-4-fullhd {
            flex: none;
            width: 33.33333333%;
        }

        .column.is-offset-4-fullhd {
            margin-left: 33.33333333%;
        }

        .column.is-5-fullhd {
            flex: none;
            width: 41.66666667%;
        }

        .column.is-offset-5-fullhd {
            margin-left: 41.66666667%;
        }

        .column.is-6-fullhd {
            flex: none;
            width: 50%;
        }

        .column.is-offset-6-fullhd {
            margin-left: 50%;
        }

        .column.is-7-fullhd {
            flex: none;
            width: 58.33333333%;
        }

        .column.is-offset-7-fullhd {
            margin-left: 58.33333333%;
        }

        .column.is-8-fullhd {
            flex: none;
            width: 66.66666667%;
        }

        .column.is-offset-8-fullhd {
            margin-left: 66.66666667%;
        }

        .column.is-9-fullhd {
            flex: none;
            width: 75%;
        }

        .column.is-offset-9-fullhd {
            margin-left: 75%;
        }

        .column.is-10-fullhd {
            flex: none;
            width: 83.33333333%;
        }

        .column.is-offset-10-fullhd {
            margin-left: 83.33333333%;
        }

        .column.is-11-fullhd {
            flex: none;
            width: 91.66666667%;
        }

        .column.is-offset-11-fullhd {
            margin-left: 91.66666667%;
        }

        .column.is-12-fullhd {
            flex: none;
            width: 100%;
        }

        .column.is-offset-12-fullhd {
            margin-left: 100%;
        }
    }

    .columns {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem;
    }

    .columns:last-child {
        margin-bottom: -0.75rem;
    }

    .columns:not(:last-child) {
        margin-bottom: calc(1.5rem - 0.75rem);
    }

    .columns.is-centered {
        justify-content: center;
    }

    .columns.is-gapless {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

    .columns.is-gapless > .column {
        margin: 0;
        padding: 0 !important;
    }

    .columns.is-gapless:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .columns.is-gapless:last-child {
        margin-bottom: 0;
    }

    .columns.is-mobile {
        display: flex;
    }

    .columns.is-multiline {
        flex-wrap: wrap;
    }

    .columns.is-vcentered {
        align-items: center;
    }

    @media screen and (min-width: 769px),
    print {
        .columns:not(.is-desktop) {
            display: flex;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-desktop {
            display: flex;
        }
    }

    .columns.is-variable {
        --columnGap: 0.75rem;
        margin-left: calc(-1 * var(--columnGap));
        margin-right: calc(-1 * var(--columnGap));
    }

    .columns.is-variable .column {
        padding-left: var(--columnGap);
        padding-right: var(--columnGap);
    }

    .columns.is-variable.is-0 {
        --columnGap: 0rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-0-mobile {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-0-tablet {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-0-tablet-only {
            --columnGap: 0rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-0-touch {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-0-desktop {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-0-desktop-only {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-0-widescreen {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-0-widescreen-only {
            --columnGap: 0rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-0-fullhd {
            --columnGap: 0rem;
        }
    }

    .columns.is-variable.is-1 {
        --columnGap: 0.25rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-1-mobile {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-1-tablet {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-1-tablet-only {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-1-touch {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-1-desktop {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-1-desktop-only {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-1-widescreen {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-1-widescreen-only {
            --columnGap: 0.25rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-1-fullhd {
            --columnGap: 0.25rem;
        }
    }

    .columns.is-variable.is-2 {
        --columnGap: 0.5rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-2-mobile {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-2-tablet {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-2-tablet-only {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-2-touch {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-2-desktop {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-2-desktop-only {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-2-widescreen {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-2-widescreen-only {
            --columnGap: 0.5rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-2-fullhd {
            --columnGap: 0.5rem;
        }
    }

    .columns.is-variable.is-3 {
        --columnGap: 0.75rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-3-mobile {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-3-tablet {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-3-tablet-only {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-3-touch {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-3-desktop {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-3-desktop-only {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-3-widescreen {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-3-widescreen-only {
            --columnGap: 0.75rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-3-fullhd {
            --columnGap: 0.75rem;
        }
    }

    .columns.is-variable.is-4 {
        --columnGap: 1rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-4-mobile {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-4-tablet {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-4-tablet-only {
            --columnGap: 1rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-4-touch {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-4-desktop {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-4-desktop-only {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-4-widescreen {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-4-widescreen-only {
            --columnGap: 1rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-4-fullhd {
            --columnGap: 1rem;
        }
    }

    .columns.is-variable.is-5 {
        --columnGap: 1.25rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-5-mobile {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-5-tablet {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-5-tablet-only {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-5-touch {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-5-desktop {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-5-desktop-only {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-5-widescreen {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-5-widescreen-only {
            --columnGap: 1.25rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-5-fullhd {
            --columnGap: 1.25rem;
        }
    }

    .columns.is-variable.is-6 {
        --columnGap: 1.5rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-6-mobile {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-6-tablet {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-6-tablet-only {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-6-touch {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-6-desktop {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-6-desktop-only {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-6-widescreen {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-6-widescreen-only {
            --columnGap: 1.5rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-6-fullhd {
            --columnGap: 1.5rem;
        }
    }

    .columns.is-variable.is-7 {
        --columnGap: 1.75rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-7-mobile {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-7-tablet {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-7-tablet-only {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-7-touch {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-7-desktop {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-7-desktop-only {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-7-widescreen {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-7-widescreen-only {
            --columnGap: 1.75rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-7-fullhd {
            --columnGap: 1.75rem;
        }
    }

    .columns.is-variable.is-8 {
        --columnGap: 2rem;
    }

    @media screen and (max-width: 768px) {
        .columns.is-variable.is-8-mobile {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .columns.is-variable.is-8-tablet {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1023px) {
        .columns.is-variable.is-8-tablet-only {
            --columnGap: 2rem;
        }
    }

    @media screen and (max-width: 1023px) {
        .columns.is-variable.is-8-touch {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 1024px) {
        .columns.is-variable.is-8-desktop {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1215px) {
        .columns.is-variable.is-8-desktop-only {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 1216px) {
        .columns.is-variable.is-8-widescreen {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 1216px) and (max-width: 1407px) {
        .columns.is-variable.is-8-widescreen-only {
            --columnGap: 2rem;
        }
    }

    @media screen and (min-width: 1408px) {
        .columns.is-variable.is-8-fullhd {
            --columnGap: 2rem;
        }
    }

    .tile {
        align-items: stretch;
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        min-height: -webkit-min-content;
        min-height: -moz-min-content;
        min-height: min-content;
    }

    .tile.is-ancestor {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: -0.75rem;
    }

    .tile.is-ancestor:last-child {
        margin-bottom: -0.75rem;
    }

    .tile.is-ancestor:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .tile.is-child {
        margin: 0 !important;
    }

    .tile.is-parent {
        padding: 0.75rem;
    }

    .tile.is-vertical {
        flex-direction: column;
    }

    .tile.is-vertical > .tile.is-child:not(:last-child) {
        margin-bottom: 1.5rem !important;
    }

    @media screen and (min-width: 769px),
    print {
        .tile:not(.is-child) {
            display: flex;
        }

        .tile.is-1 {
            flex: none;
            width: 8.33333333%;
        }

        .tile.is-2 {
            flex: none;
            width: 16.66666667%;
        }

        .tile.is-3 {
            flex: none;
            width: 25%;
        }

        .tile.is-4 {
            flex: none;
            width: 33.33333333%;
        }

        .tile.is-5 {
            flex: none;
            width: 41.66666667%;
        }

        .tile.is-6 {
            flex: none;
            width: 50%;
        }

        .tile.is-7 {
            flex: none;
            width: 58.33333333%;
        }

        .tile.is-8 {
            flex: none;
            width: 66.66666667%;
        }

        .tile.is-9 {
            flex: none;
            width: 75%;
        }

        .tile.is-10 {
            flex: none;
            width: 83.33333333%;
        }

        .tile.is-11 {
            flex: none;
            width: 91.66666667%;
        }

        .tile.is-12 {
            flex: none;
            width: 100%;
        }
    }

    .hero {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hero .navbar {
        background: none;
    }

    .hero .tabs ul {
        border-bottom: none;
    }

    .hero.is-white {
        background-color: white;
        color: #0a0a0a;
    }

    .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-white strong {
        color: inherit;
    }

    .hero.is-white .title {
        color: #0a0a0a;
    }

    .hero.is-white .subtitle {
        color: rgba(10, 10, 10, 0.9);
    }

    .hero.is-white .subtitle a:not(.button),
    .hero.is-white .subtitle strong {
        color: #0a0a0a;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-white .navbar-menu {
            background-color: white;
        }
    }

    .hero.is-white .navbar-item,
    .hero.is-white .navbar-link {
        color: rgba(10, 10, 10, 0.7);
    }

    .hero.is-white a.navbar-item:hover,
    .hero.is-white a.navbar-item.is-active,
    .hero.is-white .navbar-link:hover,
    .hero.is-white .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a;
    }

    .hero.is-white .tabs a {
        color: #0a0a0a;
        opacity: 0.9;
    }

    .hero.is-white .tabs a:hover {
        opacity: 1;
    }

    .hero.is-white .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-white .tabs.is-boxed a,
    .hero.is-white .tabs.is-toggle a {
        color: #0a0a0a;
    }

    .hero.is-white .tabs.is-boxed a:hover,
    .hero.is-white .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-white .tabs.is-boxed li.is-active a,
    .hero.is-white .tabs.is-boxed li.is-active a:hover,
    .hero.is-white .tabs.is-toggle li.is-active a,
    .hero.is-white .tabs.is-toggle li.is-active a:hover {
        background-color: #0a0a0a;
        border-color: #0a0a0a;
        color: white;
    }

    .hero.is-white.is-bold {
        background-image: linear-gradient(141deg, #e6e5e5 0%, white 71%, white 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-white.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #e6e5e5 0%, white 71%, white 100%);
        }
    }

    .hero.is-black {
        background-color: #0a0a0a;
        color: white;
    }

    .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-black strong {
        color: inherit;
    }

    .hero.is-black .title {
        color: white;
    }

    .hero.is-black .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-black .subtitle a:not(.button),
    .hero.is-black .subtitle strong {
        color: white;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-black .navbar-menu {
            background-color: #0a0a0a;
        }
    }

    .hero.is-black .navbar-item,
    .hero.is-black .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-black a.navbar-item:hover,
    .hero.is-black a.navbar-item.is-active,
    .hero.is-black .navbar-link:hover,
    .hero.is-black .navbar-link.is-active {
        background-color: black;
        color: white;
    }

    .hero.is-black .tabs a {
        color: white;
        opacity: 0.9;
    }

    .hero.is-black .tabs a:hover {
        opacity: 1;
    }

    .hero.is-black .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-black .tabs.is-boxed a,
    .hero.is-black .tabs.is-toggle a {
        color: white;
    }

    .hero.is-black .tabs.is-boxed a:hover,
    .hero.is-black .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-black .tabs.is-boxed li.is-active a,
    .hero.is-black .tabs.is-boxed li.is-active a:hover,
    .hero.is-black .tabs.is-toggle li.is-active a,
    .hero.is-black .tabs.is-toggle li.is-active a:hover {
        background-color: white;
        border-color: white;
        color: #0a0a0a;
    }

    .hero.is-black.is-bold {
        background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-black.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%);
        }
    }

    .hero.is-light {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-light strong {
        color: inherit;
    }

    .hero.is-light .title {
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-light .subtitle {
        color: rgba(0, 0, 0, 0.9);
    }

    .hero.is-light .subtitle a:not(.button),
    .hero.is-light .subtitle strong {
        color: rgba(0, 0, 0, 0.7);
    }

    @media screen and (max-width: 1023px) {
        .hero.is-light .navbar-menu {
            background-color: whitesmoke;
        }
    }

    .hero.is-light .navbar-item,
    .hero.is-light .navbar-link {
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-light a.navbar-item:hover,
    .hero.is-light a.navbar-item.is-active,
    .hero.is-light .navbar-link:hover,
    .hero.is-light .navbar-link.is-active {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-light .tabs a {
        color: rgba(0, 0, 0, 0.7);
        opacity: 0.9;
    }

    .hero.is-light .tabs a:hover {
        opacity: 1;
    }

    .hero.is-light .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-light .tabs.is-boxed a,
    .hero.is-light .tabs.is-toggle a {
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-light .tabs.is-boxed a:hover,
    .hero.is-light .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-light .tabs.is-boxed li.is-active a,
    .hero.is-light .tabs.is-boxed li.is-active a:hover,
    .hero.is-light .tabs.is-toggle li.is-active a,
    .hero.is-light .tabs.is-toggle li.is-active a:hover {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: rgba(0, 0, 0, 0.7);
        color: whitesmoke;
    }

    .hero.is-light.is-bold {
        background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-light.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%);
        }
    }

    .hero.is-dark {
        background-color: #363636;
        color: #fff;
    }

    .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-dark strong {
        color: inherit;
    }

    .hero.is-dark .title {
        color: #fff;
    }

    .hero.is-dark .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-dark .subtitle a:not(.button),
    .hero.is-dark .subtitle strong {
        color: #fff;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-dark .navbar-menu {
            background-color: #363636;
        }
    }

    .hero.is-dark .navbar-item,
    .hero.is-dark .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-dark a.navbar-item:hover,
    .hero.is-dark a.navbar-item.is-active,
    .hero.is-dark .navbar-link:hover,
    .hero.is-dark .navbar-link.is-active {
        background-color: #292929;
        color: #fff;
    }

    .hero.is-dark .tabs a {
        color: #fff;
        opacity: 0.9;
    }

    .hero.is-dark .tabs a:hover {
        opacity: 1;
    }

    .hero.is-dark .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-dark .tabs.is-boxed a,
    .hero.is-dark .tabs.is-toggle a {
        color: #fff;
    }

    .hero.is-dark .tabs.is-boxed a:hover,
    .hero.is-dark .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-dark .tabs.is-boxed li.is-active a,
    .hero.is-dark .tabs.is-boxed li.is-active a:hover,
    .hero.is-dark .tabs.is-toggle li.is-active a,
    .hero.is-dark .tabs.is-toggle li.is-active a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #363636;
    }

    .hero.is-dark.is-bold {
        background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-dark.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%);
        }
    }

    .hero.is-primary {
        background-color: #00d1b2;
        color: #fff;
    }

    .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-primary strong {
        color: inherit;
    }

    .hero.is-primary .title {
        color: #fff;
    }

    .hero.is-primary .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-primary .subtitle a:not(.button),
    .hero.is-primary .subtitle strong {
        color: #fff;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-primary .navbar-menu {
            background-color: #00d1b2;
        }
    }

    .hero.is-primary .navbar-item,
    .hero.is-primary .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-primary a.navbar-item:hover,
    .hero.is-primary a.navbar-item.is-active,
    .hero.is-primary .navbar-link:hover,
    .hero.is-primary .navbar-link.is-active {
        background-color: #00b89c;
        color: #fff;
    }

    .hero.is-primary .tabs a {
        color: #fff;
        opacity: 0.9;
    }

    .hero.is-primary .tabs a:hover {
        opacity: 1;
    }

    .hero.is-primary .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-primary .tabs.is-boxed a,
    .hero.is-primary .tabs.is-toggle a {
        color: #fff;
    }

    .hero.is-primary .tabs.is-boxed a:hover,
    .hero.is-primary .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-primary .tabs.is-boxed li.is-active a,
    .hero.is-primary .tabs.is-boxed li.is-active a:hover,
    .hero.is-primary .tabs.is-toggle li.is-active a,
    .hero.is-primary .tabs.is-toggle li.is-active a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #00d1b2;
    }

    .hero.is-primary.is-bold {
        background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-primary.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%);
        }
    }

    .hero.is-link {
        background-color: #3273dc;
        color: #fff;
    }

    .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-link strong {
        color: inherit;
    }

    .hero.is-link .title {
        color: #fff;
    }

    .hero.is-link .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-link .subtitle a:not(.button),
    .hero.is-link .subtitle strong {
        color: #fff;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-link .navbar-menu {
            background-color: #3273dc;
        }
    }

    .hero.is-link .navbar-item,
    .hero.is-link .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-link a.navbar-item:hover,
    .hero.is-link a.navbar-item.is-active,
    .hero.is-link .navbar-link:hover,
    .hero.is-link .navbar-link.is-active {
        background-color: #2366d1;
        color: #fff;
    }

    .hero.is-link .tabs a {
        color: #fff;
        opacity: 0.9;
    }

    .hero.is-link .tabs a:hover {
        opacity: 1;
    }

    .hero.is-link .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-link .tabs.is-boxed a,
    .hero.is-link .tabs.is-toggle a {
        color: #fff;
    }

    .hero.is-link .tabs.is-boxed a:hover,
    .hero.is-link .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-link .tabs.is-boxed li.is-active a,
    .hero.is-link .tabs.is-boxed li.is-active a:hover,
    .hero.is-link .tabs.is-toggle li.is-active a,
    .hero.is-link .tabs.is-toggle li.is-active a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #3273dc;
    }

    .hero.is-link.is-bold {
        background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-link.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%);
        }
    }

    .hero.is-info {
        background-color: #3298dc;
        color: #fff;
    }

    .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-info strong {
        color: inherit;
    }

    .hero.is-info .title {
        color: #fff;
    }

    .hero.is-info .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-info .subtitle a:not(.button),
    .hero.is-info .subtitle strong {
        color: #fff;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-info .navbar-menu {
            background-color: #3298dc;
        }
    }

    .hero.is-info .navbar-item,
    .hero.is-info .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-info a.navbar-item:hover,
    .hero.is-info a.navbar-item.is-active,
    .hero.is-info .navbar-link:hover,
    .hero.is-info .navbar-link.is-active {
        background-color: #238cd1;
        color: #fff;
    }

    .hero.is-info .tabs a {
        color: #fff;
        opacity: 0.9;
    }

    .hero.is-info .tabs a:hover {
        opacity: 1;
    }

    .hero.is-info .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-info .tabs.is-boxed a,
    .hero.is-info .tabs.is-toggle a {
        color: #fff;
    }

    .hero.is-info .tabs.is-boxed a:hover,
    .hero.is-info .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-info .tabs.is-boxed li.is-active a,
    .hero.is-info .tabs.is-boxed li.is-active a:hover,
    .hero.is-info .tabs.is-toggle li.is-active a,
    .hero.is-info .tabs.is-toggle li.is-active a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #3298dc;
    }

    .hero.is-info.is-bold {
        background-image: linear-gradient(141deg, #159dc6 0%, #3298dc 71%, #4389e5 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-info.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #159dc6 0%, #3298dc 71%, #4389e5 100%);
        }
    }

    .hero.is-success {
        background-color: #48c774;
        color: #fff;
    }

    .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-success strong {
        color: inherit;
    }

    .hero.is-success .title {
        color: #fff;
    }

    .hero.is-success .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-success .subtitle a:not(.button),
    .hero.is-success .subtitle strong {
        color: #fff;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-success .navbar-menu {
            background-color: #48c774;
        }
    }

    .hero.is-success .navbar-item,
    .hero.is-success .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-success a.navbar-item:hover,
    .hero.is-success a.navbar-item.is-active,
    .hero.is-success .navbar-link:hover,
    .hero.is-success .navbar-link.is-active {
        background-color: #3abb67;
        color: #fff;
    }

    .hero.is-success .tabs a {
        color: #fff;
        opacity: 0.9;
    }

    .hero.is-success .tabs a:hover {
        opacity: 1;
    }

    .hero.is-success .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-success .tabs.is-boxed a,
    .hero.is-success .tabs.is-toggle a {
        color: #fff;
    }

    .hero.is-success .tabs.is-boxed a:hover,
    .hero.is-success .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-success .tabs.is-boxed li.is-active a,
    .hero.is-success .tabs.is-boxed li.is-active a:hover,
    .hero.is-success .tabs.is-toggle li.is-active a,
    .hero.is-success .tabs.is-toggle li.is-active a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #48c774;
    }

    .hero.is-success.is-bold {
        background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-success.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%);
        }
    }

    .hero.is-warning {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-warning strong {
        color: inherit;
    }

    .hero.is-warning .title {
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-warning .subtitle {
        color: rgba(0, 0, 0, 0.9);
    }

    .hero.is-warning .subtitle a:not(.button),
    .hero.is-warning .subtitle strong {
        color: rgba(0, 0, 0, 0.7);
    }

    @media screen and (max-width: 1023px) {
        .hero.is-warning .navbar-menu {
            background-color: #ffdd57;
        }
    }

    .hero.is-warning .navbar-item,
    .hero.is-warning .navbar-link {
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-warning a.navbar-item:hover,
    .hero.is-warning a.navbar-item.is-active,
    .hero.is-warning .navbar-link:hover,
    .hero.is-warning .navbar-link.is-active {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-warning .tabs a {
        color: rgba(0, 0, 0, 0.7);
        opacity: 0.9;
    }

    .hero.is-warning .tabs a:hover {
        opacity: 1;
    }

    .hero.is-warning .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-warning .tabs.is-boxed a,
    .hero.is-warning .tabs.is-toggle a {
        color: rgba(0, 0, 0, 0.7);
    }

    .hero.is-warning .tabs.is-boxed a:hover,
    .hero.is-warning .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-warning .tabs.is-boxed li.is-active a,
    .hero.is-warning .tabs.is-boxed li.is-active a:hover,
    .hero.is-warning .tabs.is-toggle li.is-active a,
    .hero.is-warning .tabs.is-toggle li.is-active a:hover {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: rgba(0, 0, 0, 0.7);
        color: #ffdd57;
    }

    .hero.is-warning.is-bold {
        background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-warning.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%);
        }
    }

    .hero.is-danger {
        background-color: #f14668;
        color: #fff;
    }

    .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
    .hero.is-danger strong {
        color: inherit;
    }

    .hero.is-danger .title {
        color: #fff;
    }

    .hero.is-danger .subtitle {
        color: rgba(255, 255, 255, 0.9);
    }

    .hero.is-danger .subtitle a:not(.button),
    .hero.is-danger .subtitle strong {
        color: #fff;
    }

    @media screen and (max-width: 1023px) {
        .hero.is-danger .navbar-menu {
            background-color: #f14668;
        }
    }

    .hero.is-danger .navbar-item,
    .hero.is-danger .navbar-link {
        color: rgba(255, 255, 255, 0.7);
    }

    .hero.is-danger a.navbar-item:hover,
    .hero.is-danger a.navbar-item.is-active,
    .hero.is-danger .navbar-link:hover,
    .hero.is-danger .navbar-link.is-active {
        background-color: #ef2e55;
        color: #fff;
    }

    .hero.is-danger .tabs a {
        color: #fff;
        opacity: 0.9;
    }

    .hero.is-danger .tabs a:hover {
        opacity: 1;
    }

    .hero.is-danger .tabs li.is-active a {
        opacity: 1;
    }

    .hero.is-danger .tabs.is-boxed a,
    .hero.is-danger .tabs.is-toggle a {
        color: #fff;
    }

    .hero.is-danger .tabs.is-boxed a:hover,
    .hero.is-danger .tabs.is-toggle a:hover {
        background-color: rgba(10, 10, 10, 0.1);
    }

    .hero.is-danger .tabs.is-boxed li.is-active a,
    .hero.is-danger .tabs.is-boxed li.is-active a:hover,
    .hero.is-danger .tabs.is-toggle li.is-active a,
    .hero.is-danger .tabs.is-toggle li.is-active a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #f14668;
    }

    .hero.is-danger.is-bold {
        background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
    }

    @media screen and (max-width: 768px) {
        .hero.is-danger.is-bold .navbar-menu {
            background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%);
        }
    }

    .hero.is-small .hero-body {
        padding: 1.5rem;
    }

    @media screen and (min-width: 769px),
    print {
        .hero.is-medium .hero-body {
            padding: 9rem 1.5rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .hero.is-large .hero-body {
            padding: 18rem 1.5rem;
        }
    }

    .hero.is-halfheight .hero-body,
    .hero.is-fullheight .hero-body,
    .hero.is-fullheight-with-navbar .hero-body {
        align-items: center;
        display: flex;
    }

    .hero.is-halfheight .hero-body > .container,
    .hero.is-fullheight .hero-body > .container,
    .hero.is-fullheight-with-navbar .hero-body > .container {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .hero.is-halfheight {
        min-height: 50vh;
    }

    .hero.is-fullheight {
        min-height: 100vh;
    }

    .hero-video {
        overflow: hidden;
    }

    .hero-video video {
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
    }

    .hero-video.is-transparent {
        opacity: 0.3;
    }

    @media screen and (max-width: 768px) {
        .hero-video {
            display: none;
        }
    }

    .hero-buttons {
        margin-top: 1.5rem;
    }

    @media screen and (max-width: 768px) {
        .hero-buttons .button {
            display: flex;
        }

        .hero-buttons .button:not(:last-child) {
            margin-bottom: 0.75rem;
        }
    }

    @media screen and (min-width: 769px),
    print {
        .hero-buttons {
            display: flex;
            justify-content: center;
        }

        .hero-buttons .button:not(:last-child) {
            margin-right: 1.5rem;
        }
    }

    .hero-head,
    .hero-foot {
        flex-grow: 0;
        flex-shrink: 0;
    }

    .hero-body {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 3rem 1.5rem;
    }

    .section {
        padding: 3rem 1.5rem;
    }

    @media screen and (min-width: 1024px) {
        .section.is-medium {
            padding: 9rem 1.5rem;
        }

        .section.is-large {
            padding: 18rem 1.5rem;
        }
    }

    .footer {
        background-color: #fafafa;
        padding: 3rem 1.5rem 6rem;
    }

    /* ==========================================================================
App custom styles
========================================================================== */
    /*  Site Variables Defined   ================================================ */
    /*  Auqa Green with Dark Blue - Theme Variables */
    /* Generic Color Vaiables  */
    /* Layout or Component Specific Color Vaiables  */
    /*  Site Variables Defined   ================================================ */
    /*  Auqa Green with Dark Blue - Theme Variables */
    /* Generic Color Vaiables  */
    /*$primary-color      : #0b132b;
$secondary-color    : #ea1c3e;
$typography-dcolor  : #2f2e2e;  // d stands for Dark shade
$typography-lcolor  : #bbc2ce;  // l stands for light shade

//Follow up colors
$tertiary-color     : #30bced;  // Can be used for links, any other active state highlights (e.g: sort, filter) where secondary color can't be used. Alternates - #0072bc, 3386bc
$subtle-dcolor      : #9fa2aa;  // If required can be used for border and subheading text depends on the context, d stands for Dark shade
$subtle-lcolor      : #edf0f2;  // If required can be used for border and subheading text depends on the context, l stands for light shade
$generic-bgcolor    : #f4efef;  // Used as a generic background for any sections, card, body, etc.

//Netural colors
$complete-white-color : #ffffff;
$black-color          : #010101;
$grey-color           : #909090;*/
    /* Layout or Component Specific Color Vaiables  */
    /*  Resets   =============================================================== */
    html,
    body {
        width: 100%;
        height: 100%;
    }

    html {
        overflow-y: auto;
    }

    body {
        min-height: 100%;
        font-family: 'Open Sans', sans-serif;
        overflow-x: hidden;
        overflow-y: auto;
        background-image: url('bg.png');
        background-color: #eceffe;
        background-attachment: fixed;
        color: #2f2e2e;
        padding: 0;
    }

    a {
        color: #565c78;
    }

    ul.reset,
    ol.reset {
        margin: 0;
        padding: 0;
    }

    ul.reset li,
    ol.reset li {
        list-style: none;
    }

    textarea {
        resize: vertical;
    }

    form input,
    form select,
    .font-grey {
        color: #9fa2aa !important;
    }

    form label {
        font-size: 16px;
    }

    /*.badge {
    background-color: #428bca;
}*/
    /*label {
    font-weight: 700;
    font-size: 15px;
}*/
    .browsehappy {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
    }

    /* ==========================================================================
Login Container page - styles
========================================================================== */
    .signin-container {
        padding: 8% 0;
        transition: all 3s ease-in-out;
    }

    .signin-container .card {
        padding: 20px;
        border-radius: 2px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .signin-container .card .brand p {
        padding: 10px 0px 15px;
        font-size: 15px;
    }

    .signin-container .card .login-form .input {
        height: 2.5em;
        color: #2f2e2e !important;
    }

    .signin-container .card .login-form .icon {
        height: 2.5em;
    }

    .signin-container .card .pri-cus-btn {
        width: 100%;
        margin-bottom: 20px;
        padding: 10px 15px;
        background: #3273dc;
    }

    .signin-container .card .pri-cus-btn { 
        color: #fff;
    }
    .signin-container .card .f-sm label {
        font-size: 15px;
    }

    .signin-container .card .f-sm a {
        font-size: 15px;
        color: #039be5;
    }

    .signin-container .notification {
        background-color: inherit;
    }

    .signin-container .notification p {
        padding: 0px 20px;
        margin-top: 15px;
    }

    .sign-footer {
        background: #303030;
        color: #fff;
        padding: 7px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        box-shadow: rgba(0, 0, 0, 0.7) 0 -1px 2px 0;
    }

    .sign-footer footer {
        min-height: 45px;
    }

    .sign-footer a {
        color: #fff;
        padding: 0 15px;
    }

    .sign-footer a:hover {
        text-decoration: underline;
    }

    /* ==========================================================================
 Initial page - styles
========================================================================== */
    .header-wrapper nav {
        background: #3e55a1;
    }

    .header-wrapper nav .navbar-start a {
        cursor: default;
    }

    .header-wrapper nav .navbar-start img {
        padding-top: 5px;
    }

    .header-wrapper nav .navbar-end .navbar-link::after {
        border-color: #eceffe !important;
    }

    .header-wrapper .navbar-link:hover {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

    .header-wrapper .navbar-link img {
        border-radius: 100%;
    }

    .header-wrapper .navbar-item img {
        max-height: 2.15rem;
    }

    .header-wrapper .navbar-link .icon {
        position: absolute;
        top: 30px;
        right: 35px;
    }

    .header-wrapper .navbar-link .fa {
        font-size: 12px !important;
    }

    .header-wrapper .navbar-dropdown .navbar-item .fa {
        font-size: 12px !important;
        margin-right: 10px;
    }

    .header-wrapper .nested.dropdown:hover > .dropdown-menu {
        display: block;
    }

    .header-wrapper .nested.dropdown .dropdown-menu {
        top: -13px;
        left: -193px;
    }

    .header-wrapper .nested.dropdown .dropdown-content .has-text-grey {
        padding: 4px 15px;
    }

    .header-wrapper .nested.dropdown .dropdown-menu input {
        cursor: inherit;
    }

    .header-wrapper .nested.dropdown .dropdown-trigger::after {
        content: '\f105';
        font-family: FontAwesome;
        position: absolute;
        right: 14px;
    }

    .header-wrapper .nested.dropdown .fa {
        margin-top: 5px;
    }

    .navbar-item.has-dropdown:hover .navbar-link,
    .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: rgba(0, 0, 0, 0.1) !important;
    }

    .nav-item img {
        max-height: none !important;
        max-width: 96% !important;
        margin-left: 4px !important;
    }

    .tabs li.is-active a {
        border-bottom-color: #288ecd;
        color: #288ecd;
    }

    .tabs li.is-active a:hover {
        border-bottom-color: #288ecd;
        color: #288ecd;
    }

    .hint-relative a {
        color: #fff !important;
    }

    /* ==========================================================================
Basic three panel structure with flex
========================================================================== */
    .flex-grid {
        display: flex;
        align-items: stretch;
        height: calc(100vh - 57px);
    }

    .flex-grid .fi-p {
        flex: 0 0 90px;
        padding: 0px;
    }

    .flex-grid .se-p {
        flex: 0 1 320px;
        background: #ffffff;
        color: #565c78;

    }

    .flex-grid .fo-p {
        flex: 1 1 180px;
        min-width: 300px;
        background: #ffffff;
        color: #565c78;
        height: calc(100vh - 57px);
        border-left: 1px solid #dcdcdc;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .flex-grid .th-p {
        display: flex;
        flex-direction: column;
        flex: 2 2 250px;
    }

    footer {
        padding: 0;
        min-height: 62px;
        order: 3;
        position: relative;
        flex: none;
        width: 100%;
        box-sizing: border-box;
        z-index: 1;
    }

    header {
        display: flex;
        box-sizing: border-box;
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        order: 1;
        position: relative;
        flex: none;
        height: 56px;
        width: 100%;
        background-color: #ffffff;
        box-sizing: border-box;
        padding: 10px;
        position: relative;
        z-index: 5;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .th-p .contents {
        order: 2;
        flex: 1 1 0;
        position: relative;
        order: 2;
    }

    .th-p .contents > div {
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        border-left: 1px solid rgba(0, 0, 0, 0.03);
        transition: background .3s ease-out .1s;
        background-color: transparent;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    /* ==========================================================================
Chats Container page - styles
========================================================================== */
    .chats .chat-name {
        position: relative;
    }

    .chats .chat-name .image-1 {
        position: absolute;
        top: 20%;
        left: 8px;
        z-index: 6;
    }

    .chats .chat-name .image-2 {
        position: absolute;
        top: 20%;
        left: 14px;
        z-index: 5;
    }

    .chats .chat-name .image-3 {
        position: absolute;
        top: 20%;
        left: 20px;
        z-index: 4;
    }

    .chats .chat-name .image-4 {
        position: absolute;
        top: 20%;
        left: 26px;
        z-index: 3;
    }

    .chats .chat-name .image-5 {
        position: absolute;
        top: 20%;
        left: 32px;
        z-index: 2;
    }

    .chats .chat-name .image-6 {
        position: absolute;
        top: 20%;
        left: 38px;
        z-index: 1;
    }

    .chats .chat-name .see-more {
        position: absolute;
        top: 34%;
        left: 80px;
    }

    .chats .chat-name img {
        margin-right: 5px;
        max-width: 36px;
        border-radius: 100%;
    }

    .chats .chat-name span.chat-title-name {
        line-height: 35px;
    }

    .chats .chat-name h3 {
        margin-top: 5px !important;
    }

    .chats .chat-name h3.chat-title-name {
        position: absolute;
        left: 3%;
    }

    .chats .chat-name .chat-title-tag {
        position: absolute;
        top: 64%;
        left: 44.5%;
    }

    .chats .chat-name .fa-chevron-left,
    .chats .chat-name .fa-chevron-right {
        line-height: 36px;
        padding-right: 7px;
        font-size: 14px !important;
        cursor: pointer;
    }

    .chats a {
        color: #3273dc;
    }

    .chats .chat-list .is-pulled-right.oposite {
        background: #d4dbf2;
    }

    .chats .chat-list .box {
        position: relative;
    }

    .chats .chat-list article.right-top:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -23px;
        top: -1px;
        bottom: auto;
        border: 21px solid;
        border-color: #d4dbf2 transparent transparent transparent;
    }

    .chats .chat-list article.right-top:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -20px;
        top: 0px;
        bottom: auto;
        border: 20px solid;
        border-color: #d4dbf2 transparent transparent transparent;
    }

    .chats .chat-list article.left-top:before {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -21px;
        right: auto;
        top: -1px;
        bottom: auto;
        border: 20px solid;
        border-color: #dcdcdc transparent transparent transparent;
    }

    .chats .chat-list article.left-top:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: -19px;
        right: auto;
        top: 0px;
        bottom: auto;
        border: 20px solid;
        border-color: white transparent transparent transparent;
    }

    .chats .chat-list figure {
        margin: 0.5em 0.5em 0;
    }

    .chats .chat-list figure img {
        border-radius: 100%;
    }

    .chats .chat-list i.fa-ellipsis-h {
        font-size: 18px;
        color: #b9b5b5;
    }

    .chats .chat-flex {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100%;
    }

    .chats .box {
        padding: 0.5rem;
        max-width: 50%;
        min-width: 225px;
        display: inline-block;
    }

    .chats .box .chat-time {
        color: #9fa2aa;
        font-size: 11px;
        padding-left: .225rem;
    }

    .chats .box .size-14.normal-chat-content span {
        display: flex !important;
    }

    .chats .box .size-14.normal-chat-content.file-links span {
        display: block !important;
    }

    .chats .chat-file-type {
        position: relative;
    }

    .chats .chat-file-type .media-content {
        overflow-x: hidden;
    }

    .chats .chat-file-type .media-content strong {
        text-transform: capitalize;
    }

    .chats .chat-file-type .chat-msg-image {
        cursor: pointer;
    }

    .chats .chat-file-type .chat-msg-image img {
        min-height: 150px;
        height: 150px;
        min-width: 100%;
        width: 100%;
    }

    .chats .chat-file-type .chat-msg-image .image-hover {
        display: none;
        padding: 10px 20px;
        position: absolute;
        background: #fff;
        width: 94%;
        opacity: 0.8;
        left: 8px;
        top: 141px;
    }

    .chats .chat-file-type .chat-msg-image .image-hover .image-download {
        position: absolute;
        right: 10px;
    }

    .chats .chat-file-type .chat-msg-image .video-play {
        position: absolute;
        top: 48%;
        left: 45%;
    }

    .chats .chat-file-type .chat-msg-image .video-play i.fa {
        font-size: 30px !important;
        position: absolute;
        top: 48%;
        left: 45%;
        color: #b3b1b1;
    }

    .chats .chat-file-type .audio-file {
        padding: 5px 10px;
        background: #f3f3f3;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .chats .chat-file-type .audio-file .media {
        padding-top: 0 !important;
        border-top: none !important;
    }

    .chats .chat-file-type .audio-file .media .media-left {
        margin-top: 5px;
    }

    .chats .chat-file-type .audio-file .media .play-btn {
        margin-top: 10px !important;
        margin-left: 5px;
    }

    .chats .chat-file-type .audio-file .media .play-btn img {
        cursor: pointer;
    }

    .chats .chat-file-type .audio-file .media .content:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .chats .chat-file-type .audio-file span {
        display: inline-block !important;
    }

    .chats .chat-file-type .audio-file span i.fa {
        font-size: 14px !important;
    }

    .chats .chat-file-type .audio-file span.file-name-msg {
        font-size: 14px;
        max-width: 250px;
        min-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .chats .chat-file-type .audio-file .audio-download {
        position: absolute;
        right: 24px;
    }

    .chats .chat-file-type:hover .chat-msg-image .image-hover {
        display: block;
    }

    .chats .timing {
        position: relative;
    }

    .chats .timing small {
        padding: 5px 10px;
        border-radius: 16px;
        color: #3e55a1;
        background: #f5f4f4;
        font-size: 12px;
        font-weight: 600;
    }

    .chats .timing span {
        padding: 5px 10px;
        border-radius: 5px;
        color: #909090;
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
        background: #f7f7f7;
    }

    .chats .timing span.time-history::before {
        position: absolute;
        content: '';
        height: 1px;
        left: 1%;
        top: 26px;
        width: 44%;
        background: #d0d0d0;
    }

    .chats .timing span.time-history::after {
        position: absolute;
        content: '';
        height: 1px;
        right: 0;
        top: 26px;
        width: 44%;
        background: #d0d0d0;
    }

    .chats .text-bar {
        position: relative;
        padding: 0.75rem 2rem;
    }

    .chats .text-bar .input {
        padding: 25px 73px 25px 5px;
    }

    .chats .text-bar i.fa {
        position: absolute;
        right: 23px;
        top: 12px;
        padding: 17px 25px;
        margin-right: 10px;
        background: #3e55a1;
        color: #ffffff;
        cursor: pointer;
    }

    .chats .notification-1 figure {
        margin: 1em;
    }

    .chats .notification-1 figure img {
        border-radius: 50%;
    }

    .chats .is-grouped {
        margin: 10px 24px 8px 32px;
        transition: background-color ease .218s, box-shadow ease .218s, border ease .218s;
        background-color: #fff;
        min-height: 60px;
        overflow-x: initial;
        overflow-y: visible;
        position: relative;
        border: 1px solid #ccc;
    }

    .chats .is-grouped .control.has-icons-left .icon.is-left,
    .chats .is-grouped .control.has-icons-right .icon.is-right {
        color: #7a7a7a;
        cursor: pointer;
        pointer-events: auto;
    }

    [placeholder]:empty::before {
        content: attr(placeholder);
        color: #ccc;
    }

    footer.chats .is-grouped .is-expanded {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex: 1;
        padding: 0;
        margin: 4px;
    }

    footer.chats .is-grouped .input {
        height: 45px;
    }

    footer.chats .is-grouped .input.multiple {
        display: block;
        height: auto;
        font-size: 14px;
        line-height: 16px;
        cursor: text;
        min-height: 33px;
        position: relative;
        width: 100%;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
        padding: 5px 47px;
        border: 0;
        box-shadow: none;
        max-height: 85px;
        overflow: auto;
    }

    footer.chats .is-grouped .textarea {
        padding: 0.625em 2.25em;
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    footer.chats .is-grouped .control .button {
        height: 2.75em;
    }

    footer.chats .is-grouped .control.has-icons-left .icon,
    footer.chats .is-grouped .control.has-icons-right .icon {
        height: 2.75em;
    }

    footer.chats .is-grouped .control.has-icons-left .icon.first-icon {
        width: 35px;
    }

    footer.chats .is-grouped .control.has-icons-left .icon.first-icon .fa {
        transform: rotate(40deg);
        font-size: 19px !important;
        position: relative;
        top: auto !important;
        bottom: auto;
        left: auto !important;
        margin-left: 24px !important;
    }

    footer.chats .is-grouped .control.has-icons-left .icon.second-icon {
        left: 32px;
    }

    .new-chat .columns {
        margin-bottom: 0 !important;
    }

    .new-chat .card-content {
        padding: 0.8rem 1.5rem;
    }

    .new-chat .tabs {
        margin: 0;
    }

    .new-chat .tabs ul {
        margin: 0;
    }

    .new-chat .table {
        margin: 0;
    }

    .new-chat .table tbody td {
        position: relative;
    }

    .new-chat .table tbody td h4 {
        margin: 0;
    }

    .new-chat .table tbody td img {
        border-radius: 50%;
    }

    .new-chat .table tbody td .icon {
        position: absolute;
        left: 35%;
        bottom: 8px;
    }

    .new-chat .table tbody tr:last-child {
        border-bottom: 1px solid #dbdbdb;
    }

    .new-chat .userList .panel .image {
        border-radius: 100%;
    }

    .new-chat .userList .field {
        height: calc(100vh - 480px);
        overflow-y: auto;
        min-height: 150px !important;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .new-chat .tabs.is-boxed a:hover {
        border-bottom-color: transparent;
    }

    .upload-section {
        height: 150px;
        border: 1px dashed #b7b4b4;
        text-align: center;
        cursor: pointer;
    }

    .upload-section p {
        padding-top: 60px;
    }

    .group-option .option-list .columns {
        margin-bottom: 0;
    }

    .modal-card-body .panel-overflow {
        height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .modal-card-body .panel-block img {
        border-radius: 50px;
    }

    .file .control.has-icons-left .icon.is-left {
        color: #7a7a7a;
        border-right: 1px solid #e6e3e3;
        cursor: pointer;
        pointer-events: auto;
    }

    /* ==========================================================================
   first-level-menu - styles
========================================================================== */
    .sidebar {
        background: #3e55a1;
    }

    .first-level-menu li:first-child {
        border-top: 1px solid #556dbd;
    }

    .first-level-menu a {
        color: #9eacda;
        min-height: 72px;
        display: block;
        position: relative;
        margin: 0;
        padding: 0.9375rem;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        border-bottom: 1px solid #556dbd;
    }

    .first-level-menu a i.fa {
        font-size: 20px !important;
    }

    .first-level-menu a span {
        display: block;
        margin-top: 5px;
    }

    .first-level-menu a:hover {
        color: #ffffff;
    }

    .first-level-menu a:hover i {
        color: #ffffff;
    }

    .first-level-menu a:hover span {
        display: block;
        margin-top: 5px;
    }

    .first-level-menu a.active {
        color: #ffffff;
    }

    .first-level-menu a.active i {
        color: #ffffff;
    }

    .first-level-menu a.active span {
        display: block;
        margin-top: 5px;
    }

    .first-level-menu a .menu-badge {
        position: absolute;
        top: 8px;
        right: 6px;
        background: #fff;
        color: #000;
        font-size: 10px;
        padding: 0px 5px;
        border-radius: 10px;
    }

    /* ==========================================================================
   Second-level-menu - styles
========================================================================== */
    .second-level-menu {
        height: calc(100vh - 57px);
        border-right: 1px solid #909090;
        background: #fff;
    }

    .second-level-menu .tabs ul li a {
        padding: 1em !important;
    }

    .se-p.is-notification .menu-options.level,
    .se-p.is-chat .menu-options.level {
        padding: 14px 10px 13px;
    }

    .se-p.is-notification .menu-options.searchBox-pad,
    .se-p.is-chat .menu-options.searchBox-pad {
        padding: 9px !important;
    }

    .se-p.is-notification .menu-options.searchBox-pad .fa-times-circle,
    .se-p.is-chat .menu-options.searchBox-pad .fa-times-circle {
        padding: 10px;
    }

    .menu-options.level {
        padding: 10px;
        border-top: 1px solid #eceffe;
        border-bottom: 1px solid #eceffe;
        background: #ffffff;
        cursor: pointer;
    }

    .menu-options.level .input-search-box {
        position: relative;
    }

    .menu-options.level .input-search-box .input {
        border: none;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        width: 230px;
    }

    .menu-options.level .input-search-box .input-bar {
        position: absolute;
        display: block;
        width: 100%;
        bottom: 0;
        left: 5%;
    }

    .menu-options.level .input-search-box .input-bar:before,
    .menu-options.level .input-search-box .input-bar:after {
        position: absolute;
        content: '';
        height: 1px;
        width: 0;
        bottom: 1px;
        transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        background: #3D4051;
    }

    .menu-options.level .input-search-box .input-bar:before {
        left: 50%;
    }

    .menu-options.level .input-search-box .input-bar:after {
        right: 50%;
    }

    .menu-options.level .input-search-box .input:focus ~ .input-bar:before,
    .menu-options.level .input-search-box .input:focus ~ .input-bar:after {
        width: 50%;
    }

    .menu-options.level .input-search-box .search-return {
        right: 0;
        position: absolute;
        top: 5px;
        padding: 15px;
    }

    .menu-options.level .fa {
        vertical-align: middle;
    }

    .menu-options.level .fa:hover {
        color: #565c78;
    }

    .menu-options.searchBox-pad {
        padding: 5px 10px !important;
    }

    .list-wrapper.list-overflow {
        height: calc(100vh - 117px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .list-wrapper.list-overflow .mCSB_outside + .mCSB_scrollTools {
        right: -6px !important;
    }

    .list-wrapper.list-overflow-notification {
        height: calc(100vh - 115px);
        overflow-y: auto;
    }

    .list-wrapper.list-overflow-notification .mCSB_outside + .mCSB_scrollTools {
        right: -6px !important;
    }

    .list-wrapper.list-overflow-notification .badge-count {
        top: 5px;
        bottom: initial;
    }

    .list-wrapper .list-collapse {
        padding: 5px 10px;
        border-bottom: 1px solid #eceffe;
        cursor: pointer;
    }

    .list-wrapper li {
        padding: 6px 10px 2px 10px;
        border-bottom: 1px solid #eceffe;
    }

    .list-wrapper li.active {
        background: #3e55a1;
        background: #eceffe;
    }

    .list-wrapper li.active .list-active {
        color: #3e55a1;
        font-weight: 600;
    }

    .list-wrapper li:hover {
        background: #3e55a1;
        background: #eceffe;
    }

    .list-wrapper li .is-one-quarter {
        position: relative;
    }

    .list-wrapper li .is-one-quarter img {
        border-radius: 100%;
        max-width: 48px;
    }

    .list-wrapper li .is-one-quarter .icon {
        position: absolute;
        top: 30px;
        right: 24px;
    }

    .list-wrapper li .is-one-quarter .icon .fa {
        font-size: 12px !important;
    }

    .list-wrapper li .group-img .img-1 {
        position: absolute;
        border: 2px solid #dcdcdc;
    }

    .list-wrapper li .group-img .img-2 {
        position: absolute;
        left: 6%;
        border: 2px solid #dcdcdc;
    }

    .list-wrapper li .group-img .img-3 {
        position: absolute;
        left: 14%;
        border: 2px solid #dcdcdc;
    }

    .list-wrapper li label {
        max-width: 125px;
        width: 124px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-height: 20px;
    }

    .list-wrapper li label .icon {
        font-size: 12px;
    }

    .list-wrapper li label.chat-msg-text {
        font-size: 12px;
        color: #908c8c;
    }

    .list-wrapper li label.chat-msg-text i.fa {
        font-size: 14px !important;
    }

    .list-wrapper li label.chat-msg-text pre {
        font-size: 14px !important;
        padding: 0px !important;
    }

    .list-wrapper li .show-less {
        height: 4rem;
        overflow: hidden;
        padding: 1rem;
    }

    .list-wrapper li .chat-close i.fa {
        padding: 0px 5px;
        display: none;
        color: #b1b1b1;
        position: absolute;
        top: 22px;
        right: 7px;
        cursor: pointer !important;
    }

    .list-wrapper li .chat-close i.fa:hover {
        color: #565c78;
    }

    .list-wrapper li .group-identify {
        position: absolute;
        right: 0;
    }

    .list-wrapper li.cursor-pointer.active {
        cursor: default;
    }

    .list-wrapper li.cursor-pointer.active *:hover {
        cursor: default;
    }

    .list-wrapper .chat-list .columns.is-gapless:not(:last-child) {
        margin-bottom: 0 !important;
    }

    .list-wrapper li:hover .chat-close i.fa {
        display: block;
    }

    .list-wrapper li:hover .display-n {
        display: inline-block;
    }

    .list-wrapper.list-overflow li {
        padding: 0px;
    }

    .list-wrapper.list-overflow li .columns {
        padding: 6px 10px 6px 10px;
    }

    .list-wrapper.list-overflow-notification li {
        padding: 0px;
    }

    .list-wrapper.list-overflow-notification li .columns {
        padding: 6px 10px 2px 10px;
    }

    .list-wrapper.file-list-sec li {
        padding: 6px 10px 2px 10px;
    }

    /* ==========================================================================
   Empty state- styles
========================================================================== */
    .empty-state {
        width: 100%;
    }

    .empty-state .box {
        height: 100%;
        width: 100%;
        background: #ffffff;
        padding: 15px;
        padding-top: 10%;
        margin: 0 auto;
        border-radius: 0;
    }

    .empty-state .box img {
        width: 248px;
        height: auto;
    }

    .empty-state .box p {
        width: 80%;
        margin: 0 auto;
        padding-top: 25px;
        font-weight: 600;
        font-size: 18px;
    }

    /* ==========================================================================
   Chat details view - styles
========================================================================== */
    .chat-detail-bg {
        background: #fff;
        border-left: 1px solid #dcdcdc;
    }

    .chats .msg-list-view {
        margin: 0 20px;
    }

    .chats .msg-list-view .media {
        border-bottom: 1px solid #dcdcdc;
        padding: 12px 0px;
        margin: 0 22px;
        position: relative;
    }

    .chats .msg-list-view .media figure {
        margin: 0 1rem 0 0;
    }

    .chats .msg-list-view .media figure .image {
        height: 36px;
        width: 36px;
    }

    .chats .msg-list-view .media .msg-content strong {
        color: #3e55a1;
        font-size: 14px;
    }

    .chats .msg-list-view .media .msg-content small {
        font-size: 14px;
        display: flex;
    }

    .chats .msg-list-view .media .msg-content span {
        font-size: 14px;
    }

    .chats .msg-list-view .media .msg-content .msgShowListView {
        word-break: break-word;
        white-space: pre-wrap;
    }

    .chats .msg-list-view .media .msg-content .msgShowListView pre {
        background-color: whitesmoke !important;
        font-size: 13.5px !important;
    }

    .chats .msg-list-view .media .message-update .fa {
        font-size: 11px !important;
        color: #b7b4b4;
        letter-spacing: -7px;
        margin-top: 8px;
        padding-left: 6px;
    }

    .chats .msg-list-view .media .message-update .read {
        color: #3e55a1 !important;
    }

    .chats .msg-list-view .chat-file-type .chat-msg-image {
        width: 250px;
        position: relative;
    }

    .chats .msg-list-view .chat-file-type .chat-msg-image img {
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 2px rgba(10, 10, 10, 0.1);
    }

    .chats .msg-list-view .chat-file-type .chat-msg-image .image-hover {
        width: 100%;
        left: 0;
        bottom: 6px;
    }

    .chats .msg-list-view .chat-file-type .chat-msg-image .image-hover .image-download {
        bottom: 0px;
    }

    .chats .msg-list-view .chat-file-type .audio-file {
        max-width: 300px;
        min-width: 250px;
        margin-bottom: 5px;
    }

    .chats .msg-list-view .chat-file-type .audio-file .media {
        border-bottom: none;
        padding: 0px;
        margin: 0px;
    }

    .chats .msg-list-view .chat-file-type .audio-file .media .media-content {
        overflow-x: hidden;
    }

    .chats .msg-list-view .chat-file-type .audio-file .media .media-content strong {
        text-transform: capitalize;
    }

    .chats .msg-list-view .chat-file-type .audio-file .media .media-content .audio-download {
        bottom: 5px;
    }

    .chats .msg-list-view .chat-file-type .chat-msg-image .image-hover {
        top: 120px;
        background: #000;
        color: #fff;
    }

    .chats .msgShowHide {
        font-size: 13px;
        font-weight: 700;
    }

    .chats .show-less {
        overflow: hidden;
    }

    .msg-z-view .message-update .fa {
        font-size: 10px !important;
        color: #b7b4b4;
        letter-spacing: -5px;
        margin-top: 7px;
        padding-left: .225rem;
    }

    .msg-z-view .message-update .read {
        color: #3e55a1 !important;
    }

    /* ==========================================================================
   User-level-menu - styles
========================================================================== */
    .table tbody td i.fa {
        font-size: 14px;
        padding: 5px 5px;
        cursor: pointer;
        color: #999;
    }

    .table tbody td i.fa:hover {
        color: #3273dc;
    }

    body {
        position: relative !important;
        min-height: 100%;
        font-family: Open Sans,sans-serif;
        overflow-x: hidden;
        background-color: #eceffe;
        background-attachment: fixed;
        /* color: #2f2e2e; */
        padding: 0;
        overflow-y: auto !important;
    }

    body .intro-tour-hint-wrapper {
        transform: scale(0);
        -webkit-animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
        animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        color: #2f2e2e;
        max-width: 340px;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        line-height: 1.42857143;
        white-space: normal;
        border-radius: 6px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        line-break: auto;
        background: #3a7bd5;
        background: linear-gradient(180deg, #00d2ff 0%, #3a7bd5 100%);
    }

    body .intro-tour-hint-wrapper .header {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        color: #fff;
        background: transparent;
        box-shadow: none;
        font-size: 24px;
        font-weight: bold;
        text-align: left;
        padding-bottom: 0;
        border-bottom: none;
        box-shadow: none;
    }

    body .intro-tour-hint-wrapper .content {
        text-align: left;
        padding-top: 5px;
        margin-bottom: 0px;
    }

    body .intro-tour-hint-wrapper .content p {
        color: #fff;
        font-weight: bold;
    }

    body .intro-tour-hint-wrapper .footer {
        background-color: transparent;
    }

    body .intro-tour-hint-wrapper .footer .navigate-btn {
        display: inline-flex;
        -ms-flex-pack: start;
        color: #5b86e5;
        cursor: pointer;
        justify-content: center;
        padding-left: 0.75em;
        padding-right: 0.75em;
        text-align: center;
        white-space: nowrap;
        background-color: #fff;
        box-shadow: none;
        border-radius: 2px;
        height: 30px;
        width: 45px;
        margin-left: 7px;
        font-size: 18px;
        line-height: 30px;
        text-decoration: none;
    }

    body .ng-tooltip {
        position: absolute;
        max-width: 150px;
        font-size: 12px;
        text-align: center;
        color: #f8f8f2;
        padding: 5px 20px;
        background: #3e55a1;
        border-radius: 0;
        z-index: 1000;
        opacity: 0;
    }

    body .ng-tooltip:after {
        content: "";
        position: absolute;
        border-style: solid;
    }

    body .ng-tooltip-top:after {
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-color: #3e55a1 transparent transparent transparent;
    }

    body .ng-tooltip-bottom:after {
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-color: transparent transparent #3e55a1 transparent;
    }

    body .ng-tooltip-left:after {
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-color: transparent transparent transparent #3e55a1;
    }

    body .ng-tooltip-right:after {
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-color: transparent #3e55a1 transparent transparent;
    }

    body .ng-tooltip-show {
        opacity: 1;
    }

    @-webkit-keyframes blowUpModal {
        0% {
            transform: scale(0);
        }

        100% {
            transform: scale(1);
        }
    }

    @keyframes blowUpModal {
        0% {
            transform: scale(0);
        }

        100% {
            transform: scale(1);
        }
    }

    @-webkit-keyframes blowUpModalTwo {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        100% {
            transform: scale(0);
            opacity: 0;
        }
    }

    @keyframes blowUpModalTwo {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        100% {
            transform: scale(0);
            opacity: 0;
        }
    }

    .welcome-window {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .welcome-window .modal-content {
        overflow-x: hidden;
    }

    .welcome-window .modal-content .box h2 {
        font-size: 26px;
        font-weight: 600;
    }

    .welcome-window .modal-content .box h4 {
        font-size: 18px;
        margin: 5px;
    }

    .welcome-window .modal-content .box p {
        font-size: 14px;
    }

    .welcome-window .modal-content .box img {
        max-height: 300px;
    }

    .welcome-window .modal-content .box a.button {
        font-size: 14px;
        font-weight: 600;
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    /* ==========================================================================
   Notification Container page - styles
========================================================================== */
    /*width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: #ccc;
    border-radius: 100%;*/
    .notification-content-wrapper header {
        height: 56px;
        padding: 5px 10px 5px 5px;
        z-index: 19;
    }

    .notification-content-wrapper header .columns {
        width: 100%;
        margin-bottom: 0px !important;
    }

    .notification-content-wrapper header h3 span {
        font-weight: 600;
    }

    .notification-content-wrapper header figure {
        max-width: 78px;
    }

    .notification-content-wrapper header figure i {
        line-height: 54px;
        padding-left: 4px;
        padding-right: 10px;
        font-size: 14px !important;
        cursor: pointer;
    }

    .notification-content-wrapper header figure img {
        width: 48px;
        border-radius: 100%;
    }

    .notification-content-wrapper header .has-text-right a.desk-icon i {
        vertical-align: middle;
    }

    .notification-content-wrapper header .has-text-right a.desk-icon .is-info {
        font-size: 10px;
        font-weight: bold;
        position: absolute;
        top: -5px;
        right: -5px;
        z-index: 1;
    }

    .notification-content-wrapper header .has-text-right .dropdown {
        display: none;
    }

    .notification-content-wrapper .contents .box {
        margin: 15.8px 30px;
        border-radius: 0px;
        box-shadow: 0 0px 9px 1px rgba(62, 85, 161, 0.31), 0 0 0 1px rgba(62, 85, 161, 0);
        padding: 1.4rem 1.25rem;
    }

    .notification-content-wrapper .contents .box .column.text-bar {
        padding-left: 0;
    }

    .notification-content-wrapper .contents .box .image img {
        max-width: 40px;
        height: auto;
        margin-top: 6px;
        border-radius: 100%;
    }

    .notification-content-wrapper .contents .box:last-child {
        margin-bottom: 40px;
    }

    .notification-content-wrapper .reply i.fa {
        font-size: 12px !important;
        vertical-align: middle;
        color: #3273dc;
    }

    .notification-content-wrapper .notifications .media .media-content .content .post-detail {
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 0.15px;
    }

    .notification-content-wrapper .notifications .media .media-content .content .post-detail .creater-name {
        color: #3e55a1;
    }

    .notification-content-wrapper .notifications .media .media-content .content .post-detail .sub-post-content {
        color: #363636;
    }

    .notification-content-wrapper .notifications .media .media {
        padding-top: 5px;
        padding-bottom: 7px;
    }

    .notification-content-wrapper .notifications .media .media .cmt-u-name {
        font-size: 12px;
    }

    .notification-content-wrapper .notifications .media .media .timeago {
        font-size: 12px;
    }

    .notification-content-wrapper .notifications .media .media .media-content .content .cmt-text {
        line-height: 18px;
    }

    .notification-content-wrapper .notifications .media .media .media-content .content .cmt-text .sub-cmt-link {
        padding-left: 12px;
        font-size: 12px;
    }

    .notification-content-wrapper .notifications .media + .media {
        margin-top: 0;
        padding-top: 5px;
    }

    .notification-content-wrapper .post-attachment .post-img {
        position: relative;
        max-width: 300px;
        height: auto;
        margin: 5px 0px;
        overflow: hidden;
    }

    .notification-content-wrapper .post-attachment .post-img img {
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    }

    .notification-content-wrapper .post-attachment .post-img i.fa-play-circle {
        top: 0%;
        background: #000;
        width: 100%;
        opacity: 0.5;
        padding: 30%;
        color: #fff;
        cursor: pointer;
        font-size: 24px !important;
    }

    .notification-content-wrapper .post-attachment .post-img .fa-times {
        position: absolute;
        right: 0px;
        top: 0;
        background: #000;
        color: #fff;
        padding: 10px 15px;
        opacity: 0.5;
        cursor: pointer;
        display: none;
    }

    .notification-content-wrapper .post-attachment .post-img.notify-play {
        max-width: 350px;
    }

    .notification-content-wrapper .post-attachment .post-img.notify-play:hover .fa-times {
        display: block;
    }

    .post-attach-file .profile-img {
        width: 250px;
        height: 150px;
        margin: 0;
        padding-left: 10px;
    }

    .post-attach-file .profile-img img {
        border-radius: 0;
        min-width: 250px;
        max-width: 250px;
        max-height: 150px;
    }

    .textbar-mobile {
        display: none;
    }

    .chat-user-status {
        position: relative;
    }

    .chat-user-status .icon {
        position: absolute;
        top: 30px;
        right: -2px;
    }

    .chat-user-status .icon i.fa {
        font-size: 12px !important;
    }

    .notification-content-wrapper + .fo-p {
        max-width: 340px;
        position: relative;
    }

    .notification-content-wrapper + .fo-p > div {
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: scroll;
        z-index: 10;
        box-sizing: border-box;
        border-left: 1px solid rgba(0, 0, 0, 0.03);
        transition: background .3s ease-out .1s;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #ffffff;
    }

    .help-page .help-head-name img {
        margin-right: 5px;
        max-width: 36px;
        border-radius: 100%;
    }

    .help-page .help-head-name h3 {
        margin-top: 5px !important;
        font-size: 20px;
    }

    .help-page .help-content .box {
        padding: 15px 10px;
        border-radius: 3px;
    }

    .help-page .help-content .box .help-list {
        border-right: 1px solid #e8e8e8;
    }

    .help-page .help-content .box .help-list ul {
        min-width: 180px;
    }

    .help-page .help-content .box .help-list ul li a {
        padding: 5px;
        font-size: 15px;
        display: block;
    }

    .help-page .help-content .box .help-list ul li a.active {
        color: #3e55a1;
        font-weight: 600;
    }

    .help-page .help-content .box .help-details h3 {
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 10px;
    }

    .privacy-page .privacy-head-name img {
        margin-right: 5px;
        max-width: 36px;
        border-radius: 100%;
    }

    .privacy-page .privacy-head-name h3 {
        margin-top: 5px !important;
        font-size: 20px;
    }

    .privacy-page .privacy-content .box {
        padding: 15px 10px;
        border-radius: 3px;
    }

    .privacy-page .privacy-content .box .privacy-list {
        border-right: 1px solid #e8e8e8;
    }

    .privacy-page .privacy-content .box .privacy-list ul {
        min-width: 180px;
    }

    .privacy-page .privacy-content .box .privacy-list ul li a {
        padding: 5px;
        font-size: 15px;
        display: block;
    }

    .privacy-page .privacy-content .box .privacy-list ul li a.active {
        color: #3e55a1;
        font-weight: 600;
    }

    .privacy-page .privacy-content .box .privacy-details h3 {
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 10px;
    }

    .fo-p .list-wrapper.list-overflow {
        height: calc(100vh - 150px);
    }

    .fo-p .user-info-list {
        height: calc(100vh - 310px);
        overflow-y: auto;
    }

    .fo-p li label {
        line-height: 20px;
    }

    .fo-p li .is-one-quarter img {
        max-width: 48px;
    }

    .fo-p li .is-one-quarter .icon {
        bottom: 5px;
        right: 20px;
    }

    .fo-p li .is-one-quarter .icon .fa {
        font-size: 12px !important;
    }

    .fo-p li .columns.is-gapless {
        margin-bottom: 0 !important;
    }

    .fo-p .group-members li .is-pulled-left .time-ago {
        font-size: 0.6rem;
        cursor: default;
    }

    .fo-p .group-members li .chat-close .fa {
        top: 32px;
    }

    .fo-p .chat-check .fa {
        padding: 0px 5px;
        color: #565c78;
        position: absolute;
        top: 25px;
        right: 7px;
        cursor: pointer !important;
    }

    .fo-p .fourth-panel-tab {
        margin-bottom: 0;
        padding-top: 10px;
    }

    .fo-p .fourth-panel-tab ul li a {
        padding: 0.7em 1em;
    }

    .fo-p .fourth-panel-tab ul li a:hover {
        color: #3e55a1 !important;
        border-bottom-color: #3e55a1 !important;
    }

    .fo-p .fourth-panel-tab ul li.is-active a {
        color: #3e55a1 !important;
        border-bottom-color: #3e55a1 !important;
    }

    .fo-p .file-list-sec ul li .file-list .file-type i.fa {
        font-size: 14px !important;
        padding-right: 10px;
        padding-top: 5px;
    }

    .fo-p .file-list-sec ul li .file-list .file-name-list {
        font-size: 14px;
        max-width: 240px;
        width: 220px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .fo-p .file-list-sec ul li .file-download i.fa {
        font-size: 14px !important;
        position: absolute;
        right: 0;
        top: 6px;
        padding: 5px 10px;
        color: #d3d3d3;
        cursor: pointer;
    }

    .fo-p .file-list-sec ul li .file-date {
        margin-top: 5px;
        display: inline-block;
        padding-left: 30px;
    }

    .fo-p .file-list-sec ul li .file-size {
        font-size: 12px !important;
        position: absolute;
        right: 0;
        bottom: 0px;
        padding: 5px 10px;
        display: none;
    }

    .fo-p .file-list-sec ul li:hover .file-download i.fa {
        color: #2f2e2e;
    }

    .fo-p .file-list-sec ul li:hover .file-size {
        display: block;
    }

    .notific-user li {
        padding: 10px;
    }

    .notific-user li .notfic-resend-btn {
        margin-left: 10px;
    }

    .group-details app-new-group {
        height: calc(100vh - 122px);
    }

    .loader-progress {
        width: 110px;
        position: absolute;
        bottom: 5%;
        left: 1%;
        text-align: center;
    }

    .loader-progress .percent-value {
        font-weight: bold;
        color: #fff;
    }

    .loader-progress .progress.is-info::-webkit-progress-value {
        background-color: #3e55a1 !important;
    }

    .loader-progress .progress {
        height: 8px;
    }

    .custom-search {
        position: relative !important;
    }

    .custom-search .control.has-icons-left .input {
        padding-left: 5em;
        padding-right: 4em;
    }

    .custom-search .mic-icon {
        position: absolute;
        left: 36px;
        top: 1px;
        padding: 8px 10px 8px;
        background: #fff;
        border-right: 1px solid #e6e3e3;
        border-radius: 1px;
    }

    .app-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #303030;
        color: #fff;
        font-size: 12px;
        padding: 2px 10px;
        text-align: right;
        z-index: 10;
    }

    .file-links .linkified {
        color: #3273dc !important;
    }

    .create-upload .file-label {
        font-size: 14px;
    }

    .create-upload .file-icon .fa {
        font-size: 14px !important;
    }

    .create-upload .file .file-cta {
        background-color: #3e55a1 !important;
        color: #ffffff;
    }

    .create-upload .dz-default {
        display: inline-block;
    }

    .create-upload .pos-relative .field,
    .create-upload .notification-content-wrapper header .has-text-right a.desk-icon .field,
    .notification-content-wrapper header .has-text-right .create-upload a.desk-icon .field {
        display: inline-block;
    }

    .create-upload .pos-relative .field .file,
    .create-upload .notification-content-wrapper header .has-text-right a.desk-icon .field .file,
    .notification-content-wrapper header .has-text-right .create-upload a.desk-icon .field .file {
        bottom: 6px;
        position: absolute;
    }

    .badge-count {
        border-radius: 100px;
        background-color: #3e55a1;
        color: #ffffff;
        height: auto !important;
        padding: 1px 8px;
        font-size: 10px;
        position: absolute;
        bottom: 5px;
        right: 0;
    }

    .time-ago {
        position: absolute;
        right: 0;
        top: 0;
    }

    .opacity-bg {
        background: #8da0b3 !important;
    }

    .opacity-3 {
        opacity: 0.3;
    }

    .create-icon .fa-trash {
        position: absolute;
        right: -27px;
        display: none;
        font-size: 18px !important;
        bottom: -6px;
        padding: 5px 7px;
        cursor: pointer;
        color: #c1c1c1;
    }

    .create-icon img {
        width: 90px;
        height: 80px;
    }

    .create-icon:hover .fa-trash {
        display: block;
    }

    .file-upload {
        position: absolute;
        bottom: 60px;
        right: 25px;
        /* right: 87px; */
        width: 350px;
        background: #fff;
        z-index: 10000;
        font-size: 14px;
    }

    .file-upload .card .card-header {
        background: #4a4a4a;
        opacity: 0.5;
    }

    .file-upload .card .card-header-title {
        color: #fff;
    }

    .file-upload .card .card-header-icon .icon {
        color: #fff;
    }

    .file-upload .card .card-header:hover {
        opacity: 1;
    }

    .file-upload .card .card-content {
        background: #fff;
    }

    .file-upload .card:hover .card-header {
        opacity: 1;
    }

    .file-upload .pos-relative,
    .file-upload .notification-content-wrapper header .has-text-right a.desk-icon,
    .notification-content-wrapper header .has-text-right .file-upload a.desk-icon {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #dcdcdc;
    }

    .file-upload .pos-relative:last-of-type,
    .file-upload .notification-content-wrapper header .has-text-right a.desk-icon:last-of-type,
    .notification-content-wrapper header .has-text-right .file-upload a.desk-icon:last-of-type {
        margin-bottom: 0px;
        padding-bottom: 0;
        border: none;
    }

    .file-upload .file-detail {
        margin-right: 30px;
        position: absolute;
        top: 0px;
        left: 55px;
    }

    .file-upload .file-detail p {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 200px;
        overflow: hidden;
    }

    .file-upload .file-detail .file-size {
        font-size: 12px;
    }

    .file-upload .file-detail .content-align {
        position: relative;
    }

    .file-upload .file-detail .content-align .progress {
        height: 0.25rem;
        position: absolute;
        bottom: 10px;
        right: 5px;
        width: 68%;
    }

    .file-upload .fa-times {
        position: absolute;
        right: -10px;
        top: 5%;
        padding: 15px;
        cursor: pointer;
    }

    .profile-img {
        position: relative;
        width: 120px;
        margin: 5px auto;
    }

    .profile-img img {
        max-width: 100px;
        min-width: 100px;
        border-radius: 100%;
        box-shadow: 0 8px 10px 1px rgba(143, 158, 181, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(143, 158, 181, 0.2);
        cursor: pointer;
    }

    .profile-img .img-options {
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        padding-top: 3px;
        border-radius: 100%;
        background: #3e55a1;
        cursor: pointer;
    }

    .profile-img .img-options .fa {
        color: #fff;
        padding: 6px;
        font-size: 12px !important;
    }

    .profile-img .img-options .file-label {
        font-size: 14px;
        padding-left: 7px;
        white-space: nowrap;
    }

    .se-p .user-status {
        position: relative;
    }

    .se-p .user-status .fa {
        position: absolute;
        right: 10px;
        bottom: 40px;
        font-size: 8px !important;
    }

    .se-p .user-status .timeAgo {
        position: absolute;
        right: 10px;
        bottom: 5px;
    }

    .group-img-edit .img-options {
        position: absolute;
        bottom: -15px;
        right: 5px;
        width: 16px;
        height: 16px;
        text-align: center;
        padding-top: 0px;
        border-radius: 100%;
        background: #3e55a1;
        cursor: pointer;
    }

    .group-img-edit .img-options .fa {
        color: #fff;
        padding: 4px;
        font-size: 8px !important;
    }

    .group-img-edit .img-options .file-label {
        font-size: 14px;
        padding-left: 7px;
        white-space: nowrap;
    }

    .group-img-edit .img-options .dropdown-menu {
        top: 70%;
    }

    .user-settings {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .user-settings .columns {
        margin-bottom: 0px;
    }

    .user-settings .field-body {
        flex-grow: 3;
    }

    .user-settings .setting-notific .table {
        margin-bottom: 10px;
    }

    .user-settings .setting-notific .table thead th,
    .user-settings .setting-notific .table tbody td {
        font-size: 14px;
        border: 1px solid #e6e6e6;
    }

    .user-settings .setting-notific .reminder {
        margin-bottom: 10px;
    }

    .user-settings .setting-notific .reminder strong {
        font-size: 14px;
        text-transform: uppercase;
    }

    .user-settings .setting-notific .reminder .remain-text span {
        font-size: 12px;
    }

    .user-settings .setting-notific .reminder .remain-text span i.fa-info-circle {
        margin: 4px 10px;
    }

    .user-settings .setting-notific .desktop-notific strong {
        font-size: 14px;
        text-transform: uppercase;
    }

    .user-settings .setting-notific .desktop-notific .notific-text {
        font-size: 12px;
    }

    .user-settings .setting-notific .desktop-notific .columns {
        margin-top: 0px;
    }

    .content-height-calc {
        height: calc(100vh - 172px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .content-height-calc.columns:not(:last-child) {
        margin-bottom: calc(1.75rem - 1.25rem);
    }

    .up-btn-fix .column {
        background: #fff;
        padding: 0.75rem 2.75rem;
    }

    .up-btn-fix.columns {
        margin-left: 0.02rem;
    }

    .preview-layout {
        margin-bottom: 10px;
    }

    .preview-layout label {
        margin-right: 25px !important;
    }

    .preview-layout .is-checkradio[type="radio"] + label::before {
        top: -60px;
    }

    .preview-layout .is-checkradio[type="radio"] + label::after {
        top: -60px;
    }

    .modal .modal-card-head,
    .modal .modal-card-foot {
        padding: 10px 20px;
    }

    .modal .modal-card-foot .column {
        padding: 0;
    }

    .icon-align {
        right: 12px;
        bottom: 5px;
        position: absolute;
        color: #3e55a1;
    }

    .control.has-icons-right .icon.is-right {
        pointer-events: auto;
    }

    .form-style h3 {
        padding-bottom: 10px;
        border-bottom: 1px solid #dbdbdb;
    }

    input[type=file] {
        display: none;
    }

    .hide-listwrapper {
        z-index: 10000;
        display: none;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    .box-overflow {
        height: calc(100vh - 69px);
        overflow-y: auto;
    }

    .quickview {
        top: 52px !important;
    }

    .create-sub-post {
        background: #fff;
        position: absolute;
        top: 57px;
        z-index: 100;
        width: 0%;
        border-radius: 0;
        border-bottom-right-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
        margin-left: 15%;
        overflow: hidden;
        display: none;
        padding: 0;
        transition: width 1s ease-in;
        -webkit-transition: width 1s ease-in;
    }

    .create-sub-post .textarea {
        padding: 0.4em;
    }

    .post-animate {
        display: block;
        padding: 1.25rem;
        width: 60%;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .edit-text-box .input {
        height: 1.95em !important;
        width: auto;
        font-size: 14px !important;
    }

    .edit-text-box .text-input {
        height: 2.05em !important;
        width: 70% !important;
    }

    .edit-text-box .options {
        display: inline-block;
        vertical-align: text-bottom;
    }

    .edit-text-box .options i.fa {
        font-size: 14px !important;
    }

    .edit-text-box .textarea {
        overflow: hidden;
        min-width: 60%;
        padding: 5px 5px;
        width: 70% !important;
        display: inline-block;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .modal {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    .empty-img {
        width: 48px;
        height: 48px;
        border-radius: 100%;
        background: #d2daf3;
        color: #3e55a1;
        vertical-align: middle;
        text-align: center;
        font-size: 22px;
        padding-top: 7px;
    }

    .empty-head-icon {
        width: 36px;
        height: 36px;
        border-radius: 100%;
        background: #d2daf3;
        color: #3e55a1;
        vertical-align: middle;
        text-align: center;
        font-size: 22px;
        margin-right: 5px;
        padding-top: 1px;
    }

    .empty-profile-icon {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        background: #d2daf3;
        color: #3e55a1;
        vertical-align: middle;
        text-align: center;
        font-size: 35px;
        padding-top: 23%;
        cursor: pointer;
    }

    .fa.fa-font-size {
        font-size: 14px !important;
    }

    .disable-fa-edit {
        cursor: not-allowed;
    }

    .disable-fa-edit i.fa {
        pointer-events: none !important;
    }

    .collapse-menu.first-level-menu {
        max-width: 60px;
    }

    .collapse-menu.first-level-menu a {
        padding: 2rem 0.9375rem;
    }

    .collapse-menu.first-level-menu a .menu-badge {
        top: 20px;
    }

    .collapse-menu.first-level-menu .sp-collapse {
        transform: rotate(0deg);
        right: 15%;
    }

    .sp-collapse {
        position: absolute;
        right: 30%;
        bottom: 0px;
        cursor: pointer;
        color: #fff;
        opacity: 0.5;
        transform: rotate(-180deg);
        padding: 15px;
    }

    .sp-collapse:hover {
        opacity: 1;
    }

    input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: searchfield-cancel-button;
        cursor: pointer;
        padding: 1px;
        margin: 10px 0px 0px 10px;
    }

    .beforeLayout .is-checkradio[type="radio"] + label::before {
        top: 0px;
    }

    .beforeLayout.preview-layout .is-checkradio[type="radio"] + label::after {
        top: 0px;
    }

    .audio_view {
        height: calc(100vh - 113px);
        background: #2e3246;
        opacity: 0.75;
    }

    .audio_view .audio_content {
        padding-top: 5%;
        text-align: center;
        color: #ffffff;
    }

    .audio_view .audio_content .empty-head-icon {
        width: 120px;
        height: 120px;
        padding-top: 30%;
        background: #fff;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 36px;
        margin-right: 0;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.6);
    }

    .audio_view .audio_content .is-small {
        font-size: 11px;
        margin-bottom: 12px;
    }

    .audio_view .audio_content .audio_btn,
    .audio_view .audio_content .option_btn {
        height: 36px;
        max-height: 36px;
        max-width: 36px;
        min-height: 36px;
        min-width: 36px;
        width: 36px;
        -webkit-appearance: none;
        background-color: #fff;
        border: none;
        border-radius: 290486px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.6);
        cursor: pointer;
        pointer-events: auto;
        display: inline-block;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 0;
        outline: 0;
        position: relative;
        vertical-align: top;
    }

    .audio_view .audio_content .audio_btn .fa,
    .audio_view .audio_content .option_btn .fa {
        padding-top: 9px;
    }

    .audio_view .audio_content .audio_btn .fa.rotate-img,
    .audio_view .audio_content .option_btn .fa.rotate-img {
        color: #d62e2e;
        transform: rotate(134deg);
        padding: 0;
        margin-top: 10px;
    }

    .audio_view .audio_content .conference_icon {
        padding-top: 30px;
    }

    .audio_view .audio_content .option_btn {
        margin-left: 3px;
    }

    .audio_view .audio_content .option_btn .fa {
        color: #3e55a1;
        padding-top: 9px;
    }

    .audio_view .audio_content .option_btn:hover .fa {
        color: #1346ec;
    }

    .message {
        margin-bottom: 0px !important;
    }

    .audio_receiver {
        position: relative;
    }

    .audio_receiver .audio_rec_view {
        position: fixed;
        bottom: 70px;
        right: 60px;
        padding: 15px 40px;
        text-align: center;
        background: #2e3246;
        opacity: 0.75;
        color: #ffffff;
    }

    .audio_receiver .audio_rec_view .empty-head-icon {
        width: 36px;
        height: 36px;
        background: #fff;
        margin-bottom: 12px;
        font-size: 22px;
        margin-right: 0;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.6);
    }

    .audio_receiver .audio_rec_view .is-small {
        font-size: 11px;
        margin-bottom: 12px;
    }

    .audio_receiver .audio_rec_view .audio_btn,
    .audio_receiver .audio_rec_view .option_btn {
        height: 36px;
        max-height: 36px;
        max-width: 36px;
        min-height: 36px;
        min-width: 36px;
        width: 36px;
        margin: 0px 5px;
        -webkit-appearance: none;
        background-color: #fff;
        border: none;
        border-radius: 290486px;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.6);
        cursor: pointer;
        pointer-events: auto;
        display: inline-block;
        flex-grow: 0;
        flex-shrink: 0;
        font-size: 0;
        outline: 0;
        position: relative;
        vertical-align: top;
    }

    .audio_receiver .audio_rec_view .audio_btn .fa,
    .audio_receiver .audio_rec_view .option_btn .fa {
        color: #23d160;
        padding-top: 9px;
    }

    .audio_receiver .audio_rec_view .audio_btn .fa.rotate-img,
    .audio_receiver .audio_rec_view .option_btn .fa.rotate-img {
        color: #d62e2e;
        transform: rotate(134deg);
        padding: 0;
        margin-top: 10px;
    }

    .audio_receiver.user_minimiz .empty-profile-icon {
        width: 48px;
        height: 48px;
        font-size: 18px;
        padding-top: 10px;
        margin: 15px auto 15px;
    }

    .audio_receiver.user_minimiz .text-primary {
        font-size: 12px;
        margin-left: 10px;
    }

    /* ==========================================================================
  @media tab view styles
  ========================================================================== */
    @media screen and (min-width: 400px) and (max-width: 1007px) {
        .chats .box {
            max-width: 60%;
        }

        .chats .chat-name .fa-chevron-left {
            line-height: 36px;
            padding-right: 7px;
            font-size: 24px;
        }

        .flex-grid .fi-p {
            max-width: 59px;
        }

        .flex-grid .fi-p a {
            border: none;
        }

        .flex-grid .fi-p a span {
            display: none;
        }

        .flex-grid .se-p {
            flex: 0 1 250px;
        }

        .list-wrapper ul.notification-list li .is-size-5 {
            font-size: 1.1rem !important;
        }

        .notification-content-wrapper header h3 span {
            font-size: 1.1rem !important;
        }

        .notification-content-wrapper header .has-text-right .desk-view {
            display: none;
        }

        .notification-content-wrapper header .has-text-right .dropdown {
            display: block;
        }

        .notification-content-wrapper header .has-text-right .dropdown .dropdown-trigger {
            padding-top: 5px;
        }

        .notification-content-wrapper header .has-text-right .dropdown .dropdown-content {
            text-align: left;
        }

        .notification-content-wrapper header .has-text-right .dropdown .dropdown-content .dropdown-item .fa {
            width: 20px;
        }

        .textbar-desk {
            display: none;
        }

        .textbar-mobile {
            display: block;
        }
    }

    @media screen and (min-width: 400px) and (max-width: 1250px) {
        .chats .timing span.time-history::after {
            width: 33%;
            webkit-transition: all 1s ease;
            transition: all 1s ease;
        }

        .chats .timing span.time-history::before {
            width: 33%;
            webkit-transition: all 1s ease;
            transition: all 1s ease;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 768px) {
        .notification-content-wrapper header {
            height: 56px;
            padding: 5px 15px 5px 5px !important;
        }

        .notification-content-wrapper header .columns {
            width: 100%;
        }

        .notification-content-wrapper header h3 span {
            font-weight: 600;
            font-size: 1rem !important;
        }

        .notification-content-wrapper header figure {
            max-width: 78px;
        }

        .notification-content-wrapper header figure i {
            line-height: 54px;
            padding-right: 7px;
            font-size: 14px !important;
        }

        .notification-content-wrapper header figure img {
            width: 48px;
            border-radius: 100%;
        }

        .notification-content-wrapper header .has-text-right > a {
            display: none !important;
        }

        .notification-content-wrapper header .has-text-right .dropdown-item {
            display: block;
        }

        .notification-content-wrapper .box {
            margin: 10px !important;
        }

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

        .display-flex .level-left + .level-right {
            margin-top: 0;
        }

        .list-wrapper li .is-one-quarter {
            flex: none;
            width: 25%;
        }
    }

    @media screen and (max-width: 1023px) {
        .header-wrapper .navbar {
            display: flex;
        }

        .header-wrapper .navbar .navbar-end {
            margin-left: auto;
        }

        .navbar-start {
            display: flex;
        }

        .navbar-end img {
            margin-top: 5px;
        }

        .navbar-dropdown {
            background-color: white;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border-top: 1px solid #dbdbdb;
            box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
            display: none;
            font-size: 0.875rem;
            left: 0;
            min-width: 100%;
            position: absolute;
            top: 100%;
            z-index: 20;
        }

        .navbar-item.is-active .navbar-dropdown,
        .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block;
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0;
        }

        .navbar-item,
        .navbar-link {
            align-items: center;
            display: flex;
        }

        .th-p .column.is-offset-one-quarter {
            margin-left: 0px;
        }

        .th-p .column.is-half {
            width: 100%;
        }
    }

    /* ==========================================================================
Generic Helper Class
========================================================================== */
    .clearfix:before,
    .clearfix:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .fa {
        font-size: 18px !important;
        text-align: center;
        vertical-align: top;
    }

    .clearfix:after {
        clear: both;
    }

    .text-bold {
        font-weight: bold;
    }

    .text-muted {
        color: #edeef2 !important;
    }

    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .required {
        color: #d62e2e;
    }

    .selected-li {
        background-color: #dcdcdc;
    }

    .selected-li:hover {
        background-color: #dcdcdc !important;
    }

    *:focus {
        outline: none !important;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .cursor-pointer *:hover {
        cursor: pointer;
    }

    .cursor-pointer-with-color {
        cursor: pointer;
        color: #565c78;
    }

    .cursor-pointer-with-color *:hover {
        cursor: pointer;
    }

    .custom-status .fa-pencil {
        position: relative;
        right: -42px;
        color: #ccc;
    }

    .connectionMonitor {
        position: absolute;
        right: 37%;
        z-index: 30;
        top: 30px;
        width: 400px;
    }

    .connectionMonitor .fa-exclamation-triangle {
        padding-right: 15px;
    }

    .connectionMonitor *.message-body {
        border-radius: 0px;
    }

    .connectionMonitor p {
        font-size: 14px;
    }

    .connectionMonitor span {
        padding: 15px;
    }

    .custom-status {
        width: 230px;
    }

    .custom-status .input {
        outline: 0;
        border: 0;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid #2f2e2e;
        background-position: 14px 12px;
        background-repeat: no-repeat;
        border: none;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
    }

    .custom-status .fa-pencil:hover {
        color: rgba(0, 0, 0, 0.6);
    }

    .circle-red {
        color: #ff3860;
    }

    .minus-circle {
        border: 1px solid #ff3860;
        background-color: #ff3860;
        width: 11px;
        height: 11px;
        border-radius: 100%;
        position: relative;
        margin: 4px 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .minus-circle::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        margin: auto 2px;
        height: 2px;
    }

    .circle-grey {
        color: #acaaaa !important;
    }

    .circle-yellow {
        color: #ffdd57;
    }

    .circle-green {
        color: #23d160;
    }

    .active-bg {
        background: #eceffe !important;
    }

    .pri-cus-btn {
        display: inline-block;
        background-color: #a7add4;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        padding: 5px 15px;
        text-decoration: none;
        min-width: 60px;
        cursor: pointer;
        border: 0;
        border-radius: 2px;
        /*box-shadow: 0 1px 4px rgba(0, 0, 0, .6);*/
        outline: none;
        -webkit-font-smoothing: antialiased;
    }

    .pri-cus-btn:hover {
        background-color: #b1b7d9;
        text-decoration: none;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        color: #ffffff;
        border-color: transparent;
    }

    .pri-cus-btn:active {
        color: #080808;
        background-color: #b1b7d9;
        text-decoration: none;
        box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    }

    .pri-cus-btn:focus {
        outline: none;
        color: #ffffff;
        text-decoration: none;
    }

    .pri-cus-btn[disabled] {
        cursor: not-allowed;
        opacity: 0.5;
    }

    .text-clr-grey {
        color: #c7c6c6 !important;
    }

    .dtf-cus-btn {
        display: inline-block;
        background-color: #edeef2;
        color: #2f2e2e;
        text-align: center;
        font-weight: 400;
        font-size: 16px;
        padding: 5px 15px;
        text-decoration: none;
        min-width: 60px;
        border: 0;
        border-radius: 4px;
        /*box-shadow: 0 1px 4px rgba(0, 0, 0, .6);*/
        outline: none;
        -webkit-font-smoothing: antialiased;
    }

    .dtf-cus-btn:hover {
        background-color: #dee0e7;
        text-decoration: none;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
        border-color: transparent;
    }

    .dtf-cus-btn:active {
        background-color: #dee0e7;
        text-decoration: none;
        box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    }

    .pulse-button {
        position: relative;
        width: 100px;
        height: 100px;
        border: none;
        box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
        border-radius: 50%;
        background-color: #e84c3d;
        background-size: cover;
        background-repeat: no-repeat;
        cursor: pointer;
        -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
        animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    }

    .pulse-button:hover {
        -webkit-animation: none;
        animation: none;
    }

    @-webkit-keyframes pulse {
        to {
            box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
            width: 110px;
        }
    }

    @keyframes pulse {
        to {
            box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);
        }
    }

    .input.is-active,
    .input.is-focused,
    .input:active,
    .input:focus,
    .textarea.is-active,
    .textarea.is-focused,
    .textarea:active,
    .textarea:focus {
        border-color: #3e55a1;
        box-shadow: 0 0 0 0.125em rgba(1, 59, 221, 0.25);
    }

    .btn-disabled {
        box-shadow: none !important;
        background: #999999;
        border: 1px solid #999999;
        color: #ffffff;
        cursor: not-allowed;
        opacity: .75;
        border-radius: 2em;
        -webkit-font-smoothing: antialiased;
    }

    .btn-disabled:hover {
        color: #ffffff;
        box-shadow: none !important;
    }

    .btn-disabled:active {
        color: #ffffff;
        box-shadow: none !important;
    }

    .dz-default {
        background: #e9ecef;
        position: relative;
        border-radius: 3px;
        width: 90px;
        height: 80px;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }

    .pos-relative,
    .notification-content-wrapper header .has-text-right a.desk-icon {
        position: relative !important;
    }

    .pos-absolute,
    .notification-content-wrapper .post-attachment .post-img i.fa-play-circle {
        position: absolute !important;
    }

    .is-warning {
        background: #f9ebee;
    }

    .size-14 {
        font-size: 14px !important;
    }

    .border-none {
        border: none !important;
    }

    .border-t-none {
        border-top: none !important;
    }

    .border-b-none {
        border-bottom: none !important;
    }

    .border-l-none {
        border-left: none !important;
    }

    .border-r-none {
        border-right: none !important;
    }

    .display-ib,
    .notification-content-wrapper header .has-text-right a.desk-icon {
        display: inline-block;
    }

    .display-i {
        display: inline;
    }

    .display-b {
        display: block;
    }

    .display-n {
        display: none;
    }

    .z-index-2 {
        z-index: 2;
    }

    .z-index-1 {
        z-index: 1;
    }

    /*.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: 6px; }
.mb2 { margin-bottom: 12px; }
.mb3 { margin-bottom: 18px; }
.mb4 { margin-bottom: 24px; }*/
    .pad-0 {
        padding: 0px;
    }

    .pad-5 {
        padding: 5px;
    }

    .pad-7 {
        padding: 7px;
    }

    .pad-10 {
        padding: 10px;
    }

    .pad-15 {
        padding: 15px;
    }

    .pad-25 {
        padding: 25px;
    }

    .pad-5-10,
    .notification-content-wrapper header .has-text-right a.desk-icon {
        padding: 5px 10px;
    }

    .pad-5-0 {
        padding: 5px 0px;
    }

    .pad-0-5 {
        padding: 0px 5px;
    }

    .pad-0-10 {
        padding: 0px 10px;
    }

    .pad-5-2 {
        padding: 5px 2px !important;
    }

    .pad-7-2 {
        padding: 7px 2px !important;
    }

    .pad-15-2 {
        padding: 15px 2px !important;
    }

    .pad-15-0 {
        padding: 15px 0px;
    }

    .pad-10-5 {
        padding: 10px 5px;
    }

    .pad-7-15 {
        padding: 7px 15px;
    }

    .pad-15-7 {
        padding: 15px 7px;
    }

    .pad-13-10 {
        padding: 13px 10px;
    }

    .pad-t10 {
        padding-top: 10px;
    }

    .pad-b-0 {
        padding-bottom: 0px !important;
    }

    .mar-0 {
        margin: 0px !important;
    }

    .mar-5 {
        margin: 5px;
    }

    .mar-7 {
        margin: 7px;
    }

    .mar-10 {
        margin: 10px;
    }

    .mar-20 {
        margin: 20px;
    }

    .mar-25 {
        margin: 25px;
    }

    .mar-5-10 {
        margin: 5px 10px;
    }

    .mar-5-0 {
        margin: 5px 0px;
    }

    .mar-0-5 {
        margin: 0px 5px;
    }

    .mar-0-10 {
        margin: 0px 10px;
    }

    .mar-0-15 {
        margin: 0px 15px;
    }

    .mar-10-0 {
        margin: 10px 0px;
    }

    .mar-10-5 {
        margin: 10px 5px;
    }

    .mar-7-15 {
        margin: 7px 15px;
    }

    .mar-15-7 {
        margin: 15px 7px;
    }

    .mar-top15 {
        margin-top: 15px !important;
    }

    .mar-t-5 {
        margin-top: 5px;
    }

    .mar-t-2 {
        margin-top: 2px;
    }

    .mar-l-2 {
        margin-left: 2px;
    }

    .mar-bot5 {
        margin-bottom: 5px;
    }

    .mar-bot-10 {
        margin-bottom: 10px;
    }

    .mar-bot25 {
        margin-bottom: 25px;
    }

    .mar-top20 {
        margin-top: 20px;
    }

    .top-8 {
        top: 8px;
    }

    .cus-cards {
        background-color: white;
        box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    }

    .cus-cards-with-pad {
        background-color: white;
        box-shadow: 0.5px 0.9px 4px 0px rgba(0, 0, 0, 0.2);
        padding: 10px;
    }

    .top-bottom-dark-box-shadows {
        box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0 0 inset, rgba(0, 0, 0, 0.9) 0 1px 2px 0;
    }

    .top-bottom-moderate-box-shadows {
        box-shadow: rgba(255, 255, 255, 0.6) 0 1px 0 0 inset, rgba(0, 0, 0, 0.7) 0 1px 2px 0;
    }

    .top-bottom-light-box-shadows {
        box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0 0 inset, rgba(0, 0, 0, 0.6) 0 1px 2px 0;
    }

    .top-bottom-mild-box-shadows {
        box-shadow: rgba(255, 255, 255, 0.5) 0 1px 0 0 inset, rgba(51, 51, 51, 0.75) 0 1px 2px 0;
    }

    .top-highlight-box-shadow {
        box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0 0 inset;
    }

    .bottom-dark-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.9) 0 1px 3px 0;
    }

    .bottom-moderate-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.7) 0 1px 3px 0;
    }

    .bottom-moderate2-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px 0;
    }

    .bottom-light-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px 0;
    }

    .bottom-mild-box-shadow {
        box-shadow: rgba(51, 51, 51, 0.75) 0 1px 2px 0;
    }

    .bottom-dark-s-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.9) 0 1px 1px 0;
    }

    .bottom-moderate-s-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px 0;
    }

    .bottom-moderate2-s-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.6) 0 1px 1px 0;
    }

    .bottom-light-s-box-shadow {
        box-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px 0;
    }

    .bottom-mild-s-box-shadow {
        box-shadow: rgba(51, 51, 51, 0.75) 0 1px 1px 0;
    }

    .mat-bot-b-shadow {
        box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .mat-bot-s-shadow {
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .right-box-shadow {
        box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.21);
    }

    .top-box-shadow {
        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }

    .boxed-box-shadow {
        box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.41);
    }

    /******** Toggle Switch *********/
    /* The switch - the box around the slider */
    .switch[type="checkbox"] {
        outline: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        position: absolute;
        opacity: 0;
    }

    .switch[type="checkbox"].is-small + label {
        position: relative;
        display: initial;
        font-size: .75rem;
        line-height: initial;
        padding-left: 2.75rem;
        padding-top: .2rem;
        cursor: pointer;
    }

    .switch[type="checkbox"].is-small + label::before,
    .switch[type="checkbox"].is-small + label:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 2.25rem;
        height: 1.125rem;
        border: 0.1rem solid transparent;
        border-radius: 4px;
        background: #b5b5b5;
        content: '';
    }

    .switch[type="checkbox"].is-small + label::after,
    .switch[type="checkbox"].is-small + label:after {
        display: block;
        position: absolute;
        top: .25rem;
        left: .25rem;
        width: .625rem;
        height: .625rem;
        transform: translate3d(0, 0, 0);
        border-radius: 2px;
        background: #fff;
        transition: all 0.25s ease-out;
        content: '';
    }

    .switch[type="checkbox"].is-small:checked + label::before,
    .switch[type="checkbox"].is-small:checked + label:before {
        background: #209cee;
    }

    .switch[type="checkbox"].is-small + label::before,
    .switch[type="checkbox"].is-small + label:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 2.25rem;
        height: 1.125rem;
        border: 0.1rem solid transparent;
        border-radius: 4px;
        background: #b5b5b5;
        content: '';
    }

    .switch[type="checkbox"].is-small:checked + label::after {
        left: 1.25rem;
    }

    .switch[type="checkbox"].is-small + label::after,
    .switch[type="checkbox"].is-small + label:after {
        display: block;
        position: absolute;
        top: .25rem;
        left: .25rem;
        width: .625rem;
        height: .625rem;
        transform: translate3d(0, 0, 0);
        border-radius: 4px;
        background: #fff;
        transition: all 0.25s ease-out;
        content: '';
    }

    /* layout radio button */
    .is-checkradio[type="radio"],
    .is-checkradio[type="checkbox"] {
        outline: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        position: absolute;
        opacity: 0;
    }

    .is-checkradio[type="radio"] + label:first-of-type,
    .is-checkradio[type="checkbox"] + label:first-of-type {
        margin-left: 0;
    }

    .is-checkradio[type="radio"] + label {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-left: 2rem;
    }

    .is-checkradio[type="radio"] + label,
    .is-checkradio[type="checkbox"] + label {
        position: relative;
        display: initial;
        cursor: pointer;
        vertical-align: middle;
        margin: .5em;
        padding: .2rem .5rem .2rem 2.5rem;
        border-radius: 4px;
    }

    .is-checkradio[type="radio"]:checked + label::before,
    .is-checkradio[type="radio"]:checked + label:before,
    .is-checkradio[type="checkbox"]:checked + label::before,
    .is-checkradio[type="checkbox"]:checked + label:before {
        -webkit-animation-name: none;
        animation-name: none;
    }

    .is-checkradio[type="radio"]:checked + label::before,
    .is-checkradio[type="radio"]:checked + label:before,
    .is-checkradio[type="checkbox"]:checked + label::before,
    .is-checkradio[type="checkbox"]:checked + label:before {
        border: 0.1rem solid #dbdbdb;
    }

    .is-checkradio[type="radio"] + label::before,
    .is-checkradio[type="radio"] + label:before,
    .is-checkradio[type="radio"] + label::after,
    .is-checkradio[type="radio"] + label:after {
        width: 1.5rem;
        height: 1.5rem;
    }

    .is-checkradio[type="radio"] + label::before,
    .is-checkradio[type="radio"] + label:before {
        border-radius: 50%;
    }

    .is-checkradio[type="radio"] + label::before,
    .is-checkradio[type="radio"] + label:before,
    .is-checkradio[type="checkbox"] + label::before,
    .is-checkradio[type="checkbox"] + label:before {
        position: absolute;
        left: 0;
        top: 0rem;
        content: '';
        border: 0.1rem solid #dbdbdb;
    }

    .is-checkradio[type="radio"].is-info:checked + label::after,
    .is-checkradio[type="radio"].is-info:checked + label:after {
        border-color: #209cee !important;
        background-color: #209cee !important;
    }

    .is-checkradio[type="radio"]:checked + label::after,
    .is-checkradio[type="radio"]:checked + label:after,
    .is-checkradio[type="checkbox"]:checked + label::after,
    .is-checkradio[type="checkbox"]:checked + label:after {
        display: inline-block;
    }

    .is-checkradio[type="radio"] + label::before,
    .is-checkradio[type="radio"] + label:before,
    .is-checkradio[type="radio"] + label::after,
    .is-checkradio[type="radio"] + label:after {
        width: 1.5rem;
        height: 1.5rem;
    }

    .is-checkradio[type="radio"] + label::after,
    .is-checkradio[type="radio"] + label:after {
        border-radius: 50%;
        background: #209cee;
        left: 0;
        transform: scale(0.5);
    }

    .is-checkradio[type="radio"] + label::after,
    .is-checkradio[type="radio"] + label:after,
    .is-checkradio[type="checkbox"] + label::after,
    .is-checkradio[type="checkbox"] + label:after {
        position: absolute;
        display: none;
        content: '';
        top: 0rem;
    }

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

    /* The slider */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
    }

    input:checked + .slider {
        background-color: #2196F3;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    .scroll-bar::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .scroll-bar::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    .scroll-bar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #a7a6a6;
    }

    .jaspero__dialog-actions button.primary {
        color: #fff !important;
        background-color: #ff3860 !important;
    }

    .jaspero__dialog-actions button.primary:hover {
        color: #fff !important;
    }

    .emoji {
        display: inline-block;
    }

    .cs-media-player .icon {
        height: auto !important;
    }





    .progressLoader[_ngcontent-avs-c0] {
        position: fixed;
        top: 0;
        width: 100%;
        height: 4px;
        z-index: 10000;
    }

    .progressLoader[_ngcontent-avs-c0] .paginate-loader[_ngcontent-avs-c0] {
        height: 4em;
        display: block;
        line-height: 4em;
        text-align: center;
        position: relative;
    }

    .progressLoader[_ngcontent-avs-c0] .paginate-loader[_ngcontent-avs-c0]:before {
        content: ' ';
        position: absolute;
        overflow-y: hidden;
        top: 0;
        left: 0;
        width: 20%;
        height: 3px;
        background: #00d1b2;
        -webkit-animation: loader-animation 2s ease-out infinite;
        animation: loader-animation 2s ease-out infinite;
    }

    @-webkit-keyframes loader-animation {
        0% {
            transform: translate(0%);
        }

        100% {
            transform: translate(500%);
        }
    }

    @keyframes loader-animation {
        0% {
            transform: translate(0%);
        }

        100% {
            transform: translate(500%);
        }
    }


    .alert-top-right[_ngcontent-avs-c1] {
        position: fixed;
        width: 25%;
        right: 15px;
        z-index: 1000;
        top: 130px;
        font-size: 14px !important;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .alert-top-right[_ngcontent-avs-c1] .notification[_ngcontent-avs-c1] {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        margin-bottom: 10px;
    }

    .alert-top-right[_ngcontent-avs-c1] .notification[_ngcontent-avs-c1] i.fa[_ngcontent-avs-c1] {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }

    .alert-success[_ngcontent-avs-c1] {
        background: #2B2B2B;
        padding: 10px 40px 10px 20px !important;
        text-align: center;
        color: #fff;
    }

    @media screen and (max-width: 769px) {
        .alert-top-right[_ngcontent-avs-c1] {
            width: 50%;
        }
    }

    @media screen and (max-width: 420px) {
        .alert-top-right[_ngcontent-avs-c1] {
            width: 70%;
        }
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translate3d(100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-100%, 0, 0);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }


    .emoji-btn[_ngcontent-avs-c5] {
        padding: 8px;
    }

    .emoji-btn[_ngcontent-avs-c5] .button[_ngcontent-avs-c5] {
        height: 34px;
        color: #7a7a7a;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 0;
    }

    .emoji-btn[_ngcontent-avs-c5] .button[_ngcontent-avs-c5]:active {
        border-color: transparent;
    }

    .emoji-btn[_ngcontent-avs-c5] .button[_ngcontent-avs-c5]:focus {
        border-color: transparent;
    }

    .emoji-btn[_ngcontent-avs-c5] .dropdown-menu[_ngcontent-avs-c5] {
        min-width: 14em;
    }

    .emoji-btn[_ngcontent-avs-c5] .dropdown-menu[_ngcontent-avs-c5] .dropdown-content[_ngcontent-avs-c5] {
        height: 15em;
        width: 100%;
        overflow: hidden;
        position: relative;
        border-radius: 6px;
    }

    .emoji-btn[_ngcontent-avs-c5] .dropdown-menu[_ngcontent-avs-c5] .dropdown-content[_ngcontent-avs-c5] .dropdown-item[_ngcontent-avs-c5] {
        position: absolute;
        top: 10px;
        bottom: 0px;
        left: 0px;
        right: -20px;
        overflow: auto;
    }

    .chat-bg {
        overflow-x: hidden;
        overflow-y: auto;
        background-image: url(files/bg.png);
        background-color: #eceffe;
        background-attachment: fixed;
    }

    .menu-bar {
        display: none;
        color: #fff;
        padding: 16px 0px;
        cursor: pointer !important;
        opacity: .8;

    }

    .menu-bar:hover {
        color: #fff;
        opacity: 1;
    }

    .menu-bar.close i:before {
        content: "\f00d";
    }

    .menu-bar i {
        font-size: 22px !important;
        color: #fff;

    }

    .mobile-device {
        height: 100%;
        background: #eceffe;
    }
    .mobile-device .login-form {
        text-align: center;
        padding: 15px;
        margin-top: 20%;
    }

    .app-signin .mobile-device img {
        margin-bottom: 25px;
    }

    .app-signin .mobile-device .label {
        text-align: left;
        font: 600 14px / 20px 'Karla', sans-serif;
    }
    .mobile-device .pri-cus-btn {
        width: 80%;
        background: #3273dc;
        color: #fff !important;
        font-size: 15px;
        padding: 10px 15px;
    }

    @media screen and (max-width: 769px) {

        .flex-grid {

            height: calc(100vh - 100px);
        }

        .navbar-item.is-hoverable:hover .navbar-dropdown {
            left: -60px;
        }

        .flex-grid .se-p.chat-list {
            position: absolute;
            z-index: 100;
            left: -340px;
            /* width: 336px;
            height: calc(100% - 72px); */
            height: calc(100% - 0px);
            width: 100%;
            -webkit-transition: all .51s ease;
            -moz-transition: all .51s ease;
            -o-transition: all .51s ease;
            -ms-transition: all .51s ease;
            transition: all .51s ease;
        }

        .flex-grid .se-p.chat-list.in {
            left: 0px;
        }

        .menu-bar {
            display: block;
        }
    }

    :root {
        --pri-color: #3e55a1;
        --pri-color-sub: rgb(242 245 253);
        --pri-txt-color: #042727;
        --sec-color: #1cdec8;
        --green-sub: #6181eb;
        --bg-color: #f5f7ff;
        --bg-gray: #ececef;
        --border: #ccc;

    }

    html,
    body {
        height: 100%;
        width: 100%;
        margin: 0;
    }

    body {
        letter-spacing: 0.55px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;


    }


    /*text*/

    h1 {
        font: 900 32px / 1.6 'open sans', sans-serif;
        letter-spacing: .75px;
    }

    h2 {
        font: 100 36px / 1.6 'open sans', sans-serif;
    }

    h3 {
        font: 400 26px / 1.6 'open sans', sans-serif;
    }

    h4 {
        font: 600 18px / 1.6 'open sans', sans-serif;
    }

    h5 {
        font: 700 16px / 1.6 'open sans', sans-serif;
    }

    h6 {
        font: 600 14px / 1.6 'open sans', sans-serif;
    }

    p,
    li,
    label,
    .form-control,
    select,
    input {
        font: 400 14px / 26px 'open sans', sans-serif;
    }

    li {
        line-height: 30px;
    }


    /*  animation*/

    body,
    .whiteboard {
        -webkit-transition: all .51s ease;
        -moz-transition: all .51s ease;
        -o-transition: all .51s ease;
        -ms-transition: all .51s ease;
        transition: all .51s ease;
    }


    /*Color*/


    a {
        color: var(--pri-color);
    }

    a:hover {
        color: var(--green-sub);
    }


    .btn {
        outline: 0;
        font: 400 15px / 25px 'open sans', sans-serif;
        padding: 8px 48px;
        border-radius: 4px;
        border: solid 1px var(--pri-color);
    }

    .btn:hover {
        cursor: pointer;
    }
    .btn-primary {
        background: var(--pri-color) !important;
        color: #fff !important;
        border: solid 1px var(--pri-color);
    }

    .btn-primary:hover {
        color: var(--pri-color) !important;
        background: #fff !important;
        border: solid 1px var(--pri-color);
    }

    .btn-fade {
        color: var(--pri-txt-color) !important;

        background: var(--bg-gray) !important;
        border: 0;
        opacity: .75;
    }


    /*General Class*/

    a {
        text-decoration: none !important;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        padding: 0;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-toggle {
        margin-top: 24px;
    }

    .container-s {
        width: 98%;
        max-width: 1800px;
        margin: 0 auto;
    }


    .form-control {
        color: var(--pri-color);
        border: 1px solid var(--bg-gray);

    }

    .form-group {
        margin-bottom: 32px;
    }

    .btn.focus,
    .btn:focus {
        box-shadow: 0 0 0 0.2rem rgb(0 101 102 / 24%);


    }

    .form-control:focus {
        color: var(--pri-color);
        border-color: var(--pri-color);
        box-shadow: none;
    }

    /* Meet Login Home Page */

    .app-signin {
        background-color: #fff;
        height: 100vh;
        /* overflow-y: auto; */
    }

    .app-signin .top-menu-strip {
        width: 100%;
        background: #2e4e69;
        position: fixed;
        padding: 4px 0;
        top: 0;
        height: 32px;
        z-index: 10040;
    }

    .top-menu-strip p {
        opacity: .75;
    }

    .top-menu-strip a, .top-menu-strip p {
        padding: 0 16px;
        color: #fff;
        font: 400 12px / 24px 'noto sans', sans-serif;
    }

    .float-right {
        float: right!important;
    }
    

    .app-signin .is-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        height: 80px;
        background: #fff;
        margin-top: 24px;
        padding: .5rem 1rem;
    }

    .app-signin .is-header .navbar .navbar-brand {
        display: flex;
        align-items: center;
    }

    .app-signin .is-header .navbar .navbar-end {
        display: flex;
        align-items: center;
    }

    .app-signin .is-header .navbar .navbar-end a {
        text-decoration: none;
        display: flex;
        align-items: center;
        position: relative;
        margin: 15px 20px !important;
        padding-right: .5rem;
        padding-left: .5rem;
        font: 400 15px / 20px 'Karla', sans-serif;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        color: #2C5276 !important;
    }

    .app-signin .is-header .navbar .navbar-end a.button {
        background-color: transparent;
        border-color: #3273dc;
        color: #3273dc !important;
        font-size: 14px;
        padding-right: .7rem;
        padding-left: .7rem;
    }

    .app-signin .is-header .navbar .navbar-end a.button:hover {
        background-color: #3273dc;
        border-color: #3273dc;
        color: #fff !important;
    }
    
    .app-signin section h2 {
        text-align: center;
        margin: 0 0 16px 0;
    }

    .product_content {
        margin-top: 100px;
        padding-top: 20px;
        overflow-y: auto;
        /* height: calc(100vh - 117px); */
        height: calc(100vh - 47px);
    }

    .product-title {
        text-align: center;
        margin-top: 16px;
        margin-bottom: 20px;
        font: 900 28px / 1.6 'Noto Sans', sans-serif;
    }

    .app-signin .banner {
        position: relative;
        width: 100%;
        height: 130%;
        padding-top: 30px;
    }

    .app-signin .signin-container {
        padding: 5% 0;
        min-height: 520px;
    }

    .app-signin .signin-container .card .pri-cus-btn {
        width: 35%;
        float: right;
    }

    .app-signin .signin-container .card {
        box-shadow: none;
        padding: 20px 10px;
    }

    .app-signin .signin-container h3 {
        margin: 15px 0px 10px;
        font: 400 26px / 1.6 'Nunito', sans-serif;
    }

    .app-signin .banner .video-play {
        position: absolute;
        top: calc(30% - 58px);
        left: calc(50% - 58px);
        font-size: 114px;
        color: #2071B9;
        opacity: .65;
        transition: all .51s ease;
    }

    .app-signin .banner .video-play:hover {
        opacity: 1;
    }

    .app-signin .banner .video-play i.fa{
        font-size: 114px !important;
    }

    .app-signin .feature .feature-item {
        margin: 60px 0;
    }

    .app-signin .signin-container .Demo_panel {
        /*    background: #f7f9fc;*/
        padding: 8px 24px 32px;
        margin: 0 auto;
        margin-top: 32px;
        box-shadow: 0px 3px 20px 0px rgba(45, 80, 142, 0.2);
        max-width: 500px;
    }
    
    .app-signin .Demo_panel h3 {
        text-align: center;
        margin: 32px 0 8px;
        font-size: 24px;
    }
    
    .app-signin .Demo_panel h5 {
        color: #33d68b;
    }
    
    .Demo_panel form {
        overflow: hidden;
        margin-top: 32px;
    }
    
    .app-signin .label {
        font: 400 15px / 26px 'Karla', sans-serif;
    }
    .feature .feature-item .item {
        background: #fff;
        /*    box-shadow: 3px 3px 80px 5px rgba(44, 82, 118, 0.07);*/
        padding: 32px 8% 32px 32px;
        margin-bottom: 32px;
    }
    
    
    .app-signin .feature .feature-item .item img {
        /*
        width: 100%;
        max-width: 88px;
            float: left
    */
        max-width: 88px;
        float: left;
        max-height: 100px;
    }
    
    .app-signin .feature .feature-item .item .content {
        margin-left: 120px
    }

    .app-signin .container {
        margin: 0 auto;
        max-width: 1280px;
        width: 90%;
    }

    .app-signin h4 {
        font: 400 17px / 1.6 'Noto Sans', sans-serif;
    }

    .app-signin h2 {
        font: 900 36px / 1.6 'Noto Sans', sans-serif;
    }

    .app-signin .main-cs .item {
        margin-bottom: 120px;
    }

    .app-signin .small-box {
        max-width: 560px;
        margin-bottom: 15px;
    }

    .app-signin p {
        font: 400 15px / 26px 'Karla', sans-serif;
    }

    .new-chat .form-style .close {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 5px;
        padding: 10px;
        margin-right: 5px;
        line-height: 0.7;
    }
    


    /*Navigation*/



.delete-modal h2 {
    font: 500 30px / 1.6 'open sans', sans-serif;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.delete-modal p {
    font-size: 15px;
    color: #000;
}


    .meet-cont {
        padding-top: 120px;
    }

    .meet-cont .meet-list {
        padding-right: 16px;
    }

    .meet-cont .meet-list .list-tab {
        float: right;
    }

    .nav-tabs {
        border: none;
        border-bottom: solid 1px var(--border);
        ;
        display: flex;
        justify-content: center;
    }





    .modal .modal-dialog {
        position: relative;
    }

    .modal .modal-dialog.modal-md {
        max-width: 600px;
    }

    .modal .modal-dialog input,
    .modal .modal-dialog select {
        width: 100%;
        max-width: 480px;
    }



    .modal .modal-dialog label {
        color: var(--green-sub);
        font-weight: 900;
    }

    .modal .modal-dialog .close {
        position: absolute;
        right: 15px;
        cursor: pointer;
    }

    .modal .modal-dialog .modal-body,
    .modal .modal-dialog .modal-footer {
        padding: 24px;
    }

    .modal .modal-dialog .copy {
        display: flex;
        justify-content: space-between;
    }

    .modal .modal-dialog .copy i {
        font-size: 24px;
        cursor: pointer;
        position: absolute;
        right: 20px;

    }

    .hide {
        display: none !important;
    }


    .modal .modal-dialog .meet-info h3 {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: center;
        margin: 16px 0 32px;
    }

    .modal .modal-dialog .meet-info h3 i {
        color: var(--pri-color);
        margin-bottom: 8px;
    }

    .modal .modal-dialog .meet-info p span {
        width: 120px;
        display: inline-block;
        font-weight: 600;
    }




    /*call.html*/


    .call-cont {
        height: 100%;
        padding: 0;
        min-width: 336px;
        display: block;
    }

    .call-cont.dis {
        display: none;
    }

    .call-cont .call-screen {
        width: calc(100% - 336px);
        background: #030e0e;
        color: #fff;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .call-cont .call-screen .meeting {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;

    }











    /*Call Info*/

    .call-cont .call-screen .call-info {
        margin: 10% 0 0;
    }

    .call-cont .call-screen .call-info p {
        margin-bottom: 32px;
    }

    .call-cont .call-screen .call-info p span {
        width: 120px;
        display: inline-block;
    }


    .call-cont .call-screen .call-tools {

        margin-bottom: 24px;
    }

    .call-cont .call-screen .call-tools ul {
        list-style: none;
        display: flex;
        padding: 0;
    }

    .call-cont .call-screen .call-tools ul li {
        width: 60px;
        background: #fff;
        border: solid 2px #fff;
        margin: 0 16px;
        height: 60px;
        border-radius: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .call-cont .call-screen .call-tools ul li i {
        font-size: 24px;
    }

    .call-cont .call-screen .call-tools ul li.on {
        border-color: var(--pri-color);
    }

    .call-cont .call-screen .call-tools ul li.on i {
        color: var(--pri-color);
    }

    .call-cont .call-screen .call-tools ul li.note {
        border-color: var(--pri-txt-color);
    }

    .call-cont .call-screen .call-tools ul li.note i {
        color: var(--pri-txt-color);
    }

    .call-cont .call-screen .call-tools ul li.off {
        border-color: #e00505;
    }

    .call-cont .call-screen .call-tools ul li.off i {
        color: #e00505;
    }

    .call-cont .call-screen .call-tools ul li.disable {
        border-color: var(--border);
    }

    .call-cont .call-screen .call-tools ul li.disable i {
        color: var(--border);
    }

    .call-cont .call-screen .call-tools ul li.end {
        background: #e00505;
        border-color: #e00505;
    }




    .mob-option {
        position: absolute;
        right: 24px;
        top: 24px;
        border-radius: 50px;
        border: solid 1px #fff;
        color: #fff !important;
        width: 40px;
        display: flex;
        height: 40px;
        align-content: center;
        justify-content: center;
    }

    .mob-option i {
        align-self: center;
    }



    /*Call Details*/

    .call-cont .call-detail {
        width: 336px;
        background: #fff;
        height: 100%;
        z-index: 100;
    }

    .call-cont .call-detail .nav {
        height: 56px;
        background: var(--bg-color);
    }

    .call-cont .call-detail .nav li {}

    .call-cont .call-detail .nav li a {
        height: 100%;
        font-size: 18px;
        /* padding: 12px 32px; */
        padding: 18px 24px;
    }

    .call-cont .call-detail .tab-content {
        position: relative;
        height: calc(100% - 56px);
        padding: 12px 0;
    }

    .call-cont .call-detail .tab-content .tab-pane.info .content,
    .call-cont .call-detail .tab-content .tab-pane.setting .content {
        padding: 8px;
        /* height: calc(100vh - 180px) !important; */
        height: calc(100vh - 220px) !important;
        overflow-y: auto;
    }

    .call-cont .call-detail .tab-content select {
        width: 100%;
        border-color: var(--border);
        padding: 6px 4px;
        margin-bottom: 24px;
    }

    .call-cont .call-detail .tab-content .info p {}

    .call-cont .call-detail .tab-content .info p span {
        display: block;
        margin: 24px 0 2px 0px;
        font-weight: 900;
    }

    .call-cont .call-detail .tab-content .tab-pane .title {
        display: flex;
        border-bottom: solid 1px var(--border);
        margin: 0;
        padding: 0 12px;
        justify-content: space-between;
    }

    .call-cont .call-detail .tab-content .tab-pane .title span i {
        padding: 8px 14px;
        cursor: pointer;
    }

    .call-cont .call-detail .tab-content .tab-pane .footer {
        position: absolute;
        bottom: 0;
        border-top: solid 1px var(--border);
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .call-cont .call-detail .tab-content .tab-pane .footer .btn {
        padding: 8px 32px;
        margin: 16px auto;
    }

    .call-cont .call-detail .tab-content .user ul {
        list-style: none;
        padding: 0;
    }

    .call-cont .call-detail .tab-content .user li {
        display: flex;
        justify-content: space-between;
        padding: 12px 8px;
        align-items: center;
        cursor: pointer;
    }

    .call-cont .call-detail .tab-content .user li:hover {
        background: var(--pri-color-sub);
    }

    .call-cont .call-detail .tab-content .user li:hover p span {
        border-color: var(--pri-color);
    }

    .call-cont .call-detail .tab-content p {
        margin: 0;
    }

    .call-cont .call-detail .tab-content .user li p.name {
        display: flex;
        align-items: center;
    }

    .call-cont .call-detail .tab-content .user li p span {
        background: var(--bg-gray);
        padding: 4px;
        border-radius: 50px;
        border: solid 1px var(--bg-gray);
        margin-right: 8px;
        width: 36px;
        display: flex;
        float: left;
        justify-content: center;
    }

    .call-cont .call-detail .tab-content .user li p i {
        font-size: 16px;
        padding: 0 8px;
    }



    .call-cont .tab-content .tab-pane.chat {
        position: relative;
        height: 100%;

    }

    .call-cont .tab-content .tab-pane.chat .content {

        padding: 16px 8px 0 8px;
        margin: 0;
        width: 100%;
        height: calc(100% - 140px);
        overflow: auto;

    }

    .call-cont .chat .input select {
        font-size: 12px;
        max-width: 160px;
    }

    .call-cont .chat .input {
        padding-top: 16px;
        border: 0;
        /* margin-top: 24px; */
        padding: 16px 8px 0 8px;
        width: 100%;
        display: block;
        border-top: solid 1px var(--border);
        height: auto;
    }

    .call-cont .chat .input input {
        border: 0;
        border-bottom: solid 1px var(--border);
        width: 95%;
    }


    .call-cont .chat .chat-area {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .call-cont .chat .chat-area li {
        padding-top: 24px;
        display: flex;
        align-items: flex-end;
    }

    .call-cont .chat .chat-area li .person {
        font-size: 13px;
        font-weight: 600;
        background: var(--sec-color);
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        margin-right: 8px;
    }

    .call-cont .chat .chat-area li .msg {
        width: 68%;
    }

    .call-cont .chat .chat-area li .msg i {
        font-size: 12px !important;
    }

    .call-cont .chat .chat-area li .msg p {}

    .call-cont .chat .chat-area li .msg .text {
        background: var(--bg-color);
        padding: 0px 12px;
        border-radius: 4px;
        max-width: 90%;
        width: auto;
        word-wrap: break-word;
        display: inline-block;
    }

    .call-cont .chat .chat-area li .msg .time {
        font-size: 9px;
        margin: 4px 0 0 8px;
        line-height: 9px;
    }


    .call-cont .chat .chat-area li.right {
        flex-direction: row-reverse;
    }


    .call-cont .chat .chat-area li.right p {
        text-align: right;
    }

    .call-cont .chat .chat-area li.right .person {
        margin: 0 0 0 8px;
    }

    .call-cont .chat .chat-area li.right .msg {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .call-cont .chat .chat-area li.right .msg .text {
        float: right;
        background: var(--bg-gray);
    }

    .call-cont .chat .chat-area li.right .msg .time {
        margin: 4px 8px 0 0;
    }


    /*Login.html*/

    .login {
        background: #fff;
        box-shadow: 4px 5px 20px 6px #07232308;
        width: 100%;
        max-width: 500px;
        padding: 44px 24px;
        margin-top: 160px;

    }

    .login button,
    .login a {
        float: right;
        margin-left: 16px;
    }



    /*New 21-sep-2020*/

    .call-cont .call-detail .tab-content .user .parti-menu {
        position: absolute;
        background: #fff;
        right: 0;
        display: none;
        font-size: 12px;

    }

    .call-cont .call-detail .tab-content .user .parti-menu.dis {

        box-shadow: 0px 6px 9px 7px #0a10251a;
        display: block;
    }

    .call-cont .call-detail .tab-content .user .parti-menu li {
        padding: 0;
        border-bottom: solid 1px var(--border);
    }

    .call-cont .call-detail .tab-content .user .parti-menu li a {
        font-size: 12px;
        font-weight: 600;
        padding: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .call-cont .call-detail .tab-content .user .parti-menu li a i {
        padding-right: 8px;
    }


    .main-screen {
        overflow-y: auto;
    }

    .main-screen > div {
        padding: 0;
        overflow: hidden;
    }

    .main-screen header {
        /* padding: 16px; */
        height: auto;
    }

    .main-screen header .btn {

        font: 400 13px / 25px 'open sans', sans-serif;
        padding: 4px 35px;
    }

    .main-screen header .btn {

        font: 400 13px / 25px 'open sans', sans-serif;
        padding: 4px 35px;
    }

    .main-screen .sessions {
        margin-top: 36px;
        width: 96%;
        background: #fff;
        display: flex;
        align-self: center;
        margin-bottom: 90px;
        /* padding: 16px; */
    }

    .main-screen .sessions table {
        width: 100%;

        font: 400 13px / 25px 'open sans', sans-serif;
        color: var(--pri-txt-color);
        box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
    }

    /* .main-screen .sessions table tr {
        border-bottom: solid 1px var(--border);
    }

    .main-screen .sessions table tr th {
        padding: 8px 0;
    }

    .main-screen .sessions table tr td {
        padding: 8px 0;
    } */

    .main-screen .sessions table tr td.action {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .main-screen .sessions table tr td.action i {
        color: var(--pri-color);
    }

    .main-screen .sessions table tr td .btn {
        padding: 2px 8px;
        font-size: 12px;
        font-weight: 700;

        background: #fafafa;
    }


    /* Chat bot */

    .bot-recommentation {
        background: #232323;
        width: 100%;
        height: 100%;
    }


    .rtc-dev .btn-div{
        text-align: right;
        margin-top: -23px;
        
    }
    .rtc-dev i.fa {
        font-size: 15px !important;
        color: #fff;
        width: 35px;
        height: 35px;
        border-radius: 100px;
        outline: none;
        border: none;
        cursor: pointer;
        background-color: #ff7267;
        padding-top: 10px;
      }
      .rtc-dev audio{
        outline: none;
    }
    .msg-container {
        /* padding-top: 10px;
        height: 80%;
        width: 100%;
        max-width: 400px;
        left: 20%;
        position: absolute;
        z-index: 1000;
        display: flex;
        flex-direction: column;
        overflow: hidden; */
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: flex;
        flex-direction: column;
        overflow: hidden;
   }

   .mobile-view {
       background: #232323;
       height: 100vh;
   }

   .msg-container .chat-area::-webkit-scrollbar {
        width: 6px;
        background-color: #f5f5f5;
    }
    .msg-container .chat-area::-webkit-scrollbar-thumb {
        background-color: #a9a9a9;
        outline: 1px solid #708090;
    }
    .msg-container .chat-header {
        z-index: 2;
        height: 52px;
        color: #fff;
        padding: 8px 16px 16px;
        margin: 0;
        transform-origin: top;
        transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
        background: linear-gradient(90deg, #2283ae, #3e55a1);
   }
    .msg-container #headerImg {
        border-radius: 50%;
        height: 40px;
        width: 40px;
        padding: 5px;
        background-color: #fff;
        margin-top: -2px;
        float: left;
   }
    .msg-container #projName {
        top: 5px;
        left: 15px;
   }
    .msg-container #projName, .msg-container .text {
        position: relative;
   }
    .msg-container #close-button {
        margin-top: 7px;
        font-size: 21px;
        cursor: pointer;
        float: right;
   }
    .msg-container #intMsg {
        background: linear-gradient(90deg, #2283ae, #3e55a1);
        color: #fff;
        padding: 0 17px 17px;
        font-size: 14px;
        text-align: center;
   }
    .msg-container .chat-area {
        background-color: #fff;
        height: 100%;
        overflow-y: auto;
        font-family: Roboto, sans-serif;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
   }
    .msg-container .chat-area #welcomeMsgImg {
        margin-top: 20px;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        margin-left: 10px;
        background-color: #f5f5f5;
        padding: 7px;
   }
    .msg-container .chat-area #canStringTitle {
        position: relative;
        top: -10px;
        margin-left: 5px;
   }
    .msg-container .chat-area #canStringTitle, .msg-container .chat-area #canStringTitleFrom {
        font-size: 11px;
        font-weight: 700;
        color: #d3d3d3;
   }
    .msg-container .chat-area #welcomeMsgNew {
        /* border-radius: 0 15px 15px 15px; */
        background-color: #e6f1f0;
        color: #000;
        margin: 0 50px 5px 40px;
        padding: 10px;
        font-family: intercom-font, Helvetica Neue, Apple Color Emoji, Helvetica, Arial, sans-serif;
        font-style: normal;
        letter-spacing: normal;
        font-stretch: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4;
        max-width: 50%;
   }
   .msg-container .chat-area .message {
    position: relative;
   }

   .msg-container .chat-area .message.to {
        word-break: break-all;
        margin-top: 20px;
        display: flex;
        border-radius: 15px 0 15px 15px;
        background-color: #2594a5;
        color: #fff;
        text-align: center;
        margin-left: 45%;
        margin-right: 20px;
        padding: 15px 20px;
    }

    .msg-container .chat-area .message.from {
        border-radius: 0 15px 15px 15px;
        background-color: #e6f1f0;
        color: #000;
        margin: 30px 50px 50px 40px;
        padding: 20px 40px;
        margin-right: 30%;
    }

    .msg-container .chat-area #chatImg {
        position: absolute;
        margin-left: -70px;
        margin-top: -55px;
        height: 30px;
        border-radius: 100px;
        width: 30px;
        margin-right: 15px;
        background-color: #f5f5f5;
        padding: 7px;
    }

    .msg-container .chat-area #canStringTitleFrom {
        position: absolute;
        margin-top: -45px;
        margin-left: -30px;
    }

    .msg-container .chat-area #yourSentMessage{
        float: right;
        position: relative;
        right: 10px;
        margin-top: -20px;
        color: #d3d3d3;
        font-size: 12px;
        font-weight: 700;
    }

    .msg-container .chat-area .message.from, .msg-container .chat-area .message.to {
        font-size: 14px;
        font-family: intercom-font,Helvetica Neue,Apple Color Emoji,Helvetica,Arial,sans-serif;
        font-style: normal;
        letter-spacing: normal;
        font-stretch: normal;
        font-weight: 400;
    }
    .msg-container .btnClass {
        margin-bottom: -28px;
   }
    .msg-container .chat-header {
        width: 100%;
        /* border-radius: 15px 15px 0 0; */
   }
    .msg-container #keyBoard {
        position: relative;
        right: -319px;
        bottom: 44px;
        font-size: 24px;
        cursor: pointer;
   }
    .msg-container #canstring-text {
        font-size: 11px;
        text-align: center;
        /* border-radius: 0 0 15px 15px; */
        background: linear-gradient(90deg, #2283ae, #3e55a1);
        font-family: Arial, Helvetica, sans-serif;
        color: #f5f5f5;
   }

   .react-tel-input .form-control {
       width: 100% !important;
   }
    










    .modal {
        z-index: 100000;
    }

    .modal .modal-dialog {
        position: relative;
    }

    .modal .modal-dialog.modal-md {
        max-width: 600px;
    }

    .modal .modal-dialog .modal-body label {
        font: 400 14px / 26px 'open sans', sans-serif;
        color: var(--pri-text-color)
    }

    .modal .modal-dialog input,
    .modal .modal-dialog select {
        width: 100%;
        max-width: 480px;
    }



    .modal .modal-dialog label {
        color: var(--green-sub);
        font-weight: 900;
    }

    .modal-content,
    .modal-card {
        overflow: hidden;
        margin: 0;
    }

    .modal .modal-dialog .close {
        position: absolute;
        right: 15px;
    }

    .modal .modal-dialog .modal-body,
    .modal .modal-dialog .modal-footer {
        padding: 24px;
    }

    .modal .modal-dialog .copy {
        display: inline-block;
        padding: 10px;
        cursor: pointer;
    }

    .hide {
        display: none !important;
    }


    .modal .modal-dialog .meet-info h3 {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: center;
        margin: 16px 0 32px;
    }

    .modal .modal-dialog .meet-info h3 i {
        color: var(--pri-color);
        margin-bottom: 8px;
    }

    .modal .modal-dialog .meet-info p span {
        width: 120px;
        display: inline-block;
        font-weight: 600;
    }
    .modal.schedule .modal-dialog .radio input {
        width: auto;
    }








    @-moz-document url-prefix() {
        /*
    header {
        max-height: 600px;
    }

    @media (max-width: 767px) {

        header {
            max-height: fit;
        }
    }
*/

    }

    /*Media Query*/

    @media (max-width: 1600px) {}

    @media (max-width: 1200px) {}

    @media (max-width: 991px) {
        .meet-cont .meet-begin .begin-cont {
            margin-top: 32px;
            display: flex;
            flex-direction: column;
        }

        .meet-cont .meet-begin .begin-cont a {

            margin-right: 0;
            margin-bottom: 32px;
        }

        .call-cont .call-screen .call-tools ul li {
            width: 48px;
            height: 48px;
            margin: 0 8px;
        }

        .main-screen .sessions table tr {
            display: flex;
            flex-direction: column;
        }

        .main-screen .sessions table tr td {
            padding: 4px 0;
        }

    }

    @media (max-width: 767px) {

        .meet-cont .meet-list {
            padding: 0 16px;
        }

        .meet-cont .meet-list .list-tab {
            float: none;
        }

        .meet-cont {
            display: flex;
            flex-direction: column-reverse;
        }

        .meet-cont .meet-begin {
            padding-left: 0;
            margin-bottom: 60px;
            text-align: center;
        }

        .mobile-view {
            position: relative;
            overflow-y: auto;
            background: #232323;
        }

        .mobile-view .msg-container {
            left: 10%;
            z-index: inherit;
        }

        .mobile-view .msg-container #canstring-text {
            margin-bottom: 150px;
        }

    }

    @media (min-width: 768px) {}

    @media (max-width: 599px) {

        .login {

            margin-top: 80px;

        }


        .call-cont .call-screen {
            width: 100%;
            height: 100%;
        }

        .call-cont .call-detail {
            position: absolute;
            width: 100%;

        }

        .call-cont .call-detail.dis {
            height: 100%;
        }

        .call-cont .call-detail.dis .tab-content {
            display: block;
        }


        .call-cont .call-detail.dis .nav,
        .call-cont .call-detail .nav.dis {
            display: flex;
            justify-content: flex-end;
        }

        .call-cont .call-screen .call-info {
            margin-top: 160px;
        }

        .whiteboard {

            height: 100%;
            top: 0;

        }     




    }

    .pop .table {
        width: 100%;
        font: 400 13px / 25px 'open sans', sans-serif;
        color: var(--pri-txt-color);
        box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02); 
    }

    .pop .table tbody td a {
        color: #999;
        padding: 2px 5px;
        cursor: pointer;
    }

    .pop .table tbody td a i.fa {
        color: #999;
        padding: 5px;
    }

    .pop .table tbody td a:hover i.fa {
        color: #3273dc;
    }

    .se-p .tabs i.backto {
        padding: 10px;
        position: absolute;
        top: 65px;
        left: 8px;
        cursor: pointer;
    }

    .th-p header .btn {
        font: 400 13px / 25px 'open sans', sans-serif;
        padding: 4px 35px;
    }

    .main-cht-area .th-p .contents .audio_view {
        display: none;
    }

    .main-cht-area:hover .th-p .contents .audio_view {
        display: block;
    }

    .pop-parent .pop .pop-scroll {
        overflow-y: auto;
        max-height: 250px;
    }

    .pop-parent .pop a.button {
        color: #fff;
    }

    .modalshow .modal-content {
        overflow-y: auto;
        /* overflow: initial; */
    }

    .modalshow .react-datepicker-popper {
        z-index: 999999 !important; 
    }

    .modal .modal-content .btn {
        padding: 8px 20px;
    }

    
.help.is-danger {
    font: 400 14px / 14px 'open sans', sans-serif;
}
.flex-grid .fo-p .is-centered .is-active {
    display: block!important;
}
.flex-grid .fo-p .is-centered .tabsPanel {
    padding: 16px 10px;
    border-bottom: 1px solid #ccc;
}

.flex-grid .fo-p .is-centered .tabsPanel span.is-small {
    padding-left: 1.5em;
    padding-right: .5em;
}

.flex-grid .fo-p .is-centered .tabsPanel .fa {
    padding-right: 1em;
}

.flex-grid .fo-p .is-centered .tabsPanel .closeIcon {
    position: relative;
    float: right;
    color: #9fa2aa;
    top: .25em;
}

.userandgroupDetails .button.is-small {
    margin-right: 8px;
}

.userandgroupDetails .button .fa {
    margin-right: 5%;
}

.userandgroupDetails .button.is-small:hover, .userandgroupDetails .button .fa:hover {
    color:#3273dc;
}
.th-p .box {
    height: 100%;
}
.th-p .box .button {
    color:#fff;
}

.second-level-menu .tabs ul li a .fa {
    font-size: 14px !important;
    padding-right: 8px;
}

.th-p .table tbody td.ellipsis {
    font-size: 14px;
    max-width: 250px;
    min-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table tbody td .icon i.fa {
    color: #fff;
    font-size: 14px !important;
}

.button .icon.is-small .fa{
    font-size: 14px !important;
}

.userList .field {
    height: calc(100vh - 480px);
    overflow-y: auto;
    min-height: 150px !important;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.right-chevern header .chat-name .is-pulled-left .fa {
    transform: rotate(180deg);
    padding-left: 7px;
    padding-right: 0px;
}

.left-options {
    z-index: 999;
    position: absolute;
    left: 0;
}

.upload-list.card {
    margin-bottom: 10px;
    /* width: 100%; */
}
    
.upload-list.card .card-header {
      cursor: pointer;
      padding: 0px 10px;
      height: 40px;
}
    
.upload-list.card .card-header .icon {
        transform: rotate(180deg);
        transition: transform 150ms ease-out;
      }
        
.upload-list.card .card-content {
      transition: max-height 250ms ease;
      overflow: hidden;
      padding: 0px;
      min-height: 68px;
    }
        
.upload-list.card.not-expanded .card-header .icon{       
        transform: rotate(0deg);
    }
    
.upload-list.card.not-expanded .card-content {
      padding: 0;
      min-height: 0px;
    }

.upload-list.card .card-content .content {
    padding: 1em 1.25em;
}

.upload-list.card .card-content .content figure{
    margin: 0px;
}

.file-upload .file-detail p {
    margin: 0px;
}

.confirm-page a.button {
    color: #363636 !important;
}

.flex-grid.main-screen .pagination-align {
    position: fixed;
    bottom: 0px;
    width: calc(100% - 320px);
    background: #fff;
    z-index: 1000;
    display: flex;
    justify-content: flex-end;
}

.flex-grid.main-screen .modal .pagination-align {
    position: relative;
    width: auto;
}

.flex-grid .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
    margin-right: 2%;
}

.flex-grid .pagination > li:first-child > a {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.flex-grid .pagination > li:last-child > a, .flex-grid .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.flex-grid .pagination > .active > a, .flex-grid .pagination > .active > span, .flex-grid .pagination > .active > a:hover, .flex-grid .pagination > .active > span:hover, .flex-grid .pagination > .active > a:focus, .flex-grid .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #2366d1;
    border-color: #2366d1;
    cursor: default;
}


.flex-grid .pagination > li {
    display: inline;
}

.flex-grid .pagination > li.disabled { 
    pointer-events: inherit;
}

/* .flex-grid .pagination-align {
    width: 96%;
} */

.flex-grid .pagination > li > a {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.flex-grid .pagination > .disabled > span, .flex-grid .pagination > .disabled > span:hover, .flex-grid .pagination > .disabled > span:focus, .flex-grid .pagination > .disabled > a, .flex-grid .pagination > .disabled > a:hover, .flex-grid .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

@media screen and (max-width: 600px) {
    .call-cont .tab-content .tab-pane.chat .content {

        padding: 16px 8px 0 8px;
        margin: 0;
        width: 100%;
        height: calc(100% - 180px);
        overflow: auto;

    }
    .left-options {
        z-index: 999;
        position: relative;
        left: 0;
    }
    .audio_view .audio_content .option_btn {
        height: 24px;
        max-height: 24px;
        max-width: 24px;
        width: 24px;
    }
    .audio_view .audio_content .option_btn .fa{
        font-size: 12px !important;
    }
    .option_btn img {
        height: 12px;
        margin-top: 4px;
    }
    .audio_view .audio_content .conference_icon {
        text-align: center;
    }

    .left-count {
        height: 15px;
        font-size: 10px !important;
        margin-top: -10px;
        padding: 5px;        
        padding-top: 1px;
    }
    #closecall .fa {
        margin-top: 6px !important;
    }

    #contenvideo {
        z-index: inherit;
    }

    .__react_component_tooltip {
        display: none !important;
    }
    .whiteboard {
        width: 100%;
    }
    .call-cont .call-detail .tab-content .tab-pane .footer {
        bottom: 50px;
    }
    .video-parent .doc-tool {
        bottom: 15px;
        right: 15px;
    }
    .video-parent .close-doc {
        right: 0px;
        top: 100px;
    }
}