@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap";

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0;
    font: inherit
}

.modal-modal-mask {
    position: fixed;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    z-index: 200;
}

.modal {
    z-index: 201;
    margin-inline: auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(112, 112, 112);
    border-radius: 17px;
    max-width: 1540px;
    position: absolute;
    margin-top: -24px;
    margin-left: 15px;
    width: calc(100% - 26px) !important;
}

@media only screen and (max-width: 320px) {
    .modal {
        width: calc(100% - 16px);
    }
}

.modal .header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgb(112, 112, 112);
    padding: 24px 22px;
    cursor: ne-resize;
}

    .modal .header .Date {
        font-weight: bold;
        font-size: 25px;
        line-height: 30px;
        text-align: left;
        color: rgb(51, 66, 96);
        margin: 0px;
        padding: 0px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background: none;
        font-family: "Verdana Pro";
        width: 95%;
    }

    .modal .header .close-button {
        cursor: pointer;
        color: rgb(51, 66, 96);
    }

.modal .modal-body {
    padding: 24px 30px;
}

    .modal .modal-body label {
        font-weight: 600;
        font-size: 14px;
        text-align: left;
        color: rgb(51, 66, 96);
    }

    .modal .modal-body input:focus-visible, .modal .modal-body select:focus-visible {
        outline: none;
    }

    .modal .modal-body input[type="text"] {
        padding-left: 18px;
        height: 45px;
        border-radius: 7px;
        background: rgb(245, 245, 245);
        border: 1px solid rgb(217, 217, 217);
    }

    .modal .modal-body input[type="checkbox"] {
        width: 17px;
        height: 17px;
    }

    .modal .modal-body textarea {
        width: 100%;
    }

    .modal .modal-body select {
        padding-left: 18px;
        height: 45px;
        border-radius: 7px;
        background: rgb(245, 245, 245);
        border: 1px solid rgb(217, 217, 217);
    }

.modal .modal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 37px 24px;
    margin-bottom: 40px;
}

    .modal .modal-grid .grid-item {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 7px;
    }

.modal .cta-wrapper {
    display: flex;
    -webkit-box-pack: end;
    justify-content: center;
    gap: 14px;
}

    .modal .cta-wrapper input {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 171px;
        height: 50px;
        border-radius: 8px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
        background-color: rgba(0, 0, 0, 0);
        font-weight: normal;
        font-size: 16px;
        color: rgb(255, 255, 255);
        cursor: pointer;
    }

        .modal .cta-wrapper input.add {
            background: rgb(30, 199, 18);
        }

        .modal .cta-wrapper input.cancel {
            color: rgb(4, 4, 4);
            border: 1px solid rgb(84, 84, 84);
        }

.modal .modal-item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

    .modal .modal-item:last-child {
        margin: 0px;
    }

.modal .column-wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .modal .column-wrapper {
        grid-template-columns: 2fr 1fr;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal .column-wrapper {
        grid-template-columns: 2fr 1fr;
    }
}

.modal .column-wrapper .column {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.modal .column-wrapper .column-item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}

    .modal .column-wrapper .column-item:last-child {
        margin: 0px;
        -webkit-box-flex: 1;
        flex: 1 1 0%;
    }

.modal .column-wrapper .column .UsersDiv {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
    gap: 20px 35px;
}

    .modal .column-wrapper .column .UsersDiv input {
        appearance: auto;
    }

    .modal .column-wrapper .column .UsersDiv .User {
        padding: 0px;
        width: auto;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex !important;
    }

        .modal .column-wrapper .column .UsersDiv .User label {
            font-weight: normal;
            font-size: 14px;
            text-align: left;
            color: rgb(0, 0, 0);
        }

        .modal .column-wrapper .column .UsersDiv .User:hover {
            background-color: rgba(0, 0, 0, 0);
        }

