/*=== END OF DROPIFY ===*/

@charset "UTF-8";

@font-face {
    font-family: dropify;
    src: url(/fonts/dropify.eot);
    src: url(/fonts/dropify.eot#iefix) format("embedded-opentype"),url(/Content/fonts/dropify.woff) format("woff"),url(/Content/fonts/dropify.ttf) format("truetype"),url(/Content/fonts/dropify.svg#dropify) format("svg");
    font-weight: 400;
    font-style: normal
}

.dropify-font:before, .dropify-wrapper .dropify-message span.file-icon:before, .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before, [class*=" dropify-font-"]:before, [class^=dropify-font-]:before {
    font-family: dropify;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-left: .2em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.dropify-wrapper.has-error .dropify-message .dropify-error, .dropify-wrapper.has-preview .dropify-clear {
    display: block
}

.dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {
    content: '\e800'
}

.dropify-font-file:before {
    content: '\e801'
}

.dropify-wrapper {
    --img-height:100px;
    height: var(--img-height);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    background-color: #FFF;
    background-image: none;
    text-align: center;
    border: 2px solid #E5E5E5;
    -webkit-transition: border-color .15s linear;
    transition: border-color .15s linear;
    border-radius: 15px;
}

    .dropify-wrapper:hover {
        background-size: 30px 30px;
        background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
        background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite
    }

    .dropify-wrapper.has-error {
        border-color: #F34141
    }

        .dropify-wrapper.has-error:hover .dropify-errors-container {
            visibility: visible;
            opacity: 1;
            -webkit-transition-delay: 0s;
            transition-delay: 0s
        }

    .dropify-wrapper.disabled input {
        cursor: not-allowed
    }

    .dropify-wrapper.disabled:hover {
        background-image: none;
        -webkit-animation: none;
        animation: none
    }

    .dropify-wrapper.disabled .dropify-message {
        opacity: .5;
        text-decoration: line-through
    }

    .dropify-wrapper.disabled .dropify-infos-message {
        display: none
    }

    .dropify-wrapper input {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 5
    }

    .dropify-wrapper .dropify-message span.file-icon {
        font-size: 50px;
        color: #CCC
    }

    .dropify-wrapper .dropify-message p {
        margin: 5px 0 0;
        font-size: 14px !important
    }

        .dropify-wrapper .dropify-message p.dropify-error {
            color: #F34141;
            font-weight: 700;
            display: none
        }

    .dropify-wrapper .dropify-clear {
        display: none;
        position: absolute;
        opacity: 0;
        z-index: 7;
        top: 10px;
        right: 10px;
        background: 0 0;
        border: 2px solid #dc3545;
        text-transform: uppercase;
        font-size: 11px;
        padding: 4px 8px;
        font-weight: 700;
        color: #dc3545;
        background: #fdd9d7;
        border-radius: 5px;
        -webkit-transition: all .15s linear;
        transition: all .15s linear
    }

        .dropify-wrapper .dropify-clear:hover {
            background: #dc3545;
            color: #FFF;
        }

    .dropify-wrapper .dropify-preview {
        display: none;
        position: absolute;
        z-index: 1;
        background-color: #FFF;
        padding: 5px;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        text-align: center
    }

        .dropify-wrapper .dropify-preview .dropify-render img {
            top: 50%;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
            position: relative;
            max-width: 100%;
            max-height: 100%;
            background-color: #FFF;
            -webkit-transition: border-color .15s linear;
            transition: border-color .15s linear
        }

        .dropify-wrapper .dropify-preview .dropify-render i {
            font-size: 70px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            position: absolute;
            color: #777
        }

        .dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            margin-top: 10px;
            text-transform: uppercase;
            font-weight: 900;
            letter-spacing: -.03em;
            font-size: 13px;
            width: 42px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .dropify-wrapper .dropify-preview .dropify-infos {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 3;
            background: rgba(0,0,0,.7);
            opacity: 0;
            -webkit-transition: opacity .15s linear;
            transition: opacity .15s linear
        }

            .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
                position: absolute;
                top: 50%;
                -webkit-transform: translate(0,-40%);
                transform: translate(0,-40%);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                width: 100%;
                padding: 0 20px;
                -webkit-transition: all .2s ease;
                transition: all .2s ease
            }

                .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
                    padding: 0;
                    margin: 0;
                    position: relative;
                    width: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    color: #FFF;
                    text-align: center;
                    line-height: 25px;
                    font-weight: 700
                }

                    .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon {
                        margin-right: 2px
                    }

                    .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
                        margin-top: 15px;
                        padding-top: 15px;
                        font-size: 12px;
                        position: relative;
                        opacity: .5
                    }

                        .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 50%;
                            -webkit-transform: translate(-50%,0);
                            transform: translate(-50%,0);
                            background: #FFF;
                            width: 30px;
                            height: 2px
                        }

    .dropify-wrapper:hover .dropify-clear, .dropify-wrapper:hover .dropify-preview .dropify-infos {
        opacity: 1
    }

        .dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner {
            margin-top: -5px
        }

    .dropify-wrapper.touch-fallback {
        height: auto !important
    }

        .dropify-wrapper.touch-fallback:hover {
            background-image: none;
            -webkit-animation: none;
            animation: none
        }

        .dropify-wrapper.touch-fallback .dropify-preview {
            position: relative;
            padding: 0
        }

            .dropify-wrapper.touch-fallback .dropify-preview .dropify-render {
                display: block;
                position: relative
            }

            .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before, .dropify-wrapper.touch-fallback.has-preview .dropify-message {
                display: none
            }

            .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {
                position: relative;
                -webkit-transform: translate(0,0);
                transform: translate(0,0);
                top: 0;
                left: 0
            }

                .dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {
                    margin-top: 30px;
                    margin-bottom: 30px
                }

            .dropify-wrapper.touch-fallback .dropify-preview .dropify-render img {
                position: relative;
                -webkit-transform: translate(0,0);
                transform: translate(0,0)
            }

            .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {
                position: relative;
                opacity: 1;
                background: 0 0
            }

                .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {
                    position: relative;
                    top: 0;
                    -webkit-transform: translate(0,0);
                    transform: translate(0,0);
                    padding: 5px 90px 5px 0
                }

                    .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {
                        padding: 0;
                        margin: 0;
                        position: relative;
                        width: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        color: #777;
                        text-align: left;
                        line-height: 25px
                    }

                        .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {
                            font-weight: 700
                        }

                        .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
                            margin-top: 0;
                            padding-top: 0;
                            font-size: 11px;
                            position: relative;
                            opacity: 1
                        }

        .dropify-wrapper.touch-fallback .dropify-message {
            -webkit-transform: translate(0,0);
            transform: translate(0,0);
            padding: 40px 0
        }

        .dropify-wrapper.touch-fallback .dropify-clear {
            top: auto;
            bottom: 23px;
            opacity: 1;
            border-color: rgba(119,119,119,.7);
            color: #777
        }

        .dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner {
            margin-top: 0
        }

    .dropify-wrapper .dropify-loader {
        position: absolute;
        top: 15px;
        right: 15px;
        display: none;
        z-index: 9
    }

        .dropify-wrapper .dropify-loader::after {
            display: block;
            position: relative;
            width: 20px;
            height: 20px;
            -webkit-animation: rotate .6s linear infinite;
            animation: rotate .6s linear infinite;
            border-radius: 100%;
            border-top: 1px solid #CCC;
            border-bottom: 1px solid #777;
            border-left: 1px solid #CCC;
            border-right: 1px solid #777;
            content: ''
        }

    .dropify-wrapper .dropify-errors-container {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        background: rgba(243,65,65,.8);
        text-align: left;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s linear .15s,opacity .15s linear;
        transition: visibility 0s linear .15s,opacity .15s linear
    }

        .dropify-wrapper .dropify-errors-container ul {
            padding: 10px 20px;
            margin: 0;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

            .dropify-wrapper .dropify-errors-container ul li {
                margin-left: 20px;
                color: #FFF;
                font-weight: 700
            }

        .dropify-wrapper .dropify-errors-container.visible {
            visibility: visible;
            opacity: 1;
            -webkit-transition-delay: 0s;
            transition-delay: 0s
        }

    .dropify-wrapper ~ .dropify-errors-container ul {
        padding: 0;
        margin: 15px 0
    }

        .dropify-wrapper ~ .dropify-errors-container ul li {
            margin-left: 20px;
            color: #F34141;
            font-weight: 700
        }

@-webkit-keyframes stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

@keyframes stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 60px 30px
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg)
    }

    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg)
    }

    100% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

