:root {
    --uxr_dialog_border: #ffffff;
    --reservation_table_bg: #ebebeb;
    --reservation_col_row_bg: #fafafa;
    --reservation_col_row_text: #333;
    --reservation_today_bg: #fafafa;
    --reservation_nav_bg: #343a40;
    --reservation_modal_header_bg: #333;
}
body.wf.sideMenu {
    --uxr_dialog_border: #ffffff;
    --reservation_table_bg: #ebebeb;
    --reservation_col_row_bg: #fafafa;
    --reservation_col_row_text: #333;
    --reservation_today_bg: #fafafa;
    --reservation_nav_bg: #343a40;
    --reservation_modal_header_bg: #333;
    --accordion-title: #333333;
    --accordion-title-bg: #F7F7F7;
    --accordion-content: #fcfcfc;
    --announce-box-bg: #67ADBD;
}
    body.wf.sideMenu.darkMode {
        --uxr_dialog_border: #323232;
        --reservation_table_bg: #28282b;
        --reservation_col_row_bg: #1c1c1c;
        --reservation_col_row_text: #fafafa;
        --reservation_today_bg: #1c1c1c;
        --reservation_nav_bg: #343a40;
        --reservation_modal_header_bg: #000;
        --accordion-title: #dcddde;
        --accordion-title-bg: #252729;
        --accordion-border: #00000066;
        --accordion-content: #28282b;
        --announce-box-bg: #18363c;
        --p0_text: #c0c0c0;
        --p1_text: #f6f6f6;
    }

html {
    box-sizing: inherit
}

*, *:after, *:before {
    box-sizing: inherit
}