.modal .input-wrapper {
    position: relative;
    width: 100%;
}

    .modal .input-wrapper svg, .modal .input-wrapper img {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .modal .input-wrapper input {
        width: 100%;
    }

ul[role=list], ol[role=list] {
    list-style: none;
    margin: 0;
    padding: 0
}

body {
    min-height: 100vh;
    line-height: 1.5
}

img, picture {
    max-width: 100%;
    display: block
}

a {
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

    a:hover {
        text-decoration: none
    }

button {
    border: none;
    padding: 0;
    cursor: pointer
}

    button, button:focus, .form-control, .form-control:focus {
        outline: none;
        background-color: rgba(0,0,0,0);
        -webkit-box-shadow: none;
        box-shadow: none
    }

@media(prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *, *::before, *::after {
        -webkit-animation-duration: .01ms !important;
        animation-duration: .01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

.form-wrapper {
    margin: 22px auto 0;
    font-family: "Fira Sans",sans-serif;
    width: 460px;
    display: block
}

    .form-wrapper.two-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 700px;
        margin-bottom: 90px
    }

        .form-wrapper.two-column .form-container {
            width: 50%;
            margin: 0 30px;
            float: right
        }

            .form-wrapper.two-column .form-container .form-item input {
                width: 253px;
                min-width: 253px
            }

            .form-wrapper.two-column .form-container .form-item .select-wrapper select {
                width: 253px;
                min-width: 253px
            }

            .form-wrapper.two-column .form-container .btn-wrapper {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

                .form-wrapper.two-column .form-container .btn-wrapper .primary-btn {
                    width: 253px;
                    text-transform: capitalize
                }

    .form-wrapper .subtitle {
        font-size: 14px;
        color: #000;
        text-align: left;
        font-weight: 500;
        margin-bottom: 30px
    }

    .form-wrapper .form-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .form-wrapper .form-container .form-item {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 14px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .form-wrapper .form-container .form-item:last-child {
                margin-bottom: 0
            }

            .form-wrapper .form-container .form-item .label-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

            .form-wrapper .form-container .form-item label {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-weight: 600;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                font-size: 14px;
                color: #000
            }

            .form-wrapper .form-container .form-item .warning-tip {
                position: absolute;
                right: -13px;
                color: #c03;
                visibility: hidden;
                font-weight: bold
            }

            .form-wrapper .form-container .form-item .input-wrapper {
                width: 320px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .form-wrapper .form-container .form-item .input-wrapper #ReportDateValidator, .form-wrapper .form-container .form-item .input-wrapper #beginDateValidator, .form-wrapper .form-container .form-item .input-wrapper #EndDateValidator {
                    font-size: 12px;
                    position: absolute;
                    right: -10px;
                    font-weight: bold
                }

                .form-wrapper .form-container .form-item .input-wrapper .validator {
                    font-size: 12px;
                    position: absolute;
                    right: -10px;
                    font-weight: bold
                }

                .form-wrapper .form-container .form-item .input-wrapper #ReportDateRegExp, .form-wrapper .form-container .form-item .input-wrapper #beginDateRegExp, .form-wrapper .form-container .form-item .input-wrapper #EndDateRegExp {
                    font-size: 11px;
                    position: absolute;
                    bottom: -14px;
                    left: 10px
                }

                .form-wrapper .form-container .form-item .input-wrapper .reg-exp {
                    font-size: 11px;
                    position: absolute;
                    bottom: -14px;
                    left: 10px
                }

            .form-wrapper .form-container .form-item .select-wrapper {
                width: 320px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .form-wrapper .form-container .form-item .select-wrapper select {
                    background: #fff;
                    width: 206px;
                    height: 40px;
                    font-size: 14px;
                    line-height: 19px;
                    font-weight: 400;
                    letter-spacing: 0px;
                    color: #5b6271;
                    padding-left: 6px;
                    border: 1px solid #d8d8d8;
                    border-radius: 7px
                }

                    .form-wrapper .form-container .form-item .select-wrapper select:focus-visible {
                        outline: none;
                        border-color: #70d128
                    }

                        .form-wrapper .form-container .form-item .select-wrapper select:focus-visible + label {
                            color: #70d128
                        }

                .form-wrapper .form-container .form-item .select-wrapper #CurrencyName {
                    margin-left: 8px;
                    width: 80px
                }

                .form-wrapper .form-container .form-item .select-wrapper input {
                    min-width: 230px
                }

            .form-wrapper .form-container .form-item input {
                height: 41px;
                background: #fff;
                border: 1px solid #d8d8d8;
                border-radius: 7px;
                opacity: 1;
                width: 320px;
                min-width: 320px;
                padding: 0 0 0 18px;
                font-size: 14px
            }

                .form-wrapper .form-container .form-item input:focus-visible {
                    outline: none;
                    border-color: #70d128
                }

                    .form-wrapper .form-container .form-item input:focus-visible + label {
                        color: #68a33e
                    }

                .form-wrapper .form-container .form-item input:disabled {
                    background-color: rgba(0,0,0,0);
                    cursor: default
                }

                .form-wrapper .form-container .form-item input:-moz-read-only {
                    background-color: rgba(0,0,0,0);
                    cursor: default
                }

                .form-wrapper .form-container .form-item input:read-only {
                    background-color: rgba(0,0,0,0);
                    cursor: default
                }

            .form-wrapper .form-container .form-item textarea {
                height: 81px;
                background: #fff;
                border: 1px solid #d8d8d8;
                border-radius: 7px;
                opacity: 1;
                width: 320px;
                min-width: 320px;
                padding-left: 18px
            }

                .form-wrapper .form-container .form-item textarea:focus-visible {
                    outline: none;
                    border-color: #70d128
                }

                    .form-wrapper .form-container .form-item textarea:focus-visible + label {
                        color: #70d128
                    }

                .form-wrapper .form-container .form-item textarea:disabled {
                    background-color: rgba(0,0,0,0)
                }

                .form-wrapper .form-container .form-item textarea:-moz-read-only {
                    background-color: rgba(0,0,0,0)
                }

                .form-wrapper .form-container .form-item textarea:read-only {
                    background-color: rgba(0,0,0,0)
                }

        .form-wrapper .form-container .warning-title {
            text-align: center;
            font-size: 13px;
            padding-bottom: 6px;
            font-weight: 500
        }

            .form-wrapper .form-container .warning-title span {
                color: #c03;
                font-weight: 600
            }

        .form-wrapper .form-container .benefici-title {
            font-size: 20px;
            line-height: 32px;
            font-weight: 600;
            text-align: left;
            color: #5b6271;
            margin: 0px 0 10px
        }

        .form-wrapper .form-container .date-item {
            position: inherit
        }

            .form-wrapper .form-container .date-item input {
                background: #fff url("../../../images/calendar.png") 7px center no-repeat;
                padding-left: 40px
            }

        .form-wrapper .form-container .filled-label {
            background-color: rgba(0,0,0,0);
            height: 41px;
            border: 1px solid #d8d8d8;
            border-radius: 7px;
            opacity: 1;
            width: 320px;
            min-width: 320px;
            padding: 0 0 0 18px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .form-wrapper .btn-wrapper {
        width: 320px;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px
    }

        .form-wrapper .btn-wrapper .primary-btn {
            width: 107px;
            height: 41px;
            background: #70d128;
            border-radius: 6px;
            letter-spacing: 0px;
            color: #000;
            font-size: 14px;
            font-weight: bold;
            border: none;
            cursor: pointer
        }

            .form-wrapper .btn-wrapper .primary-btn:disabled {
                cursor: default;
                color: #fff;
                opacity: .6
            }

        .form-wrapper .btn-wrapper .secondary-btn {
            cursor: pointer;
            width: 107px;
            height: 41px;
            border: 1px solid #707070;
            border-radius: 6px;
            letter-spacing: 0px;
            color: #000;
            font-size: 14px;
            font-weight: 600;
            background-color: rgba(0,0,0,0)
        }

.warning {
    font-family: "Fira Sans",sans-serif;
    background: #fffcf5;
    border: 1px solid #fec84b;
    border-radius: 7px;
    padding: 10px;
    margin: 6px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .warning .warn-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 10px
    }

        .warning .warn-title h5 {
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: #b54708;
            margin: 0
        }

        .warning .warn-title .forgetpass-warn {
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            color: #b54708;
            margin: 0;
            text-align: left
        }

    .warning svg {
        min-width: 20px;
        color: #dc6803
    }

.trades-warning {
    height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .trades-warning .warning {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

.hero-section {
    font-family: "Fira Sans",sans-serif;
    background: #fff;
    border-radius: 7px;
    padding: 20px;
    margin: 10px
}

    .hero-section .hero-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .hero-section .hero-wrapper h1 {
            text-align: left;
            font-size: 30px;
            line-height: 36px;
            font-weight: 500;
            letter-spacing: 0px;
            color: #000;
            opacity: 1;
            margin: 0;
            padding-left: 10px;
        }

        .hero-section .hero-wrapper #lnkBtnNewFundTransfer {
            text-align: left;
            font-size: 28px;
            font-weight: bold;
            letter-spacing: 0px;
            color: #000;
            opacity: 1;
            margin: 0;
            text-decoration: none
        }

        .hero-section .hero-wrapper p {
            text-align: left;
            letter-spacing: 0px;
            color: #000;
            font-size: 18px;
            font-weight: normal;
            margin: 10px 0 0
        }

    .hero-section .account-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .hero-section .account-info .account-info-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 8px
        }

            .hero-section .account-info .account-info-item:first-child {
                margin: 0
            }

            .hero-section .account-info .account-info-item .name {
                color: #000;
                font-size: 14px;
                font-weight: 500;
                font-weight: 500;
                min-width: 100px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end
            }

            .hero-section .account-info .account-info-item .title {
                margin-right: 6px;
                color: #000;
                font-size: 14px;
                font-weight: normal
            }

.account-hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grey-bg {
    background: #f5f5f5
}

#lateralPanel {
    width: 205px;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    background: #232e42;
    overflow: auto;
    float: left;
    font-family: "Fira Sans",sans-serif;
    cursor: default
}

    #lateralPanel .logo-wrapper {
        width: 131px;
        height: 123px;
        background: #f8f8fa;
        border-radius: 0px 0px 10px 10px;
        margin: 0 auto 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.withdrawal-form .form-wrapper {
    width: 488px
}

.withdrawal-form .tab {
    margin: 14px 30px
}

.subform-title {
    cursor: pointer;
    margin: 20px 0 12px;
    background-color: #70d128;
    width: 100%;
    height: 41px;
    border-radius: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    -webkit-transition: .4s;
    transition: .4s;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .subform-title h5 {
        font-size: 17px;
        line-height: 23px;
        font-weight: 600;
        margin: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 20px
    }

    .subform-title .checkbox-wrapper {
        -webkit-transition: .4s;
        transition: .4s;
        font-size: 20px;
        color: #232e42;
        font-weight: 400;
        float: right;
        margin-left: 5px;
        width: 34px;
        height: 41px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #232e42;
        border-radius: 0px 5px 5px 0px
    }

        .subform-title .checkbox-wrapper input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: var(--form-background);
            margin: 0;
            font: inherit;
            color: currentColor;
            width: 100%;
            border: .15em solid currentColor;
            border-radius: .15em;
            -webkit-transform: translateY(-0.075em);
            transform: translateY(-0.075em);
            display: grid;
            place-content: center;
            cursor: pointer
        }

            .subform-title .checkbox-wrapper input::before {
                content: "";
                width: .8em;
                height: .8em;
                -webkit-clip-path: polygon(35% 0%, 65% 0%, 65% 35%, 100% 35%, 100% 60%, 65% 60%, 65% 100%, 35% 100%, 35% 60%, 0% 60%, 0% 35%, 35% 35%);
                clip-path: polygon(35% 0%, 65% 0%, 65% 35%, 100% 35%, 100% 60%, 65% 60%, 65% 100%, 35% 100%, 35% 60%, 0% 60%, 0% 35%, 35% 35%);
                -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
                -webkit-transition: 120ms -webkit-transform ease-in-out;
                transition: 120ms -webkit-transform ease-in-out;
                transition: 120ms transform ease-in-out;
                transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
                -webkit-box-shadow: inset 1em 1em #fff;
                box-shadow: inset 1em 1em #fff;
                background-color: CanvasText
            }

            .subform-title .checkbox-wrapper input:checked::before {
                -webkit-clip-path: polygon(100% 35%, 100% 60%, 0% 60%, 0% 35%);
                clip-path: polygon(100% 35%, 100% 60%, 0% 60%, 0% 35%)
            }

.tab {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 0 */

    display: -webkit-inline-box;
    display: -ms-flexbox;
    margin: 14px 0
}

}

.tab.tab-absolute {
    position: absolute;
    top: 280px;
    left: 30px
}

.tab .tablinks {
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
    box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
    border-radius: 7px;
    letter-spacing: 0px;
    color: #232e42;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    font-family: "Fira Sans",sans-serif;
    font-weight: 500;
    margin-right: 24px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none;
    border: none;
    cursor: pointer;
    min-height: 37px;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none
}

    .tab .tablinks:hover {
        background-color: #ddd
    }

    .tab .tablinks.active {
        background: #70d128;
        -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
        box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
        color: #000;
        font-weight: 600
    }

    .tab .tablinks.back-btn {
        padding: 0 10px
    }

    .tab .tablinks:last-child {
        margin-right: 0
    }

.formtable {
    /*padding-right: 40px;*/
}

    .formtable tr {
        height: 54px
    }

    .formtable span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: "Fira Sans",sans-serif;
        font-weight: 600;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
        color: #000;
        padding: 0 20px 0 40px;
    }

    .formtable textarea {
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 7px;
        opacity: 1;
        padding: 0 0 0 18px;
        font-family: "Fira Sans",sans-serif;
        font-size: 14px
    }

.Message {
    font-family: "Fira Sans",sans-serif;
    font-size: 14px;
    color: darkred;
}

.FormTitle {
    font-size: 26px;
    font-weight: 400;
}

.tableCaption {
    cursor: pointer;
    letter-spacing: 0px;
    color: #232e42;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-family: "
    Fira Sans"
    ,sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 40px 0 10px;
}

.formtable input {
    height: 41px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
    opacity: 1;
    padding: 0 0 0 18px;
    font-family: "Fira Sans",sans-serif;
    font-size: 14px
}

    .formtable input.primary-btn {
        background: #70d128;
        border-radius: 6px;
        letter-spacing: 0px;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        border: none;
        cursor: pointer;
        padding: 5px 10px 5px 10px;
        margin-left: 40px;
    }

input.primary-btn {
    background: #70d128;
    border-radius: 6px;
    letter-spacing: 0px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
}

.formtable input.hasDatepicker {
    background: #fff url("../../../images/calendar.png") 7px center no-repeat;
    padding-left: 40px;
    width: 140px;
}

.formtable select {
    height: 41px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
    opacity: 1;
    padding: 0 10px 0 14px;
    font-family: "Fira Sans",sans-serif;
    font-size: 14px
}

.pager {
    text-align: center;
}

    .pager td table {
        margin-left: 25%;
        width: 50%;
    }

.tabPageMenu {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 0 */
    display: -webkit-inline-box;
    display: -ms-flexbox;
    margin: 14px 0
}

    .tabPageMenu.tabPageMenu-absolute {
        position: absolute;
        top: 280px;
        left: 30px
    }

    .tabPageMenu table.MenuItem {
        padding: 10px 20px;
    }

    .tabPageMenu a {
        display: none;
    }

        .tabPageMenu a.MenuItem {
            background: #fff;
            -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
            box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
            border-radius: 7px;
            letter-spacing: 0px;
            color: #232e42;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 17px;
            font-family: "Fira Sans",sans-serif;
            font-weight: 500;
            margin-right: 24px;
            -webkit-transition: .3s;
            transition: .3s;
            outline: none;
            border: none;
            cursor: pointer;
            min-height: 37px;
            padding: 0 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-decoration: none
        }

        .tabPageMenu a:hover {
            background-color: #ddd
        }

        .tabPageMenu a.MenuItemSelected {
            background: #70d128;
            -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
            box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
            color: #000;
            font-weight: 600
        }

        .tabPageMenu a.back-btn {
            padding: 0 10px
        }

        .tabPageMenu a:last-child {
            margin-right: 0
        }

.tabcontent {
    display: none;
    padding-top: 20px
}

.table-wrapper {
    /*margin: 0 30px*/
}

    .table-wrapper table {
        font-family: "Fira Sans",sans-serif;
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
        caption-side: bottom;
        border-collapse: collapse;
        border: 1px solid rgba(35,46,66,.1764705882)
    }

        .table-wrapper table tbody, .table-wrapper table td, .table-wrapper table tfoot, .table-wrapper table th, .table-wrapper table thead, .table-wrapper table tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        .table-wrapper table thead {
            height: 33px;
            background: #232e42;
            border-radius: 7px 6px 0px 0px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            border-radius: 7px 6px 0px 0px;
            position: sticky;
            top: 0;
        }

        .table-wrapper table tbody tr {
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

            .table-wrapper table tbody tr:nth-child(odd) {
                background-color: #fff
            }

            .table-wrapper table tbody tr:nth-child(even) {
                background-color: #f5f7f9
            }

            .table-wrapper table tbody tr.blue-row {
                background-color: #ADD8E6
            }



            .table-wrapper table tbody tr th {
                height: 33px;
            }



            .table-wrapper table tbody tr td {
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 0px;
                color: #000;
                border-right: 1px solid rgba(35,46,66,.1764705882);
                padding-right: 6px
            }

                .table-wrapper table tbody tr td a {
                    color: #3a7cff;
                    text-decoration: none
                }

    .table-wrapper .transaction-rows tbody tr:nth-child(odd) {
        background-color: #fff !important
    }

    .table-wrapper .transaction-rows tbody tr:nth-child(even) {
        background-color: #f5f7f9 !important
    }

    .table-wrapper .transaction-rows tbody tr:first-child {
        background-color: #232e42 !important
    }

    .table-wrapper .block {
        margin-bottom: 40px
    }

        .table-wrapper .block:last-child {
            margin-bottom: 0
        }

    .table-wrapper .table-container {
        margin-top: 30px;
        font-family: "Fira Sans",sans-serif
    }

        .table-wrapper .table-container table {
            border: none
        }

            .table-wrapper .table-container table caption {
                letter-spacing: 0px;
                color: #232e42;
                text-transform: uppercase;
                font-size: 18px;
                line-height: 22px;
                font-family: "Fira Sans",sans-serif;
                font-weight: 500;
                text-align: center;
                margin: 40px 0 10px;
            }

            .table-wrapper .table-container table thead td {
                text-align: center !important
            }

                .table-wrapper .table-container table thead td:first-child {
                    border-radius: 5px 0 0 0
                }

                .table-wrapper .table-container table thead td:last-child {
                    border-radius: 0px 5px 0 0
                }

            .table-wrapper .table-container table th {
                text-align: center !important
            }

                .table-wrapper .table-container table th:first-child {
                    border-radius: 5px 0 0 0
                }

                .table-wrapper .table-container table th:last-child {
                    border-radius: 0px 5px 0 0
                }


            .table-wrapper .table-container table td {
                padding: 0 10px;
                -webkit-transition: .2s ease;
                transition: .2s ease;
                border-bottom: none;
                width: 100px
            }

        .table-wrapper .table-container h5 {
            font-size: 16px;
            line-height: 19px;
            font-weight: 500;
            letter-spacing: 0px;
            color: #85C1E9;
            margin: 0 0 14px
        }

        .table-wrapper .table-container h6 {
            font-size: 14px;
            line-height: 19px;
            font-weight: 500;
            letter-spacing: 0px;
            color: #000;
            margin: 0 0 14px
        }

        .table-wrapper .table-container .polygon {
            padding: 0;
            width: 30px
        }

            .table-wrapper .table-container .polygon img {
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

        .table-wrapper .table-container .clickRow {
            cursor: pointer
        }

            .table-wrapper .table-container .clickRow.active .polygon img {
                -webkit-transform: rotateZ(90deg);
                transform: rotateZ(90deg)
            }

            .table-wrapper .table-container .clickRow.active td {
                color: #85C1E9;
                font-weight: 600
            }

        .table-wrapper .table-container .clickRow2 {
            cursor: pointer
        }

            .table-wrapper .table-container .clickRow2.active .polygon img {
                -webkit-transform: rotateZ(90deg);
                transform: rotateZ(90deg)
            }

            .table-wrapper .table-container .clickRow2.active td {
                color: #85C1E9;
                font-weight: 600
            }

        .table-wrapper .table-container .dataResult .blueTable {
            border: 1px solid rgba(35,46,66,.1764705882)
        }

            .table-wrapper .table-container .dataResult .blueTable tr {
                background-color: #e1f1f6 !important
            }

                .table-wrapper .table-container .dataResult .blueTable tr td {
                    border-bottom: 1px solid rgba(107,96,96,.4196078431)
                }

    .table-wrapper .worse-equal-table table {
        border: 1px solid rgba(107,96,96,.4196078431)
    }

        .table-wrapper .worse-equal-table table td {
            border-bottom: 1px solid rgba(107,96,96,.4196078431) !important
        }

    .table-wrapper #FailedPost table {
        border: 1px solid rgba(35,46,66,.1764705882) !important
    }

.bank-info {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Fira Sans",sans-serif
}

    .bank-info .bankInfo-wrapper {
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 0px 0px 5px 5px;
        border-radius: 7px 6px 0px 0px;
        min-width: 700px
    }

    .bank-info .bank-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 39px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 14px
    }

        .bank-info .bank-item:nth-child(odd) {
            background: #f5f7f9
        }

        .bank-info .bank-item:nth-child(even) {
            background: #fff
        }

        .bank-info .bank-item .title, .bank-info .bank-item .desc {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 39px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 14px;
            line-height: 17px;
            letter-spacing: 0px;
            color: #000
        }

        .bank-info .bank-item .title {
            border-right: 1px solid rgba(35,46,66,.2470588235);
            margin-right: 20px
        }

    .bank-info .bankInfo-header {
        background: #232e42;
        border-radius: 7px 6px 0px 0px;
        height: 39px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .bank-info .bankInfo-header h1 {
            margin: 0;
            letter-spacing: 0px;
            color: #fff;
            text-transform: uppercase;
            font-size: 20px;
            line-height: 24px;
            font-weight: normal
        }

.result-message {
    font-family: "Fira Sans",sans-serif;
    text-align: center;
    color: #b54708;
    font-size: 14px
}

.trades-table-wrapper {
    margin: 0 30px
}

    .trades-table-wrapper table {
        font-family: "Fira Sans",sans-serif;
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
        caption-side: bottom;
        border-collapse: collapse;
        border: 1px solid rgba(35,46,66,.1764705882)
    }

        .trades-table-wrapper table tbody, .trades-table-wrapper table td, .trades-table-wrapper table tfoot, .trades-table-wrapper table th, .trades-table-wrapper table thead, .trades-table-wrapper table tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        .trades-table-wrapper table thead {
            height: 33px;
            background: #232e42;
            border-radius: 7px 6px 0px 0px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            border-radius: 7px 6px 0px 0px;
            position: sticky;
            top: 0;
        }

        .trades-table-wrapper table th {
            height: 33px;
            background: #232e42;
            border-radius: 7px 6px 0px 0px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            border-radius: 7px 6px 0px 0px
        }

        .trades-table-wrapper table tbody tr {
            height: 30px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            border-bottom: 1px solid #dedede
        }

            .trades-table-wrapper table tbody tr td {
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 0px;
                color: #000;
                border-right: 1px solid rgba(35,46,66,.1764705882);
                padding-right: 6px
            }

                .trades-table-wrapper table tbody tr td a {
                    color: #3a7cff;
                    text-decoration: none
                }

        .trades-table-wrapper table .total-price-row {
            background: #ADD8E6
        }

            .trades-table-wrapper table .total-price-row td {
                border: none;
            }

    .trades-table-wrapper .dropdown-table td {
        background-color: #f5f5f5
    }

    .trades-table-wrapper .inner-table {
        border: none
    }

        .trades-table-wrapper .inner-table tr, .trades-table-wrapper .inner-table td {
            border: none
        }

    .trades-table-wrapper .dashed-table tbody tr:nth-child(odd) {
        background-color: #fff
    }

    .trades-table-wrapper .dashed-table tbody tr:nth-child(even) {
        background-color: #f5f7f9
    }

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

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

.print-cta {
    cursor: pointer;
    background-color: #2175B4;
    border: 1px solid #13496e;
    width: 125px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: "Fira Sans",sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    margin-top: 30px;
    position: absolute;
    right: 25px;
    margin-top: 10px
}

    .print-cta svg {
        margin-right: 3px
    }

.trades-table-dropdown {
    font-family: "Fira Sans",sans-serif
}

    .trades-table-dropdown .dropdown-wrapper .dropdown-head {
        background: #fff;
        -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.0784313725);
        box-shadow: 0px 3px 6px rgba(0,0,0,.0784313725);
        border-radius: 10px;
        height: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 30px
    }

        .trades-table-dropdown .dropdown-wrapper .dropdown-head .head-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%
        }

            .trades-table-dropdown .dropdown-wrapper .dropdown-head .head-wrapper .item {
                letter-spacing: 0px;
                color: #000;
                font-size: 14px;
                line-height: 17px;
                font-weight: normal
            }

                .trades-table-dropdown .dropdown-wrapper .dropdown-head .head-wrapper .item:first-child {
                    font-weight: 500
                }

                .trades-table-dropdown .dropdown-wrapper .dropdown-head .head-wrapper .item span:first-child {
                    margin-right: 24px
                }

    .trades-table-dropdown .dropdown-wrapper .dropdown-content table {
        font-family: "Fira Sans",sans-serif;
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
        caption-side: bottom;
        border-collapse: collapse;
        border: 1px solid rgba(35,46,66,.1764705882)
    }

        .trades-table-dropdown .dropdown-wrapper .dropdown-content table tbody, .trades-table-dropdown .dropdown-wrapper .dropdown-content table td, .trades-table-dropdown .dropdown-wrapper .dropdown-content table tfoot, .trades-table-dropdown .dropdown-wrapper .dropdown-content table th, .trades-table-dropdown .dropdown-wrapper .dropdown-content table thead, .trades-table-dropdown .dropdown-wrapper .dropdown-content table tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        .trades-table-dropdown .dropdown-wrapper .dropdown-content table thead {
            height: 33px;
            background: #dfdfdf;
            border-radius: 7px 6px 0px 0px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #000;
            border-radius: 5px 5px 0px 0px
        }

        .trades-table-dropdown .dropdown-wrapper .dropdown-content table tbody {
            background-color: #fff
        }

            .trades-table-dropdown .dropdown-wrapper .dropdown-content table tbody tr {
                height: 38px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                border-bottom: 1px solid #dedede
            }

                .trades-table-dropdown .dropdown-wrapper .dropdown-content table tbody tr td {
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease;
                    font-size: 14px;
                    font-weight: normal;
                    letter-spacing: 0px;
                    text-align: center;
                    color: #000;
                    border-right: 1px solid rgba(35,46,66,.1764705882);
                    padding-right: 6px
                }

                    .trades-table-dropdown .dropdown-wrapper .dropdown-content table tbody tr td a {
                        color: #3a7cff;
                        text-decoration: none
                    }

.checkbox-item #rblType {
    font-family: "Fira Sans",sans-serif;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px
}

    .checkbox-item #rblType tbody {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .checkbox-item #rblType tbody tr {
            margin-right: 40px
        }

            .checkbox-item #rblType tbody tr:last-child {
                margin: 0
            }

            .checkbox-item #rblType tbody tr td {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .checkbox-item #rblType tbody tr td input {
                    margin: 0;
                    accent-color: #549f1c;
                    cursor: pointer
                }

                .checkbox-item #rblType tbody tr td label {
                    cursor: pointer;
                    margin-left: 5px;
                    color: #000;
                    font-size: 14px;
                    line-height: 17px;
                    font-weight: 500
                }