/*=== END OF DROPIFY ===*/

.iti {
    position: relative
}

    .iti * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 10px;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #b8b8b8 transparent;
}

    /* Chrome, Edge, Safari */
    .iti__country-list::-webkit-scrollbar {
        width: 8px;
    }

    .iti__country-list::-webkit-scrollbar-track {
        background: transparent;
    }

    .iti__country-list::-webkit-scrollbar-thumb {
        background: #b8b8b8;
        border-radius: 8px;
    }

        .iti__country-list::-webkit-scrollbar-thumb:hover {
            background: #8f8f8f;
        }

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0,0,0,.05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0,0,0,.05)
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent
    }

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,.05);
    border-radius: 5px 0px 0px 5px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .iti--container:hover {
        cursor: pointer
    }

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

    .iti__flag.iti__be {
        width: 18px
    }

    .iti__flag.iti__ch {
        width: 15px
    }

    .iti__flag.iti__mc {
        width: 19px
    }

    .iti__flag.iti__ne {
        width: 18px
    }

    .iti__flag.iti__np {
        width: 13px
    }

    .iti__flag.iti__va {
        width: 15px
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(/Content/intl-tel-input/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(/Content/intl-tel-input/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}





/*FilePond*/

/*!
 * FilePond 4.32.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */

/* eslint-disable */
.filepond--assistant {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}
/* Hard to override styles */
.filepond--browser.filepond--browser {
    /* is positioned absolute so it is focusable for form validation errors */
    position: absolute;
    margin: 0;
    padding: 0;
    /* is positioned ~behind drop label */
    left: 1em;
    top: 1.75em;
    width: calc(100% - 2em);
    /* hide visually */
    opacity: 0;
    font-size: 0; /* removes text cursor in Internet Explorer 11 */
}

.filepond--data {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    visibility: hidden;
    pointer-events: none;
    contain: strict;
}

.filepond--drip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.1;
    /* can't interact with this element */
    pointer-events: none;
    /* inherit border radius from parent (needed for drip-blob cut of) */
    border-radius: 0.5em;
    /* this seems to prevent Chrome from redrawing this layer constantly */
    background: rgba(0, 0, 0, 0.01);
}

.filepond--drip-blob {
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
    width: 8em;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    background: #292625;
    border-radius: 50%;
    /* will be animated */
    will-change: transform, opacity;
}

.filepond--drop-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    color: #4f4f4f;
    /* center contents */
    display: flex;
    justify-content: center;
    align-items: center;
    /* fixes IE11 centering problems (is overruled by label min-height) */
    height: 0px;
    /* dont allow selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* will be animated */
    will-change: transform, opacity;
}
    /* Hard to override styles on purpose */
    .filepond--drop-label.filepond--drop-label label {
        display: block;
        margin: 0;
        padding: 0.5em; /* use padding instead of margin so click area is not impacted */
    }

    .filepond--drop-label label {
        cursor: default;
        font-size: 0.875em !important;
        font-weight: normal;
        text-align: center;
        line-height: 1.5;
    }