hr, input[type="search"] {
    box-sizing: inherit
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td {
    margin-top: 0;
    padding: 0
}
body.wf .a_header div,
body.wf .b_w_caption,
body.wf .caption,
body.wf .fcap,
body.wf .fcaps,
body.wf .frontcap,
body.wf .fti,
body.wf .headrow > div,
body.wf .rs h2,
body.wf .rtcap,
body.wf h1,
body.wf h2,
body.wf h3,
body.wf h4,
body.wf h5 {
    font-family: "Inter" !important;
    color: var(--p0_text);
}
.group:after, .detail-button-container:after, .form-elements:after {
    content: "";
    display: table;
    clear: both
}

html {
    font-size: 16px
}

body {
    font: 11px/1.5 "Inter" !important;
    ;
    color: gray
}

@media only screen and (min-resolution: 120dpi) {
    body {
        font: 11px/1.5 "Inter" !important;
    }
}

    html {
        box-sizing: inherit
    }

    *, *:after, *:before {
        box-sizing: inherit
    }

    hr, input[type="search"] {
        box-sizing: inherit
    }

    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td {
        margin-top: 0;
        padding: 0
    }

    .group:after, .detail-button-container:after, .form-elements:after {
        content: "";
        display: table;
        clear: both
    }

    .uxr-collapsible-header {
        position: relative;
        display: block;
        margin: 0;
        cursor: pointer
    }

    .uxr-collapsible-animateCSS > .uxr-collapsible-content {
        height: 0;
        overflow: hidden;
        transition: all .3s
    }

    .uxr-collapsible-current.uxr-collapsible-animateCSS > .uxr-collapsible-content {
        overflow: visible;
        height: auto;
        padding: 15px 0
    }

    .uxr-collapsible-animateJS > .uxr-collapsible-content {
        display: none
    }

    .uxr-collapsible-current.uxr-collapsible-animateJS > .uxr-collapsible-content {
        display: block
    }

    [class^="uxr-select-"] {
        box-sizing: border-box
    }

    .uxr-select-wrap .uxr-select-aria-hidden {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(0 0 0 0)
    }

    .uxr-select-ready {
        visibility: hidden
    }

    .uxr-select-selection {
        position: relative;
        overflow: hidden;
        display: inline-block;
        min-height: 32px;
        border-radius: 4px;
        border: 1px solid #ccc;
        color: #222;
        text-decoration: none;
        vertical-align: middle
    }

        .uxr-select-selection.uxr-select-opened {
            border-radius: 4px 4px 0 0
        }

        .uxr-select-selection.uxr-select-loading:after {
            position: absolute;
            top: 4px;
            right: 4px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: dashed 2px #ccc;
            background-color: #fff;
            animation: uxr-select-loading 2s infinite linear;
            content: ""
        }

    .uxr-select-selection-text {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 5px 30px 5px 5px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .uxr-select-multiple .uxr-select-selection-text {
        padding: 5px;
        overflow: auto;
        background-color: #fff;
        white-space: normal
    }

    .uxr-select-multiple.uxr-select-opened .uxr-select-selection-text:after {
        content: "|";
        animation: uxr-select-blink linear infinite 1s
    }

    .uxr-select-disabled, .uxr-select-disabled:hover {
        color: #999;
        cursor: default
    }

    .uxr-select-readonly, .uxr-select-readonly:hover {
        color: #777;
        cursor: default
    }

    .uxr-select-arrow {
        position: absolute;
        top: 50%;
        right: 5px;
        width: 0;
        height: 0;
        margin-top: -2px;
        border: 5px solid;
        border-color: #555 transparent transparent;
    }
body.wf.sideMenu.darkMode .uxr-select-arrow {
    border-top-color: #666;
}

.uxr-select-multiple .uxr-select-arrow {
    display: none
}

    .uxr-select-opened .uxr-select-arrow {
        margin-top: -7px;
        border-color: transparent transparent #555
    }

    .uxr-select-disabled .uxr-select-arrow {
        border-color: #999 transparent transparent
    }

    .uxr-select-disabled.uxr-select-opened .uxr-select-arrow {
        border-color: transparent transparent #999
    }

    .uxr-select-readonly .uxr-select-arrow {
        border-color: #777 transparent transparent
    }

    .uxr-select-readonly.uxr-select-opened .uxr-select-arrow {
        border-color: transparent transparent #777
    }

    .uxr-select-selected-tag {
        position: relative;
        display: inline-block;
        margin-bottom: 3px;
        padding: 3px;
        border-radius: 4px;
        background-color: #ddd;
        font-size: .8em;
        line-height: 1
    }

        .uxr-select-selected-tag.uxr-select-has-remove-selected-tag {
            padding: 3px 25px 3px 3px
        }

    .uxr-select-remove-selected-tag {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 100%;
        padding: 3px;
        text-align: center;
        cursor: pointer
    }

    .uxr-select-drop {
        position: absolute;
        z-index: 11000;
        border: 1px solid #ccc;
        border-radius: 0 0 4px;
        background-color: #fff
    }

    body.sideMenu .uxr-select-drop {
        top: 178px !important;
    }

        .uxr-select-drop ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .uxr-select-drop li {
            list-style: none
        }

    .uxr-select-list {
        max-height: 250px;
        overflow-y: auto
    }

        .uxr-select-list, .uxr-select-list ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

    .uxr-select-search {
        display: block;
        padding: 4px
    }

        .uxr-select-search input {
            width: calc(100% - 8px);
            padding: 4px;
            border: 1px solid #ccc;
            border-radius: 4px
        }

        .uxr-select-search div[searchField="true"] {
            width: calc(100% - 8px);
            padding: 4px;
            border: 1px solid #ccc;
            border-radius: 4px;
            height: 25px
        }

    .uxr-select-group-name {
        display: block;
        padding: 4px;
        font-weight: bold
    }

    .uxr-select-option {
        display: block;
        max-width: 400px;
        padding: 4px;
        cursor: pointer
    }

        .uxr-select-option:hover, .uxr-select-selected .uxr-select-option, .uxr-select-highlight .uxr-select-option {
            background-color: #f0f0f0
        }

    .uxr-select-disabled .uxr-select-option {
        background-color: #fff;
        color: #ccc;
        cursor: default
    }

    .uxr-select-hide {
        display: none
    }

    @keyframes uxr-select-blink {
        0% {
            opacity: 0
        }

        50% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes uxr-select-loading {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .uxr-select-selection {
        position: relative
    }

    .uxr-select-icon-holder {
        position: absolute;
        top: 3px;
        right: 2px
    }

        .uxr-select-icon-holder img {
            width: 24px
        }

        .uxr-select-icon-holder i {
            right: 2px;
            position: relative
        }

    .uxitd-tooltip-ready[data-type="popover"] {
        cursor: pointer
    }

    .tooltip-pop {
        position: absolute;
        z-index: 20001;
        max-width: 200px
    }

        .tooltip-pop.tooltip-ajax-content {
            max-width: 40%
        }

    .tooltip-content {
        padding: 5px 25px 5px 10px;
        border-radius: 5px;
        background: #000;
        background: rgba(0, 0, 0, 0.8) center no-repeat;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
        font-size: 14px;
        color: #fff
    }

        .tooltip-content a {
            color: #fff
        }

    .tooltip-popover .tooltip-content {
        padding-right: 23px
    }

    .preloading .tooltip-content {
        width: 40px;
        height: 30px;
        background-image: url("data:image/gif;base64,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")
    }

    .tooltip-arrow {
        position: relative;
        width: 100%;
        height: 5px
    }

        .tooltip-arrow:after {
            position: absolute;
            left: 50%;
            width: 0;
            height: 0;
            content: "";
            margin-left: -5px;
            border: solid transparent;
            border-top-color: rgba(0, 0, 0, 0.8);
            border-width: 5px
        }

    .position-start .tooltip-arrow:after {
        left: 15px
    }

    .position-end .tooltip-arrow:after {
        left: auto;
        right: 5px
    }

    .placement-bottom .tooltip-arrow {
        position: absolute;
        top: 0;
        left: 0
    }

        .placement-bottom .tooltip-arrow:after {
            top: -200%;
            border-top-color: transparent;
            border-bottom-color: rgba(0, 0, 0, 0.8)
        }

    .no-rgba .tooltip-arrow:after {
        border-top-color: #000
    }

    .tooltip-close {
        position: absolute;
        top: 5px;
        right: 8px;
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        cursor: pointer
    }

    .group:after, .detail-button-container:after, .form-elements:after {
        content: " ";
        display: table;
        clear: both
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        font-variant: normal !important;
        vertical-align: inherit !important
    }

    .icon-sendmail:before {
        top: -1px;
        position: relative
    }

    .buttons {
        text-align: center
    }

    body.user-info {
        font-family: TyponineSansProLight;
        font-size: .75rem
    }

        body.user-info *, body.user-info *:before, body.user-info *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

    .hcont.hcont {
        box-sizing: content-box !important
    }

    .dialog-delete .uxr-dialog-title {
        color: #B71C1C
    }

    .dialog-delete .uxr-dialog-content {
        font-size: .8125rem
    }

    .dialog-delete .uxr-dialog-buttons {
        direction: rtl
    }

    .dialog-delete .uxr-dialog-button {
        padding: 10px 30px !important;
        color: #fff;
        margin: 5px
    }

        .dialog-delete .uxr-dialog-button.uxr-dialog-confirm-button {
            background-color: #B71C1C !important
        }

        .dialog-delete .uxr-dialog-button.uxr-dialog-cancel-button {
            background-color: #00a4e9 !important
        }

        .dialog-delete .uxr-dialog-button:hover {
            opacity: .8
        }

    .ui-datepicker {
        width: auto
    }

    .uxitd-calendar-wrap {
        position: relative;
        display: inline-block
    }

        .uxitd-calendar-wrap .icon-calendar {
            position: absolute;
            top: 0;
            left: 5px;
            width: 25px;
            height: 100%;
            font-size: 1.2em;
            color: #CAD3D8
        }

            .uxitd-calendar-wrap .icon-calendar:before {
                position: absolute;
                top: 50%;
                margin-top: -8px
            }

        .uxitd-calendar-wrap input {
            border: none
        }

        .uxitd-calendar-wrap [class*="-column"], .uxitd-calendar-wrap .uxitd-calendar-ready {
            width: 100%;
            padding: 0;
            color: #7C7C7C;
            font-size: 16px;
            line-height: 35px;
            border: 1px solid #efefef;
        }

    .external .ui-datepicker {
        position: relative;
        display: none;
        width: 24em;
        border: 1px solid #37ade0;
        background: #fff;
        padding: 10px
    }

        .external .ui-datepicker select.ui-datepicker-month, .external .ui-datepicker select.ui-datepicker-year {
            width: 39%;
            margin: 0 1%
        }

        .external .ui-datepicker .ui-datepicker-header {
            padding: .2em 0 .7em
        }

        .external .ui-datepicker .ui-datepicker-prev, .external .ui-datepicker .ui-datepicker-next {
            top: .5em;
            width: 2em;
            height: 2em;
            color: white;
            line-height: 2em;
            border-radius: 50%;
            text-decoration: none !important;
            cursor: pointer;
            font-size: .9em;
            font-family: icons;
            display: inline-block;
            background: #00a4e9
        }

            .external .ui-datepicker .ui-datepicker-prev span, .external .ui-datepicker .ui-datepicker-next span {
                display: none
            }

        .external .ui-datepicker .ui-datepicker-prev {
            left: 1em;
            float: left;
            text-align: center
        }

        .external .ui-datepicker .ui-datepicker-next {
            right: .9em;
            float: right;
            text-align: center;
            text-indent: 6px
        }

        .external .ui-datepicker .ui-datepicker-calendar {
            border: none;
            font-size: 1em
        }

            .external .ui-datepicker .ui-datepicker-calendar th, .external .ui-datepicker .ui-datepicker-calendar td {
                padding: 1px;
                border: none;
                background: none;
                text-align: center
            }

            .external .ui-datepicker .ui-datepicker-calendar th {
                font-weight: normal
            }

            .external .ui-datepicker .ui-datepicker-calendar td span, .external .ui-datepicker .ui-datepicker-calendar td a {
                padding: 10px;
                border: 1px solid #fff;
                color: #333;
                text-align: center;
                text-decoration: none
            }

                .external .ui-datepicker .ui-datepicker-calendar td span.ui-priority-secondary, .external .ui-datepicker .ui-datepicker-calendar td a.ui-priority-secondary {
                    color: #999
                }

                .external .ui-datepicker .ui-datepicker-calendar td span.ui-state-active, .external .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
                    border-color: #a6a6a6;
                    background: #d9d9d9;
                    color: #fff
                }

                    .external .ui-datepicker .ui-datepicker-calendar td span.ui-state-active:hover, .external .ui-datepicker .ui-datepicker-calendar td a.ui-state-active:hover {
                        border-color: #a6a6a6;
                        background: #a6a6a6
                    }

                .external .ui-datepicker .ui-datepicker-calendar td span.ui-state-highlight, .external .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight {
                    border-color: #e5e5e5
                }

                    .external .ui-datepicker .ui-datepicker-calendar td span.ui-state-highlight:hover, .external .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight:hover {
                        border-color: #a6a6a6
                    }

                .external .ui-datepicker .ui-datepicker-calendar td span:hover, .external .ui-datepicker .ui-datepicker-calendar td a:hover {
                    border-color: #efefef;
                    background: #efefef;
                    text-decoration: none
                }

            .external .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
                border-color: #e9e9e9;
                background: #e9e9e9;
                color: #aaa
            }

                .external .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span:hover {
                    border-color: #e9e9e9;
                    background: #e9e9e9
                }

    .external .uxitd-calendar-wrap {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-left: 0
    }

        .external .uxitd-calendar-wrap input[type="text"] {
            outline: 0;
            background: #fff;
            border-bottom: 2px solid #e0e4ea;
            border-radius: 0;
            color: #222;
            font-size: .875rem
        }

        .external .uxitd-calendar-wrap .icon-calendar {
            position: absolute;
            top: 50%;
            right: 0;
            width: 25px;
            height: 100%;
            font-size: 1.2em;
            color: #37ade0;
            left: auto
        }

            .external .uxitd-calendar-wrap .icon-calendar:before {
                position: absolute;
                top: 50%;
                right: 5px;
                margin-top: -9px
            }

        .external .uxitd-calendar-wrap [class*="-column"], .external .uxitd-calendar-wrap .uxitd-calendar-ready {
            width: 100%;
            padding-right: 24px
        }

    .external .ui-timepicker-div .ui_tpicker_time_label {
        margin-top: -4px
    }

    .external .ui-timepicker-div .ui-widget-header {
        margin-bottom: 8px
    }

    .external .ui-timepicker-div dl {
        text-align: left;
        padding-left: 0
    }

        .external .ui-timepicker-div dl dt {
            float: left;
            padding: 0 0 0 5px;
            font-weight: normal;
            margin-top: -4px;
            margin-right: 8px;
            line-height: 28px
        }

        .external .ui-timepicker-div dl dd {
            margin: 0 10px 10px 0;
            float: left
        }

    .external .ui-timepicker-div td {
        font-size: 90%
    }

        .external .ui-timepicker-div td select {
            display: block
        }

    .external .ui-tpicker-grid-label {
        background: none;
        border: none;
        margin: 0;
        padding: 0
    }

    .external .ui-timepicker-rtl {
        direction: rtl
    }

        .external .ui-timepicker-rtl dl {
            text-align: right;
            padding: 0 5px 0 0
        }

            .external .ui-timepicker-rtl dl dt {
                float: right;
                clear: right
            }

            .external .ui-timepicker-rtl dl dd {
                margin: 0 6px 15px 35%
            }

    .external .ui-datepicker-close {
        float: right !important
    }

    .external .ui-datepicker-current {
        display: none
    }

    .external .ui_tpicker_hour_label {
        margin-left: 6px
    }

    .external .ui_tpicker_time {
        margin-top: 4px;
        color: #37ade0
    }

    .external .ui_tpicker_time_label {
        margin-left: 25%;
        margin-right: 10px
    }

    .external .ui_tpicker_hour_label {
        clear: left
    }

    .uxr-select-arrow {
        border-top-color: #225282
    }

    .uxr-select-opened .uxr-select-arrow {
        border-bottom-color: #225282
    }
    body.wf.sideMenu.darkMode .uxr-select-opened .uxr-select-arrow {
        border-bottom-color: transparent;
    }
    .uxr-select-readonly .uxr-select-arrow {
        border-top-color: #F3F5F6
    }

    .uxr-select-selection {
        height: 40px;
        border-radius: 0;
        border-width: 0 0 2px;
        border-color: #e0e4ea
    }

        .uxr-select-selection.uxr-select-multiple {
            height: auto;
            min-height: 40px
        }

    .is-active .uxr-select-selection, .uxr-select-selected .uxr-select-selection {
        border-color: #00a4e9
    }

    .is-disabled .uxr-select-selection {
        border-color: #ebebeb
    }

    .is-readonly .uxr-select-selection {
        border-color: #F3F5F6
    }

    .error-container .uxr-select-selection, .item-error .uxr-select-selection, .is-error + .uxr-select-selection {
        border-color: #FF6D51
    }

    .uxr-select-selection-text {
        padding: 9px 20px 9px 0;
        color: #444;
        font-size: 1rem
    }

    .is-disabled .uxr-select-selection-text, .is-readonly .uxr-select-selection-text {
        color: #F3F5F6
    }

    .uxr-select-selection-wrap.uxr-select-selected .item-label, .uxr-select-selection-wrap .uxr-select-opened .item-label {
        color: #00a4e9
    }

    .uxr-select-drop {
        border-radius: 3px;
        border-color: #e0e4ea;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 11000;
        text-align: left;
        max-width: 150px;
    }

        .uxr-select-drop .uxr-select-search input {
            width: 100%;
            border-width: 1px;
            padding: 10px
        }

    .uxr-select-list::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    .uxr-select-list::-webkit-scrollbar-thumb {
        background: #434547;
        border-radius: 3px
    }

        .uxr-select-list::-webkit-scrollbar-thumb:vertical {
            height: 5px;
            background-color: #434547
        }

    .uxr-select-list::-webkit-scrollbar-track {
        background-color: transparent
    }

    .uxr-select-list::-webkit-scrollbar-track-piece {
        background-color: transparent
    }

    .uxr-select-option {
        max-width: 100%;
        padding: 10px;
        color: #444
    }

    .uxr-select-selected .uxr-select-option {
        background-color: #FCFCFC
    }

    .uxr-select-option:hover, .uxr-select-highlight .uxr-select-option {
        background-color: color(info)
    }

    .fs-container .uxr-select-selection-text {
        padding: 1px 30px 1px 5px;
        text-align: left
    }

    .fs-container .uxr-select-drop {
        text-align: left
    }

    .fs-container .uxr-select-selection {
        border-radius: 0;
        vertical-align: top;
        border: 1px solid #E3E3E3;
        font-size: 16px;
        color: #7C7C7C;
        background: #f4f4f4
    }

    .select2-container {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: middle
    }

        .select2-container .select2-selection--single {
            box-sizing: border-box;
            cursor: pointer;
            display: block;
            height: 40px;
            user-select: none;
            -webkit-user-select: none
        }

            .select2-container .select2-selection--single:focus {
                outline: none
            }

            .select2-container .select2-selection--single .select2-selection__rendered {
                display: block;
                padding-right: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .select2-container .select2-selection--single .select2-selection__clear {
                position: relative
            }

        .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
            padding-right: 8px;
            padding-left: 20px
        }

        .select2-container .select2-selection--multiple {
            box-sizing: border-box;
            cursor: pointer;
            display: block;
            min-height: 32px;
            user-select: none;
            -webkit-user-select: none
        }

            .select2-container .select2-selection--multiple .select2-selection__rendered {
                display: inline-block;
                overflow: hidden;
                padding-left: 8px;
                text-overflow: ellipsis;
                white-space: nowrap
            }

        .select2-container .select2-search--inline {
            float: left
        }

            .select2-container .select2-search--inline .select2-search__field {
                box-sizing: border-box;
                border: none;
                font-size: 100%;
                margin-top: 5px;
                padding: 0
            }

                .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                    -webkit-appearance: none
                }

    .select2-dropdown {
        background-color: white;
        border: 1px solid #aaa;
        border-radius: 4px;
        box-sizing: border-box;
        display: block;
        position: absolute;
        left: -100000px;
        width: 100%;
        z-index: 10000
    }

    .select2-results {
        display: block
    }

    .select2-results__options {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .select2-results__option {
        padding: 6px;
        user-select: none;
        -webkit-user-select: none
    }

        .select2-results__option[aria-selected] {
            cursor: pointer
        }

    .select2-container--open .select2-dropdown {
        left: 0
    }

    .select2-container--open .select2-dropdown--above {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .select2-container--open .select2-dropdown--below {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-search--dropdown {
        display: block;
        padding: 4px
    }

        .select2-search--dropdown .select2-search__field {
            padding: 4px;
            width: 100%;
            box-sizing: border-box
        }

            .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none
            }

        .select2-search--dropdown.select2-search--hide {
            display: none
        }

    .select2-close-mask {
        border: 0;
        margin: 0;
        padding: 0;
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        min-height: 100%;
        min-width: 100%;
        height: auto;
        width: auto;
        opacity: 0;
        z-index: 99;
        background-color: #fff;
        filter: alpha(opacity=0)
    }

    .select2-hidden-accessible {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border-bottom: 2px solid #e0e4ea
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 40px
        }
        body.wf.darkMode .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: var(--p0_text);
        }
        .select2-container--default .select2-selection--single .select2-selection__clear {
            cursor: pointer;
            float: right;
            font-weight: bold
        }

        .select2-container--default .select2-selection--single .select2-selection__placeholder {
            color: #999
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 36px;
            position: absolute;
            top: 1px;
            right: 1px;
            width: 20px
        }

            .select2-container--default .select2-selection--single .select2-selection__arrow b {
                border-color: #888 transparent transparent transparent;
                border-style: solid;
                border-width: 5px 4px 0 4px;
                height: 0;
                left: 50%;
                margin-left: -4px;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 0
            }

    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
        float: left
    }

    .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
        left: 1px;
        right: auto
    }

    .select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection__rendered {
        color: #e8e8e8;
        cursor: default
    }

        .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
            display: none
        }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #888 transparent;
        border-width: 0 4px 5px 4px
    }

    .select2-container--default .select2-selection--multiple {
        background-color: white;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: text
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            box-sizing: border-box;
            list-style: none;
            margin: 0;
            padding: 0 5px;
            width: 100%
        }

            .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
                list-style: none
            }

        .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
            color: #999;
            margin-top: 5px;
            float: left
        }

        .select2-container--default .select2-selection--multiple .select2-selection__clear {
            cursor: pointer;
            float: right;
            font-weight: bold;
            margin-top: 5px;
            margin-right: 10px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #e4e4e4;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin-right: 5px;
            margin-top: 5px;
            padding: 0 5px
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
            color: #999;
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            margin-right: 2px
        }

            .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #333
            }

    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
        float: right
    }

    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
        margin-left: 5px;
        margin-right: auto
    }

    .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
        margin-left: 2px;
        margin-right: auto
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: solid black 1px;
        outline: 0
    }

    .select2-container--default.select2-container--disabled .select2-selection--multiple {
        background-color: #eee;
        cursor: default
    }

    .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
        display: none
    }

    .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #aaa
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        background: transparent;
        border: none;
        outline: 0;
        box-shadow: none;
        -webkit-appearance: textfield
    }

    .select2-container--default .select2-results > .select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }

    .select2-container--default .select2-results__option[role=group] {
        padding: 0
    }

    .select2-container--default .select2-results__option[aria-disabled=true] {
        color: #999
    }

    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #ddd
    }

    .select2-container--default .select2-results__option .select2-results__option {
        padding-left: 1em
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0
        }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -1em;
            padding-left: 2em
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -2em;
                padding-left: 3em
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -3em;
                    padding-left: 4em
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -4em;
                        padding-left: 5em
                    }

                        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                            margin-left: -5em;
                            padding-left: 6em
                        }

    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #5897fb;
        color: white
    }

    .select2-container--default .select2-results__group {
        cursor: default;
        display: block;
        padding: 6px
    }

    .select2-container--classic .select2-selection--single {
        background-color: #f7f7f7;
        border: 1px solid #aaa;
        border-radius: 4px;
        outline: 0;
        background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
        background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
        background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
    }

        .select2-container--classic .select2-selection--single:focus {
            border: 1px solid #5897fb
        }

        .select2-container--classic .select2-selection--single .select2-selection__rendered {
            color: #444;
            line-height: 40px
        }

        .select2-container--classic .select2-selection--single .select2-selection__clear {
            cursor: pointer;
            float: right;
            font-weight: bold;
            margin-right: 10px
        }

        .select2-container--classic .select2-selection--single .select2-selection__placeholder {
            color: #999
        }

        .select2-container--classic .select2-selection--single .select2-selection__arrow {
            background-color: #ddd;
            border: none;
            border-left: 1px solid #aaa;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            height: 26px;
            position: absolute;
            top: 1px;
            right: 1px;
            width: 20px;
            background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
            background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
            background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
        }

            .select2-container--classic .select2-selection--single .select2-selection__arrow b {
                border-color: #888 transparent transparent transparent;
                border-style: solid;
                border-width: 5px 4px 0 4px;
                height: 0;
                left: 50%;
                margin-left: -4px;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 0
            }

    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
        float: left
    }

    .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
        border: none;
        border-right: 1px solid #aaa;
        border-radius: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        left: 1px;
        right: auto
    }

    .select2-container--classic.select2-container--open .select2-selection--single {
        border: 1px solid #5897fb
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
            background: transparent;
            border: none
        }

            .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
                border-color: transparent transparent #888 transparent;
                border-width: 0 4px 5px 4px
            }

    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
        background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
        background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
    }

    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
        background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
        background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
    }

    .select2-container--classic .select2-selection--multiple {
        background-color: white;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: text;
        outline: 0
    }

        .select2-container--classic .select2-selection--multiple:focus {
            border: 1px solid #5897fb
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
            list-style: none;
            margin: 0;
            padding: 0 5px
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__clear {
            display: none
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice {
            background-color: #e4e4e4;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin-right: 5px;
            margin-top: 5px;
            padding: 0 5px
        }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
            color: #888;
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            margin-right: 2px
        }

            .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #555
            }

    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
        float: right
    }

    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
        margin-left: 5px;
        margin-right: auto
    }

    .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
        margin-left: 2px;
        margin-right: auto
    }

    .select2-container--classic.select2-container--open .select2-selection--multiple {
        border: 1px solid #5897fb
    }

    .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .select2-container--classic .select2-search--dropdown .select2-search__field {
        border: 1px solid #aaa;
        outline: 0
    }

    .select2-container--classic .select2-search--inline .select2-search__field {
        outline: 0;
        box-shadow: none
    }

    .select2-container--classic .select2-dropdown {
        background-color: white;
        border: 1px solid transparent
    }

    .select2-container--classic .select2-dropdown--above {
        border-bottom: none
    }

    .select2-container--classic .select2-dropdown--below {
        border-top: none
    }

    .select2-container--classic .select2-results > .select2-results__options {
        max-height: 200px;
        overflow-y: auto
    }

    .select2-container--classic .select2-results__option[role=group] {
        padding: 0
    }

    .select2-container--classic .select2-results__option[aria-disabled=true] {
        color: grey
    }

    .select2-container--classic .select2-results__option--highlighted[aria-selected] {
        background-color: #3875d7;
        color: white
    }

    .select2-container--classic .select2-results__group {
        cursor: default;
        display: block;
        padding: 6px
    }

    .select2-container--classic.select2-container--open .select2-dropdown {
        border-color: #5897fb
    }

    .editable-options {
        text-align: right
    }

        .editable-options .option-tools {
            position: absolute;
            right: 10px;
            z-index: 50;
            font-size: 1rem;
            margin-top: -3px
        }

        .editable-options i {
            content: '';
            cursor: pointer;
            width: 20px;
            height: 20px;
            background: #B71C1C;
            display: inline-block;
            text-align: center;
            line-height: 20px;
            color: white !important;
            margin-right: 2px
        }

            .editable-options i.edit-option {
                background: #FF6D51
            }

    .tooltip-content {
        font-size: 11px
    }

    .tooltip-pop {
        z-index: 999999999;
    }

        .tooltip-pop .placement-left .tooltip-arrow {
            right: -5px;
            left: auto
        }

        .tooltip-pop.position-start .tooltip-content {
            position: relative;
            left: 20px
        }

        .tooltip-pop.position-start .tooltip-arrow {
            position: absolute;
            right: 0;
            left: auto;
            width: 0;
            top: calc(50% - 5px);
            margin-left: 0
        }

            .tooltip-pop.position-start .tooltip-arrow:after {
                position: inherit;
                left: 25px;
                border-top-color: transparent;
                border-left-color: black
            }

    /*!
 * FullCalendar v3.4.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */

    .fc {
        direction: ltr;
        text-align: left
    }

    .fc-rtl {
        text-align: right
    }

    body .fc {
        font-size: 1em
    }

    .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
        border-color: #ddd
    }

    .fc-unthemed .fc-popover {
        background-color: #fff
    }

        .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
            background: #eee
        }

            .fc-unthemed .fc-popover .fc-header .fc-close {
                color: #666
            }

    .fc-unthemed td.fc-today {
        background: #fcf8e3
    }

    .fc-highlight {
        background: #bce8f1;
        opacity: .3
    }

    .fc-bgevent {
        background: #8fdf82;
        opacity: .3
    }

    .fc-nonbusiness {
        background: #f32d0d;
        color: white;
        background-image: repeating-linear-gradient(45deg, #f32d0d, #f32d0d 1px, #ccc 1px, #ccc 7px)
    }

    .fc-unthemed .fc-disabled-day {
        background: #d7d7d7;
        opacity: .3
    }

    .ui-widget .fc-disabled-day {
        background-image: none
    }

    .fc-icon {
        display: inline-block;
        height: 1em;
        line-height: 1em;
        font-size: 1em;
        text-align: center;
        overflow: hidden;
        font-family: "Courier New", Courier, monospace;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .fc-icon:after {
            position: relative
        }

    .fc-icon-left-single-arrow:after {
        content: "\02039";
        font-weight: bold;
        font-size: 200%;
        top: -7%
    }

    .fc-icon-right-single-arrow:after {
        content: "\0203A";
        font-weight: bold;
        font-size: 200%;
        top: -7%
    }

    .fc-icon-left-double-arrow:after {
        content: "\000AB";
        font-size: 160%;
        top: -7%
    }

    .fc-icon-right-double-arrow:after {
        content: "\000BB";
        font-size: 160%;
        top: -7%
    }

    .fc-icon-left-triangle:after {
        content: "\25C4";
        font-size: 125%;
        top: 3%
    }

    .fc-icon-right-triangle:after {
        content: "\25BA";
        font-size: 125%;
        top: 3%
    }

    .fc-icon-down-triangle:after {
        content: "\25BC";
        font-size: 125%;
        top: 2%
    }

    .fc-icon-x:after {
        content: "\000D7";
        font-size: 200%;
        top: 6%
    }

    .fc button {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 .6em;
        font-size: 1em;
        white-space: nowrap;
        cursor: pointer
    }

        .fc button::-moz-focus-inner {
            margin: 0;
            padding: 0
        }

    .fc-state-default {
        border: 1px solid
    }

        .fc-state-default.fc-corner-left {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .fc-state-default.fc-corner-right {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

    .fc button .fc-icon {
        position: relative;
        top: -0.05em;
        margin: 0 .2em;
        vertical-align: middle
    }

    .fc-state-default {
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
        background-image: -o-linear-gradient(top, #fff, #e6e6e6);
        background-image: linear-gradient(to bottom, #fff, #e6e6e6);
        background-repeat: repeat-x;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        color: #333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
    }

    .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
        color: #333333;
        background-color: #e6e6e6
    }

    .fc-state-hover {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear
    }

    .fc-state-down, .fc-state-active {
        background-color: #cccccc;
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    }

    .fc-state-disabled {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        box-shadow: none
    }

    .fc-button-group {
        display: inline-block
    }

    .fc .fc-button-group > * {
        float: left;
        margin: 0 0 0 -1px
    }

    .fc .fc-button-group > :first-child {
        margin-left: 0
    }

    .fc-popover {
        position: absolute;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)
    }

        .fc-popover .fc-header {
            padding: 2px 4px
        }

            .fc-popover .fc-header .fc-title {
                margin: 0 2px
            }

            .fc-popover .fc-header .fc-close {
                cursor: pointer
            }

    .fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
        float: left
    }

    .fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close {
        float: right
    }

    .fc-unthemed .fc-popover {
        border-width: 1px;
        border-style: solid
    }

        .fc-unthemed .fc-popover .fc-header .fc-close {
            font-size: .9em;
            margin-top: 2px
        }

    .fc-popover > .ui-widget-header + .ui-widget-content {
        border-top: 0
    }

    .fc-divider {
        border-style: solid;
        border-width: 1px
    }

    hr.fc-divider {
        height: 0;
        margin: 0;
        padding: 0 0 2px;
        border-width: 1px 0
    }

    .fc-clear {
        clear: both
    }

    .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .fc-bg {
        bottom: 0
    }

        .fc-bg table {
            height: 100%
        }

    .fc table {
        width: 100%;
        box-sizing: border-box;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 1em
    }

    .fc th {
        text-align: center
    }

        .fc th.fc-day-header {
            background-color: #f5f5f5;
        }

    .fc th, .fc td {
        border-style: solid;
        border-width: 1px;
        padding: 0;
        vertical-align: top
    }

        .fc td.fc-today {
            border-style: double
        }

    a[data-goto] {
        cursor: pointer
    }

        a[data-goto]:hover {
            text-decoration: underline
        }

    .fc .fc-row {
        border-style: solid;
        border-width: 0
    }

    .fc-row table {
        border-left: 0 hidden transparent;
        border-right: 0 hidden transparent;
        border-bottom: 0 hidden transparent
    }

    .fc-row:first-child table {
        border-top: 0 hidden transparent
    }

    .fc-row {
        position: relative
    }

        .fc-row .fc-bg {
            z-index: 1
        }

        .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
            bottom: 0
        }

            .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
                height: 100%
            }

            .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
                border-color: transparent
            }

        .fc-row .fc-bgevent-skeleton {
            z-index: 2
        }

        .fc-row .fc-highlight-skeleton {
            z-index: 3
        }

        .fc-row .fc-content-skeleton {
            position: relative;
            z-index: 4;
            padding-bottom: 2px
        }

        .fc-row .fc-helper-skeleton {
            z-index: 5
        }

            .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
                background: none;
                border-color: transparent;
                border-bottom: 0
            }

            .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
                border-top: 0
            }

    .fc-scroller {
        -webkit-overflow-scrolling: touch
    }

        .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
            position: relative;
            width: 100%
        }

    .fc-event {
        position: relative;
        display: block;
        font-size: .85em;
        line-height: 1.3;
        border-radius: 3px;
        border: 1px solid #3a87ad;
        font-weight: normal
    }

    .fc-event, .fc-event-dot {
        background-color: #3a87ad
    }

        .fc-event, .fc-event:hover, .ui-widget .fc-event {
            color: #fff;
            text-decoration: none
        }

            .fc-event[href], .fc-event.fc-draggable {
                cursor: pointer
            }

    .fc-not-allowed, .fc-not-allowed .fc-event {
        cursor: not-allowed
    }

    .fc-event .fc-bg {
        z-index: 1;
        background: #fff;
        opacity: .25
    }

    .fc-event .fc-content {
        position: relative;
        z-index: 2
    }

    .fc-event .fc-resizer {
        position: absolute;
        z-index: 4
    }

    .fc-event .fc-resizer {
        display: none
    }

    .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
        display: block
    }

        .fc-event.fc-selected .fc-resizer:before {
            content: "";
            position: absolute;
            z-index: 9999;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            margin-left: -20px;
            margin-top: -20px
        }

    .fc-event.fc-selected {
        z-index: 9999 !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
    }

        .fc-event.fc-selected.fc-dragging {
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)
        }

    .fc-h-event.fc-selected:before {
        content: "";
        position: absolute;
        z-index: 3;
        top: -10px;
        bottom: -10px;
        left: 0;
        right: 0
    }

    .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
        margin-left: 0;
        border-left-width: 0;
        padding-left: 1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
        margin-right: 0;
        border-right-width: 0;
        padding-right: 1px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
        cursor: w-resize;
        left: -1px
    }

    .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
        cursor: e-resize;
        right: -1px
    }

    .fc-h-event.fc-allow-mouse-resize .fc-resizer {
        width: 7px;
        top: -1px;
        bottom: -1px
    }

    .fc-h-event.fc-selected .fc-resizer {
        border-radius: 4px;
        border-width: 1px;
        width: 6px;
        height: 6px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        top: 50%;
        margin-top: -4px
    }

    .fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
        margin-left: -4px
    }

    .fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
        margin-right: -4px
    }

    .fc-day-grid-event {
        margin: 1px 2px 0;
        padding: 0 1px
    }

    tr:first-child > td > .fc-day-grid-event {
        margin-top: 2px
    }

    .fc-day-grid-event.fc-selected:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        background: #000;
        opacity: .25
    }

    .fc-day-grid-event .fc-content {
        white-space: nowrap;
        overflow: hidden
    }

    .fc-day-grid-event .fc-time {
        font-weight: bold
    }

    .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
        margin-left: -2px
    }

    .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
        margin-right: -2px
    }

    a.fc-more {
        margin: 1px 3px;
        font-size: .85em;
        cursor: pointer;
        text-decoration: none
    }

        a.fc-more:hover {
            text-decoration: underline
        }

    .fc-limited {
        display: none
    }

    .fc-day-grid .fc-row {
        z-index: 1
    }

    .fc-more-popover {
        z-index: 2;
        width: 220px
    }

        .fc-more-popover .fc-event-container {
            padding: 10px
        }

    .fc-now-indicator {
        position: absolute;
        border: 0 solid #00baff
    }

    .fc-unselectable {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent
    }

    .fc-toolbar {
        text-align: center
    }

        .fc-toolbar.fc-header-toolbar {
            margin-bottom: 1em
        }

        .fc-toolbar.fc-footer-toolbar {
            margin-top: 1em
        }

        .fc-toolbar .fc-left {
            float: left
        }

        .fc-toolbar .fc-right {
            float: right
        }

        .fc-toolbar .fc-center {
            display: inline-block
        }

    .fc .fc-toolbar > * > * {
        float: left;
        margin-left: .75em
    }

    .fc .fc-toolbar > * > :first-child {
        margin-left: 0
    }

    .fc-toolbar h2 {
        margin: 0
    }

    .fc-toolbar button {
        position: relative
    }

    .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
        z-index: 2
    }

    .fc-toolbar .fc-state-down {
        z-index: 3
    }

    .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
        z-index: 4
    }

    .fc-toolbar button:focus {
        z-index: 5
    }

    .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .fc-view, .fc-view > table {
        position: relative;
        z-index: 1
    }

    .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton {
        padding-bottom: 1em
    }

    .fc-basic-view .fc-body .fc-row {
        min-height: 4em
    }

    .fc-row.fc-rigid {
        overflow: hidden
    }

        .fc-row.fc-rigid .fc-content-skeleton {
            position: absolute;
            top: 0;
            left: 0;
            right: 0
        }

    .fc-day-top.fc-other-month {
        opacity: 0.3
    }

    .fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
        padding: 2px
    }

    .fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number {
        padding: 0 2px
    }

    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        float: right
    }

    .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
        float: left
    }

    .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
        float: left;
        border-radius: 0 0 3px 0
    }

    .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
        float: right;
        border-radius: 0 0 0 3px
    }

    .fc-basic-view .fc-day-top .fc-week-number {
        min-width: 1.5em;
        text-align: center;
        background-color: #f2f2f2;
        color: #808080
    }

    .fc-basic-view td.fc-week-number {
        text-align: center
    }

        .fc-basic-view td.fc-week-number > * {
            display: inline-block;
            min-width: 1.25em
        }

    .fc-agenda-view .fc-day-grid {
        position: relative;
        z-index: 2
    }

        .fc-agenda-view .fc-day-grid .fc-row {
            min-height: 3em
        }

            .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
                padding-bottom: 1em
            }

    .fc .fc-axis {
        vertical-align: middle;
        padding: 0 4px;
        white-space: nowrap
    }

    .fc-ltr .fc-axis {
        text-align: right
    }

    .fc-rtl .fc-axis {
        text-align: left
    }

    .ui-widget td.fc-axis {
        font-weight: normal
    }

    .fc-time-grid-container, .fc-time-grid {
        position: relative;
        z-index: 1
    }

    .fc-time-grid {
        min-height: 100%
    }

        .fc-time-grid table {
            border: 0 hidden transparent
        }

        .fc-time-grid > .fc-bg {
            z-index: 1
        }

        .fc-time-grid .fc-slats, .fc-time-grid > hr {
            position: relative;
            z-index: 2
        }

        .fc-time-grid .fc-content-col {
            position: relative
        }

        .fc-time-grid .fc-content-skeleton {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 0;
            right: 0
        }

        .fc-time-grid .fc-business-container {
            position: relative;
            z-index: 1
        }

        .fc-time-grid .fc-bgevent-container {
            position: relative;
            z-index: 2
        }

        .fc-time-grid .fc-highlight-container {
            position: relative;
            z-index: 3
        }

        .fc-time-grid .fc-event-container {
            position: relative;
            z-index: 4
        }

        .fc-time-grid .fc-now-indicator-line {
            z-index: 5
        }

        .fc-time-grid .fc-helper-container {
            position: relative;
            z-index: 6
        }

        .fc-time-grid .fc-slats td {
            height: 1.5em;
            border-bottom: 0
        }

        .fc-time-grid .fc-slats .fc-minor td {
            border-top-style: dotted
        }

        .fc-time-grid .fc-slats .ui-widget-content {
            background: none
        }

        .fc-time-grid .fc-highlight-container {
            position: relative
        }

        .fc-time-grid .fc-highlight {
            position: absolute;
            left: 0;
            right: 0
        }

    .fc-ltr .fc-time-grid .fc-event-container {
        margin: 0 2.5% 0 2px
    }

    .fc-rtl .fc-time-grid .fc-event-container {
        margin: 0 2px 0 2.5%
    }

    .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
        position: absolute;
        z-index: 1
    }

    .fc-time-grid .fc-bgevent {
        left: 0;
        right: 0
    }

    .fc-v-event.fc-not-start {
        border-top-width: 0;
        padding-top: 1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .fc-v-event.fc-not-end {
        border-bottom-width: 0;
        padding-bottom: 1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .fc-time-grid-event {
        overflow: hidden
    }

        .fc-time-grid-event.fc-selected {
            overflow: visible
        }

            .fc-time-grid-event.fc-selected .fc-bg {
                display: none
            }

        .fc-time-grid-event .fc-content {
            overflow: hidden
        }

        .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
            padding: 0 1px
        }

        .fc-time-grid-event .fc-time {
            font-size: .85em;
            white-space: nowrap
        }

        .fc-time-grid-event.fc-short .fc-content {
            white-space: nowrap
        }

        .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
            display: inline-block;
            vertical-align: top
        }

            .fc-time-grid-event.fc-short .fc-time span {
                display: none
            }

            .fc-time-grid-event.fc-short .fc-time:before {
                content: attr(data-start)
            }

        .fc-time-grid-event.fc-short .fc-title {
            font-size: .85em;
            padding: 0
        }

        .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
            left: 0;
            right: 0;
            bottom: 0;
            height: 8px;
            overflow: hidden;
            line-height: 8px;
            font-size: 11px;
            font-family: monospace;
            text-align: center;
            cursor: s-resize
        }

            .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
                content: "="
            }

        .fc-time-grid-event.fc-selected .fc-resizer {
            border-radius: 5px;
            border-width: 1px;
            width: 8px;
            height: 8px;
            border-style: solid;
            border-color: inherit;
            background: #fff;
            left: 50%;
            margin-left: -5px;
            bottom: -5px
        }

    .fc-time-grid .fc-now-indicator-line {
        border-top-width: 1px;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-now-indicator-arrow {
        margin-top: -5px
    }

    .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
        left: 0;
        border-width: 5px 0 5px 6px;
        border-top-color: transparent;
        border-bottom-color: transparent
    }

    .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
        right: 0;
        border-width: 5px 6px 5px 0;
        border-top-color: transparent;
        border-bottom-color: transparent
    }

    .fc-event-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px
    }

    .fc-rtl .fc-list-view {
        direction: rtl
    }

    .fc-list-view {
        border-width: 1px;
        border-style: solid
    }

    .fc .fc-list-table {
        table-layout: auto
    }

    .fc-list-table td {
        border-width: 1px 0 0;
        padding: 8px 14px
    }

    .fc-list-table tr:first-child td {
        border-top-width: 0
    }

    .fc-list-heading {
        border-bottom-width: 1px
    }

        .fc-list-heading td {
            font-weight: bold
        }

    .fc-ltr .fc-list-heading-main {
        float: left
    }

    .fc-ltr .fc-list-heading-alt {
        float: right
    }

    .fc-rtl .fc-list-heading-main {
        float: right
    }

    .fc-rtl .fc-list-heading-alt {
        float: left
    }

    .fc-list-item.fc-has-url {
        cursor: pointer
    }

    .fc-list-item:hover td {
        background-color: #f5f5f5
    }

    .fc-list-item-marker, .fc-list-item-time {
        white-space: nowrap;
        width: 1px
    }

    .fc-ltr .fc-list-item-marker {
        padding-right: 0
    }

    .fc-rtl .fc-list-item-marker {
        padding-left: 0
    }

    .fc-list-item-title a {
        text-decoration: none;
        color: inherit
    }

        .fc-list-item-title a[href]:hover {
            text-decoration: underline
        }

    .fc-list-empty-wrap2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .fc-list-empty-wrap1 {
        width: 100%;
        height: 100%;
        display: table
    }

    .fc-list-empty {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .fc-unthemed .fc-list-empty {
        background-color: #eee
    }

    .fc-axis.fc-time, .fc-axis.fc-widget-header {
        background: #f5f5f5
    }

    .fc th {
        font-weight: normal !important;
        padding: 5px 10px
    }

    .fc-view-container {
        background: #fff
    }

    td.fc-day.fc-past {
        color: white;
        background-image: repeating-linear-gradient(45deg, #c5c5c5, #c5c5c5 1px, #e8e8e8 1px, #e8e8e8 7px)
    }

    .fc-ltr .fc-time-grid .fc-event-container {
        margin: 0
    }

    .fc-event {
        border-radius: 0;
        color: #727272;
        border: none;
        text-align: center;
        padding: 2px;
        cursor: pointer;
        background-color: #fefcd6
    }

        .fc-event:hover {
            color: #727272 !important;
            background-color: #00baff
        }

            .fc-event:hover.fc-past {
                background-color: #fefcd6 !important
            }

        .fc-event.fr-activeuser:hover {
            color: #fff !important;
            opacity: .50
        }

    .fr-disabled {
        background: #f5f5f5;
        cursor: default
    }

    .fr-reserved {
        background: #e9f7e5;
        cursor: default
    }

        .fr-reserved .fc-title:before {
            font-family: icons;
            margin-right: 5px
        }

    .fr-quota {
        background: #fefbd6;
        cursor: pointer !important
    }

    .fr-activeuser {
        background: #28ace8;
        color: #fff;
        cursor: pointer
    }

    .is-manager .fr-activeuser {
        cursor: default !important
    }

    .fr-activeuser .fc-title:before {
        font-family: icons;
        margin-right: 5px
    }

    .fc-time-grid .fc-slats td {
        height: 20px
    }

    .fc-time-grid .fc-slats tr.fc-minor td:first-child {
        border-top: none
    }

    .fc-time-grid .fc-slats tr td:first-child span {
        position: absolute;
        left: 5px;
        margin-top: 15px
    }

    .fc-time-grid .fc-slats tr:nth-child(4n+3) td:first-child {
        border-top: none !important
    }

        .fc-time-grid .fc-slats tr:nth-child(4n+3) td:first-child span {
            opacity: 0;
            font-size: 0;
            line-height: 1;
            display: none
        }

    .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .fc-time-grid .fc-time-grid-event .fc-time {
        font-size: 10px
    }

    .fc-time-grid .fc-time-grid-event.fc-short .fc-title {
        font-size: 10px;
        margin-left: 5px
    }

    #uxr-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: #000;
        opacity: .4
    }

    .uxr-modal-container {
        position: absolute;
        z-index: 10000;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        min-width: 50px;
        min-height: 50px;
        padding: 20px;
        border-radius: 3px;
        background-color: #fff;
        box-sizing: border-box;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        transition: all ease .3s;
        overflow: auto
    }

    .uxr-modal-drag {
        position: absolute;
        top: 0;
        left: 0;
        cursor: move;
        width: calc(100% - 40px);
        height: 24px;
        z-index: 1
    }

    .uxr-modal-loaded-content, .uxr-modal-content {
        position: relative
    }

    .uxr-modal-title {
        position: absolute;
        top: 5px;
        left: 0;
        width: calc(100% - 27px);
        line-height: 1.5;
        z-index: 10;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background: white;
        padding-left: 10px
    }

        .uxr-modal-title ~ .uxr-modal-content {
            margin-top: 20px
        }

    .uxr-modal-content {
        width: 100%;
        max-height: 100%
    }

    .uxr-modal-loading:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        border: 2px dashed #777;
        border-radius: 50%;
        box-sizing: border-box;
        animation: uxr-modal-loading 2s infinite linear
    }

    .uxr-modal-close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #ccc;
        color: #fff;
        font-family: sans-serif;
        text-align: center;
        text-decoration: none;
        cursor: pointer
    }

        .uxr-modal-close:before {
            content: "X";
            font-size: .8em;
            line-height: 22px
        }

    .uxr-modal-hide {
        display: none
    }

    @keyframes uxr-modal-loading {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .uxr-dialog, #uxr-dialog-cover {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #uxr-dialog-cover {
        position: absolute;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.3)
    }

    #uxr-dialog-content {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        max-width: 500px;
        min-width: 320px;
        padding: 18px 32px;
        border-radius: 3px;
        background-color: #fff;
        transform: translateX(-50%) translateY(-50%);
        text-align: center
    }
    .uxr-dialog-content.note-content {
        font-size: 14px;
        color: var(--p0_text);
    }