.table-title {
    letter-spacing: 0px;
    color: #232e42;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-family: "Fira Sans",sans-serif;
    font-weight: 500;
    text-align: center;
    margin: 40px 0 10px;
    display: block
}

.transaction-result-message {
    display: block;
    font-family: "Fira Sans",sans-serif;
    margin: 30px auto 0;
    width: 485px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #b54708;
    text-align: center
}

.ui-widget-header {
    border: 1px solid #4b9514 !important;
    background: #70d128 !important
}

.ui-state-default {
    background: #fff;
    border-color: #cecece !important;
    font-family: "Fira Sans",sans-serif;
    letter-spacing: 0px;
    color: #000 !important;
    font-size: 14px;
    font-weight: normal !important
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #6ecc27 !important
}

.ui-widget-content .ui-state-active {
    background: #d8dfe5;
    color: #232e42;
    font-weight: bold;
    border: 1px solid #99a0a7
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    line-height: 23px;
    text-align: center;
    font-family: "Fira Sans",sans-serif;
    color: #000;
    font-size: 14px;
    height: 24px;
    font-weight: normal
}

.ui-timepicker-div dl dd {
    margin: 0 10px 20px 40% !important
}

.ui-datepicker th {
    font-family: "Fira Sans",sans-serif;
    font-size: 14px;
    font-weight: normal !important
}