.filepond--label-action {
    text-decoration: underline;
    text-decoration-skip-ink: auto;
    text-decoration-color: #a7a4a4;
    cursor: pointer;
}

.filepond--root[data-disabled] .filepond--drop-label label {
    opacity: 0.5;
}
/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
    font-size: 1em;
    width: 1.625em;
    height: 1.625em;
    font-family: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    will-change: transform, opacity;
    /* hidden label */
}

    .filepond--file-action-button.filepond--file-action-button span {
        position: absolute;
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        white-space: nowrap;
    }

.filepond--file-action-button.filepond--file-action-button {
    /* scale SVG to fill button */
}

    .filepond--file-action-button.filepond--file-action-button svg {
        width: 100%;
        height: 100%;
    }

.filepond--file-action-button.filepond--file-action-button {
    /* bigger touch area */
}

    .filepond--file-action-button.filepond--file-action-button::after {
        position: absolute;
        left: -0.75em;
        right: -0.75em;
        top: -0.75em;
        bottom: -0.75em;
        content: '';
    }
/* Soft styles */
.filepond--file-action-button {
    /* use default arrow cursor */
    cursor: auto;
    /* reset default button styles */
    color: #fff;
    /* set default look n feel */
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    /* we animate box shadow on focus */
    /* it's only slightly slower than animating */
    /* a pseudo-element with transforms and renders */
    /* a lot better on chrome */
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transition: box-shadow 0.25s ease-in;
}

    .filepond--file-action-button:hover,
    .filepond--file-action-button:focus {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
    }

    .filepond--file-action-button[disabled] {
        color: rgba(255, 255, 255, 0.5);
        background-color: rgba(0, 0, 0, 0.25);
    }

    .filepond--file-action-button[hidden] {
        display: none;
    }
/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
    width: 2em;
    height: 2em;
    padding: 0.1875em;
}

    .filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {
        margin-left: -0.1875em;
    }

    .filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {
        margin-bottom: -0.1875em;
    }

.filepond--action-edit-item-alt {
    border: none;
    line-height: inherit;
    background: transparent;
    font-family: inherit;
    color: inherit;
    outline: none;
    padding: 0;
    margin: 0 0 0 0.25em;
    pointer-events: all;
    position: absolute;
}

    .filepond--action-edit-item-alt svg {
        width: 1.3125em;
        height: 1.3125em;
    }

    .filepond--action-edit-item-alt span {
        font-size: 0;
        opacity: 0;
    }

.filepond--file-info {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    margin: 0 0.5em 0 0;
    min-width: 0;
    /* will be animated */
    will-change: transform, opacity;
    /* can't do anything with this info */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* no margins on children */
}

    .filepond--file-info * {
        margin: 0;
    }

.filepond--file-info {
    /* we don't want to have these overrules so these selectors are a bit more specific */
}

    .filepond--file-info .filepond--file-info-main {
        font-size: 0.75em;
        line-height: 1.2;
        /* we want ellipsis if this bar gets too wide */
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .filepond--file-info .filepond--file-info-sub {
        font-size: 0.625em;
        opacity: 0.5;
        transition: opacity 0.25s ease-in-out;
        white-space: nowrap;
    }

        .filepond--file-info .filepond--file-info-sub:empty {
            display: none;
        }

.filepond--file-status {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    min-width: 2.25em;
    text-align: right;
    /* will be animated */
    will-change: transform, opacity;
    /* can't do anything with this info */
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* no margins on children */
}

    .filepond--file-status * {
        margin: 0;
        white-space: nowrap;
    }

.filepond--file-status {
    /* font sizes */
}

    .filepond--file-status .filepond--file-status-main {
        font-size: 0.75em;
        line-height: 1.2;
    }

    .filepond--file-status .filepond--file-status-sub {
        font-size: 0.625em;
        opacity: 0.5;
        transition: opacity 0.25s ease-in-out;
    }
/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    height: 100%;
    /* hide legend for visual users */
}

    .filepond--file-wrapper.filepond--file-wrapper > legend {
        position: absolute;
        overflow: hidden;
        height: 1px;
        width: 1px;
        padding: 0;
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        white-space: nowrap;
    }

.filepond--file {
    position: static;
    display: flex;
    height: 100%;
    align-items: flex-start;
    padding: 0.5625em 0.5625em;
    color: #fff;
    border-radius: 0.5em;
    /* control positions */
}

    .filepond--file .filepond--file-status {
        margin-left: auto;
        margin-right: 2.25em;
    }

    .filepond--file .filepond--processing-complete-indicator {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 3;
    }

    .filepond--file .filepond--processing-complete-indicator,
    .filepond--file .filepond--progress-indicator,
    .filepond--file .filepond--file-action-button {
        position: absolute;
    }

.filepond--file {
    /* .filepond--file-action-button */
}

    .filepond--file [data-align*='left'] {
        left: 0.5625em;
    }

    .filepond--file [data-align*='right'] {
        right: 0.5625em;
    }

    .filepond--file [data-align*='center'] {
        left: calc(50% - 0.8125em); /* .8125 is half of button width */
    }

    .filepond--file [data-align*='bottom'] {
        bottom: 1.125em;
    }

    .filepond--file [data-align='center'] {
        top: calc(50% - 0.8125em);
    }

    .filepond--file .filepond--progress-indicator {
        margin-top: 0.1875em;
    }

        .filepond--file .filepond--progress-indicator[data-align*='right'] {
            margin-right: 0.1875em;
        }

        .filepond--file .filepond--progress-indicator[data-align*='left'] {
            margin-left: 0.1875em;
        }
/* make sure text does not overlap */
[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
    margin-right: 2.25em;
}

[data-filepond-item-state~='processing'] .filepond--file-status-sub {
    opacity: 0;
}