.uxr-dialog {
    position: fixed
}

    .uxr-dialog-title {
        margin-top: 0
    }

    .uxr-dialog-content {
        margin-bottom: 1em
    }

    .uxr-dialog-buttons {
        text-align: right
    }

    .uxr-dialog-button {
        display: inline-block;
        padding: 8px 16px;
        margin-left: 10px;
        border-radius: 3px;
        background-color: #c6c6c6;
        text-decoration: none
    }

    .uxr-dialog-confirm-button {
        background-color: #009bdc;
        color: #fff
    }
.uxr-dialog-cancel-button {
    background-color: #e87352;
    color: #fff
}
    .uxr-dialog-close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #c6c6c6;
        color: #fff;
        text-decoration: none;
        text-align: center
    }

    .uxr-dialog-close-icon:before {
        content: "x";
        font-style: normal
    }

    .tab-view .tab-view-button {
        display: inline-block
    }

    .tab-view .tab-view-content {
        display: none
    }

        .tab-view .tab-view-content.current {
            display: block;
            background: #ffffff;
            box-shadow: 2px 2px 7px 0 rgba(179, 179, 179, 0.5);
            border-radius: 4px;
            padding: 15px;
            padding-right: 25px;
            margin-bottom: 30px;
        }

    .tab-view .fig-head {
        font-size: 17px;
        color: #333333;
        font-weight: normal;
    }

    .tab-view .tab-view-content.current .fig-outer {
        border-radius: 4px;
        width: 100%;
        height: 166px;
        overflow: hidden;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tab-view .tab-view-content.current .fig-outer img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .uxr-autocomplete-wrap {
        position: relative;
        display: inline-block
    }

    .uxr-autocomplete-magnify {
        position: absolute;
        top: 0;
        right: 0;
        width: 25px;
        height: 100%;
        font-size: 1.5em;
        font-style: normal;
        line-height: 1;
        color: #37ade0
    }

        .uxr-autocomplete-magnify:before {
            display: block;
            content: "⚲";
            transform: rotate(-45deg)
        }

    .uxr-autocomplete-loading {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: dashed 2px #37ade0;
        animation: uxr-autocomplete-loading 2s infinite linear
    }

        .uxr-autocomplete-loading:before {
            content: ""
        }

    .uxr-autocomplete-select {
        position: absolute;
        list-style: none;
        overflow-y: scroll;
        max-height: 250px;
        margin: 0;
        padding: 0;
        border: 1px solid #ccc;
        background-color: #fff;
        box-sizing: border-box
    }

    .uxr-autocomplete-option {
        display: block;
        border-top: 1px solid #e6e6e6
    }

        .uxr-autocomplete-option:first-child {
            border-top: none
        }

        .uxr-autocomplete-option a {
            display: block;
            padding: 5px;
            color: #444
        }

        .uxr-autocomplete-highlight a, .uxr-autocomplete-option:hover a {
            background-color: #37ade0;
            color: #fff
        }

    .uxr-autocomplete-matched {
        font-weight: bold
    }

    @keyframes uxr-autocomplete-loading {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .uxr-dialog {
        z-index: 99999
    }

    .uxr-dialog-buttons {
        text-align: center
    }

    .global-dialog .uxr-dialog-confirm-button, .global-dialog .uxr-dialog-cancel-button {
        padding: 10px 20px !important;
        font-size: .875rem;
    }

    .no-bg {
        background: none
    }

    .apsiyon-logo {
        background: url(../images/apsiyon.png) no-repeat;
        display: inline-block;
        width: 201px;
        height: 48px
    }

    .wrapper-version-page {
        margin-bottom: 20px;
        width: 950px
    }

        .wrapper-version-page .header-version {
            background: url(../images/banner-version.jpg) no-repeat right top;
            height: 347px;
            margin-bottom: 30px;
            position: relative;
        }

            .wrapper-version-page .header-version .apsiyon-logo {
                position: absolute;
                top: 280px;
                left: 40px
            }

            .wrapper-version-page .header-version h1 {
                position: absolute;
                top: 330px;
                left: 40px;
                font-family: TyponineSansProLight;
                font-size: 24px;
                color: #225282;
                font-weight: normal
            }

            .wrapper-version-page .header-version p {
                position: relative;
                top: 351px;
                font-family: TyponineSansProNormal;
                font-size: 13px;
                color: #898989
            }
            body.wf.darkMode .wrapper-version-page .header-version p {
                color: var(--p1_text);
            }
                .wrapper-version-page .header-version p strong {
                    color: #000
                }
                body.wf.darkMode .wrapper-version-page .header-version p strong {
                    color: var(--p1_text);
                }

        .wrapper-version-page .announce-box {
            background: #67ADBD;
            border-radius: 5px;
            padding: 20px;
            font-family: TyponineSansProText;
            font-size: 14px;
            color: #F8F8F8;
            margin-bottom: 15px
        }
        body.wf .wrapper-version-page .announce-box {
            background: var(--announce-box-bg);
        }
        body.wf.darkMode .wrapper-version-page .announce-box {
            color: var(--p0_text);
        }

        .wrapper-version-page .accordion-title {
            position: relative;
            background: var(--accordion-title-bg);
            padding: 4px 20px;
            border-bottom: 1px solid #979797;
            cursor: pointer
        }
        body.wf.darkMode .wrapper-version-page .accordion-title {
            border: 1px solid var(--accordion-border) !important;
        }

.wrapper-version-page .accordion-title h2 {
    font-size: 20px;
    color: var(--accordion-title);
    margin: 0
}

.wrapper-version-page .accordion-title p {
    font-family: TyponineSansProNormalItalic;
    font-size: 13px;
    color: #666666;
    margin: 0
}
body.wf.darkMode .wrapper-version-page .accordion-title p {
    color: var(--p0_text);
}

            .wrapper-version-page .accordion-title span {
                position: absolute;
                right: 20px;
                top: 50%;
                font-size: 20px;
                margin-top: -15px
            }

        .wrapper-version-page .accordion-wrapper {
            max-height: 54px;
            -webkit-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
            -moz-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
            -o-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
            -ms-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
            transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear;
            overflow: hidden;
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
            margin-top: 15px
        }

            .wrapper-version-page .accordion-wrapper .accordion-content {
                background: var(--accordion-content);
            }

                .wrapper-version-page .accordion-wrapper .accordion-content h2 {
                    font-size: 17px;
                    color: #686868
                }
                body.wf.darkMode .wrapper-version-page .accordion-wrapper .accordion-content h2 {
                    color: var(--accordion-title);
                }

            .wrapper-version-page .accordion-wrapper .accordion-content ul {
                margin-left: 10px;
                margin-bottom: 30px;
                line-height: 30px;
                font-family: TyponineSansProNormalItalic;
                font-size: 15px;
                color: #333333
            }
            body.wf.darkMode .wrapper-version-page .accordion-wrapper .accordion-content ul {
                color: var(--p0_text);
            }

                    .wrapper-version-page .accordion-wrapper .accordion-content ul li {
                        padding-left: 10px
                    }
                    body.wf.darkMode .wrapper-version-page .accordion-wrapper .accordion-content ul li a {
                        color: #439ad7;
                    }
                    body.wf.darkMode .wrapper-version-page .accordion-wrapper .accordion-content ul li a:hover {
                        color: #64a8d7;
                    }
                    body.wf.darkMode .wrapper-version-page .accordion-wrapper .accordion-content ul li span { 
                        line-height: 30px !important;
                        font-family: TyponineSansProNormalItalic !important;
                        font-size: 15px !important;
                        color: var(--p0_text) !important;
                        background: var(--accordion-content) !important;
                    }

                        .wrapper-version-page .accordion-wrapper .accordion-content ul li b, .wrapper-version-page .accordion-wrapper .accordion-content ul li strong {
                            font-weight: bold
                        }

            .wrapper-version-page .accordion-wrapper.opened {
                max-height: 10000px;
                margin-bottom: 30px
            }

        .wrapper-version-page .accordion-content {
            padding: 20px
        }

    .version-lightbox {
        border: 0 !important;
        border-radius: 5px
    }

        .version-lightbox .fancybox-outer, .version-lightbox .fancybox-inner {
            background: transparent !important
        }

        .version-lightbox .fancybox-close {
            background: url(../images/version-iconset.png) no-repeat;
            background-position: -49px -47px
        }

    .version-icons {
        padding-left: 35px;
        position: relative
    }

        .version-icons:before {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -14px;
            display: inline-block;
            content: '';
            width: 28px;
            height: 28px;
            background: url(../images/version-iconset.png) no-repeat
        }

        .version-icons.newest:before {
            background-position: 0 0px
        }

        .version-icons.circle:before {
            background-position: 0 -42px
        }

        .version-icons.deleted:before {
            background-position: 0 -131px
        }

        .version-icons.bugfixes:before {
            background-position: 0 -89px
        }

        .version-icons.announce {
            padding-left: 40px;
            margin-top: 16px
        }

            .version-icons.announce:before {
                width: 30px;
                height: 30px;
                background-position: -49px 0
            }

    .version-lightbox-wrapper {
        height: 100%;
        border-radius: 5px;
        overflow: hidden;
        text-align: left;
        background: #FCFCFC
    }

        .version-lightbox-wrapper h1 {
            font-family: TyponineSansProNormal;
            font-size: 22px;
            color: #424242;
            line-height: 100%;
            display: inline-block;
            font-weight: normal
        }

        .version-lightbox-wrapper h2 {
            font-family: TyponineSansProNormal;
            font-size: 17px;
            color: #686868
        }

        .version-lightbox-wrapper header {
            height: 54px;
            border-bottom: 1px solid #DCDCDC;
            padding: 10px 20px
        }

            .version-lightbox-wrapper header .version-date {
                position: absolute;
                right: 20px;
                line-height: 54px;
                font-family: TyponineSansProNormalItalic;
                font-size: 16px;
                color: #666666
            }

        .version-lightbox-wrapper footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            overflow: hidden;
            border-radius: 0 0 5px 5px
        }

            .version-lightbox-wrapper footer a {
                display: inline-block;
                width: 50%;
                line-height: 61px;
                text-align: center;
                background: #67BD7A;
                font-family: TyponineSansProNormal;
                font-size: 20px;
                color: #F8F8F8
            }

                .version-lightbox-wrapper footer a.close {
                    background: #B9B9B9
                }

        .version-lightbox-wrapper .content-wrapper {
            padding: 40px 60px 80px 40px;
            overflow: auto;
            height: 330px
        }

            .version-lightbox-wrapper .content-wrapper ul {
                margin-left: 10px;
                margin-bottom: 30px;
                line-height: 30px;
                font-family: TyponineSansProNormalItalic;
                font-size: 15px;
                color: #333333
            }

                .version-lightbox-wrapper .content-wrapper ul li {
                    padding-left: 10px
                }

                    .version-lightbox-wrapper .content-wrapper ul li b, .version-lightbox-wrapper .content-wrapper ul li strong {
                        font-weight: bold
                    }

    .button-container {
        margin: 15px 0
    }

        .button-container.centered {
            text-align: center
        }

    .primary-button {
        display: inline-block;
        border-radius: 5px;
        background: #81D193;
        border-radius: 5px;
        font-family: TyponineSansProNormal;
        font-size: 20px;
        color: #F8F8F8;
        text-align: center;
        padding: 0 40px;
        line-height: 50px
    }

        .primary-button:hover {
            color: #F8F8F8;
            background: #8ADF9C
        }

    .notification-container {
        position: absolute;
        top: 43px;
        right: 2px;
        height: 42px;
        line-height: 100%;
        min-width: 250px;
    }

.notification-close {
    float: right;
    position: absolute;
    top: 10px;
    right: 12px;
    color: white;
    cursor: pointer;
    line-height: 36px;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius:3px;
}

.notification-close:hover {
    background-color:rgba(0,0,0,0.16);
}

    .site-selector-container {
        display: inline-block;
        position: relative
    }

    .notification-wrapper, .bank-notification-wrapper {
        position: relative;
        float: right;
        line-height: 40px;
        height: 43px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        top: 0px
    }

        .notification-wrapper.active .icon-button, .bank-notification-wrapper.active .icon-button {
            background: rgba(0, 0, 0, 0.5)
        }

        .notification-wrapper .icon-banknote:before, .bank-notification-wrapper .icon-banknote:before {
            top: 9px;
            position: relative;
            font-size: 30px
        }

        .notification-wrapper .info, .notification-wrapper .count, .notification-wrapper .countCampaing, .bank-notification-wrapper .info, .bank-notification-wrapper .count, .bank-notification-wrapper .countCampaing {
            text-shadow: none;
            position: absolute;
            color: #ed1a0a;
            background: white;
            height: 13px;
            width: 13px;
            top: 3px;
            right: 6px;
            line-height: 0;
            text-align: center;
            font-size: 14px;
            border-radius: 5px;
            opacity: 0
        }

            .notification-wrapper .info.active, .notification-wrapper .count.active, .notification-wrapper .countCampaing.active, .bank-notification-wrapper .info.active, .bank-notification-wrapper .count.active, .bank-notification-wrapper .countCampaing.active {
                opacity: 1
            }

        .notification-wrapper .count, .notification-wrapper .countCampaing, .bank-notification-wrapper .count, .bank-notification-wrapper .countCampaing {
            font-size: 10px;
            line-height: 13px;
            border-radius: 0;
            background: #ed1a0a;
            color: #ffffff !important;
            padding: 1px 2px;
            min-width: 16px;
            white-space: nowrap;
            right: 0px;
            transition: 0.2s;
            overflow: hidden
        }

            .notification-wrapper .count .tip-count, .notification-wrapper .countCampaing .tip-count, .bank-notification-wrapper .count .tip-count, .bank-notification-wrapper .countCampaing .tip-count {
                letter-spacing: -1px
            }

            .notification-wrapper .count .tip-message, .notification-wrapper .countCampaing .tip-message, .bank-notification-wrapper .count .tip-message, .bank-notification-wrapper .countCampaing .tip-message {
                display: block
            }

        .bank-notification-wrapper .icon-button:hover {
            color: white
        }

            .bank-notification-wrapper .icon-button:hover .count, .bank-notification-wrapper .icon-button:hover .countCampaing {
                min-width: 160px
            }

                .bank-notification-wrapper .icon-button:hover .count .tip-count, .bank-notification-wrapper .icon-button:hover .countCampaing .tip-count {
                    display: none
                }

    .hide-notification.icon-eye {
        font-size: 16px;
        cursor: pointer
    }

    .icon-button {
        font-size: 25px;
        color: #fafafa;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
        width: 42px;
        line-height: 42px;
        height: 42px;
        display: inline-block;
        text-align: center;
        cursor: pointer
    }

        .icon-button:hover {
            background: rgba(0, 0, 0, 0.5)
        }

    .site-selector-container {
        margin-right: -3px
    }

        .site-selector-container .siteselector > div {
            padding: 5px 8px;
            line-height: 15px;
            display: inline-block
        }

            .site-selector-container .siteselector > div strong {
                font-family: "Helvetica";
                font-weight: bold
            }

    .notification-list {
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 9999999;
        right: 0;
        text-align: left;
        height: calc(100% - 85px);
        width: 350px;
        background: var(--notification-list-bg);
        box-shadow: 0 2px 14px 0 rgba(131, 131, 131, 0.5);
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideOutRight;
        -moz-animation-name: slideOutRight;
        -o-animation-name: slideOutRight;
        animation-name: slideOutRight;
        position: fixed !important;
        top: 0 !important;
        height: 100% !important
    }

    .notification-list > header {
        line-height: 50px;
        height: 50px;
        background-image: linear-gradient(to bottom, #169fd4, #1491c3);
        text-align: center;
        font-size: 15px;
        color: #fff;
        letter-spacing: 1px
    }

    .notification-list .count {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        background-color: #ed1a0a;
        font-size: 10px;
        display: inline-block;
        line-height: 25px;
        text-align: center;
        color: #fff
    }

    .notification-list .notifications-group {
        background: #f9f9f9;
        padding: 20px 0px;
    }

    .notification-list .notifications-group .group-item {
        display: table;
        margin: 0px auto 10px auto;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
        border: solid 1px #eaedf4;
        background-color: #ffffff;
        border-radius: 5px;
        padding: 6px;
        width: 300px
    }

    .notification-list .notifications-group .group-item.empty-count {
        background-color: rgba(255, 255, 255, 0.03)
    }

    .notification-list .notifications-group .group-item.empty-count .n-icon {
        opacity: 0.3
    }

    .notification-list .notifications-group .group-item.empty-count .n-text {
        opacity: 0.6
    }

    .notification-list .notifications-group .group-item > div {
        display: inline-block;
        vertical-align: middle
    }

    .notification-list .notifications-group .group-item .n-icon {
        position: relative;
        width: 36px;
        height: 36px
    }

    .notification-list .notifications-group .group-item .n-icon .count {
        position: absolute;
        right: -7px;
        top: -7px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        border: solid 2px #fff;
        transform: scale(0.9)
    }

    .no-notification-text-center {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .notification-list .notifications-group .group-item .n-icon .count {
            line-height: 22px;
            right: -10px;
            width: 24px;
            height: 24px
        }
    }

    .notification-list .notifications-group .group-item .n-text {
        font-size: 11px;
        font-weight: bold;
        padding-left: 10px;
        color: #333
    }

    .notification-list .notifications-group .item--3 {
        margin-bottom: 0
    }

    .notification-list .notifications-group .item--4 {
        margin-top: 10px;
    }

    .notification-list.loading {
        opacity: 0
    }

    .notification-list.opened {
        opacity: 1;
        position: fixed;
        -webkit-animation-name: slideInRight;
        -moz-animation-name: slideInRight;
        -o-animation-name: slideInRight;
        animation-name: slideInRight;
        display: block;
    }

    .notification-list .notification-group {
        transition: all 0.4s ease-out;
        overflow: hidden;
        opacity: 0;
        max-height: 0
    }

    .notification-list .notification-group.active {
        opacity: 1;
        max-height: 10000px
    }

    .notification-list ul li.system-message .notification-title {
        color: red
    }

    .notification-list .notification-scroll-area {
        height: 100%;
        height: calc(100% - 60px);
        overflow: auto;
        opacity: 0;
        transition: all 0.4s ease-out
    }

    .notification-list .notification-scroll-area.active {
        opacity: 1
    }

    .notification-list .notification-date {
        background: #848484;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        position: relative;
        text-shadow: none
    }

    .notification-list .notification-date a {
        color: white;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -12px
    }

    .notification-list .notification-time {
        position: absolute;
        right: 5px;
        top: 10px
    }

    .notification-list .notification-options {
        text-align: right
    }

    .notification-list .notification-options a {
        cursor: pointer
    }

    .notification-list .button-all-as-read {
        text-align: center;
        font-size: 13px;
        background: #7cb342;
        color: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        line-height: 30px
    }

    .notification-list .no-notification {
        color: #e8e8e8;
        position: relative;
        font-size: 20px;
        text-align: center;
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
        transform: translateY(50%)
    }

    .notification-list .no-notification i {
        font-size: 84px
    }

    .notification-list .no-notification p {
        color: #808080;
        font-size: 12px
    }

    .other-notifications {
        padding: 20px
    }

    .other-notifications .head {
        margin-bottom: 15px;
        display: table;
        width: 100%
    }

    .other-notifications .head .notification-circle {
        background-color: #ed1a0a;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: sub;
        margin-right: 5px
    }

    .other-notifications .head > * {
        display: table-cell;
        vertical-align: middle
    }

    .other-notifications .head > span {
        font-size: 14px;
        font-weight: 600;
        color: var(--p1_text) !important
    }

    .other-notifications .head > div {
        text-align: right
    }

    .other-notifications .button-icon {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer
    }
    .icon-button .bell {
        display: inline-block;
    }

    .other-notifications .button-icon:last-child {
        margin-left: 5px
    }

    .other-notifications .n-list-item {
        padding: 5px 10px;
        border-radius: 5px;
        /*box-shadow: 0px 0px 0px 1px #eaedf4, 0 1px 2px 0 rgba(0, 0, 0, 0.03);*/
        border: 1px solid #eaedf4;
        margin-bottom: 8px;
        display: block;
        width: 290px
    }

    .other-notifications .n-list-item > * {
        display: table-cell
    }

    .other-notifications .n-list-item .n-list-text {
        width: 290px
    }

    .other-notifications .n-list-item.unread {
        background-color: rgba(40, 172, 232, 0.05);
        border: solid 1px #28ace8
    }

    .other-notifications .n-list-icon {
        padding-right: 10px
    }

    .other-notifications .n-list-icon img {
        position: relative;
        top: 10px
    }

    .other-notifications .n-list-icon .font-icon {
        position: relative;
        top: 10px;
        font-size: 16px
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .other-notifications .n-list-icon {
            float: left;
        }
    }

    .other-notifications .n-list-text:hover .setting {
        display: block !important
    }

    @media print {
        .notification-list {
            display: none !important
        }

        .no-notification {
            display: none !important
        }
    }

    [data-tooltip] {
        position: relative;
        z-index: 2;
        cursor: pointer
    }

    [data-tooltip]:before, [data-tooltip]:after {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: -110px;
        margin-bottom: 5px;
        margin-left: 0;
        padding: 5px;
        min-width: 125px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #808080;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 10px;
        line-height: 1.2
    }

    .allDelete[data-tooltip]:before {
        left: -35px !important;
        min-width: 55px !important
    }

    .delete[data-tooltip]:before {
        left: -25px !important;
        min-width: 45px !important
    }

    [data-tooltip]:after {
        position: absolute;
        bottom: 162%;
        left: 50%;
        margin-left: -3px;
        width: 0;
        border-top: 3px solid #808080;
        border-top: 3px solid #808080;
        border-right: 3px solid transparent;
        border-left: 3px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0
    }

    [data-tooltip]:hover:before, [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1
    }

    .truncateSplit {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis
    }

    .loadingNotification {
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.8);
        background-image: url(../images/ajax-loading.gif);
        background-position: center center;
        background-repeat: no-repeat
    }

    #fs-table-area {
        position: relative;
        min-height: 300px;
        padding: 10px 20px 20px 20px;
        background: #F3F3F3;
        border: 1px solid #E7E7E7;
        border-radius: 3px;
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.2)
    }

    body.wf.darkMode #fs-table-area {
        border: 1px solid var(--form_border);
        color: var(--table_htext);
    }
    #fs-table-area .green {
        color: #0D873B;
    }
    body.wf.sideMenu.darkMode #fs-table-area .green {
        color: #4FC954;
    }
    .fs-table-titles {
        margin-bottom: 10px;
        font-size: 17px;
        color: #0D873B;
        position: relative;
        height: 20px
    }

    .fs-table-titles .fs-type-title {
        position: absolute;
        left: 45px
    }

    .fs-table-titles .fs-titles-wrapper {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .fs-table-titles .fs-titles-wrapper > span {
        min-width: 105px;
        text-align: center;
        padding-right: 5px;
        display: inline-block
    }

    .fs-exec {
        border: 1px solid #c3c3c3
    }

    .fs-exec .fs-table-total {
        color: #B71C1C;
        background: #F3F3F3;
        left: -1px;
        position: relative;
        width: calc(100% + 2px)
    }

    .fs-exec.current {
        background: #ECECEC;
        border-bottom: none
    }

    .fs-exec.current .execs {
        margin-top: -15px
    }

    .fs-exec.current > .collapsible-header .collapsible-inner-row {
        margin-bottom: -50px;
        opacity: 0
    }

    .fs-exec.current > .collapsible-header > span {
        border: none
    }

    .fs-exec .execs {
        border-left: none !important;
        border-right: none !important
    }

    .fs-exec > .collapsible-header {
        min-height: 45px;
        line-height: 45px;
        padding: 0 0 0 45px;
        font-family: Tahoma;
        font-size: 13px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        color: var(--red);
    }
    body.wf.sideMenu.darkMode .fs-exec > .collapsible-header {
        background: #131313;
    }
    .fs-exec > .collapsible-header .icon-warning2 {
        position: relative;
        color: #F5CF87;
        margin-right: 5px
    }

    .fs-exec > .collapsible-header .icon-warning2:before {
        position: relative;
        z-index: 2
    }

    .fs-exec > .collapsible-header .icon-warning2:after {
        content: '';
        position: absolute;
        background: #808080;
        left: 4px;
        top: 4px;
        height: 7px;
        width: 3px;
        z-index: 1
    }

    .fs-exec > .collapsible-header:before {
        position: absolute;
        color: #808080;
        left: 32px;
        font-family: icons;
        top: 50%;
        display: inline-block;
        line-height: 0;
        margin-left: -10px;
        font-size: 10px;
        text-indent: -5px
    }

    .fs-exec > .collapsible-header .collapsible-content {
        margin-top: -5px
    }

    .fs-exec > .collapsible-header:before {
        position: absolute;
        font-family: icons;
        top: 50%;
        display: inline-block;
        line-height: 0;
        margin-left: -10px;
        font-size: 10px;
        text-indent: -5px
    }

    .fs-exec > .collapsible-content {
        padding-bottom: 0 !important
    }

    .fs-container {
        width: 960px;
        padding: 20px 0;
        min-height: 100px;
        position: relative;
        color: #333 !important;
        text-align: left
    }

    .fs-container .uxr-select-selection {
        height: 34px
    }

    .fs-container .aps-select {
        min-width: 150px
    }

    .fs-container .buttons {
        margin: 20px 0 0 0;
        text-align: center
    }

    .fs-container .buttons i {
        margin-right: 5px
    }

    .fs-user-card {
        margin: 0 0 20px 0;
        padding: 0 20px;
        height: 70px;
        color: #263238;
        font-family: "SegoeUI-Light", "Segoe UI Light", "Segoe UI", Helvetica, Tahoma, Arial, Thonburi, Verdana, sans-serif;
        font-size: 16px;
        background: #F3F3F3;
        border: 1px solid #E7E7E7;
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.2);
        border-radius: 3px
    }

    .fs-user-card p {
        margin: 0;
        padding: 0
    }

    .fs-user-card .fs-user-name {
        float: left;
        position: relative;
        font-size: 13px;
        top: 50%;
        transform: translateY(-50%);
        color: #333333;
        border-bottom: 1px dashed #333333;
        max-width: 350px
    }

    .fs-user-card .fs-user-total {
        font-weight: bold;
        font-size: 13px
    }

    .fs-user-card .fs-total:last-child {
        border-top: 1px solid #5C5C5C
    }

    .fs-user-card .fs-total span:first-child {
        text-align: right;
        display: inline-block;
        min-width: 80px
    }

    .fs-user-card .fs-total .fs-general-total {
        color: #28ACE8;
        font-weight: normal;
        float: right;
        padding-right: 5px
    }

    .fs-user-card .fs-user-contact, .fs-user-card .fs-user-total {
        min-width: 30%;
        float: right;
        position: relative;
        transform: translateY(-50%);
        top: 50%
    }

    .fs-user-card .fs-user-total {
        margin-right: 80px;
        min-width: 25%
    }

    .fs-user-card .fs-user-contact p {
        position: relative
    }

    .fs-user-card .fs-user-contact p i {
        color: #225282
    }

    .fs-user-card .fs-user-contact p a {
        position: absolute;
        right: 0;
        color: #0D873B
    }
    body.wf.sideMenu.darkMode .fs-user-card .fs-user-contact p a {
        color: #4FC954;
    }

    .collapsible-inner-row {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        position: relative;
        transition: .2s
    }

    .collapsible-inner-row span {
        border-left: 1px solid #c3c3c3;
        min-width: 105px;
        text-align: right;
        padding-right: 5px;
        display: inline-block
    }

    body.wf.sideMenu.darkMode .collapsible-inner-row span {
        border-left: 1px solid var(--form_border);
    }

    .collapsible-total .collapsible-inner-row span {
        line-height: 39px
    }

    .collapsible-inner-row.table-balances {
        opacity: 1;
        top: auto
    }

    .fs-table-container {
        width: 100%;
        border: 1px solid #c3c3c3;
        font-size: 13px;
        background: #ECECEC;
        position: relative;
        z-index: 10
    }

    body.wf.sideMenu.darkMode .fs-table-container {
        border: 1px solid var(--form_border);
    }
    
    .fs-table-container .fs-table-row {
        content: " ";
        display: table;
        clear: both;
        width: 100%;
        border-top: 1px solid #c3c3c3
    }

    .fs-table-container .fs-table-row:first-child {
        border-top: none
    }

    .fs-table-container .fs-table-row .fs-table-tools {
        transition: .5s;
        color: #5B5959
    }

    .fs-table-container .fs-table-row:hover .fs-table-tools {
        opacity: 1
    }

    .fs-table-container .fs-table-tools, .fs-table-container .fs-table-collapsible {
        float: right
    }

    .fs-table-container .fs-table-tools {
        opacity: 0.5;
        height: 45px;
        width: 40px;
        overflow: hidden;
        text-align: center;
        position: relative
    }

    .fs-table-container .fs-table-tools i {
        line-height: 45px;
        font-size: 24px
    }

    .fs-table-container .fs-table-tools i:before {
        position: relative;
        top: 4px
    }

    .fs-table-container .fs-table-tools .fs-table-tools-list {
        background: #ffffff;
        transition: .5s;
        opacity: 0;
        position: absolute;
        text-align: left;
        border: 1px solid #F6F6F6;
        font-size: 11px;
        padding: 10px;
        min-width: 150px;
        z-index: 1
    }

    body.wf.sideMenu.darkMode .fs-table-container .fs-table-tools .fs-table-tools-list {
        box-shadow: 0px 4px 36px -12px rgb(0 0 0) !important;
        border-color: #66666666;
        background: #131313;
    }
    .fs-table-container .fs-table-tools .fs-table-tools-list a {
        display: block;
        color: #000000;
        padding: 5px;
        cursor: pointer
    }

    body.wf.sideMenu.darkMode .fs-table-container .fs-table-tools .fs-table-tools-list a {
        color: var(--p0_text);
    }
    .fs-table-container .fs-table-tools .fs-table-tools-list a:hover {
        background-color: #e8e8e8
    }

    .fs-table-container .fs-table-tools .fs-table-tools-list a i {
        font-size: 14px;
        color: #304D6F;
        line-height: normal;
        margin-right: 10px
    }
    body.wf.sideMenu.darkMode .fs-table-container .fs-table-tools .fs-table-tools-list a i {
        font-size: 14px;
        color: var(--menu_text);
        line-height: normal;
        margin-right: 10px
    }
    .fs-table-container .fs-table-tools .fs-table-tools-list a i:before {
        top: 0
    }

            .fs-table-container .fs-table-tools:hover {
                overflow: visible;
                color: #28ACE8;
                z-index: 1;
            }

                .fs-table-container .fs-table-tools:hover > .fs-table-tools-list {
                    opacity: 1
                }

        .fs-table-container .collapsible-header {
            background: #ECECEC
        }

            .fs-table-container .collapsible-header:before {
                position: absolute;
                font-family: icons;
                top: 50%;
                display: inline-block;
                line-height: 0;
                margin-left: -10px;
                font-size: 10px;
                text-indent: -5px
            }

        .fs-table-container .fs-table-collapsible {
            width: calc(100% - 41px);
            border-left: 1px solid #c3c3c3
        }