.ui-slider-horizontal {
    height: 4px !important;
    background: #d4d4d4 !important;
    border-radius: 3px !important;
    border: none !important
}

.ui-slider-handle {
    background: #6ecc27 !important;
    border-radius: 50% !important;
    border: none !important
}

.ui-datepicker-close {
    background: #6ecc27 !important;
    border-radius: 3px !important;
    font-family: "Fira Sans",sans-serif !important;
    font-size: 14px !important;
    line-height: 17px;
    font-weight: 500 !important;
    letter-spacing: 0px;
    color: #000 !important
}

.ui-timepicker-div {
    font-family: "Fira Sans",sans-serif !important;
    letter-spacing: 0px;
    color: #000;
    font-size: 14px;
    font-weight: normal
}

.ui-datepicker-current {
    background: #eee !important;
    border: 1px solid rgba(0,0,0,.4666666667) !important;
    border-radius: 3px !important;
    font-family: "Fira Sans",sans-serif !important;
    font-size: 14px !important;
    line-height: 17px;
    letter-spacing: 0px;
    color: #000 !important
}

.realization-report-inputs {
    font-family: "Fira Sans",sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

    .realization-report-inputs .report-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 38px
    }

        .realization-report-inputs .report-wrapper:last-child {
            margin-right: 0
        }

        .realization-report-inputs .report-wrapper .name {
            letter-spacing: 0px;
            color: #000;
            font-size: 14px;
            line-height: 17px;
            font-weight: normal;
            margin-right: 5px
        }

        .realization-report-inputs .report-wrapper .text-field {
            border: 1px solid #d8d8d8;
            border-radius: 7px;
            letter-spacing: 0px;
            color: #000;
            font-size: 14px;
            width: 220px;
            height: 41px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 14px;
            line-height: 17px;
            font-weight: 600
        }