[data-filepond-item-state~='processing']
.filepond--action-abort-item-processing ~ .filepond--file-status
.filepond--file-status-sub {
    opacity: 0.5;
}

[data-filepond-item-state='processing-error'] .filepond--file-status-sub {
    opacity: 0;
}

[data-filepond-item-state='processing-error']
.filepond--action-retry-item-processing ~ .filepond--file-status
.filepond--file-status-sub {
    opacity: 0.5;
}

[data-filepond-item-state='processing-complete'] {
    /* busy state */
}

    [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
        -webkit-animation: fall 0.5s 0.125s linear both;
        animation: fall 0.5s 0.125s linear both;
    }

[data-filepond-item-state='processing-complete'] {
    /* hide details by default, only show when can revert */
}

    [data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
        opacity: 0.5;
    }

    [data-filepond-item-state='processing-complete']
    .filepond--processing-complete-indicator:not([style*='hidden']) ~ .filepond--file-status
    .filepond--file-status-sub {
        opacity: 0;
    }

    [data-filepond-item-state='processing-complete'] .filepond--file-info-sub {
        opacity: 0;
    }

    [data-filepond-item-state='processing-complete']
    .filepond--action-revert-item-processing ~ .filepond--file-info
    .filepond--file-info-sub {
        opacity: 0.5;
    }
/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
    -webkit-animation: shake 0.65s linear both;
    animation: shake 0.65s linear both;
}
/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
/**
 * States
 */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translateX(-0.0625em);
        transform: translateX(-0.0625em);
    }

    20%, 80% {
        -webkit-transform: translateX(0.125em);
        transform: translateX(0.125em);
    }

    30%, 50%, 70% {
        -webkit-transform: translateX(-0.25em);
        transform: translateX(-0.25em);
    }

    40%, 60% {
        -webkit-transform: translateX(0.25em);
        transform: translateX(0.25em);
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: translateX(-0.0625em);
        transform: translateX(-0.0625em);
    }

    20%, 80% {
        -webkit-transform: translateX(0.125em);
        transform: translateX(0.125em);
    }

    30%, 50%, 70% {
        -webkit-transform: translateX(-0.25em);
        transform: translateX(-0.25em);
    }

    40%, 60% {
        -webkit-transform: translateX(0.25em);
        transform: translateX(0.25em);
    }
}

@-webkit-keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes fall {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state='drag-over'] > * {
    pointer-events: none;
}
/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state='drag-over']::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.filepond--progress-indicator {
    z-index: 103;
}

.filepond--file-action-button {
    z-index: 102;
}

.filepond--file-status {
    z-index: 101;
}

.filepond--file-info {
    z-index: 100;
}

.filepond--item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
    margin: 0.25em;
    will-change: transform, opacity;
    touch-action: auto;
    /* item children order */
}

    .filepond--item > .filepond--panel {
        z-index: -1;
    }
        /* has a slight shadow */
        .filepond--item > .filepond--panel .filepond--panel-bottom {
            box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
        }

.filepond--item {
    /* drag related */
}

    .filepond--item > .filepond--file-wrapper,
    .filepond--item > .filepond--panel {
        transition: opacity 0.15s ease-out;
    }

    .filepond--item[data-drag-state] {
        cursor: -webkit-grab;
        cursor: grab;
    }

        .filepond--item[data-drag-state] > .filepond--panel {
            transition: box-shadow 0.125s ease-in-out;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

    .filepond--item[data-drag-state='drag'] {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

        .filepond--item[data-drag-state='drag'] > .filepond--panel {
            box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
        }

    .filepond--item[data-drag-state]:not([data-drag-state='idle']) {
        z-index: 2;
    }
/* states */
.filepond--item-panel {
    background-color: #64605e;
}

[data-filepond-item-state='processing-complete'] .filepond--item-panel {
    background-color: #369763;
}

[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
    background-color: #c44e47;
}
/* style of item panel */
.filepond--item-panel {
    border-radius: 0.5em;
    transition: background-color 0.25s;
}
/* normal mode */
.filepond--list-scroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    will-change: transform;
}
    /* scroll mode */
    .filepond--list-scroller[data-state='overflow'] .filepond--list {
        bottom: 0;
        right: 0;
    }

    .filepond--list-scroller[data-state='overflow'] {
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
        mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
    }
    /* style scrollbar */
    .filepond--list-scroller::-webkit-scrollbar {
        background: transparent;
    }

        .filepond--list-scroller::-webkit-scrollbar:vertical {
            width: 1em;
        }

        .filepond--list-scroller::-webkit-scrollbar:horizontal {
            height: 0;
        }

    .filepond--list-scroller::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 99999px;
        border: 0.3125em solid transparent;
        background-clip: content-box;
    }
/* hard to overide styles on purpose */
.filepond--list.filepond--list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    /* prevents endless paint calls on filepond--list-scroller */
    will-change: transform;
}
/* used for padding so allowed to be restyled */
.filepond--list {
    left: 0.75em;
    right: 0.75em;
}

.filepond--root[data-style-panel-layout~='integrated'] {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
}

    .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
        border-radius: 0;
    }

        .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
        .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
            display: none;
        }

    .filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
        bottom: 0;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 7;
    }

.filepond--root[data-style-panel-layout~='circle'],
.filepond--root[data-style-panel-layout~='integrated'] {
    /* we're only loading one item, this makes the intro animation a bit nicer */
}

    .filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
        display: none;
    }

    .filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
        overflow: hidden;
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .filepond--root[data-style-panel-layout~='compact'] .filepond--list,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
        left: 0;
        right: 0;
        height: 100%;
    }

    .filepond--root[data-style-panel-layout~='compact'] .filepond--item,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
        margin: 0;
    }

    .filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
        height: 100%;
    }

    .filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,
    .filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
        z-index: 7;
    }