body.wf.sideMenu.darkMode .fs-table-container .fs-table-collapsible {
    width: calc(100% - 41px);
    border-left: 1px solid #66666666;
}
.fs-table-container .fs-table-collapsible .collapsible {
    margin: 0 0 0 40px;
    border: 1px solid #c3c3c3;
    border-top: none;
    border-right: none
}
body.wf.sideMenu.darkMode .fs-table-container .fs-table-collapsible .collapsible {
    border: 1px solid #66666666;
}

                .fs-table-container .fs-table-collapsible .collapsible > .fs-table-tools {
                    position: absolute;
                    left: 45px;
                    top: 16px;
                    opacity: 0
                }

                .fs-table-container .fs-table-collapsible .collapsible:first-child {
                    border-top: 1px solid #c3c3c3
                }
body.wf.sideMenu.darkMode .fs-table-container .fs-table-collapsible .collapsible:first-child {
    border-top: 1px solid #66666666;
}
                .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .collapsible-inner-row {
                    border: none
                }

                .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-content .collapsible-total {
                    border: 1px solid #c3c3c3;
                    background: none;
                    width: calc(100% - 22px);
                    margin-left: 21px;
                    margin-bottom: 10px
                }

            .fs-table-container .fs-table-collapsible.current > .collapsible-header {
                background: #ECECEC
            }

                .fs-table-container .fs-table-collapsible.current > .collapsible-header:before {
                    border-left: 1px dashed #5C5C5C;
                    height: 25px
                }

                .fs-table-container .fs-table-collapsible.current > .collapsible-header .collapsible-inner-row.table-balances {
                    bottom: -50px;
                    opacity: 0
                }

            .fs-table-container .fs-table-collapsible.current > .collapsible-content {
                padding-bottom: 58px
            }

                .fs-table-container .fs-table-collapsible.current > .collapsible-content .collapsible-total {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: calc(100% - 41px);
                    background: #D9D9D9;
                    margin-left: 40px;
                    margin-bottom: 18px;
                    border: 1px solid #c3c3c3;
                    border-width: 0 0 1px 1px;
                    display: -ms-flexbox;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-flex: 0;
                    -ms-flex: 0;
                    flex: 0;
                    -ms-flex-pack: justify;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between
                }

                    .fs-table-container .fs-table-collapsible.current > .collapsible-content .collapsible-total > span {
                        line-height: 39px;
                        padding-right: 10px;
                        text-align: right;
                        width: 100%
                    }

            .fs-table-container .fs-table-collapsible.current ~ .fs-table-tools {
                background: #ececec
            }

            .fs-table-container .fs-table-collapsible > .collapsible-content:before {
                content: '';
                position: absolute;
                height: calc(100% - 83px);
                border-left: 1px dashed #5C5C5C;
                left: 20px;
                top: 0
            }

        .fs-table-container .collapsible-header {
            min-height: 45px;
            line-height: 45px;
            padding: 0 0px 0 30px;
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

            .fs-table-container .collapsible-header span {
                padding-right: 5px
            }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .fs-table-container .collapsible-header span > span {
            position: absolute
        }
    }

    .fs-table-container .collapsible-content {
        position: relative
    }

    .fs-table-container .sub-collapsible {
        position: relative
    }

        .fs-table-container .sub-collapsible .collapsible-header {
            transition: .5s;
            background: #D9D9D9;
            padding-left: 60px
        }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .fs-table-container .sub-collapsible .collapsible-header > span {
            position: absolute
        }

        .fs-table-container .sub-collapsible .collapsible-header .collapsible-inner-table {
            position: absolute;
            right: 0px;
            top: 0
        }
    }

    .fs-table-container .sub-collapsible .collapsible-header + .fs-table-tools {
        opacity: 1
    }

    .fs-table-container .sub-collapsible .collapsible-header:after {
        content: '';
        position: absolute;
        left: -20px;
        width: 20px;
        margin-top: -2px;
        top: 50%;
        height: 1px;
        border-bottom: 1px dashed #5C5C5C
    }

    .fs-table-container .sub-collapsible .collapsible-content {
        background: #f3f3f3
    }

    .fs-table-container .sub-collapsible .fs-table-tools {
        transition: .5s;
        opacity: 0.5;
        z-index: 1;
        left: 0 !important;
        top: 0 !important
    }

    .fs-table-container .sub-collapsible.active .fs-table-tools {
        background: transparent;
        opacity: 1;
        overflow: hidden
    }

        .fs-table-container .sub-collapsible.active .fs-table-tools:hover {
            overflow: visible
        }

    .fs-table-container .sub-collapsible.active .collapsible-header {
        padding-left: 60px
    }

    .fs-table-container .sub-collapsible.collapsible:last-child .collapsible-content:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 100%;
        background: #ECECEC;
        left: -31px;
        top: 0;
        margin-top: -20px
    }

    .fs-table-container .sub-collapsible:hover {
        z-index: 5
    }

    .fs-table-container .collapsible-table {
        width: 100%;
        border-spacing: 0px;
        border-collapse: collapse;
        margin: 0;
        z-index: 1;
        font-size: 13px
    }

        .fs-table-container .collapsible-table th {
            font-weight: normal;
            font-size: 11px;
            text-align: center;
            font-family: 'Inter';
        }

        .fs-table-container .collapsible-table td, .fs-table-container .collapsible-table th {
            border: 1px solid #c3c3c3;
            padding: 10px 5px;
            background: #F3F3F3;
            border-right: 0
        }

            .fs-table-container .collapsible-table td:first-child, .fs-table-container .collapsible-table th:first-child {
                border: none;
                padding: 0 5px;
                text-align: right;
                background: none
            }

                .fs-table-container .collapsible-table td:first-child .info-dot, .fs-table-container .collapsible-table th:first-child .info-dot {
                    position: relative;
                    width: 8px;
                    height: 8px;
                    display: inline-block;
                    background: transparent;
                    border-radius: 50%;
                    line-height: 100%;
                    margin: 0 1px
                }

                    .fs-table-container .collapsible-table td:first-child .info-dot:before, .fs-table-container .collapsible-table th:first-child .info-dot:before {
                        content: '';
                        position: absolute;
                        top: 50%;
                        right: 12px;
                        margin-top: -3px;
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 3px 0 3px 3px;
                        border-color: transparent transparent transparent transparent;
                        display: none
                    }

                    .fs-table-container .collapsible-table td:first-child .info-dot i, .fs-table-container .collapsible-table th:first-child .info-dot i {
                        position: absolute;
                        display: inline-block;
                        right: 15px;
                        font-style: normal;
                        white-space: nowrap;
                        font-size: 10px;
                        top: -12px;
                        padding: 10px 0;
                        color: white;
                        overflow: hidden;
                        background: transparent;
                        width: 0;
                        transition: .2s
                    }

                    .fs-table-container .collapsible-table td:first-child .info-dot:hover i, .fs-table-container .collapsible-table th:first-child .info-dot:hover i {
                        width: auto;
                        padding: 10px
                    }

                    .fs-table-container .collapsible-table td:first-child .info-dot:hover:before, .fs-table-container .collapsible-table th:first-child .info-dot:hover:before {
                        display: block
                    }

        .fs-table-container .collapsible-table .fs-expiration > div, .fs-table-container .collapsible-table .fs-date > div, .fs-table-container .collapsible-table .column-0 > div, .fs-table-container .collapsible-table .column-1 > div {
            width: 68px
        }

        .fs-table-container .collapsible-table .column-2 {
            text-align: left
        }

        .fs-table-container .collapsible-table .fs-credit div, .fs-table-container .collapsible-table .fs-debt div, .fs-table-container .collapsible-table .fs-comp div, .fs-table-container .collapsible-table .fs-balance div {
            text-align: right;
            width: 90px;
            white-space: nowrap
        }

        .fs-table-container .collapsible-table .fs-details {
            font-size: 11px
        }

            .fs-table-container .collapsible-table .fs-details div {
                width: 171px
            }

        .fs-table-container .collapsible-table .fs-debt span {
            display: inline-block;
            background: #930c08;
            color: white;
            border-radius: 2px;
            padding: 2px
        }

        .fs-table-container .collapsible-table .fs-credit span {
            display: inline-block;
            background: forestgreen;
            color: white;
            border-radius: 2px;
            padding: 2px;
            white-space: nowrap
        }

        .fs-table-container .collapsible-table .fs-row-tr {
            cursor: pointer
        }

        .fs-table-container .collapsible-table .fs-row-details td {
            background: #f3f3f3;
            font-size: 11px;
            color: #4f87a3
        }

        .fs-table-container .collapsible-table .fs-type1 .info-dot {
            background: #48D282 !important
        }

            .fs-table-container .collapsible-table .fs-type1 .info-dot:before {
                border-color: transparent transparent transparent #48D282 !important
            }

            .fs-table-container .collapsible-table .fs-type1 .info-dot i {
                background: #48D282 !important
            }

        .fs-table-container .collapsible-table .fs-type2 .info-dot {
            background: #E53935 !important
        }

            .fs-table-container .collapsible-table .fs-type2 .info-dot:before {
                border-color: transparent transparent transparent #E53935 !important
            }

            .fs-table-container .collapsible-table .fs-type2 .info-dot i {
                background: #E53935 !important
            }

        .fs-table-container .collapsible-table .fs-type3 .info-dot {
            background: #FF7920 !important
        }

            .fs-table-container .collapsible-table .fs-type3 .info-dot:before {
                border-color: transparent transparent transparent #FF7920 !important
            }

            .fs-table-container .collapsible-table .fs-type3 .info-dot i {
                background: #FF7920 !important
            }

        .fs-table-container .collapsible-table .fs-type4 .info-dot {
            background: #B71C1C !important
        }

            .fs-table-container .collapsible-table .fs-type4 .info-dot:before {
                border-color: transparent transparent transparent #B71C1C !important
            }

            .fs-table-container .collapsible-table .fs-type4 .info-dot i {
                background: #B71C1C !important
            }

        .fs-table-container .collapsible-table .fs-type4 .fs-expiration {
            color: #B71C1C;
        }
        body.wf.sideMenu.darkMode .fs-table-container .collapsible-table .fs-type4 .fs-expiration {
            color: var(--red);
        }
        .fs-table-container .collapsible-table .fs-type5 .info-dot {
            background: #8BC34A !important
        }

            .fs-table-container .collapsible-table .fs-type5 .info-dot:before {
                border-color: transparent transparent transparent #8BC34A !important
            }

            .fs-table-container .collapsible-table .fs-type5 .info-dot i {
                background: #8BC34A !important
            }

        .fs-table-container .collapsible-table tr:hover td {
            background: #ebebeb
        }

            .fs-table-container .collapsible-table tr:hover td:first-child {
                background: none
            }

        .fs-table-container .collapsible-table tfoot .fs-date {
            text-align: right;
            padding-right: 10px
        }

    .fs-collapsible-table-wrapper {
        position: relative;
        padding: 10px 0px 30px;
        margin-bottom: 5px
    }

    .table-connection-line {
        position: absolute;
        border: 1px solid;
        border-left: none
    }

        .table-connection-line:before {
            content: '●';
            position: absolute;
            bottom: -9px;
            left: -3px
        }

        .table-connection-line.reverse:before {
            top: -11px;
            bottom: auto
        }

    .fs-line-mask {
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: #fff
    }

    .fs-switch {
        display: inline-block;
        position: relative;
        width: 40px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

.fs-switch-checkbox {
    display: none
}

    .fs-switch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #BBBDBF;
        border-radius: 50px;
        position: static
    }

    .fs-switch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s
    }

        .fs-switch-inner:before, .fs-switch-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 22px;
            padding: 0;
            line-height: 22px;
            font-size: 14px;
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: bold;
            box-sizing: border-box
        }

        .fs-switch-inner:before {
            content: "";
            padding-left: 10px;
            background-color: #F1F1F2;
            color: #8AC540
        }

        .fs-switch-inner:after {
            content: "";
            padding-right: 10px;
            background-color: #F1F1F2;
            color: #8AC540;
            text-align: right
        }

    .fs-switch-switch {
        display: block;
        width: 16px;
        margin: 3px;
        background: #808080;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 14px;
        border: 2px solid #808080;
        border-radius: 50px;
        transition: all 0.3s ease-in 0s
    }

    .fs-switch-checkbox:checked + .fs-switch-label .fs-switch-inner {
        margin-left: 0
    }

    .fs-switch-checkbox:checked + .fs-switch-label .fs-switch-switch {
        right: 0px;
        background: #8AC540;
        border: 2px solid #8AC540
    }

    .fs-switch-checkbox:checked + .fs-switch-label .fs-status-on {
        color: #808080
    }

    .fs-switch-checkbox:checked + .fs-switch-label .fs-status-off {
        color: #8AC540
    }

    .fs-status-on, .fs-status-off {
        position: absolute;
        line-height: 23px;
        font-size: 16px;
        font-weight: lighter
    }

    .fs-status-on {
        right: 110%;
        color: #8AC540
    }

    .fs-status-off {
        left: 110%;
        color: #808080;
        width: 200px;
        text-align: left
    }

    .fs-category-change {
        position: absolute;
        padding-left: 5px
    }

    .fs-table-selection-container {
        text-align: right;
        margin: 25px 0 10px;
    }
    body.wf.sideMenu.darkMode .fs-table-selection-container {
        filter: invert(1) hue-rotate(291deg) brightness(1)
    }
    .fs-calendar-wrapper {
        transition: 0.2s;
        width: 354px;
        text-align: left;
        line-height: 35px;
        margin-right: -356px;
        display: none;
    }

        .fs-calendar-wrapper input {
            border: none;
            padding: 4px !important
        }

        .fs-calendar-wrapper .uxitd-calendar-wrap {
            width: 144px;
            padding-left: 30px
        }

            .fs-calendar-wrapper .uxitd-calendar-wrap .icon-calendar {
                left: 11px
            }

    .get-by-date {
        position: relative;
        overflow: hidden;
        float: right
    }

        .get-by-date label, .get-by-date .label {
            position: static;
            display: inline
        }

        .get-by-date.active .fs-calendar-wrapper {
            margin-right: 0;
            display: inline-block;
        }

    .fs-table-total {
        color: #28ACE8;
        padding: 10px 0px
    }

        .fs-table-total .collapsible-inner-table {
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 0;
            -ms-flex: 0;
            flex: 0;
            -ms-flex-pack: justify;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            font-size: .75rem;
            font-weight: bold
        }

            .fs-table-total .collapsible-inner-table > span {
                font-size: .9375rem;
                line-height: 15px;
                width: 100%;
                padding-right: 12px !important;
                text-align: right
            }

            .fs-table-total .collapsible-inner-table span {
                border: none;
                padding-right: 5px;
                padding-left: 0
            }

    .detail-button-container {
        padding: 0 10px
    }

        .detail-button-container .show-details {
            float: right;
            min-width: 115px
        }

            .detail-button-container .show-details.active:before {
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

    .bank-transfers-container {
        width: 960px;
        color: #505050;
        box-sizing: border-box
    }
body.wf.darkMode .bank-transfers-container {
    color: var(--p0_text);
}
.bi-download-btn {
    height: 100px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bi-download-btn .c_btn{
    height: 41px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.bank-transfers-container .disable {
    background: #b0b0b0 !important
}
body.wf.darkMode .bank-transfers-container .disable {
    background: #252729 !important;
    border: 1px solid var(--buttonover);
}
        .bank-transfers-container a {
            color: #505050;
            transition: 0.2s;
        }
body.wf.darkMode .bank-transfers-container a {
    color: var(--p0_text);
}
        .bank-transfers-container h2 {
            font-family: TyponineSansProText;
            font-size: 30px;
            color: #505867
        }

        .bank-transfers-container h3 {
            font-family: TyponineSansProLight;
            font-size: 22px;
            color: #505867
        }

        .bank-transfers-container hr {
            width: 70%;
            border: none;
            border-top: 1px solid lightgrey;
            margin-bottom: 40px
        }

        .bank-transfers-container .bank-transfers-title {
            text-align: center;
            padding: 60px 0
        }

        .bank-transfers-container .bank-transfers-banner figure {
            float: left;
            width: 50%;
            margin: 0;
            text-align: center;
            padding: 60px 0
        }

            .bank-transfers-container .bank-transfers-banner figure .image-2 {
                margin-bottom: 53px
            }

        .bank-transfers-container .bank-transfers-banner figcaption {
            display: inline-block;
            width: 65%;
            font-family: TyponineSansProLight;
            font-size: 17px;
            line-height: 20px
        }

            .bank-transfers-container .bank-transfers-banner figcaption strong {
                font-size: 22px
            }

            .bank-transfers-container .bank-transfers-banner figcaption span {
                font-family: TyponineSansProMedium;
                font-size: 22px;
                color: #1da9e2;
                white-space: nowrap
            }

                .bank-transfers-container .bank-transfers-banner figcaption span:before {
                    color: #606060
                }

        .bank-transfers-container ol {
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: center
        }

            .bank-transfers-container ol li {
                position: relative;
                display: inline-block;
                margin: 15px;
                width: 136px;
                height: 77px;
                box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.04);
                border-radius: 8px
            }

                .bank-transfers-container ol li img {
                    height: 70%;
                    position: absolute;
                    display: inline-block;
                    left: 50%;
                    margin-left: -35%;
                    top: 50%;
                    margin-top: -20%
                }

        .bank-transfers-container .bank-transfers-buttons {
            padding: 40px
        }

        .bank-transfers-container .bank-transfer-item {
            border-radius: 3px;
            background-color: #ffffff;
            box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.02);
            border: solid 1px #dddddd;
            margin-bottom: 20px;
            font-size: .75rem
        }
        body.wf.darkMode .bank-transfers-container .bank-transfer-item {
            background-color: #252626;
        }
        .bank-transfers-container .bank-transfer-row {
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 0;
            -ms-flex: 0;
            flex: 0;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }

            .bank-transfers-container .bank-transfer-row.split-half {
                border-bottom: 1px solid #ebebeb;
            }
body.wf.darkMode .bank-transfers-container .bank-transfer-row.split-half {
    border-bottom: 1px solid #383939;
}

                .bank-transfers-container .bank-transfer-row.split-half > div {
                    width: 50%;
                    align-self: center;
                    min-height: 50px;
                    display: inline-block
                }

        .bank-transfers-container .bank-transfer-row.split-half > div:first-child {
            border-right: 1px solid #ebebeb
        }
body.wf.darkMode .bank-transfers-container .bank-transfer-row.split-half > div:first-child {
    border-right: 1px solid #383939;
}
        .bank-transfers-container .bank-info:last-child .bank-transfer-row:first-child {
            border-bottom: 1px solid #ebebeb
        }
body.wf.darkMode .bank-transfers-container .bank-info:last-child .bank-transfer-row:first-child {
    border-bottom: 1px solid #383939;
}
        .bank-transfers-container .bank-info .bank-transfer-row {
            min-height: 65px;
            padding: 10px;
            -ms-flex-align: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center
        }

            .bank-transfers-container .bank-info .bank-transfer-row strong {
                display: block
            }

        .bank-transfers-container .bank-info.amount-info {
            font-family: 'Segoe UI', Tahoma, Helvetica, Arial;
            font-size: .8125rem
        }

            .bank-transfers-container .bank-info.amount-info i:before {
                font-weight: bold
            }

            .bank-transfers-container .bank-info.amount-info .bt-refresh-date {
                font-size: .75rem
            }

        .bank-transfers-container .bank-iban-number {
            width: 75%
        }

        .bank-transfers-container .bank-transactions {
            padding: 10px;
            width: 100%
        }

        .bank-transfers-container .transaction-status {
            text-align: center
        }

            .bank-transfers-container .transaction-status > * {
                display: block;
                padding: 10px;
                border-radius: 3px
            }

        .bank-transfers-container .no-transactions {
            background-color: #ffffe7;
            color: #858131;
            border: solid 1px #f9f8da
        }

        .bank-transfers-container .transaction-count {
            background: #e9f4dd;
            border: 1px solid #d9e9cb;
            width: calc(50% - 5px)
        }
body.wf.darkMode .bank-transfers-container .transaction-count {
    background: transparent;
    border-color: transparent;
    text-align: left;
    font-size: 14px;
}
        .bank-transfers-container .transaction-button {
            color: #fff;
            background: #8bc34a;
            width: 30%;
            transition: 0.2s
        }
body.wf.darkMode .bank-transfers-container .transaction-button {
    color: #fff !important;
    background: var(--green);
}
            .bank-transfers-container .transaction-button:hover {
                background: #71ab2e
            }

            .bank-transfers-container .transaction-button.approve-all:before {
                font-family: icons;
                margin-right: 5px
            }

        .bank-transfers-container .delete-all {
            background: #d35352;
            color: #fff;
            padding: 10px;
            width: 20%
        }
body.wf.darkMode .bank-transfers-container .transaction-delete,
body.wf.darkMode .bank-transfers-container .delete-all {
    background: rgba(255, 255, 255, 0.02) !important;
    color: #FF1727 !important;
    border: 1px solid #FF1727 !important;
    font-weight: 500;
}
body.wf.darkMode .bank-transfers-container .transaction-delete:hover,
body.wf.darkMode .bank-transfers-container .delete-all:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
        .bank-transfers-container .bank-transactions-list {
            padding: 10px
        }

        .bank-transfers-container .bank-transactions-item {
            transition: all 0.4s ease-out;
            border: 1px solid #daf0c2;
            border-left: 4px solid #8bc34a;
            border-radius:3px;
            overflow: hidden;
            background: #f7f7f7;
            padding: 10px;
            margin-bottom: 10px;
            min-height: 100px
        }
body.wf.darkMode .bank-transfers-container .bank-transactions-item {
    background: #2E2F2F;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}
            .bank-transfers-container .bank-transactions-item .bank-transfer-row .bank-transfer-row {
                -ms-flex-align: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center;
                height: 70px
            }

                .bank-transfers-container .bank-transactions-item .bank-transfer-row .bank-transfer-row:first-child {
                    height: 40px
                }

            .bank-transfers-container .bank-transactions-item.removed {
                min-height: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                height: 0 !important
            }

            .bank-transfers-container .bank-transactions-item.non-approved {
                border-color: #dedede;
                border-left: 4px solid #b0b0b0
            }

                .bank-transfers-container .bank-transactions-item.non-approved .transaction-approve {
                    background: #b0b0b0;
                    text-transform: capitalize;
                }
body.wf.darkMode .bank-transfers-container .bank-transactions-item.non-approved .transaction-approve {
    background: var(--announce-box-bg) !important;
    border: 1px solid var(--form_border) !important;
}
                    .bank-transfers-container .bank-transactions-item.non-approved .transaction-approve:hover {
                        background: #6a6a6a
                    }

            .bank-transfers-container .bank-transactions-item.suspicious-transaction {
                border-color: #f6e8af;
                border-left: 4px solid #f2ca26
            }

                .bank-transfers-container .bank-transactions-item.suspicious-transaction .transaction-approve {
                    background: #f2ca26
                }

                    .bank-transfers-container .bank-transactions-item.suspicious-transaction .transaction-approve:hover {
                        background: #e4b801
                    }

        .bank-transfers-container .transaction-info {
            width: calc(70% - 10px)
        }

            .bank-transfers-container .transaction-info .bank-transfer-row {
                -ms-flex-align: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }

                .bank-transfers-container .transaction-info .bank-transfer-row:first-child {
                    -ms-flex-pack: start;
                    -webkit-box-pack: start;
                    -webkit-justify-content: flex-start;
                    justify-content: flex-start;
                    border-bottom: 1px solid #dddddd
                }

body.wf.darkMode .bank-transfers-container .transaction-info .bank-transfer-row:first-child {
    border-bottom: 1px solid var(--form_border);
}
        .bank-transfers-container .transaction-date {
            margin-right: 25px
        }

        .bank-transfers-container .transaction-detail-info {
            width: 70%;
            display: inline-block
        }

        .bank-transfers-container .transaction-details {
            width: 20%;
            display: inline-block
        }

            .bank-transfers-container .transaction-details .bank-transfer-row {
                height: 70px
            }

        .bank-transfers-container .transaction-select {
            width: 100%;
            position: relative
        }

            .bank-transfers-container .transaction-select select {
                width: 184px
            }

        .bank-transfers-container .bt-modal-select {
            background: #fff;
            border-radius: 3px;
            display: inline-block;
            height: 70px;
            width: 100%;
            padding: 10px;
            overflow: hidden;
            border: solid 1px #ebebeb;
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            position: relative
        }
body.wf.darkMode .bank-transfers-container .bt-modal-select {
    background: rgba(255, 255, 255, 0.06);
    border: solid 1px var(--form_border);
}
            .bank-transfers-container .bt-modal-select .edit-user {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 10px
            }

                .bank-transfers-container .bt-modal-select .edit-user:hover {
                    opacity: 1
                }

            .bank-transfers-container .bt-modal-select .apartment-name {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 85%
            }

            .bank-transfers-container .bt-modal-select .icon-warning3 {
                line-height: 24px;
                text-transform: capitalize;
            }

                .bank-transfers-container .bt-modal-select .icon-warning3:before {
                    color: #f2ca26;
                    margin-right: 10px;
                    font-size: 1.5rem;
                    font-weight: bold;
                    position: relative;
                    top: -1px;
                    vertical-align: middle !important
                }
            .bank-transfers-container .tr-select .transaction-input .icon-warning3:before {
                margin-left: 1px;
            }

            .bank-transfers-container .bt-modal-select .transaction-doc {
                position: relative
            }

                .bank-transfers-container .bt-modal-select .transaction-doc:hover {
                    opacity: 0.5
                }

                .bank-transfers-container .bt-modal-select .transaction-doc .icon-warning3:before {
                    font-size: .875rem
                }

                .bank-transfers-container .bt-modal-select .transaction-doc:first-child {
                    border-bottom: 1px dotted #ebebeb
                }

            .tr-select {
                padding: 7px 10px !important;
            }

            .bank-transfers-container .bt-modal-select .transaction-input:first-child,
            .bank-transfers-container .bt-modal-select .transaction-input:nth-child(2) {
                max-height: 50%;
                overflow: auto;
                word-break: break-all;
            }

        .bank-transfers-container a.bt-modal-select:hover {
            opacity: 0.5
        }

        .bank-transfers-container .transaction-actions {
            width: 10%
        }

            .bank-transfers-container .transaction-actions a {
                border-radius: 3px
            }

        .bank-transfers-container .transaction-approve {
            color: #fff;
            height: 65px;
            width: 100%;
            background: #8bc34a;
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-align: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding: 10px;
            border: 1px solid;
            text-align: center
        }
body.wf.darkMode .bank-transfers-container .transaction-approve {
    color: #fff !important;
    border: none;
    background: var(--green);
}
            .bank-transfers-container .transaction-approve:hover {
                background: #71ab2e
            }

        .bank-transfers-container .transaction-delete {
            background-color: #f7f7f7;
            width: 100%;
            text-align: center;
            border: 1px solid #ebebeb;
            padding: 5px;
            margin-top: 3px;
        }
            .bank-transfers-container .transaction-delete:hover {
                background-color: #d95a5a;
                color: #fff
            }

        .bank-transfers-container .transaction-amount {
            font-size: 1rem;
            color: #8bc34a;
            padding-right: 8px
        }

            .bank-transfers-container .transaction-amount.minus {
                color: #dd6462
            }

        .bank-transfers-container.editible-false .transaction-count, .bank-transfers-container.editible-false .transaction-info {
            width: 100%
        }

    .bt-categories-accordion {
        width: 100%
    }

    .bt-categories-button {
        display: block;
        border-radius: 3px;
        text-align: center;
        background: #fff;
        padding: 8px;
        border: 1px solid #ebebeb;
        position: relative
    }
        .bt-categories-button:after {
            content: "\f10f"
        }

        .bt-categories-button:after {
            font-family: icons;
            position: absolute;
            margin-left: 5px;
        }

        .bt-categories-button .hide-title {
            display: none
        }

    .active .bt-categories-button {
        border-radius: 0 0 3px 3px
    }

        .active .bt-categories-button:after {
            transform: rotate(180deg)
        }

        .active .bt-categories-button .hide-title {
            display: inline
        }

        .active .bt-categories-button .show-title {
            display: none
        }

    .bt-categories-container {
        transition: 0.3s;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #ebebeb;
        border-bottom: none;
        max-height: 0;
        overflow: hidden
    }
body.wf.darkMode .bt-categories-container {
    background: #383939;
    border: none;
}
    .active .bt-categories-container {
        border-radius: 3px 3px 0 0;
        min-height: 0px;
        max-height: 9999px !important
    }

    .bt-categories-container .total-difference {
        top: 30px;
        left: 446px
    }

    .bt-categories-total .bt-value {
        margin-right: -40px !important
    }

    .bt-categories-row {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: flex;
        -ms-flex: flex;
        flex: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 15px;
        border-bottom: 1px solid #ebebeb
    }
body.wf.darkMode .bt-categories-row {
    border-bottom: 1px solid #4B4C4C;
}
        .bt-categories-row:last-child {
            border: none
        }

        .bt-categories-row .bt-categories-row {
            padding: 5px 0;
            border-bottom: 1px solid #ebebeb;
        }
        body.wf.darkMode .bt-categories-row .bt-categories-row {
            border-bottom: 1px solid var(--form_border);
        }

            .bt-categories-row .bt-categories-row:last-child {
                border: none
            }

            .bt-categories-row .bt-categories-row span {
                line-height: 25px;
                width: 30%;
                display: inline-block
            }

                .bt-categories-row .bt-categories-row span.bt-value, .bt-categories-row .bt-categories-row span.bt-input {
                    width: 30%;
                    text-align: right
                }

                .bt-categories-row .bt-categories-row span.bt-value {
                    margin-right: 105px
                }

        .bt-categories-row input {
            border-radius: 3px;
            border: 1px solid #ebebeb;
            text-align: right;
            width: 150px
        }

    .bt-categories-title {
        width: 30%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: flex;
        -ms-flex: flex;
        flex: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-self: center;
        align-self: center
    }

    .bt-categories-table {
        width: 70%
    }

    .category-warn {
        position: absolute;
        left: 350px;
        top: 5px;
        font-size: .6875rem
    }

        .category-warn i:before {
            position: relative;
            font-weight: bold;
            font-size: .875rem;
            bottom: -2px
        }

        .category-warn.more-amount {
            color: #e8ba00
        }

        .category-warn.less-amount {
            color: #d35352
        }

    .bt-total-input.more-amount {
        border-color: #e8ba00
    }

    .bt-total-input.less-amount {
        border-color: #d35352
    }

    .excell-delete {
        -ms-flex-pack: flex-end !important;
        -webkit-box-pack: flex-end !important;
        -webkit-justify-content: flex-end !important;
        justify-content: flex-end !important
    }

        .excell-delete a {
            color: #d35352
        }

    .false-amount {
        color: #d35352
    }

    .select2-container--default .bt-select2-cont {
        border-radius: 3px;
        border: 1px solid #ebebeb;
        height: 29px;
        padding-left: 10px;
        background: #fff
    }

        .select2-container--default .bt-select2-cont .select2-selection__arrow {
            height: 29px
        }

        .select2-container--default .bt-select2-cont .select2-selection__rendered {
            line-height: 29px;
            padding: 0;
            font-size: .75rem
        }

        .select2-container--default .bt-select2-cont.height {
            height: 39px
        }

            .select2-container--default .bt-select2-cont.height .select2-selection__arrow {
                height: 39px
            }

            .select2-container--default .bt-select2-cont.height .select2-selection__rendered {
                line-height: 39px
            }

    .bt-select2-drop {
        border: 1px solid #ebebeb;
        text-align: left !important
    }

        .bt-select2-drop .select2-results__option--highlighted[aria-selected] {
            background: #f8f8f8;
            color: #666666
        }

        .bt-select2-drop .select2-results__option[aria-selected="true"] {
            background: #8dc23f;
            color: white
        }

            .bt-select2-drop .select2-results__option[aria-selected="true"]:before {
                font-family: icons;
                position: absolute;
                right: 10px
            }

    .is-excell .transaction-count {
        width: calc(35% - 5px) !important
    }

    .is-excell .delete-all {
        width: 17%
    }

    .is-excell.deleted-all .transaction-count {
        width: calc(50% - 5px) !important
    }

    .error-page {
        background-color: #F3F5F6;
        margin: 0;
        padding: 0;
        color: #585858;
        font-family: TyponineSansProNormal;
        font-size: 24px
    }

        .error-page a {
            text-decoration: none
        }

            .error-page a.link {
                font-size: 12px;
                text-decoration: underline;
                color: #8F8F8F
            }

    @media only screen and (min-width: 320px) and (max-width: 900px) {
        .error-page {
            font-size: 18px
        }
    }

    .error-page header {
        text-align: center
    }

    .error-page .primary-action {
        background-color: #00C04E
    }

    .error-page .secondary-action, .error-page .button-search {
        background-color: #F4F4F4;
        color: #8F8F8F
    }

    .error-page h1 {
        font-family: TyponineSansProText;
        font-size: 38px;
        padding: 0;
        margin: 0
    }

    @media only screen and (min-width: 320px) and (max-width: 900px) {
        .error-page h1 {
            font-size: 24px
        }
    }

    .error-page .container {
        background-color: white;
        position: absolute;
        height: 90%;
        width: 100%
    }

    .error-page .content {
        margin: auto;
        min-height: 400px;
        width: 960px
    }

    @media only screen and (min-width: 320px) and (max-width: 900px) {
        .error-page .content {
            width: 100%
        }
    }

    .error-page .column-1 {
        position: relative;
        padding-top: 70px;
        float: left;
        width: 65%;
        text-align: center;
        z-index: 1
    }

    @media only screen and (min-width: 320px) and (max-width: 900px) {
        .error-page .column-1 {
            width: 80%;
            text-align: left;
            padding-left: 10px;
            padding-right: 50px
        }
    }

    .error-page .column-2 {
        width: 30%;
        float: left
    }

    @media only screen and (min-width: 320px) and (max-width: 900px) {
        .error-page .column-2 {
            /*position: absolute;
        right: 20px*/
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 900px) {
        .error-page .column-2.under-construction {
            position: absolute;
            right: 110px
        }
    }

    .error-page .footer {
        height: 30px
    }

    .error-page .verticalCenter, .error-page .content {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .facility-reservation {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .facility-reservation .tab-view .tab-view-button {
            display: block
        }

            .facility-reservation .tab-view .tab-view-button.current {
                background: #999999;
                display: none;
            }

        .facility-reservation .facility-list {
            width: 290px;
            border-top-right-radius: 0;
            margin-right: -10px;
        }


        .facility-reservation .facility-calendar {
            width: 650px
        }

            .facility-reservation .facility-calendar h2 {
                font-size: 17px;
                color: gray;
                font-weight: normal
            }

        .facility-reservation .facilities {
            list-style: none
        }

            .facility-reservation .facilities li {
                background: #203745;
                border-radius: 5px 0 0 5px;
                margin-top: 5px;
                padding: 15px;
                font-size: 13px;
                color: #fff;
                cursor: pointer
            }

        .facility-reservation .facility-calendar {
            padding: 10px;
            border-radius: 5px;
            background: #fff;
            box-shadow: 1px 1px 5px #969696
        }

    .facility-details {
        overflow: hidden;
        border-radius: 5px 0 0 5px;
        background: #fff;
        margin: 0;
    }

        .facility-details figcaption {
            padding: 0;
        }

            .facility-details figcaption h2 {
                font-size: 17px;
                color: gray;
                font-weight: normal !important
            }

            .facility-details figcaption span {
                display: block;
                margin-bottom: 10px;
                margin-top: 15px;
            }

            .facility-details figcaption a {
                display: block;
                text-decoration: none;
                color: #28ace8;
                border-top: 1px dashed #d5d5d5;
                padding-top: 13px;
            }

                .facility-details figcaption a img {
                    vertical-align: sub
                }

    .facility-modal {
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
        width: 470px;
        text-align: left
    }

        .facility-modal .uxr-modal-close {
            background: none;
            color: white;
            font-size: 1.375rem;
            top: 11px;
            right: 13px
        }

        .facility-modal .reservation-act.yellow-action {
            background: #f9b513;
            margin-top: 10px;
            color: white
        }

        .facility-modal.fixed-top {
            top: 0 !important;
            transform: translateX(-50%)
        }

            .facility-modal.fixed-top .uxr-modal-content {
                transform: translateX(50%)
            }

        .facility-modal .uxitd-calendar-wrap, .facility-modal .uxr-autocomplete-wrap {
            display: block
        }

        .facility-modal .uxr-autocomplete-magnify {
            line-height: 25px
        }

            .facility-modal .uxr-autocomplete-magnify:before {
                font-size: 1.375rem
            }

        .facility-modal .icon-calendar {
            font-weight: 600
        }

            .facility-modal .icon-calendar:before {
                position: absolute;
                z-index: 1;
                top: 36px;
                left: 10px;
                color: #969696;
                font-size: 1rem
            }

        .facility-modal .facility-modal-title {
            padding: 15px 15px;
            background: #28ace8
        }

            .facility-modal .facility-modal-title, .facility-modal .facility-modal-title h1 {
                line-height: inherit;
                color: white;
                font-family: 'SegoeUI-Light', Helvetica, sans-serif
            }

                .facility-modal .facility-modal-title.has-debt {
                    background: #b50000
                }

                .facility-modal .facility-modal-title h1 {
                    margin: 0;
                    font-size: 1.125rem
                }

        .facility-modal .facility-modal-inner-text {
            font-size: .75rem;
            padding: 15px
        }

            .facility-modal .facility-modal-inner-text.has-debt strong {
                color: #b50000
            }

            .facility-modal .facility-modal-inner-text p:last-of-type {
                margin-bottom: 0
            }

        .facility-modal .form-elements ol {
            width: 100%
        }

            .facility-modal .form-elements ol .icon-man-user:before {
                position: absolute;
                top: 3px;
                left: 10px;
                z-index: 3
            }

            .facility-modal .form-elements ol .icon-man-user input {
                padding-left: 25px
            }

        .facility-modal .form-elements .show-custom-label .error-container {
            display: block
        }

        .facility-modal .form-elements span.error-container {
            color: #FF6D51;
            display: none
        }

        .facility-modal .form-elements .error-container {
            color: #FF6D51
        }

        .facility-modal .form-elements .item-error input {
            border: 1px solid #FF6D51
        }

        .facility-modal .form-elements .item-error .error-container {
            display: block !important
        }

        .facility-modal .form-elements input, .facility-modal .form-elements textarea, .facility-modal .form-elements select {
            width: 100%;
            background: #fdfdfd;
            border: 1px solid #e6e6e6;
            margin: 0;
            border-radius: 5px;
            box-shadow: none;
            padding: 8px 5px;
            color: #5f5f5f;
            font-family: Tahoma, Helvetica, Arial, Thonburi, Verdana, sans-serif;
            font-size: .8125rem;
            line-height: 1;
            height: auto;
            resize: vertical;
            min-height: 39px
        }

            .facility-modal .form-elements input.item-error, .facility-modal .form-elements textarea.item-error, .facility-modal .form-elements select.item-error {
                border: 1px solid #FF6D51
            }

            .facility-modal .form-elements input::placeholder, .facility-modal .form-elements textarea::placeholder, .facility-modal .form-elements select::placeholder {
                font-size: .75rem;
                color: #969696
            }

            .facility-modal .form-elements input:focus, .facility-modal .form-elements textarea:focus, .facility-modal .form-elements select:focus {
                border-color: #969696;
                outline: none
            }

            .facility-modal .form-elements input:disabled, .facility-modal .form-elements textarea:disabled, .facility-modal .form-elements select:disabled {
                background: #ededed
            }

            .facility-modal .form-elements input.datepicker, .facility-modal .form-elements textarea.datepicker, .facility-modal .form-elements select.datepicker {
                padding-left: 30px
            }

        .facility-modal .form-elements textarea {
            min-height: 80px;
            font-family: 'SegoeUI-Light', Helvetica, sans-serif;
            font-weight: normal
        }

        .facility-modal .form-elements li {
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 0;
            -ms-flex: 0;
            flex: 0;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: 10px
        }

            .facility-modal .form-elements li label, .facility-modal .form-elements li div {
                width: 100%;
                line-height: 1.6;
                cursor: default
            }

                .facility-modal .form-elements li label.half, .facility-modal .form-elements li div.half {
                    width: calc(50% - 5px)
                }

                    .facility-modal .form-elements li label.half:last-child, .facility-modal .form-elements li div.half:last-child {
                        margin-left: 10px
                    }

                    .facility-modal .form-elements li label.half.clock:before, .facility-modal .form-elements li div.half.clock:before {
                        font-family: icons;
                        position: absolute;
                        top: 31px;
                        left: 8px;
                        z-index: 1;
                        font-size: .9375rem;
                        font-weight: lighter !important
                    }

                    .facility-modal .form-elements li label.half.clock input, .facility-modal .form-elements li div.half.clock input {
                        padding-left: 30px
                    }

                    .facility-modal .form-elements li label.half.clock .select2-selection__rendered, .facility-modal .form-elements li div.half.clock .select2-selection__rendered {
                        padding-left: 20px
                    }

                .facility-modal .form-elements li label.person i, .facility-modal .form-elements li div.person i {
                    top: 30px;
                    left: 10px
                }

                .facility-modal .form-elements li label.person .autocomplete, .facility-modal .form-elements li div.person .autocomplete {
                    padding-left: 30px
                }

                .facility-modal .form-elements li label.person .uxr-autocomplete-magnify, .facility-modal .form-elements li div.person .uxr-autocomplete-magnify {
                    display: none
                }

            .facility-modal .form-elements li.facility-amount {
                -ms-flex-pack: justify;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                border-radius: 5px;
                background-color: #e1fcd0;
                border: solid 1px #b1e193;
                padding: 10px
            }

                .facility-modal .form-elements li.facility-amount span {
                    display: inline-block
                }

            .facility-modal .form-elements li.info-box, .bs-info-box {
                padding: 10px;
                border-radius: 5px;
                background-color: #f1ffee;
                border: solid 1px #b5dda9;
                font-size: .75rem;
                color: #727272
            }

                .facility-modal .form-elements li.info-box i {
                    font-size: 1.25rem;
                    position: absolute;
                    left: 10px;
                    height: 100%;
                    top: 0
                }

                    .facility-modal .form-elements li.info-box i:before, .bs-info-box i:before {
                        position: relative;
                        top: calc(50% - 15px)
                    }

                .bs-info-box i {
                    margin-right: 3px;
                }

                .facility-modal .form-elements li.info-box.important {
                    background-color: #f9e5e5;
                    border-color: #f8d2d2;
                    color: #b10000;
                    font-weight: bold;
                    padding-left: 40px
                }

                .facility-modal .form-elements li.info-box.warning, .bs-info-box.warning {
                    background-color: #fffbc9;
                    border-color: #ebe5aa;
                    color: #997e03;
                    padding-left: 40px;
                    background-image: none !important;
                    height: auto !important;
                    margin-left: 0;
                    width: auto !important;
                    background-position: 0 0
                }

                .facility-modal .form-elements li.info-box.info, .bs-info-box.info {
                    background-color: #d9edf7;
                    border-color: #bce8f1;
                    color: #31708f;
                    padding-left: 40px;
                    background-image: none !important;
                    height: auto !important;
                    margin-left: 0;
                    width: auto !important;
                    background-position: 0 0
                }

                .bs-info-box.warning, .bs-info-box.info {
                    padding-left: 10px;
                    margin: 20px 20px 0;
                }

                .facility-modal .form-elements li.buttons .cancel-action {
                    background-color: #7a7a7a;
                    width: calc(40% - 5px);
                    color: white;
                    margin-right: 5px
                }

            .facility-modal .form-elements li.buttons .secondary-action, .facility-modal .form-elements li.buttons .button-search {
                width: 60%;
                background-color: #b70000
            }

            .facility-modal .form-elements li.buttons.has-debt .primary-action {
                width: 60%;
                background-color: #8bc34a
            }

        .facility-modal .form-elements label {
            position: relative
        }

            .facility-modal .form-elements label i {
                position: absolute;
                z-index: 1;
                font-size: .9375rem
            }

                .facility-modal .form-elements label i.icon-clock {
                    top: 30px;
                    left: 8px
                }

        .facility-modal .form-elements .item-label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold
        }

        .facility-modal .form-elements .buttons {
            padding: 0;
            margin: 0
        }

            .facility-modal .form-elements .buttons.has-debt {
                margin-top: 20px
            }

            .facility-modal .form-elements .buttons a {
                width: 100%;
                text-align: center;
                text-decoration: none
            }

        .facility-modal .terms-conditions {
            padding: 0px 0px 15px 0px;
            display: block
        }

            .facility-modal .terms-conditions a {
                color: #28ace8
            }

        .facility-modal .styled-checkbox {
            position: absolute;
            opacity: 0
        }

            .facility-modal .styled-checkbox + label {
                position: relative;
                cursor: pointer;
                padding: 0
            }

                .facility-modal .styled-checkbox + label:before {
                    content: '';
                    margin-right: 6px;
                    display: inline-block;
                    vertical-align: text-top;
                    width: 14px;
                    height: 14px;
                    background: #d8d8d8
                }

            .facility-modal .styled-checkbox:hover + label:before {
                background: #d1d1d1
            }

            .facility-modal .styled-checkbox:focus + label:before {
                box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12)
            }

            .facility-modal .styled-checkbox:checked + label:before {
                background: #2ab942
            }

            .facility-modal .styled-checkbox:disabled + label {
                color: #b8b8b8;
                cursor: auto
            }

                .facility-modal .styled-checkbox:disabled + label:before {
                    box-shadow: none;
                    background: #ddd
                }

            .facility-modal .styled-checkbox:checked + label:after {
                content: '';
                position: absolute;
                left: 2px;
                top: 7px;
                background: white;
                width: 2px;
                height: 2px;
                box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
                transform: rotate(45deg)
            }

        .facility-modal .reservationPaymentOption label {
            display: inline-flex;
            align-items: center;
            width: auto !important
        }

            .facility-modal .reservationPaymentOption label:nth-of-type(2) {
                margin-left: 10px
            }

            .facility-modal .reservationPaymentOption label input {
                margin: 0 5px 0px 0px;
                width: auto;
                min-height: auto
            }

    .uxr-autocomplete-select {
        z-index: 99999999;
        text-align: left
    }

    body.sideMenu .uxr-autocomplete-select {
        top:160px !important;
    }

        .uxr-autocomplete-select .uxr-autocomplete-option a {
            cursor: pointer
        }

    .fc-widget-content {
        cursor: pointer
    }

    .facility-modal h4 {
        margin-bottom: 5px
    }

    .facility-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #5f5f5f
    }

    .facility-modal .select2-container--default .bt-select2-cont.height .select2-selection__rendered {
        line-height: 35px
    }

    .facility-modal .select2-container--default .bt-select2-cont.height .select2-selection__arrow {
        height: 35px
    }

    .uxr-dialog-title.note-title {
        margin-bottom: 15px
    }

    .list-box {
        border: 1px solid #969696;
        padding: 5px !important;
        border-radius: 5px;
        margin-bottom: 10px !important;
        max-height: 100px;
        overflow-y: auto
    }

        .list-box li {
            display: -ms-flexbox;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-flex: 0;
            -ms-flex: 0;
            flex: 0;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: justify;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            padding-right: 10px
        }

            .list-box li:last-child {
                margin-bottom: 0
            }

    .delete-event {
        cursor: pointer;
        color: red;
        text-transform: lowercase
    }

    .reservation-tooltip .tooltip-content {
        text-align: left
    }

    .reservation-tooltip .tooltip-arrow {
        top: 7px !important
    }

    .user-info {
        /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
        ;
        font-family: "SegoeUI-Light";
        font-size: .75rem
    }

        .user-info html {
            box-sizing: inherit
        }

        .user-info *, .user-info *:after, .user-info *:before {
            box-sizing: inherit
        }

        .user-info hr, .user-info input[type="search"] {
            box-sizing: inherit
        }

        .user-info html, .user-info body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0
        }

        .user-info h1, .user-info h2, .user-info h3, .user-info h4, .user-info h5, .user-info h6, .user-info p, .user-info ul, .user-info ol, .user-info li, .user-info table, .user-info th, .user-info td {
            margin-top: 0;
            padding: 0
        }

        .user-info .group:after, .user-info .detail-button-container:after, .user-info .form-elements:after {
            content: "";
            display: table;
            clear: both
        }

        .user-info .one-whole {
            width: 100%
        }

        .user-info .one-half {
            width: 50%
        }

        .user-info .one-thirds, .user-info .one-third {
            width: 33.3333333333%
        }

        .user-info .two-thirds {
            width: 66.6666666667%
        }

        .user-info .one-quarters, .user-info .one-quarter {
            width: 25%
        }

        .user-info .two-quarters {
            width: 50%
        }

        .user-info .three-quarters {
            width: 75%
        }

        .user-info .one-fifths, .user-info .one-fifth {
            width: 20%
        }

        .user-info .two-fifths {
            width: 40%
        }

        .user-info .three-fifths {
            width: 60%
        }

        .user-info .four-fifths {
            width: 80%
        }

        .user-info .one-eighths, .user-info .one-eighth {
            width: 12.5%
        }

        .user-info .two-eighths {
            width: 25%
        }

        .user-info .three-eighths {
            width: 37.5%
        }

        .user-info .four-eighths {
            width: 50%
        }

        .user-info .five-eighths {
            width: 62.5%
        }

        .user-info .six-eighths {
            width: 75%
        }

        .user-info .seven-eighths {
            width: 87.5%
        }

        .user-info .one-tenths, .user-info .one-tenth {
            width: 10%
        }

        .user-info .two-tenths {
            width: 20%
        }

        .user-info .three-tenths {
            width: 30%
        }

        .user-info .four-tenths {
            width: 40%
        }

        .user-info .five-tenths {
            width: 50%
        }

        .user-info .six-tenths {
            width: 60%
        }

        .user-info .seven-tenths {
            width: 70%
        }

        .user-info .eight-tenths {
            width: 80%
        }

        .user-info .nine-tenths {
            width: 90%
        }

        .user-info .one-twelfths, .user-info .one-twelfth {
            width: 8.3333333333%
        }

        .user-info .two-twelfths {
            width: 16.6666666667%
        }

        .user-info .three-twelfths {
            width: 25%
        }

        .user-info .four-twelfths {
            width: 33.3333333333%
        }

        .user-info .five-twelfths {
            width: 41.6666666667%
        }

        .user-info .six-twelfths {
            width: 50%
        }

        .user-info .seven-twelfths {
            width: 58.3333333333%
        }

        .user-info .eight-twelfths {
            width: 66.6666666667%
        }

        .user-info .nine-twelfths {
            width: 75%
        }

        .user-info .ten-twelfths {
            width: 83.3333333333%
        }

        .user-info .eleven-twelfths {
            width: 91.6666666667%
        }

        .user-info .pull {
            margin-left: -20px
        }

        .user-info .push {
            margin-right: -20px
        }

        .user-info .pull-push {
            margin-right: -20px;
            margin-left: -20px
        }

        .user-info .row::after {
            display: table;
            clear: both;
            content: ''
        }

        .user-info [class*='-column'] {
            position: relative;
            padding: 0 20px
        }

        .user-info .column-parent {
            padding: 0
        }

        .user-info .one-column, .user-info .one-columns {
            width: 5.5555555556%
        }

        .user-info .two-column, .user-info .two-columns {
            width: 11.1111111111%
        }

        .user-info .three-column, .user-info .three-columns {
            width: 16.6666666667%
        }

        .user-info .four-column, .user-info .four-columns {
            width: 22.2222222222%
        }

        .user-info .five-column, .user-info .five-columns {
            width: 27.7777777778%
        }

        .user-info .six-column, .user-info .six-columns {
            width: 33.3333333333%
        }

        .user-info .seven-column, .user-info .seven-columns {
            width: 38.8888888889%
        }

        .user-info .eight-column, .user-info .eight-columns {
            width: 44.4444444444%
        }

        .user-info .nine-column, .user-info .nine-columns {
            width: 50%
        }

        .user-info .ten-column, .user-info .ten-columns {
            width: 55.5555555556%
        }

        .user-info .eleven-column, .user-info .eleven-columns {
            width: 61.1111111111%
        }

        .user-info .twelve-column, .user-info .twelve-columns {
            width: 66.6666666667%
        }

        .user-info .thirteen-column, .user-info .thirteen-columns {
            width: 72.2222222222%
        }

        .user-info .fourteen-column, .user-info .fourteen-columns {
            width: 77.7777777778%
        }

        .user-info .fifteen-column, .user-info .fifteen-columns {
            width: 83.3333333333%
        }

        .user-info .sixteen-column, .user-info .sixteen-columns {
            width: 88.8888888889%
        }

        .user-info .seventeen-column, .user-info .seventeen-columns {
            width: 94.4444444444%
        }

        .user-info .eighteen-column, .user-info .eighteen-columns {
            width: 100%
        }

        .user-info .offset-by-one {
            margin-left: 5.5555555556%
        }

        .user-info .offset-by-two {
            margin-left: 11.1111111111%
        }

        .user-info .offset-by-three {
            margin-left: 16.6666666667%
        }

        .user-info .offset-by-four {
            margin-left: 22.2222222222%
        }

        .user-info .offset-by-five {
            margin-left: 27.7777777778%
        }

        .user-info .offset-by-six {
            margin-left: 33.3333333333%
        }

        .user-info .offset-by-seven {
            margin-left: 38.8888888889%
        }

        .user-info .offset-by-eight {
            margin-left: 44.4444444444%
        }

        .user-info .offset-by-nine {
            margin-left: 50%
        }

        .user-info .offset-by-ten {
            margin-left: 55.5555555556%
        }

        .user-info .offset-by-eleven {
            margin-left: 61.1111111111%
        }

        .user-info .offset-by-twelve {
            margin-left: 66.6666666667%
        }

        .user-info .offset-by-thirteen {
            margin-left: 72.2222222222%
        }

        .user-info .offset-by-fourteen {
            margin-left: 77.7777777778%
        }

        .user-info .offset-by-fifteen {
            margin-left: 83.3333333333%
        }

        .user-info .offset-by-sixteen {
            margin-left: 88.8888888889%
        }

        .user-info .offset-by-seventeen {
            margin-left: 94.4444444444%
        }

        .user-info html {
            font-family: sans-serif;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        .user-info body {
            margin: 0
        }

        .user-info article, .user-info aside, .user-info details, .user-info figcaption, .user-info figure, .user-info footer, .user-info header, .user-info main, .user-info menu, .user-info nav, .user-info section, .user-info summary {
            display: block
        }

        .user-info audio, .user-info canvas, .user-info progress, .user-info video {
            display: inline-block
        }

            .user-info audio:not([controls]) {
                display: none;
                height: 0
            }

        .user-info progress {
            vertical-align: baseline
        }

        .user-info template, .user-info [hidden] {
            display: none
        }

        .user-info a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects
        }

            .user-info a:active, .user-info a:hover {
                outline-width: 0
            }

        .user-info abbr[title] {
            border-bottom: 0;
            text-decoration: underline;
            text-decoration: underline dotted
        }

        .user-info b, .user-info strong {
            font-weight: inherit
        }

        .user-info b, .user-info strong {
            font-weight: bolder
        }

        .user-info dfn {
            font-style: italic
        }

        .user-info h1 {
            margin: .67em 0;
            font-size: 2em
        }

        .user-info mark {
            background-color: #ff0;
            color: #000
        }

        .user-info small {
            font-size: 80%
        }

        .user-info sub, .user-info sup {
            position: relative;
            font-size: 75%;
            line-height: 0;
            vertical-align: baseline
        }

        .user-info sub {
            bottom: -.25em
        }

        .user-info sup {
            top: -.5em
        }

        .user-info img {
            border-style: none
        }

        .user-info svg:not(:root) {
            overflow: hidden
        }

        .user-info code, .user-info kbd, .user-info pre, .user-info samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        .user-info figure {
            margin: 1em 40px
        }

        .user-info hr {
            height: 0;
            overflow: visible;
            box-sizing: content-box
        }

        .user-info button, .user-info input, .user-info select, .user-info textarea {
            margin: 0;
            font: inherit
        }

        .user-info optgroup {
            font-weight: bold
        }

        .user-info button, .user-info input {
            overflow: visible
        }

        .user-info button, .user-info select {
            text-transform: none
        }

        .user-info button, .user-info html [type='button'], .user-info [type='reset'], .user-info [type='submit'] {
            -webkit-appearance: button
        }

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

            .user-info button:-moz-focusring, .user-info [type='button']:-moz-focusring, .user-info [type='reset']:-moz-focusring, .user-info [type='submit']:-moz-focusring {
                outline: 1px dotted ButtonText
            }

        .user-info fieldset {
            margin: 0 2px;
            padding: .35em .625em .75em;
            border: 1px solid #c0c0c0
        }

        .user-info legend {
            display: table;
            max-width: 100%;
            padding: 0;
            color: inherit;
            white-space: normal;
            box-sizing: border-box
        }

        .user-info textarea {
            overflow: auto
        }

        .user-info [type='checkbox'], .user-info [type='radio'] {
            padding: 0;
            box-sizing: border-box
        }

        .user-info [type='number']::-webkit-inner-spin-button, .user-info [type='number']::-webkit-outer-spin-button {
            height: auto
        }

        .user-info [type='search'] {
            outline-offset: -2px;
            -webkit-appearance: textfield
        }

            .user-info [type='search']::-webkit-search-cancel-button, .user-info [type='search']::-webkit-search-decoration {
                -webkit-appearance: none
            }

        .user-info ::-webkit-input-placeholder {
            color: inherit;
            opacity: .54
        }

        .user-info ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button
        }

        .user-info html {
            box-sizing: border-box
        }

        .user-info *, .user-info *::after, .user-info *::before {
            box-sizing: inherit
        }

        .user-info hr {
            box-sizing: inherit
        }

        .user-info input[type='search'] {
            box-sizing: inherit
        }

        .user-info html, .user-info body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0
        }

        .user-info h1, .user-info h2, .user-info h3, .user-info h4, .user-info h5, .user-info h6, .user-info p, .user-info ul, .user-info ol, .user-info li, .user-info table, .user-info th, .user-info td {
            margin-top: 0;
            padding: 0
        }

        .user-info .group::after, .user-info .detail-button-container::after, .user-info .form-elements::after {
            display: table;
            clear: both;
            content: ''
        }

        .user-info fieldset, .user-info .form-elements {
            margin: 0;
            padding: 0;
            border: 0;
            background: none;
            list-style: none
        }

        .user-info .column, .user-info [class*='-column'], .user-info .move-to-start, .user-info [dir='rtl'] .move-to-end {
            float: left
        }

        .user-info [class*='column-reverse'], .user-info .move-to-end, .user-info [dir='rtl'] .move-to-start {
            float: right
        }

        .user-info .align-start {
            text-align: start
        }

        .user-info .align-end {
            text-align: end
        }

        .user-info html {
            font-size: 16px
        }

        .user-info body {
            color: #222;
            font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif
        }

        .user-info .form-elements li {
            position: relative;
            margin-bottom: 1em
        }

        .user-info legend {
            display: block;
            width: 100%;
            margin-bottom: 1em
        }

        .user-info label, .user-info .label {
            display: inline-block;
            position: relative
        }

        .user-info .item-field {
            margin-right: 1em
        }

        .user-info .item-stacked:not(:only-child) {
            margin-bottom: 1em
        }

        .user-info .item-row + .item-row {
            margin-top: 1em
        }

        .user-info .item-error {
            color: #e87352
        }

        .user-info .item-label {
            display: inline-block;
            position: relative;
            cursor: pointer
        }

    .item-stacked .user-info .item-label {
        display: block
    }

    .user-info .item-label .item-required::before, .is-required .user-info .item-label::before {
        position: absolute;
        left: -10px;
        content: '*'
    }

    .user-info .item-help {
        font-size: .8em;
        font-style: italic
    }

    .user-info input[type="text"], .user-info input[type="password"], .user-info input[type="datetime"], .user-info input[type="datetime-local"], .user-info input[type="date"], .user-info input[type="month"], .user-info input[type="time"], .user-info input[type="week"], .user-info input[type="number"], .user-info input[type="email"], .user-info input[type="url"], .user-info input[type="search"], .user-info input[type="tel"], .user-info input[type="color"], .user-info textarea, .user-info .text-field {
        padding: 5px;
        border: 1px solid #c6c6c6;
        outline: 0;
        background: #fff;
        color: inherit;
        font-size: 1rem;
        font-weight: normal
    }

        .user-info input[type="text"]:focus, .user-info input[type="password"]:focus, .user-info input[type="datetime"]:focus, .user-info input[type="datetime-local"]:focus, .user-info input[type="date"]:focus, .user-info input[type="month"]:focus, .user-info input[type="time"]:focus, .user-info input[type="week"]:focus, .user-info input[type="number"]:focus, .user-info input[type="email"]:focus, .user-info input[type="url"]:focus, .user-info input[type="search"]:focus, .user-info input[type="tel"]:focus, .user-info input[type="color"]:focus, .user-info textarea:focus, .user-info .text-field:focus, .user-info input[type="text"]:active, .user-info input[type="password"]:active, .user-info input[type="datetime"]:active, .user-info input[type="datetime-local"]:active, .user-info input[type="date"]:active, .user-info input[type="month"]:active, .user-info input[type="time"]:active, .user-info input[type="week"]:active, .user-info input[type="number"]:active, .user-info input[type="email"]:active, .user-info input[type="url"]:active, .user-info input[type="search"]:active, .user-info input[type="tel"]:active, .user-info input[type="color"]:active, .user-info textarea:active, .user-info .text-field:active {
            border-color: #a6a6a6;
            background: #fff
        }

        .user-info input[readonly][type="text"], .user-info input[readonly][type="password"], .user-info input[readonly][type="datetime"], .user-info input[readonly][type="datetime-local"], .user-info input[readonly][type="date"], .user-info input[readonly][type="month"], .user-info input[readonly][type="time"], .user-info input[readonly][type="week"], .user-info input[readonly][type="number"], .user-info input[readonly][type="email"], .user-info input[readonly][type="url"], .user-info input[readonly][type="search"], .user-info input[readonly][type="tel"], .user-info input[readonly][type="color"], .user-info textarea[readonly], .user-info [readonly].text-field, .user-info input.readonly[type="text"], .user-info input.readonly[type="password"], .user-info input.readonly[type="datetime"], .user-info input.readonly[type="datetime-local"], .user-info input.readonly[type="date"], .user-info input.readonly[type="month"], .user-info input.readonly[type="time"], .user-info input.readonly[type="week"], .user-info input.readonly[type="number"], .user-info input.readonly[type="email"], .user-info input.readonly[type="url"], .user-info input.readonly[type="search"], .user-info input.readonly[type="tel"], .user-info input.readonly[type="color"], .user-info textarea.readonly, .user-info .readonly.text-field {
            border-color: #c6c6c6;
            background-color: #eee;
            cursor: default
        }

        .user-info input[disabled][type="text"], .user-info input[disabled][type="password"], .user-info input[disabled][type="datetime"], .user-info input[disabled][type="datetime-local"], .user-info input[disabled][type="date"], .user-info input[disabled][type="month"], .user-info input[disabled][type="time"], .user-info input[disabled][type="week"], .user-info input[disabled][type="number"], .user-info input[disabled][type="email"], .user-info input[disabled][type="url"], .user-info input[disabled][type="search"], .user-info input[disabled][type="tel"], .user-info input[disabled][type="color"], .user-info textarea[disabled], .user-info [disabled].text-field, .user-info input.disabled[type="text"], .user-info input.disabled[type="password"], .user-info input.disabled[type="datetime"], .user-info input.disabled[type="datetime-local"], .user-info input.disabled[type="date"], .user-info input.disabled[type="month"], .user-info input.disabled[type="time"], .user-info input.disabled[type="week"], .user-info input.disabled[type="number"], .user-info input.disabled[type="email"], .user-info input.disabled[type="url"], .user-info input.disabled[type="search"], .user-info input.disabled[type="tel"], .user-info input.disabled[type="color"], .user-info textarea.disabled, .user-info .disabled.text-field {
            border-color: #eee;
            background-color: #c6c6c6;
            cursor: default
        }

        .user-info input.item-error[type="text"], .user-info input.item-error[type="password"], .user-info input.item-error[type="datetime"], .user-info input.item-error[type="datetime-local"], .user-info input.item-error[type="date"], .user-info input.item-error[type="month"], .user-info input.item-error[type="time"], .user-info input.item-error[type="week"], .user-info input.item-error[type="number"], .user-info input.item-error[type="email"], .user-info input.item-error[type="url"], .user-info input.item-error[type="search"], .user-info input.item-error[type="tel"], .user-info input.item-error[type="color"], .user-info textarea.item-error, .user-info .item-error.text-field {
            border-color: #e87352
        }

    .user-info input[type="text"], .user-info input[type="password"], .user-info input[type="datetime"], .user-info input[type="datetime-local"], .user-info input[type="date"], .user-info input[type="month"], .user-info input[type="time"], .user-info input[type="week"], .user-info input[type="number"], .user-info input[type="email"], .user-info input[type="url"], .user-info input[type="search"], .user-info input[type="tel"], .user-info input[type="color"], .user-info textarea, .user-info .text-field {
        -webkit-appearance: none
    }

    .user-info input[type="checkbox"], .user-info input[type="radio"] {
        vertical-align: middle
    }

        .user-info input[type="checkbox"] + .item-label, .user-info input[type="radio"] + .item-label {
            margin-left: .25em;
            font-weight: normal;
            vertical-align: middle
        }

    .user-info textarea {
        min-height: 3em;
        resize: vertical
    }

    .user-info button, .user-info input[type='submit'], .user-info input[type='reset'], .user-info input.button, .user-info .button, .user-info [class*='-action']:not([class*='-actions']) {
        -webkit-apperance: none;
        -moz-apperance: none;
        apperance: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all .2s;
        transition: all .2s;
        display: inline-block;
        padding: 5px 15px;
        border: transparent;
        line-height: normal;
        text-decoration: none;
        cursor: pointer;
        background-color: #c6c6c6;
        color: #222
    }

        .user-info button:hover, .user-info input[type='submit']:hover, .user-info input[type='reset']:hover, .user-info .button:hover, .user-info [class*='-action']:hover:not([class*='-actions']) {
            background-color: #b3b3b3;
            color: #222
        }

        .user-info button:disabled, .user-info input[type='submit']:disabled, .user-info input[type='reset']:disabled, .user-info .button:disabled, .user-info [class*='-action']:disabled:not([class*='-actions']), .user-info button.disabled, .user-info input.disabled[type='submit'], .user-info input.disabled[type='reset'], .user-info .disabled.button, .user-info .disabled[class*='-action']:not([class*='-actions']) {
            cursor: default;
            background-color: #eee;
            color: #a6a6a6
        }

            .user-info button:disabled:hover, .user-info input[type='submit']:disabled:hover, .user-info input[type='reset']:disabled:hover, .user-info .button:disabled:hover, .user-info [class*='-action']:disabled:hover:not([class*='-actions']), .user-info button.disabled:hover, .user-info input.disabled[type='submit']:hover, .user-info input.disabled[type='reset']:hover, .user-info .disabled.button:hover, .user-info .disabled[class*='-action']:hover:not([class*='-actions']) {
                background-color: #eee;
                color: #a6a6a6
            }

        .user-info button:active, .user-info input[type='submit']:active, .user-info input[type='reset']:active, .user-info .button:active, .user-info [class*='-action']:active:not([class*='-actions']) {
            -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3)
        }

    .user-info .button {
        text-align: center
    }

        .user-info .button, .user-info .button:hover, .user-info .button:focus, .user-info .button:active {
            text-decoration: none
        }

    .user-info .primary-action.primary-action {
        background-color: #009bdc;
        color: #fff
    }

        .user-info .primary-action.primary-action:hover {
            background-color: #0080b6;
            color: #fff
        }

    .user-info .secondary-action.secondary-action, .user-info .button-search {
        background-color: #67af00;
        color: #fff
    }

        .user-info .secondary-action.secondary-action:hover, .user-info .button-search:hover {
            background-color: #508900;
            color: #fff
        }

    .user-info .tertiary-action.tertiary-action {
        background-color: #ffa900;
        color: #fff
    }

        .user-info .tertiary-action.tertiary-action:hover {
            background-color: #d99000;
            color: #fff
        }

    .user-info .cancel-action.cancel-action {
        background-color: #e87352;
        color: #fff
    }

        .user-info .cancel-action.cancel-action:hover {
            background-color: #e45830;
            color: #fff
        }

    .user-info table {
        width: 100%
    }

    .user-info tfoot td:only-child {
        text-align: end
    }

    .user-info th, .user-info td {
        padding: .5em;
        text-align: start
    }

    .user-info a {
        display: inline-block;
        padding: 2px
    }

    nav .user-info a {
        text-decoration: none
    }

    .user-info nav ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .user-info ol, .user-info ul {
        padding-left: 20px;
        list-style-position: outside
    }

    .user-info dl {
        padding-left: 20px
    }

        .user-info dl dt {
            font-weight: bold
        }

    .user-info .item [class^="icon-"], .user-info .item [class*=" icon-"] {
        position: absolute;
        right: 10px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #00a4e9;
        cursor: pointer;
        z-index: 1
    }

    th .user-info .item {
        display: block
    }

    .user-info .item-field {
        padding-right: 1em;
        margin-right: 0
    }

        .user-info .item-field:last-child {
            padding-right: 0px
        }

    .user-info .item input, .user-info .item textarea {
        width: 100%
    }

    .user-info .item.is-text-field:after, .user-info .item.is-text-field:before, .user-info .item.is-select:after, .user-info .item.is-select:before {
        -webkit-transition: all .2s;
        transition: all .2s;
        content: "";
        position: absolute;
        bottom: 0;
        z-index: 1;
        width: 0;
        height: 2px;
        background-color: #00a4e9
    }

    .user-info .item.is-text-field:before, .user-info .item.is-select:before {
        right: 50%
    }

    .user-info .item.is-text-field:after, .user-info .item.is-select:after {
        left: 50%
    }

    .user-info .item.is-active .item-label {
        color: #00a4e9;
        font-weight: bold
    }

    .user-info .item.is-active:before, .user-info .item.is-active:after {
        width: 50%
    }

    .user-info .item.is-error:before, .user-info .item.is-error:after {
        background-color: #e87352
    }

    .user-info .item.is-readonly:before, .user-info .item.is-readonly:after {
        background-color: #c6c6c6
    }

    .user-info .item.is-disabled:before, .user-info .item.is-disabled:after {
        background-color: #eee
    }

    .user-info .item.is-disabled .item-label {
        color: #c6c6c6
    }

    .user-info .item.is-blurred .item-label, .user-info .item.is-disabled .item-label, .user-info .item.is-readonly .item-label {
        color: #00a4e9
    }

    .user-info .item.is-search input {
        padding-right: 20px
    }

    .user-info .item.is-search .icon-magnify {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5px;
        color: #222
    }

    .user-info .is-height {
        line-height: 41px
    }

        .user-info .is-height input[disabled] + .item-label {
            color: #e5e5e5
        }

    .user-info .is-select.required .item-label:before {
        margin-top: 20px
    }

    .selection .user-info .is-checkbox, .selection .user-info .is-radio {
        width: 20px;
        height: 20px
    }

    .user-info .item-label {
        -webkit-transition: all .2s;
        transition: all .2s;
        color: #a6a6a6
    }

    .is-text-field .user-info .item-label, .is-select .user-info .item-label {
        position: absolute;
        top: 5px;
        left: 0
    }

    [class*="-column"].is-text-field .user-info .item-label {
        left: 20px
    }

    .is-active .user-info .item-label, .is-select .user-info .item-label {
        -webkit-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        transform: translateY(-120%)
    }

    .uxr-select-opened .user-info .item-label, .uxr-select-selected .user-info .item-label {
        color: #00a4e9;
        font-weight: bold !important
    }

    .is-select .user-info .item-label {
        cursor: default
    }

    .user-info .item-stacked + .item-error {
        top: -2em
    }

    .user-info .item-error .select2-container--default .select2-selection--single {
        border-color: #e87352
    }

    .user-info input[type=text], .user-info input[type=email], .user-info input[type=tel], .user-info textarea, .user-info .text-field {
        -webkit-transition: all .2s;
        transition: all .2s;
        padding: 12px 10px 12px 0;
        border-width: 0 0 2px;
        color: #222;
        font-size: .875rem;
        outline: none;
        font-size: .75rem
    }

        .user-info input[type=text][readonly], .user-info input[type=text].readonly, .user-info input[type=email][readonly], .user-info input[type=email].readonly, .user-info input[type=tel][readonly], .user-info input[type=tel].readonly, .user-info textarea[readonly], .user-info textarea.readonly, .user-info .text-field[readonly], .user-info .text-field.readonly {
            color: #222
        }

        .user-info input[type=text][disabled], .user-info input[type=text].disabled, .user-info input[type=email][disabled], .user-info input[type=email].disabled, .user-info input[type=tel][disabled], .user-info input[type=tel].disabled, .user-info textarea[disabled], .user-info textarea.disabled, .user-info .text-field[disabled], .user-info .text-field.disabled {
            color: #aaa
        }

    .item .user-info textarea {
        display: block
    }

    .user-info textarea[disabled] {
        background-color: #c6c6c6
    }

    .user-info .item .item-label {
        z-index: 1;
        font-weight: normal
    }

    .user-info .item:hover .item-label:before {
        border-width: 3px;
        border-color: #67af00
    }

    .user-info .item:hover :disabled + .item-label {
        cursor: default
    }

        .user-info .item:hover :disabled + .item-label:before {
            border-width: 1px
        }

    .user-info .item.is-disabled [class*="icon-"], .user-info .item.is-readonly [class*="icon-"] {
        color: #c6c6c6
    }

    .user-info .item.item-search .item-label {
        width: 100%
    }

        .user-info .item.item-search .item-label:before {
            position: absolute;
            right: 20px;
            top: 5px;
            color: #222;
            content: "\EA12"
        }

    .user-info .item.item-search.is-active .item-label:before {
        color: #67af00
    }

    .user-info .is-checkbox input[type="checkbox"] + .item-label:before {
        border-radius: 3px
    }

    .user-info .is-checkbox input[type="checkbox"] + .item-label:after {
        font-size: 0rem
    }

    .user-info .is-checkbox input[type="checkbox"]:checked + .item-label:before {
        background-color: #67af00
    }

    .user-info .is-checkbox input[type="checkbox"]:checked + .item-label:after {
        font-size: .75rem;
        margin-left: 3px;
        color: #fff
    }

    .user-info .is-checkboxtoggle {
        position: relative;
        width: 42px
    }

        .user-info .is-checkboxtoggle input[type="checkbox"] {
            position: absolute;
            opacity: 0
        }

            .user-info .is-checkboxtoggle input[type="checkbox"]:checked + .item-label:before {
                left: calc(100% - 26px);
                background-color: #67af00
            }

            .user-info .is-checkboxtoggle input[type="checkbox"]:checked + .item-label:after {
                background-color: #e0f0fc
            }

            .user-info .is-checkboxtoggle input[type="checkbox"] + .item-label {
                position: absolute;
                width: 100%
            }

                .user-info .is-checkboxtoggle input[type="checkbox"] + .item-label:before {
                    z-index: 1;
                    width: 26px;
                    height: 26px;
                    left: 0;
                    border-radius: 13px
                }

                .user-info .is-checkboxtoggle input[type="checkbox"] + .item-label:after {
                    width: 100%;
                    height: 14px;
                    left: 0;
                    margin-left: 0;
                    border-radius: 8px;
                    background-color: #e5e5e5
                }

    .user-info .is-radio input[type="radio"] + .item-label:before {
        border-radius: 50%
    }

    .user-info .is-radio input[type="radio"] + .item-label:after {
        width: 0;
        height: 0;
        border-radius: 50%
    }

    .user-info .is-radio input[type="radio"]:checked + .item-label:after {
        margin: 0 0 0 4px;
        width: 12px;
        height: 12px;
        border-color: #67af00;
        background-color: #67af00
    }

    .user-info .is-select select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 100%;
        height: 41px;
        border-width: 0 0 2px 0
    }

        .user-info .is-select select[multiple] {
            height: auto
        }

    .user-info .select {
        width: 100%;
        height: 41px
    }

    .user-info .buttons a {
        padding: 12px !important
    }

    .user-info .secondary-action, .user-info .button-search {
        font-size: 14px;
        border-radius: 3px
    }

    .user-info .form-elements li {
        margin-bottom: 1.5em !important
    }

    .user-info #main-header {
        height: 100px;
        text-align: center;
        padding: 10px
    }

    .user-info #main-content {
        position: relative;
        padding: 20px 0
    }

    .user-info #main-footer {
        text-align: center
    }

    .user-info .user-edit-container {
        width: 720px;
        margin: 0 auto
    }

        .user-info .user-edit-container .collapsible-header {
            background: #e8e8e8;
            padding: 20px
        }

        .user-info .user-edit-container .is-text-field input {
            width: 100%
        }

    .user-info .user-photo-container {
        position: relative;
        text-align: center
    }

        .user-info .user-photo-container label, .user-info .user-photo-container figure {
            display: inline-block;
            width: 150px;
            height: 150px;
            border: 2px solid #c6c6c6;
            border-radius: 50%;
            line-height: 150px;
            overflow: hidden
        }

            .user-info .user-photo-container label input, .user-info .user-photo-container figure input {
                position: absolute;
                opacity: 0
            }

            .user-info .user-photo-container label:hover .icon-addphoto, .user-info .user-photo-container figure:hover .icon-addphoto {
                opacity: .5;
                font-size: 1.875rem
            }

        .user-info .user-photo-container img {
            width: 150px
        }

        .user-info .user-photo-container .icon-user, .user-info .user-photo-container .fr-reserved .fc-title, .fr-reserved .user-info .user-photo-container .fc-title, .user-info .user-photo-container .fr-activeuser .fc-title, .fr-activeuser .user-info .user-photo-container .fc-title {
            font-size: 3.125rem;
            color: #c6c6c6
        }

        .user-info .user-photo-container .icon-addphoto {
            transition: .2s;
            position: absolute;
            opacity: 0;
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            font-size: 1.25rem
        }

    .user-info .push-left {
        padding-left: 60px
    }

    .user-info .modal.form-elements {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0;
        -ms-flex: 0;
        flex: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .user-info .modal.form-elements li {
            width: calc((100% / 3) - 5px);
            margin-right: 5px
        }

    .user-info .select2-results__options {
        padding: 0
    }

        .user-info .select2-results__options li {
            padding: 5px
        }

    .uxr-dialog-confirm-button {
        background-color: #00a4e9 !important;
        padding: 3px 20px !important
    }

    table .editable-options {
        text-align: right
    }

    /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

    .animated, .notification-wrapper .info, .notification-wrapper .count, .notification-wrapper .countCampaing, .bank-notification-wrapper .info, .bank-notification-wrapper .count, .bank-notification-wrapper .countCampaing, .notification-list .notification-group, .notification-list ul li, .notification-list .notification-scroll-area, .loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .collapsible-inner-row, .bank-transfers-container .bank-transfer-item, .bank-transfers-container .bank-transactions-item, .loading {
        -webkit-animation-duration: .50s;
        animation-duration: .50s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

        .animated.infinite, .notification-wrapper .infinite.info, .notification-wrapper .infinite.count, .notification-wrapper .infinite.countCampaing, .bank-notification-wrapper .infinite.info, .bank-notification-wrapper .infinite.count, .bank-notification-wrapper .infinite.countCampaing, .notification-list .infinite.notification-group, .notification-list ul li.infinite, .notification-list .infinite.notification-scroll-area, .infinite.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .infinite.collapsible-inner-row, .bank-transfers-container .infinite.bank-transfer-item, .bank-transfers-container .infinite.bank-transactions-item, .infinite.loading {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }

        .animated.hinge, .notification-wrapper .hinge.info, .notification-wrapper .hinge.count, .notification-wrapper .hinge.countCampaing, .bank-notification-wrapper .hinge.info, .bank-notification-wrapper .hinge.count, .bank-notification-wrapper .hinge.countCampaing, .notification-list .hinge.notification-group, .notification-list ul li.hinge, .notification-list .hinge.notification-scroll-area, .hinge.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .hinge.collapsible-inner-row, .bank-transfers-container .hinge.bank-transfer-item, .bank-transfers-container .hinge.bank-transactions-item, .hinge.loading {
            -webkit-animation-duration: 2s;
            animation-duration: 2s
        }

        .animated.flipOutX, .notification-wrapper .flipOutX.info, .notification-wrapper .flipOutX.count, .notification-wrapper .flipOutX.countCampaing, .bank-notification-wrapper .flipOutX.info, .bank-notification-wrapper .flipOutX.count, .bank-notification-wrapper .flipOutX.countCampaing, .notification-list .flipOutX.notification-group, .notification-list ul li.flipOutX, .notification-list .flipOutX.notification-scroll-area, .flipOutX.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .flipOutX.collapsible-inner-row, .bank-transfers-container .flipOutX.bank-transfer-item, .bank-transfers-container .flipOutX.bank-transactions-item, .flipOutX.loading, .animated.flipOutY, .notification-wrapper .flipOutY.info, .notification-wrapper .flipOutY.count, .notification-wrapper .flipOutY.countCampaing, .bank-notification-wrapper .flipOutY.info, .bank-notification-wrapper .flipOutY.count, .bank-notification-wrapper .flipOutY.countCampaing, .notification-list .flipOutY.notification-group, .notification-list ul li.flipOutY, .notification-list .flipOutY.notification-scroll-area, .flipOutY.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .flipOutY.collapsible-inner-row, .bank-transfers-container .flipOutY.bank-transfer-item, .bank-transfers-container .flipOutY.bank-transactions-item, .flipOutY.loading, .animated.bounceIn, .notification-wrapper .bounceIn.info, .notification-wrapper .bounceIn.count, .notification-wrapper .bounceIn.countCampaing, .bank-notification-wrapper .bounceIn.info, .bank-notification-wrapper .bounceIn.count, .bank-notification-wrapper .bounceIn.countCampaing, .notification-list .bounceIn.notification-group, .notification-list ul li.bounceIn, .notification-list .bounceIn.notification-scroll-area, .bounceIn.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .bounceIn.collapsible-inner-row, .bank-transfers-container .bounceIn.bank-transfer-item, .bank-transfers-container .bounceIn.bank-transactions-item, .bounceIn.loading, .animated.bounceOut, .notification-wrapper .bounceOut.info, .notification-wrapper .bounceOut.count, .notification-wrapper .bounceOut.countCampaing, .bank-notification-wrapper .bounceOut.info, .bank-notification-wrapper .bounceOut.count, .bank-notification-wrapper .bounceOut.countCampaing, .notification-list .bounceOut.notification-group, .notification-list ul li.bounceOut, .notification-list .bounceOut.notification-scroll-area, .bounceOut.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .bounceOut.collapsible-inner-row, .bank-transfers-container .bounceOut.bank-transfer-item, .bank-transfers-container .bounceOut.bank-transactions-item, .bounceOut.loading {
            -webkit-animation-duration: .75s;
            animation-duration: .75s
        }

    @-webkit-keyframes bounce {
        from, 20%, 53%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }

    @keyframes bounce {
        from, 20%, 53%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0)
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }
    }

    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    @-webkit-keyframes flash {
        from, 50%, to {
            opacity: 1
        }

        25%, 75% {
            opacity: 0
        }
    }

    @keyframes flash {
        from, 50%, to {
            opacity: 1
        }

        25%, 75% {
            opacity: 0
        }
    }

    .flash {
        -webkit-animation-name: flash;
        animation-name: flash
    }

    @-webkit-keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse
    }

    @-webkit-keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1)
        }

        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1)
        }

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1)
        }

        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1)
        }

        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1)
        }

        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1)
        }

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1)
        }

        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1)
        }

        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand
    }

    @-webkit-keyframes shake {
        from, to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }

    @keyframes shake {
        from, to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }

    .shake {
        -webkit-animation-name: shake;
        animation-name: shake
    }

    @-webkit-keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .headShake {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: headShake;
        animation-name: headShake
    }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    .swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing
    }

    @-webkit-keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%, 20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
        }

        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%, 20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
        }

        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .tada {
        -webkit-animation-name: tada;
        animation-name: tada
    }

    @-webkit-keyframes wobble {
        from {
            -webkit-transform: none;
            transform: none
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes wobble {
        from {
            -webkit-transform: none;
            transform: none
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble
    }

    @-webkit-keyframes jello {
        from, 11.1%, to {
            -webkit-transform: none;
            transform: none
        }

        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
        }

        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
        }

        88.8% {
            -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
        }
    }

    @keyframes jello {
        from, 11.1%, to {
            -webkit-transform: none;
            transform: none
        }

        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
        }

        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
        }

        88.8% {
            -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
        }
    }

    .jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    @-webkit-keyframes bounceIn {
        from, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes bounceIn {
        from, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }

    @-webkit-keyframes bounceInDown {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInDown {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    @-webkit-keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInLeft {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }

    @-webkit-keyframes bounceInRight {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInRight {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0)
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0)
        }

        to {
            -webkit-transform: none;
            transform: none
        }
    }

    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }

    @-webkit-keyframes bounceInUp {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes bounceInUp {
        from, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        50%, 55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }
    }

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        50%, 55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }
    }

    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut
    }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }

        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown
    }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }

    @-webkit-keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }

    @-webkit-keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    @-webkit-keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig
    }

    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    @-webkit-keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig
    }

    @-webkit-keyframes fadeOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes fadeOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }

    @-webkit-keyframes fadeOutDown {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes fadeOutDown {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    .fadeOutDown, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .collapsible-inner-row {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown
    }

    @-webkit-keyframes fadeOutDownBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    @keyframes fadeOutDownBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig
    }

    @-webkit-keyframes fadeOutLeft {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes fadeOutLeft {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }

    @-webkit-keyframes fadeOutLeftBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    @keyframes fadeOutLeftBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig
    }

    @-webkit-keyframes fadeOutRight {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes fadeOutRight {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }

    @-webkit-keyframes fadeOutRightBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    @keyframes fadeOutRightBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig
    }

    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes fadeOutUp {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }

    @-webkit-keyframes fadeOutUpBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    @keyframes fadeOutUpBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig
    }

    @-webkit-keyframes flip {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }

    @keyframes flip {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }

    .animated.flip, .notification-wrapper .flip.info, .notification-wrapper .flip.count, .notification-wrapper .flip.countCampaing, .bank-notification-wrapper .flip.info, .bank-notification-wrapper .flip.count, .bank-notification-wrapper .flip.countCampaing, .notification-list .flip.notification-group, .notification-list ul li.flip, .notification-list .flip.notification-scroll-area, .flip.loadingNotification, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header .flip.collapsible-inner-row, .bank-transfers-container .flip.bank-transfer-item, .bank-transfers-container .flip.bank-transactions-item, .flip.loading {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }

    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    .flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX
    }

    @-webkit-keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    .flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY
    }

    @-webkit-keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }

    @keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }

    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important
    }

    @-webkit-keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }

    @keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }

    .flipOutY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY
    }

    @-webkit-keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }

        to {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes lightSpeedIn {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
            opacity: 1
        }

        to {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    @-webkit-keyframes lightSpeedOut {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }

    @keyframes lightSpeedOut {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }

    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    @-webkit-keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateIn {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn
    }

    @-webkit-keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft
    }

    @-webkit-keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight
    }

    @-webkit-keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft
    }

    @-webkit-keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    @keyframes rotateInUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
    }

    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight
    }

    @-webkit-keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }

    @keyframes rotateOut {
        from {
            -webkit-transform-origin: center;
            transform-origin: center;
            opacity: 1
        }

        to {
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }

    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut
    }

    @-webkit-keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutDownLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }

    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft
    }

    @-webkit-keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutDownRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight
    }

    @-webkit-keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutUpLeft {
        from {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft
    }

    @-webkit-keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }

    @keyframes rotateOutUpRight {
        from {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            opacity: 1
        }

        to {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }

    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight
    }

    @-webkit-keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        20%, 60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        40%, 80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }

    @keyframes hinge {
        0% {
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        20%, 60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        40%, 80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }

    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge
    }

    @-webkit-keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }

        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn
    }

    @-webkit-keyframes rollOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }

    @keyframes rollOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }

    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }

    @-webkit-keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        50% {
            opacity: 1
        }
    }

    @keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        50% {
            opacity: 1
        }
    }

    .zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn
    }

    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown
    }

    @-webkit-keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft
    }

    @-webkit-keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight
    }

    @-webkit-keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    @-webkit-keyframes zoomOut {
        from {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        to {
            opacity: 0
        }
    }

    @keyframes zoomOut {
        from {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        to {
            opacity: 0
        }
    }

    .zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown
    }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center
        }
    }

    .zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft
    }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center
        }
    }

    .zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight
    }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp
    }

    @-webkit-keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }

    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }

    @-webkit-keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }

    @-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }

    @-webkit-keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown
    }

    @-webkit-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft
    }

    @-webkit-keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight
    }

    @-webkit-keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp
    }

    @font-face {
        font-family: 'TyponineSansProBold';
        src: url("../fonts/typoninesanspro-bold-webfont.eot");
        src: url("../fonts/typoninesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-bold-webfont.woff") format("woff"), url("../fonts/typoninesanspro-bold-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-bold-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProBoldItalic';
        src: url("../fonts/typoninesanspro-bi-webfont.eot");
        src: url("../fonts/typoninesanspro-bi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-bi-webfont.woff") format("woff"), url("../fonts/typoninesanspro-bi-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-bi-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProLight';
        src: url("../fonts/typoninesansprolight-webfont.eot");
        src: url("../fonts/typoninesansprolight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesansprolight-webfont.woff") format("woff"), url("../fonts/typoninesansprolight-webfont.ttf") format("truetype"), url("../fonts/typoninesansprolight-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProLightItalic';
        src: url("../fonts/typoninesanspro-li-webfont.eot");
        src: url("../fonts/typoninesanspro-li-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-li-webfont.woff") format("woff"), url("../fonts/typoninesanspro-li-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-li-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProMedium';
        src: url("../fonts/typoninesanspro-m-webfont.eot");
        src: url("../fonts/typoninesanspro-m-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-m-webfont.woff") format("woff"), url("../fonts/typoninesanspro-m-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-m-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProMediumItalic';
        src: url("../fonts/typoninesanspro-mi-webfont.eot");
        src: url("../fonts/typoninesanspro-mi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-mi-webfont.woff") format("woff"), url("../fonts/typoninesanspro-mi-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-mi-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProNormal';
        src: url("../fonts/typoninesanspro-norm-webfont.eot");
        src: url("../fonts/typoninesanspro-norm-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-norm-webfont.woff") format("woff"), url("../fonts/typoninesanspro-norm-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-norm-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProNormalItalic';
        src: url("../fonts/typoninesanspro-ni-webfont.eot");
        src: url("../fonts/typoninesanspro-ni-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-ni-webfont.woff") format("woff"), url("../fonts/typoninesanspro-ni-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-ni-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProText';
        src: url("../fonts/typoninesanspro-text-webfont.eot");
        src: url("../fonts/typoninesanspro-text-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-text-webfont.woff") format("woff"), url("../fonts/typoninesanspro-text-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-text-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'TyponineSansProTextItalic';
        src: url("../fonts/typoninesanspro-ti-webfont.eot");
        src: url("../fonts/typoninesanspro-ti-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/typoninesanspro-ti-webfont.woff") format("woff"), url("../fonts/typoninesanspro-ti-webfont.ttf") format("truetype"), url("../fonts/typoninesanspro-ti-webfont.svg#webfontregular") format("svg");
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: 'SegoeUI-Light';
        src: url("../fonts/segoeuil.eot");
        src: url("../fonts/segoeuil.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuil.woff") format("woff"), url("../fonts/segoeuil.ttf") format("truetype"), url("../fonts/segoeuil.svg#segoeuil") format("svg");
        font-weight: lighter;
        font-style: normal
    }

    @font-face {
        font-family: "icons";
        src: url("../../assets/fonts/icons.eot?275f21ded3e4a3ae216e5d4b85a788a5");
        src: url("../../assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/icons.woff?275f21ded3e4a3ae216e5d4b85a788a5") format("woff"), url("../../assets/fonts/icons.ttf?275f21ded3e4a3ae216e5d4b85a788a5") format("truetype");
        font-weight: normal;
        font-style: normal
    }

    [class^="icon-"]:before, [class*=" icon-"]:before {
        font-family: "icons";
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-weight: normal;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-addphoto:before {
        content: "\f101"
    }

    .icon-banknote:before {
        content: "\f102"
    }

    .icon-bell:before {
        content: "\f103"
    }

    .icon-briefcase:before {
        content: "\f104"
    }

    .icon-calendar-blocks:before, .facility-modal .icon-calendar:before {
        content: "\f105"
    }

    .icon-calendar:before {
        content: "\f106"
    }

    .icon-check:before {
        content: "\f107"
    }

    .icon-chevron-down:before {
        content: "\f108"
    }

    .icon-chevron-up:before, .wrapper-version-page .accordion-wrapper.opened .accordion-title span:before {
        content: "\f109"
    }

    .icon-click:before {
        content: "\f10a"
    }

    .icon-clock:before, .facility-modal .form-elements li label.half.clock:before, .facility-modal .form-elements li div.half.clock:before {
        content: "\f10b"
    }

    .icon-close:before {
        content: "\f10c"
    }

    .icon-creditcard:before {
        content: "\f10d"
    }

    .icon-details:before {
        content: "\f10e"
    }

    .icon-down:before, .fs-exec.current > .collapsible-header:before, .fs-table-container .fs-table-collapsible .collapsible.current > .collapsible-header:before, .fs-table-container .fs-table-collapsible.current > .collapsible-header:before {
        content: "\f10f"
    }

.icon-edit:before {
    content: "\f110"
}

    .icon-eye-blocked:before, .notification-list .notification-date a:hover:before {
        content: "\f111"
    }

    .icon-eye:before {
        content: "\f112"
    }

    .icon-gear:before {
        content: "\f113"
    }

    .icon-hamburgermenu:before {
        content: "\f114"
    }

    .icon-help:before {
        content: "\f115"
    }

    .icon-info:before {
        content: "\f116"
    }

    .icon-left:before, .external .ui-datepicker .ui-datepicker-next:before, .fs-exec > .collapsible-header:before, .fs-table-container .collapsible-header:before {
        content: "\f117"
    }

    .icon-list:before {
        content: "\f118"
    }

    .icon-mail:before {
        content: "\f119"
    }

    .icon-mailexport:before {
        content: "\f11a"
    }

    .icon-man-user:before {
        content: "\f11b"
    }

    .icon-menu:before {
        content: "\f11c"
    }

    .icon-message:before {
        content: "\f11d"
    }

    .icon-money:before {
        content: "\f11e"
    }

    .icon-mouse-pointer:before {
        content: "\f11f"
    }

    .icon-paper:before {
        content: "\f120"
    }

    .icon-pdf:before {
        content: "\f121"
    }

    .icon-pen:before {
        content: "\f122"
    }

    .icon-phone:before {
        content: "\f123"
    }

    .icon-right:before, .external .ui-datepicker .ui-datepicker-prev:before {
        content: "\f124"
    }

    .icon-sendmail:before {
        content: "\f125"
    }

    .icon-smile:before {
        content: "\f126"
    }

    .icon-tick:before, .bank-transfers-container .transaction-button.approve-all:before, .bt-select2-drop .select2-results__option[aria-selected="true"]:before {
        content: "\f127"
    }

    .icon-trash:before {
        content: "\f128"
    }

    .icon-trashcan:before {
        content: "\f129"
    }

    .icon-user:before, .fr-reserved .fc-title:before, .fr-activeuser .fc-title:before {
        content: "\f12a"
    }

    .icon-warning:before {
        content: "\f12b"
    }

    .icon-warning2:before {
        content: "\f12c"
    }

    .icon-warning3:before {
        content: "\f12d"
    }

    [class$='-action'] {
        border-radius: 3px !important;
        padding: 15px 30px;
        display: inline-block;
        font-size: 14px
    }

        [class$='-action']:hover {
            opacity: 0.8;
            color: #ffffff
        }

    .primary-action {
        background-color: #67BD7A;
        color: #fff;
        border-radius: 3px
    }

    .secondary-action, .button-search {
        background-color: #225282;
        color: #fff
    }
    body.wf.sideMenu.darkMode .secondary-action,
    body.wf.sideMenu.darkMode .button-search {
        background-color: #00A5DF;
        color: #fff
    }
    .tertiary-action {
        background-color: #8BC34A;
        color: #fff
    }
    
    body.wf.sideMenu.darkMode .tertiary-action {
        background-color: #00A5DF !important;
    }
.fourth-action {
    background-color: #67BD7A;
    color: #fff
}

    .cancel-action {
        background-color: #CFCFCF;
        color: #7C7C7C
    }

        .cancel-action i {
            color: red
        }

    #loading-layer {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: .8;
        background: white;
        z-index: 100
    }

    .sk-fading-circle {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 auto;
        line-height: 100%;
        left: 50%
    }

        .sk-fading-circle .sk-circle {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

            .sk-fading-circle .sk-circle:before {
                content: '';
                display: block;
                margin: 0 auto;
                width: 15%;
                height: 15%;
                background-color: #28ACE8;
                border-radius: 100%;
                -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
                animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
            }

        .sk-fading-circle .sk-circle2 {
            -webkit-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            transform: rotate(30deg)
        }

        .sk-fading-circle .sk-circle3 {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg)
        }

        .sk-fading-circle .sk-circle4 {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .sk-fading-circle .sk-circle5 {
            -webkit-transform: rotate(120deg);
            -ms-transform: rotate(120deg);
            transform: rotate(120deg)
        }

        .sk-fading-circle .sk-circle6 {
            -webkit-transform: rotate(150deg);
            -ms-transform: rotate(150deg);
            transform: rotate(150deg)
        }

        .sk-fading-circle .sk-circle7 {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .sk-fading-circle .sk-circle8 {
            -webkit-transform: rotate(210deg);
            -ms-transform: rotate(210deg);
            transform: rotate(210deg)
        }

        .sk-fading-circle .sk-circle9 {
            -webkit-transform: rotate(240deg);
            -ms-transform: rotate(240deg);
            transform: rotate(240deg)
        }

        .sk-fading-circle .sk-circle10 {
            -webkit-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg)
        }

        .sk-fading-circle .sk-circle11 {
            -webkit-transform: rotate(300deg);
            -ms-transform: rotate(300deg);
            transform: rotate(300deg)
        }

        .sk-fading-circle .sk-circle12 {
            -webkit-transform: rotate(330deg);
            -ms-transform: rotate(330deg);
            transform: rotate(330deg)
        }

        .sk-fading-circle .sk-circle2:before {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s
        }

        .sk-fading-circle .sk-circle3:before {
            -webkit-animation-delay: -1s;
            animation-delay: -1s
        }

        .sk-fading-circle .sk-circle4:before {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s
        }

        .sk-fading-circle .sk-circle5:before {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s
        }

        .sk-fading-circle .sk-circle6:before {
            -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s
        }

        .sk-fading-circle .sk-circle7:before {
            -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s
        }

        .sk-fading-circle .sk-circle8:before {
            -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s
        }

        .sk-fading-circle .sk-circle9:before {
            -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s
        }

        .sk-fading-circle .sk-circle10:before {
            -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s
        }

        .sk-fading-circle .sk-circle11:before {
            -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s
        }

        .sk-fading-circle .sk-circle12:before {
            -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s
        }

    @-webkit-keyframes sk-circleFadeDelay {
        0%, 39%, 100% {
            opacity: 0
        }

        40% {
            opacity: 1
        }
    }

    @keyframes sk-circleFadeDelay {
        0%, 39%, 100% {
            opacity: 0
        }

        40% {
            opacity: 1
        }
    }

    [class^="sprite-"], [class*=" sprite-"] {
        background: url(../images/spritesheet.png);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle
    }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        [class^="sprite-"], [class*=" sprite-"] {
            background-image: url(../images/spritesheet.retina@2x.png)
        }
    }

    .sprite-apsiyon {
        background-position: 0px -470px;
        width: 224px;
        height: 70px;
        background-size: 853px 540px
    }

    .sprite-confused {
        background-position: -611px 0px;
        width: 242px;
        height: 451px;
        background-size: 853px 540px
    }

    .sprite-repairguy {
        background-position: 0px 0px;
        width: 325px;
        height: 470px;
        background-size: 853px 540px
    }

    .sprite-warning {
        background-position: -325px 0px;
        width: 286px;
        height: 440px;
        background-size: 853px 540px
    }

    a {
        padding: 0px
    }

    .table thead tr:last-child th {
        border-bottom-width: 2px
    }

    .table td, .table th {
        position: relative;
        padding: 10px;
        border-bottom: 1px solid #e0e4ea
    }

        .table td.selection, .table th.selection {
            width: 25px;
            padding: 10px
        }

    .table th {
        position: relative;
        color: #444;
        vertical-align: middle;
        white-space: nowrap
    }

        .table th [class*="icon-sort"] {
            margin-left: 5px;
            font-size: .7em;
            color: #225282
        }

    .table td {
        vertical-align: middle
    }

        .table td .star-icon {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 1em;
            color: #ffdf00
        }

        .table td.has-number {
            text-align: right
        }

    .table tr.hoverable td {
        background-color: #f6f6f6
    }

    .table tr.is-selected td {
        background-color: #4d90c3;
        color: #fff
    }

    .table tfoot td {
        border-top: 1px solid #e0e4ea;
        background-color: #fff;
        border-radius: 0 0 5px 5px
    }

        .table tfoot td:first-child {
            border-left: 0px
        }

        .table tfoot td:only-child {
            text-align: center
        }

    .table.no-zebra {
        border: 0
    }

        .table.no-zebra th, .table.no-zebra td {
            border: 0;
            background: none !important
        }

        .table.no-zebra th {
            font-weight: bold
        }

    .table.hoverable tbody tr:hover td {
        background-color: #e4e4e4
    }

    .table.color-odd tbody td:nth-child(odd) {
        color: #225282
    }

    .table .is-arrow-grey {
        display: inline-block;
        background-color: #f1f2f7;
        width: 25px;
        height: 22px;
        padding-left: 4px;
        margin-right: 5px;
        line-height: 20px;
        text-align: center;
        border-radius: 3px
    }

    .table-transfer {
        display: inline-block;
        margin-top: 80px
    }

        .table-transfer a {
            display: block;
            text-align: center;
            padding: 0;
            margin: 20px 0
        }

            .table-transfer a [class*="icon-"] {
                display: inline-block;
                background-color: #225282;
                padding: 10px;
                font-size: 2em;
                color: #fff;
                border-radius: 5px;
                text-align: center;
                line-height: 100%
            }

                .table-transfer a [class*="icon-"]:hover {
                    background-color: #00a4e9
                }

.svg-akbank, .svg-enpara, .svg-albaraka, .svg-denizbank, .svg-excell, .svg-finansbank, .svg-garanti, .svg-halkbank, .svg-ingbank, .svg-isbank, .svg-kuveytturk, .svg-sekerbank, .svg-teb, .svg-turkiyefinans, .svg-vakifbank, .svg-yapikredi, .svg-ziraatbankasi, .svg-abank, .svg-fibabanka, .svg-vakifkatilim, .svg-ziraatkatilim, .svg-odeabank, .svg-anadolubank {
    display: inline-block;
    width: 150px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:left center;
}

.svg-vakifkatilim {
    background-image: url("../../Images/banks/vakifkatilim.svg");
}

.svg-akbank {
    background-image: url("../../Images/banks/akbanktas.svg");
}

.svg-enpara {
    background-image: url("../../Images/banks/enpara.svg");
}

.svg-ziraatkatilim {
    background-image: url("../../Images/banks/ziraatkatilim.svg");
}

.svg-odeabank {
    background-image: url("../../Images/banks/odeabank.svg");
}

.svg-anadolubank {
    background-image: url("../../Images/banks/anadolubank.svg");
}

.svg-albaraka {
    background-image: url("../../Images/banks/albaraka.svg");
}

.svg-denizbank {
    background-image: url("../../Images/banks/denizbankas.svg");
}

.svg-excell {
    background-image: url("../../Images/banks/excell.svg");
}

.svg-finansbank {
    background-image: url("../../Images/banks/finansbankas.svg");
}

.svg-garanti {
    background-image: url("../../Images/banks/garanti.svg");
}

.svg-halkbank {
    background-image: url("../../Images/banks/turkiyehalkbankasias.svg  ");
}

.svg-ingbank {
    background-image: url("../../Images/banks/ingbankas.svg");
}

.svg-isbank {
    background-image: url("../../Images/banks/turkiyeisbankasias.svg");
}

.svg-kuveytturk {
    background-image: url("../../Images/banks/kuveytturk.svg");
}

.svg-sekerbank {
    background-image: url("../../Images/banks/sekerbanktas.svg");
}

.svg-teb {
    background-image: url("../../Images/banks/turkekonomibankasias.svg");
}

.svg-turkiyefinans {
    background-image: url("../../Images/banks/turkiyefinans.svg");
}

.svg-vakifbank {
    background-image: url("../../Images/banks/turkiyevakiflarbankasitao.svg");
}

.svg-yapikredi {
    background-image: url("../../Images/banks/yapivekredibankasias.svg");
}

.svg-ziraatbankasi {
    background-image: url("../../Images/banks/turkiyecumhuriyetiziraatbankasias.svg");
}

.svg-fibabanka {
    background-image: url("../../Images/banks/fibabanka.svg");
}

.svg-abank {
    background-image: url("../../Images/banks/alternatifbank.svg");
}


.item [class^="icon-"], .item [class*=" icon-"] {
    position: absolute;
    right: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #00a4e9;
    cursor: pointer;
    z-index: 1
}

th .item {
    display: block
}

.item-field {
    padding-right: 1em;
    margin-right: 0
}

    .item-field:last-child {
        padding-right: 0px
    }

.item input, .item textarea {
    width: 100%
}

.item.is-text-field:after, .item.is-text-field:before, .item.is-select:after, .item.is-select:before {
    -webkit-transition: all .2s;
    transition: all .2s;
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 2px;
    background-color: #00a4e9
}

.item.is-text-field:before, .item.is-select:before {
    right: 50%
}

.item.is-text-field:after, .item.is-select:after {
    left: 50%
}

.item.is-active .item-label {
    color: #00a4e9;
    font-weight: bold
}

.item.is-active:before, .item.is-active:after {
    width: 50%
}

.item.is-error:before, .item.is-error:after {
    background-color: #FF6D51
}

.item.is-readonly:before, .item.is-readonly:after {
    background-color: #F3F5F6
}

.item.is-disabled:before, .item.is-disabled:after {
    background-color: #ebebeb
}

.item.is-disabled .item-label {
    color: #F3F5F6
}

.item.is-blurred .item-label, .item.is-disabled .item-label, .item.is-readonly .item-label {
    color: #00a4e9
}

.item.is-search input {
    padding-right: 20px
}

.item.is-search .icon-magnify {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    color: #434547
}

.is-height {
    line-height: 41px
}

    .is-height input[disabled] + .item-label {
        color: #e5e5e5
    }

.is-select.required .item-label:before {
    margin-top: 10px
}

.selection .is-checkbox, .selection .is-radio {
    width: 20px;
    height: 20px
}

.item-label {
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #444
}

.is-text-field .item-label, .is-select .item-label {
    position: absolute;
    top: 10px;
    left: 0
}

[class*="-column"].is-text-field .item-label {
    left: 10px
}

.is-active .item-label, .is-select .item-label {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%)
}

.uxr-select-opened .item-label, .uxr-select-selected .item-label {
    color: #00a4e9;
    font-weight: bold !important
}

.is-select .item-label {
    cursor: default
}

.item-stacked + .item-error {
    top: -2em
}

.item-error .select2-container--default .select2-selection--single {
    border-color: #FF6D51
}

.form-elements {
    list-style: none;
    margin: 1em 0;
    padding: 0;
    margin: 0
}

    .form-elements li {
        margin-bottom: 2em;
        position: relative
    }

    .form-elements .error-box {
        display: none
    }

fieldset {
    margin-bottom: 10px
}

    fieldset:last-of-type {
        margin-bottom: 0
    }

.collapsible-content fieldset {
    margin-top: 1em
}

.legend-title {
    position: relative;
    color: #225282;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0.5em
}

    .legend-title p {
        color: #575757;
        font-size: 65%
    }

    .legend-title [class*='-action'] {
        font-size: 80%;
        font-weight: 400
    }

.uxitd-modal .legend-title .small-button {
    font-size: 65%
}

.legend-title .filter-message {
    position: absolute;
    right: 20px;
    top: 7px;
    font-size: 12px;
    color: #F3F5F6
}

.legend-title .legend-content {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    color: #575757;
    font-size: 80%
}

    .legend-title .legend-content [class*='-action'] {
        font-size: 100%
    }

.buttons {
    padding-top: 20px;
    text-align: right
}

button, input[type="submit"], input[type="reset"], input.button, .button {
    padding: 10px 20px;
    margin-left: 10px
}

    button:only-child, button:first-child, input[type="submit"]:only-child, input[type="submit"]:first-child, input[type="reset"]:only-child, input[type="reset"]:first-child, input.button:only-child, input.button:first-child, .button:only-child, .button:first-child {
        margin-left: 0
    }

    button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input.button:hover, .button:hover {
        border-color: #225282
    }

    button.disabled, button.disabled:hover, button:disabled, button:disabled:hover, input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="reset"].disabled, input[type="reset"].disabled:hover, input[type="reset"]:disabled, input[type="reset"]:disabled:hover, input.button.disabled, input.button.disabled:hover, input.button:disabled, input.button:disabled:hover, .button.disabled, .button.disabled:hover, .button:disabled, .button:disabled:hover {
        color: #575757;
        border-color: #FCFCFC
    }

[class*="-action"].small {
    font-size: 80%;
    padding: 5px 15px
}

.is-icon.is-icon {
    position: relative;
    width: 44px;
    height: 44px;
    padding: 5px;
    border: 1px solid #225282;
    background-color: #fff;
    color: #225282
}

@media only screen and (min-width: 1224px) {
    .is-icon.is-icon {
        width: 25px;
        height: 25px;
        font-size: .9em
    }
}

.is-icon.is-icon i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.is-icon.is-icon:hover {
    background-color: #225282;
    color: #fff
}

.button-search {
    padding: 10px 15px 5px 15px;
    font-size: 20px
}

.small-button.small-button {
    padding: 10px;
    min-width: 50px
}

.hide, .is-hidden {
    display: none !important
}

.loading {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 20px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(255,255,255,0.8);
    background-image: url(../images/ajax-loading.gif);
    background-position: center center;
    background-repeat: no-repeat
}

.error-msg {
    display: block;
    text-align: center;
    color: #FF6D51 !important;
    font-family: TyponineSansProMedium
}

.is-scrollable {
    overflow-y: scroll !important
}

    .is-scrollable::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    .is-scrollable::-webkit-scrollbar-thumb {
        background: #434547;
        border-radius: 3px
    }

        .is-scrollable::-webkit-scrollbar-thumb:vertical {
            height: 5px;
            background-color: #434547
        }

    .is-scrollable::-webkit-scrollbar-track {
        background-color: #FCFCFC
    }

    .is-scrollable::-webkit-scrollbar-track-piece {
        background-color: #FCFCFC
    }

.responsive-columns {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width: 900px) {
    .responsive-columns {
        padding: 0
    }

        .responsive-columns .six-column {
            width: 100%;
            padding: 0
        }

            .responsive-columns .six-column:last-child {
                display: none
            }
}

@media only screen and (min-width: 320px) and (max-width: 900px) {
    .hide-mobile {
        display: none
    }
}

.apsiyon-version {
    content: "0.1.0"
}




.apsiyon_tooltip {
    position: relative;
    font-size: 11px;
    float: right;
    margin-left: 5px;
    margin-top: 6px;
    display: inline-block;
}

.apsiyon_tooltip__item {
    position: absolute;
    min-width: 140px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    color: #484848;
    border: 1px solid #cecece;
    border-radius: 3px;
    font-weight: 500;
    box-shadow: 1px 1px 1px #bcbcbc;
    z-index: 4;
    text-align: center;
}

    .apsiyon_tooltip__item:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
    }

.apsiyon_tooltip__initiator {
    z-index: 5;
}

.apsiyon_tooltip[data-direction="left"] .apsiyon_tooltip__initiator:hover ~ .apsiyon_tooltip__item {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1;
}

.apsiyon_tooltip[data-direction="left"] .apsiyon_tooltip__item {
    top: 50%;
    right: calc(100% + 1em);
    transform: translate3d(15px, -50%, 0);
}

    .apsiyon_tooltip[data-direction="left"] .apsiyon_tooltip__item:after {
        top: 50%;
        right: -0.5em;
        transform: translate3d(0, -50%, 0);
        border-width: 0.5em 0 0.5em 0.5em;
        border-color: transparent transparent transparent white;
        -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
        filter: drop-shadow(1px 2px 1px #bcbcbc);
    }

.apsiyon_tooltip[data-direction="right"] .apsiyon_tooltip__initiator:hover ~ .apsiyon_tooltip__item {
    transform: translate3d(0, -50%, 0);
    visibility: visible;
    opacity: 1;
}

.apsiyon_tooltip[data-direction="right"] .apsiyon_tooltip__item {
    top: 50%;
    left: calc(100% + 1em);
    transform: translate3d(15px, -50%, 0);
}

    .apsiyon_tooltip[data-direction="right"] .apsiyon_tooltip__item:after {
        top: 50%;
        left: -0.5em;
        transform: translate3d(0, -50%, 0);
        border-width: 0.5em 0.5em 0.5em 0;
        border-color: transparent white transparent transparent;
        -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
        filter: drop-shadow(0px 1px 0px #bcbcbc);
    }

.apsiyon_tooltip[data-direction="bottom"] .apsiyon_tooltip__initiator:hover ~ .apsiyon_tooltip__item {
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    opacity: 1;
}

.apsiyon_tooltip[data-direction="bottom"] .apsiyon_tooltip__item {
    top: calc(100% + 1em);
    left: 50%;
    transform: translate3d(-50%, -15px, 0);
}

    .apsiyon_tooltip[data-direction="bottom"] .apsiyon_tooltip__item:after {
        top: -0.5em;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        border-width: 0 0.5em 0.5em 0.5em;
        border-color: transparent transparent white transparent;
        -webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);
        filter: drop-shadow(1px -1px 1px #bcbcbc);
    }

body.read-only #reservation-actions {
    pointer-events: none;
}

    body.read-only #reservation-actions a {
        background: #c3c3c3 !important;
    }
.truncateSplit {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.is-excell .transaction-count {
      width: calc(35% - 5px) !important;
}

.is-excell .delete-all {
    width: 17%;
}
.is-excell.deleted-all .transaction-count {
    width: calc(50% - 5px) !important
}

.bank-integration-link {
    color: #fff;
    background: #8bc34a;
    width: auto;
    transition: 0.2s;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 5px;
}
.bank-integration-link:hover {
    background: #71ab2e;
    color: #fff;
}

body.wf .facility-reservation .facilities li {
    border-radius: 5px 0 0 5px;
    margin-top: 10px;
}
body.wf.darkMode .facility-reservation .facilities li {
    background: var(--p1_bg);
    box-shadow: 0px 1px 11px -4px var(--menu_shadow);
    color: var(--p0_text);
    transition: all .5s;
}
body.wf.darkMode .facility-reservation .facilities li:hover {
    box-shadow: 0px 1px 11px -2px var(--menu_shadow);
    color: var(--p1_text);
}
body.wf #uxr-dialog-cover {
    backdrop-filter: blur(2px);
}
body.wf #uxr-dialog-content {
    background: var(--p0_bg) !important;
    border: 1px solid var(--uxr_dialog_border);
    box-shadow: 0px 4px 36px -12px rgb(0 0 0) !important;
    position: relative;
    box-sizing: border-box;
}

body.wf #uxr-dialog-content::after {
    content: "";
    background-image: url(/images/sicon/warn_wfn.svg) !important;
    width: 72px;
    height: 72px;
    background-size: contain;
    position: absolute;
    left: 32px;
    top: 32px;
}
body.wf.darkMode #uxr-dialog-content::after {
    filter: invert(1) hue-rotate(180deg) contrast(0.78)
}

body.wf .uxr-dialog-title.note-title,
body.wf .uxr-dialog-content.note-content,
body.wf .uxr-dialog-buttons.note-buttons {
    text-align: left;
    margin-left: 85px;
    margin-top: 10px;
}
body.wf .uxr-dialog-buttons.note-buttons {
    margin-top: 44px !important;
    text-align: right !important;
}
body.wf .uxr-dialog-title.note-title {
    color: var(--p2_text);
    margin-bottom: 0;
}
body.wf .uxr-dialog-button {
    line-height: 36px;
}

body.wf .primary-action {
    background-color: #00A5DF !important;
}

body.wf.darkMode .tab-view .tab-view-content.current {
    background: var(--p1_bg);
    box-shadow: 2px 2px 7px 0 var(--menu_shadow);
}
body.wf.darkMode .facility-reservation .facility-calendar {
    background: var(--p2_bg);
    box-shadow: 1px 1px 5px var(--menu_shadow);
}
body.wf.darkMode .facility-reservation .facility-calendar h2 {
    color: var(--p0_text);
}
body.wf.darkMode .tab-view .fig-head {
    color: var(--p1_text);
}
body.wf.darkMode .fc-axis.fc-time,
body.wf.darkMode .fc-axis.fc-widget-header,
body.wf.darkMode .fc th.fc-day-header {
    background: var(--reservation_col_row_bg);
    color: var(--reservation_col_row_text);
}
body.wf.darkMode .fc-view-container {
    background: var(--reservation_table_bg);
}
body.wf.darkMode .fc-unthemed td.fc-today {
    background: var(--reservation_today_bg);
}
body.wf.darkMode .fc-unthemed th,
body.wf.darkMode .fc-unthemed td,
body.wf.darkMode .fc-unthemed thead,
body.wf.darkMode .fc-unthemed tbody,
body.wf.darkMode .fc-unthemed .fc-divider,
body.wf.darkMode .fc-unthemed .fc-row,
body.wf.darkMode .fc-unthemed .fc-content,
body.wf.darkMode .fc-unthemed .fc-popover,
body.wf.darkMode .fc-unthemed .fc-list-view,
body.wf.darkMode .fc-unthemed .fc-list-heading td {
    border-color: var(--buttonover);
}

body.wf.darkMode .fc-nonbusiness {
    background: transparent;
    color: white;
    background-image: repeating-linear-gradient(45deg, var(--accent1), var(--accent1) 1px, transparent 1px, transparent 3px);
}
body.wf.darkMode .fc-bgevent {
    opacity: .4;
}
body.wf.darkMode td.fc-day.fc-past {
    color: white;
    background: #1c1010;
}

body.wf.darkMode .fr-quota {
    background: var(--table_bghover);
}

body.wf.darkMode .fc-state-default {
    background: var(--reservation_nav_bg);
    color: #fff;
}

body.wf.darkMode button:hover,
body.wf.darkMode input[type="submit"]:hover,
body.wf.darkMode input[type="reset"]:hover,
body.wf.darkMode input.button:hover,
body.wf.darkMode .button:hover {
    border-color: var(--p1_shadow);
}

body.wf .facility-modal {
    background: var(--form_bg);
    box-shadow: 0px 4px 36px -12px rgb(0 0 0) !important;
}
body.wf .facility-modal .facility-modal-title {
    background: var(--reservation_modal_header_bg);
    border-bottom: 1px solid var(--accent1);
}

body.wf .facility-modal .form-elements li.info-box.important {
    background-color: #ff4b4b0f;
    border-color: #ff565640;
    color: var(--p0_text);
    font-weight: bold;
    padding-left: 40px;
}

body.wf .item-label {
    color: var(--p2_text);
}

body.wf .select2-container--default .bt-select2-cont,
body.wf .facility-modal .form-elements input,
body.wf .facility-modal .form-elements textarea,
body.wf .facility-modal .form-elements select {
    background: var(--form_control);
    border: 1px solid var(--form_border);
    color: var(--p0_text);
}
body.wf .facility-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--p0_text);
}
body.wf .facility-modal .form-elements input:hover,
body.wf .facility-modal .form-elements textarea:hover,
body.wf .facility-modal .form-elements select:hover,
body.wf .select2-container--default .bt-select2-cont:hover {
    border: 1px solid var(--form_border);
    box-shadow: inset 0 0 0 1.2px #2ab0ff, 0 0 0 2px rgb(18 167 255 / 25%);
}

body.wf .select2-container--default .select2-results > .select2-results__options {
    background: var(--table_hlbg2);
}
body.wf .darkMode {
    border: 1px solid var(--p1_bg);
}
body.wf .bt-select2-drop {
    border: 1px solid var(--form_border);
    border-top: none;
}
body.wf .bt-select2-drop .select2-results__option[aria-selected="true"] {
    background: var(--p0_bg);
    color: var(--p0_text);
}
body.wf .bt-select2-drop .select2-results__option--highlighted[aria-selected] {
    background: var(--p2_bg);
    color: var(--p2_text);
}

body.wf .facility-modal .form-elements li.facility-amount {
    background-color: #4caf500f;
    border: solid 1px #4CAF50;
    color: var(--p0_text);
}


body.wf .uxr-dialog-cancel-button {
    background-color: var(--button2) !important;
    color: var(--p0_text) !important;
    border: 1px solid var(--form_border);
}

body.wf .global-dialog .uxr-dialog-confirm-button,
body.wf .global-dialog .uxr-dialog-cancel-button {
    line-height: 24px !important;
}

body.wf.sideMenu .moc.mocblur2 {
    z-index: 999999 !important;
}

body.wf.darkMode .bank-info .logo {
    filter: invert(1) hue-rotate(180deg);
}
body.wf.darkMode .bank-transfers-container .bank-transactions {
    background: linear-gradient(90deg, rgba(255, 0, 0, 0.32) 0%, rgba(255, 0, 0, 0) 40%);
}
body.wf.darkMode .bank-transfers-container .bank-transactions-item {
    border-left-color: var(--green);
}

body.wf.darkMode .bank-transfers-container .bank-transactions-item.non-approved {
    border-left-color: #8C8C8C;
}

body.wf.darkMode .bt-categories-row.master-row:nth-child(odd) {
    background: #383939;
}

body.wf.darkMode .bt-categories-row.master-row:nth-child(even) {
    background: #3D3E3E;
}

body.wf.darkMode .category-warn.less-amount {
    color: var(--red);
    font-weight: 500;
    font-size: 12px;
}

body.wf.darkMode .category-warn.less-amount i {
    margin-right: 4px;
}

body.wf.darkMode [id^=bt-accordion-container] {
    margin-top: 16px;
}

body.wf.darkMode .bank-transfers-container .transaction-amount {
    color: var(--green);
}

body.wf.darkMode .bt-categories-button {
    margin: 0 auto;
    display: inline-flex;
    align-self: center;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 5px;
    border: none;
    padding-right: 53px;
    padding-left: 49px;
}
body.wf.darkMode .bt-categories-button:hover {
    background: rgba(255, 255, 255, 0.06);
}
body.wf.darkMode .bt-categories-button:before {
    right: 37px;
    top: 9px;
    font-size: 7px;
}
body.wf.darkMode .bt-categories-button span {
    margin-left: 3px;
}

body .wf.darkMode .select2-container--default .bt-select2-cont {
    background: #252626;
}

body.wf.darkMode .bt-categories-row input {
    background: #414242;
    border: none;
    box-shadow: inset 0 0 0 0.5px var(--form_border);
    color: var(--p0_text);
}

body.wf.darkMode .bt-categories-row input:hover {
    box-shadow: inset 0 0 0 1.2px #2ab0ff, 0 0 0 2px rgb(18 167 255 / 25%);
}

body.wf.darkMode .false-amount {
    color: var(--red);
}

body.wf.darkMode .active .bt-categories-container {
    border: 3px;
}

body.wf.darkMode .bt-categories-row:last-child {
    border-bottom: none !important;
}
body.wf.darkMode {
    background: #1B1C1C !important;
}
body.wf.darkMode .bank-transfers-container .bank-info.amount-info {
    font-family: 'Inter';
}