@media(max-width: 1400px) {
    .realization-report-inputs .report-wrapper .text-field {
        width: 180px
    }
}

.mt-40 {
    margin-top: 40px
}

.swap-rates {
    margin: 40px 30px 0
}

    .swap-rates table {
        font-family: "Fira Sans",sans-serif;
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
        caption-side: bottom;
        border-collapse: collapse
    }

        .swap-rates table tbody, .swap-rates table td, .swap-rates table tfoot, .swap-rates table th, .swap-rates table thead, .swap-rates table tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        .swap-rates table thead {
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            position: sticky;
            top: 0;
        }

            .swap-rates table thead tr {
                height: 33px
            }

                .swap-rates table thead tr:first-child .main-thead {
                    background: #85C1E9;
                    border-radius: 5px 5px 0px 0px;
                    font-weight: 600;
                    text-transform: uppercase
                }

                .swap-rates table thead tr:last-child {
                    background: #232e42;
                    border-radius: 7px 6px 0px 0px
                }

                    .swap-rates table thead tr:last-child .currency {
                        background: #e1f1f6;
                        color: #000;
                        font-weight: 600
                    }

        .swap-rates table tbody {
            border: 1px solid rgba(35,46,66,.1764705882)
        }

            .swap-rates table tbody tr {
                height: 30px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease
            }

                .swap-rates table tbody tr:nth-child(odd) {
                    background-color: #fff
                }

                .swap-rates table tbody tr:nth-child(even) {
                    background-color: #f5f7f9
                }

                .swap-rates table tbody tr.blue-row {
                    background-color: #ADD8E6
                }



                .swap-rates table tbody tr td {
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease;
                    font-size: 14px;
                    font-weight: normal;
                    letter-spacing: 0px;
                    color: #000;
                    border-right: 1px solid rgba(35,46,66,.1764705882);
                    padding-right: 6px
                }

                    .swap-rates table tbody tr td a {
                        color: #3a7cff;
                        text-decoration: none
                    }