.filepond--root[data-style-panel-layout~='circle'] {
    border-radius: 99999rem;
    overflow: hidden;
}

    .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
        border-radius: inherit;
    }

        .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
            display: none;
        }

.filepond--root[data-style-panel-layout~='circle'] {
    /* circle cuts of this info, so best to hide it */
}

    .filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
        display: none;
    }

    .filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
        display: none;
    }

    .filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {
        opacity: 1 !important;
        visibility: visible !important;
    }
/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .filepond--root[data-style-panel-layout~='circle'] {
            will-change: transform;
        }
    }
}

.filepond--panel-root {
    border-radius: 0.5em;
    background-color: #fff;
}

.filepond--panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
    height: 100% !important;
    /* no interaction possible with panel */
    pointer-events: none;
}

.filepond-panel:not([data-scalable='false']) {
    height: auto !important;
}

.filepond--panel[data-scalable='false'] > div {
    display: none;
}

.filepond--panel[data-scalable='true'] {
    /* this seems to fix Chrome performance issues */
    /* - when box-shadow is enabled */
    /* - when multiple ponds are active on the same page */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /* prevent borders and backgrounds */
    background-color: transparent !important;
    border: none !important;
}

.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.filepond--panel-top,
.filepond--panel-bottom {
    height: 0.5em;
}

.filepond--panel-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important;
    /* fixes tiny transparant line between top and center panel */
}

    .filepond--panel-top::after {
        content: '';
        position: absolute;
        height: 2px;
        left: 0;
        right: 0;
        bottom: -1px;
        background-color: inherit;
    }

.filepond--panel-center,
.filepond--panel-bottom {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate3d(0, 0.5em, 0);
    transform: translate3d(0, 0.5em, 0);
}

.filepond--panel-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
    /* fixes tiny transparant line between bottom and center of panel */
}

    .filepond--panel-bottom::before {
        content: '';
        position: absolute;
        height: 2px;
        left: 0;
        right: 0;
        top: -1px;
        background-color: inherit;
    }

.filepond--panel-center {
    /* the center panel is scaled using scale3d to fit the correct height */
    /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
    height: 100px !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}

    .filepond--panel-center:not([style]) {
        visibility: hidden;
    }

.filepond--progress-indicator {
    position: static;
    width: 1.25em;
    height: 1.25em;
    color: #fff;
    /* can't have margins */
    margin: 0;
    /* no interaction possible with progress indicator */
    pointer-events: none;
    /* will be animated */
    will-change: transform, opacity;
}

    .filepond--progress-indicator svg {
        width: 100%;
        height: 100%;
        vertical-align: top;
        transform-box: fill-box; /* should center the animation correctly when zoomed in */
    }

    .filepond--progress-indicator path {
        fill: none;
        stroke: currentColor;
    }

.filepond--list-scroller {
    z-index: 6;
}

.filepond--drop-label {
    z-index: 5;
}

.filepond--drip {
    z-index: 3;
}

.filepond--root > .filepond--panel {
    z-index: 2;
}

.filepond--browser {
    z-index: 1;
}

.filepond--root {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;
    font-size: 1rem;
    line-height: normal;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-weight: 450;
    text-align: left;
    text-rendering: optimizeLegibility;
    direction: ltr;
    contain: layout strict size;
}

    .filepond--root * {
        box-sizing: inherit;
        line-height: inherit;
    }

        .filepond--root *:not(text) {
            font-size: inherit;
        }

.filepond--root {
    /* block everything */
}

.filepond--root[data-disabled] {
    pointer-events: none;
}

.filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all;
}

.filepond--root[data-disabled] .filepond--list {
    pointer-events: none;
}
    
.filepond--root .filepond--drop-label {
    min-height: 4.75em;
}

.filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em;
}

.filepond--root .filepond--credits {
    position: absolute;
    right: 0;
    opacity: 0.4;
    line-height: 0.85;
    font-size: 11px;
    color: inherit;
    text-decoration: none;
    z-index: 3;
    bottom: -14px;
}

.filepond--root .filepond--credits[style] {
    top: 0;
    bottom: auto;
    margin-top: 14px;
}
/*FilePond*/

/*flatpickr-calendar*/

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)
}

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        opacity: 1;
        visibility: visible
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
        animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
        box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
    }

    .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:before, .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        left: 22px
    }

    .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff
    }

    .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    position:relative;
    display:flex;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: rgba(0,0,0,0.9);
        fill: rgba(0,0,0,0.9);
        height:25px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        width: 32px;
        height: 30px;
        z-index: 3;
        color: #000;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 5px;
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none
        }

        .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
            position: relative
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            left: 3px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            right: 3px;
            display: flex;
            justify-content:center;
            align-items: center;
        }

        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        
        /*
      /*rtl:begin:ignore*/
        /*
      /*rtl:end:ignore*/
        .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
            color: #959ea9
        }

        .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover{
           background-color:#eee;
        }

        .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
            width: 12px;
            height: 12px;
            fill: #000;
            stroke: #000;
            stroke-width:2;
        }

    .numInputWrapper {
        position: relative;
        height: auto
    }

    .numInputWrapper input, .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

        .numInputWrapper input::-ms-clear {
            display: none
        }

        .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57,57,57,0.15);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .numInputWrapper span:hover {
            background: rgba(0,0,0,0.1)
        }

        .numInputWrapper span:active {
            background: rgba(0,0,0,0.2)
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57,57,57,0.6);
                top: 26%
            }

        .numInputWrapper span.arrowDown {
            top: 50%
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57,57,57,0.6);
                top: 40%
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto
        }

            .numInputWrapper span svg path {
                fill: rgba(0,0,0,0.5)
            }

    .numInputWrapper:hover {
        background: rgba(0,0,0,0.05)
    }

        .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-current-month {
    font-size: 13px;
    line-height: inherit;
    font-weight: 400;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    line-height: 1;
    display: inline-block;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: .5ch;
        padding: 0
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0,0,0,0.05)
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch;
        display: inline-block
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0,0,0,0.9)
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0,0,0,0.9)
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 .5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0,0,0,0.5);
            background: transparent;
            pointer-events: none
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0 0;
        outline: none;
        padding: 0 0 0 .5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: rgba(0,0,0,0.05)
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

span.flatpickr-weekday {
    width:100%;
    padding:10px 0px;
    cursor: default;
    font-size: 82%;
    color: rgba(0,0,0);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

    .flatpickr-days:focus {
        outline: 0
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius:5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

    .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #e6e6e6;
        border-color: #e6e6e6
    }

    .flatpickr-day.today {
        border-color: #959ea9
    }

        .flatpickr-day.today:hover, .flatpickr-day.today:focus {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff
        }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background: #569ff7;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        border-color: #569ff7
    }

        .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
            border-radius: 5px 0 0 5px
        }

        .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
            border-radius: 0 5px 5px 0
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            -webkit-box-shadow: -10px 0 0 #569ff7;
            box-shadow: -10px 0 0 #569ff7
        }

        .flatpickr-day.inRange{
            border-radius: 0;
            -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
            box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
        }

        .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
            color: rgba(57,57,57,0.3);
            background: transparent;
            border-color: transparent;
            cursor: default
        }

        .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: rgba(57,57,57,0.1)
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
        box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        -webkit-box-shadow: 1px 0 0 #e6e6e6;
        box-shadow: 1px 0 0 #e6e6e6
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px
    }

    .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57,57,57,0.3);
        background: transparent;
        cursor: default;
        border: none
    }


.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both
    }

    .flatpickr-time .numInputWrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 40%;
        height: 40px;
        float: left
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        font-size: 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: bold
        }

        .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
            font-weight: 400
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0
        }

    .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: bold;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-flex-item-align: center;
        align-self: center
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400
    }

        .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
            background: #eee
        }

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}


/**
 * tom-select.css (v2.4.3)
 */

.ts-control {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    box-shadow: none;
    box-sizing: border-box;
    flex-wrap: wrap;
    overflow: hidden;
    padding:6px;
    position: relative;
    width: 100%;
    z-index: 1
}

.full .ts-control {
    background-color: var(--bs-body-bg)
}

.disabled .ts-control, .disabled .ts-control * {
    cursor: default !important
}


.ts-control > * {
    display: inline-block;
    vertical-align: initial
}

.ts-wrapper.multi .ts-control > div {
    background: #FDF0E8;
    border: 1px solid #F5DCC8;
    color: #E8702A;
    cursor: pointer;
    padding: 1px 5px
}

    .ts-wrapper.multi .ts-control > div.active {
        background: #E8702A;
        border: 0 solid transparent;
        color: #fff
    }

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
    background: #fff;
    border: 0 solid #fff;
    color: #878787
}

.ts-control > input {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display:inline-block !important;
    flex: 1 1 auto;
    line-height: inherit !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 7rem;
    padding: 0 !important;
    text-indent: 0 !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.ts-wrapper.multi .ts-control > input {
    display:block !important;
    width: 100% !important;
}


.ts-control > input::-ms-clear {
    display: none
}

.ts-control > input:focus {
    outline: none !important
}

.has-items .ts-control > input {
    margin: 0 4px !important
}

.ts-control.rtl {
    text-align: right
}

    .ts-control.rtl.single .ts-control:after {
        left: calc(.75rem + 5px);
        right: auto
    }

    .ts-control.rtl .ts-control > input {
        margin: 0 4px 0 -2px !important
    }

.disabled .ts-control {
    background-color: var(--bs-secondary-bg);
    opacity: .5
}

.input-hidden .ts-control > input {
    left: -10000px;
    opacity: 0;
    position: absolute
}

.ts-dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    border-top: 0;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    left: 0;
    margin: .25rem 0 0;
    z-index: 10;
    padding: 10px 0px;
}

    .ts-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden
    }

        .ts-dropdown [data-selectable] .highlight {
            background: rgba(255,237,40,.4);
            border-radius: 1px
        }

    .ts-dropdown .create, .ts-dropdown .no-results, .ts-dropdown .optgroup-header, .ts-dropdown .option {
        padding: 6px
    }

    .ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
        cursor: inherit;
        opacity: .5
    }

    .ts-dropdown [data-selectable].option {
        cursor: pointer;
        opacity: 1
    }

    .ts-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0
    }

    .ts-dropdown .optgroup-header {
        background: var(--bs-body-bg);
        color: #6c757d;
        cursor: default
    }

    .ts-dropdown .active {
        background-color: var(--light-blue);
        border-radius: 5px;
    }

        .ts-dropdown .active, .ts-dropdown .active.create {
            color: var(--blue-dark);
        }

    .ts-dropdown .create {
        color: rgba(52,58,64,.5)
    }

    .ts-dropdown .spinner {
        display: inline-block;
        height: 30px;
        margin: 3px .75rem;
        width: 30px
    }

        .ts-dropdown .spinner:after {
            animation: lds-dual-ring 1.2s linear infinite;
            border-color: #d0d0d0 transparent;
            border-radius: 50%;
            border-style: solid;
            border-width: 5px;
            content: " ";
            display: block;
            height: 24px;
            margin: 3px;
            width: 24px
        }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ts-dropdown-content {
    max-height: 200px;
    overflow: hidden auto;
    scroll-behavior: smooth;
    padding: 0px 8px;
}

    .ts-dropdown-content::-webkit-scrollbar {
        width: 6px
    }

    .ts-dropdown-content::-webkit-scrollbar-track {
        background: transparent
    }

    .ts-dropdown-content::-webkit-scrollbar-thumb {
        background-color: var(--bs-orange);
        border-radius: 10px
    }