.withdrawel-warning {
    width: 400px;
    margin: 30px auto 0
}

.stickyHeader {
    position: sticky;
    top: 0;
}

.goback-btn {
    margin-top: 40px;
    width: 255px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
    box-shadow: 0px 3px 6px rgba(0,0,0,.1607843137);
    border-radius: 7px;
    letter-spacing: 0px;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    font-family: "Fira Sans",sans-serif;
    cursor: pointer
}

    .goback-btn .icon {
        width: 25px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #70d128;
        border-radius: 3px 0px 0px 3px
    }

    .goback-btn .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

.statement {
    font-family: "Fira Sans",sans-serif
}

    .statement p {
        font-size: 14px;
        line-height: 25px;
        font-weight: normal;
        color: #000;
        margin-top: 0;
        margin-bottom: 1rem
    }

        .statement p:last-child {
            margin: 0
        }

        .statement p b {
            font-weight: bold
        }

    .statement .tab {
        margin: 14px 30px
    }

@media(max-width: 1400px) {
    .statement .tab .tablinks {
        margin-right: 10px;
        font-size: 13px;
        padding: 0 10px
    }
}

.statement .img-wrapper {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1400px) {
    .statement .img-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.statement .mb-30 {
    margin-bottom: 30px
}

.statement .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .statement .wrapper h6 {
        font-size: 14px;
        font-weight: 600;
        color: #232e42;
        margin: 0;
        line-height: 17px;
        text-transform: uppercase;
        margin-bottom: 10px
    }

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 1400px) {
    .container {
        width: 1370px
    }
}