.ts-wrapper.plugin-drag_drop .ts-dragging {
    color: transparent !important
}

    .ts-wrapper.plugin-drag_drop .ts-dragging > * {
        visibility: hidden !important
    }

.plugin-checkbox_options:not(.rtl) .option input {
    margin-right: .5rem
}

.plugin-checkbox_options.rtl .option input {
    margin-left: .5rem
}

.plugin-clear_button {
    --ts-pr-clear-button: 1em
}

    .plugin-clear_button .clear-button {
        background: transparent !important;
        cursor: pointer;
        margin-right: 0 !important;
        opacity: 0;
        position: absolute;
        right: 7px;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity .5s
    }

    .plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
        right: 7px;
    }

    .plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
        opacity: 1
    }

.ts-wrapper .dropdown-header {
    background: var(--bs-body-bg);
    border-bottom: 1px solid #d0d0d0;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    padding: 6px .75rem;
    position: relative
}

.ts-wrapper .dropdown-header-close {
    color: #343a40;
    font-size: 20px !important;
    line-height: 20px;
    margin-top: -12px;
    opacity: .4;
    position: absolute;
    right: .75rem;
    top: 50%
}

    .ts-wrapper .dropdown-header-close:hover {
        color: #000
    }

.plugin-dropdown_input.focus.dropdown-active .ts-control {
    border: 1px solid var(--bs-border-color);
    box-shadow: none;
    box-shadow: var(--bs-box-shadow-inset)
}

.plugin-dropdown_input .dropdown-input {
    background: transparent;
    border: solid #d0d0d0;
    border-width: 0 0 1px;
    box-shadow: none;
    display: block;
    padding: .375rem .75rem;
    width: 100%
}

.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: 0
}

.plugin-dropdown_input .items-placeholder {
    border: 0 !important;
    box-shadow: none !important;
    width: 100%
}

.plugin-dropdown_input.dropdown-active .items-placeholder, .plugin-dropdown_input.has-items .items-placeholder {
    display: none !important
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
    min-width: 0
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
    flex: none;
    min-width: 4px
}

    .ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
        color: transparent
    }

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
    display: flex
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0
}

    .ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0
    }

    .ts-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none
    }

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0
}

.ts-wrapper.plugin-remove_button .item {
    align-items: center;
    display: inline-flex
}

    .ts-wrapper.plugin-remove_button .item .remove {
        border-radius: 0 2px 2px 0;
        box-sizing: border-box;
        color: inherit;
        display: inline-block;
        padding: 1px 5px;
        text-decoration: none;
        vertical-align: middle
    }

        .ts-wrapper.plugin-remove_button .item .remove:hover {
            background: #fee8e8;
        }

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
    background: none
}

.ts-wrapper.plugin-remove_button .remove-single {
    font-size: 23px;
    position: absolute;
    right: 0;
    top: 0
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
    padding-right: 0 !important
}

    .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
        border-left: 1px solid #dee2e6;
        margin-left: 5px
    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
        border-left-color: transparent
    }

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
    border-left-color: #fff
}

.ts-wrapper.plugin-remove_button.rtl .item {
    padding-left: 0 !important
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
    border-right: 1px solid #dee2e6;
    margin-right: 5px
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
    border-right-color: transparent
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
    border-right-color: #fff
}

:root {
    --ts-pr-clear-button: 0px;
    --ts-pr-caret: 0px;
    --ts-pr-min: .75rem
}


.ts-control, .ts-control input, .ts-dropdown {
    color: #000;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.5
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
    background: #fff;
    cursor: text
}

.ts-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.ts-dropdown, .ts-dropdown.form-control, .ts-dropdown.form-select {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);
    height: auto;
    z-index: 1000
}

    .ts-dropdown .optgroup-header {
        font-size: .875rem;
        line-height: 1.5
    }

    .ts-dropdown .optgroup:first-child:before {
        display: none
    }

    .ts-dropdown .optgroup:before {
        border-top: 1px solid var(--bs-border-color-translucent);
        content: " ";
        display: block;
        height: 0;
        margin: .5rem -.75rem;
        overflow: hidden
    }

    .ts-dropdown .create {
        padding-left: .75rem
    }

.ts-control {
    align-items: center;
    display: flex;
    gap: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .ts-control {
        transition: none
    }
}


.ts-control .item {
    align-items: center;
    display: flex
}

.tagging-helper-instance .ts-control .item.active,
.tagging-helper-instance .ts-control .item:focus {
    background: #efefef !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

.tagging-helper-instance.ts-wrapper.focus {
    box-shadow: none !important;
}

.tagging-helper-instance.focus .ts-control {
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}


.ts-wrapper.is-invalid, .was-validated .invalid, .was-validated :invalid + .ts-wrapper {
    border-color: var(--bs-form-invalid-color)
}

    .ts-wrapper.is-invalid:not(.single), .was-validated .invalid:not(.single), .was-validated :invalid + .ts-wrapper:not(.single) {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
        background-position: right calc(.375em + .1875rem) center;
        background-repeat: no-repeat;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .ts-wrapper.is-invalid.single, .was-validated .invalid.single, .was-validated :invalid + .ts-wrapper.single {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
        background-position: right .75rem center,center right 2.25rem;
        background-repeat: no-repeat;
        background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
    }

    .ts-wrapper.is-invalid.focus .ts-control, .was-validated .invalid.focus .ts-control, .was-validated :invalid + .ts-wrapper.focus .ts-control {
        border-color: var(--bs-form-invalid-color);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-form-invalid-color),.25)
    }

.ts-wrapper.is-valid, .was-validated .valid, .was-validated :valid + .ts-wrapper {
    border-color: var(--bs-form-valid-color)
}

.ts-wrapper.is-valid:not(.single), .was-validated .valid:not(.single), .was-validated :valid + .ts-wrapper:not(.single) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.ts-wrapper.is-valid.single, .was-validated .valid.single, .was-validated :valid + .ts-wrapper.single {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");
    background-position: right .75rem center,center right 2.25rem;
    background-repeat: no-repeat;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.ts-wrapper.is-valid.focus .ts-control, .was-validated .valid.focus .ts-control, .was-validated :valid + .ts-wrapper.focus .ts-control {
    border-color: var(--bs-form-valid-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-form-valid-color),.25)
}

.ts-wrapper {
    display: flex;
    min-height: 35px;
    position: relative;
}

.input-group-sm > .ts-wrapper, .ts-wrapper.form-control-sm, .ts-wrapper.form-select-sm {
    min-height: 35px;
}

.input-group-sm > .ts-wrapper .ts-control, .ts-wrapper.form-control-sm .ts-control, .ts-wrapper.form-select-sm .ts-control {
    border-radius: var(--bs-border-radius-sm);
    font-size: .7rem
}

.input-group-sm > .ts-wrapper.has-items .ts-control, .ts-wrapper.form-control-sm.has-items .ts-control, .ts-wrapper.form-select-sm.has-items .ts-control {
    font-size: .7rem;
    padding-bottom: 0
}



.ts-wrapper.multi .ts-control > div {
    border-radius: calc(var(--bs-border-radius) - 1px)
}

.input-group-lg > .ts-wrapper, .ts-wrapper.form-control-lg, .ts-wrapper.form-select-lg {
    min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.input-group-lg > .ts-wrapper .ts-control, .ts-wrapper.form-control-lg .ts-control, .ts-wrapper.form-select-lg .ts-control {
    border-radius: var(--bs-border-radius-lg);
    font-size: 1.25rem
}

.ts-wrapper:not(.form-control,.form-select) {
    background: none;
    border: none;
    box-shadow: none;
    height: auto;
    padding: 0
}

.ts-wrapper.form-select, .ts-wrapper.single {
    --ts-pr-caret: 2.25rem
}

.ts-wrapper.form-control, .ts-wrapper.form-select {
    box-shadow: none;
    display: flex;
    height: auto;
    padding: 0 !important
}

.ts-wrapper.form-control .ts-control, .ts-wrapper.form-control.single.input-active .ts-control, .ts-wrapper.form-select .ts-control, .ts-wrapper.form-select.single.input-active .ts-control {
    border: none !important
}


.input-group > .ts-wrapper {
    flex-grow: 1;
    width: 1%
}

.input-group > .ts-wrapper:not(:nth-child(2)) > .ts-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group > .ts-wrapper:not(:last-child) > .ts-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ts-icon {
    width: auto;
    max-width: 75px;
    height: 40px;
    border-radius: 10px;
    aspect-ratio: 1;
    object-fit: contain;
    border: 1px solid #e7e7f1;
    padding: 5px 2px;
    background: #fff;
}

.ts-wrapper:focus-within {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 1px #6366f1 !important;
}

.ts-wrapper:not(.autocomplete).single .ts-control::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #6b7280;
    transform: translateY(-50%);
}

.ts-wrapper:not(.autocomplete).dropdown-active .ts-control::after {
    transform: translateY(-50%) rotate(180deg);
}


.fp-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

/*TOM SELECT TAG BASE*/

.tagging-helper-instance .ts-control > div.tag {
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    gap: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 0px;
    overflow: hidden;
    transition: box-shadow 0.15s ease;
    user-select: none;
    cursor: default;
}

/* Preferred — soft blue */
.tagging-helper-instance .ts-control .tag.tag-can-have {
    background-color: #e8edfb;
    color: #1a56db;
    border: 1px solid #c3d4fb;
}

/* Required — soft green */
.tagging-helper-instance .ts-control .tag.tag-must-have {
    background-color: #e6f4ea;
    color: #1e7e34;
    border: 1px solid #b7dfbf;
}

/* Exclude — soft red */
.tagging-helper-instance .ts-control .tag.tag-neutral {
    background-color: #fdecea;
    color: #c0392b;
    border: 1px solid #f5c0bb;
}

.tagging-helper-instance .ts-control .remove,
.tagging-helper-instance .ts-control .tag-menu-btn {
    background-color: rgba(0,0,0,0.02);
}

/* ─── REMOVE BUTTON (left) ──────────────────────── */
.tagging-helper-instance .ts-control .tag .remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    font-size: 14px;
    text-decoration: none;
    flex-shrink: 0;
    cursor: pointer;
    color: inherit;
    border-right: 1px solid rgba(0,0,0,0.02);
}

.tagging-helper-instance .ts-control .tag .tag-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    flex-shrink: 0;
    border-left: 1px solid rgba(0,0,0,0.08);
}


/* ─── ACTIVE STATE OVERRIDE ─────────────────────── */
.tagging-helper-instance.ts-wrapper.multi .ts-control > div.active {
    background: none !important;
    border-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
}

/* ─── BOOLEAN MENU DROPDOWN ─────────────────────── */
.tag-menu-dropdown {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    min-width: 130px;
    overflow: hidden;
    font-size: 13px;
}

.tag-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    cursor: pointer;
    transition: background 0.1s;
    color: #333;
}

    .tag-menu-item:hover {
        background: #f0f4ff;
        color: #1a56db;
    }

    .tag-menu-item.selected {
        font-weight: 600;
        color: #1a56db;
    }

.menu-checkmark {
    width: 14px;
    font-size: 12px;
    color: #1a56db;
}

.menu-text {
    flex: 1;
}

/*legend color-profile TOM SELEC*/

.tinymce-original-textarea {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
    height: 1px !important;
}