@media(min-width: 1600px) {
    .container {
        width: 1570px
    }
}

.auto-tables th {
    font-size: 14px
}

.auto-tables table tbody tr td {
    font-weight: inherit !important;
    color: inherit;
}

.lv-report tbody tr .inner-table tr {
    background-color: inherit !important
}

.lv-report tbody tr:nth-child(odd) {
    background-color: #fff
}

.lv-report tbody tr:nth-child(even) {
    background-color: #f5f7f9
}

.copyright-text {
    font-size: 12px;
    margin-top: 30px;
    color: #000;
    font-family: "Fira Sans",sans-serif
}

.lvreport-table-wrapper {
    margin: 0 30px
}

    .lvreport-table-wrapper table {
        font-family: "Fira Sans",sans-serif;
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        overflow-y: auto;
        caption-side: bottom;
        border-collapse: collapse;
        border: 1px solid rgba(35,46,66,.1764705882)
    }

        .lvreport-table-wrapper table tbody, .lvreport-table-wrapper table td, .lvreport-table-wrapper table tfoot, .lvreport-table-wrapper table th, .lvreport-table-wrapper table thead, .lvreport-table-wrapper table tr {
            border-color: inherit;
            border-style: solid;
            border-width: 0
        }

        .lvreport-table-wrapper table thead {
            height: 33px;
            background: #232e42;
            border-radius: 7px 6px 0px 0px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0px;
            color: #fff;
            border-radius: 7px 6px 0px 0px;
            position: sticky;
            top: 0;
        }

        .lvreport-table-wrapper table tbody tr {
            height: 30px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

            .lvreport-table-wrapper table tbody tr td {
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 0px;
                color: #000;
                border-right: 1px solid rgba(35,46,66,.1764705882);
                padding-right: 6px
            }

                .lvreport-table-wrapper table tbody tr td a {
                    color: #3a7cff;
                    text-decoration: none
                }

        .lvreport-table-wrapper table .total-price-row {
            background: #ADD8E6
        }

            .lvreport-table-wrapper table .total-price-row td {
                border: none;
            }

    .lvreport-table-wrapper .inner-table {
        border: none
    }

        .lvreport-table-wrapper .inner-table tr, .lvreport-table-wrapper .inner-table td {
            border: none
        }

#tvMenu td {
    height: 25px;
    vertical-align: middle
}